.hero-header,.product-header{
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center
}

#fancybox-loading,.btn-default.focus,.btn-default:focus,.btn-primary.focus,.btn-primary:focus,.cta-primary .btn-primary.focus,.cta-primary .btn-primary:focus{
cursor:pointer
}

.testmonials p,blockquote{
font-style:italic
}

.fancybox-nav,.footer-blog ul li a:active,.footer-blog ul li a:hover,.footer-blog ul li a:link,.footer-blog ul li a:visited,.portfolio-section figure .inner-overlay-content.with-icons a,.sidebar .nav>li>a,.vide-icon,.vide-icon:active,.vide-icon:hover,.vide-icon:link,.vide-icon:visited,a:focus,a:hover,footer a:active,footer a:hover,footer a:link,footer a:visited,ul.filter>li>a:focus,ul.filter>li>a:hover{
text-decoration:none
}

@media (min-width:768px){
body{
margin-top:65px
}

}

h1,h2,h3,h4,h5,h6{
font-family:Oxygen,sans-serif;
margin-top:0;
font-weight:600
}

.title-light,p{
font-family:'Source Sans Pro',sans-serif
}

blockquote,p{
font-weight:400;
line-height:25px;
color:#7a7c82
}

a,h1,h2,span{
color:#08c
}

h3,h4,h5,h6{
color:#333
}

h1{
font-size:24px;
line-height:55px
}

h2{
font-size:22px;
line-height:40px
}

h3{
font-size:20px;
line-height:20px
}

h4{
font-size:17px;
line-height:14px
}

h5{
font-size:16px;
line-height:12px
}

blockquote,h6,p{
font-size:14px
}

h6{
line-height:10px
}

p{
margin-bottom:15px
}

.title-underline,.title-underline-center{
height:3px;
width:70px;
background-color:#08c;
margin-top:5px;
margin-bottom:30px
}

a:focus,a:hover{
color:deepskyblue;
outline:0
}

.title-section{
font-size:42px
}

.title-regular{
font-weight:500;
color:#333
}

.title-underline{
margin-left:0
}

.title-light{
font-weight:300
}

.text-center{
text-align:center
}

.text-white{
color:#fff
}

.box-icon{
color:#08c;
position:relative;
line-height:0;
font-size:36px
}

.box-icon-absolute{
position:absolute;
top:0;
left:0
}

.social-icon{
font-size:24px;
padding:0 4px
}

.btn-primary{
background-color:#08c;
border-color:#08c;
color:#FFF;
outline:0
}

.btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{
color:#fff;
background-color:#08c;
border-color:#08c;
outline:0
}

.btn-default{
background-color:#08c;
border-color:#08c;
color:#FFF;
outline:0
}

.btn-default.active,.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default.focus,.btn-default:active,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{
color:#fff;
background-color:#08c;
border-color:#08c;
outline:0
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{
padding:3px 5px
}

.btn-link{
color:#08c;
}

.form-control,.progress-skillbar-title{
color:#7a7c82
}

.form-control{
width:100%;
padding:6px 12px;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
background-color:#eee;
font-size:14px
}

.form-control:focus{
-webkit-box-shadow:0 0 0;
-moz-box-shadow:0 0 0;
border:none;
outline:0
}

.progress-bar{
background-color:#08c;
line-height:15px
}

.progress{
height:15px
}

.progress-completed{
margin-left:10px;
color:#7a7c82
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
background-color:#08c;
color:#fff
}

.tabs .nav-tabs li.active a{
color:#fff
}

.tab-pane{
padding:15px 0
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
background-color:#08c;
border-color:#08c
}

.pagination>li>a,.pagination>li>span{
color:#7a7c82
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
color:#08c
}

.label-primary,.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
background-color:#08c
}

.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
background-color:#08c;
border-color:#08c
}

.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{
color:#fff
}

.panel-primary>.panel-heading{
background-color:#08c;
border-color:#08c;
}

.panel-primary{
border-color:#08c;
}

.row-eq-height{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}

.page-section,.page-section-no-padding{
width:100%;
display:block;
position:relative;
overflow:hidden;
}

.img-responsive{
width:100%;
height:auto;
}

.divider{
margin:0;
border-top:1px solid #eee;
}

.page-section{
padding:130px 0
}

.section-grey{
background-color:#eee;
-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,.07);
-moz-box-shadow:inset 0 0 7px rgba(0,0,0,.07);
box-shadow:inset 0 0 7px rgba(0,0,0,.07)
}

.col-centered{
display:inline-block;
float:none;
text-align:left;
margin-right:-4px
}

.padding-0{
padding:0
}

.margin-0{
margin:0
}

.margin-bottom-10{
margin-bottom:10px
}

.margin-bottom-15{
margin-bottom:15px
}

.margin-bottom-25{
margin-bottom:25px
}

.margin-bottom-30{
margin-bottom:30px
}

.margin-bottom-35{
margin-bottom:35px
}

.margin-bottom-40{
margin-bottom:40px
}

.margin-bottom-50{
margin-bottom:50px
}

.margin-bottom-60{
margin-bottom:60px
}

.margin-bottom-82{
margin-bottom:82px
}

.margin-bottom-130{
margin-bottom:130px
}

.margin-top-10{
margin-top:10px
}

.margin-top-25{
margin-top:25px
}

.margin-top-30{
margin-top:30px
}

.margin-top-35{
margin-top:35px
}

.margin-top-40{
margin-top:40px
}

.margin-top-45{
margin-top:45px
}

.margin-top-50{
margin-top:50px
}

.margin-top-60{
margin-top:60px
}

.margin-top-70{
margin-top:70px
}

.margin-top-100{
margin-top:100px
}

.margin-top-130{
margin-top:130px
}

.margin-top-182{
margin-top:182px
}

.padding-30{
padding:30px 0
}

.padding-60{
padding:60px 0
}

@media (max-width:991px){
.container-fluid,.row{
margin:0;
padding:0
}

}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{
margin-right:0;
margin-left:0
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form{
border:none
}

.logo{
max-width:150px;
height:auto;
padding:6px 0
}

@media(min-width:768px){
.navbar{
padding:20px 0;
-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
transition:background .5s ease-in-out,padding .5s ease-in-out
}

.top-nav-collapse{
padding:0
}

}

.navbar-nav{
margin-top:0
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
background-color:initial;
color:#08c
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
color:#08c
}

.navbar-default .navbar-nav>li>a{
color:#7a7c82;
font-size:16px;
font-weight:600
}

@media (min-width:768px){
.dropdown-menu>li>a{
color:#7a7c82;
background-color:initial
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
color:#fff;
background-color:#08c
}

.dropdown-menu li a{
width:200px;
padding:6px 15px;
font-size:14px;
font-weight:600
}

ul.nav li.dropdown:hover ul.dropdown-menu{
display:block;
margin-top:0
}

}

.dropdown-header{
font-weight:600;
padding:6px 15px;
font-size:16px;
color:#08c
}

.hero-header{
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
text-align:center;
color:#fff
}

.hero-header .intro-text{
padding-top:100px;
padding-bottom:50px
}

.hero-header .intro-text .intro-lead-in{
font-style:italic;
font-size:22px;
line-height:22px;
margin-bottom:25px
}

.hero-header .intro-text .intro-heading{
font-weight:700;
font-size:50px;
line-height:50px;
margin-bottom:25px
}

.hero-header .video-holder{
margin:25px 0
}

.hero-header video{
max-width:700px;
width: 100%
}

@media (min-width:768px){
.hero-header .intro-text{
padding-top:300px;
padding-bottom:200px
}

.hero-header .intro-text .intro-lead-in{
font-style:italic;
font-size:40px;
line-height:40px;
margin-bottom:25px
}

.hero-header .intro-text .intro-heading{
font-weight:700;
font-size:75px;
line-height:75px;
margin-bottom:50px
}

}

.product-header{
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
text-align:center;
color:#fff
}

.product-header .header-content{
text-align:center;
padding:150px 0 50px;
position:relative
}

.product-header .header-content .header-content-inner{
position:relative;
max-width:500px;
margin:0 auto
}

.product-header .header-content .header-content-inner h1{
margin-top:0;
margin-bottom:30px;
font-size:30px;
color:#fff
}

.product-header .header-content .header-content-inner p{
margin-top:0;
margin-bottom:30px;
font-size:16px;
color:#fff
}

.product-header img{
padding:50px 0
}

@media (min-width:768px){
.product-header{
min-height:100%
}

.product-header .header-content{
text-align:left;
padding:0;
height:100vh
}

.product-header .header-content .header-content-inner{
max-width:none;
margin:0;
position:absolute;
top:50%;
transform:translateY(-50%)
}

.product-header .header-content .header-content-inner h1{
font-size:35px
}

}

@media (min-width:992px){
.product-header .header-content .header-content-inner h1{
font-size:50px
}

}

.carousel-caption h3,.carousel-caption p{
color:#fff
}

.sidebar-header{
color:#08c
}

.sidebar .nav>li>a{
color:#333;
border-bottom:1px solid #ccc;
padding:10px;
display:block;
line-height:20px
}

.sidebar .caret-right{
border-bottom:4px solid transparent;
border-top:4px solid transparent;
border-left:4px solid;
display:inline-block;
height:0;
vertical-align:middle;
width:0;
margin-right:5px
}

.sidebar .widget{
margin:0 0 20px;
}

 .form-inline{
display:inline;
}

@media (max-width:500px){
.form-inline{
font-size:12px;
}

}

.page-header{
background-color:#1a2e46;
border-bottom:5px solid #ccc;
margin:0 0 35px;
min-height:50px;
padding:20px 0;
position:relative;
text-align:left
}

.page-header .breadcrumb{
background:0 0;
margin:-3px 0 0;
padding:0
}

.page-header h1{
border-bottom:5px solid #08c;
color:#FFF;
display:inline-block;
font-weight:600;
margin:0 0 -25px;
font-size:36px;
padding:0 0 17px
}

.page-header li{
color:#fff
}

.page-header-picture{
background:center no-repeat #333;
background-size:cover;
text-align:center
}

.page-header-picture-content{
background:rgba(0,0,0,.2);
padding:150px 0
}

.page-header-picture-content h2{
font-size:46px;
color:#fff
}

.page-header-picture-content p{
color:#fff;
margin:0
}

.sec-alternative{
background:#333
}

.sec-alternative h1,.sec-alternative h2,.sec-alternative h3,.sec-alternative h4,.sec-alternative h5,.sec-alternative h6,.sec-alternative p,.sec-alternative span.title-regular{
color:#fff
}

.sec-alternative .title-underline{
background-color:#fff
}

.sec-alternative .box-icon{
color:#eee;
line-height:0;
font-size:36px
}

.cta h2,.cta-primary p{
color:#fff
}

.cta{
padding:20px 15px
}

.cta h2,.cta p{
margin:0 0 15px;
text-align:center
}

.cta h2{
font-size:36px;
font-weight:400
}

.cta h2 span{
color:#fff;
font-weight:700
}

.cta-button{
margin:5px 0;
text-align:center
}

.cta-button a{
margin-right:15px
}

.cta-primary{
background-color:#08c
}

.cta-primary .btn-primary{
background-color:#fff;
border-color:#08c;
color:#08c;
outline:0
}

.btn-primary.active.focus,.cta-primary .btn-primary.active:focus,.cta-primary .btn-primary.active:hover,.cta-primary .btn-primary.activey,.cta-primary .btn-primary.focus,.cta-primary .btn-primary:active,.cta-primary .btn-primary:active.focus,.cta-primary .btn-primary:active:focus,.cta-primary .btn-primary:active:hover,.cta-primary .btn-primary:focus,.cta-primary .btn-primary:hover{
color:#fff;
background-color:#08c;
border-color:#08c;
outline:0
}

.feature .fa,.intro .fa{
display:block;
color:#08c
}

@media (min-width:992px){
.cta h2,.cta p{
text-align:left;
margin:0
}

.cta-button{
text-align:right
}

}

.fancybox-title-float-wrap,.feature-box .feature-box-icon,.filter-container,.filter-section h1,.portfolio-section figure .inner-overlay-content.with-icons,.product,.product ul,.video-container{
text-align:center
}

.intro .fa{
font-size:42px
}

.intro label{
font-size:18px;
margin:0
}

.intro label strong{
font-size:52px
}

.feature .fa{
font-size:64px;
margin-bottom:14px
}

.feature-box{
padding:15px 0
}

.feature-box h4{
margin:0
}

.feature-box .feature-box-icon{
background:#08c;
border-radius:35px;
color:#FFF;
display:inline-block;
float:left;
height:35px;
line-height:35px;
margin-right:10px;
position:relative;
width:35px
}

.team-member h2{
margin:0
}

.team-member h3{
font-weight:400
}

.team-member .col-md-4{
margin:50px 0
}

.team-content{
padding:50px 10px
}

.team-content i{
padding:0 10px;
font-size:30px
}

.spotlight-img-cont{
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
min-height:450px;
padding:30px 0
}

.spotlight-container{
padding:30px 0
}

@media (min-width:992px){
.spotlight-container{
padding-top:60px;
padding-bottom:60px
}

.spotlight-img-cont{
margin:0
}

}

.product{
box-shadow:0 0 5px rgba(0,0,0,.5);
color:#333;
line-height:30px;
background-color:#fff;
}

.product ul{
list-style:none;
margin:0;
padding-left:0
}

.product ul li{
padding:10px 0
}

.product ul li i{
margin-right:5px
}

.product .price{
padding:40px 10px 20px;
font-size:64px;
font-weight:600
}

.product .price small{
display:block;
font-size:12px;
margin-top:10px
}

.product .type{
background-color:#08c;
padding:20px;
font-weight:900;
text-transform:uppercase;
font-size:30px
}

.popular .type{
background-color:#333
}

.product .pricing-footer{
padding:20px
}

.popular .pricing-footer .btn-primary{
background-color:#fff;
border-color:#08c;
color:#08c;
outline:0
}

.popular .pricing-footer .btn-primary.focus,.popular .pricing-footer .btn-primary:focus{
color:#fff;
background-color:#08c;
border-color:#08c;
cursor:pointer;
outline:0
}

.popular .pricing-footer .btn-primary.active.focus,.popular .pricing-footer .btn-primary.active:focus,.popular .pricing-footer .btn-primary.active:hover,.popular .pricing-footer .btn-primary.activey,.popular .pricing-footer .btn-primary:active,.popular .pricing-footer .btn-primary:active.focus,.popular .pricing-footer .btn-primary:active:focus,.popular .pricing-footer .btn-primary:active:hover,.popular .pricing-footer .btn-primary:hover{
color:#fff;
background-color:#08c;
border-color:#08c;
outline:0
}

.pricing-table>.col-lg-3,.pricing-table>.col-lg-4,.pricing-table>.col-md-3,.pricing-table>.col-md-4,.pricing-table>.col-sm-3,.pricing-table>.col-sm-4{
padding-left:0;
padding-right:0
}

@media (max-width:768px){
.pricing-table>.col-lg-3,.pricing-table>.col-lg-4,.pricing-table>.col-md-3,.pricing-table>.col-md-4,.pricing-table>.col-sm-3,.pricing-table>.col-sm-4{
padding-left:0;
padding-right:0;
margin:20px 0
}

}

.product.popular{
margin-top:-20px;
background-color:#08c
}

.testmonial{
padding:50px
}

.testmonial img{
padding:25px
}

.blockquote-footer{
background-color:initial;
padding:0
}

.client-logo{
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}

.client-logo:hover{
-webkit-filter:grayscale(0);
filter:grayscale(0)
}

.blog-listing article{
margin-bottom:50px
}

.blog-listing h2{
margin-bottom:0
}

.blog-listing .img-thumbnail{
margin-bottom:15px
}

.blog-listing .title-underline{
margin-top:5px;
margin-bottom:5px
}

.post-meta{
font-size:14px;
margin:0 0 15px
}

.post-meta span{
margin-right:5px
}

ul.post-list{
list-style:none;
margin:0;
padding:0
}

ul.post-list li{
border-bottom:1px dotted #ccc;
padding:15px 0
}

ul.post-list .post-image{
float:left;
margin-right:12px
}

ul.post-list .post-info{
line-height:18px;
padding:12px 0
}

ul.post-list .post-meta{
color:#eee;
font-size:.8em
}

.tags a{
display:inline-block;
margin:0 2px 5px 0;
padding:3px 10px;
border:1px solid #333;
color:#333;
letter-spacing:1px
}

.tags a:hover{
background:#333;
color:#fff;
border:1px solid #eee
}

.post-block{
border-top:1px solid #eee;
margin:15px 0 0;
padding:20px 0 15px
}

.post-block ul{
padding:0
}

.post-block h3{
font-weight:200;
margin:20px 0
}

.post-block h3 i{
margin-right:7px
}

.post-author .img-thumbnail{
display:inline-block;
max-width:150px;
margin-right:15px
}

.post-author p{
font-size:.9em;
line-height:22px;
margin:0;
padding:0
}

ul.comments li{
clear:both;
padding:30px 0 0 115px;
list-style:none
}

ul.comments li img.avatar{
height:80px;
width:80px
}

ul.comments li .img-thumbnail{
margin-left:-115px;
position:absolute
}

ul.comments .comment-block{
background:#eee;
padding:20px 20px 30px;
position:relative
}

ul.comments .comment-block .comment-by{
display:block;
margin:0;
padding:0 0 5px
}

@media (max-width:479px){
ul.comments li{
clear:both;
padding:0 0 0 10px
}

ul.comments li .img-thumbnail{
display:none
}

ul.comments .comment-block{
margin:15px 0
}

}

.testmonial-container{
background-position:center top;
background-size:100% auto
}

.testmonial-content{
background:rgba(0,0,0,.5);
padding:50px 0
}

.testmonial-content p{
color:#fff
}

#map{
height:742px
}

.map-page-header #map{
height:400px
}

.contact-container{
padding:100px 30px
}

footer{
background-color:#222;
padding:60px 0
}

footer a,footer p{
color:#fff
}

footer ul{
padding:0
}

.footer-blog ul li,.footer-menu ul li{
list-style:none;
padding:0 0 10px
}

.footer-logo{
width:70px;
margin-bottom:30px
}

.footer-menu h4{
color:#fff;
margin-bottom:30px
}

.footer-blog h4{
color:#fff;
margin-bottom:30px
}

footer .col-md-3{
margin-bottom:35px
}

.footer2-container{
background-color:#111;
width:100%;
background-position:center top;
background-size:100% auto;
padding:20px 0;
margin:0
}

.video-container{
background:center top fixed #333;
background-size:100% auto;
text-decoration:none
}

.video-content{
background:rgba(0,0,0,.5);
padding-top:50px;
padding-bottom:50px;
color:#fff;
font-size:36px
}

.vide-icon{
font-style:none;
color:#eee;
font-size:36px
}

.hovereffect{
overflow:hidden
}

.hovereffect .overlay{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0
}

.hovereffect img{
display:block;
position:relative;
-webkit-transition:all .3s ease-in;
transition:all .3s ease-in
}

.hovereffect .info{
transition:all .3s ease-in;
opacity:0;
filter:alpha(opacity=0);
color:#fff
}

.hovereffect:hover .info{
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}

.hovereffect:hover img{
-webkit-filter:brightness(50%);
filter:brightness(50%)
}

.portfolio-section{
padding-bottom:40px
}

.filter-section{
padding-top:40px
}

.filter-container{
padding:20px
}

ul.filter>li>a{
color:#7a7c82;
font-size:20px;
line-height:40px
}

ul.filter>li>a:focus,ul.filter>li>a:hover{
color:#c84600;
outline:0
}

ul.filter>li.active a{
color:#08c
}

ul.filter>li span{
color:#7a7c82;
font-size:20px;
display:inline-block;
margin:0 5px
}

.filter-section .filter-container .filter>li{
padding:0;
margin:0
}

.portfolio-section.port-col figure .overlay-background{
background-color:#000;
background-color:rgba(0,0,0,.4)
}

.portfolio-section figure{
float:left;
width:100%;
position:relative
}

.portfolio-section figure img{
width:100%;
height:auto
}

.portfolio-section .article-title{
text-align:center;
float:left;
width:100%;
font-size:18px;
line-height:24px;
padding:10px 0 30px
}

.portfolio-section figure:hover .overlay{
opacity:1;
visibility:visible
}

.portfolio-section figure:hover .overlay-background{
opacity:.8;
visibility:visible
}

.portfolio-section figure .overlay-background{
z-index:1;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
position:absolute;
top:0;
left:0;
opacity:0;
visibility:hidden;
width:100%;
height:100%
}

.portfolio-section figure .overlay-background .inner{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
margin:0;
background-color:#c8e9c8;
background-color:rgba(0,0,0,.8)
}

.portfolio-section figure .overlay{
z-index:2;
transition:all .2s ease-in-out;
position:absolute;
top:0;
left:0;
opacity:0;
visibility:hidden;
width:100%;
height:100%
}

.portfolio-section figure .inner-overlay{
display:table;
width:100%;
height:100%
}

.portfolio-section figure .inner-overlay-content{
display:table-cell;
vertical-align:middle;
width:100%;
padding:20px 40px
}

.portfolio-section figure .inner-overlay-content.with-icons a{
width:40px;
height:40px;
line-height:42px;
display:inline-block;
margin:0 10px;
font-size:20px;
background:rgba(0,0,0,.9);
color:#fff;
border-radius:0
}

.isotopeSelector{
padding-bottom:30px
}

.project-content{
padding:20px
}

.isotopeSelector img{
-webkit-transition:all 0s ease;
-moz-transition:all 0s ease;
-ms-transition:all 0s ease;
-o-transition:all 0s ease;
transition:all 0s ease
}

.isotopeSelector:hover img{
-moz-transform:scale(1) rotate(0);
-webkit-transform:scale(1) rotate(0);
-o-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
-webkit-transition:all 0s ease;
-moz-transition:all 0s ease;
-ms-transition:all 0s ease;
-o-transition:all 0s ease;
transition:all 0s ease
}

.isotopeSelector figure{
overflow:hidden;
box-shadow:0 0 2px rgba(0,0,0,.2)
}

.portfolio-section .info-head{
margin-bottom:10px
}

.portfolio-section .info-head h3{
font-size:26px;
line-height:20px;
color:#08c
}

.portfolio-section .info a,.portfolio-section .info p,.portfolio-section .info-head h4{
color:#fff
}

.grid:after{
content:'';
display:block;
clear:both
}

.grid-item,.grid-sizer{
width:33.333%
}

.grid-item{
float:left
}

.grid-item img{
display:block;
max-width:100%
}

.isotpe-gallery{
padding:0
}

.portfolio-details{
font-size:12px
}

.portfolio-gallery{
margin-top:30px;
margin-bottom:30px
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{
padding:0;
margin:0;
border:0;
outline:0;
vertical-align:top
}

.fancybox-wrap{
position:absolute;
top:0;
left:0;
z-index:8020
}

.fancybox-inner,.fancybox-outer,.fancybox-skin{
position:relative
}

.fancybox-skin{
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}

.fancybox-opened{
z-index:8030
}

.fancybox-opened .fancybox-skin{
-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
box-shadow:0 10px 25px rgba(0,0,0,.5)
}

.fancybox-inner{
overflow:hidden
}

.fancybox-type-iframe .fancybox-inner{
-webkit-overflow-scrolling:touch
}

.fancybox-error{
color:#444;
margin:0;
padding:15px;
white-space:nowrap
}

.fancybox-iframe,.fancybox-image{
display:block;
width:100%;
height:100%
}

.fancybox-image{
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
background-image:url(../index.html)
}

#fancybox-loading{
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
z-index:8060
}

.fancybox-close,.fancybox-nav,.fancybox-nav span{
cursor:pointer;
z-index:8040;
position:absolute
}

#fancybox-loading div{
width:44px;
height:44px;
background:url(../index.html) center center no-repeat
}

.fancybox-close{
top:-18px;
right:-18px;
width:36px;
height:36px
}

.fancybox-nav{
top:0;
width:40%;
height:100%;
background:url(../index.html);
-webkit-tap-highlight-color:transparent
}

.fancybox-prev{
left:0
}

.fancybox-next{
right:0
}

.fancybox-nav span{
top:50%;
width:36px;
height:34px;
margin-top:-18px;
visibility:hidden
}

.fancybox-prev span{
left:10px;
background-position:0 -36px
}

.fancybox-next span{
right:10px;
background-position:0 -72px
}

.fancybox-nav:hover span{
visibility:visible
}

.fancybox-tmp{
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible
}

.fancybox-lock,.fancybox-lock body{
overflow:hidden
}

.fancybox-lock{
width:auto
}

.fancybox-lock-test{
overflow-y:hidden
}

.fancybox-overlay{
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(../index.html)
}

.fancybox-overlay-fixed{
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay{
overflow:auto;
overflow-y:scroll
}

.fancybox-title{
visibility:hidden;
position:relative;
text-shadow:none;
z-index:8050
}

.fancybox-opened .fancybox-title{
visibility:visible
}

.fancybox-title-float-wrap{
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050
}

.fancybox-title-float-wrap .child{
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:0 0;
background:rgba(0,0,0,.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}

.fancybox-title-outside-wrap{
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap{
padding-top:10px
}

.fancybox-title-over-wrap{
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}

html.fancybox-lock{
overflow:visible
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
background-image:url(../index.html);
background-size:44px 152px
}

#fancybox-loading div{
background-image:url(../index.html);
background-size:24px 24px
}

}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-nav [class*=owl-]{
background:#08c
}

.menu_2s_o{
    display:block;
    width:1290px;
    height:33px;
    padding:1px;
    margin:0 auto
}
.menu_2s_e_ul{
    list-style:none
}
.menu_2s_e_ul>li{
    display:inline-block;
    cursor:pointer;
    width:199px;
    color:#fff
}
.menu_2s_e_ul>li:hover 
.egitimler_menu{
    display:block
}
.egitimler_menu{
    display:none;
    position:absolute;
    height:399px;
    width:699px;
    background:0 0;
    z-index:999;
}
.msagda{margin-left:79px
}
.egitimler_menu_ktg{
    list-style:none;
    display:block;
    width:200px;
    float:left;
    background: linear-gradient(180deg,rgba(27,96,155,1) 0,rgba(41,154,149,1) 100%);
        
}
.egitimler_menu_ktg>li{
    display:block;
    width:200px;
    height:33px;
    line-height:33px;
    padding-left:3px
}
.egitimler_menu_ktg>li:hover{
    background-color:linear-gradient(180deg,rgba(27,96,155,1) 0,rgba(41,154,149,1) 100%);
    color:#c1c1c1;
    transition:all 

}
.egitimler_menu_ktg>li a{
    display:block;
    padding-left:5px
}
.egitimler_menu_ktg_egt{
    list-style:none;
    display:none;
    position:absolute;
    right:0;
    top:0;
    height:400px;
    width:600px;
    float:right;
    background-color:#fff
}
.egitimler_menu_ktg_egt>li{
    margin-top:2.1px;
    width:499px;
    height:71px;
    color:#333;
    border-top:1px solid #f3f3f3;
    border-bottom:1px solid #f3f3f3;
    background:#f3f3f3
}
.egitimler_menu_ktg_egt>li:hover{
    background:#fff;
    transition:all 

}
.egitimler_menu_ktg_egt>li img{
    width:99px;
    height:63px;
    border-radius:3px;
    padding-left:3px;
    -webkit-box-shadow:5px 5px 13px 0 rgba(0,0,0,.33);-moz-box-shadow:5px 5px 13px 0 rgba(0,0,0,.33);box-shadow:5px 5px 13px 0 rgba(0,0,0,.33)
}
.egitimler_menu_ktg_egt>li span.kurs_adi{
    font-weight:700;
    font-size:9pt
}
.egitimler_menu_ktg_egt>li span.egitimci{
    font-size:7.33pt;
    display:block;
    float:left;
    width:199px;
    font-weight:700
}
.egitimler_menu_ktg_egt>li span.oylama{
    font-size:8pt;
    color:#c90;
    display:block;
    float:left;width:99px
}
.egitimler_menu_ktg_egt>li span.kurs_turu{
    font-size:7pt;
    color:#1b609b;
    display:block;float:left;
    width:77px
}
.egitimler_menu_ktg_egt>li a.tumunu_gor{
    background:#333;
    color:#fff;
    text-align:center;
    font-size:9pt;
    height:25px;
    line-height:25px;
    display:block;
    position:absolute;
    bottom:3px
}
.egitimler_menu_ktg_egt>li a.tumunu_gor:hover{
    color:#fff;background:#090
}
.egitimler_menu_ktg>li:hover 
.egitimler_menu_ktg_egt{
    display:block
}
@media screen and (max-width:1299px){.menu_1s_o{
    width:900px}.menu_2s_o{
        width:900px
    }
    .menu_2s_logo{
            margin-left:401px;
        width:87px;
        height:77px;
        top:1.3%
    }
}
.mbm_kurslar_genel_hat{
    width:100%;display:none
}
.mbm_kurslar_li_al{
    margin-top:1px;
    width:100%;
    height:107px;
    color:#333;
    border-top:1px solid #f3f3f3;
    border-bottom:1px solid #f3f3f3;
    background:#f3f3f3
}
.mbm_kurslar_li_al 
.mbm_kurs_images{
    width:75px;
    height:55px;
    padding-left:3px
}
.mbm_kurslar_li_al span.kurs_adi{
    display:block;
    height:39px;
    font-weight:700;
    font-size:8pt
}
.mbm_kurslar_li_al span.egitimci{
    font-size:7pt;
    display:block
}
.mbm_kurslar_li_al span.oylama{
    font-size:7pt;
    color:#c90;
    display:block
}
.mbm_kurslar_li_al span.kurs_turu{
    font-size:7pt;
    color:#1b609b;
    font-weight:700;
    display:block
}
.mbm_kurslar_li_al a.tumunu_gor{
    background:#fff;
    color:#9b9b9b;
    text-align:center;
    font-size:7pt;
    height:108px;
    line-height:43px;
    display:block
}
.mbm_kurslar_li_al a.tumunu_gor:hover{
    color:#fff;
    background:#090
}
#mobil_menu{display:block;width:100%;background:#1b609b;position:relative;top:0;left:-1px;text-align:center;color:#fff;min-height:49px;padding-top:5px;height:auto}#mobil_menu #mbm_menu_ac{float:left;width:63px;text-align:center}#mobil_menu #mbm_kullanici{float:right;width:63px;text-align:center}#mobil_menu #mbm_sepet{float:right;width:63px;text-align:center}#mobil_menu #mbm_ara{float:left;width:63px;text-align:center}.mbm_tus{border:1px solid #fff;height:37px;width:37px;line-height:37px;border-radius:19px;font-size:14pt;display:block;margin:0 auto}#mbm_logo{position:absolute;z-index:99;left:0;right:0;margin-left:auto;margin-right:auto;width:63px;top:-1px}#mbm_logo img{width:63px}.mbm_icerik{display:none;list-style:none;margin-top:49px;height:99vh;background:#03325a}.mbm_icerik .cmp_icerik{width:100%;background:#fff;height:63px;font-size:21px;margin-bottom:3px;color:#333;font-weight:700;text-align:left;padding-left:15px;display:flex;direction:row}.mbm_icerik .cmp_icerik i{display:block;font-size:41px;width:49px;margin-top:9px;color:#45b4ae}.mbm_icerik .cmp_icerik span.cizgi{display:block;border:1px dashed #ccc;height:55px;margin-top:4px}.mbm_icerik .cmp_icerik span.yzi{display:block;font-size:17px;margin-top:17px;margin-left:9px;color:#393a3a}.mbm_ortala{width:100%;height:auto;border-bottom:1px solid #5f5f5f;text-align:center}.mbm_icerik .mbm_owl_item{display:block;float:left;width:100%;margin:1%;height:43px;line-height:43px;color:#fff;cursor:pointer;border:1px solid #fff;font-size:9pt}.mbm_dil_ve_para{display:block;float:left;width:49%;margin-left:1%;margin-top:1%;margin-bottom:1%}.a-owl-left{display:block;position:absolute;top:1px;left:0;font-size:10pt;color:#777;height:43px;line-height:44px;width:23px;background:#fff}.a-owl-right{display:block;position:absolute;top:1px;right:0;font-size:10pt;color:#777;height:43px;line-height:44px;width:23px;background:#fff}.a-owl-left2{display:block;position:absolute;top:1px;left:0;font-size:9pt;color:#fff;height:107px;line-height:113px;width:23px;background:#1b609b}.a-owl-right2{display:block;position:absolute;top:1px;right:0;font-size:9pt;color:#fff;height:107px;line-height:113px;width:23px;background:#1b609b}.sepet_tarz{width:100%;height:auto;display:flex;flex-direction:row;border:1.63px solid #f1f1f1;padding:15px}.sepet_tarz span.d{width:63px;height:63px;line-height:63px;border-radius:50%;border:1.63px solid #666;text-align:center;font-size:24pt;color:#666}.sepet_tarz span.y{color:#333;font-size:11pt;width:63%}.sepet_tarz span.c{display:block;width:3px;border-left:1px dashed #ccc;margin-left:13px;margin-right:13px}.all-btn{display:block;height:37px;line-height:37px;text-align:center;padding:0 23px 0 23px;border:none;border-color:none;font-size:11pt}.kurs_son_kayit_tarihi{display:block;border:1.7px solid #299a95;color:#299a95;text-align:center;height:49px;width:163px;border-radius:3px;padding:0;line-height:23px}@media screen and (max-width:1200px){.kurs_son_kayit_tarihi{display:none}}.kurs_son_kayit_tarihi span.ks_baslik{display:block;font-size:8pt;font-weight:300;color:#299a95;height:auto;margin-top:0;margin-bottom:0;padding-top:6px;line-height:1}.kurs_son_kayit_tarihi span.ks_tarih{margin-top:0;margin-bottom:0;color:#299a95;line-height:0;font-size:12pt;font-weight:700}.resimler ul{margin:0;padding:0;list-style:none;width:100%;float:left}.resimler ul a li{width:100%;height:33px;padding:0}.resimler ul a{display:block;float:left;border:1px solid #ddd;color:#333;border-radius:3.3px;background:#fff;padding:5px;height:42px;margin:0 9px 9px 0;width:calc(33.3333% - 13px)}.resimler ul a.ozel{background:#299a95;border:none}.resimler ul li img{max-height:28px;max-width:28px;float:left}.resimler ul li>i{max-height:28px;max-width:28px;float:left;color:#333}.resimler ul li span{float:left;line-height:30px;margin-left:5px;padding-left:5px;border-left:1px solid #eee;width:calc(100% - 33px);font-size:9pt;color:#333}.resimler ul li span>i{font-size:7pt;font-style:normal}.kurs-fiyatlar-baslik{font-size:18pt;color:#333}.kurs-fiyatlar{display:flex;flex-direction:row}.kurs-fiyatlar-iframe-cerceve{background:#fff;float:left;width:463px;padding-left:1.9%;padding-right:1.9%;position:relative}.kurs-video{position:absolute;z-index:-99;width:100%;min-height:100vh}.kurs-video-fixed{position:fixed;top:0}.kurs-fiyatlar-iframe-cerceve iframe{border:none;width:100%;min-height:auto}@media screen and (max-width:480px){.kurs-fiyatlar-iframe-cerceve iframe{border:none;width:100%}}.kurs-fiyatlar-iframe-icerik{float:left;width:calc(100% - 463px);padding-left:15px}.kurs-fiyat-blok{display:flex;flex-direction:row}.kurs-fiyatlar .fiyat-eleman{margin-left:15px;border-left:1px dashed #ccc}.kurs-fiyatlar .fiyat-buton{display:block;width:199px;height:49px;line-height:49px;text-align:center;color:#fff;background:#1b5f9b;border-radius:3px;font-size:10pt}.kurs-fiyatlar .fiyat-buton-mobil{display:block;width:47%;float:left;margin-right:5px;height:49px;line-height:49px;text-align:center;color:#fff;background:#1b5f9b;border-radius:3px;font-size:10pt}.kurs-fiyatlar .fiyat-buton-ciftli{display:block;width:47%;height:49px;line-height:49px;text-align:center;color:#fff;background:#1b5f9b;border-radius:3px;font-size:9pt;float:left;margin-left:5px}.kurs-fiyatlar-iframe{display:block;width:453px;border-radius:5px;position:relative}.kurs-fiyatlar-iframe-play{position:absolute;width:81px;height:81px;top:0;left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;z-index:11;cursor:pointer}.kurs-fiyatlar-iframe-play i{display:block;font-size:29pt;width:81px;height:81px;line-height:81px;border:3px solid #fff;color:#fff;border-radius:50%;padding-left:9px;text-align:center}.kurs-fiyatlar-iframe-cerceve:hover .kurs-fiyatlar-iframe-play i{font-size:33pt;width:95px;height:95px;line-height:95px;transition:all .5s ease-in}.kurs-fiyatlar-iframe-cerceve:hover .kurs-fiyatlar-iframe-play{width:95px;height:95px;transition:all .5s ease-in}.kurs-fiyatlar-egitimci{display:flex;flex-direction:row;padding:13px;margin-top:20px;background:#fafafa;width:98%;border-radius:5px}.kurs-fiyatlar-egitimci2{padding:7px;margin-top:20px;width:99%;border-top:1px solid #f3f3f3}.orgun_egitimciler_hizli_goster{padding:5px;width:12.5%;float:left;text-align:center}@media only screen and (max-width:767px){.kurs-fiyatlar-egitimci2{display:block}.orgun_egitimciler_hizli_goster{width:50%;float:left;border:none}}.kurs-fiyatlar-egitimci-gorsel{width:63px;height:63px;border-radius:50%}.egitimci_aciklama_yazisi{white-space:nowrap;overflow:hidden;max-width:calc(99% - 63px);border-left:1em solid transparent;border-right:1em solid transparent;text-overflow:ellipsis;padding-top:5px;padding-left:5px}.kurs-fiyatlar-egitimci-adi{color:#333;font-weight:700}.kurs-fiyatlar-egitimci-aciklama{color:#666;font-size:9pt}#mobil_serit{display:none}@media only screen and (max-width:767px){#masaustu_serit{display:none}#mobil_serit{display:block}.resimler ul li{margin:0 9px 9px 0;width:calc(50% - 9px)}.resimler ul li span{font-size:9pt}.resimler ul li span>i{font-size:5.5pt;font-style:normal}}@media only screen and (max-width:1200px){.kurs-fiyat-blok{width:100%;margin-top:15px}.kurs-fiyatlar-iframe-cerceve{width:100%}.kurs-fiyatlar-iframe-icerik{width:100%}.kurs-fiyatlar-iframe{width:100%}.kurs-fiyatlar-baslik{font-size:18pt;color:#333;text-align:center;margin-top:19px}}@media only screen and (max-width:1363px){.resimler ul a{margin:0 9px 9px 0;width:calc(50% - 9px)}}.mobilde_kurs_fiyat{width:100%;position:fixed;bottom:0;height:89px;background:#fff;z-index:9}.mobilde_kurs_fiyat .butonlar{float:left;margin:5px;width:63%;margin-top:6.3px}.mobilde_kurs_fiyat .fiyat{color:#fff;display:block;float:left;width:111px;height:52px;background:#fff;padding-left:5px;margin:5px;border-radius:3px}.kurs_tab_menu{width:100%;height:28px;background:#ebebeb}.kurs_tab_menu_item{float:left;margin-left:1%;height:27px;line-height:27px;font-weight:700;width:24%;font-size:9pt;border-right:1px solid #bfbfbf;text-align:center}.kurs_tab_menu_item:hover{background:#299a95;color:#fff}.masaustu_icerik_fixed{background:#fff;z-index:9;position:fixed;bottom:0}.yazinin_devamini_gor_acik{color:inherit;font-size:inherit}.yazinin_devamini_gor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;max-height:31px;display:block;position:relative;border:1px solid #e6e6e6;padding-top:2px;padding-left:5px;font-style:italic}.yazinin_devamini_gor_btn{width:133px;height:21px;line-height:22px;font-size:10pt;background:#666;cursor:pointer;text-align:center;color:#fff;border-radius:3px;position:absolute;top:2px;right:2px}.kullanici_kolay_menu{display:none;position:absolute;margin-left:-67px;margin-top:-3px;z-index:9999;width:163px;height:263px;background:#333;color:#fff;text-align:center;border-radius:3px}.kullanici_kolay_menu>a{color:#fff}.kullanici_kolay_menu_elm{display:block;height:27px;text-align:left;padding:11px;font-size:9pt;cursor:pointer}.kullanici_kolay_menu_btn:hover .kullanici_kolay_menu{display:block}.kullanici_kolay_menu_btn:hover .kullanici_kolay_menu:before{background-color:#333;content:"";height:17px;position:absolute;margin-top:-7px;z-index:-1;width:17px;margin-left:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.ibe-mentors{padding:35px 0}.ibe-mentors h3{font-size:28px;font-weight:600;color:#303030;margin-bottom:50px}.ibe-mentors-inner{padding:0 30px}.ibe-mentor{padding:15px;border:2px solid #dee8ec;margin-bottom:30px;background-color:#fff;transition:all .2s ease;text-align:center}.ibe-mentor img{border-radius:50%;display:block;border:2px solid #fff;margin-bottom:20px;width:94px;height:94px;margin-left:auto;margin-right:auto}.ibe-mentor .ibe-title{font-size:18px;font-weight:600;color:#303030;display:block;transition:all .2s ease}.ibe-mentor .ibe-job{font-size:14px;font-weight:400;color:#303030;display:block;transition:all .2s ease}.ibe-mentor:hover{background-color:#1b609b;border-color:#1b609b}.ibe-mentor:hover .ibe-job,.ibe-mentor:hover .ibe-title{color:#fff}.kimler_kayit_oldu{width:363px;height:84px;line-height:21px;z-index:9;background:#000;border-radius:1px;position:fixed;left:1%;bottom:1%;padding:9px;display:flex;flex-direction:row;animation-name:example;animation-duration:2s;opacity:.9}@keyframes example{0%{left:-1%;opacity:0}100%{left:1%;opacity:.9}}@media only screen and (max-width:767.98px){.kimler_kayit_oldu{width:97%}}.kimler_kayit_oldu>img{width:63px;height:63px;margin-top:5px;border-radius:50%;border:1.33px solid #fff}.kimler_kayit_oldu>div{margin-left:5%}.kimler_kayit_oldu .adi{font-size:13pt;font-weight:500;color:#fff}.kimler_kayit_oldu .kurs{font-size:7.63pt;color:#fff}.kimler_kayit_oldu .tarih{font-size:7.33pt;background:#b90000;color:#fff;padding:3px 15px;border-radius:1px;font-weight:400}.yan_yana{display:flex;flex-direction:row}.sertifika-sorgula{width:100%}.sertifika-sorgula img{width:133px;height:133px;border-radius:63px;display:block;margin-left:auto;margin-right:auto}.sertifika-sorgula h3{width:100%;margin-top:9px;text-align:center;display:block}.sorgu-sertifika{position:relative;margin-top:63px;width:100%}.sorgu-sertifika img{width:100%}.sorgu-sertifikalar-baslik{width:100%;text-align:center;font-size:13pt;font-weight:700;display:block;padding:5px}.sorgu-sertifika:hover .sorgu-ser-hover_siyah{display:block}.sorgu-sertifika:hover .sorgu-ser-hover{display:block}.sorgu-ser-hover_siyah{position:absolute;width:100%;height:100%;display:none;background:#000;opacity:.63}.sorgu-ser-hover{position:absolute;width:100%;height:100%;display:none}.sertifika_buton_dis{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sertifika_buton{display:block;width:199px;height:199px;padding-top:5px;float:left;margin:1%;border:none;font-weight:500;font-size:13pt;border-radius:3px;background:#333;text-align:center;color:#fff;cursor:pointer}.sertifika_buton>.btbtbt{font-size:11pt;background:#299a95;width:96%;margin-left:2%;height:37px;line-height:37px;border:1px solid #ccc;display:block}.sertifika_buton .btbtbt_aciklama{color:#fff;font-size:8pt;line-height:9px;padding:3px;font-weight:300}.sertifika_buton:hover{color:#fff;background:#299a95}.egt_egitim_icerik_container{height:86.33vh;overflow:auto}@media screen and (max-width:990px){.egt_egitim_icerik_container{height:auto;overflow:auto}}.egitim_buton_container{display:inline-flex;flex-direction:row;margin-top:13px;padding:0;padding-top:7px;border-top:1px solid #ccc}.egitim_buton_container .col-lg-3{padding:0;padding-left:5px}@media screen and (max-width:600px){.egitim_buton_container{flex-direction:column}.egitim_buton_container .col-lg-3{padding-top:5px;width:99%}}.egitim_buton_container .btn_egitim{height:43px;line-height:35px;display:flex;flex-direction:row;font-size:12pt}.egitim_buton_container .btn_egitim i{display:block;width:33px;height:33px;line-height:29px;font-weight:300;border:2px solid #fff;border-radius:19px;font-size:15pt;margin-right:9px}.egitim_buton_container .btn_egitim .egt_cizgi{display:block;height:43px;margin-top:-5px;background:#fff;width:2px;margin-right:13px}.devam_kontrol_modal{position:fixed;top:0;width:100%;height:99vh;padding-top:45vh;text-align:center;background:#000;opacity:.9}.secenek_sec{cursor:pointer;display:block;width:33px;height:33px;line-height:33px;border-radius:16px;background:#fff;border:1px solid #666;font-weight:700;font-size:12px;color:#333;text-align:center}.secenek_sec:hover{border:2px solid #666}.secenek_secili{cursor:pointer;display:block;width:33px;height:33px;line-height:33px;border-radius:16px;border:1px solid #666;font-weight:700;font-size:12px;text-align:center;background:#666;border:1px solid #666;color:#fff}.secenek_baslik{float:left}.kurs_icerik_listesi_masaustu{width:100%;height:93.33vh;overflow-y:scroll;overflow-x:hidden}.kurs_icerik_listesi_masaustu ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);background-color:#f5f5f5}.kurs_icerik_listesi_masaustu ::-webkit-scrollbar{width:3px;background-color:#f5f5f5}.kurs_icerik_listesi_masaustu ::-webkit-scrollbar-thumb{background-color:#666}.kurs_icerik_listesi_masaustu ::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);background-color:#f5f5f5}.kurs_icerik_listesi_masaustu::-webkit-scrollbar{width:3px;background-color:#f5f5f5}.kurs_icerik_listesi_masaustu ::-webkit-scrollbar-thumb:vertical{background-color:#666}.kurs_icerik_listesi_masaustu>ul{width:100%;height:100%}.kurs_icerik_listesi_masaustu>ul li{background:#f0f0f0;position:relative;width:100%;height:63px;padding:5px;border-top:1px solid #fff;cursor:pointer}.kurs_icerik_listesi_masaustu>ul li:hover{background:#fff}.kurs_icerik_listesi_masaustu>ul li span{display:block;float:left;height:100%}.kurs_icerik_listesi_masaustu>ul li span.kps_yazi{padding-left:3px;display:inline-block;vertical-align:top;height:63px;width:80%}.kurs_icerik_listesi_masaustu>ul li.active{background:#299a95;color:#fff}.kurs_icerik_listesi_masaustu>ul li.li_tamamlandi{background:#fff;color:#fff}.kurs_icerik_listesi_masaustu>ul li.li_tamamlandi:hover{background:#fff}.kurs_icerik_listesi_masaustu>ul li.active a{color:#fff}.kurs_icerik_listesi_masaustu>ul li .kapsul{width:20%;border-right:1px solid #fff;text-align:center}.kurs_icerik_listesi_masaustu>ul li .kapsul i{font-size:18pt}.kurs_icerik_listesi_masaustu>ul li .kapsul p{font-weight:700}.kurs_icerik_listesi_masaustu>ul li .kapsul p.tamamlandi{font-weight:400;font-size:8pt;font-style:italic}#kurs_icerik_menu_id_mobil{display:none}#app_vue_egitim iframe{width:100%;height:663px}
