@font-face {
    font-family: 'Futura';
    src: url('FuturaBT-Light.eot');
    src: local('Futura Light BT'), local('FuturaBT-Light'),
        url('../fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Light.woff') format('woff'),
        url('../fonts/FuturaBT-Light.ttf') format('truetype'),
        url('../fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('FuturaBT-Medium.eot');
    src: local('Futura Medium BT'), local('FuturaBT-Medium'),
        url('../fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaBT-Medium.woff') format('woff'),
        url('../fonts/FuturaBT-Medium.ttf') format('truetype'),
        url('../fonts/FuturaBT-Medium.svg#FuturaBT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('Futura-Bold.eot');
    src: local('Futura Bold'), local('Futura-Bold'),
        url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Futura-Bold.woff') format('woff'),
        url('../fonts/Futura-Bold.ttf') format('truetype'),
        url('../fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
figure{ margin:0px; padding:0px;}
audio,canvas,video { display: inline-block;}
section{width:100%; clear: both; content: " "; display: table; padding:0px 0}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
/*************************
*******Typography******
**************************/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {padding: 0;margin: 0; font-family:'Futura'; font-size:18px; color:#000;}
.fullbody{position:relative;}
.fullbody{background:url(../images/triangle-AC.png) no-repeat 100% 250px; background-size:63%; width: 100%; }

input, textarea{font-family:'Futura';}

/* set image max width to 100% */
img {max-width: 100%; border:none; height: auto; width: auto\9; /* ie8 */}

p{ margin:0px 0 20px 0; padding:0px;}

.red{ color:#e60000 !important;}


a{ color:#444; text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
a:hover{ color:#040707; text-decoration:none;}

h1, h2, h3, h4 {font-family:'Futura';  color:#000; font-weight:normal; text-transform:uppercase;}
h1{ color:#000;}
h2 {margin: 0;font-size:2em; line-height:1.07em; margin-bottom: 20px; font-weight:bold;}
h2 span{color:#00a2e1;}
h3{color:#004990; font-size:1.5em; margin:20px 0 10px 0; padding:0px; text-transform:inherit;}
ul{ list-style:none; margin:0px; padding:0px;}
*:focus {outline: none;}

header{ position:relative;}
header video{width:100%;}
.d-block{display:block;}
.mobile-bnr{display:none;}
.tmc{ position:absolute; bottom:20px; left:5%; color:#fff; font-size:1.4em;}
.tmc a{color:#fff; text-decoration:none;}

.container{width:1280px; margin:0 auto; }
.storyboard{ /*background:url(../images/oil-pic.png) no-repeat 100% 100% #004990; background-size:33%;*/}
.storyboard h2{ margin-top:3.7vw;}
.section-padding{padding:40px 0px; line-height: 1.4em;}
.contentBlueyard{width:45%;}
.contentBlueyard2{width:60%;}

.lookingtxt{width:65%; margin:0 auto;}


.wrapBox{display: flex; flex-wrap: wrap; margin-top:10px; margin-bottom:10px; align-items: center;}
.wrapBox span{width:75%; display:block; text-align:left;}

.dotLine-1{ margin-top:-8px;}
.dotLine-1 img{width:30vw;}

.feature h2{ text-align:center; position:relative; margin-bottom:40px;}
.feature h2:before{content:''; display:block; background:url(../images/dot-top-line-2.png) no-repeat 0% 0px #fff; background-size:contain; height:50px; position: absolute; left: 0px; top: 0px; width: 25vw; height: 60px; z-index: -1;}
.feature h2:after{content:''; display:block; background:url(../images/dot-top-line-3.png) no-repeat 100% 0px #fff; background-size:contain; height:50px; position: absolute; right: 0px; bottom: 0px; width: 25vw; height: 60px; z-index: -1;}

/*Form css end*/

/* button css */
.btn-big{ background:transparent; width:300px; padding:20px 0px; margin-top:20px; border:none; border:1px solid #333; cursor:pointer; font-size:14px;  color:#222; margin-left:auto; margin-right:auto; display:inherit; }
.btn-big:hover{ background:#3db5e5; color:#fff;}
.btn-big.blue{background:#3db5e5; color:#fff; border:1px solid #3db5e5;}
.btn-big.blue:hover{background:transparent; color:#000; border:1px solid #333;}
/* button css end*/

body .bx-wrapper{box-shadow: 0 0 0px #ccc; border:none; background:transparent; margin-bottom:80px;}
.bx-wrapper .bx-loading{background: url('../images/bx_loader.gif') center center no-repeat #ffffff;}
.bx-wrapper, .bx-wrapper .bx-viewport{ background:none; padding:0px; margin:0px; border:none; box-shadow:none; margin-bottom:0px;}
.bx-controls-direction{width: 200px; position: relative; margin-left: auto; margin-right: auto;}
.bx-wrapper .bx-controls-direction a{background: url('../images/controls.png') no-repeat; width:70px; height:20px; z-index:9;}
.bx-wrapper .bx-controls-direction .bx-next {background-position: 100% 0px;}
.bx-wrapper .bx-controls-direction .bx-prev {background-position: 0% 0px;}

.bx-wrapper .bx-controls-direction .bx-next:hover {background-position: 100% 97%;}
.bx-wrapper .bx-controls-direction .bx-prev:hover {background-position: 0% 97%;}


.btmDiv .bx-wrapper .bx-controls-direction a{ top:auto; bottom:-50px;}

.pdtShow .bx-wrapper .bx-controls-direction .bx-next {right:-37px;}
.pdtShow .bx-wrapper .bx-controls-direction .bx-prev {left:-37px;}

.btmDiv{position:relative;}
.btmDiv:before, .btmDiv:after{content:''; display:block; background:url(../images/wave-line-left.png) no-repeat 0% 0px #fff; background-size:contain; width:230px; height:240px; position: absolute; left:0px; top:20px; z-index: -1;}
.btmDiv:after{background:url(../images/wave-line-right.png) no-repeat 100% 0px #fff; background-size: contain; left:auto; right:0px; top:0px;}
.interDiv{width: 100%; color:#1f1f1f; display: flex; flex-wrap: wrap;}
.interDiv li .mainBigIcon{ text-align:center; padding-left:0px;}
.interDiv li .mainBigIcon img{width:80%; display:inline-block;}
.interDiv li figcaption img{width:60px; height:60px;}
.interDiv li span{ display:block; color:#3db5e5; font-weight:bold; padding-left:10px; font-size: 1.4em;}
.interDiv li{position:relative; width:25%; /*border-left: 1px solid #a2a2a2;*/}
.interDiv li figcaption{border-right:1px solid #4c4c4c; font-size: .7em; padding:0px 20px; min-height:150px;}
.interDiv li:before{content:''; display:inline-block; width:1px; height:65%;  position:absolute; top:35px; left:-20px;}
.interDiv li:nth-child(n+1):nth-child(3n+1){border-left:none;}
.interDiv li h4{ color:#1f1f1f; font-size:1.4em; font-weight:normal; margin:0px; padding:0px;}
.interDiv li+li:after{content:''; display:block; background:url(../images/pdt-joint-line.png) no-repeat 50% 0px; background-size:contain; height:17px; position: absolute; left:-75px; top:27%; width:150px; z-index: -1;}

/*.btmDiv .bx-wrapper:before {content:''; display:block; background:#fff; background-size:contain; height:200px; position: absolute; left: 0px; top:25px; width:100px; z-index: -1;}*/

footer{ margin-top:30px; margin-bottom:10px;}
footer h3{font-weight:bold; margin-top:0px; color:#000;}
footer li{display:inline-block; vertical-align:middle; width:49.5%; text-align:center;}
footer .deviderLine{border-right:4px solid #3db5e5;}
.tmcContent{font-size:11px; padding:2px 20px; text-align:left; margin-bottom:20px; line-height:1.4em;}
.tmcContent span{display:block;}
.tmctxt{ text-align:center; margin-top:30px; font-size:12px; color:#000; border-top:1px solid #bbbbbb; padding:10px 0px 0px 0px; font-size:1.1em;}

/*Drop Down language css*/
#page-changer{ width:180px; position:absolute; right:0px; z-index:9;}
#page-changer select{ border:1px solid #ccc; width:110px; height:25px;  padding:2px 10px; float:right; font-family:'Futura'; background: #fff;}
#page-changer:after{content:'Select'; display:inline-block; font-size:14px; float:right; margin-right:5px; margin-top:4px;}
/*Drop Down language css end*/

@media(min-width:1367px) {
	.container{width:1300px;}
}
@media(min-width:1600px) {
	.container{width:1500px;}
}

@media(max-width:1024px) {
h2 {font-size:2.5em;}	
h3 {font-size:1.8em;}
.container{width:90%}	
.interDiv li h4{font-size:1.2em;}	
.plaza-box{width:32%;}
.plaza-box label, .plaza-box .select_box{display:block; margin-left:0px; width:74%;}
.plaza-box .select_box.workshop {width: 95%;}
.form-submit{ margin-top:15px;}
.storyboard{background-size:50%;}

.plaza-box label{min-height:auto; float:none; padding-top:0px;}
.has-error .form-error{display:block; width:100%; margin-left:0px;}
.plaza-box~.plaza-box:before{height:70px;}
#page-changer{position:relative; float:right;}
#page-changer select{height:22px; font-size:11px;}
#page-changer:after{font-size:11px;}
}

@media(max-width:767px) {
	body{font-size:13px;}
	.fullbody{background-position:100% 125px;}
	.interDiv li figcaption{font-size:1em;}
	.btn-big{width: 35vw;}
	.btn-big{margin-top:0px;}
	.contentBlueyard{width:60%;}	
}
@media(max-width:640px) {
.btn-big{width:90%; margin-bottom:20px; padding-top: 14px; padding-bottom: 15px;}
body .bx-wrapper{margin-left:auto; margin-right:auto;}
.interDiv li figcaption{border-right:none;}
.interDiv li + li:after{display:none;}
.wrapBox{justify-content: center;}
/*.interDiv li figcaption{text-align:center;}*/


.feature h2{margin-bottom:15px;}
.storyboard h2{width:185px;}

.contentBlueyard{width:65%;}

footer li{display:block; width:100%;}
footer .deviderLine{border:none;}	
.tmctxt{margin-top:10px;}
	
}
@media(max-width:480px) {
.section-padding{padding-top:20px; padding-bottom:20px;}	
h3 {font-size:1.4em;}	
.fullbody{background-position:100% 70px; background-size: 58%;}
h2 {font-size:1.5em;}

.interDiv li .mainBigIcon{padding-left:0px;}
.contentBlueyard{width:65%;}

.interDiv li{margin-top:-1px;}
.interDiv li figcaption{min-height:auto;}
.interDiv li h4{font-size:1.3em;}
.interDiv{ display:block;}
.interDiv li:before{width:100%; height:1px; border-top: 1px solid #d4d4d4; border-left:none; display:block; top: 6px; left: 0px; position:static;}

footer{margin-top:0px;}
.feature h2:before, .feature h2:after{width:14vw; display:none;}

}