* { margin: 0px; padding: 0px; outline: 0 !important; }
a { transition: all ease-out 300ms; outline: 0 !important; }
.clear { clear: both; }
body { font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

 }
/******* skrolr *******/
body, html { width: 100%; height: 100%; padding: 0; margin: 0 }
.skrollable { position: absolute; z-index: 100 }
.skrollable .skrollable, .skrollr-mobile .skrollable { position: absolute }
.skrollable .skrollable .skrollable { position: static }
/******* end skrolr *******/
#dot { position: fixed; top: 0%; left: 0%; z-index: 1; margin: 0; width: 100%; height: 100%; overflow: hidden; }
#dot .dot-img { top: 0%; left: 0%; z-index: 2; margin: 0; width: 100%; height: 100%; }
#dot img { width: auto; height: 100%; display: block; margin: 0 auto; }
.wrapper { width: 100%; overflow: hidden; }
.navbar-default { background: #fff; border-bottom: none; top: 0px; transition: all ease-out 500ms; -moz-transition: all ease-out 500ms; -ms-transition: all ease-out 500ms; -o-transition: all ease-out 500ms; -webkit-transition: all ease-out 500ms; }
.sticky .navbar-default { top: 0px; }
.navbar-default:after { width: 36px; height: 36px; margin-left: -18px; background: #fff; content: ""; left: 50%; bottom: -15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; z-index: 1; display: none; }
.navbar-default .container { z-index: 2; background: #fff; position: relative; }
.navbar-nav { float: right; }
.navbar-nav > li { margin-left: 30px; }
.navbar-nav > li:first-child { margin-left: 0px; }
.navbar-nav > li > a { background: none !important; box-shadow: none !important; color: #333333 !important; font-weight: 600; font-size: 15px; position: relative; padding: 30px 0px 26px; overflow: hidden; }
.navbar-nav > li > a.active { color: #039252 !important; }
.navbar-nav > li > a:after { position: absolute; content: ""; height: 2px; background: #333333; bottom: 0px; left: 0px; transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; width: 0px; }
.navbar-nav > li > a.active:after { background: #039252; width: 100%; }
.navbar-nav > li > a.active:before { content: "\f0d8"; position: absolute; width: 12px; height: 12px; background: #039252; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #039252; line-height: 30px; font-size: 16px; font-family: 'FontAwesome'; bottom: -6px; left: 50%; text-align: center; margin-left: -6px; }
.navbar-nav > li > a:hover:after { transition: all ease-out 300ms; width: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#headerwrap .swiper-pagination span { width: 18px; height: 18px; background: none; border: 2px solid #fff; margin: 0 auto 10px; display: block; float: none; }
#headerwrap .swiper-pagination span.swiper-pagination-bullet-active { background: #f05500; }
.swiper-container-horizontal > .swiper-pagination { width: 50px !important; height: auto; left: auto; right: 0px !important; top: 50%; bottom: 0px; margin-top: -45px; }
#headerwrap { color: #fff; text-align: center; width: 100%; height: 100%; }
h1 { font-size: 60px; font-weight: 300; margin: 0px; padding: 0px; }
h4 { font-weight: 300; font-size: 36px; margin: 0px; padding: 0px; }
#headerwrap h1 { font-weight: 300; text-transform: uppercase; margin: 0px; padding: 0px; font-size: 50px; display: table; margin: 0 auto 10px; background: rgba(238,64,35,0.5); padding: 0 20px; height: 55px; line-height: 55px; }
#headerwrap h1 span { font-weight: 600; }
#headerwrap h2 { font-weight: 300; text-transform: uppercase; margin: 10px 0; padding: 0px; font-size: 40px; text-shadow: 0px 4px 4px rgba(0,0,0,0.5); }
.tbl { display: table; width: 100%; }
.td { display: table-cell; vertical-align: middle; }
#headerwrap .swiper-slide .img-icon { transition: all ease-in-out 600ms; -moz-transition: all ease-in-out 600ms; -ms-transition: all ease-in-out 600ms; -o-transition: all ease-in-out 600ms; -webkit-transition: all ease-in-out 600ms; transform: scale(30); -moz-transform: scale(30); -ms-transform: scale(30); -o-transform: scale(30); -webkit-transform: scale(30); opacity: 0; }
#headerwrap .swiper-slide-active .img-icon { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
#headerwrap .swiper-slide h1.topline { transition: all ease-in-out 600ms; -moz-transition: all ease-in-out 600ms; -ms-transition: all ease-in-out 600ms; -o-transition: all ease-in-out 600ms; -webkit-transition: all ease-in-out 600ms; transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; }
#headerwrap .swiper-slide-active h1.topline { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
#headerwrap .swiper-slide h1.btmline { transition: all ease-in-out 600ms; -moz-transition: all ease-in-out 600ms; -ms-transition: all ease-in-out 600ms; -ms-transition: all ease-in-out 600ms; -o-transition: all ease-in-out 600ms; -webkit-transition: all ease-in-out 600ms; transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0; }
#headerwrap .swiper-slide-active h1.btmline { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
#headerwrap .swiper-slide .td { position: relative; }
#headerwrap .swiper-slide .slide-img { width: 100%; display: none; }
#headerwrap .swiper-slide .slide-img img { width: 100%; height: auto; }
.content-wrapper { position: relative; z-index: 11;  }
#about-us { background: none; padding: 70px 0 0px; width: 100%; overflow: hidden; z-index: 10; position: relative; }
#about-us .abt-img { bottom: 0px; }
#about-us .abt-img img { display: block; }
#about-us h1 { color: #323232; font-size: 60px; font-weight: 300; margin-bottom: 40px; }
#about-us .abt-txt p { line-height: 1.7; }
#about-us .abt-txt p span { font-weight: 50; text-transform: uppercase; font-size: 20px; }
#about-us .abt-txt p span.dark-blue-c { color: #232262 }
#about-us .abt-txt p span.light-blue-c { color: #0062a9 }
#about-us .abt-txt p span.orange-c { color: #039252 }
.abtimg { width: 100%; max-width: 478px; position: relative; }
.abtimg img { width: 100%; height: auto; }
#about-us h1 { color: #323232; font-size: 60px; font-weight: 300; margin-bottom: 40px; transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); -webkit-transform: translateY(500px); opacity: 0; transition: all 800ms ease-in-out; }
#about-us.animate h1 { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1;  }
#about-us .abt-txt { color: #323232; font-size: 20px; float: left; padding-right: 0px; padding-left: 0px; overflow: hidden; transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); -webkit-transform: translateY(500px); opacity: 0; transition: all 800ms ease-in-out; }
#about-us.animate .abt-txt { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.abtimg .abthand { position: absolute; bottom: 0px; right: 0px; transition: all 800ms ease-in-out; transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); -webkit-transform: translateX(1000px); }
#about-us.animate .abthand { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); }
.abtimg .abtcrc { transition: all 800ms ease-in-out; transform: translateY(-700px); -moz-transform: translateY(-700px); -ms-transform: translateY(-700px); -o-transform: translateY(-700px); -webkit-transform: translateY(-700px);}
#about-us.animate .abtcrc { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.blank-img { width: 100%; height: 440px; background: url(../img/slide2.jpg) no-repeat center center; background-attachment: fixed; background-size: cover; }
.service-img { background-image: url(../img/Inbetween-images-4.jpg); }
.team-img { background-image: url(../img/Inbetween-images-1.jpg); }
.contact-img { background-image: url(../img/Inbetween-images-2.jpg); }
.certfn-img { background-image: url(../img/Inbetween-images-3.jpg); }
.video-img { background-image: url(../img/Inbetween-images-5.jpg); }
#services { background: url(../img/services-bg.jpg) no-repeat center center;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align: center; color: #fff; padding: 60px 0; width: 100%; position: relative; z-index: 10 }
#services h1 { color: #fff; margin: 0 0 10px; }
#services h4 { color: #fff; margin: 0 0 10px; }
#services p { font-size: 16px; font-weight: 300; margin: 0 0 10px; line-height: 1.5; }
.service-box { position: relative; }
.service-box .box { width: 100%; max-width: 295px; float: left; border-radius: 10px; overflow: hidden; }
.service-box .box .icon-box { background: url(../img/service-box-bg.png) no-repeat center top; padding: 21px 0; }
.service-box .box .icon-box .icon { width: 128px; height: 128px; margin: 0 auto; border-radius: 50%; line-height: 128px; font-size: 30px; display: table; }
.service-box .box .service-info { background: #f3f3f3; color: #3e3e3e; height: 200px; padding: 0 10px; }
.service-box .box .service-info h5 { margin: 0px 0 10px; padding: 0px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
#services .service-box .box .service-info p { color: #282828; font-size: 15px; font-weight: 300; }
#services .swiper-container { padding: 0 0px; box-sizing: border-box; }
#services .swiper-slide { padding-top: 20px; }
#services .swiper-slide .box { transition: all ease-in-out 300ms; transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); -webkit-transform: translatey(0); }
#services .swiper-slide:hover .box { transform: translatey(-20px); -moz-transform: translatey(-20px); -ms-transform: translatey(-20px); -o-transform: translatey(-20px); -webkit-transform: translatey(-20px); box-shadow: 2px 5px 5px rgba(0,0,0,0.5); }
#services .swiper-slide .box .icon-box .icon img { transition: all ease-in-out 300ms; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
#services .swiper-slide:hover .box .icon-box .icon img { transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); }
#services .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -30px; }
#services .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -30px; }
#services .swiper-slide .box .icon-box .icon { transition: all ease-in-out 300ms; }
#services .swiper-slide .box .icon-box .icon svg { width: 70px; height: auto; }
#services .swiper-slide .box .icon-box .icon img { width: 40px; height: auto; }
#services .swiper-slide:hover .box .icon-box .icon { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9); }
.crtfn-box { position: relative; z-index: 10; border-top: 20px solid #fff; border-bottom: 20px solid #fff; width: 100%; background: #fff; overflow: hidden; }
.crtfn-box .title-box { float: left; width: 50%; height: 300px; max-width: 715px; background: url(../img/certification-bg.jpg) no-repeat right top; }
.crtfn-box .title-box .tbl { height: 210px; }
.crtfn-box .title-box .tbl span { float: right; background: rgba(255,255,255,0.97); font-size: 54px; font-weight: 300; text-transform: uppercase; height: 67px; line-height: 63px; position: relative; margin: 0 26px 0 0; padding: 0 60px 0 20px; }
.crtfn-box .title-box .tbl span:before, .crtfn-box .title-box .tbl span:after { position: absolute; content: ""; top: 0px; width: 26px; height: 67px; }
.crtfn-box .title-box .tbl span:before { background: url(../img/cert-title-bg.png) no-repeat right bottom; left: -26px; }
.crtfn-box .title-box .tbl span:after { background: url(../img/cert-title-bg2.png) no-repeat left top; right: -26px; }
.crtfn-box .cert-box { float: left; width: 50%; max-width: 690px; text-align: center; }
.crtfn-box .cert-box .cert { display: inline-block; vertical-align: middle; padding:0 20px; width:40%;  }
.crtfn-box .cert-box .cert img { width: 100%; height: auto;}
.crtfn-box .cert-box .cert1 {  }
.crtfn-box .cert-box .cert2 { border-left:1px solid #e7e7e7; }
.crtfn-box .cert-box .cert-shadow { max-width: 146px;  display:none; }
#our-team { background: #f3f3f3 url(../img/pattern.png) repeat left top; text-align: center; color: #3e3e3e; padding: 60px 0; width: 100%; position: relative; z-index: 10 }
#our-team h1 { color: #365ccb; margin: 0 0 10px; }
#our-team p { font-size: 18px; font-weight: 400; margin: 0 0 5px; line-height: 1.2; }
#our-team .team-box { position: relative; padding: 30px 40px 0 }
#our-team .team-box .box { width: 100%; max-width: 261px; float: left; overflow: hidden; }
#our-team .team-box .box .member-info { color: #3e3e3e; padding: 0; text-align: left; }
#our-team .team-box .box .member-info h5 { margin: 0px 0 10px; padding: 0px; font-size: 18px; font-weight: 600; }
#our-team .team-box .box .member-info h5 span { font-weight: 600; display: block; font-size: 12px; margin: 6px 0 0; color: #0062a9; }
#our-team .team-box .box .member-info p { color: #3e3e3e; font-size: 14px; font-weight: 400; line-height: 1.6; }
#our-team .swiper-container { padding: 0 0px; box-sizing: border-box; }
#our-team .swiper-slide .box .img { overflow: hidden; position: relative; margin: 0 0 25px; }
#our-team .swiper-slide .box .img .color-patch { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../img/team-img-hover.png) center bottom; transition: all ease-in-out 300ms; opacity: 1; }
#our-team .swiper-slide:hover .box .img .color-patch { opacity: 0; }
#our-team .swiper-slide .box .img img { transition: all ease-in-out 300ms; transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); display: block; }
#our-team .swiper-slide:hover .box .img img { transform: scale(1); }
#our-team .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px; }
#our-team .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0px; }
#our-team .swiper-slide .box .icon-box .icon { transition: all ease-in-out 300ms; }
#our-team .swiper-slide:hover .box .icon-box .icon { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9); }
#video-wrap { position: relative; }
#video-wrap video { width: 100%; height: auto; display: block; }
#contact-us { background:#c8523f url(../img/contact-bg.jpg) no-repeat right center; text-align: center; width: 100%; position: relative; z-index: 10; overflow: hidden; }
#contact-us .container { padding: 90px 0 120px; position: relative; }
#contact-us .cfrom-box { width: 497px; height: 497px; margin: 0 auto; position: relative; }
#contact-us .cfrom-box .cbox { width: 497px; height: 497px; border-radius: 50%; background: #0961a4; position: absolute; top: 0px; }
#contact-us .cfrom-box .dblue-box { background: #000; left: -52px; top: -7px; }
#contact-us .cfrom-box .orange-box { background: #fff; right: -25px; top: -5px; }
#contact-us .cfrom-box .lblue-box { background: #039252; z-index: 2; }
#contact-us .cform { position: absolute; z-index: 3; top: 20px; width: 100%; max-width: 308px; left: 50%; margin-left: -154px; }
#contact-us .cform h2 { font-size: 30px; color: #fff; font-weight: 300; padding: 0px; margin: 0 0 20px; transition: all ease-out 300ms; }
#contact-us .cform h2.thank-you { margin: 45% 0 20px; }
#contact-us .cform ul { margin: 0px; padding: 0px; }
#contact-us .cform ul li { margin-bottom: 10px; list-style: none; }
#contact-us .cform ul li.error-text { color: #fff; margin: -10px 0 10px; }
#contact-us .cform ul li input { transition: all 300ms ease-out; }
#contact-us .cform input[type=text], #contact-us .cform textarea { display: block; width: 100%; font-size: 14px; color: #3881b8; font-weight: 300; border: none; background: #fff; border-radius: 3px; height: 30px; padding: 5px 10px; border: 1px solid #EEE; }
#contact-us .cform textarea { resize: none; }
#contact-us .cform input[type="text"].error, #contact-us .cform textarea.error { border: 1px solid #e94226; }
#contact-us .cform input[type=text]:hover, #contact-us .cform textarea:hover, #contact-us .cform input[type=text]:focus, #contact-us .cform textarea:focus { box-shadow: inset 0px 0px 5px rgba(85,162,235,0.5); border: 1px solid #232262; }
#contact-us .cform textarea { padding: 10px; height: 80px; }
#contact-us .cform ul li.submt-btn input { background: #000; border: 2px solid #039252; width: 134px; height: 35px; border-radius: 15px; font-weight: 400; font-size: 16px; color: #fff; }
#contact-us .cform ul li.submt-btn input:hover { background: #039252; color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); }
.scbox { position: absolute; width: 90px; height: 90px; border-radius: 50%; text-align: center; color: #fff; text-transform: uppercase; left:-100px; }
.scbox .crc-box { display: table; width: 100%; width: 90px; height: 90px; padding: 4px; border-radius: 50%; font-weight: 400;  }
.scbox .crc-animation{ width:95px; height:95px; animation:circle 5s linear infinite; }
.scbox .crc-box{animation:circlebx 5s linear infinite;}
.scbox .crc-box span{ animation: inner-circle 5s linear infinite; }
@keyframes circle {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
@keyframes circlebx {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
	100% { transform: scale(1); }
}

@keyframes inner-circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(-360deg); }
}
.scbox .crc-box span { display: table-cell; vertical-align: middle; }
.crc-line { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; }
.crc-line svg { width: 100%; height: auto; }
_:-ms-input-placeholder, :root .crc-line svg {
display:none;
}
.line-drawing path { fill: none; stroke-width: 1; stroke-dasharray: 1000; stroke-dashoffset: 0; }
.seo-crc { left: -130px; top: -50px; }
.seo-crc .crc-box { border: 1px solid #0a7445; background: #039252 content-box; font-size: 24px; }
.line-drawing path.seo-stroke { stroke: #0a7445; animation-delay: 1s; }
.rem-crc { left: -370px; top: 150px; width: 136px; height: 136px; }
.rem-crc .crc-animation{ width:136px; height:136px;}
.rem-crc .crc-box { border: 1px solid #000; background: #000 content-box; width: 131px; height: 131px; font-size: 15px; }
.line-drawing path.rem-stroke { stroke: #000; animation-delay: 1s; }
.ppc-crc { left: -180px; top: 320px; width: 95px; height: 95px; }
.ppc-crc .crc-animation{ width:95px; height:95px;}
.ppc-crc .crc-box { border: 1px solid #0a7445; background: #039252 content-box; width: 90px; height: 90px; font-size: 24px; }
.line-drawing path.ppc-stroke { stroke: #0a7445; animation-delay: 1s; }
.mm-crc { left: -170px; top: 450px; width: 138px; height: 138px; }
.mm-crc .crc-animation{ width:138px; height:138px;}
.mm-crc .crc-box { border: 1px solid #000; background: #000 content-box; width: 133px; height: 133px; font-size: 15px; }
.line-drawing path.mm-stroke { stroke: #000; animation-delay: 1s; }
.da-crc { left: 452px; bottom: -85px; width: 157px; height: 157px; }
.da-crc .crc-animation{ width:137px; height:137px;}
.da-crc .crc-box { border: 1px solid #0a7445; background: #039252 content-box; width: 132px; height: 132px; font-size: 15px; }
.line-drawing path.da-stroke { stroke: #0a7445; animation-delay: 1s; }
.em-crc { left: 650px; bottom: 0px; width: 138px; height: 138px; }
.em-crc .crc-animation{ width:138px; height:138px;}
.em-crc .crc-box { border: 1px solid #000; background: #000 content-box; width: 133px; height: 133px; font-size: 15px; }
.line-drawing path.em-stroke { stroke: #000; animation-delay: 1s; }
.smm-crc { left: 580px; top: 180px; width: 87px; height: 87px; }
.smm-crc .crc-animation{ width:87px; height:87px;}
.smm-crc .crc-box { border: 1px solid #0961a4; background: #0961a4 content-box; width: 87px; height: 87px; font-size: 23px; }
.line-drawing path.smm-stroke { stroke: #0961a4; animation-delay: 1s; }
.linkc-crc { left: 570px; top: 0px; width: 142px; height: 142px; }
.linkc-crc .crc-animation{ width:127px; height:127px;}
.linkc-crc .crc-box { border: 1px solid #0a7445; background: #039252 content-box; width: 122px; height: 122px; font-size: 23px; }
.line-drawing path.linkc-stroke { stroke: #0a7445; animation-delay: 1s; }
.footer { width: 100%; background: #1e1e1e; color: #fff; font-size: 12px; padding: 20px 0; }
.footer .social-btns { float:right; text-align:left; padding:10px 0 0 0; }
.footer .social-btns a { display: inline-block; width: 36px; height: 36px; line-height: 36px; background: #393939; border-radius: 50%; text-align: center; color: #fff; font-size: 16px; margin: 0 5px 0 0px; position: relative; overflow: hidden; }
.footer .social-btns a i { position: relative; z-index: 2; }
.footer .social-btns a:before { width: 100%; height: 100%; background: #e94226; position: absolute; content: ""; left: 0px; top: 0px; transition: all ease-out 300ms; border-radius: 50%; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); }
.footer .social-btns a:hover:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); }
.footer .copytxt{ margin:7px 0 0 0; font-size:11px;}
.footer .ftext { float: left; line-height:18px;}
.footer .ftext span{ font-weight:600; display:block; padding-bottom:5px; font-size:14px;}
.footer .ftext strong{ font-size:13px; font-weight:500; display:block; padding-bottom:3px;}
.loading-window { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: #232262; z-index: 1031; overflow: hidden; display:none; }
.loading-window .loading-box { width: 160px; height: 100px; margin: -66px 0 0 -80px; left: 50%; top: 50%; position: fixed; z-index: 1032; }
.loading-window .loading-box .txt { width: 160px; height: 50px; line-height: 50px; -webkit-animation: steam 3.5s linear reverse infinite; animation: steam 3.5s linear reverse infinite; font-size: 20px; font-family: 'Open Sans', sans-serif, arial; font-weight: 300; color: #FFF; text-shadow: 0 .04em rgba(0,0,0,.5); text-align: center; margin: 0; }
.loading-window .loading-box .txt span { display: inline-block; -webkit-animation: loading-1 1.5s ease-out infinite; animation: loading-1 1.5s ease-out infinite; line-height: 50px }
.loading-window .loading-box .txt span:nth-child(1) { -webkit-animation-name: loading-1; animation-name: loading-1 }
.loading-window .loading-box .txt span:nth-child(2) { -webkit-animation-name: loading-2; animation-name: loading-2 }
.loading-window .loading-box .txt span:nth-child(3) { -webkit-animation-name: loading-3; animation-name: loading-3 }
.loading-window .loading-box .txt span:nth-child(4) { -webkit-animation-name: loading-4; animation-name: loading-4 }
.loading-window .loading-box .txt span:nth-child(5) { -webkit-animation-name: loading-5; animation-name: loading-5 }
.loading-window .loading-box .txt span:nth-child(6) { -webkit-animation-name: loading-6; animation-name: loading-6 }
.loading-window .loading-box .txt span:nth-child(7) { -webkit-animation-name: loading-7; animation-name: loading-7 }
@-webkit-keyframes loading-1 {
14.28% {
opacity:.3
}
}
@-webkit-keyframes loading-2 {
28.57% {
opacity:.3
}
}
@-webkit-keyframes loading-3 {
42.86% {
opacity:.3
}
}
@-webkit-keyframes loading-4 {
57.14% {
opacity:.3
}
}
@-webkit-keyframes loading-5 {
71.43% {
opacity:.3
}
}
@-webkit-keyframes loading-6 {
85.71% {
opacity:.3
}
}
@-webkit-keyframes loading-7 {
100% {
opacity:.3
}
}
@-moz-keyframes loading-1 {
14.28% {
opacity:.3
}
}
@-moz-keyframes loading-2 {
28.57% {
opacity:.3
}
}
@-moz-keyframes loading-3 {
42.86% {
opacity:.3
}
}
@-moz-keyframes loading-4 {
57.14% {
opacity:.3
}
}
@-moz-keyframes loading-5 {
71.43% {
opacity:.3
}
}
@-moz-keyframes loading-6 {
85.71% {
opacity:.3
}
}
@-moz-keyframes loading-7 {
100% {
opacity:.3
}
}
@-ms-keyframes loading-1 {
14.28% {
opacity:.3
}
}
@-ms-keyframes loading-2 {
28.57% {
opacity:.3
}
}
@-ms-keyframes loading-3 {
42.86% {
opacity:.3
}
}
@-ms-keyframes loading-4 {
57.14% {
opacity:.3
}
}
@-ms-keyframes loading-5 {
71.43% {
opacity:.3
}
}
@-ms-keyframes loading-6 {
85.71% {
opacity:.3
}
}
@-ms-keyframes loading-7 {
100% {
opacity:.3
}
}
@-o-keyframes loading-1 {
14.28% {
opacity:.3
}
}
@-o-keyframes loading-2 {
28.57% {
opacity:.3
}
}
@-o-keyframes loading-3 {
42.86% {
opacity:.3
}
}
@-o-keyframes loading-4 {
57.14% {
opacity:.3
}
}
@-o-keyframes loading-5 {
71.43% {
opacity:.3
}
}
@-o-keyframes loading-6 {
85.71% {
opacity:.3
}
}
@-o-keyframes loading-7 {
100% {
opacity:.3
}
}
@keyframes loading-1 {
14.28% {
opacity:.3
}
}
@keyframes loading-2 {
28.57% {
opacity:.3
}
}
@keyframes loading-3 {
42.86% {
opacity:.3
}
}
@keyframes loading-4 {
57.14% {
opacity:.3
}
}
@keyframes loading-5 {
71.43% {
opacity:.3
}
}
@keyframes loading-6 {
85.71% {
opacity:.3
}
}
@keyframes loading-7 {
100% {
opacity:.3
}
}
.loading-window .loading-box .box { width: 50px; height: 50px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0 auto; position: relative; }
.loading-window .loading-box .box .crc { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; -webkit-animation-duration: 2.7s; animation-duration: 2.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.loading-window .loading-box .box .crc1 { top: 0px; left: 0; margin: 0 0 0 0; -webkit-animation-name: crc1; animation-name: crc1; }
.loading-window .loading-box .box .crc2 { top: 0px; left: 50%; margin: 0 0 0 -5px; -webkit-animation-name: crc2; animation-name: crc2; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.loading-window .loading-box .box .crc3 { top: 0px; right: 0; margin: 0 0 0 0; -webkit-animation-name: crc3; animation-name: crc3; animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.loading-window .loading-box .box .crc6 { top: 50%; right: 0; margin: -5px 0 0 0; -webkit-animation-name: crc6; animation-name: crc6; animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.loading-window .loading-box .box .crc9 { bottom: 0px; right: 0; margin: 0 0 0 0; -webkit-animation-name: crc9; animation-name: crc9; animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.loading-window .loading-box .box .crc8 { bottom: 0px; left: 50%; margin: 0 0 0 -5px; -webkit-animation-name: crc8; animation-name: crc8; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.loading-window .loading-box .box .crc7 { bottom: 0px; left: 0; margin: 0 0 0 0; -webkit-animation-name: crc7; animation-name: crc7; animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.loading-window .loading-box .box .crc4 { top: 50%; left: 0; margin: -5px 0 0 0; -webkit-animation-name: crc4; animation-name: crc4; animation-delay: 2.1s; -webkit-animation-delay: 2.1s; }
.loading-window .loading-box .box .crc5 { top: 50%; left: 50%; margin: -5px 0 0 -5px; -webkit-animation-name: crc5; animation-name: crc5; animation-delay: 2.4s; -webkit-animation-delay: 2.4s; }
 @-webkit-keyframes crc1 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0;
left:0;
margin:0px 0 0 0px;
}
80% {
top:0;
left:0;
margin:0px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-webkit-keyframes crc2 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
80% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-webkit-keyframes crc3 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:0px;
right:0;
margin:0 0 0 0;
}
80% {
top:0px;
right:0;
margin:0 0 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-webkit-keyframes crc4 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
80% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-webkit-keyframes crc5 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
80% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-webkit-keyframes crc6 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
80% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-webkit-keyframes crc7 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
80% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
 @-webkit-keyframes crc8 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
80% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
@-webkit-keyframes crc9 {
0% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
20% {
bottom:0%;
right:0%;
margin:0px 0px 0 0;
}
80% {
bottom:0%;
right:0%;
margin:0px 0px 0px 0;
}
100% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
}
@-moz-keyframes crc1 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0;
left:0;
margin:0px 0 0 0px;
}
80% {
top:0;
left:0;
margin:0px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-moz-keyframes crc2 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
80% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-moz-keyframes crc3 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:0px;
right:0;
margin:0 0 0 0;
}
80% {
top:0px;
right:0;
margin:0 0 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-moz-keyframes crc4 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
80% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-moz-keyframes crc5 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
80% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-moz-keyframes crc6 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
80% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-moz-keyframes crc7 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
80% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
 @-moz-keyframes crc8 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
80% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
@-moz-keyframes crc9 {
0% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
20% {
bottom:0%;
right:0%;
margin:0px 0px 0 0;
}
80% {
bottom:0%;
right:0%;
margin:0px 0px 0px 0;
}
100% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
}
@-ms-keyframes crc1 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0;
left:0;
margin:0px 0 0 0px;
}
80% {
top:0;
left:0;
margin:0px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-ms-keyframes crc2 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
80% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-ms-keyframes crc3 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:0px;
right:0;
margin:0 0 0 0;
}
80% {
top:0px;
right:0;
margin:0 0 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-ms-keyframes crc4 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
80% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-ms-keyframes crc5 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
80% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-ms-keyframes crc6 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
80% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-ms-keyframes crc7 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
80% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
 @-ms-keyframes crc8 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
80% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
@-ms-keyframes crc9 {
0% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
20% {
bottom:0%;
right:0%;
margin:0px 0px 0 0;
}
80% {
bottom:0%;
right:0%;
margin:0px 0px 0px 0;
}
100% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
}
@-o-keyframes crc1 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0;
left:0;
margin:0px 0 0 0px;
}
80% {
top:0;
left:0;
margin:0px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-o-keyframes crc2 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
80% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-o-keyframes crc3 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:0px;
right:0;
margin:0 0 0 0;
}
80% {
top:0px;
right:0;
margin:0 0 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-o-keyframes crc4 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
80% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-o-keyframes crc5 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
80% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @-o-keyframes crc6 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
80% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @-o-keyframes crc7 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
80% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
 @-o-keyframes crc8 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
80% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
@-o-keyframes crc9 {
0% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
20% {
bottom:0%;
right:0%;
margin:0px 0px 0 0;
}
80% {
bottom:0%;
right:0%;
margin:0px 0px 0px 0;
}
100% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
}
@keyframes crc1 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0;
left:0;
margin:0px 0 0 0px;
}
80% {
top:0;
left:0;
margin:0px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @keyframes crc2 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
80% {
top:0px;
left:50%;
margin:0 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @keyframes crc3 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:0px;
right:0;
margin:0 0 0 0;
}
80% {
top:0px;
right:0;
margin:0 0 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @keyframes crc4 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
80% {
top:50%;
left:0;
margin:-5px 0 0 0px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @keyframes crc5 {
0% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
20% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
80% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
100% {
top:50%;
left:50%;
margin:-5px 0 0 -5px;
}
}
 @keyframes crc6 {
0% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
20% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
80% {
top:50%;
right:0;
margin:-5px 0px 0 0;
}
100% {
top:50%;
right:50%;
margin:-5px -5px 0 0px;
}
}
 @keyframes crc7 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
80% {
bottom:0%;
left:0%;
margin:0px 0 0px 0px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
 @keyframes crc8 {
0% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
20% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
80% {
bottom:0%;
left:50%;
margin:0px 0 0px -5px;
}
100% {
bottom:50%;
left:50%;
margin:0px 0 -5px -5px;
}
}
@keyframes crc9 {
0% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
20% {
bottom:0%;
right:0%;
margin:0px 0px 0 0;
}
80% {
bottom:0%;
right:0%;
margin:0px 0px 0px 0;
}
100% {
bottom:50%;
right:50%;
margin:0px -5px -5px 0px;
}
}
video { width: 100%; height: auto; }
/* video caption css */
video { width: 100%; height: auto; }
.caption { display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 5px 10px; color: #ddd; font-size: 14px; font-weight: 300; text-align: center; background: rgba(0,0,0,0.4); text-transform: uppercase; border-radius: 6px 6px 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }
/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control { color: #ccc; position: absolute; bottom: 15px; right: 15px; width: auto; z-index: 5; display: none; margin: 0; }
/* control bottom part */
.btmControl { clear: both; }
.control .btnPlay { float: left; width: 34px; height: 30px; padding: 5px; background: rgba(0,0,0,0.5); cursor: pointer; border-radius: 6px 0 0 6px; border: 1px solid rgba(0,0,0,0.7); box-shadow: inset 0 0 1px rgba(255,255,255,0.5); }
.control .icon-play { background: url(http://s.cdpn.io/6035/vp_sprite.png) no-repeat -11px 0; width: 6px; height: 9px; display: block; margin: 4px 0 0 8px; }
.control .icon-pause { background: url(http://s.cdpn.io/6035/vp_sprite.png) no-repeat -34px -1px; width: 8px; height: 9px; display: block; margin: 4px 0 0 8px; }
.control .selected { font-size: 15px; color: #ccc; }
.control .sound { width: 35px; height: 30px; float: left; background: rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.7); border-left: none; box-shadow: inset 0 0 1px rgba(255,255,255,0.5); cursor: pointer; }
.control .icon-sound { background: url(http://s.cdpn.io/6035/vp_sprite.png) no-repeat -19px 0; width: 13px; height: 10px; display: block; margin: 3px 0 0px; }
.control .muted .icon-sound { width: 7px !important; }
.control .btnFS { width: 30px; height: 30px; border-radius: 0 6px 6px 0; float: left; background: rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.7); border-left: none; box-shadow: inset 0 0 1px rgba(255,255,255,0.5); }
.control .icon-fullscreen { background: url(http://s.cdpn.io/6035/vp_sprite.png) no-repeat 0 0; width: 10px; height: 10px; display: block; margin: 3px 0 0 0px; }
/* PROGRESS BAR CSS */
/* Progress bar */
.progress-bar { height: 30px; padding: 10px; background: rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.7); border-left: none; box-shadow: inset 0 0 1px rgba(255,255,255,0.5); float: left; width: 205px; display: none; }
.progress { width: 185px; height: 7px; position: relative; cursor: pointer; background: rgba(0,0,0,0.4); /* fallback */ box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,1); border-radius: 10px; }
.progress span { height: 100%; position: absolute; top: 0; left: 0; display: block; border-radius: 10px; }
.timeBar { z-index: 10; width: 0; background: -webkit-linear-gradient(top, rgba(107,204,226,1) 0%, rgba(29,163,208,1) 100%); box-shadow: 0 0 7px rgba(107,204,226,.5); }
.bufferBar { z-index: 5; width: 0; background: rgba(255,255,255,0.2); }
/* VOLUME BAR CSS */
/* volume bar */
.volume { position: relative; cursor: pointer; width: 70px; height: 10px; float: right; margin-top: 10px; margin-right: 10px; }
.volumeBar { display: block; height: 100%; position: absolute; top: 0; left: 0; background-color: #eee; z-index: 10; }
#ltd { }
#ltd .ltd-wrap { background: #eff1f0 url(../img/video-bg1.jpg) no-repeat center bottom; padding: 100px 0; }
#ltd .td { text-align: center; }
#ltd .ltd-logo { margin: 0 0 30px; }
#ltd .ltd-txt { color: #191919; font-size: 31px; font-weight: 300; }
#ltd .ltd-txt span { display: block; }
#ltd #video-wrap { width: 100%; max-width: 652px; margin: 0 auto; padding: 10px; background: rgba(0,0,0,0.15); }
#ltd .ltd-btm img { width: 100%; height: auto; }
#testi-box { text-align: center; padding:0px; background: url(../img/test-bg.jpg) repeat center center; }
#testi-box .swiper-container-horizontal > .swiper-pagination { left: 0px; margin: 0px; width: 100% !important; right: auto; top: auto; bottom: 0px; }
#testi-box .swiper-container-horizontal > .swiper-pagination span { background: #0062a9 !important; opacity: 1; top: 0px !important; }
#testi-box .swiper-container-horizontal > .swiper-pagination span.swiper-pagination-bullet-active { background: #039252 !important; }
#testi-box .swiper-pagination { left: 0px; margin: 0px; width: 100% !important; right: auto; top: auto; bottom: -25px; display:none; }
#testi-box .swiper-pagination span { background: #fff !important; opacity: 1; top: 0px !important; margin: 0 5px; border:2px solid #fff; width:10px; height:10px; }
#testi-box .swiper-pagination span.swiper-pagination-bullet-active { background: #b73820 !important; border:2px solid #fff; }
#testi-box .swiper-button-next, #testi-box .swiper-button-prev { width:28px; height:56px;}
#testi-box .swiper-button-next{ top:auto; bottom:30px; left:50%; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
#testi-box .swiper-button-prev{ top:30px; right:auto; left:50%; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
#testi-box .swiper-button-next img, #testi-box .swiper-button-prev img{ width:100%; height:auto;}
#testi-box .swiper-slide p.name { font-size: 20px; }
#testi-box .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
#testi-box .container { position: relative; }
#testi-box .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:none; opacity:0 !important;}
#testi-box .swiper-slide.swiper-slide-active{ opacity:1 !important;}
#testi-box .test-title{ font-size:58px; color:#039252; font-weight:300; text-align:left; line-height:1.2;}
#testi-box .test-title span{ font-weight:700;}
#testi-box .test-box{ max-width:692px; min-width:692px; position:relative; background:url(../img/test-bg.png) no-repeat center center; min-height:580px; padding:100px 80px 0; font-weight:400;}
#testi-box .test-box .test-cnt{ position:relative;}
#testi-box .test-box .test-cnt .left-quote{ width:71px; height:44px; position:absolute; top:-44px; left:0px;} 
#testi-box .test-box .test-cnt .right-quote{ width:71px; height:44px; position:absolute; bottom:44px; right:-35px;} 

#testi-box .test-box p{ font-size:20px; color:#000; line-height:1.6;}
#testi-box .test-box .lcnt p{ font-size:14px;}
#testi-box .test-box .tbl{ height:250px; margin-bottom:30px;}
#testi-box .test-box .name-box p{ margin:0px; font-size:18px; font-weight:600; padding:0px; line-height:1.2;}
.parallax-window {
    min-height: 450px;
    background: transparent;
	z-index:9999; position:relative;
}

.crtfn-box .cert-box .cert4{ margin-left:0px; width:95%; max-width:inherit; padding:20px 0 0; border-top:1px solid #e7e7e7; margin:20px 0 0;}
.crtfn-box .cert-box .cert4 img{ max-width:60%; width:100%;}
.crtfn-box .title-box .tbl{ height:300px;}
.crtfn-box .cert-box .cert2{margin-bottom:15px;}
/************* media queries *******/

.navbar-brand {padding:0px!important;}

html, body { width: 100%; height: 100%; }
/* Backgrounds */
.bg-holder { width: 100%; height:450px; background-size: cover; background-position:center 100%; color: #fff; }
.pic1 { background-image: url('../img/Inbetween-images-1-sm.jpg'); }
.pic2 { background-image: url('../img/Inbetween-images-2-sm.jpg'); }
.pic3 { background-image: url('../img/Inbetween-images-3-sm.jpg'); }
.pic4 { background-image: url('../img/Inbetween-images-4-sm.jpg'); }
.pic5 { background-image: url('../img/Inbetween-images-5-sm.jpg'); }

@media (min-width: 1025px) {
.pic1 { background-image: url('../img/Inbetween-images-1.jpg'); }
.pic2 { background-image: url('../img/Inbetween-images-2.jpg'); }
.pic3 { background-image: url('../img/Inbetween-images-3.jpg'); }
.pic4 { background-image: url('../img/Inbetween-images-4.jpg'); }
.pic5 { background-image: url('../img/Inbetween-images-5.jpg'); }
}

@media (max-width:1365px) {
#about-us .abt-txt { padding-left: 20px; }
.service-box { width: 1200px; margin: 0 auto; }
.crtfn-box .title-box { width: 50%; background-position: right top; }
.crtfn-box .cert-box { width: 50%; }
.crtfn-box .cert-box .cert { width: 48%; }
.crtfn-box .cert-box .cert4 { width: 95%; }
.crtfn-box .cert-box .cert img { width: 100%; height: auto; }
.crtfn-box .cert-box .cert.cert-shadow { width: 20%; min-width: 100px; }
.crtfn-box .title-box{ height:300px;}
.crtfn-box .title-box .tbl{ height:300px;}
}

@media (max-width:1279px) {
#headerwrap h1 { font-size: 35px; line-height: 45px; height: 45px; }
#about-us h1 { font-size: 40px; }
#about-us .abt-txt { font-size: 16px; }
#about-us .abt-txt p span { font-size: 18px; }
#services h1 { font-size: 40px; }
#our-team h1 { font-size: 40px; }
h4 { font-size: 26px; }
#services .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -25px; }
#services .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -20px; }
#our-team .swiper-slide .box .img img { width: 100%; height: auto; }
#our-team .team-box .box .member-info h5 { font-size: 16px; }
#our-team .team-box .box .member-info h5 span { display: block; font-size: 12px; }
#our-team .team-box .box .member-info p { font-size: 12px; }
.scbox { display: none; }
.crc-line { display: none; }
.crtfn-box .title-box { height: 260px; }
.crtfn-box .title-box .tbl { height: 260px; }
.crtfn-box .title-box .tbl span { font-size: 35px; }
#ltd .td { padding: 0 10px; }
#ltd .ltd-txt { font-size: 20px; }
#ltd { width: 100%; }
#testi-box .test-title{ font-size:40px;}
.crtfn-box .cert-box .cert4 img{ max-width:70%;}
}

@media (max-width:1024px) {
.service-box { width: 960px; }
#headerwrap .swiper-slide .slide-img { display: block; opacity: 0; }
#headerwrap .swiper-slide .tbl { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; }
#dot { display: none; }
.blank-img { display: none; }
.navbar-nav > li { margin-left: 20px; }
.navbar-nav > li > a { font-size: 12px; }
.navbar-brand { padding-left: 0px; }
#services { background: url("../img/services-bg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); background-size: auto 100%; }
#contact-us { background: url("../img/contact-bg.jpg") no-repeat scroll center center; background-size: auto 100%; }
#about-us .abt-txt { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
#about-us .abthand { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); }
#about-us .abtcrc { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
#services .swiper-slide:hover .box { transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); -webkit-transform: translatey(0px); box-shadow: 2px 5px 5px rgba(0,0,0,0.5); }
#about-us h1{padding:0 20px;}
.bg-holder { width: 100%; height:225px; background-size: cover; background-position: 50% 50%; color: #fff; }
}

@media (max-width:1023px) {
	.navbar-nav > li{ margin-left:8px;}
	.navbar-nav > li > a { font-size: 12px; }
#about-us .abt-txt { width: 100%; float: none; margin: 0 0 15px; }
#about-us .abt-img { width: 100%; float: none; }
.abtimg { margin: 0 auto; }
.service-box { width: 710px; }
#services .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -12px; }
#services .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -12px; }
.crtfn-box .title-box .tbl span { font-size: 28px; }
#ltd .td { display: block; text-align: center; width: 100%; }
#ltd .ltd-logo { margin-bottom: 10px; }
#ltd .td.ltd-cnt { margin: 0 0 20px; }
.service-box .box .service-info h5 { font-size: 14px; }
#services p { font-size: 13px; font-weight: 400; }
#ltd .ltd-wrap { padding: 50px 0; }
#testi-box .test-box{ max-width:500px; min-width:500px; background-position:left top; padding-right:20px; padding-left:115px;}
#testi-box .container{ width:100%; padding:0px;}
#testi-box .swiper-button-next{left:60%;}
#testi-box .swiper-button-prev{left:60%;}
#testi-box .test-box .test-cnt .right-quote{ right:-15px;}
#testi-box .test-title{ padding:0 10px;}
.navbar-nav > li:last-child{ display:none;}
.crtfn-box .cert-box .cert4{ width:95%}
.crtfn-box .title-box{ height:190px;}
.crtfn-box .title-box .tbl{ height:190px;}
}

.bix {margin:20px 0px 20px 0px;}
.box {    box-shadow: 0 0 0 1px #f5f5f5, 0 1px 18px 0 rgb(0 0 0 / 4%);
    padding: 22px; text-align: center;}
    .box img {margin-bottom: 5px; max-width: 100%;}
    .box p.inkj {margin-bottom: 10px; font-size: 24px;}
    .box p.redhover {padding:10px; background:green; border-radius:5px; color:#fff;  display: inline-block;}
    .box p.redhover a { text-decoration:none; color: white;}



@media (max-width:767px) {
#headerwrap h1 { font-size: 14px; height: 25px; line-height: 25px; padding:
}
#headerwrap .swiper-slide .img-icon img { width: 50px; height: auto; margin-bottom: 5px; }
#about-us { padding: 20px 0 0; background: url(../img/about-us-bg.jpg) repeat center center; }
#about-us .abt-txt { padding: 0 15px; font-size: 15px; }
#about-us .abt-txt p { line-height: 25px; }
#about-us .abt-txt p span { font-size: 20px; line-height: 18px; font-weight: 400; }
#about-us h1 { font-size: 30px; margin: 0 0 15px; text-align: center; }
#services h1 { font-size: 30px; }
h4 { font-size: 20px; }
#services p { padding: 0 10px; font-size: 13px; }
.crtfn-box { border-bottom: 20px solid #fff; border-top: 20px solid #fff }
.crtfn-box .title-box { width: 100%; height: auto; background: none; }
.crtfn-box .title-box .tbl { height: auto; }
.crtfn-box .title-box .tbl span { font-size: 30px; text-align: center; padding: 0px; float: none; width: 100%; display: block; height: auto; background: none; }
.crtfn-box .title-box .tbl span:after, .crtfn-box .title-box .tbl span:before { display: none; }
.crtfn-box .cert-box { width: 100%; }
.crtfn-box .cert-box .cert { width: 45%; }
.crtfn-box .cert-box .cert4{ width:90%;}
.crtfn-box .cert-box .cert.cert-shadow { display: none; }
.crtfn-box .cert-box .cert1 { padding-right: 10px; }
.crtfn-box .cert-box .cert2 { padding-left: 10px; border-left: 1px solid #9a9a9a; }
.service-box { width: 250px; }
.service-box .box .service-info h5 { font-size: 14px; }
#services p { font-size: 14px; }
#our-team h1 { font-size: 30px; }
#our-team p { font-size: 14px; padding: 0 15px; }
#our-team .team-box .box .member-info p { padding: 0px; }
#contact-us .cfrom-box .cbox { display: none; }
#contact-us .cform { position: static; margin: 0px; width: 100%; max-width: 300px; margin: 0 auto;/* min-height:504px; background:url(../img/crc-bg.png) no-repeat center center; */ }
#contact-us .cfrom-box { width: 100%; height: auto; }
#contact-us .container { padding: 50px 0 30px; background: rgba(0,0,0,0.5); }
.footer .social-btns { float: none; width: 100%; text-align: center; }
.footer .ftext { text-align: center; width: 100%; float: none; line-height: 20px; padding-bottom: 20px; }
.navbar-collapse { padding: 0px; }
.navbar-nav { float: none; width: 100%; margin: 0px; padding: 0px; }
.navbar-nav > li { margin-left: 0px; border-bottom: 1px dotted #F0F0F0; }
.navbar-nav > li > a { padding: 10px; font-size: 14px; font-weight: 400; }
.navbar-brand { width: 175px; }
.navbar-brand img {  height: auto; }
.navbar-toggle { margin-top: 18px; padding: 9px 7px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #0062a9; }
.navbar-default .navbar-toggle { border-color: #0062a9; }
.navbar-default::after { width: 26px; height: 26px; bottom: -10px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #0062a9; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
.blank-img { display: none; }
.navbar-nav > li > a:after, .navbar-nav > li > a:before { display: none !important; }
#our-team .team-box .box { float: none; margin: 0 auto; }
#headerwrap h1 { margin-bottom: 5px; }
.navbar-brand { padding-left: 15px; }
#headerwrap .swiper-slide { min-height: 200px; }
#headerwrap .swiper-slide .tbl { min-height: 200px; }
.swiper-container-horizontal > .swiper-pagination { width: 100% !important; left: 0px; right: auto !important; top: auto !important; bottom: 0px; margin-top: 0px !important; }
#headerwrap .swiper-pagination span { display: inline-block !important; width: 12px; height: 12px; margin: 0 4px; }
#our-team .team-box .box .member-info p { font-size: 14px; }
#our-team .team-box .box .member-info h5 span { font-size: 13px; }
#ltd #video-wrap { padding: 5px; }
#ltd .td { padding: 0px; }
#ltd .ltd-logo { width: 100%; }
#ltd .ltd-logo img { width: 80%; height: auto; max-width: 311px; }
#ltd .ltd-txt { font-size: 18px; }
#contact-us .cform h2.thank-you { margin: 50px 0; }
.footer .social-btns a { width: 32px; height: 32px; line-height: 32px; font-size: 16px; }
.footer .ftext span { display: block; }
#testi-box .test-title{ display:block; width:100%;}
#testi-box .td{ display:block; width:100%;}
#testi-box .test-box{ max-width:100%; min-width:100%; padding:20px 10px 30px; min-height:inherit; background-position:center center;}
#testi-box .swiper-button-next img, #testi-box .swiper-button-prev img, #testi-box .test-box .test-cnt .left-quote, #testi-box .test-box .test-cnt .right-quote{ display:none;}
#testi-box .swiper-slide{ width:100% !important;}
#testi-box .tbl{ height:auto; display:block; width:100%; }
#testi-box .test-box .tbl{ height:auto;} 
#testi-box .test-title{ font-size:22px; padding:20px 10px;}
#testi-box .swiper-pagination{ display:block;}

.parallax-window{ min-height:200px;}
.dummyht{ display:none;}
.bg-holder { width: 100%; height:150px; background-size: cover; background-position: 50% 50%; color: #fff; }
.navbar-nav > li:last-child{ display:block;}
.crtfn-box .cert-box .cert4{ margin-left:0px; padding:20px 0;}
}



.footer-widget {}
.footer-widget ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widget h5 {
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #FFF;
    margin: 0 0 24px;
}

.footer-widget a {
    color: #8f8f8f;
}

.footer-contact {
    color: #8F8F8F;
    font-size: 14px;
}

.footer-contact li {
    margin-bottom: 8px;
}

.footer-contact li i {
    width: 18px;
}

.footer-newsletter {
    margin-top: -4px;
}

.footer-newsletter p {
    margin-bottom: 20px;
}


.footer-copyright {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: 19px;
    padding: 19px 0 17px;
}

.footer-copyright p {
    color: #8F8F8F;
    font-size: 12px;
    padding: 7px 0 0;
    margin: 0;
}
.footer-menu li {
    margin-right: 10px;
}

.footer-menu li a {
    color: #8F8F8F;
    font-size: 12px;
    line-height: 42px;
}
.footer-copyright p a {
    color: #BEBEBE;
}