﻿/* Gallery*/
.gallery ul{width:100%; height:auto; float:left; margin: 20px 0 0 0; display: inline-block;text-align:  center; padding: 0px;}
.gallery ul li{width:252px; /* height:280px;*/ float:left; margin:0 45px 15px 0; text-align: center; list-style: none;}
.gallery ul li:nth-child(3n){float:left; margin:0 0px 15px 0; text-align: center; }
.gallery ul li .ltitle{width:100%; height:30px; float:left; font-size: 16px; ;font-weight: 700; margin:10px 0 10px 0; text-align:left;  color: #30374c;}
.gallery ul li .gallery-aciklama{width:100%; height:60px; overflow: hidden; float:left;  font-weight: 400; font-size:14px; color:#0a0d3a; margin:0 0 0 0; text-align:left;}
.gallery .images-mask{width: 100%; height: 172px; position: relative; float: left; overflow: hidden; border-radius:6px; }
.gallery .images-mask .list-img{ position: absolute; z-index: 0;  left:0; transition:all 0.3s ease-out; }
.gallery .images-mask .zoom-images{width: 100%; height: 100%; position: absolute; z-index: 1;  left:0; opacity: 0; background: rgba(0,66,109 ,0.7); filter: alpha(opacity=0);     -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; }
.gallery .images-mask .zoom-images:hover{opacity: 1; filter: alpha(opacity=1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}
.gallery .images-mask:hover .list-img{transform:scale(1.1,1.1)}
.gallery .images-mask .zoom-images i{ font-size: 50px; color: #FFF;}

/* Gallery*/


/* Video*/
.video ul{width:100%; height:auto; float:left; display: inline-block; text-align: center;  margin: 20px 0 0 0; padding: 0px;}
.video ul li{width:252px; height:280px; float:left; margin:0 45px 15px 0; text-align: center; list-style: none;}
.video ul li:nth-child(3n){float:left; margin:0 0px 15px 0; text-align: center; }
.video ul li .ltitle{width:100%; height:30px; float:left; font-size: 16px;font-weight: 700; margin:10px 0 10px 0; text-align:left; color: #30374c;}
.video ul li .video-aciklama{width:100%; height:60px; overflow: hidden; float:left;  font-weight: 400; font-size:14px; color:#0a0d3a; margin:0 0 0 0; text-align:left;}
.video .images-mask{width: 100%; height: 172px; position: relative; float: left; overflow: hidden; border-radius:6px; }
.video .images-mask .list-img{ position: absolute; z-index: 0;  left:0; transition:all 0.3s ease-out; }
.video .images-mask .zoom-images{border-radius:6px; width: 100%; height: 100%; position: absolute; z-index: 1;  left:0; opacity: 0; background: rgba(0,66,109 ,0.7); filter: alpha(opacity=0);     -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; }
.video .images-mask .zoom-images:hover{opacity: 1; filter: alpha(opacity=1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}
.video .images-mask:hover .list-img{transform:scale(1.1,1.1)}
.video .images-mask .zoom-images i{ font-size: 50px; color: #FFF;}
/* Video*/


/* Certificates*/
.certificates {width:100%; height:auto; margin:0px 0 0 0;float:left; display: inline-block; text-align: center; }
.certificates ul{width:100%; height:auto; float:left;  margin: 20px 0 0 0; padding: 0px;}
.certificates ul li{width:190px; height:320px; float:left; margin:0 15px 15px 0; text-align: center; list-style: none;}
.certificates ul li:nth-child(4n){float:left; margin:0 0px 15px 0; text-align: center; }
.certificates ul li .ltitle{width:100%; height:30px; float:left; font-size: 16px; text-transform: uppercase;font-weight: 700; margin:10px 0 10px 0; text-align:left;  color: #30374c;}
.certificates ul li .certificates-aciklama{width:100%; height:60px; overflow: hidden; float:left;  font-weight: 400; font-size:14px; color:#0a0d3a; margin:0 0 0 0; text-align:left;}
.certificates .images-mask{width: 100%; height: 265px; position: relative; float: left; overflow: hidden;border-radius:6px; }
.certificates .images-mask .list-img{ position: absolute; z-index: 0;  left:0; transition:all 0.3s ease-out; }
.certificates .images-mask .zoom-images{width: 100%; height: 100%; position: absolute; z-index: 1;  left:0; opacity: 0; background: rgba(0,66,109 ,0.7); filter: alpha(opacity=0);     -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; }
.certificates .images-mask .zoom-images:hover{opacity: 1; filter: alpha(opacity=1);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;   -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}
.certificates .images-mask:hover .list-img{transform:scale(1.1,1.1)}
.certificates .images-mask .zoom-images i{ font-size: 50px; color: #FFF;}
/* Certificates*/


/* Element [Features] */
.elem-features{width:100%; height:auto; margin:0px 0 30px 0;float:left;}
.elem-features ul li { overflow: hidden;margin: 0 0 2px 0; padding: 15px 10px; background: #e8ebed; cursor: pointer;}
.elem-features ul li:hover {background: #d3d9dd;}
.elem-features ul li a{ font-size:14px; color:#0a0d3a;}
.elem-features ul li i {width: 7px;height: 13px;background:url(../images/li-ico.png) center top no-repeat; margin: 4px 10px 0 0; float:left;}
/* Element [Features] */


/* Element [Download] */
.elem-download{width:100%; height:auto; margin:0px 0 30px; float:left;}
.elem-download ul li { overflow: hidden;margin: 0 0 2px 0; padding: 15px 20px; background: #e8ebed; cursor: pointer; position: relative;}
.elem-download ul li:hover {background: #d3d9dd;}
.elem-download ul li span{ font-size:14px; color:#0a0d3a;}
.elem-download ul li div{position:absolute; top:0; right:0; font-weight: bold; padding: 16px 20px; color: #ffffff; font-size: 14px; background:#576374; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; }
.elem-download ul li:hover div{background: #ed1d2f;}
/* Element [Download] */


/*Resimli List*/
.images-list-detail {width: 100%; float: left; margin: 0 0 0px 0;}
.images-list-detail .images-mask{width: 210px; height: 160px; position: relative; float: left; margin: 0 20px 0 0; overflow: hidden; border-radius: 6px;}
.images-list-detail .images-mask .listone-img{width: 210px;  height: 160px; position: absolute; z-index: 0;  left:0; transition:all 0.3s ease-out; }
.images-list-detail .images-mask .zoom-images{width: 210px;  height: 160px; position: absolute; z-index: 1;  left:0; opacity: 0; background: rgba(0,66,109 ,0.7); filter: alpha(opacity=0);     -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; }
.images-list-detail .images-mask .zoom-images:hover{opacity: 1; filter: alpha(opacity=1);     -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}
.images-list-detail .images-mask:hover .listone-img{transform:scale(1.1,1.1)}
.images-list-detail .images-mask .zoom-images i{ font-size: 40px; color: #FFF;}

.images-list-detail ul{float: left;}
.images-list-detail ul li{margin: 0 0 30px 0; float: left;}
.images-list-detail .haberlist-tit{width: 100%; height: 45px; font-size: 16px; /*float: left;*/ margin: 0 0 9px 0;  color: #30374c; line-height: 22px; font-weight: bold; }
.images-list-detail p{width: 100%; height: 70px; /*float: left;*/ margin: 0 0 8px 0; color: #0a0d3a; line-height: 21px; font-size: 14px; }
.images-list-detail .listone-button{width: 100%; height: 28px;  margin: 0 0 0px 0;  }
.images-list-detail .listone-button .read-more{width: 95px; height: 30px; font-size: 12px; background: #ed1d2f; float: left; margin: 0 0 0px 0;  color: #ffffff; line-height: 28px; text-align: center; border-radius: 6px; }
.images-list-detail .listone-button .read-more:hover{background: #30374c; color:#fff; text-decoration: none;}
/*Resimli List*/



/* Accordion */
.elem-accordion { overflow: hidden; float: left;width: 100%;}
.elem-accordion ul li {overflow: hidden;margin: 0 0 5px 0;}
.elem-accordion .accordion-title {background: #e8ebed; height:14px; cursor: pointer; font-size:14px;color: #30374c;position: relative;padding: 22px 20px 22px 20px; border:1px solid transparent; border-radius: 6px;}
.elem-accordion .accordion-title div { font-size: 14px;  margin: -6px 0 0 0; font-weight: bold;}
.elem-accordion .accordion-title i {position: absolute;right: 15px;top: 15px;width: 17px;height: 17px;background:url(../images/accordion-bottom.png) no-repeat;}
.elem-accordion .accordion-title.active {background: #30374c; color:#fff;border:1px solid #30374c;}
.elem-accordion .accordion-title.active i {background:url(../images/accordion-ri.png) no-repeat; width: 17px;height: 1px; top:22px }
.elem-accordion .accordion-info { display: none; overflow: hidden;padding: 15px;  font-size:14px;color: #0a0d3a; border: 1px solid #a2aab0;   margin: -4px 0 0 0; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;line-height: 24px;}
.elem-title{width:100%; height:20px; float:left;  font-size:16px; color:#0a0d3a; border-bottom:1px solid #a2aab0; margin:0 0 15px 0; }
/* Accordion */


/* page404 */
.page404{float:left; width:100%; margin:20px 0 30px 0;}
.page404 .icon{float:left; width:100%; margin:0 0 0 0; text-align: center;}
.page404 .icon i{color: #30374c; font-size: 70px;}
.page404 .caption{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 24px; font-weight: 300; color: #30374c; line-height: 25px;}
.page404 .caption p{font-size: 60px; font-weight: 300; color: #30374c; font-weight: bold;}
.page404 .text{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 14px; color: #30374c; line-height: 24px;}
.page404 .btnn{float:left; width:100%; margin:25px 0 0 0; text-align: center;}
.page404 a{ padding: 0 20px 0 20px; text-align: center; height: 40px; line-height: 41px; cursor: pointer; border: none; color: #ffffff; font-size: 14px; font-weight: 600; background: #30374c; display:inline-block; border-radius: 6px;}
.page404 a:hover{ background:#ed1d2f;  color:#ffffff; text-decoration: none; }
/* page404 */


/* pagers */
.pagers{ width: 100%; float: left; margin: 20px 0 30px 0;  }
.pagers a{ padding: 8px 16px; float: left;   background: none; color: #30374c; text-align:center;font-size: 14px; margin: 0px 10px 0 0px; font-weight: bold; border-radius: 6px; border: 1px solid #d2d2d2; }
.pagers a:hover,
.pagers .active{background: #d2d2d2; text-decoration: none; color: #30374c; }

.pagers .btnprev{ padding: 8px 16px; float: left;   background: #30374c; color: #30374c; text-align:center;font-size: 14px; margin: 0px 10px 0 0px; font-weight: bold; border-radius: 6px; border: 1px solid #30374c; }
.pagers .btnprev i{color: #ffffff; font-size: 16px;}
.pagers .btnprev:hover{opacity: 0.8; background: #30374c;}
/* pagers */


/* Form Start*/
.form-list-bx{width: 100%; float: left; margin: 20px 0 0 0; font-weight: 300;}
.form-list-bx .yorum-form-desc{width: 100%; float: left; margin: 0 0 20px 0; font-weight: 500;}
.form-list-bx .form-elements{width: 100%; float: left;}
.form-list-bx .form-elements .form-100{width: 100%; float: left; margin: 0 0 20px 0;}
.form-list-bx .form-elements .form-100 .form-title{width: 25%; height: 40px; float: left; }
.form-list-bx .form-elements .form-100 .form-title100{width: 100%; height: 40px; float: left; }
.form-list-bx .form-elements .form-100 .form-title div{color: #020202; font-size: 14px; text-align: left;}
.form-list-bx .form-elements .form-100 .form-title100 div{color: #020202; font-size: 14px; text-align: left;}
.form-list-bx .form-elements .form-100 .form-nokta{width: 1%; height: 40px; float: left;  color: #020202; font-size: 14px; text-align: left; margin-right: 1%;}
.form-list-bx .form-elements .form-100 .form-nokta div{color: #020202; font-size: 14px; text-align: left;}
.form-list-bx .form-elements .form-100 .form-input{width: 73%; float: left; }
.form-list-bx .form-elements .form-100 .form-input100{width: 100%; float: left; }
.check-h6{width:95%; margin:3px 0 10px 15px; color: #605b5b; font-size: 14px; padding:0px 0 0px 10px;color: #0a0d3a; font-weight: 300;}
.formgonder{padding:15px 30px; float: right; background:#30374c; text-align: center; color:#ffffff; font-size: 14px; border: none; outline: none; border-radius: 6px; font-weight: 500;  }
.formgonder:hover{background:#ed1d2f; }

.form-list-bx .form-elements .form-50{width: 48%; float: left; margin: 0 2% 20px 0;}
.form-list-bx .form-elements .form-50:nth-child(2n) {width: 48%; float: left; margin: 0 0 20px 2%;}
.form-list-bx .form-elements .form-50 .form-title100{width: 100%; height: 40px; float: left; }
.form-list-bx .form-elements .form-50 .form-title div{color: #020202; font-size: 14px; text-align: left;}
/* Form Finish*/

/.blue{ color: #0d2e53 !important;}
.green{ color: #7b8682 !important;}
.rd6{border-radius: 6px;}
.white{background: #ffffff;}
/* all */
::-webkit-input-placeholder { color:#616161; }
::-moz-placeholder { color:#616161; } /* firefox 19+ */
:-ms-input-placeholder { color:#616161; } /* ie */
input:-moz-placeholder { color:#616161; }


/* My Elements
-----------------------------------------------------------------------------*/


/* radius 10 Elements
-----------------------------------------------------------------------------*/
.radius40{border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px;  -o-border-radius:40px; -ms-border-radius:40px; -khtml-border-radius:40px;}
.radius10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; 	-o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px;}
.radius20{border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; 	-o-border-radius:20px; -ms-border-radius:20px; -khtml-border-radius:20px;}

.rb20{
	border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px; 	-o-border-bottom-left-radius:20px; -ms-border-bottom-left-radius:20px; -khtml-border-bottom-left-radius:20px;
	border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; 	-o-border-bottom-right-radius:20px; -ms-border-bottom-right-radius:20px; -khtml-border-bottom-right-radius:20px;
}


.rt10{
  border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px;  -o-border-top-left-radius:10px; -ms-border-top-left-radius:10px; -khtml-border-top-left-radius:10px;
  border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px;   -o-border-top-right-radius:10px; -ms-border-top-right-radius:10px; -khtml-border-top-right-radius:10px;
}

.ltb10{
  border-top-left-radius:40px; -webkit-border-top-left-radius:40px; -moz-border-top-left-radius:40px;  -o-border-top-left-radius:40px; -ms-border-top-left-radius:40px; -khtml-border-top-left-radius:40px;
  border-bottom-left-radius:40px; -webkit-border-bottom-left-radius:40px; -moz-border-bottom-left-radius:40px;   -o-border-bottom-left-radius:40px; -ms-border-bottom-left-radius:40px; -khtml-border-bottom-left-radius:40px;
}

.mtop20{ margin:20px 0 0 0;}
.mtop10{ margin:10px 0 0 0;}


/* transform Elements
-----------------------------------------------------------------------------*/
.tr30 {-webkit-transform: skew(-30deg, 0deg);-moz-transform: skew(-30deg, 0deg);-o-transform: skew(-30deg, 0deg);-ms-transform: skew(-30deg, 0deg);transform: skew(-30deg, 0deg);}


/* shadow Elements
-----------------------------------------------------------------------------*/
.shadow {text-shadow: 1px 1px 0px #fce47f; filter: dropshadow(color=#fce47f, offx=1, offy=1);}
.shadowWhite {text-shadow: 1px 1px 0px #0084ab; filter: dropshadow(color=#0084ab, offx=1, offy=1);}
.bs{-webkit-box-shadow: 0px 0 7px rgba(0, 0, 0, 0.1);-moz-box-shadow:    0px 0 7px rgba(0, 0, 0, 0.1);box-shadow:         0px 0 7px rgba(0, 0, 0, 0.1);}


/* Animate
-----------------------------------------------------------------------------*/
.anim,
.anim:hover,
.anim a,
.anim a:hover{
	-webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms ease-in 0s; -ms-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;
}


#nextsection {
    margin: 0;
    padding: 0 0 0 0;
    display: inline-block;
   
}


/* No Average
/*--------------------------------------------------------*/
.mold {display: table !important;}
.mold div {display: table-cell; vertical-align: middle; text-align: center; position: relative; margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

.detail-img {
    max-width: 100%;
    float: left;
    margin: 0 10px 10px 0;
}