/*
Theme Name: Mikeskeen
Theme URI: http://www.mikeskeen.com
Author: Mikeskeen
Author URI: http://www.mikeskeen.com
Description: Mikeskeen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: mikeskeen
*/

/** FONT FACE CSS START **/
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald_1-webfont.woff2') format('woff2'),
         url('fonts/oswald_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light_1-webfont.woff2') format('woff2'),
         url('fonts/oswald-light_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html,body {height:100%;}
img{max-width:100%;}
.icon-bar {background-color:#fff;}
.navbar-trans {background:transparent;color:#fff;}
.navbar-trans .menu li{position: relative;}
.navbar-trans .menu li>a:hover,.navbar-trans .menu li>a:focus,.navbar-trans .menu li.active a{border-bottom: 2px solid #fff; background:none;}
.navbar-trans .menu li.active a{font-family: 'oswaldregular';}

.navbar-trans .menu li .sub-menu{display: none; list-style: none;padding-left: 0; position: absolute; top: 100%; left: 0; background: rgba(0, 0, 0, 0.7);border: none;}
.navbar-trans .menu li .sub-menu li a{text-decoration: none;}
.navbar-trans .menu li:hover .sub-menu{display: block;}
.navbar-trans .menu li .sub-menu li a:hover{border:0;}

.navbar-trans a{color:#fefefe;}
.navbar-trans .form-control:focus {border-color: #eee;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);}
section { min-height:calc(100% - 1px);}
.v-center {padding-top:10%;font-size:70px;}
a.list-group-item.active,[class*='-info'] {color:#fff;}
#section1 { color:#dedeff; height:100%; padding:0; }

footer {background:#252525 url(images/pattern.png) repeat; color:#ddd; min-height:100px; padding-top:20px; padding-bottom:40px;}
footer .nav>li>a {padding:3px;color:#ccc;}
footer .nav>li>a:hover {background-color:transparent; color:#fff;}

/*HEADER MENU CSS START*/
.header-right{float:right;}
.menu li a{font-family: 'oswaldlight'; color:#fff; font-size:15px; text-transform:uppercase; padding:6px 5px; line-height:1; cursor: pointer;}
.menu li{padding:9px 9px 0 9px;}
.header-logo{display: inline-table; float: left; padding: 15px;}
.menu{padding-top:47px;}
.social-main{margin:0; padding:54px 0 0 0; list-style-type:none; float:right;}
.social-main li{float:left; padding:0 3px;}
.social-main li a{background:url(images/social_sprite.png) no-repeat; display:block; height:26px; width:26px; opacity:.6; filter: alpha(opacity=60); -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; transition: .5s all;}
.social-main li a:hover{opacity:1; filter: alpha(opacity=100);}
.social-main li.facebook a{background-position:left top;}
.social-main li.twitter a{background-position: -34px 0;}
.social-main li.google-plus a{background-position: -68px 0;}
.social-main li.instagram a{background-position: -102px 0;}
.social-main li.youtube a{background-position: -135px 0;}

.bottom-arrow-link{position:absolute; bottom:34px; width:100%; text-align:center;}
.bottom-arrow-link a{width:34px; height:33px; background:url(images/bottom_arrow.png) no-repeat; display:block; margin:0 auto;-webkit-animation: bounce 3000ms infinite; animation: bounce 3000ms infinite;}
.slidercontrol{background:none !important; opacity:1 !important; width:auto !important;}
.slidercontrol .icon-prev:before{display:none;}
.slidercontrol .icon-next:before{display:none;}
.slidercontrol .icon-prev{background:url(images/banner_previous.png) no-repeat; width:49px; height:49px; display:block; margin:0 !important; background-size:100%;} 
.slidercontrol .icon-next{background:url(images/banner_next.png) no-repeat; width:49px; height:49px; display:block; margin:0 !important; background-size:100%;}
.navbar{height:100px; transition:.5s ease-in;}
.navbar.sticky{background:rgba(0, 0, 0, 0.70); height:78px;}
.sticky .header-logo img{width:150px;}
.sticky .menu{padding-top:25px;}
.sticky .social-main{padding:32px 0 0 0;}
/*START EVENT NEWS SECTION*/
/*.car-thumb-inn img{width:330px;height:187px;}*/
.eventnews-main{float:left; width:100%; background:url(images/event_bg.jpg) no-repeat; background-position:center center; background-size:cover; padding:50px 0;}
.newevent_inner{float:left; width:100%;}
.title-eventnews{font-family: 'oswaldregular'; font-size:30px; text-transform:uppercase; font-style:italic; color:#000; margin:0 0 30px 0; float:left; width:100%;}
.news-detail-main{float:left; width:100%; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.30);}
.news-detail-main .news-detail-in{float:left; width:100%; background: #fff; padding: 25px 25px 30px 25px;}
.news-detail-main .news-image{position:relative;}
/*.news-detail-main .news-image img{width:690px;height:388px;}*/
.news-detail-main .news-image span{position:absolute; width:100%; height:10px; background:#00446a; bottom:0; left:0;}
.news-detail-in h4{font-size:18px ;color:#000; font-family: 'oswaldregular'; text-transform:uppercase; margin: 0 0 14px 0; border-bottom: 1px solid #ccc; padding-bottom: 15px; line-height: 1;}
.news-detail-in p{font-size:14px ;color:#363636; font-family: 'latoregular'; line-height:24px; margin:0;}
.event-inner-main{float:left; width:100%;}
.event-inner-main ul{margin:0; padding:0; width:100%; float:left; list-style-type:none;}
.event-inner-main ul li{float:left; width:100%; margin-bottom:15px;}
.event-inner-main ul li .event-each-bg{float:left; width:100%; background:#fff; padding:10px; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.30); }
.event-inner-main ul li:last-child{margin-bottom:0;}
.event-inner-main ul li .date-box{width:65px; height:65px; color:#fff; text-align:center; line-height:1; display:table; float:left;}
.event-inner-main ul li .date-box.blue{background:#00446a;}
.event-inner-main ul li .date-box.red{background:#9e0b0f;}
.event-inner-main ul li .date-box span{display:table-cell; width:100%; padding:5px; vertical-align:middle;}
.event-inner-main ul li .date-box span h3{margin:0 0 3px 0; font-family: 'oswaldregular'; font-size:23px; color: #fff; padding-bottom: 0;}
.event-inner-main ul li .date-box span p{margin:0; font-family: 'latoregular'; font-size:14px; text-transform:uppercase;}
.event-inner-main ul li .date-content{float: left; padding-left: 15px;}
.event-inner-main ul li .date-content h4{margin:0; font-family: 'latobold'; font-size:15px; color:#000; padding-bottom: 0;}
.event-inner-main ul li .date-content .when-main{font-family: 'latoregular'; font-size:13px; color:#000; padding:10px 0 8px 0; line-height:1;}
.event-inner-main ul li .date-content .when-main span:last-child{padding-left:10px;}
.event-inner-main ul li .date-content .more-event-main{font-family: 'latoregular'; font-size:13px; color:#000;}
.event-inner-main ul li .date-content .more-event-main a:last-child{padding-left:30px; color:#000; text-decoration:underline;}
.event-inner-main ul li .date-content .more-event-main a{color:#000; text-decoration:underline; cursor: pointer;}
.event-inner-main ul li .date-content .more-event-main a:hover{text-decoration:none;}

.car-thumb-main{float:left; width:100%; padding-top:40px;}
.car-thumb-inn{float:left; width:100%; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.30);}
.car-thumb-inn a{display:block; position:relative;}
.car-thumb-inn a .hover-bg{display:none;}
.car-thumb-inn a:hover .bt-border{display:none;}
.car-thumb-inn a:hover .hover-bg{display:block; background:rgba(0, 68, 106, 0.8) url(images/right_double_arrow.png) no-repeat; background-position:center center; position:absolute; height:100%; width:100%; left:0; top:0; }
.car-thumb-inn a .bt-border{position:absolute; width:100%; height:10px; background:#00446a; left:0; bottom:0;}
.car-thumb-content{float:left; width:100%; background: #fff; padding: 20px;}
.car-thumb-content h3{font-size:18px; color:#000; font-family: 'oswaldregular'; margin:0; text-transform:uppercase;border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 6px;}
.car-thumb-content p{font-size: 14px; color: #363636; font-family: 'latoregular'; line-height: 24px;}

/*START PRIVATE COACHING CSS*/
.private-coaching-main{min-height:auto; float:left; width:100%; background:url(images/parallax_bg.jpg) no-repeat; background-attachment:fixed; height:308px !important; padding:40px 0; position:relative; background-size:100%; background-position:center center;}
.private-coaching-main:after{position:absolute; left:0; content:""; top:0; height:100%; width:100%; background:url(images/pattern.png) repeat; z-index:1;}
.private-coaching-inner{float:left; width:100%; position: relative; z-index: 2;}
.private-coaching-inner h3{font-family: 'oswaldregular'; font-size:30px; color:#fff; font-style:italic; text-transform:uppercase; margin: 0 0 10px 0; border-bottom: 1px solid #7c7c7c; padding-bottom: 10px;}
.private-coaching-inner p{font-size: 14px; color: #fff; font-family: 'latoregular'; line-height: 24px; margin:0;}
.private-coaching-inner a{font-family: 'latobold'; text-transform:uppercase; line-height:1; font-size:14px; color:#fff; float: left;
display: block; border: 2px solid #fff; padding: 14px 32px; border-radius: 4px; margin-top:30px;}
.private-coaching-inner a:hover{background:#fff; color:#000; text-decoration:none;}

/*START SKEEN TV CSS*/
.skeentv-main{float:left; width:100%; min-height:auto; padding:45px 0 20px 0;}
.skeentv-head{display:table; width:100%;}
.skeentv-head .skeentv-img{width:172px; display:table-cell; vertical-align:bottom;}
.skeentv-head .skeentv-head-border{display: table-cell; vertical-align: bottom; border-bottom: 1px solid #ccc; position: relative; bottom: 5px;}
.skeentv-head .skeentv-head-border a{font-family: 'latoregular'; float:left; width:100%; color:#363636; text-decoration:underline; text-align:right; padding-bottom:8px;}
.skeentv-head .skeentv-head-border a:hover{text-decoration:none;}
.skeentv-video-main{float:left; width:100%; padding-top: 25px;}
.skeentv-video-main .skeentv-anchor{display:block; width:100%; float:left; cursor:pointer;}
.video-thumb-main span{display:block; background:url(images/video_play_icon.png) no-repeat; background-position:center center; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.5;}
.video-thumb-main{float:left; width:100%; position:relative;}
.skeentv-anchor:hover .video-thumb-main span{opacity:1;}
.skeentv-anchor h3{font-size:18px; text-transform:uppercase; color:#000; font-family: 'oswaldregular'; padding:0; float:left; width:100%; margin:0; height: 2.5em !important;}

/*START IMAGE SLIDER CSS*/
.image-slider-main{float:left; width:100%; min-height:auto; padding:0;}
/* .image-slider-main .owl-carousel.owl-drag .owl-item{margin:0 !important;} */
.owl-nav{display:block !important;}
.owl-nav .owl-prev{background:url(images/slider_previous_arrow.png) no-repeat; width:33px; height:34px; display:block; text-indent:-20000px; position: absolute; top: 45%; left:35px;}
.owl-nav .owl-next{background:url(images/slider_next_arrow.png) no-repeat; width:33px; height:34px; display:block; text-indent:-20000px; position: absolute; top: 45%; right:35px;}
.owl-carousel .owl-item .item{position:relative; cursor:pointer;}
.owl-carousel .owl-item:hover .item span{background:rgba(0, 0, 0, 0.4); position:absolute; height:100%; width:100%; left:0; top:0;}

/*START FOOTER CSS*/
footer{min-height:auto; padding:0; margin:0 !important; float:left; width:100%;}
.footer-top{float:left; width:100%; padding:40px 0;}
.footer-top p{font-size:12px; font-family: 'latoregular'; color:#fff; line-height:18px; margin:0; padding-top:25px; float:left; width:100%;}
.footer-title{margin:0 0 8px 0; padding:0 0 15px 0; text-transform:uppercase; font-family: 'oswaldregular'; font-size:14px; border-bottom: 1px solid #515151; color: #fff;}
.footer-links{margin:0; padding:0; list-style-type:none; font-size:12px; font-family: 'latoregular'; line-height:18px;}
.footer-links li a{color:#fff;}
.footer-bottom{float:left; width:100%; padding:15px 0; border-top:1px solid #515151;}
.footer-bottom p{color:rgba(255, 255, 255, 0.5); margin:0; text-align:left; font-family: 'latoregular'; line-height:24px;}
.social-main-footer{margin:0; padding: 0; list-style-type:none; float:right;}
.social-main-footer li{float:left; padding:0 3px;}
.social-main-footer li a{background:url(images/social_sprite.png) no-repeat; display:block; height:26px; width:26px; opacity:.6; filter: alpha(opacity=60); -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; transition: .5s all;}
.social-main-footer li a:hover{opacity:1; filter: alpha(opacity=100);}
.social-main-footer li.facebook a{background-position:left top;}
.social-main-footer li.twitter a{background-position: -34px 0;}
.social-main-footer li.google-plus a{background-position: -68px 0;}
.social-main-footer li.instagram a{background-position: -102px 0;}
.social-main-footer li.youtube a{background-position: -135px 0;}
.container {width: 100% !important;}
#main-content{ padding-top: 78px; }
/*#section5 .jig-overflow{ width: 338px !important;height: 331px!important; }
#section5 .jig-link .item img{width: 338px !important;height: 331px!important;}*/

/*START KEY FRAME CSS*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/*MEDIA TYPE CSS START*/
@media (min-width: 1400px){
.slidercontrol .icon-prev{width:59px; height:59px;} 
.slidercontrol .icon-next{width:59px; height:59px;}
}
@media (min-width: 1200px){
.container {width: 1142px;}
.owl-item{ width: auto !important;}
}
@media (max-width:1200px){
.header-right{position:relative;}
.social-main{position: absolute; right: 10px; top: -35px;}
.sticky .social-main{top:-23px;}
.sticky .menu {padding-top: 30px;}
.skeentv-anchor h3{font-size:15px;}
.event-inner-main ul li .date-box {width: 55px; height: 55px;}
.event-inner-main ul li .date-box span h3{font-size: 18px; color: #fff; padding-bottom: 0;}
.event-inner-main ul li .date-box span p {font-size: 12px;}
.event-inner-main ul li .date-content .when-main{font-size:12px; padding: 6px 0 4px 0;}
.event-inner-main ul li .date-content .more-event-main{font-size:12px;}
.event-inner-main ul li .date-content .more-event-main a:last-child {padding-left: 20px;}
.event-inner-main ul li .date-content{padding-left:10px;}
.event-inner-main ul li .date-content .when-main span:last-child {padding-left: 25px;}
.news-detail-main .news-detail-in{padding: 15px 25px 20px 25px;}
.news-detail-in h4{margin: 0 0 10px 0; padding-bottom: 10px;}
.skeentv-main{padding: 25px 0 40px 0;}
.footer-top{padding:30px 0;}
.footer-bottom{padding:10px 0;}
.skeentv-head .skeentv-img {width: 140px;}
.title-eventnews{font-size:24px; margin: 0 0 20px 0}
.private-coaching-inner h3{font-size:24px;}
.car-thumb-content h3 {font-size: 16px;}
.relative-header{position:relative;}
.private-coaching-main{background-attachment: inherit;}
}
@media (max-width: 991px) {
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0; border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important; width:100%;}
.navbar-nav {float: none!important; margin-top: 7.5px;}
.navbar-nav>li {float: left; width:100%;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; float:left; width:100%;}
.collapse.in{display:block !important; width:100%; float:left;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:inherit;}
.menu {padding:0; margin:0; float:left; width:100%; background: rgba(0, 0, 0, 0.7);}
.navbar-trans a{width:180px;}
.navbar-toggle{margin-top:20px;}
.navbar-toggle .icon-bar {width: 28px; height: 3px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
.social-main {position: absolute; right: 100px; top: -27px;}
.title-eventnews{font-size:20px; margin: 30px 0 15px 0;}
.event-inner-main ul li{width:50%;}
.event-inner-main ul li:nth-child(odd){padding-right:15px;}
.car-thumb-content{padding:10px;}
.car-thumb-content h3 {font-size: 14px;}
.car-thumb-content p{line-height:20px;}
.video-thumb-main span{background-size:60px;}
.skeentv-anchor h3{line-height:10px;}
.sticky .social-main {top: -27px;}
.sticky .social-main {padding: 54px 0 0 0;}
.collapsing{float:left; width:100%;}
.navbar-trans .menu li .sub-menu{position: static; margin-top: 0; background:transparent; border: none; padding: 0; width: 100%; }
.car-thumb-inn img{width:100%;height: auto;}
.news-detail-main .news-image img{width:100%;height: auto;}
}
@media (max-width: 767px){
.video-thumb-main span{background-size:97px;}
.car-thumb-inn{margin-bottom:15px;}
.skeentv-video-main .skeentv-anchor{margin-bottom:20px;}
.skeentv-anchor h3{padding:10px 0 0 0;}
.video-thumb-main img{width:100%;}
.footer-top .col-md-7.col-sm-7{padding-bottom:20px; float:left; width:100%;}
.footer-top p{padding-top:10px;}
.social-main-footer{float: none; width: 160px; margin: 0 auto; padding-top: 10px;}
.footer-bottom p{text-align:center;}
.skeentv-main {padding: 15px 0; padding-bottom: 0;}
.event-inner-main ul li .date-content .more-event-main a{display:block; padding:5px 0 0 0;}
.event-inner-main ul li .date-content .more-event-main a:last-child{padding-left:0;}
.skeentv-anchor h3{height: auto !important;}
.yrc-item-title{line-height: 1 !important;}
.yrc-item{margin-bottom: 0 !important;}
}
@media (max-width: 640px){
.event-inner-main ul li .date-box {width: 100%; margin-bottom: 10px;}
.event-inner-main ul li .date-content {padding-left: 0;}
.private-coaching-main{height:auto !important; background-size: cover;}
/* .event-inner-main ul li {width: 100%;}
.event-inner-main ul li:nth-child(odd) {padding-right: 0px;} */
}
@media (max-width: 480px){
.event-inner-main ul li .date-box {width: 55px; height:55px;}
.event-inner-main ul li .date-content {padding-left: 15px;}
.event-inner-main ul li .date-content .more-event-main a:last-child {padding-left: 20px;}
.event-inner-main ul li {width: 100%;}
.event-inner-main ul li:nth-child(odd) {padding-right: 0;}
.event-inner-main ul li .date-box{margin-bottom:0;}
.event-inner-main ul li .date-content .when-main span:last-child {padding-left: 10px;}
.footer-logo{width:160px; float:left;}
.footer-top {padding: 20px 0;}
.skeentv-head .skeentv-img {width: 100px;}
.private-coaching-inner a{padding: 10px 25px;}
.private-coaching-main{padding:30px 0;}
.news-detail-main .news-detail-in {padding: 15px;}
.footer-bottom p{line-height:18px;}
.owl-nav .owl-prev{left:20px;}
.owl-nav .owl-next{right:20px;}
.navbar-toggle .icon-bar {width: 26px; height: 2px;}
.navbar-toggle {margin-top:35px;}
.social-main, .sticky .social-main {right: 20px; top: -47px;}
.header-logo{padding:25px 15px 15px 15px;}
.event-inner-main ul li .date-content .more-event-main a{display:inline-block;}
.event-inner-main ul li .date-content .when-main{ font-size: 11px;}
}