@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,400,300,300italic,700,500,500italic|Montserrat:400,700);
@import url(btn-animation.css);
@import url(page-animation.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER PART */
/* 03 - PAGES & SECTIONS SETUP*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

body{ margin:0; padding:0; background:#fff; }
body:before {  }
.page { width:100%; position:relative; float:left; }
.page:after { /*background:url(../images/body-bg.jpg) center center no-repeat; background-size:cover; opacity:0.22; position:absolute; left:0; top:0; height:100%; content:''; width:100%;*/ }
.main-div { position:relative; z-index:1; float:left; width:100%; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}
ul{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; outline:none;  -webkit-transition: all .2s ease-out; -moz-transition: all .2s linear;  transition: all .2s linear;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.clear{ clear:both;}
#header{ width:100%; float:left; padding:70px 6%;}
textarea{resize:none}
input,textarea{ outline:none}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER PART */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.site-logo{ float:left;}
.header-nav{ text-align:center; width:100%; float:left; padding-top:13.5px; }
.header-nav ul{ text-align:center; width:100%; float:left;}
.header-nav ul li{ display:inline-block; float:none; padding:0 30px;}
.header-nav ul li a{ position:relative; text-transform:uppercase; font-size:13px; font-family:'Montserrat'; color:rgba(0,0,0, 0.5); padding:17px 0; }
.header-nav ul li.current a:after{ position:absolute; bottom:0; left:50%; margin-left:-3px; width:6px; height:6px; background:#C4161C; content:''; border-radius:50%;}
.header-nav ul li a:hover,
.header-nav ul li.current a{ color:#000;}
.social-share{ float:right; text-align:right; padding-top:14px; }
.social-share li{ display:inline-block; padding:0 5px}
.social-share li:last-child { padding-right:0; }
.social-share li a{ color:rgba(0,0,0, 0.3); font-size:19px;}
.social-share li a:hover{ color:#C4161C;}
.container{ max-width:800px; margin:0 auto}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - PAGES & SECTIONS SETUP*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#main{ width:100%; float:left; padding:0 0 150px 0; }

.contentarea { padding-top:95px;}
.page-contact .contentarea { padding-top:10px; }
.contentarea h1{ color:rgba(0,0,0, 0.8); font-size:36px; font-family:'Roboto'; font-weight:500; font-style:italic; padding:0 0 27px 0;}
.contentarea p{ color:rgba(0,0,0, 0.5); font-size:18px; font-style:italic; font-weight:300; line-height:24px; font-family:'Roboto'; padding:0 0 30px 0}
.page-about .contentarea { padding:225px 0 100px 0;}
/*TIMEZONE*/
#timezone-countdown{ padding:120px 70px 115px 70px; float:left; width:100%;}
#timezone-countdown li{ float:left; width:25%; padding:0 10px; position:relative; text-align:right}
#timezone-countdown li p{ font-size:13px; font-weight:700; font-family:'Montserrat'; text-transform:uppercase; position:absolute; left:12px; top:15px}
#timezone-countdown li span{ font-size:65px; font-weight:100; font-family:'Roboto'; font-style:italic; }
/*NEWSLETTER*/
.newsletter-box,.contactform form{width:494px; margin:0 auto; background:#f1f1f1; -webkit-transition: all .2s ease-out; -moz-transition: all .2s linear;  transition: all .2s linear;}
.newsletter-box.focus,.contactform form.focus{ background:#f1f1f1;}
.newsletter-box .formarea{padding:30px;}
.newsletter-box .formarea h3,
.contactform form label{ color:rgba(0,0,0, 0.3); font-family:'Montserrat'; font-size:12px; text-transform:uppercase; letter-spacing:1px; padding:0 0 20px 0;}
/*CONTACT FORM*/
.newsletter-box .formarea input,
.contactform form textarea,
.contactform form input{ width:100%; background:none; padding:0; margin:0; border:0; font-size:21px; color:rgba(250,250,250, 0.2);font-family:'Roboto'; font-weight:300; font-style:italic;}
.newsletter-box.focus .formarea input { color:rgba(0,0,0, 0.8) }
.newsletter-box .btn { background:#d8d8d8; color:rgba(0,0,0, 0.3); }
.newsletter-box.focus .btn { background:transparent; }
.newsletter-box.focus .btn { color:#fff; background:#C4161C; }
.newsletter-box.focus .btn:hover { background:transparent; }
/*.newsletter-box.focus .btn { background:#39baff; }*/
.form-title{ padding:60px 0 60px 0;}
.error,
.contactform form label.error{ color:#39baff; font-family:'Roboto'; font-weight:400; font-size:13px; display:block; padding:10px 0 0 0; text-transform:none; letter-spacing:0}
.form-title i{ color:#39baff; font-size:45px;}
.newsletter-box.focus .formarea input,
.contactform form.focus input,
.contactform form.focus textarea{ color:#1a1a1a;}
.newsletter-box.focus .formarea h3{color:rgba(0,0,0, 0.4);}
.contactform form fieldset{ margin:0; padding:30px; border:0}
.contactform form fieldset.btnarea{ padding:0}
.contactform form label{ width:100%; float:left; color:rgba(0, 0, 0, 0.3); }
.contactform form.focus label { color:rgba(0, 0, 0, 0.4); }
.contactform form.focus textarea,
.contactform form.focus input { color:rgba(0, 0, 0, 0.8); }
.contactform form textarea{ height:100px;}
.contactform form{ width:100%; float:left; background:#f1f1f1;}
.contactform .btn { background:#d8d8d8; color:rgba(0,0,0, 0.3); }
.contactform .focus .btn { background:#C4161C; }
.contactform .focus .btn:hover { background:transparent; }
.contactform .btn:hover {  }

.contactform{width:494px; margin:0 auto;}
.contactform .contactinfo{ padding:50px 0 0 0; float:left; width:100%;}
.contactform .leftcol,.contactform .rightcol{ float:left; width:50%}
.contactform .condetail{ background:url(../images/icon-phone.png) left center no-repeat; padding:0 0 0 38px; font-size:11px; font-family:'Montserrat'; text-transform:uppercase; letter-spacing:1px; color:#808080; font-weight:700}
.contactform .condetail span{ display:block; font-size:14px;color:#fff; text-transform:none; line-height:24px;}
.contactform .condetail span a{color:#fff;}
.contactform .condetail span a:hover{color:#39baff;}
.contactform .condetail { background:url(../images/icon-phone.svg) left top no-repeat; padding:0 0 0 38px; color:#585858; fill:currentColor; }
.contactform .condetail.call{ margin-bottom:40px;}
.contactform .condetail.email{ background:url(../images/icon-email.svg) left top no-repeat;}
.contactform .condetail.address{ background:url(../images/icon-address.svg) left top no-repeat;}
#footer{ width:100%; float:left; padding:0 6% 0 6%; position:absolute; left:auto; bottom:6%; width:100%; }
#footer .copy { color:rgba(0,0,0, 0.5); font-weight:700; font-size:14px; font-family:'Montserrat';}
.text-center{ text-align:center}
.alert{ background:none; padding:20px 0; color:#b3b3b3; font-family:'Roboto'; font-weight:300; font-style:italic; text-align:center; font-size:18px; }
.alert i{ font-size:25px; vertical-align:middle;}
@-webkit-keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}
60% {opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
75% {-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
90% {-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}
100% {-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% {opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}
60% {opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
75% {-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
90% {-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}
100% {-webkit-transform:none;transform:none}
}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
#spinner-form{ display:none;}

/*color*/
.contactform .condetail span a,
.contactform .condetail span{ color:rgba(0,0,0, 0.5);}
#timezone-countdown li { color:rgba(0,0,0, 0.8); }
#timezone-countdown li p { color:rgba(0,0,0, 0.5); }

/*.social-share li a,*/
.newsletter-box .formarea input,
.contactform form.focus input, .contactform form.focus textarea,
.newsletter-box .formarea input, .contactform form textarea,
.alert{color:#b2b2b2;}

.contactform .condetail { color:#666666;}

.newsletter-box .formarea input,
.newsletter-box .formarea textarea,
.contactform form textarea,
.contactform form input{color:rgba(0,0,0, 0.3);}

.newsletter-box.focus .formarea input,
.newsletter-box.focus .formarea textarea,
.contactform form.focus textarea,
.contactform form.focus input{color:rgba(0,0,0, 0.8);}

.header-nav ul li.current a:after,
.newsletter-box.focus p,
/*.btn-1e:after{ background:#1990dc;}*/
.form-title i,
.contactform .condetail span a:hover{ color:#C4161C;}
/*color*/

/*font*/
.header-nav ul li a,
#timezone-countdown li p,
.btn,
.contactform .condetail,
.contactform form label,
.newsletter-box .formarea h3{font-family:'Montserrat';}
.contentarea h1,
.contentarea p,
#timezone-countdown li span,
.newsletter-box .formarea input, .contactform form textarea, .contactform form input{font-family:'Roboto';}
/*font*/

.contactform form.successform { background:none; }
.contactform form.successform .form-none { display:none; visibility:hidden; }
.contactform form.successform .success i { color:#C4161C; }
.contactform form.successform .success { height:510px; display:table-cell; vertical-align:middle; width:1000px; }

.newsletter-box.successform { background:none; }
.newsletter-box.successform #frmNewsletter { display:none; visibility:hidden; }
.newsletter-box.successform .success i { color:#C4161C; }
.newsletter-box.successform .success { height:190px; display:table-cell; vertical-align:middle; width:1000px; }

/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/

/*Common Widescreen Laptops*/
@media only screen and (max-width: 1180px){
#header .container{ max-width:500px;}
}

/*Small Desktop and Very Small Notebook */
@media only screen and (max-width: 999px){
.container{ max-width:700px;}
#timezone-countdown li span{ font-size:56px;}
#timezone-countdown li p{ left:0}
#header .container{max-width:320px;}
#header{ padding-left:20px; padding-right:20px;}
.header-nav ul li{ padding:0 15px;}
}

/*Medium Tablets */
@media only screen and (max-width: 780px){
.social-share{ margin-top:-20px;}
#timezone-countdown li{ text-align:center; width:50%; padding-bottom:15px;}
#timezone-countdown li p{ position:relative; top:0; left:0}
.container{ padding-left:20px; padding-right:20px;}
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media only screen and (max-width: 768px){
.example-header .container { width: 100%; }
.header-nav ul li{ padding:0;}
.spinner-master * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;}
.spinner-master {position:relative;margin:14px 25px 0 0px;height:30px;width:18px;float: left;}
.spinner-master label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:2px;left:0;}
.spinner-master .spinner {position:absolute;height:2px;width:100%;padding: 0;background-color:rgba(0,0,0, 0.5);}
.spinner-master .diagonal.part-1 {position:relative;float:left;}
.spinner-master .horizontal {position:relative;float:left;margin-top:4px;}
.spinner-master .diagonal.part-2 {position:relative;float:left;margin-top:4px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {opacity: 0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:8px;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-8px;}
a.menu-link { display: block; color: #fff; float: left; text-decoration: none; padding: 10px 16px;font-size: 1.5em}
a.menu-link:hover { color: #fff;}
a.menu-link:after {content: "\2630";font-weight: normal;}
a.menu-link.active:after {content: "\2715";}
.menu { clear: both; min-width: inherit; float: none; }
.menu, .menu > ul ul { overflow: hidden; max-height: 0; }
nav#menu{ background-color: #242424; padding:0 5%; z-index:9999; position:relative; }
.menu > li > ul.sub-menu { padding: 0px; border: none; }
.menu.active, .menu > ul ul.active { max-height: 55em; }
#header{ position:relative;}
#header .container{ position:absolute; left:0; top:70%; width:100%; max-width:100%; padding:0;}
.header-nav ul li.current a:after{ left:0; top:45%;}
.header-nav ul li a{ padding:10px 0 10px 15px; color:rgba(250, 250, 250, 0.5); }
.header-nav ul li.current a,
.header-nav ul li a:hover { color:#fff; }
.header-nav ul{ padding:10px 0;}
.social-share{ margin:0; padding-top:14px; }
.menu ul { display: inline; text-align: left;}
.menu li, .menu > ul > li { display: block; }
.menu > ul > li:last-of-type a { border: none;}
.menu li a { color: #fff; display: block; padding: 0.8em; position: relative;}
.menu li.has-submenu > a:after {content: '+';position: absolute;top: 0;right: 0;display: block;font-size: 1.5em;padding: 0.3em 0.5em;}
.menu li.has-submenu > a.active:after {content: "-";}
.menu ul ul > li a { background: rgba(250,250,250, 0.5);  padding: 0;margin: 5px;}
.menu ul ul, .menu ul ul ul { width: 100px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; position: relative; border:none; justify-content: center;background: #000;}
.menu ul ul > li{display: block;margin: 0 10px;border: none;background: #000;}
.search_box{position: relative;top: 0px;left:0;z-index: 10;}
#timezone-countdown{ padding:30px 70px 30px;}
#footer{ padding-top:50px;}
.newsletter-box,.contactform{ width:100%;}
.form-title{ padding-bottom:30px;}
.page-about .contentarea{ padding-top:30px;}
}

/*Google Nexus and Other Large Smart Phones v1*/
@media only screen and (max-width: 500px){
#header{ padding-top:30px; padding-bottom:30px;}
.btn-1e:after{top:200%;}
}

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media only screen and (max-width: 400px){
#timezone-countdown{ padding-left:0; padding-right:0;}
.newsletter-box .formarea h3, .contactform form label{ font-size:11px}
.btn-1e:after{top:270%;}
.contentarea h1{ font-size:32px;}
.social-share li{ padding:0 1px;}
.social-share li a{ font-size:15px;}
.spinner-master{ margin-right:15px;}
.contactform .leftcol, .contactform .rightcol{ width:100%;}
.contactform .condetail.email{ margin-bottom:40px }
}

/*Other Major Small Smart Phones*/
@media only screen and (max-width: 340px){
.social-share { width:100%; text-align:center; }
.site-logo { width:100%; text-align:center; }
.site-logo a img { margin-left:-30px; }
#header .container { top:70px; }
}