@charset "utf-8";
/* CSS Document */


@import url(font.css);


/* My Elements
-----------------------------------------------------------------------------*/


*{ outline: none !important; }


.cf{height:1%}*+html .cf{display:inline-block}.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fl{ float: left !important;}
.fr{ float: right !important;}
.fn{ float: none !important;}

.db{ display: block !important;}
.dn{ display: none !important;}
.di{ display: inline !important;}
.dib{ display: inline-block !important;}

.noborder{ border: none !important;}
.nobg{ background: none !important;}

.relative{ position: relative !important;}
.absolute{ position: absolute !important;}

.margin{ margin: 0px !important;}
.marginl{ margin-left: 0px !important;}
.marginr{ margin-right: 0px !important;}
.margint{ margin-top: 0px !important;}
.marginb{ margin-bottom: 0px !important;}

.padding{ padding: 0px !important;}
.paddingl{ padding-left: 0px !important;}
.paddingr{ padding-right: 0px !important;}
.paddingt{ padding-top: 0px !important;}
.paddingb{ padding-bottom: 0px !important;}

.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");}

/* Sprite
--------------------------------------------------------*/
.i {float:left;display:block;background: url(../images/sprite.png);}

/* homePage
-----------------------------------------------------------------------------*/

.scrollToTop{ width: 100%; height: 70px; background: #101111; position: absolute; bottom: 0px; border-top: 1px solid #232425; cursor: pointer;}
.scrollToTop:hover{  background: #000;}
.scrollToTop i{width: 100%; text-align: center; font-size: 30px; color: #494d52;}
.scrollToTop:hover i{color: #b7bbc0;}
.scrollToTop p{width: 100%; text-align: center; font-size: 14px; color: #494d52;}
.scrollToTop:hover p{color: #b7bbc0;}


.noGuetter{ margin: 0px; padding: 0px; }
.e15{ margin: 0px -15px; padding: 0px; }

body {
  margin: 0;font-family: 'Roboto', sans-serif;font-weight: 400; font-size:16px; color: #494d52; background: #f1f1f1;
}


/* ========================================================================== Header ========================================================================== */

header.header{ width: 100%; float: left; position: absolute; top: 25px; z-index: 10;}
header.header .header-top{width: 100%; float: left; margin:0 0 20px 0;}
header.header .Hinset{ width: 100%; float: left; height: 82px; background: #FFF; position: relative; text-align: center; border-radius: 6px;}

header.header .logobx{position: absolute; z-index: 99; background: url(../images/logobg.png) no-repeat; width: 277px; height: 103px; margin: -6px 0 0 444px;  }
header.header .logo{ float: left; margin:9px 0 0 9px;}
header.header .menuara{width:367px; height:1px; float:left;}

header.header .ht-mail a{font-size:14px; color: #ffffff; font-weight: 300; }
header.header .ht-lang .lang-bx{float: right;}
header.header .ht-lang .lang-bx a{color: #ffffff; font-size: 16px; margin: 0 10px 0 0;}
header.header .ht-lang .lang-bx a:hover{color: #272c76;}

  /* nav */





  


/* ========================================================================== Header ========================================================================== */



/* ========================================================================== slider ========================================================================== */

section.slider{ width: 100%; height: auto; float: left; position: relative; top: 0px; z-index: 8; overflow: hidden;}
.sliderThin{ font-size: 65px; color: #FFF; font-size:50px; font-weight:bold;  }
.sliderBold{font-size:50px; font-weight:300;   color: #FFF;  }
.sliderBtn{  padding: 12px 50px; text-align: center; font-size:16px; font-weight:300; color:#ffffff; background:transparent; border:1px solid #ffffff; border-radius:6px;}
.sliderBtn1{ padding: 12px 50px; text-align: center; font-size:16px; font-weight:300; color:#ffffff; background:transparent; border:1px solid #ffffff; border-radius:6px;}
.
/* ========================================================================== slider ========================================================================== */




/* ========================================================================== content ========================================================================== */

section.content{ width: 100%; float: left; padding: 40px 0;}
section.content .content-top{width: 100%; float: left;margin: 60px 0 40px 0; }
section.content .content-top .egitimbx {width: 100%; float: left;}
section.content .content-top .egitimbx h1{width: 100%; float: left; margin: 0 0 40px 0;  text-align: center; color: #272c76; font-size: 30px; font-weight: bold;}
section.content .content-top .egitimbx ul li .pop-imgbx {width: 263px; height: 300px; float: left; position: relative;overflow: hidden; }
section.content .content-top .egitimbx ul li .pop-imgbx img {border-radius: 6px;  position: absolute; z-index: 0;  left:0;  }
section.content .content-top .egitimbx ul li .zoom-images{  border:6px solid transparent; width: 100%; height: 100%; position: absolute; z-index: 1; bottom:-230px;  left:0; opacity: 1; 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; }
section.content .content-top .egitimbx ul li:hover .zoom-images{ border-radius: 6px;    bottom:0;}
section.content .content-top .egitimbx ul li .zoom-images .zoom-tit{width: 100%; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold; margin:20px 0 0 0; }
section.content .content-top .egitimbx ul li:hover .zoom-images .zoom-tit{margin: 55% 0 0 0;}
.wbg1{background:rgba(35, 64, 91, 0.75);}
.wbg2{background:rgba(7, 167, 227, 0.75);}
.wbg3{background:rgba(106, 175, 34, 0.75);}
.wbg4{background:rgba(237, 29, 47, 0.75);}

section.content .content-top .egitimbx ul li:hover .wbg1{ border:6px solid #112a41;}
section.content .content-top .egitimbx ul li:hover .wbg2{ border:6px solid #07a7e3;}
section.content .content-top .egitimbx ul li:hover .wbg3{ border:6px solid #6aaf22;}
section.content .content-top .egitimbx ul li:hover .wbg4{ border:6px solid #ed1d2f;}

.egitimbx ul li:hover .wbg1{ border:6px solid #112a41;}
.egitimbx ul li:hover .wbg2{ border:6px solid #07a7e3;}
.egitimbx ul li:hover .wbg3{ border:6px solid #6aaf22;}
.egitimbx ul li:hover .wbg4{ border:6px solid #ed1d2f;}


.egitimbx {width: 100%; float: left;}
.egitimbx ul li{margin: 0 0 30px 0; width: 263px; margin: 0 29px 30px 0;}
.egitimbx ul li:nth-child(3n){margin: 0 0 30px 0}
.egitimbx ul li .pop-imgbx {width: 263px; height: 300px; float: left; position: relative;overflow: hidden; }
.egitimbx ul li .pop-imgbx img {border-radius: 6px;  position: absolute; z-index: 0;  left:0;  }
.egitimbx ul li .zoom-images{  border:6px solid transparent; width: 100%; height: 100%; position: absolute; z-index: 1; bottom:-230px;  left:0; opacity: 1; 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; }
.egitimbx ul li:hover .zoom-images{ border-radius: 6px;    bottom:0;}
.egitimbx ul li .zoom-images .zoom-tit{width: 100%; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold; margin:20px 0 0 0; }
.egitimbx ul li:hover .zoom-images .zoom-tit{margin: 55% 0 0 0;}

.owlControl{width: 100px; float: right; position: relative; z-index: 9999999;}
.owlControl .next{ width: 40px; height: 40px; display: inline-block; background: url(../images/next.png); cursor:pointer;}
.owlControl .next:hover{background-position: bottom;}
.owlControl .prev{ width: 40px; height: 40px; display: inline-block; background: url(../images/prev.png); cursor:pointer;}
.owlControl .prev:hover{background-position: bottom;}


section.content .content-center{width: 100%; float: left;   margin: 0 0 40px 0;}
section.content .content-center .news-homebx{width:100%; height: 285px; float: left; background:#32dac3; position: relative; }
section.content .content-center .news-homebx .fairs-list2 {width: 100%; float: left; position: relative;}
section.content .content-center .news-homebx .fairs-list2 .news-left{width: 260px; height: 285px; float: left; position: relative; overflow: hidden;}
section.content .content-center .news-homebx .fairs-list2 .news-left img{width:260px; height:285px;-webkit-transition: -webkit-transform 3s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out; transition: transform 5s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
section.content .content-center .news-homebx .fairs-list2:hover img{ -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1);}
section.content .content-center .news-homebx .fairs-list2 .news-left .zoom-images{cursor: pointer;  width: 100%; height: 100%; position: absolute; z-index: 1;  left:0; opacity: 0; 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; }
section.content .content-center .news-homebx .fairs-list2 .news-left:hover .zoom-images{opacity: 1; background: rgba(35, 64, 91, 0.75);}
section.content .content-center .news-homebx .fairs-list2 .news-left .zoom-images i{font-size: 45px; color: #ffffff; font-weight: 300; }





section.content .content-center .news-homebx .fairs-list2 .news-right{width:295px; height: 285px; float: left; padding: 20px 20px;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-htit{width: 100%; float: left; color: #ffffff; font-size: 22px; margin: 0 0 30px 0; font-weight: 600;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-dtit{width: 100%; float: left; color: #ffffff; font-size: 15px; margin: 0 0 25px 0; font-weight: 600; line-height: 23px;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-dtit:hover{color: #272c76;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-desc{width: 100%; float: left; color: #ffffff; font-size: 14px; margin: 0 0 25px 0; font-weight: 300; line-height: 23px;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom{width: 100%; float: left; }
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-left{width: 50%; float: left; }
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-left .time{font-size: 30px; color: #ffffff; margin: -3px 10px 0 0; float: left;    }
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-left span{color: #ffffff; font-size: 14px; font-weight: 300; float: left;     margin: 4px 0 0 0;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-right{width: 50%; float: left; text-align: right;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-right em{ color: #ffffff; font-size: 14px; font-weight: 300; text-decoration: underline;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-right em:hover{color: #272c76;}

section.content .content-center .video-homebx{width:100%; height: 285px; float: left; background:#ae1d2c; position: relative; overflow: hidden;}
section.content .content-center .video-homebx .videohomeimg{position: absolute;z-index: 1; top: 0;}
section.content .content-center .video-homebx .videotext{width: 100%; position: absolute;z-index: 2; top: 60px; padding: 20px 20px; }
section.content .content-center .video-homebx .videotext .videotit{width:100%; margin:0 0 20px 0; font-size:22px; font-weight:500; color: #ffffff; }
section.content .content-center .video-homebx .videotext .videodesc{width:100%; margin:0 0 20px 0; font-size:14px; font-weight:300; color: #ffffff; line-height: 23px; }
section.content .content-center .video-homebx .videotext a{ border: 3px solid #ffffff; border-radius: 32px; padding: 10px 11px 10px 15px; float:left; font-size: 24px; color: #ffffff;}
section.content .content-center .video-homebx .videotext a:hover{border: 3px solid #272c76;  color: #272c76;}
section.content .content-center .video-homebx .video-imgbx {width: 270px; height: 300px; float: left; position: relative;overflow: hidden; }
section.content .content-center .video-homebx .video-imgbx img { border-radius:6px; position: absolute; z-index: 0;  left:0;    -webkit-transition: -webkit-transform 3s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;    transition: transform 5s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
section.content .content-center .video-homebx .video-imgbx:hover img{ border-radius:6px; -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1);}

.video-homebx{width:262px; height: 285px; float: left; background:#ae1d2c; position: relative; overflow: hidden;}
.video-homebx .videohomeimg{position: absolute;z-index: 1; top: 0;}
.video-homebx .videotext{width: 100%; position: absolute;z-index: 2; top: 60px; padding: 20px 20px; }
.video-homebx .videotext .videotit{width:100%; margin:0 0 20px 0; font-size:22px; font-weight:500; color: #ffffff; }
.video-homebx .videotext .videodesc{width:100%; margin:0 0 20px 0; font-size:14px; font-weight:300; color: #ffffff; line-height: 23px; }
.video-homebx .videotext a{ border: 3px solid #ffffff; border-radius: 32px; padding: 10px 11px 10px 15px; float:left; font-size: 24px; color: #ffffff;}
.video-homebx .videotext a:hover{border: 3px solid #272c76;  color: #272c76;}
.video-homebx .video-imgbx {width: 262px; height: 300px; float: left; position: relative;overflow: hidden; }
.video-homebx .video-imgbx img { border-radius:6px; position: absolute; z-index: 0;  left:0;    -webkit-transition: -webkit-transform 3s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;    transition: transform 5s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.video-homebx .video-imgbx:hover img{ border-radius:6px; -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1);}



section.content .content-center .corparete-homebx{width:100%; height: 285px; float: left; background:#242a70; position: relative; overflow: hidden; }
section.content .content-center .corparete-homebx .coparetehomeimg{position: absolute;z-index: 1; top: 0;}
section.content .content-center .corparete-homebx .crp-imgbx {width: 270px; height: 300px; float: left; position: relative;overflow: hidden; }
section.content .content-center .corparete-homebx .crp-imgbx img { border-radius:6px; position: absolute; z-index: 0;  left:0;    -webkit-transition: -webkit-transform 5s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;    transition: transform 5s ease-out,filter 500ms ease-in-out,-webkit-filter 500ms ease-in-out;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
section.content .content-center .corparete-homebx .crp-imgbx:hover img{ border-radius:6px; -webkit-transform: scale3d(1.1,1.1,1.1);    transform: scale3d(1.1,1.1,1.1);}
section.content .content-center .corparete-homebx .crptext{width: 100%; position: absolute;z-index: 2; top: 60px; padding: 20px 20px; }
section.content .content-center .corparete-homebx .crptext .crptit{width:100%; margin:0 0 20px 0; font-size:22px; font-weight:500; color: #ffffff; }
section.content .content-center .corparete-homebx .crptext .crpdesc{width:100%; margin:0 0 20px 0; font-size:14px; font-weight:300; color: #ffffff; line-height: 23px; }
section.content .content-center .corparete-homebx .crptext .crplink{ border: 1px solid #ffffff; border-radius: 6px; padding: 15px 25px 15px 25px; float:left; font-size: 14px; color: #ffffff; font-weight: 300; text-align: center;}
section.content .content-center .corparete-homebx .crptext .crplink:hover {background:#272c76; border: 1px solid #272c76; }



.no-left{padding:0 15px 0 0;}
.no-right{padding:0 0 0 15px;}
.no-center{padding:0 0 0 15px;}


section.content .owlbx{ width: 100%; float: left; margin: 0 0 40px 0;}
section.content .owlbx ul{ width: 100%; float: left; margin: 30px 0 0 0;}
section.content .owlbx ul li{   margin: 0 30px 0 30px;}
section.content .owlbx ul li .img{ margin:0 auto; height: 80px; border: 1px solid #f1eeee;}


.menu-left{width: 100%; float: left;   margin: 50px 0 50px 0;}
.menu-left .menu-tit{width: 100%; min-height: 70px; float: left; background: #BC1624;  -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.menu-left .menu-tit div{width:100%; color:#ffffff; font-weight: bold; font-size:20px; text-align: left; padding: 0px 20px; }



/* ========================================================================== footer ========================================================================== */

footer.footer{ width: 100%; float: left; min-height: 160px;}

footer.footer .ft-top{width: 100%; float: left; min-height:210px; padding:50px 0; background: #e8ebed;  }
footer.footer .ft-bottom{width: 100%; float: left; height: 90px; background: #ffffff; }
footer.footer .ft-bottom .adress{margin: 0px 0 0 0; font-size: 14px; text-align: left; color: #586474; font-weight: 300;}
footer.footer .ft-bottom .fnav a:hover{ color: #ffffff;}
footer.footer .ft-bottom .footer-logobx{ float: right; }
footer.footer .ft-bottom .flogo{ float: right; margin: 30px 0 0 15px;}
.adresbg{margin:40px 0 0 0; }
.firmbtlg{margin: 0 0 30px 0;}
footer.footer .ft-top  .menu-box{width:22%;  float:left; margin:0px 3% 0 0; }
footer.footer .ft-top  .menu-box h3{font-size:20px; color:#586474; margin:0 0 30px 0; font-weight: 600; }
footer.footer .ft-top  .menu-box ul li{padding:0 0 11px 0;}
footer.footer .ft-top  .menu-box ul li a{font-size:14px; color:#586474;  font-weight: 300;}
footer.footer .ft-top  .menu-box ul li a:hover{color:#272c76;}
footer.footer .ft-top  .menu-box ul li a i{margin: 0 10px 0 0;}
footer.footer .ft-top  .contact-box{width:25%;  margin:0px 0px 0px 0px; float:left;}
footer.footer .ft-top  .contact-box h3{font-size:20px; color:#586474; margin:0 0 30px 0; font-weight: 600; }
footer.footer .ft-top  .contact-box p{ width: 82%;  margin:0 0 10px 0; font-size:14px; color:#586474; font-weight: 300; line-height:27px;   }
footer.footer .ft-top  .contact-box .box-i-3{ width: 100%;  float:left; margin:0 0 8px 0; color:#586474; font-size:14px; font-weight: 300; }


/* ========================================================================== footer ========================================================================== */




/* ========================================================================== Subpage ========================================================================== */
section.slider-alt{width: 100%; height:255px; position: relative; z-index: 1; background: url(../images/altbg.jpg) top no-repeat}
section.content{width: 100%; float: left;}

.contact-top{width: 100%; float: left; margin: 0 0 45px 0;}
.contact-top p{width: 50%; margin: 30px 0 30px 0; font-size: 14px; color: #0a0d3a; font-weight: 300;}
.contact-top span{width: 50%; margin: 0px 0 5px 0; font-size: 14px; color: #0a0d3a; font-weight: 300;}
.contact-top h4{width: 50%; margin: 5px 0 5px 0; font-size: 14px; color: #0a0d3a; font-weight: 300;}

.contact-center{width: 100%; float: left; margin: 0 0 45px 0;}
.contact-bottom{width: 100%; float: left; margin: 0 0 45px 0;}
.contact-tit{width: 100%; margin: 0 0 0px 0; color: #0a0d3a; font-size: 18px; font-weight: bold;}
/* ========================================================================== Subpage ========================================================================== */






/* ========================================================================== Element ========================================================================== */

/* Search Area */
.search{width:39px; height:19px; float:right; cursor:pointer;      position: relative;    z-index: 9999999999999999; }
.search img{z-index: 999; position: relative;}
.search-area { overflow: hidden; width: 0; height: 19px; background:transparent; position: absolute;right: 80px; top:0px; z-index: 100;}
.search-area a {  display: block; float: left; padding: 2px 8px 2px 8px; color: #fff; font-size: 14px; z-index: 99999; position: relative;  border-radius: 6px; height: 19px; }
.search-area a:hover { background: #070D45; }
.search-area .search-content { position: relative;  color:#fff;}
.serbt{width: 19px; height: 19px; float: left; background:url(../images/search-bg.png) no-repeat; border: none; outline: none; position: absolute; top: 0; z-index: 0;     right: 20px;}
.search-area .search-content input { display: none;}
.search-area .search-content input[type=text] {color: #fff !important; width: 90%;     padding: 0 13% 0 1%; background: transparent;border:none; font-size: 12px;   }
.search-area .search-content input[type=text]:-moz-placeholder {color: #fff !important; }
.search-area .search-content input[type=text]::-moz-placeholder {color: #fff !important; }
.search-area .search-content input[type=text]:-ms-input-placeholder {color: #fff !important; }
.search-area .search-content input[type=text]::-webkit-input-placeholder {color: #fff !important; }
.search-area .search-content input[type=submit] {color:#fff; cursor: pointer; width: 22px; height: 22px; : url(../images/src.png) no-repeat; position: absolute; right: 0; top:  0 ; border: none;}
.search-area .search-content input[type=button] {color:#fff; cursor: pointer; width: 30px; height: 28px; background: url(../images/src.png) no-repeat; position: absolute; right: -30px; top:  -3px ; border: none;}
.search-area .search-content input[type=button]:active {border: none;}


/*---------------- Element Content Start ---------------- */
.content-right {width: 100%; float: left; padding: 30px 20px;margin: 0 0 50px 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; }
.titlebx{width: 100%; min-height: 70px; float: left; background: #e8ebed; margin: 50px 0 0 0 ;  -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.titlebx div{width:100%; color:#576374; font-weight: bold; font-size:20px; text-align: left; padding: 0px 20px; }

.content-right2 {width: 100%; float: left; padding: 30px 0px;margin: 0 0 50px 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; }


.site-tree{width: 100%; min-height:40px; margin: 45px 0 5px 0; float: left;}
.site-tree .sitetree-left{width: 49%; float: left; margin: 10px 1% 0 0;}
.site-tree .sitetree-left a{font-size: 14px; color: #ffffff; float: left; }
.site-tree .sitetree-left span{font-size: 14px; color: #ffffff; padding: 0 7px; float: left; }
.site-tree .sitetree-left .tree-active{font-size: 14px; color: #000000; float: left;  }
.site-tree .sitetree-left a:hover{color:#000000;text-decoration: none; }


.site-tree .sitetree-right{width: 50%; float: left; margin: 0 0 0 0;}
.site-tree .sitetree-right h1{width: 100%; float: left; text-align: right; font-size: 30px; font-weight: bold; color: #ffffff;}

/* Product Details List */
.product-details{width: 100%; height: auto; float: left;} 
.product-details .text-title{width: 100%; padding: 0 0 10px 0; margin: 0 0 20px 0; float: left; border-bottom:1px solid #f0f0f0;  color: #232425;}
.text{width:100%; height:auto;   font-size:14px; color:#0a0d3a; line-height:23px; margin-bottom:20px;}
.text .detail-img{ max-width:100%;   float:left; margin:0 10px 10px 0;}
.text .detail-img img{ border-radius: 6px; max-width:100%;  float:left; margin:0 10px 10px 0;}



/* 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 25px 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: #272c76;}
.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 25px 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: #272c76;}
.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: #272c76;}
.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: #272c76; 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: #272c76; 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: #272c76;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: #272c76; color:#fff;border:1px solid #272c76;}
.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: #272c76; font-size: 70px;}
.page404 .caption{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 24px; font-weight: 300; color: #272c76; line-height: 25px;}
.page404 .caption p{font-size: 60px; font-weight: 300; color: #272c76; font-weight: bold;}
.page404 .text{float:left; width:100%; margin:25px 0 0 0; text-align: center; font-size: 14px; color: #272c76; 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: #272c76; 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: #272c76; 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: #272c76; }

.pagers .btnprev{ padding: 8px 16px; float: left;   background: #272c76; color: #272c76; text-align:center;font-size: 14px; margin: 0px 10px 0 0px; font-weight: bold; border-radius: 6px; border: 1px solid #272c76; }
.pagers .btnprev i{color: #ffffff; font-size: 16px;}
.pagers .btnprev:hover{opacity: 0.8; background: #272c76;}
/* 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:#272c76; 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*/



/* ========================================================================== Element ========================================================================== */








/* ========================================================================== responsive ========================================================================== */




/* ========================================================================== 1200px ========================================================================== */

@media (max-width: 1200px) {

}


/* ========================================================================== 992px ========================================================================== */
@media (max-width: 1024px) {
  header.header .logobx{margin:-6px 0 0 330px;}
  .nav > li{margin:0 6px 0 6px;}
  .bx-wrapper .bx-pager{top: 60px;}
  section.content .content-center .video-homebx{background: none;}
  .egitimbx{display: inline-block;text-align: center;}
  .egitimbx ul li{display: inline-block;    text-align: center; width: auto !important; float: none; margin: 0 15px 30px 15px}
  .egitimbx ul li:nth-child(3n){margin: 0 15px 30px 15px}
  .egitimbx ul li .pop-imgbx{float:none; display: inline-block;    text-align: center;}

.video-homebx{width: 100%;height: 230px;  }
.video-homebx .video-imgbx{width: 100%;  top:0;}
.video-homebx .videotext{ top:0;}
section.content .content-center .video-homebx .video-imgbx{width: 100%; height: 285px;}
section.content .content-center .video-homebx .video-imgbx img{height: 285px;}

section.content .content-center .corparete-homebx .crp-imgbx{width: 100%; height: 285px;}
section.content .content-center .corparete-homebx .crp-imgbx img{height: 285px;}

section.content .content-center .news-homebx .fairs-list2 .news-left{width: 220px;}

section.content .content-center .news-homebx .fairs-list2 .news-right{padding: 10px; width: 195px;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-htit{margin: 0 0 15px 0;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-dtit{margin: 0 0 10px 0;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-bottom .news-bt-left .time{display: none;}

.gallery ul li{display: inline-block; float: none; margin: 0 15px 15px 15px;}
.gallery ul li:nth-child(3n){display: inline-block; float: none; margin: 0 15px 15px 15px;}
.video ul li{display: inline-block; float: none; margin:  0 15px 15px 15px;}
.video ul li:nth-child(3n){display: inline-block; float: none; margin: 0 15px 15px 15px;}

.certificates ul li{display: inline-block; float: none; margin: 0 15px 15px 15px;}
.certificates ul li:nth-child(4n){display: inline-block; float: none; margin: 0 15px 15px 15px;}
}

@media (max-width: 992px) {
.corparete-homebx {
    margin: 15px auto 0 auto;
    float: none;

}
.menuara{display: none}
.sliderBtn{font-size: 14px !important;width:100% !important;text-align: center !important; left: 2% !important }
  .container{padding: 0 3%;}
  .no-center{width: 50%; padding: 0 15px 15px 0 !important;}
  .no-right{display: block; width: 50%; padding: 0 0 15px 15px !important;}
  .video-homebx {display: none;}
  .menu-left{margin: 50px 0 0 0;}
header.header{position: relative; top:0;}
header.header .header-top{display: none;}
header.header .logobx{position: relative; margin: 0 auto; background: none;}
header.header .logo{margin: 0;}
header.header .Hinset{height: auto; background: none;}
.navbar{margin: 0;}
.navbar-nav{background:#ffffff; margin: 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;}
.navbar-collapse{ margin: -8px 0 0 0; position: absolute; z-index: 9999999; width: 100%;}
.nav > li{margin: 0 0 0 0; padding: 0 0 0 0;}
.navbar-inverse .navbar-nav > li > a{font-size: 14px; padding: 7px 0;}
.navbar-toggle{margin-top:0; margin-left: 0; }

footer.footer .ft-top {padding: 25px 0;}
footer.footer .ft-top .menu-box{width: 100%; margin:0 0 15px 0; text-align: center;}
footer.footer .ft-top .menu-box h3{margin:0 0 15px 0;}
footer.footer .ft-top .contact-box{width: 100%; text-align: center; }
footer.footer .ft-top .contact-box p{max-width: 0 0 0 0; width: 100%; }
footer.footer .ft-bottom{height: auto;}
footer.footer .ft-bottom .footer-logobx{width: 100%; display: inline-block; text-align: center; }
footer.footer .ft-bottom .flogo{display: inline-block; text-align: center; float: none; margin:15px 0 15px 0;}
footer.footer .ft-bottom .adress{text-align: center;}
.adresbg{margin:15px 0 0 0;}
.no-left{padding:0 0 15px 0;}
.no-right{padding:0 0 15px 0;}
.no-center{padding:0 0 15px 0;}
.firmbtlg{margin: 0 0 15px 0;}
section.content .content-center{margin:0 0 0px 0;}
section.content .owlbx{margin:0 0 20px 0;}

section.content .content-top{margin: 20px 0 20px 0;}
section.content .content-top .egitimbx h1{margin: 0 0 20px 0; font-size:24px;}
.owlControl{display: none;}

section.content .content-top .egitimbx ul li{display: inline-block;    text-align: center;}
section.content .content-top .egitimbx ul li .pop-imgbx{float:none; display: inline-block;    text-align: center;}


section.content .content-center .video-homebx{background: none; display: inline-block; text-align: center;}
section.content .content-center .video-homebx .video-imgbx{float: none; display: inline-block; text-align: left;}
section.content .content-center .corparete-homebx {background: none; display: inline-block; text-align: center;}
section.content .content-center .corparete-homebx  .crp-imgbx{float: none; display: inline-block; text-align: left;}

section.content .content-center .news-homebx{height: auto;}
section.content .content-center .news-homebx .fairs-list2 .news-right{width:100%; height: auto; padding: 15px 20px;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-htit{margin: 0 0 10px 0;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-dtit{margin: 0 0 10px 0;}
section.content .content-center .news-homebx .fairs-list2 .news-right .news-desc{margin: 0 0 10px 0;}
section.content .content-center .news-homebx .fairs-list2 .news-left{width: 100%; float: left; display: inline-block; text-align: center;}
section.content .content-center .news-homebx .fairs-list2 .news-left img{display: inline-block; text-decoration: center; float: none; border-radius:6px; }
.bx-controls{display: none;}

.site-tree{margin: 25px 0 5px 0;}
.site-tree .sitetree-left{width: 100%; margin: 0;}
.site-tree .sitetree-right {width: 100%; margin: 10px 0 0 0; }
.site-tree .sitetree-right h1{text-align: left; font-size: 24px;}
header.header .Hinset{margin: 10px 0 0 0;}
.video-homebx{margin: 15px auto 0 auto; float: none;}

.text .detail-img{width: 100%; display: inline-block; text-align: center;}
.text .detail-img img{float: none; margin: 0 0 10px 0; display: inline-block; text-align: center;}

.images-list-detail .images-mask{margin: 0 auto 0 auto; float: none;}
.images-list-detail .haberlist-tit{float: left; margin: 10px 0 10px 0; height: auto;}
.images-list-detail p{float: left;  margin: 0 0 10px 0;  height: auto; }
.images-list-detail .listone-button{float: left;  margin: 0 0 0px 0; height: auto;}

.pagers a{margin: 0 5px 10px 0;}
.pagers .btnprev{margin: 0 5px 10px 0;}

.form-list-bx .form-elements .form-100 .form-title{width: 100%; }
.form-list-bx .form-elements .form-100 .form-nokta{display: none !important;}
.form-list-bx .form-elements .form-100 .form-input{width: 100%;}
.menu-isim{margin: -15px 0 0 0; color:#ffffff;}

.contact-top p{width: 100%; margin: 20px 0 20px 0; }
.contact-top span{width: 100%; margin: 0px 0 5px 0; }
.contact-top h4{width: 100%; margin: 5px 0 5px 0; }
.form-list-bx .form-elements .form-50{width: 100%; margin: 0 0 20px 0; }
.form-list-bx .form-elements .form-50:nth-child(2n){width: 100%; margin: 0 0 20px 0; }
}

/* ========================================================================== 768px ========================================================================== */


@media (max-width: 767px) {
.no-center{width: 100%; padding: 0 0 15px 0 !important;}
  .no-right{display: block; width: 100%; padding: 0 0 15px 0 !important;}
  .egitimbx ul li{margin: 0 5px 30px 5px;}
  .egitimbx ul li:nth-child(3n){margin: 0 5px 30px 5px;}
  .content-right{padding: 30px 8px;}

  .gallery ul li{display: inline-block; float: none; margin: 0 0 15px 0;}
.gallery ul li:nth-child(3n){display: inline-block; float: none; margin: 0 0 15px 0;}
.video ul li{display: inline-block; float: none; margin: 0 0 15px 0;}
.video ul li:nth-child(3n){display: inline-block; float: none; margin: 0 0 15px 0;}

.certificates ul li{display: inline-block; float: none; margin: 0 0 15px 0;}
.certificates ul li:nth-child(4n){display: inline-block; float: none; margin: 0 0 15px 0;}


}

/* ========================================================================== 320px ========================================================================== */


@media (max-width: 480px) {  
.no-center{width: 100%; padding: 0 0 15px 0 !important;}
  .no-right{display: block; width: 100%; padding: 0 0 15px 0 !important;}
}