.beta{position: fixed; z-index: 9999; bottom: 0; left: 0;}

body{background:#fff; font-family: 'Nanum Gothic', sans-serif; font-size:16px; line-height:22px; color:#444444;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#afcb1f; font-weight: bold;}
a:hover{text-decoration:none; color:#444444;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:20px; border:solid 1px #dad4c7; max-width:100%;}

ul.style{margin:0 0 10px 0;}
ul.style li{list-style:disc; margin:0 0 20px 30px; font-size:16px; line-height:18px;}
ol.style li{list-style:decimal; margin:0 0 20px 30px; font-size:16px; line-height:18px;}
ol.style li ul li{list-style:disc; margin:0 0 20px 30px;}
ul.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

/*class for slider over video*/
.banner-video-wrapper {position: relative;}
.overlay {position: absolute; text-align: center; background: rgba(0, 0, 0, 0.5); top:0; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%;  height: 100%; padding: 20% 10px; transition: .5s ease;}
.overlay:hover {height: 100%; background: rgba(25, 155, 219, 0.9); padding: 2% 10px;}

.overlay, .overlay .heading{color: #fff!important;}
.overlay .heading{font-size: 26px; line-height: 30px; text-transform: uppercase; margin: 15px 0 5px;}
.overlay p{font-size: 14px; line-height: 17px; opacity: 0; transition: .5s ease;}
.overlay:hover p{opacity: 100;}
/*class for slider over video*/

.heading, .sub-heading, .heading .heading{display:block; font-family: 'Cuprum', sans-serif; font-size:30px; line-height:30px; font-weight: bold; color:#000; margin:5px 0 20px 0;}
.heading .heading{margin:0!important;}
.sub-heading{font-size:20px; line-height:24px; font-weight:normal; margin:0 0 10px;}
.heading .sub-heading{font-size:20px; line-height:22px; margin:5px 0 10px; color:#199bdb;}

p, .mb{display:block; margin-bottom:20px; font-size:16px; line-height:22px; text-align: justify;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.table_style{border:1px solid #DDDDDD; margin-bottom:20px; width:100%; font-size:12px; line-height:14px; text-align:center;}
.table_style table{border:1px solid #FFFFFF; border-collapse:collapse; margin:0; padding:0; width:100%;}
.table_style tbody{background:#F9F9F9;}
.table_style th{background-color:#9b9b9b; border-bottom:dotted 1px #c8c8c8; color:#fff; font-size:18px; line-height:19px; padding:12px 10px; font-weight:bold; text-align:center;}
.table_style tr:hover{background-color:#fff4ca;}
.table_style td{border-top:1px dashed #D5D5D5; color:#666666; padding:10px; vertical-align:middle; text-align:center; font-size:18px; line-height:19px;}
.table_style tfoot{background-color:#F3F3F3;}
.table_style tfoot td{padding:8px;}

.row{max-width:72rem;}

header{padding: 15px 5% 0; box-shadow:0 0 5px #434343; background: #fff; /*position: fixed; width: 100%; z-index: 99999;*/}
header .logo a{display: block; margin-bottom: 15px;}

.sticky {position: fixed; top: 0; width: 100%; z-index: 9999;}

/*class for navigation*/
.navigation{margin-top: 2%;}
.navigation, .top-bar-section ul li{background:none;}
.top-bar-section{float:right;}
.top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){background:none; color:#616161;}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a{color:#afcb1f; background:none;}

.top-bar, .title-area{height:36px; line-height:36px}
.top-bar-section li:not(.has-form) a:not(.button){padding:10px 12px; font-size:14px; line-height:16px; font-weight: bold; color:#616161; text-align:center;}
.top-bar-section .has-dropdown > a{padding-right:12px!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#019bda; border-top:solid 1px #05b0e8; border-bottom:solid 1px #038bc3; padding:5px 8px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:16px; text-align:left; font-weight: normal;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){background:#005cc9;}
.top-bar.expanded li a{text-align:left!important;}
.top-bar.expanded li a:hover{background:#005cc9!important;}
.top-bar.expanded .toggle-topbar a:hover{background:none!important;}
.top-bar.expanded li a br{display:none;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff!important; background:#04aae0!important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}

.top-bar-section ul li.contact-us{background: #019bda;}
.top-bar-section ul li.contact-us:hover{background: #afcb1f;}
.top-bar-section ul li.contact-us a{color: #fff!important;}
/*class for navigation*/

.banner-home{margin-bottom: 10px; position: relative;}
.banner-home .banner-text{position: absolute; z-index: 9; text-align: center; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 60%; height: 130px; color: #fff;}
.banner-home .banner-text .heading{color: #fff; font-size: 60px; line-height: 64px; margin-bottom: 0;}
.banner-home .banner-text p{font-size: 24px; line-height: 28px; font-weight: bold; text-align: center;}

.banner{margin-bottom:10px; position: relative;}
.banner .sub-heading{position: absolute; z-index: 9; text-align: center; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 80%; height: 130px; color: #fff;
 font-size: 52px; line-height: 56px; font-weight: bold; text-shadow: 2px 1px 1px #000;}
.banner img{width:100%;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.video-container .row{background: #000;}
.video-container .columns{padding: 0; line-height: 0;}
/* Hide Play button + controls on iOS */
video::-webkit-media-controls {display:none !important;}

.main-content{padding: 30px 0;}

.showreel{margin: 0 0 10px; position: relative;}
.showreel .showreel-text{position: absolute; text-align: center; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; width: 60%; height: 130px; color: #fff;}
.showreel .showreel-text .heading{color: #fff; font-size: 60px; line-height: 64px; margin-bottom: 0; text-shadow: 2px 1px 1px #000000;}
.showreel .showreel-text p{font-size: 24px; line-height: 28px; font-weight: bold; text-shadow: 2px 1px 1px #000000; text-align: center;}
.showreel video{width: 100%;}
.video-wrapper{max-height: 700px; overflow: hidden; z-index: 1;}
.video-wrapper .mask{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; background: url(../img/videomask.png) repeat center;}

.our-team ul li{text-align: center; margin-bottom: 30px;}
.our-team ul li .heading{font-size: 18px; line-height: 20px; font-weight: bold; margin:10px 0 0;}
.our-team ul li .sub-heading{font-size: 15px; line-height: 18px; font-weight: bold; color: #272727; margin-bottom: 0;}
.our-team ul li strong{display: none;}
.our-team ul li img{-webkit-filter: grayscale(50%); filter: grayscale(50%);}
.our-team ul li .wrapper .circle{border-radius: 50%; overflow: hidden; position: relative; transition: all 0.6s ease;}
.our-team ul li .wrapper:hover .circle{border-radius: 10% 0;}
.our-team ul li .wrapper .circle p{opacity: 0; position: absolute; top: 0; padding:40% 5%; background: rgba(32, 32, 32, .9); color: #fff; width: 100%; height: 100%; transition: all 0.6s ease;}
.our-team ul li .wrapper .circle p span{font-size: 14px; line-height: 20px; display: block;}

.our-team ul li .wrapper{margin: 0 25px; font-size: 14px; line-height: 22px;}
.our-team ul li .wrapper:hover p{opacity: 100; padding:5% 5%;}


.feature-videos{margin: 20px 0 80px;}
.feature-videos .columns{padding: 0;}
.feature-videos .heading{margin-bottom: 30px;}
.feature-videos .flex-video{margin: 0;}
.feature-videos .video{border: none;}

.partners{text-align: center; background: #1f1f1f; padding: 0 20px 40px; margin-bottom: 60px;}
.partners .heading{font-size: 40px; line-height: 44px; margin-bottom: 40px; padding: 20px 20px 10px; color: #ccc; border-bottom: solid 2px #5f5f5f;}
.partners .heading .heading{margin-bottom: 10px; padding: 0; border-bottom: none;}
.partners .heading .sub-heading{color: #ccc;}
.partners img{margin: 10px 20px;}

a.email{background:#afcb1f url(../img/email.png) left center no-repeat; padding: 12px 15px 12px 65px; color: #fff; font-weight: bold; display: inline-block; margin-bottom: 10px;}
a.email:hover{background:#a6c218 url(../img/email.png) left center no-repeat;}
a.phone{background:#3488b6 url(../img/phone.png) left center no-repeat; padding: 12px 15px 12px 55px; color: #fff; font-weight: bold; display: inline-block; margin-bottom: 10px;}
a.phone:hover{background:#2b7daa url(../img/phone.png) left center no-repeat;}

.activities-list li strong span{font-weight: normal; color: #808080; font-size: 14px;}

.click2callbtns{margin-bottom: 40px;}

footer{background: #2b2b2b; padding: 15px 20px; margin-top: 20px; font-weight: bold;}
footer, footer a{font-size: 14px; line-height: 20px; color: #e9e9e9;}
footer a:hover{color: #fff;}
footer .text-right img{margin:8px 3px;}
footer .logo img{width: 120px;}
footer .logo span{display: block; margin-top: 5px;}
footer .social{margin-top: 15px;}
footer .copyright{margin-top: 15px;}

/*Small screens*/
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading, .sub-heading, .heading .heading{font-size:22px; line-height:24px;}
.sub-heading{font-size:18px; line-height:20px;}
.heading .sub-heading{font-size:17px; line-height:20px;}

header{text-align: center; padding: 15px 0 0;}
header .logo a{margin: 0 auto;}

.navigation{background: #000; margin: 10px -0.9375rem 0;}
.top-bar-section{float:none;}

.banner-home{margin-bottom: 30px;}
.banner-home .banner-text{width: 90%;}
.banner-home .banner-text .heading{font-size: 30px; line-height: 34px;}
.banner-home .banner-text p{font-size: 18px; line-height: 22px;}

.banner .sub-heading{font-size: 20px; line-height: 24px; height: 60px;}

.showreel .showreel-text{width: 90%;}
.showreel .showreel-text .heading{font-size: 30px; line-height: 34px;}
.showreel .showreel-text p{font-size: 18px; line-height: 22px;}

.feature-videos .columns{margin-bottom: 20px; padding: 0.9375rem;}

.partners img{max-height: 60px; margin: 10px;}

.click2callbtns .columns{text-align: center!important;}

footer, footer .columns{text-align: center!important; margin: 3px 0;}
footer .logo img{width: 180px;}
img.left, img.right{float:none!important; margin:0 auto!important; display:block;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
header{text-align: center; padding: 15px 0 0;}
header .logo a{margin: 0 auto;}

.navigation{border-top: solid 1px #ccc; margin: 10px -0.9375rem 0;}
.top-bar-section{float:none;}
.top-bar-section li:not(.has-form) a:not(.button){padding:10px 25px;}
.top-bar-section .has-dropdown > a{padding-right:25px!important;}

.overlay .heading{font-size: 20px; line-height: 22px;}

.banner-home .banner-text{width: 90%}

.showreel .showreel-text{width: 90%;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 40.063em) and (max-width: 56em) {
.top-bar-section li:not(.has-form) a:not(.button){padding:10px 9px;}
.top-bar-section .has-dropdown > a{padding-right:9px!important;}

.banner .sub-heading{font-size: 38px; line-height: 42px;}

.overlay {padding: 10% 10px;}
.overlay .heading{font-size: 17px; line-height: 20px;}
}

/*Large screens*/
@media only screen and (min-width: 64.063em) {} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */