body{
	 font-family: 'Montserrat', sans-serif;
	background: #f0f0f0;
   background-image: url("/img/header-bg.png");
   background-repeat: repeat-x;
}


.btns a:hover{
	color:#fff;
}
/* STANDARTS */
.pl-pr-0{
	padding-left:0;
	padding-right:0;
}
.mr-ml-0{
	margin-left:0;
	margin-right: 0;
}
.pl-0{
	padding-left:0;
}
.pr-0{
	padding-right: 0;
}
.vAlign{
	vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.slide-text{
	text-align:center;
}
.slide-text span{
	font-size: 52px;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;font-weight: 700;
		text-align:center;
}
.slide-text p{
	font-size: 29px;
	color:#ffffff;
		text-align:center;
	font-family: 'Montserrat', sans-serif;font-weight: 200;
	margin-left:31px;
	line-height:39px;
}
.slide-text3 p{
	font-size: 18px;
	color:#ffffff;
		text-align:center;
	font-family: 'Montserrat', sans-serif;font-weight: 300;
	margin-left:-256px;
	margin-top:-45px;
}

.incele-btn{
	position: relative;
		text-align:center;
padding:10px 25px;
background:#fff;
color:#000; 
margin-top:-146px;
margin-left:70px;
}
.incele-btn a{

color:#000; 
}
.incele-btn:before{
	content:"";
	width: 22px;
	height: 5px;
	position: absolute;
	right:0;
	top:10px;
		text-align:center;
}
.slide-text4 a{
	font-size: 13px;
	color:#000;	
	display: block;
	font-family: 'Montserrat', sans-serif;font-weight: 700;
		text-align:center;
}
.h-left{
	padding-top: 4px;
}





/*//////// HEADER /////////*/

.menutop{
	float: right;
}
.logo{
	margin-top:28px;
	margin-bottom:28px;
}
.social ul li{
	padding-left:0;
	padding-right: 0;
}
.social ul >li .fa{
	width: 30px;
    height: 30px;
    background: #f9f9f9;
    line-height: 30px;
    text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social .fa-facebook:hover{
	background: #3b5998;
	color:#fff;
}
.social .fa-twitter:hover{
	background: #1da1f2;
	color:#fff;
}
.social .fa-instagram:hover{
	background: #a07457;
	color:#fff;
}
.social li a{
	display: block;
}
.social .fa{
	color:#cacaca;
}
.sm-topmenu{
	float: left;
	margin-top:5px;
}
.btn-bizi{
	font-size: 12px;
	font-weight: 800;
	color:#ffffff;
	background: #44d3d1;
	text-decoration: none;
	padding: 9px 28px;
	border-radius: 15px;
	  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-bizi:hover{
	text-decoration: none;
	color:#fff;
	background: #554672;
}
.product .caption a:hover{
	background: #fff;
	color:#FF0000;
}
.social{
	float: left;
	margin-left:20px;
}
.sm-topmenu ul>li a{
  font-family: 'proxima_novasemibold';
  font-size: 10px;
  color:#8a95a1;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sm-topmenu ul>li a:hover{
	color:#000;
}

/* SLIDER */
.slider {width:100%;
		position:relative;
		padding:0;
		z-index:0;}
.tp-leftarrow{
	left:50% !important;
	right:0 !important;
	margin:0 auto;
	bottom:62px !important;
	top:initial !important;
}
.tp-rightarrow{
	left:-50% !important;
	right:50px !important;
	margin:0 auto;
	bottom:62px !important;
	top:initial !important;
}



/*/////// NILUFERCustom  /////////*/
 h6 {font-size: 21px; color: #000; padding-left:15px; font-weight: 300; border-left: 1px solid #d93216;}
 h6 strong{ font-weight: 700; }
.description .allside a {background: #fff;float:right;padding: 13px; border-radius: 30px; font-size: 13px; color:#A8A8A8;}
.description .allside a:hover {background: #d93216; color:#fff;}
.projectside {margin-bottom:20px;}
.projectside a {width: 100%; height: 100%; color:#fff;}
.projectside a:hover{opcaity:0.8;}
.projectside img {position: relative;border-radius: 10px; width: 100%; z-index: 0;}
.text-side {position: absolute; z-index: 2; border-left:3px solid #d93216; margin-left:5%; bottom:20px; width: 90%; padding:0 3%; z-index: 99;}
.text-side h2 {width: 100%; padding: 0; }
.text-side h2 a{color:#fff; font-weight: bold; font-size: 24px; padding: 0; }
.text-side h5 {width: 100%; padding: 0; }
.text-side h5 a{color:#fff; font-weight: bold; font-size: 24px; padding: 0; }
.text-side p {color:#fff; font-size: 11px; font-weight: 300;}  
.text-side:hover {margin-top:-50px;}
.abouttext {	  }
.abouttext .title{font-weight: 900; font-size: 46px;}
.abouttext {font-weight: 500; font-size: 16px; -ms-transform: rotate(2deg); /* IE 9 */  -webkit-transform: rotate(2deg); /* Safari */  transform: rotate(2deg);	margin-top:60px;}
.abouttext p {    font-weight: 300;
    font-size: 14px;
    line-height: 26px;}
.sloganhere img {margin-top:-25px;	position: absolute;	 -ms-transform: rotate(2deg); /* IE 9 */  -webkit-transform: rotate(2deg); /* Safari */  transform: rotate(2deg);}
.readmore-button {margin:40px 0;}
.readmore-button a{background-image: linear-gradient(to right, #d14b71 0%, #f45c48 100%); color: #fff; padding:15px 30px; font-size:14px; border-radius:15px; font-weight: 600; }
.readmore-button a:hover{background-image: linear-gradient(to left, #d14b71 0%, #f45c48 100%); }
.readmore-button {background-image: linear-gradient(to right, #d14b71 0%, #f45c48 100%);  text-align:right; border:none; color: #fff; padding:15px 30px; 30font-size:14px; border-radius:15px; font-weight: 600; }
.readmore-button:hover{background-image: linear-gradient(to left, #d14b71 0%, #f45c48 100%); }

.readmore-button2 {background-image: linear-gradient(to right, #d14b71 0%, #f45c48 100%); float:left; margin-bottom:20px; text-align:right; border:none; color: #fff; padding:10px 20px; font-size:12px; border-radius:15px; font-weight: 600;-webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; }
.readmore-button2:hover{background-image: linear-gradient(to left, #d14b71 0%, #f45c48 100%); color:#fff; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.menutopcl:hover .dropdown-menu{display:block !important; margin-top:0;}

.footspan {color:#8b8564; padding-left:0;margin-left:0; font-size:18px; font-weight: bold; line-height: 90px; height:90px;}
.socialarea {padding-left:0;border-bottom:1px solid #e7e7e7; height:90px;}
.socialarea ul {}
.socialarea ul li{float:left;}
.socialarea ul li a{color:#ccc;     font-size: 25px; padding: 0 15px;    line-height: 90px;}
.contactinfo {font-size: 11px; color: #000;}
.margin40 {margin-top:40px;}  
.bottom40 {margin-bottom:40px;}  
.newshome {background:#fff;border-radius: 5px; margin-bottom:20px; }
.newshome img{border-radius: 5px 5px 0 0; width: 100%;}
.newshome .newsarea {padding: 10px;}
.newshome .newsarea a{color:#f06d5a;font-size:14px; font-weight:600; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.newshome .newsarea a:hover{color:#343434;font-size:14px; font-weight:600; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.newshome .newsarea p{color:#6f6f6f;font-size:12px; font-weight:300;}
.homecatalog {background:url('../img/catbuttonbg.png'); width: 100%; height: 127px;    border-radius: 5px; background-size:cover; }
.homecatalog .text{width:100%; padding:20px 30px; color:#fff;}
.homecatalog .text strong{font-weight: 600; font-size: 16px;}
.homecatalog .text a{ color:#fff;}
.homecatalog .text strong a{font-weight: 600; font-size: 16px;}

.icoside a{    color: #fff;    font-size: 60px;  font-weight: 200;   float: right;    margin-right: 30px;    margin-top: 20px;    opacity: 0.7; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.icoside a:hover{    color: #fff;   opacity: 1; 	-webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
header {background: #fff;height: 120px; }
.menutopcl{margin-top:33px;}
.ij-effect-17 .logoside a:hover {background: none !important; border-bottom:none !important;}
.phonespan {position: absolute;    top: 44px;    right: 42px;    font-size: 18px;}
.phonespan a{color:#000;}
.nav li a {font-size:14; font-weight: 200; color:#000; 	outline: none;	text-decoration: none;	letter-spacing: 1px;		text-shadow: 0 0 1px rgba(255,255,255,0.3);	}
.nav a:hover,
.nav a:focus {	outline: none;	background: #fff !important;}
.ij-effect-17 a {color: #000;	padding: 10px 0;}
.ij-effect-17 a::before {	color: #000; text-shadow: 0 0 1px rgba(255,255,255,0.3); content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;	-moz-transition: -moz-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;	pointer-events: none;}
.ij-effect-17 a::after {content: '';	position: absolute;	left: 0;	bottom: 0;	width: 100%;	height: 2px;	background: #000;	opacity: 0;	-webkit-transform: translateY(5px);	-moz-transform: translateY(5px);	transform: translateY(5px);	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;	pointer-events: none;}
.ij-effect-17 a:hover::before,
.ij-effect-17 a:focus::before {	opacity: 0;	-webkit-transform: translateY(-2px);	-moz-transform: translateY(-2px);	transform: translateY(-2px);}
.ij-effect-17 a:hover::after,
.ij-effect-17 a:focus::after {	opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transform: translateY(0px);}
.proverlay {background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(0,0,0,0.9));  /* For Safari 5.1 to 6.0 */	background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(0,0,0,,0.9)); /* For Opera 11.1 to 12.0 */	background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(0,0,0,,0.9)); /* For Firefox 3.6 to 15 */	background: linear-gradient(to top, rgba(255,0,0,0), rgba(0,0,0,,0.9)); /* Standard syntax (must be last) */	 	width: 100%; height: 100%; z-index: 1; border-radius: 10px; position: absolute;}
.kit-body {background: #fff; padding:15px; border-radius: 10px; -webkit-box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);   -moz-box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);    box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);	margin-left:2%; margin-bottom:20px; width: 31.3%;}
.kit-body img {margin-bottom:15px;}
.kit-body a{padding:5px 10px;; border-radius: 5px; width: 100%; border:1px solid #dcdcdc; color:#C5C5C5; font-size: 12px; }
.kit-body a:hover{background: #d93216; color:#fff; border:1px solid #d93216; }
.sales {margin:0; padding:0 !important; padding-left:0!important;margin-bottom:30px;}
.sales img {width: 100%;}
.sales .titleside {color:#000; font-size: 36px; width: 100%; float:left; font-weight: bold;}
.sales .titleside span{color:#9b9b9b; font-size: 22px; width: 100%; float:left; font-weight: 300;margin-top:-9px;}
.sales p {color:#656565; font-size: 13px; width: 100%; float:left; font-weight: 500; margin:10px 20px 15px 0;}
.sales p strong{color:#9b9b9b; font-size: 16px; width: 100%; float:left; font-weight: 800;}
.call-button {float:left; margin-right: 10px;}
.call-button a {background: #d93216; padding: 10px 15px; color: #fff; font-size: 11px; font-weight: 700; border-radius: 5px; }
.call-button a:hover {background: #4e4e50; padding: 10px 15px; color: #fff; font-size: 11px; font-weight: 700; border-radius: 5px; }

.call-geo a {background: #eee; padding: 10px 15px; color: #4e4e50; font-size: 11px; font-weight: 700; border-radius: 5px; }
.call-geo a:hover {background: #d93216; padding: 10px 15px; color: #fff; font-size: 11px; font-weight: 700; border-radius: 5px; }
.call-geo2 a {background: #fff; padding: 10px 15px; color: #4e4e50; font-size: 11px; font-weight: 700; border-radius: 5px; }
.call-geo2 a:hover {background: #d93216; padding: 10px 15px; color: #fff; font-size: 11px; font-weight: 700; border-radius: 5px; }


.nopadding {padding:0 !important; padding-left:0 !important; padding-right: 0 !important;}
.paddingtext {padding-left:30px; padding-top:20px;}
.buttonside {float:left; width: 100%; margin-bottom:30px;}
.leftimg {border-radius: 10px 0 0 10px;}
.rightimg {border-radius: 0 10px 10px 0;}
.news {margin:0; padding:0 !important; padding-left:0!important;margin-bottom:30px;}
.news img {width: 100%; border-radius:0 10px 10px 0 ;}
.news .titleside {color:#737373; font-size: 21px; width: 100%; float:left; font-weight: 400; line-height:45px;}
.news p {color:#737373; font-size: 14px; width: 100%;min-height:100px; float:left; font-weight: 200; margin:10px 20px 15px 0;}
.news p strong{color:#9b9b9b; font-size: 14px; width: 100%; float:left; font-weight: 800;}
.detail-button {float:left; margin-right: 10px;}
.detail-button a {background: #fff; padding: 10px 15px; color: #b5b5b5; border:1px solid #e8e8e8; font-size: 12px; font-weight: 700; border-radius: 5px; }
.detail-button a:hover {background: #4e4e50; padding: 10px 15px; color: #fff; font-size: 12px; font-weight: 700; border-radius: 5px; }
.newsdate {width: 20%; float: right; font-size:12px; color:#939393; font-weight: 600;}
.years {margin:10px 0 30px 0;}
.years .nav-tabs>li.active>a, .years .nav-tabs>li.active>a:hover, .years .nav-tabs>li.active>a:focus, .years ul li a:hover, .years ul li.active a{background-image: linear-gradient(to right, #d14b71 0%, #f45c48 100%); color: #fff; padding:10px 21px; font-size:13px; border-radius:15px; border:none; font-weight: 500;}
.years .nav-tabs>li>a{border:1px solid #d6d6d6; color:#b1b1b1;padding:10px 20px; font-size:13px; border-radius:15px; font-weight: 500;}

.nav-tabs {border:none;}
.nav-tabs li{margin-left:1%; float:right;}
.mediacenter {margin-left:3%; width: 94%;}
.mediacenterlist{margin-bottom:5%;}
.mediacenterlist thead tr th:nth-child(1){background:#fff;}
.mediacenterlist thead tr th:nth-child(2){background:#fff;}
.mediacenterlist thead tr th:nth-child(3){background:#fff;}
.mediacenterlist>thead>tr>th{border-bottom:0;}
.mediacenterlist thead{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-family:'Montserrat', sans-serif; font-size:14px; font-weight:normal; color:#909090;}
.mediacenterlist tr td{font-family:'Montserrat', sans-serif; font-size:12px; font-weight:300; color:#848484;}
.mediacenterlist tr td:last-child{color:#848484;}
.mediacenterlist tr td a{color:#848484;}
.addresside {float:left; width:100%; margin-bottom:40px; margin:20px;}
.addresside ul { }
.addresside ul li{float:left; width: 100%; font-size:13px; font-weight: 300; height:35px; line-height: 35px; }
.addresside ul li span{float:left; width:25%; color:#474747; font-weight: 600;  }
.formside {float:left; width:100%;}
.swiper-container {width: 100%;}
.swiper-slide {text-align: center; font-size: 18px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
-webkit-align-items: center; align-items: center;}
.swiper-slide img {width: 100%;}
.content-body h4{font-weight: 900; color:#716c6c; padding:15px 20px;}
.classcontactpad {margin-top:30px; margin:20px; padding-bottom:30px; border-bottom:1px solid #dedede; font-weight: 300;}
.form-control {border-radius: 10px; height:50px; font-weight: 200;box-shadow: 4px 6px 14px -4px rgba(0,0,0,0.07);	border:1px solid #eaeaea;}
.classnopad {paddding-top:0 !important; margin-bottom:0 !important; border-bottom: 0 !important; margin-top:0 !important; font-weight: 200 !important;}
.dropdown:hover .dropdown-menu{display:block; margin-top:0;}
.milestones {border-bottom:1px solid #f5f5f5;margin-bottom:20px;}
.milestones p{font-size:18px; font-weight:300; color:#dedede;}
.milestones strong{float:left; width:100%; font-size:30px; color:#e22534;}
.milestones .fa-circle-o-notch{ font-size:33px !important; color:#dcdcdc !important;}
.milestones .fa-circle-o-notch:hover{  color:#e22534;}

.privilages {background:#f5f5f5;margin-bottom:20px; width:32%; margin-right:1%; padding:0; text-align:center;}
.privilages .iconside {background:#fbfbfb; text-align:center;padding:10px;}
.privilages .iconside .fa {color:#777; font-size:65px;}
.privilages  a{padding:20px; margin-bottom:15px; float:left; width:100%; text-align:center; color:#555; font-size:12px; font-weight:600;}
.privilages  a:hover{text-decoration:underline;}
.privilages p {height:100px;}
.privilages strong {float:left; width:100%; padding:20px;}
.boardmem {border:5px solid #ececec; padding:10px 0px !important; margin:2%; width:46%;}
.boardmem strong {font-size:18px;}
.boardmem p {font-size:13px !important;}
.boardmem p strong {font-weight:400; font-size:12px;margin-bottom:10px;}
.boardmem a{border:3px solid #ececec; padding:10px 15px !important; color:#616161;font-weight:600; font-size:12px; }
.boardmem a:hover{border:3px solid #e22534; padding:10px 15px !important; color:#e22534; }
.projectdetail {margin-bottom:30px;}
.alert{border:1px solid #ff0000;}
.title {font-weight:400; font-size:16px;}
.list-text {}
.list-text span {font-weight:bold; width:100%; float:left; margin:15px 0 0 0; color:#4a3510;}

.box{position:relative;}
.box:hover .border-c{background:rgba(0,0,0,0.50); border-radius:10px;}
.box img{width:100%; display:block; margin:auto;border-radius:10px; position:relative; z-index:1;}
.box a{position:absolute; width:100%; height:100%; display:block; left:0; right:0; bottom:0; top:0; z-index:3;}
.box a span{position:absolute; bottom:20px; left:30px; font-family:'Roboto', sans-serif; z-index:999999;font-size:17px; font-weight:300; color:#fff; line-height:normal;}
.box a span strong{display:block; font-family:'Roboto', sans-serif; font-size:41px; color:#fff;}
.box .shadowbg{width:100%; height:100%; position:absolute; z-index:1; background:url(../img/detail-photo-bg.png) bottom center repeat-x; bottom:0; left:0; right:0;}
.border-c{width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; padding:10px; display:block; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.border-c .border-inner{width:100%; height:100%; border:1px solid rgba(255,255,255,0.30); border-radius:10px;}
.content-left h1 {font-weight:900;}
.navbar-nav>li>.dropdown-menu {background:#000;}
.navbar .dropdown-menu a {color:#fff; line-height:28px;font-size:15px; letter-spacing:0;font-weight:200; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.navbar .dropdown-menu a:hover{color:#000; background:#525252; line-height:28px;font-size:15px; font-weight:200; -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -ms-transition: all 0.3s ease-Zin-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out;}
.onayside {font-size:12px; font-weight:300;}
.onayside a {text-decoration:underline; font-weight:500; color:gray;}
.onayside a:hover{text-decoration:none; color#ff0000;}
#integration-list {
    font-family: 'Montserrat', sans-serif;
    width: 80%;
    margin: 0 auto;
    display: table;
}
#integration-list ul {
    padding: 0;
    margin: 20px 0;
    color: #555;
}
#integration-list ul > li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 15px;
    overflow: hidden;
}
#integration-list ul:last-child {
    border-bottom: 1px solid #ddd;
}
#integration-list ul > li:hover {
    background: #efefef;
}
.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}
h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}
span {
    font-size: 12.5px;
}
#left,#right{
    display: table;
}
#sup{
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}
.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 14px;
}
.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
    height: 150px;
}
.detail span{
    margin: 0;
}
.right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}
.icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
}
.london {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.newyork {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.paris {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
#map {width: 100%;height: 500px;border-radius: 5px;}




/*/////// SECTION  /////////*/

.new-photo{
	float: left;
	padding-right:30px;
	width: 50%;
}
.new-item{
	position: relative;
}
.news{
	width: 100%;
}
.new-item .text h2{
	margin:0;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.new-text{
	width: 50%;
	float: left;

}
.hbr-dty{
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	border-bottom: 2px solid #dddddd;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-Zin-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hbr-dty:hover{
	border-color:#d42e32;
}
.hbr-dty a{
	color:#606060;
	font-size: 13px;
	font-weight: bold;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-Zin-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hbr-dty a:hover{
	text-decoration: none;
	color: #d42e32;
}
.hbr-dty a:before{
	content: "";
	position: absolute;
	top: 8px;
	right:0;
	width: 22px;
	height: 5px;
	background: url('../img/send-arrow.png');
}
.hbr-dty a:hover:before{
	background: url('../img/hvr-arrow.png');
}
.katalog .send-form {
    top: 0px;
    right: 0px;
    border: none;
    background: transparent;
    height: 38px;
    margin-top: 0;
    float: left;
    border-radius: 0px 4px 4px 0px;
    text-align: center;
    position: absolute;
    color: #000;
}
.pad-desc{
	padding:30px 0;
	z-index: -1 !important;
	-webkit-transform:translate3d(0,0,0);

}
.katalog .form-control {
    background: transparent;
    border: none;
    border-radius: 0;
    padding-left: 0;
    box-shadow: none;
    color: #000;
}
.send-section{
	position: relative;
	border-bottom: 2px solid #dddddd;
	width: 76%;
}

.caption span{
	color:#281571;
	font-size: 25px;
	font-weight: 800;
}
.caption a{
	float:right;
	margin-right: 100px;
	text-decoration: none;
	background: #fff;
	padding: 4px 11px;
	  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pro-item img{
	z-index: 10;
	position: relative;
}
.pro-name h3{
	font-size: 14px;
	color:#41395f;
}
.product .item:hover .pro-name h3{
	color:#fff;
}
.product .item:hover .plus-a{
	background: #34264f;
	color:#fff;
}
.product .caption{
	margin-bottom:15px;
}
.orta-bg{
	background: #fff;
	margin:100px 0;
	  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Safari */
  transform: rotate(-2deg);
}
.product{
	position: relative;
}
.pro-item{
	background: #fff;
	padding:15px;
	position: relative;
}
.pro-name{
	position: relative;
	z-index: 10;
}

.plus-a{
	position: absolute;
	bottom:0;
	right:0;
	background: #f4f4f4;
	width: 40px;
	height: 40px;
	z-index: 99;
	  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.plus span{
	font-size: 35px;
	font-weight: 100;
	margin-left:13px;
	line-height: 40px;
}
.pad-news{
	padding:80px 0;
}
.news{
	background: #fafafa;
	padding:25px;
}
.news .caption{
	margin-bottom:25px;
}
.new-text .text p{
	font-weight: 300;
	color:#17263a;
	font-size: 14px;
	line-height: 1.2;
}
.katalog span{
	color:#281571;
	font-size: 17px;
	font-weight: 600;

}
.katalog p{
	color:#232323;
	font-weight: 300;
	font-size: 14px;
	margin-top:18px;
	margin-bottom: 35px;
}
.katalog{
	background: url('../img/katalog.jpg');
	padding:23px;
	min-height: 214px;
}
.new-text .text{
	position: relative;
	min-height: 197px;
}
.kaucuk{
	padding:15px;
	position: relative;
	background: #f7f7f7;
	margin-top:25px;
	  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.kaucuk:before{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 31px;
    right: 13px;
	background: url('../img/connect1.png');
}
.kaucuk:hover{
	background: #a84543;
}
.kaucuk:hover h5{
	color:#fff;
}
.kaucuk:hover p{
	color:#fff;
}
.kaucuk h5{
	font-weight: 600;
	color:#a84543;
	font-size: 20px;
}
.kaucuk p{
	font-weight: 300;
	font-size: 13px;
	color:#444444;
}
a:hover{
	text-decoration: none;
}
.product .item:before{
	background-color: rgba(85, 70, 114, 0);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-Zin-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
   
}
.product .item:hover:before{
	background: rgba(85, 70, 114, 1);
	z-index: 9;
}


/*///////// KURUMSAL PAGE //////////*/
.kurumsal-page{
	background: #eeeeee;
}
.content-body{
	background: #ffffff;
	padding:20px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 15px 30px -8px rgba(0,0,0,0.09);
-moz-box-shadow: 10px 15px 30px -8px rgba(0,0,0,0.09);
box-shadow: 10px 15px 30px -8px rgba(0,0,0,0.09);
}
.content{
	margin-bottom: 80px;
	margin-top: -100px;
}
.bcrumb{
	min-height: 270px;
	background: #201f4d;
	padding-top:70px;	
	background:url(../img/brheader.png);
	background-size: cover;
}
.bcrumb h3{
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	margin-top:0;
	font-size: 35px;
}
.bcrumb h5{
	color:#d8d8d8;
	margin-top:0;
}
.content-left h6{
	float: left;
	color:#000;
	font-weight: 400;
	font-size: 20px;
}
.content-left{
margin-top: 100px;
	padding:0;
	min-height: 100px;
	padding-top:30px;
	
}
.content-right .caption h6{
	color:#EE594F;
	font-size: 20px;
	border-left:none;
	font-weight: 900;
}
.share-btn{
	float: right;
	padding-top: 10px;
}
.share-btn a{
	color:#7e8598;
	font-size: 14px;
	font-weight: 700;
}
.share-btn .fa{
	margin-left:10px;
}
.kat{
	position: absolute;
	right:15px;
	    top: 12px;
}
.content-right .katalog .form-control{
	padding-bottom: 0;
	color:#fff;
}
.content-right .katalog .send-form{
	top:0;
}
.white-place::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.white-place::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.white-place:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.white-place:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.blue-clr::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#1d1d4f;
  font-weight: bold;
}
.blue-clr::-moz-placeholder { /* Firefox 19+ */
  color: #1d1d4f;
  font-weight: bold;
}
.blue-clr:-ms-input-placeholder { /* IE 10+ */
  color: #1d1d4f;
  font-weight: bold;
}
.blue-clr:-moz-placeholder { /* Firefox 18- */
  color: #1d1d4f;
  font-weight: bold;
}




/* SIDEBAR */
.content-right {	-webkit-box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);
-moz-box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);
box-shadow: 10px 14px 35px -8px rgba(0,0,0,0.05);}
.content-right .caption{
	background:#fff;
	padding:20px;
	padding-top: 30px;
	min-height: 100px;
	border-radius: 10px 10px 0 0;
}
.sidebar-item{
	margin-bottom:30px;
}
.sidebar-section{
	border-right: 1px solid #ececec;
}

.sidebar ul {
    margin: 0;
    background: #fff;
	border-radius: 0 0 10px 10px;
	padding-bottom:10px;
}
.sidebar ul>li>a:hover {
    color: #ff0000;  
}
.sidebar ul>li>a {
    color: #252525;
    text-decoration: none;
    font-size: 16px;
    padding: 6px 33px;
    display: block;
    text-transform: capitalize;
    position: relative;
	font-weight: 300;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0px;

}


.sidebar ul>li{
	position: relative;
}


.content-right .katalog{
	background: #343c4f;
	min-height: auto;
	min-height: initial;
	position: relative;
}
.content-right .katalog span{
	color:#559334;
	font-size: 17px;
	font-weight: 600;
}
.content-right .katalog p{
	color:#ffffff;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 10px;
	margin-top:5px;
	width: 84%;
}
.content-body .text p{
	margin-bottom: 39px;
	font-size: 14px;
	font-weight: 300;
	color:#75737a;
}
.content-body .text{
	padding-top:30px;
}

/*///////// ÜRÜNLER PAGE //////////*/
.urunler-page .product{
	border: 1px solid #e2e3e6;
	margin-bottom:25px;
}

.product-photo{
	padding:10px;
	border:1px solid #e2e3e6;
	position: relative;
}
.zoom-plus{
	position: absolute;
	bottom: 5px;
    right: 5px;
	width: 40px;
	height: 40px;
	background: #858585;
	color:#ffffff;
	text-align: center;
	padding-top:10px;
}
.pro-text h6{
	font-weight: bold;
	font-size: 22px;
	color:#201f4e;
	margin-top:0;
}
.pro-text p{
	color:#464646;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.2;
}
.photo-gallery{
	padding-top:30px;
}
.photo-gallery h6{
	font-weight: 700;
	font-size: 19px;
	color:#000067;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
}
.gallery-item{
	margin-bottom: 25px;
	padding:10px;
	border:1px solid #e3e3e3;
}
.gallery-item .img-responsive{
	margin:0 auto;
}

.btns{
	text-align: right;
}
.izle-btn{
	background: #919395;
	color:#fff;
	padding: 18px 15px;
	padding-left: 25px;
}
.download{
	background: #c71406;
	color:#fff;
	padding: 18px 18px;
	padding-left: 25px;
	margin-left:15px;
}
.download img{
	margin-left:15px;
}
.izle-btn img{
	margin-left:15px;
}

.izle-btn{
	position: relative;
}

/*///////// İLETİŞİM //////////*/

.text b{
	font-size: 22px;
	font-weight: 700;
	color:#201f4e;
}
.contact .text p{
	font-size: 17px;
	color:#464646;
	font-weight: 300;
	margin-bottom: 0 !important;
}
.info-cap span{
	width: 13%;
	font-size: 14px;
	font-weight: 700;
	float: left;
	color:#75787b;
}
.cap-i{
	border-bottom:1px solid #e3e3e3;display: block;padding-bottom:20px;margin-top:40px;
}
.info-cap p{
	width: 87%;
	font-weight: 500 !important;
	font-size:14px !important;
	color:#75787b !important;
	margin-bottom: 0 !important;
	padding-left: 20px;
	float: left;
}
.info-cap p:before{
	content: ":";
	margin-right: 15px;
	color:#75787b;
	font-weight: bold;
}
.info-cap{
	border-bottom:1px solid #e3e3e3;
	padding-top: 15px;
    padding-bottom: 34px;
}
.contact form{
	margin-top:40px;
}
.btn-submit{
	background:#c71406;
	color:#fff;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 44px;
	float: right;
	margin-right: 15px;
	border-radius: 0;
}
.contact form input{
	height: 50px;
}
.contact .form-control{
	height: 50px;
}
.text-cstm{
	min-height: 200px;
}

.c-formu{
	position: relative;
}
.c-formu a{
	position: absolute;
	right:0;
	top:0;
	padding: 7px 26px;
	font-size: 14px;
	font-weight: 600;
	background: #919395;
	color:#fff;
}
.modal{
	z-index: 999999999;
}
.modal-backdrop {
  background-color: rgba(85, 70, 114, 0.95);
  opacity: 1 !important;
}
.modal-dialog{
	margin-top: 100px;
}
.modal.in {
   display:block;
}
button.close{
	position: absolute;
    top: -49px;
    right: 0;
    background: #d40000;
    color: #FFF;
    width: 38px;
    height: 38px;
    opacity: 1;
    font-weight: 100;
    font-size: 38px;
}
.close:hover {
    color:transparent !important;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1 !important;
}

/*///////// FOOTER //////////*/
footer{
	background: #fff;
	color:#fff;
	overflow:hidden;
	margin-top:50px;
}
.footer-list h6{
	font-weight: 700;
	border-left:none;
	padding: 0;
	font-size: 16px;
	color:#808080;
}
.footer-list a{
	font-size: 13px;
	color:#b7babe;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-Zin-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.footer-list a:hover{
	    color:#253850;
    padding-left:3px;
}
.footer-list li{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-Zin-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer-list li:hover:before{
	color:#253850;
}
footer .col-md-3{
	padding-right: 8px;
    padding-left: 8px;
}
footer .col-sm-3{
	padding-right: 8px;
    padding-left: 8px;
}
.contact-bg{
	
	padding:30px 0;
	padding-left:30px;
	position: relative;
	z-index: 9;

}
.map{
	position: absolute;
	right:0;
	top:25px;
	 z-index: -1;
}
.footer-list li{
	line-height: 19px;
}

.f-left{
	padding:30px 0;

}
.contact h6{
	font-size: 18px;
	font-weight: 500;
	color:#fff;
}
.c-item span{
	font-size: 13px;
	font-weight: 600;
}
.c-item span{
	font-size: 13px;
	font-weight: 200;
}
.c-item{
	margin-bottom: 20px;
}
.c-item:last-child{
	margin-bottom: 0;
}

.mask{
	background-color: rgba(60, 49, 80, 0.9);
    width: 100%;
    height: 100%;
    z-index: 998;
    position: absolute;
    top: 104px;
    
    display: none;
}
.contact-bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 99999999px;
    height: 100%;
    background: #23272b;
    z-index: -1;
}
.f-bottom{
	background: #fff;
	padding:15px 0;
	font-size: 11px;
	color:#B9B2B7;
}
.vodo-icon{
	float: right;
}
.footer-list li:before {
    content: "+";
    margin-right: 3px;
    color:#b0b3b7;
}

/* LİGHT GALLERY */
.demo-gallery{
	padding:0 30px;
}
 .demo-gallery > ul {
    margin-bottom: 0;
}
.demo-gallery ul>li{
	
	margin-bottom: 15px;
	padding:5px;
}
.one-demo ul>li{
	margin-bottom:0 !important;
	padding-left:0 !important;
	position: relative;
}	
.one-demo{
	padding-left: 15px;
}
.demo-gallery > ul > li a {
  border:1px solid #e2e3e6;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
      padding: 5px;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.one-demo > ul > li a:hover > img {
	transform: none !important;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

	

@media (max-width: 768px) {
 .col-xs-122{
    	  width: 100%;
        float: left;
    }
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
    .col-sm-66{
    	  width: 50%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
.col-xs-122,
.col-sm-66,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-left:10px;
    padding-right: 10px;
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media(min-width: 992px) and (max-width: 1025px){

.slider{
	display: none;
}
.katalog {
    background-image:none;
    padding: 23px;
    min-height: 214px;
    background-color: #f5f5f5;}
	
}
@media(min-width: 768px) and (max-width: 992px){
	.se-pre-con{
		display: none;
	}
	.content-right .caption h6{
		font-size: 14px;
	}
	.sidebar ul>li>a{
		font-size: 13px;
	}
	.katalog {
    background-image:none;
    padding: 23px;
    min-height: 214px;
    background-color: #f5f5f5;}
	
	#cssmenu ul>li{
		padding:0 0;
		position: relative;
	}
	.language{
		right:55px;
	}
	#cssmenu img{
		display: none;
	}
	#cssmenu ul>li:before{
		display: none;
	}
	#cssmenu ul> li:hover ul>li a{
		float: initial;
	}
	#cssmenu li:hover > ul:after{
		display: none;
	}
	#cssmenu li:hover > ul{
		left:0;
		top:0;
	}
	#cssmenu li:hover > ul:before{
		display: none;
	}
	.breadcrumb-cstm{
		display: none;
	}
	#cssmenu ul> li:hover ul>li a{
		line-height: 38px;
		width: 100%;
	}
	.header-top{
    	background: #9BAED3;
    	height: 40px;
    }
    .s-sm{
    	padding-left:0 !important;
    	padding-right:0 !important;
    }
	.pull-cstm-urun{
		float: initial;
	}
	.new-item{
		margin-bottom: 25px;
	}
	.breadcrumb-cstm{
		display: none;
	}
	.uzman-section{
		height: 175px;
		background: #2e313a;
		padding-top:60px;
		padding-right:30px;
	}
	.ebulten{
		padding-top:20px;
		background: #00a8b5;
	}
	.header-bottom:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 20px;
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    z-index: 9;
	}
	.pl-0-pr-0{
	padding-left:0;
	padding-right:0;
	}
	.p-sml-0{
		padding-left:0 !important;
	}	
	.f-left{
		    padding-top: 25px;
		    padding-bottom:0;
	}
	.contact-item{
		    margin-bottom: 15.2px;
	}
	.f-left hr{
		margin-top:0;
		margin-bottom:0;
	}
	.f-right{
		padding-bottom:30px;
		padding:25px;
	}
	.p-smr-0{
		padding-right:0 !important;
	}	
	#cssmenu > ul > li:hover a{
		background: transparent !important;
		color:#fff !important;
	}
	.ml-15{
		margin-left:0;
	}
	.mr-15{
		margin-right:0;

	}
	.mr-30{
		margin-right:0;
	}
	.ml-30{
		margin-left:0;
	}
	.pl-0{
		padding-left:15px;
	}
	.pr-0{
		padding-right: 15px;
	}
	.pr-8{
		padding-right:15px;
	}
	.pl-8{
		padding-left:15px;
	}
	.pt-20{
		padding-top:0;
	}
	#cssmenu ul>li>ul>li:hover a{
		background:#3B8BCC;
	}
	#cssmenu{
		background: #9BAED3;
		color:#fff;
	}
	#cssmenu #menu-button{
		color:#fff !important;
		font-size: 16px;
	}
	#cssmenu #menu-button::after{
		background: #fff !important;
	}
	#cssmenu{
		background: #149945;
		color:#fff;
	}
	#cssmenu #menu-button{
		color:#fff !important;
	}
	#cssmenu #menu-button::after{
		background: #fff !important;
	}
	.logo{
		margin-bottom:20px;
	}
	.logo .img-responsive{
		margin:0 auto;
	}
	.header-contact .c-item{
		text-align: center !important;
		float: initial;
	}
	.footer-bottom{
		text-align: center;
	}
	.f-name{
		margin-bottom:20px;
	}
	#cssmenu > ul > li:first-child a{
		padding-left:15px !important;
	}
	footer{
		text-align: center;
		
		margin-top:0;
	}
	#cssmenu ul> li:hover ul>li a {
		color:#fff !important;	
	}
	#cssmenu > ul > li:hover a{
		background: #308851;
		color:#fff !important;
	}

	#cssmenu li:hover > ul{
		padding-bottom:0;
	}
	#cssmenu{
		background: #9BAED3;
		color:#fff;
		margin-top: 22px;
	}
	#cssmenu #menu-button{
		color:#fff !important;
	}
	#cssmenu #menu-button::after{
		background: #fff !important;
	}
	#cssmenu > ul > li > a{
	color:#fff;
	}
	#cssmenu ul>li>ul {
	    padding-top: 0px;
	    background: #B11B16;
	}	
	#cssmenu ul> li:hover ul>li a {
		color:#fff !important;	
	}
	#cssmenu > ul > li:hover a{
	    background: #BF1712;
		color:#fff !important;
	}
	#cssmenu ul>li>ul>li:hover a{
		background:#aa0000;
	}
	#cssmenu ul> li:hover ul>li a{
		    height: 40px;
	}

}
@media (max-width: 767px){
	.modal-dialog {
    width: 95%;}
    .new-photo{
    	width: 100%;
    }
    .katalog {
    background-image:none;
    padding: 23px;
    min-height: 214px;
    background-color: #f5f5f5;}
    .content-body img{
    	margin:0 auto;
    }
    .menu-cntr{
    	text-align: center;
    }
    .new-text{
    	width: 100%;
    }
	.new-text .text {
	   min-height: 164px;
	   margin-top:20px;
	}
	.pro-news .owl-controls{
		top:-46px;
	}
	footer .col-sm-3 {
    padding-right: 15px;
    padding-left: 15px;
	}
	.f-bottom{
		text-align: center;
		margin:0 auto;
	}
	#cssmenu > ul > li > a{
		color:#fff;
	}
	.pr-0{
		padding-right: 15px;
	}
	.bcrumb {
	       min-height: 95px;
	    padding-top: 28px;
	    margin-top: 20px;
	}
	.content-left {
margin-top:30px;
	    padding: 6px;
	    min-height: 40px;
	    padding-top: 9px;
	    padding-left:20px;
	}
	.nav-tabs li {width:19%;}
	.years .nav-tabs>li>a {padding:10px 12px;}
	.years .nav-tabs>li.active>a, .years .nav-tabs>li.active>a:hover, .years .nav-tabs>li.active>a:focus, .years ul li a:hover, .years ul li.active a {padding:10px 12px;}
	.paddingtext {overflow:auto;}
	.newsdate {width:35%;}
	.addresside ul li {height:52px; font-size:13px; padding:10px 0; line-height:18px;}
.share-btn {display:none;}
.boardmem {width:100%; margin:0; margin-bottom:40px; min-height:260px;}
.privilages {width:100%; margin:0;}
.privilages  a {padding:none; float:none;}
.boardmem a {width:94%;}
.nopadding2 {padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;}
footer img {display:none;}
.allside {display:none;}
.icoside {display:none;}
.sloganhere img {width:100%;}
.mobmenu {background:#000;margin-top:2px;  position:absolute; width:100%; z-index:30 !important;}
.nav li {border-bottom:1px solid #737373;}
header {height:85px;}
.orta-bg {transform:none;margin-top:10px;}
.abouttext {transform:none;}
.abouttext p {text-align:justify;}
.navbar-toggle {background: #000;
    margin-top: 19px;
    border-radius: 0;
    border: none;margin-top:23px !important;}
.nav li a {color:#fff; font-size:20px;}
.navbar-toggle {background:#000; margin-top:0;}
.navbar-header img {width:30%;}
.navbar-toggle .icon-bar {border:1px solid #fff;}
#map {height:300px; margin-bottom:40px;}
	.content-right .caption {
	 
	    padding: 10px;
	    padding-top: 13px;
	    min-height: 68px;
	    padding-left:20px;
	}
	.bcrumb {background:#101010 !important;
	padding-bottom:27px;}
	.sidebar-ul{
		display: none;
	}
	.content-right{
		margin-top:20px;
	}
	.content {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.pl-0{
		padding-left:15px;
	}
	#cssmenu ul ul{
		padding-top: 0;
	}
	#cssmenu ul>li:hover:before{
		display: none;
	}
	#cssmenu ul ul li:first-child:before{
		display: none;
	}
	.image-desc{
		display: none;
	}
	.orta-bg{
		    padding-top: 18px;
	    padding-bottom: 50px;
	}
	.pad-news {
	    padding: 10px 0;
	}
	.katalog p{
		margin-bottom: 0;
	}
	.f-bottom img{
		margin:0 auto;
	}
	.vodo-icon{
		float:none;
	}
	.f-left {
	    padding: 30px 15px;
	}
	.product-item .pro-img:before{
		display: none;
	}
	.pl-pr-0{
		padding-left:15px;
		padding-right:15px;
	}
	.pro-owl{
		    margin-top: 52px;
	}
	.contact-btn a{	
   	 width: 100%;
	}
	.c-formu a {
    position: absolute;
    right: 0;
    top: -49px;
    padding: 7px 20px;
    font-size: 16px;
    font-weight: 600;
    background: #919395;
    color: #fff;
    left: 0;
    line-height: 2;
	}
	.info-cap span{
		font-size: 12px;
	}
	.c-formu{
		top:23px;
	}
	.info-cap{
		    padding-bottom: 44px;
	}
	
	.content-left h6{
		font-size: 18px;
	}
	.pro-text{
		margin-top:20px;
	}
	.sidebar{
		padding-bottom: 15px;
	}
	.caption a{
		float: left;
	}
	.kurumsal .content .caption h5{
		margin-top:20px;
	}
	.kurumsal .content img{
		margin:0 auto;
	}
	.new-item .photo img{
	height:auto;
	margin:0 auto;
	}
	#cssmenu li:hover > ul{
		padding-bottom:0;
	}
	#cssmenu ul>li>ul>li:hover a{
		background:#3B8BCC;
	}
	#cssmenu ul> li:hover ul>li a{
		    height: 40px;
	}
	#cssmenu{
		background: #9BAED3;
		color:#fff;
	}
	.logo .img-responsive{
		margin:0 auto;
	}
	.download{
		margin-left:0;
		display: block;
	}
	.izle-btn{
		display: block;
		margin-bottom: 10px;
	}
	.c-formu .izle-btn img{
		float:right;
	}
	.btn-submit {
    background: #c71406;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 16px 0;
    float: none;
    margin-right:0;
    margin-left:0;
    border-radius: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;}
	.btns{
		float: left;
		text-align: center;
		margin:0 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	.header-contact .c-item{
		text-align: center !important;
		float: initial;
	}
	#cssmenu > ul > li:first-child a{
		padding-left:15px !important;
	}

}