/*-- Global Style Codes --*/
ul,li{margin:0;padding:0;list-style: none;}
a{text-decoration: none;}
html,body{background-color: #ececec;}
body {    overflow-x: hidden;}
.p30{padding: 30px;}
.p15{padding: 15px;}
.p1{background-image: url('../img/p1.png');width:100%;height:6px;margin: 25px 0;}
.p2{background-image: url('../img/p2.png');width:100%;height:6px;margin: 25px 0;}
/*-- Header Style Codes --*/
nav .tel{margin-top:50px;}
#head{background: url('../img/head.jpg') center  no-repeat ;background-size: cover; }
#head .menus{position: relative;}
#head .menus>.menu{
	background: rgb(57,57,57); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(57,57,57,1) 0%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(57,57,57,1) 0%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(57,57,57,1) 0%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
 border-radius:10px 10px 0 0; margin-top: 15px;margin-bottom: 0;
}
#head  .left{display: inline-block;padding-left: 20px;}
#head .menu>.left>li,#head .menualt>li{display: inline-block;}
#head .menu>.left>.menualt .aktif{background-color: #00c9c2;}
#head .menu>.left>li.aktif a{color: #00c9c2;}
#head .menu>.left>li>a{font-size: 13pt;font-family: 'Lato-Regular';color:#fff;padding:30px 15px; text-decoration: none;display: block;}
#head .menu>.left>li:hover a{color:#00c9c2;}
#head .menu:after{display: block;content: '';/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b1b1b+0,2f2e2e+100 */
	background: rgb(27,27,27); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(27,27,27,1) 0%, rgba(47,46,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(47,46,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(27,27,27,1) 0%,rgba(47,46,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#2f2e2e',GradientType=0 ); /* IE6-9 */
	width:100%;height: 10px;position: absolute; z-index: 99;
}
#head .menu>.right{ float: right;display: inline-block;padding: 0 15px 0 25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bfb7+0,00bfb7+88,1b1b1b+99 */
	background: rgb(0,191,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,191,183,1) 0%, rgba(0,191,183,1) 88%, rgba(27,27,27,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,191,183,1) 0%,rgba(0,191,183,1) 88%,rgba(27,27,27,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,191,183,1) 0%,rgba(0,191,183,1) 88%,rgba(27,27,27,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfb7', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

}

#head .menu>.right>li,#head .menualt>li{display: inline-block;}
#head .menu>.right>li span{padding: 15px;}
#head .menu>.right>li.aktif span,#head .menu>.right>li:hover span{background-color:#00a8a1;border-radius: 10px;border-bottom:solid 1px  #00dad4;}
#head .menu>.right>li>a{font-size: 12pt;font-family: 'Lato-Regular';color:#fff;padding: 27px 5px;line-height: 85px;text-decoration: none;}
#head .sosyal{float:right;display: inline-block;padding: 0 15px 0 25px;margin: 25px -170px 0 0 }
#head .sosyal>li{display: inline-block;  }
.sosyal a{border:2px solid #8d8c8c;color:#8d8c8c;padding:  5px;font-size:12pt;width: 50px !important;}
.sosyal .fa-facebook{padding: 0 3px;}
#head .sosyal>li:hover a{color:#fff;border-color: #fff;}
#head .menualt{background-color: #2f2e2e;border-radius:0 0 10px 10px ; margin-bottom: 15px;}
#head .menualt>.left{display: inline-block; margin-top: 5px;padding: 0px  15px 0  20px}
#head .menualt>.left>li{display: inline-block;}
#head .menualt>.left>li.aktif>a{background-color: #00c9c2;}
#head .menualt>.left>li>a{    position: relative;    z-index: 9999;font-size: 12pt;font-family: 'Lato-Regular';color:#fff;padding: 10px 25px;line-height: 60px;border-radius: 100px;text-decoration: none;}
#head .menualt>.left>li:hover>a{background-color: #00c9c2;}



.homeslider {background: url('../img/slaytbg.png')  center no-repeat; background-size: cover;border-radius: 10px;overflow: hidden;margin-top: 15px;}
.homeslider h1{font-family:'C','calibri'; font-weight: 600;color:#00525b;font-size: 50pt;}
.homeslider p{color:#2a777f;    font-size: 16pt;font-weight:  600;font-family:'C','calibri';width: 50%;}
.homeslider .devam{text-decoration: none;font-family:'C','calibri';font-weight:  400;font-size: 12pt;background-color: #f55c89;padding:  5px 15px;color:#fff;border-bottom: solid 5px #f1436e;border-radius: 10px;    display: inline-block;}
.homeslider .devam:hover{border-bottom: 2px solid #f1436e;margin-top: 3px;}
.homeslider img{float: right;margin-top:-160px;}
.homeslider .butonlar {background-color: #00c9c3;border-radius: 200px;padding: 25px 30px;display: inline-block;position: absolute;bottom: 30px;left: 50px;z-index: 999999;height: 70px; border-bottom: solid 5px #00b6af;}
.homeslider .carousel-control {position: static !important;width: auto !important;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,0) !important;filter: alpha(opacity=50);opacity: 1 !important;}
.homeslider .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: static  !important;}
.homeslider .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {background-color: #00c9c3;padding: 7px;border-radius: 200px;border-bottom: solid #00c9c3 5px;display: inline-table;}
.homeslider .right  span:hover,.homeslider .left  span:hover{ background-color: #00a8a1;padding: 7px;border-radius: 200px;border-bottom: solid #008f88 5px;display: inline-table;}
.homeslider .carousel-inner>.item {padding: 50px;}
.homeslider .carousel-control{	background-image: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.homeslider .carousel-indicators li{ border:solid 3px #00c9c3   !important; padding: 5px;}
.homeslider .carousel-indicators li.active{ background-color: #00C9C3;}
.homeslider img {     top: -25px;    position: relative;}
.urunslide h4{font-size: 11pt;font-size: arial;text-align: center;color: #767676;}
.urunslide .owl-nav{position: absolute;top:0;bottom: 0;left:0;right:0;margin: auto;height:50px;}
.urunslide .owl-nav .owl-next{ right:-70px; padding: 7px 13px 5px 17px}
.urunslide .owl-nav .owl-prev{  left:-70px; padding: 7px 17px 5px 13px;}
.urunslide .owl-nav div{	background-color: #00a8a1; color:#fff;font-size: 20pt; position: absolute;border-radius: 100px; border-bottom: solid 5px #008f88 ;}
.urunslide .owl-nav div:hover{ margin-top: 3px;border-bottom: 2px solid #008f88;}
.urunslide{
	background: #d8d8d8; 	background: -moz-linear-gradient(top,  #d8d8d8 0%, #e8e8e8 50%, #d8d8d8 100%); 	background: -webkit-linear-gradient(top,  #d8d8d8 0%,#e8e8e8 50%,#d8d8d8 100%);	background: linear-gradient(to bottom,  #d8d8d8 0%,#e8e8e8 50%,#d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 );
	border-radius: 10px;	overflow: hidden;	padding: 50px 100px;	margin-top: 50px;
}
.urunslide .owl-carousel .owl-stage-outer {z-index: 9999;}
.urunslide .item{border:solid 5px  transparent;border-radius: 10px;cursor: pointer;}
.urunslide .item:hover,   .urunslide  .aktif{border:solid 5px  #f55c89;color:#fff;}


.fff{background-color:#fff;}

main  #map{  height: 400px;    margin-top:-45px;margin-bottom:-45px;/*  border-radius: 5px;   margin-bottom:30px;border:solid #eee 5px;*/display: block;}
main .content{overflow: hidden;background-color: #fff;border-radius :0 0 15px 15px !important;}
main .content>div{padding: 40px 15px}
main .baslik{font-family:'C','calibri'; font-weight: 600;color:#7accc8;}
main p{font-family:'C','calibri'; font-weight: 400;color:#a4a4a4;font-size: 13pt;line-height: 30px;}
main strong{color:#b0b0b0;}


main .urunler .row{padding-bottom: 30px;}
main .urunler  .title{margin-bottom: 30px;color:#f55c89;font-family:'C','calibri'; font-weight: 600;}
main .urunler  .title span{float:right;padding: 5px 10px;background-color: #f55c89;cursor: pointer;color:#fff;border-bottom: solid 5px #f1436e;border-radius: 5px;margin-left: 10px;}
main .urunler  .title span:hover{border-bottom:solid 2px #f1436e;margin-top: 3px;}
.urunslide .cover  {height: 200px;background-size: contain;background-repeat: no-repeat;background-position: center;margin: 15px;}
.urunslider .cover  {height: 50px;background-size: contain;background-repeat: no-repeat;background-position: center;margin:  5px;}
.urunler2 .title{font-size: 12pt; text-align: center;color:#f55c89;font-family:'C','calibri'; font-weight: 600;}
.urunler2 .urun a {     height: 250px;text-decoration: none;/*border:solid 3px #fff;*/display: block;padding: 15px;border-radius: 5px;}
.urunler2 .urun a:hover {/*border:solid 3px #f55c89;*/background-color: #f5f5f5}
.urunler2 .urun a img{ /* border:solid 2px #eee;*/  display:block;    margin:auto;height:70%;border-radius:10px;}
.sidebar li a{text-decoration: none;display: block;color:#aaa;padding: 15px;font-family:'C','calibri'; font-weight: 400;font-size: 13pt; border-bottom: 2px dashed #eee;}
.sidebar li a:hover{color:#f55c89;}
.sidebar li.aktif a{color:#f55c89;}
footer .copyright{background-color: #e4e4e4;text-align: center;padding: 25px;}
footer h2{font-size:13pt;font-family: 'Lato-Bold';color:#959595;padding: 5px 15px;}
footer li a{color:#959595;text-decoration: none;}
footer li:hover a{color:#f55c89;text-decoration: none;}
footer li{font-size:12pt;font-family: 'Lato-Regular';color:#959595;padding: 3px 15px;}
footer .copyright{color:#3b3b3b;padding: 50px;font-family: 'Lato-Regular';border-radius:10px 10px 0 0}
footer .tel{cursor: pointer;margin-top: 70px;background-color: #d4d1d2;color:#fff;font-family:'C','calibri'; font-weight: 600;font-size: 20pt;padding:  0 15px 0 0;border-bottom: solid 5px #c4c1c2;border-radius: 10px; }
footer .tel:before{content:'\f095 ';font-family: 'FontAwesome';display: inline-block;background-color: #f55c89;color:#fff;padding: 6px 15px;margin-bottom: -5px;border-bottom: solid 5px #f1436e;border-radius: 10px 0  0 10px;}
footer .tel:hover{margin-top: 73px;border-bottom: solid 2px #c4c1c2;}
footer .tel:hover:before{ margin-bottom: -2px;border-bottom: solid 2px #f1436e;}
footer .footerbtn>div div{background-size: contain;background-repeat: no-repeat;background-position: center center;width: 150px;height: 150px;margin: auto;}
footer .marketpdf{background-image: url('../images/market.png');}
footer .marketpdf:hover{background-image: url('../images/markethover.png');}
footer .endustriyelpdf{background-image: url('../images/endustriyel.png');}
footer .endustriyelpdf:hover{background-image: url('../images/endustriyelhover.png');}
footer .tanitim{background-image: url('../images/tanitim.png');}
footer .tanitim:hover{background-image: url('../images/tanitimhover.png');}

.phone{   display: block;height: 415px;    background-repeat: no-repeat;background-image: url(../img/phone.jpg);    padding: 75px 20px 0 32px;background-size: 350px;background-position: top;}
.fb_iframe_widget span {border: #D8D8D8 1px solid !important;}
.footerbuton img{max-width:150px;display:block;margin:25px auto;}
#lightbox{display:none;}
#lightbox .modal-content {    display: inline-block;    text-align: center;   }
#lightbox{background-color: rgba(0,0,0,0.7);z-index:999999;} 
#lightbox .close {opacity: 1;color: rgb(255, 255, 255); padding: 5px 8px;border-radius: 30px;border: 2px solid rgb(255, 255, 255);position: absolute;top: -15px;right: -55px;z-index:1032;}
form .input-group-addon{     padding:   0 20px !important;  border: #fff solid 0px !important;  background-color: #e5e5e5 !important;}
label{color:#aaa;font-weight: 600;padding-bottom: 5px;padding-top: 0px;font-size: 11pt;}
input,textarea,select{    color:#aaa !important; line-height: normal !important;border-radius:0 !important;  border: #eee solid 2px !important;padding:  20px !important;background-color: rgba(0,0,0,0) !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important; resize: vertical;}
.gonder{background-color: #7ACCC8;    font-family: 'C','calibri' !important; letter-spacing: 2px;   font-weight: 600;color:#fff; border-radius: 0 !important;border:  0px !important; padding:15px 100px;font-size:11pt;}

#head .container{position:relative;}
 .evobeyond{position:Absolute;right:-250px;top:20px;}
.evo {position:relative;width:180px;height:700px;margin:auto; /*overflow:hidden;*/ }
.evo .cihaz,.evo .kagit{background-repeat: no-repeat;background-position: top center;background-size: 100%;}
.evo .cihaz {width:100%;height:195px; position:absolute;z-index:999;background-image: url('../img/evo.png');}
.evo .kagit {text-align:center;cursor:pointer;width:70%;margin: 100px auto auto auto; left:0;right:0;position:absolute;height:150px;background-image: url('../img/kagit.png');}
.evo .kagit:hover:after {content: ' ';display: block;cursor: pointer;width: 345px;background-repeat: no-repeat;margin: 90px auto auto auto;left: -104px;right: 0;position: absolute;height: 150px;background-size: contain;background-image: url('../img/el.png');}
 .farkyaratanlar{background-color:#00c9c3;font-family:'C';font-weight:600;text-align:center;padding:15px;font-size:20pt;color:#fff;border-radius:10px;margin:-30px -70px  15px -70px;}