body, html{ height:100%; }
body{ color:#575756; font-family:'Montserrat', sans-serif; font-size:14px; font-weight:500; overflow:hidden; }
body.load{ overflow:auto; }
ul{ margin:0; padding:0; list-style-type:none; }
a, a:hover, a:focus, li:hover > a{ outline:0; text-decoration:none; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
::-moz-selection{ background-color:#03326c; color:#fff; }
::selection{ background-color:#03326c; color:#fff; }
::-o-selection{ background-color:#03326c; color:#fff; }
::-ms-selection{ background-color:#03326c; color:#fff; }
::-webkit-selection{ background-color:#03326c; color:#fff; }
.wp{ opacity:0; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:none; }
.wp.activeWp{ opacity:1; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.pa0{padding:0;}
.pal0{padding-left:0;}
.par0{padding-right:0;}
.btn{border-radius:0;color:#fff;}
.btn:hover{background-color:#03326c !important; color:#fff;}
.btn-fluid{width:100%;}
h2.title, h3.title, h4.title{ font-weight:700; letter-spacing:3px; }
h2.title:after, h4.title:after{ content:""; background:url(../img/logo-h.png) no-repeat center center; display:block; height:30px; }
h4.title:after{ background-image:url(../img/logo-h4.png); }
.form-control{ border-radius:0; box-shadow:none; height:auto; font-weight:600; padding:13px 15px; }
.form-control:focus{ border-color:transparent; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(3, 50, 108); }
/*siteler*/
.bgcolor-site1, .bgcolor-site1:hover, .site1 .btn, .site1 #sliderBottom, .site1 #training .training:hover span, .site1 #header .logo .logo-left, #header .other-logos .bgcolor-site1:before, .site1 #header #menu ul li > a:after, .site1 #slider .owl-controls .owl-dots .owl-dot.active span, .site1 #slider .owl-controls .owl-dots .owl-dot span:hover, .site1 #footer .middle, .site1 #inside .top .title:before{background-color:#575756;}
.bgcolor-site2, .bgcolor-site2:hover, .site2 .btn, .site2 #sliderBottom, .site2 #training .training:hover span, .site2 #header .logo .logo-left, #header .other-logos .bgcolor-site2:before, .site2 #header #menu ul li > a:after, .site2 #slider .owl-controls .owl-dots .owl-dot.active span, .site2 #slider .owl-controls .owl-dots .owl-dot span:hover, .site2 #footer .middle, .site2 #inside .top .title:before{background-color:#e30f13;}
.bgcolor-site3, .bgcolor-site3:hover, .site3 .btn, .site3 #sliderBottom, .site3 #training .training:hover span, .site3 #header .logo .logo-left, #header .other-logos .bgcolor-site3:before, .site3 #header #menu ul li > a:after, .site3 #slider .owl-controls .owl-dots .owl-dot.active span, .site3 #slider .owl-controls .owl-dots .owl-dot span:hover, .site3 #footer .middle, .site3 #inside .top .title:before{background-color:#249b38;}
.bgcolor-site4, .bgcolor-site4:hover, .site4 .btn, .site4 #sliderBottom, .site4 #training .training:hover span, .site4 #header .logo .logo-left, #header .other-logos .bgcolor-site4:before, .site4 #header #menu ul li > a:after, .site4 #slider .owl-controls .owl-dots .owl-dot.active span, .site4 #slider .owl-controls .owl-dots .owl-dot span:hover, .site4 #footer .middle, .site4 #inside .top .title:before{background-color:#ef7d00;}
.bgcolor-site5, .bgcolor-site5:hover, .site5 .btn, .site5 #sliderBottom, .site5 #training .training:hover span, .site5 #header .logo .logo-left, #header .other-logos .bgcolor-site5:before, .site5 #header #menu ul li > a:after, .site5 #slider .owl-controls .owl-dots .owl-dot.active span, .site5 #slider .owl-controls .owl-dots .owl-dot span:hover, .site5 #footer .middle, .site5 #inside .top .title:before{background-color:#7855fa;}
.bgcolor-site6, .bgcolor-site6:hover, .site6 .btn, .site6 #sliderBottom, .site6 #training .training:hover span, .site6 #header .logo .logo-left, #header .other-logos .bgcolor-site6:before, .site6 #header #menu ul li > a:after, .site6 #slider .owl-controls .owl-dots .owl-dot.active span, .site6 #slider .owl-controls .owl-dots .owl-dot span:hover, .site6 #footer .middle, .site6 #inside .top .title:before{background-color:#881454;}
.bgcolor-site7, .bgcolor-site7:hover, .site7 .btn, .site7 #sliderBottom, .site7 #training .training:hover span, .site7 #header .logo .logo-left, #header .other-logos .bgcolor-site7:before, .site7 #header #menu ul li > a:after, .site7 #slider .owl-controls .owl-dots .owl-dot.active span, .site7 #slider .owl-controls .owl-dots .owl-dot span:hover, .site7 #footer .middle, .site7 #inside .top .title:before{background-color:#83bb26;}
.bgcolor-site8, .bgcolor-site8:hover, .site8 .btn, .site8 #sliderBottom, .site8 #training .training:hover span, .site8 #header .logo .logo-left, #header .other-logos .bgcolor-site8:before, .site8 #header #menu ul li > a:after, .site8 #slider .owl-controls .owl-dots .owl-dot.active span, .site8 #slider .owl-controls .owl-dots .owl-dot span:hover, .site8 #footer .middle, .site8 #inside .top .title:before{background-color:#009fe3;}
/*.site1 #menu li > a, .site1 #menu li:hover > a{border-color:#575756;}*/
/*.site2 #menu li > a, .site2 #menu li:hover > a{border-color:#e30f13;}*/
/*.site3 #menu li > a, .site3 #menu li:hover > a{border-color:#249b38;}*/
/*.site4 #menu li > a, .site4 #menu li:hover > a{border-color:#ef7d00;}*/
/*.site5 #menu li > a, .site5 #menu li:hover > a{border-color:#7855fa;}*/
/*.site6 #menu li > a, .site6 #menu li:hover > a{border-color:#881454;}*/
/*.site7 #menu li > a, .site7 #menu li:hover > a{border-color:#83bb26;}*/
/*.site8 #menu li > a, .site8 #menu li:hover > a{border-color:#009fe3;}*/
.site1 h2.title, .site1 #blog .item:hover a, .site1 .cix strong{color:#575756;}
.site2 h2.title, .site2 #blog .item:hover a, .site2 #footer .top h6, .site2 #footer .top i.fa, .site2 #footer .top .footer-menu li:before,.site2 .cix strong{color:#e30f13;}
.site3 h2.title, .site3 #blog .item:hover a, .site3 #footer .top h6, .site3 #footer .top i.fa, .site3 #footer .top .footer-menu li:before,.site3 .cix strong{color:#249b38;}
.site4 h2.title, .site4 #blog .item:hover a, .site4 #footer .top h6, .site4 #footer .top i.fa, .site4 #footer .top .footer-menu li:before,.site4 .cix strong{color:#ef7d00;}
.site5 h2.title, .site5 #blog .item:hover a, .site5 #footer .top h6, .site5 #footer .top i.fa, .site5 #footer .top .footer-menu li:before,.site5 .cix strong{color:#7855fa;}
.site6 h2.title, .site6 #blog .item:hover a, .site6 #footer .top h6, .site6 #footer .top i.fa, .site6 #footer .top .footer-menu li:before,.site6 .cix strong{color:#881454;}
.site7 h2.title, .site7 #blog .item:hover a, .site7 #footer .top h6, .site7 #footer .top i.fa, .site7 #footer .top .footer-menu li:before,.site7 .cix strong{color:#83bb26;}
.site8 h2.title, .site8 #blog .item:hover a, .site8 #footer .top h6, .site8 #footer .top i.fa, .site8 #footer .top .footer-menu li:before,.site8 .cix strong{color:#009fe3;}
#others .training:hover .info.border-site1,.mobils #others .training .info.border-site1{border-bottom:15px solid #575756;transition: 0.4s;}
#others .training:hover .info.border-site2,.mobils #others .training .info.border-site2{border-bottom:15px solid #e30f13;transition: 0.4s;}
#others .training:hover .info.border-site3,.mobils #others .training .info.border-site3{border-bottom:15px solid #249b38;transition: 0.4s;}
#others .training:hover .info.border-site4,.mobils #others .training .info.border-site4{border-bottom:15px solid #ef7d00;transition: 0.4s;}
#others .training:hover .info.border-site5,.mobils #others .training .info.border-site5{border-bottom:15px solid #7855fa;transition: 0.4s;}
#others .training:hover .info.border-site6,.mobils #others .training .info.border-site6{border-bottom:15px solid #881454;transition: 0.4s;}
#others .training:hover .info.border-site7,.mobils #others .training .info.border-site7{border-bottom:15px solid #83bb26;transition: 0.4s;}
#others .training:hover .info.border-site8,.mobils #others .training .info.border-site8{border-bottom:15px solid #009fe3;transition: 0.4s;}
.site1 #footer .top h6, .site1 #footer .top i.fa, .site1 #footer .top .footer-menu li::before {color: #bababa;}
.site1 #footer .middle{background-color:#02316B;}
/*social*/
.social .fa{ font-size:16px; margin-right:4px; }
.social a.fa-facebook:hover{ color:#3b5998 !important; }
.social a.fa-twitter:hover{ color:#00acee !important; }
.social a.fa-instagram:hover{ color:#dc1f62 !important; }
.social a.fa-linkedin:hover{ color:#3272bd !important; }
.social a.fa-google-plus:hover{ color:#d13f2d !important; }
.social a.fa-pinterest:hover{ color:#ce1e27 !important; }
.social a.fa-youtube-play:hover{ color:#ce332d !important; }
/*loading*/
.spinner{ position:fixed; top:0; left:0; z-index:999999999; width:100%; height:100%; background:#fff; align-items:center;display:flex;text-align:center;}
.spinner div{width:100%;}
.spinner span{ position:relative; display:block; margin:auto; width:200px; height:197px; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; animation-name:spinnerLogo;}
.spinner span:before{ content:""; display:block;width:140px;height:140px;z-index:-1; position:absolute; left:16%; top:18%; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; animation-name:spinnerColor;}
.spinner span:after{ content:""; display:block; z-index:-1; position:absolute; width:200px; height:197px; left:0; top:0;}
.spinner p{ color:#ddd; letter-spacing:3px; margin:0; }
body.load .spinner{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeOut; }
/*header*/
#header{padding-top:12px;}
#header #headerLeft{ position:relative; }
#header .logo{ display:block; margin:0 auto; }
#header .logo a{ display:block; height:92px; }
#header .logo .logo-left{ display:block; width:79px; height:76px; float:left; }
#header .logo .logo-left img{ width:100%; height:100%; display:block; object-fit:cover; }
#header .logo .logo-right{ max-width:160px; display:block; float:left; text-align:center; padding:32px 0 0 0; margin:0 0 0 15px; }
#header .logo .logo-right .logo-text{ margin:0 0 8px 0; }
#header #menuTop, #header .social{ display:inline-block; vertical-align:middle; margin:0 0 0 20px; }
#header .social a{ color:#ccc; font-size:14px; }
#header .header-top{margin-bottom:20px;}
#header .header-top ul > li{ display:inline-block; margin:0 -4px 0 15px; position:relative; }
#header .header-top ul > li a{ color:#b8b8b8; font-size:11px; font-weight:600; display:block; }
#header .header-top ul > li:hover > a{ color:#555; }
#header .header-top ul li ul{ display:none; position:absolute; left:-10px; top:13px; text-align:left; min-width:200px; background:#fff; padding:10px; z-index:999; box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); }
#header .header-top ul li ul > li{ display:block; margin:5px 0 0; }
#header .header-top ul li ul > li a{ color:#b8b8b8; font-size:11px; font-weight:600; border-bottom:1px solid #eee; display:block; padding:5px 0; }
#header .header-top ul li ul > li:last-child a{ border:none; }
#header .header-top ul li:hover > ul{ display:block; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#header #menu, #header .apply{ display:inline-block; vertical-align:top; margin:0 0 0 25px; }
#header #menu{ margin:0 0 -5px; position:relative; z-index:99; }
#header #menu ul > li{ display:inline-block; margin:0 -4px 0 15px; position:relative; }
#header #menu ul li > a{ color:#777; font-size:14px; font-weight:600; padding:13px 0 32px 0; display:block; position:relative; }
#header #menu ul li > a:after{ content:""; width:0; height:5px; position:absolute; bottom:0; left:0; display:block; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease;}
#header #menu ul li:hover > a:after{ width:100%; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease;}
#header #menu ul li ul {
display: none;
position: absolute;
left: 0;
top: 40px;
text-align: left;
min-width: 240px;
background: #fff;
padding: 10px;
z-index: 999;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
#header #menu ul li ul > li{ display:block; margin:5px 0 0; }
#header #menu ul li ul > li a{ font-size:13px; font-weight:600; border-bottom:1px solid #eee; display:block; padding:5px 0; }
#header #menu ul li ul > li:Hover a{ color:#03326c; }
#header #menu ul li ul > li:last-child a{ border:none; }
#header #menu ul li ul li a:after{height:1px; background-color:#03326c;}
#header #menu ul li:hover > ul{ display:block; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#header .apply{ font-size:12px; font-weight:600; letter-spacing:0.5px; padding:11px 14px; }
#header .other-logos{ position:absolute; top:90px; left:15px; z-index:99; background:#fff; width:100%; box-shadow:17px 41px 60px rgba(0, 0, 0, 0.3); display:none; }
#header #headerLeft:hover .other-logos{ display:block; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#header .other-logos .logo-left{ display:inline-block; width:40px; height:39px; vertical-align:middle; margin:0 10px 0 0; }
#header .other-logos li a{ display:block; border-bottom:1px solid #eee; padding:0 0 0 19px; }
#header .other-logos li:last-child a{ border:none; }
#header .other-logos .logo-right{ background-color:transparent; color:#03326c; font-weight:600; display:inline-block; padding:15px 0; width:calc(100% - 50px); position:relative; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#header .other-logos .logo-right:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#header .other-logos a:hover .logo-right{ padding:15px 0 15px 15px; color:#fff; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease;}
#header .other-logos a:hover .logo-right:before{ width:100%; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease;}
#header .other-logos a:hover .logo-left{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:jello;}
#header.fix{ position:fixed; top:0; left:0; width:100%; z-index:999; background:#fff; box-shadow:0 0 70px; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInDown; }
#header.fix .header-top{display:none;}
#header.fix .logo .logo-left{ width:54px; height:50px; }
#header.fix .logo a{height:60px;}
#header.fix .other-logos{ top:60px; left:5px; }
#header.fix .logo .logo-right{ padding-top:13px; }
/*slider*/
#slider .slider-content{ align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; color:#fff; }
#slider .slider-content .container{ position:relative; z-index:1; }
#slider .slider-content:before{ content:""; width:100%; height:100%; left:0; top:0; z-index:0; position:absolute;background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 68%);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 68%);background:linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 68%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);}
#slider .h2{ font-size:20px; font-weight:800; letter-spacing:8px; margin:0; }
#slider .h1{ font-size:60px; font-weight:700; margin:5px 0 0; }
#slider .description{ margin:30px 0; max-width:40%; line-height:21px; }
#slider .description p{ margin:0; }
#slider .item img{ width:100%; height:570px; object-fit:cover; }
#slider .active .h2{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#slider .active .h1{ -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#slider .active .description{ -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#slider .active .btn{ -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeIn; }
#slider .owl-controls{ position:relative; height:0; }
#slider .owl-controls .owl-dots{ position:absolute; right:15px; bottom:40px; text-align:right; }
#slider .owl-controls .owl-dots .owl-dot{display:block; margin-top:7px;height:13px;}
#slider .owl-controls .owl-dots .owl-dot span{ width:15px; display:block; background:#fff; border-radius:0; padding:0; height:13px; margin:0; float:right; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#slider .owl-controls .owl-dots .owl-dot.active span, #slider .owl-controls .owl-dots .owl-dot:hover span{ width:24px; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#slider video, #slider .item-video{ width:100%; display:block; height:570px; object-fit:cover; }
#slider .item{ overflow:hidden; }
/*sliderbottom*/
#sliderBottom{ border-top:5px solid #03326c; padding:30px 0; }
#sliderBottom .h3{ color:#fff; margin:0; }
#sliderBottom .row{ display:flex; align-items:center; }
#sliderBottom .btn {
background-color: #03326c;
width: 100%;
padding: 13px;
transition: 0.4s;
}
/*training*/
#training{ padding-top:40px; padding-bottom:40px; }
#training .top .title{ text-align:center; }
#training .top .description{ max-width:70%; text-align:center; margin:0 auto 50px; line-height:24px; }
#training .training{ height:340px; margin:0 0 30px; display:block; position:relative; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#training .training:hover{ margin:-10px 0 40px; box-shadow:0 40px 40px rgba(0, 0, 0, 0.3); transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#training .training a{ display:block; height:100%; }
#training .training .img{ position:relative; height:100%; }
#training .training .img img{ width:100%; height:100%; object-fit:cover; }
#training .training .title{ position:absolute; left:0; bottom:30px; width:100%; }
#training .training .title span{ padding:20px; background-color:#fff; display:inline-block; font-weight:600; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#training .training:hover .title span{ width:calc(100% - 30px); display:block; margin:auto; text-align:center; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#training .training .title span a{color:#575756; }
#training .training:hover .title span a{color:#fff; }
/*blog*/
#blog{ background:#eee; }
#blog .top{ padding:65px 0 40px; }
#blog .top .title{margin:0 0 20px;}
#blog .top .title:after{display:none;}
#blog .item .img{ border:15px solid #fff; border-bottom:none; overflow:hidden; width:100%; height:275px; }
#blog .item .img img{ height:100%; object-fit:cover; width:100%; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#blog .item:hover .img img{ transform:scale(1.1); transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#blog .item .title {
background: #fff;
padding: 15px;
height: 90px;
}
#blog .item .title a{color:#575756; font-weight:600; }
#blog .row{ position:relative; height:100%; display:flex; }
#blog #blogLeft .ex-img{ position:absolute; right:0; top:0; height:100%; width:auto; min-width:250%; text-align:right; display:flex; align-items:center; color:#fff; }
#blog #blogLeft .ex-img img{ width:100%; height:100%; object-fit:cover; position:absolute; right:0; z-index:0; }
#blog #blogLeft .ex-img img:last-child{z-index:9; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft;}
#blog #blogLeft .ex-title{ z-index:10; padding:0 10px; position:relative; height:100%; display:flex; align-items:center; text-align:right; overflow:hidden; }
#blog #blogLeft .ex-title span{padding-top:30px; text-shadow:-3px 0 9px rgba(0, 0, 0, 0.5);color:#fff; font-weight:600; font-size:35px; line-height:38px; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#blog #blogLeft .ex-title span a{color:#fff; }
#blog .bottom{ padding-bottom:64px; }
#blog .owl-controls{ display:none; }
#blog #blogLeft .controls{ position:absolute; right:0; z-index:99; bottom:64px; background:#eee; padding:5px; }
#blog #blogLeft .controls i{ cursor:pointer; font-size:17px; padding:5px 3px 0; display:inline-block; }
/*references*/
#references{ padding-top:55px; padding-bottom:45px; }
#references .item{ display:flex; align-items:center; height:60px; text-align:center; }
#references .item img{ width:auto; max-width:100%; height:auto; margin:auto; filter:grayscale(1); transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#references .item img:hover{ filter:grayscale(0); transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
/*video*/
#video{ background:url(../img/img.jpg) no-repeat center center; height:600px; width:100%; background-size:cover; position:relative;}
#video .video-content{ height:100%; display:flex; align-items:center; text-align:center; color:#fff; font-size:30px; font-weight:700; }
#video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-5; border:none; opacity:0.9; }
#video h3{ margin:0 auto 20px; text-align:center; display:block; }
#video h3 img{ margin:0 auto; display:block; }
/*services*/
#services{ padding-top:30px; padding-bottom:30px; }
#services .img{ width:105px; height:auto; margin:auto; }
#services .title{ color:#03326c; text-align:center; padding:10px 0 0; font-size:12px; font-weight:600; }
#services .title a{ color:#03326c; }
/*others*/
#others{ padding:60px 0; position:relative; }
#others:before{ content:""; background:#03326c; width:100%; position:absolute; left:0; top:0; height:310px; display:block; z-index:-2; }
#others .top{ text-align:center; }
#others .top .title{ color:#fff; font-size:30px; margin:15px 0 50px; }
#others .training{margin-bottom:30px; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease;}
#others .training:hover{ margin:-10px 0 40px; box-shadow:0 40px 40px rgba(0, 0, 0, 0.3); transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
#others .training .img{ height:250px; overflow:hidden; width:100%; }
#others .training .img img{ height:100%; width:100%; object-fit:cover; }
#others .training .info {
background: #f2f2f2;
padding: 15px;
border-bottom: 15px solid #e5e5e5;
height: 130px;
transition: 0.4s;
}
#others .training .info h5{ color:#575756; font-size:18px; margin:5px 0 15px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/*footer*/
#footer{ background:#4d4d4d; }
#footer .top{ padding:45px 0; }
#footer .top h6{ font-size:14px; font-weight:700; letter-spacing:1px; margin:0 0 17px; }
#footer .top li, #footer .top li a{ color:#fff; font-size:12px; }
#footer .top li{ padding:0 0 8px; }
#footer .top i.fa{ width:17px; text-align:center; font-size:18px; display:inline-block; vertical-align:middle; }
#footer .top i.fa-print{ font-size:16px; }
#footer .top i.fa-envelope{ font-size:14px; }
#footer .top i.fa-mobile{ font-size:22px; }
#footer .top .footer-menu ul{padding-left:12px;}
#footer .top .footer-menu li:before{ content:"\f061"; font-family:fontawesome; font-size:9px; padding-right:6px; margin:0 0 0 -12px; display:inline-block; vertical-align:middle; }
#footer .top a:hover{ opacity:0.7; }
#footer .middle{ text-align:center; padding-bottom:33px; }
#footer .middle img{ display:block; margin:auto; }
#footer .middle p{ margin:0; }
#footer .middle p:first-child img{ margin:-33px 0 10px; display:inline-block; }
#footer .bottom{padding:20px 0;}
#footer .bottom .copyright{ margin:0; color:#fff; font-size:12px; }
#footer .bottom .social{ text-align:right; }
#footer .bottom .social a{ color:#fff; }
/*inside*/
#inside .top{ position:relative; }
#inside .top img{ width:100%; height:300px; object-fit:cover; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeIn; }
#inside .top .title{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; }
#inside .top .title h2{ margin:0 0 10px; font-weight:700; font-size:40px; color:#fff; padding:60px 0 0 0; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#inside .top .breadcrumb{ padding:0; border-radius:0; background:none; margin:0; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#inside .top .breadcrumb li a, #inside .top .breadcrumb li{ color:#fff; font-size:12px; }
#inside .top .container{ position:relative; }
#inside .top .title:before{ content:""; position:absolute; width:100%; height:100%; z-index:0; opacity:0.5; }
#inside .bottom .content{ padding:30px 0; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeIn; }
#header.sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99999;
background: #fff;
padding-top: 10px;
box-shadow: 0 1px 10px #d8d8d8;
}
#header.sticky .header-top {
display: none;
}
#header.sticky .logo a {
height: 79px;
position: relative;
top: -6px;
}
#header.sticky #menu ul li > a {
padding: 13px 0 13px 0;
}
#header.sticky .header-bottom {
position: relative;
top: 14px;
}
#header.sticky #menu ul li ul > li {
margin: 0;
}
#header.sticky .other-logos {
top: 79px;
}
.yukaributon {
background: #03326C;
border-radius: 3px;
bottom: 70px;
color: #fff;
height: auto;
opacity: 0.3;
padding: 6px 12px;
position: fixed;
right: 30px;
transition: all 0.5s ease 0s;
width: auto;
display: none;
z-index: 11;
font-size: 22px;
}
.yukaributon:hover {
color: #fff;
opacity: 1;
}
.yukaributon i {
color: #fff;
font-size: 33px;
}
#header .buttons .pcgizle {
display: none;
}
#header .apply.whatsappsabit {
right: 27px;
bottom: 10px;
top: unset;
width: auto;
background: unset;
position: fixed;
z-index: 999;
padding: 0;
margin: 0;
left: unset !important;
}
#header #menu .pcgizle{display:none}
.mobils #header #menu .pcgizle{display:inline-block}
#header .apply.whatsappsabit:hover {
background: unset !important;
}
.clipc {display:none;}
.btn:focus{color:#fff;}
#sliderBottom .ajax-loader {
position: absolute;
}
/*responsive*/
@media (max-width:1440px){
/*hidpi*/
}
@media (max-width:1366px){
/*ipadpro*/
}
@media (max-width:1280px){
/*kindle,mdpi,touch*/
}
@media (max-width:1024px){
/*bbPlayBook,ipadmini,ipad,ipadpro*/
#header .logo a{ text-align:center; }
#header .logo .logo-left{ margin:auto; float:none; display:block; }
#header .logo .logo-right{ float:none; margin:auto; padding:10px 0 0 0; }
#header #menu ul > li{ margin-left:7px; }
#header #menu ul li > a{ letter-spacing:-1px; font-size:13px; }
#header .header-top{ padding:17px 0; }
#header.fix .logo .logo-right{ display:none; }
#training .training a{ font-size:13px; letter-spacing:-1px; }
#others .info .description{ height:40px; overflow:hidden; }
#sliderBottom .btn{ padding:13px 0; }
}
@media (max-width:950px){
/*touch*/
#header .header-top, #header #menu.collapse, #blog #blogLeft{display:none;}
#header #menu.collapse.in{display:block;}
.navbar-toggle{ display:inline-block; float:none; padding:10px; margin:0 0 0 -4px; background:#03326c; border-radius:0; color:#fff; line-height:0; font-size:19px; }
#header .logo .logo-left{ float:left; width:79px; height:76px; }
#header .logo .logo-right{ float:left; padding:32px 0 0 0; margin:0 0 0 15px; }
#header #headerLeft, #header #headerRight{ width:100%; float:none; }
#header #headerRight{ position:static; }
#header > .container{ position:relative; }
#header .buttons{ position:absolute; right:0; top:20px; }
#header.sticky .buttons {position: fixed;right: 20px !important;top: 26px;}
#header #menu > ul{ display:inline-block; vertical-align:top; width:49%; text-align:center; }
#header #menu > ul > li{ display:block; }
#header #menu ul li > a{ padding:10px 0; border-bottom:1px solid #eee; }
#header #menu ul li:hover > ul{ display:none; animation-name:none; }
#header #menu ul li:hover > a:after{ height:1px; }
#header #menu ul li ul{ position:relative; top:0; left:0; box-shadow:none; text-align:center; padding:0; }
#header #menu ul li ul > li:last-child a{ border-bottom:1px solid #eee; }
#header #menu{ margin:0; width:100% !important;}
#sliderBottom .row{ display:block; align-items:normal; }
#sliderBottom .h3{ text-align:center; margin:0 0 20px; }
#blog #blogRight{ width:100%; float:none; margin:0; }
#footer .contact{ text-align:center; padding-bottom:50px; }
#footer .top i.fa{ display:block; margin:8px auto 0; }
#header #headerLeft:hover .other-logos{animation-name:none;display:none;}
#header #headerLeft .other-logos.active{animation-name:fadeInLeft;display:block;-webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 999;}
#headerRight .sub-menu .sub-menu {position: relative !important;right: auto !important;background: #eee !important;}
}
@media (max-width:900px){
/*hidpi*/
}
@media (max-width:854px){
/*n9*/
}
@media (max-width:812px){
/*iphonex*/
}
@media (max-width:800px){
/*kindle,mdpi*/
#header #headerLeft:hover .other-logos { max-width: 290px; }
}
@media (max-width:768px){
/*ipadmini,ipad*/
}
@media (max-width:767px){
#header .buttons {
right: 15px;
top: 24px;
}
#header.sticky .buttons {
top: 26px;
}
#sliderBottom .row .row > div{ display:inline-block; width:33%; }
#blog #blogRight{ padding-left:15px; }
#footer .footer-menu{ text-align:center; }
#footer .top .footer-menu ul{ margin-bottom:50px; padding:0; }
#footer .top li{ padding-bottom:13px; }
#footer .top .footer-menu li:before{display:none;}
#footer .footer-menu li{ border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:10px 0; }
#footer .bottom .copyright, #footer .bottom .social{ text-align:center; }
#footer .bottom .copyright{ padding-bottom:20px; }
}
@media (max-width:736px){
/*iphone6plus,iphone7plus,iphone8plus*/
#sliderBottom .row .row > div{ width:32%; }
}
@media (max-width:732px){
/*nexus5x,nexus6p*/
}
@media (max-width:667px){
/*iphone6,iphone7,iphone8*/
#slider .h1{ font-size:40px;}
#slider .h2{ font-size:16px;}
#header{ padding-top:33px; }
#header .apply.mara {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
display: block;
margin: 0;
padding: 5px 0;
}
.site1 .btn.clipc {
background: #575756;
}
}
@media (max-width:640px){
/*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
}
@media (max-width:600px){
/*bbZ30,bbPlayBook*/
}
@media (max-width:568px){
/*iphone5*/
}
@media (max-width:533px){
/*lumia520*/
#sliderBottom .row .row > div{ width:99%; margin-bottom:10px; }
#sliderBottom .row .row > div:last-child{ margin-bottom:0; }
}
@media (max-width:480px){
/*n9,iphone4*/
#slider .description{ max-width:70%; }
}
@media (max-width:414px){
/*iphone6plus,iphone7plus,iphone8plus*/
#header .apply {
height: auto;
padding: 5px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: 0;
z-index: 999;
}
#header.sticky {
top: 29px !important;
}
#header.sticky .buttons {
top: 59px;
}
.site1 .btn.clipc {
background: #575756;
background: #063169;
}
#header .mbsyarim {
display: block !important;
width: 50%;
}
.btn.apply.mbsyarim:nth-child(2) {
left: 50% !important;
}
.clipc{display:block;}
#header .mara{background: #0A4792;}
#header .mara:hover {background: #03326C !important;}
}
@media (max-width:412px){
/*nexus5x,nexus6p*/
#footer .middle img{ padding:0 10px; }
#inside .top .title h2{ font-size:30px; padding:0; }
#inside .top img{ height:170px; }
}
@media (max-width:384px){
/*l70*/
}
@media (max-width:375px){
/*iphone6,iphone7,iphone8,iphonex*/
#inside .top .title h2{ font-size:27px; }
}
@media (max-width:360px){
/*note3,note2,s3,s5,lumia550,lumia950*/
#slider .item img, #slider .item-video{ height:440px; }
#slider .h1{ font-size:30px; }
#slider .h2{ font-size:13px; letter-spacing:3px; }
#slider .description{ max-width:80%; line-height:18px; }
}
@media (max-width:320px){
/*lumia520,iphone4,iphone5*/
#header .logo .logo-right{margin-left:5px; }
#header .logo{ margin-left:-5px; }
#header #menu > ul{ display:block; width:100%; }
#header #menu > ul > li{ display:block; margin:0; }
#header.sticky {position: absolute !important;}
#header.sticky #menu ul li > a {padding: 8px 0;}
#header.sticky .buttons {z-index: 99999;}
#header.sticky .header-bottom {top: 0;}
}
@keyframes spinnerLogo{
0%{ transform:scale(0.5); }
50%{ transform:scale(0.8); }
100%{ transform:scale(0.5); }
}
@keyframes spinnerColor{
0%{background-color:#575756;}
15%{background-color:#e30f13;}
25%{background-color:#249b38;}
35%{background-color:#ef7d00;}
50%{background-color:#7855fa;}
65%{background-color:#881454;}
75%{background-color:#83bb26;}
85%{background-color:#009fe3;}
100%{background-color:#575756;}
}