@import url('pages.css');
@import url('prettyPhoto.css');
@font-face {
 font-family:JF-Flat-regular;
 src: url(../fonts/JF-Flat-regular.ttf);
}
body {
	font-family:JF-Flat-regular;
}
.hvr-grow-shadow {
	display: block;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
/*header**************************/

.header-top {
	background: #46517e;
	padding: 12px 0px;
}
img.lan {
	text-align: center;
	margin-top: -7px;
}
.lang i {
	font-size: 10px;
	color:#e44a4e;
}
.icons-soshil {
	margin-bottom: -10px;
}
.icons-soshil li {
	width: 29px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-radius: 50%;
}
.icons-soshil a {
	color: #fff;
	font-size: 14px;
 transition: .2s all;
}
.icons-soshil a:hover {
	color: #000
}
.lang a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.header-bottom {
	padding: 15px 0px;
}
li.facebook-icons {
	background: #325c94;
}
li.twitter-icons {
	background: #00abdc;
}
li.youtyube-icons {
	background: #f20026;
}
li.instagram-icons {
	background: #2a5985;
}
li.google-icons {
	background: #dc543a;
}
.icons-soshil li {
 transition: .2s all;
}
.icons-soshil li:hover {
	background: #fff
}
li.active {
	background: #d44e4d;
	color: #fff;
	padding: 8px 14px;
	border-radius: 30px;
}
li.active a {
	color: #fff
}
.list a {
	font-size: 15px;
	color: #000;
	text-decoration: none;
 transition: .3s all;
}
.list {
	margin-top: 30px;
}
.list li {
	padding: 8px 14px;
 transition: .3s all;
	position: relative;
}
.list li:hover ul {
	display: block;
}
li.search {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #434d74;
	border-radius: 50%;
	padding: 0px;
	margin-top: -5px;
}
header .search a {
	color: #fff;
	font-size: 18px;
}
.list li:hover {
	background: #d44e4d;
	color: #fff !important;
	border-radius: 30px;
}
.list li:hover a {
	color: #fff;
}
/**************************header*/

/*slider**************************/
.slid {
	position: relative;
	z-index: 0;
}
i.fa.fa-angle-right.ri {
	position: absolute;
	right: 40px;
	top: 50%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #434d74;
	font-size: 22px;
	text-align: center;
	border-radius: 50%;
}
i.fa.fa-angle-left.le {
	position: absolute;
	left: 40px;
	top: 50%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #434d74;
	font-size: 22px;
	text-align: center;
	border-radius: 50%;
}
i.fa.fa-angle-left.le, i.fa.fa-angle-right.ri {
 transition: .2s all;
}
i.fa.fa-angle-left.le:hover, i.fa.fa-angle-right.ri:hover {
	background: #d44e4d
}
/***********************slider*/
/*about-us*********************/

.slid-about {
	text-align: center;
	margin-top: -565px;
	z-index: 9999999;
	background: rgba(55, 60, 92, 0.83);
	padding-top: 20px;
	border-radius: 10px 10px 0px 0px;
	position: relative;
}
.slid-about a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
 transition: .2s all;
}
.slid-about a:hover {
	color: #d44e4d
}
.slid-about .col-xs-12 {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #646fa1;
}
span.af {
	position: absolute;
	width: 95%;
	height: 1px;
	background: #646fa1;
	top: 33%;
	transform: translate(-50%, -50%);
}
span.be {
	position: absolute;
	width: 95%;
	height: 1px;
	background: #646fa1;
	top: 65%;
	transform: translate(-50%, -50%);
}
.slid-about:after {
	position: absolute;
	content: "";
	background: #646fa1;
	transform: translate(-50%, -50%);
	top: 50%;
	width: 1px;
	height: 95%;
}
h2.hid {
	text-align: center;
	color: #d44e4d;
	font-size: 22px;
}
.about h2 a, .about h2 a:hover, .about h2 a:focus {
	color: #434d74;
	text-decoration: none;
	font-size: 18px;
	position: relative;
}
.about h2.hid {
	text-align: center;
	color: #d44e4d;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: -10px;
}
.about h2 a:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 60px;
	background: #d44e4d;
	top: -35px;
}
.about p {
	font-size: 14px;
	line-height: 34px;
	margin-top: 30px;
	color:#000;
	margin-bottom: 25px;
	height: 272px;
	overflow: hidden;
}
a.mor-2 {
	height: 40px;
	margin-left: 18px;
	width: 127px;
	text-align: center;
	float: right;
	background: #434d74;
	font-size: 16px;
	color: #fff;
	border-radius: 30px;
	line-height: 40px;
	text-decoration: none;
}
a.mor-1 {
	height: 40px;
	margin-left: 18px;
	width: 127px;
	text-align: center;
	float: right;
	background: #d44e4d;
	font-size: 16px;
	color: #fff;
	border-radius: 30px;
	line-height: 40px;
	text-decoration: none;
}
/*********************about-us*/

/*catogery*********************/
.catogery {
	background: url(../images/catodery.jpg) fixed no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	margin-top: 50px;
}
.catogery .catoger {
	background: rgba(67, 77, 116, 0.92);
	width: 100%;
	height: 100%;
	padding: 20px 0px;
	opacity: .40px
}
.catogery-all {
	margin-bottom: 30px;
}
.catogery-img {
	overflow: hidden;
	height: 250px;
	position: relative;
}
.catogery-1 {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 125px;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 255px;
	background: rgba(255, 255, 255, 0);
	;
 transition: .3s all;
	border-radius: 8px 8px 0px 0px;
}
.catogery-1:hover {
	background: rgba(255, 255, 255, 0.60);
	;
}
i.fa.fa-plus {
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	background: #f51715;
	border-radius: 50%;
	opacity: 0;
 transition: .3s all;
}
.catogery-1:hover i.fa.fa-plus {
	opacity: 1;
}
.catogery-img img.img-responsive {
	height: 250px;
	border-radius: 8px 8px 0px 0px;
	width: 100%;
}
.hid-catogery.text-center {
	margin-bottom: 40px;
	margin-top: 40px;
}
.catogery-righ {
	padding: 15px 15px;
	background: #fff;
	border-radius: 0px 0px 8px 8px;
}
.catogery-righ p {
	display: block;
	height: 24px;
	overflow: hidden;
}
.catogery-righ p a {
	display: inline;
	color: #d44e4d;
	text-decoration: none;
}
img.ri {
margin-top: -35px;
    /* margin-left: 20px; */
    transition: .3s all;
    max-width: 37px;
    max-height: 32px;
}
.hid-catogery h2 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 13px;
	height: 24px;
	overflow: hidden;
}
.catogery-righ p {
	display: block;
	height: 26px;
	overflow: hidden;
	padding-left: 30px;
	line-height: 37px;
}
/*************************catogery*/
/*product**************************/
.product-top {
	width: 100%;
	overflow: hidden;
}
.product-botom p {
	width: 105px;
	height: 40px;
	background: #d44e4d;
	border-radius: 30px;
	text-align: center;
	line-height: 39px;
	margin: auto;
 transition: .2s all;
}
.product-botom p:hover {
	background: #434d74;
}
.product-botom p a {
	color: #fff;
	font-size: 18px;
	text-decoration:none;
}
.product-botom {
	background: #eee;
	margin-bottom: 30px;
	padding: 15px;
	position: relative;
}
span.detels {
	position: absolute;
	right: 12px;
	top: -19px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #434d74;
	font-size: 16px;
	border-radius: 50%;
}
.detels a {
	color: #fff;
}
.hid.text-center {
	margin-top: 40px;
	margin-bottom: 40px;
}
.hid h2 {
	color: #d44e4d;
	font-size: 22px;
	height: 24px;
	overflow: hidden;
}
.hid h2 a {color: #d44e4d;}
.group-1 h2 {
	height: 24px;
	overflow: hidden;
}
.group-1 h2 a {color: #434d74;}
.product {
	padding: 30px 0px;
}
/**************************product*/
/*Groups***************************/
.img-news {
}
.img-news img {
	width: 100%;
	border-radius: 5px;
	height: 72px;
}
.wright-news.col-md-8 {
	margin-top: -24px;
	margin-right: -15px;
}
.wright-news a {
	font-size: 18px;
	color: #434d74;
	text-decoration: none;
}
.wright-news.col-md-8 {
	/* clear: both; */
    margin-bottom: 21px;
}
.group-1 h2 {
	font-size: 20px;
	margin-bottom: 28px;
}
.group-1 hr {
	width: 90%;
	text-align: center;
}
.col-md-4.col-xs-12.border {
	border: 1px solid #e1e1e1;
	background: #fff;
}
.Group {
	background: #f5f5f5;
	padding: 75px 0px;
}
.Group .owl-nav {
	display: none;
}
.coumb-right a {
	color: #434d74;
	font-size: 18px;
	text-decoration: none;
}
.coumb-right {
	background: #fff;
	padding: 15px;
}
.coumb .owl-dots {
	display: block !important;
	text-align: center;
	position: absolute;
	bottom: 30px;
	width: 100%;
	bottom: -51px;
}
.coumb .owl-dot.active {
	background-color: #d44e4d;
	width: 22px;
	height: 22px;
	border: 2px solid #dee1e1;
	box-shadow: 0 0 0 1px #d44e4d;
}
.coumb .owl-dot {
	background-color: #d44e4d;
	width: 16px;
	height: 16px;
	margin-right: 5px !important;
	margin-left: 5px !important;
	margin-bottom: 0px !important;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/***************************Groups*/

/*SEND-MESSAGE***************************************************/
.SEND input {
	width: 370px;
	height: 50px;
	border-radius: 7px;
	border: 1px solid #eee;
	padding: 0px 10px;
	outline: none;
	color: #616364;
	margin-bottom: 20px;
	position: relative;
}
textarea {
	width: 101%;
	height: 217px;
	border-radius: 7px;
	border: 1px solid #eee;
	padding: 10px 10px;
	outline: none;
	color: #616364;
	/* text-align: center; */
    /* margin: auto; */
    outline: none;
	position: relative;
}
span.input-span {
	position: absolute;
	top: 14px;
	font-size: 16px;
	color: #eb0606;
}
span.textarea-span {
	position: absolute;
	top: 15px;
	font-size: 6px;
	color: #eb0606;
}
section.SEND-MESSAGE {
	padding: 40px 0px 60px 0px;
}
.SEND button , .SEND input[type="submit"] {
	width: 140px;
	height: 48px;
	border: none;
	color: #fff;
	margin-top: 40px;
	border-radius: 30px;
	background: #434d74;
	font-size: 16px;
	font-weight: bold;
	outline: none;
}
.about-as-hed.SEND-MESSAGE.text-center {
	margin-bottom: 45px;
}
.about-as-hed h2 {
	font-size: 22px;
	color: #d44e4d;
	height: 24px;
	overflow: hidden;
}
.about h2.hid {
	height: 24px;
	overflow: hidden;
}
.img-slid .thumb {
	height:61px;
	overflow:hidden;}
.img-slid .thumb img {
	max-width:75px;
	max-height:61px;
	}
.img-slid h3 {
	height: 24px;
	overflow: hidden;
}
.img-slid img.im-ab {
	max-height: 70px;
	max-width: 100px;
	overflow: hidden;
}
/***************************************************SEND-MESSAGE*/

/*footer*********************************************************/
footer {
	background: url(../images/footer.jpg) fixed no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
footer .footer {
	background: rgba(32, 32, 32, 0.88);
	background-size: cover;
	width: 100%;
	height: 100%;
	padding: 60px 0px 0px 0px;
	color: #fff;
}
.col-md-12.col-xs-12.scroll-soshil {
	background: #fff;
	padding: 20px;
	border-radius: 100px;
}
.sh i.fa.fa-angle-up {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #fff;
	font-size: 21px;
	color: #000;
	border-radius: 50%;
	cursor: pointer;
 transition: .3s all;
}
.sh i.fa.fa-angle-up:hover {
	background: #d44e4d;
	color: #fff;
}
.col-md-12.col-xs-12.scroll-soshil {
	background: rgba(74, 73, 73, 0.54);
	padding: 16px 2px 9px;
	border-radius: 100px;
	margin-bottom: 40px;
}
.soshil-footer li {
	background: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
 transition: .3s all;
}
.soshil-footer li.facebook-icons:hover {
	background: #325c94;
}
.soshil-footer li.twitter-icons:hover {
	background: #00abdc;
}
.soshil-footer li.youtyube-icons:hover {
	background: #f20026;
}
.soshil-footer li.instagram-icons:hover {
	background: #2a5985;
}
.soshil-footer li.google-icons:hover {
	background: #dc543a;
}
.soshil-footer a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
 transition: .3s all;
}
.soshil-footer li:hover a {
	color: #fff;
}
.img-logo-footer {
	margin-top: 20px;
}
.footer-bottom-wright {
	margin-top: 45px;
}
.footer-bottom-wright p {
	line-height: 27px;
	height: 135px;
	overflow: hidden;
}
.col-md-4.col-sm-6.col-xs-12 ul a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
i.fa.fa-angle-left {
	color: #434d74;
	font-size: 17px;
 transition: .3s all;
}
i.fa.fa-angle-right {
	color: #434d74;
	font-size: 17px;
 transition: .3s all;
}
.col-md-4.col-sm-6.col-xs-12 ul a {
 transition: .3s all;
}
.col-md-4.col-sm-6.col-xs-12 ul li:hover a {
	color: #434d74
}
.footer h2 {
	color: #d44e4d;
	font-size: 18px;
	margin-bottom: 65px;
	position: relative;
}
.footer h2:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 3px;
	background: #d44e4d;
	top: 40px;
}
footer .box .list-inline > li {
	display: inline-block;
	width: 45%;
	margin-bottom: 10px;
}
.conect-me p {
	font-size: 14px;
	color: #fff;
	line-height: 29px;
}
.conect-me p i {
	width: 27px;
	text-align: center;
	font-size: 15px;
	color: #434d74;
}
.footer-bb {
	background: #434d74;
	padding: 15px 0px;
	margin-top: 65px;
}
.logo-foto {
	float: left;
	margin-top: 3px;
}
.footer-bb p {
	margin-top: 10px;
}
/*********************************************************footer*/

.coumb .item img {
	height: 163px;
}
.handle {
	color: #FFF;
	font-size: 19px;
	width: 100%;
	background: #59595a;
	line-height: 2.7;
	cursor: pointer;
	display: none;
}
.catogery-img:hover img.img-responsive:hover {
	webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.2) rotate(4deg);
}
header.wow.fadeIn {
	position: relative;
}
.inp-searish {
    position: relative;
    background: rgba(70, 81, 126, 0.71);
    width: auto !important;
    height:auto;
    z-index: 9999999999999999;
    text-align: center;
    padding: 50px;
    border-radius: 0;
    display: none;
}
.inp-searish input[type="search"] {
	width: 50%;
	height: 40px;
	border: none;
	padding: 10px;
	border-radius: 14px;
	outline: none;
}
.inp-searish button {
	background: #46517e;
	border: #46517e;
	color: #fff;
	width: 113px;
	height: 37px;
	margin-right: 10px;
	border-radius: 10px;
	outline: none;
}
.list li ul {
	position: absolute;
	right: 0;
	width: 203px;
	top: 37px;
	background: #46517e;
	padding: 10px 14px;
	border-radius: 18px;
	display: none;
	z-index: 9999999;
}
/*edit*/

.lang {
	height: 30px;
	line-height: 30px;
}
.icons-soshil {
	height: 30px;
	line-height: 30px;
}
h2.hid {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.coumb-right h2 {
	height: 66px;
	overflow: hidden;
}
.coumb-right p {
	height: 60px;
	overflow: hidden;
}
.wright-news h3 {
	height: 26px;
	overflow: hidden;
}
.wright-news p {
	height: 40px;
	overflow: hidden;
}
.img-about {}
.img-about img {
	max-width:100%;
	max-height:539px;
	height:539px;
	}

#lang_sel_list {
	width:auto !important;
}
#lang_sel_list ul {
	height: auto !important;
	top: auto !important;
	left: auto !important;
	border-top: 0 !important;
	width: 50px !important;
	display: inline !important;
}
#lang_sel_list li {
	width: auto !important;
	float: none !important;
	border: 0 !important;
	background: transparent !important;
	display:inline-block;
}
#lang_sel_list a, #lang_sel_list a:visited {
	border: 0;
	border-top-width: 0 !important;
	padding-left: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 14px;
}
.list li ul li ul {
    top: 0;
    right: 99%;
    left: auto;
    display: none  !important;
    z-index: 9999999;
}
.list li ul li:hover ul{
display: block !important;
}