/*--------------------------------------------------------------
 TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Set Font Face
1.0 Reset CSS
2.0 Clear floats
3.0 Common CSS
4.0 Typography + Message
5.0 Forms CSS
6.0 Grid

7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap');
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
/********* 0.0 Set Font Fase *********/

@font-face{
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}

.fa {display: inline-block;font: normal normal normal 18px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin-right:5px;}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rss:before{content:"\f09e"}
.fa-youtube:before{content:"\f167"}
.fa-envelope:before{content:"\f0e0"}
.fa-phone:before{content:"\f095"}


/********* 1.0 Reset CSS *********/

*, *::before,*::after {box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {text-decoration:underline;color:#E65A15;}a:focus {outline:thin dotted}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:#393939;}h1, h2, h3, h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;}

@-ms-viewport {width: device-width;}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
html {font-family: sans-serif;line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;}

:focus {outline-color: transparent;outline-style: none;}

a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea { -ms-touch-action: manipulation;touch-action: manipulation;}

/********* 2.0 Clear floats *********/

.cf:before, .cf:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {content:" ";display:table}
.cf:after, ul:after, .boxs:after, .radioList:after{clear:both}

/********* 3.0 Common tag *********/
body,button,input,select,textarea {color:#3d4246;font-family: 'Work Sans', sans-serif;font-size:16px; line-height:1.5;   -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-x: hidden;}

button, input, select, textarea { margin: 0; vertical-align: baseline; background-color:transparent; border:none;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0}

p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 20px;}

ul, ol {padding:0 0 0 20px; list-style: none}
ul ul,ol ol{ margin:10px 0}

dt{font-weight: 700;}
dd{margin-bottom: .5rem; margin-left: 0;}

img {border: 0; vertical-align: middle; max-width:100%; height:auto; border-style: none;}

figure { margin:0; }
legend { white-space:normal; }

q { quotes:"\201C" "\201D" "\2018" "\2019" }
small { font-size:80% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }


pre,code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}
pre {margin-top: 0;margin-bottom: 1rem;  overflow: auto;  -ms-overflow-style: scrollbar;}



table { border-collapse:collapse; width: 100%; max-width: 100%; empty-cells:show; border:none; }
table table { margin:0 }
th, td {border:none;padding:8px 10px}
th{ font-weight:bold;}
caption,td { font-weight: normal; } 

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 500;}
h1, .h1 {font-size: 2.5rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.75rem;}
h4, .h4 {font-size: 1.5rem;}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}

a {color: #222;text-decoration: none; outline:none;background-color: transparent;-webkit-text-decoration-skip: objects;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;}
a:focus {outline:none;}
a:hover, a:active {color:#000}

/********* 3.0 Common Class *********/

.fLeft{float: left !important;}
.fRight{float: right !important;}
.fNone {float: none !important;}

.rounded {border-radius: 0.25rem !important;}
.required{ color: #ff0000}

ul.bulletStyle { list-style:none; padding:0;}
ul.bulletStyle li {background:url(../images/right-arrow.gif) left 7px no-repeat; padding:2px 0 2px 20px;}

.w25 {width: 25% !important;}
.w50{width: 50% !important;}
.w75 {width: 75% !important;}
.w100 {width: 100% !important;}

.bold {font-weight:bold}
.italic {font-style:italic}
.longWord, .wordBreak {word-wrap: break-word}

  
/********* 5.0 Forms CSS *********/

input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #c5c5c5;width:100%;padding:5px 10px; }
input[type="submit"], input[type="button"],input[type="reset"],button,.button{ background-color:#1CCACD; color:#fff; border:1px solid #1CCACD; -webkit-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear;}
input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover{color:#fff; background-color:#333;}



/*Owl Slider*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

/* Feel free to change duration  */ 
.animated  {-webkit-animation-duration : 1000 ms  ;animation-duration : 1000 ms  ;-webkit-animation-fill-mode : both  ;animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {z-index : 1  }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {z-index : 0  }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {-webkit-animation-name : fadeOut  ;animation-name : fadeOut  ;}  
@-webkit-keyframes  fadeOut  {0% {  opacity : 1   ;}  100% {  opacity : 0   ;}}
@keyframes  fadeOut  {0% {  opacity : 1   ;}  100% {  opacity : 0   ;} }
 
 
 
/*OWL Siider*/ 
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


#slider .item{background-size:cover; background-position:center top; height:560px;background-repeat: no-repeat;}

#slider .owl-item img{ width:auto;}
#slider .owl-carousel .item h4 {    color: #FFF;    font-weight: 400;    margin-top: 0rem}

#slider .captionBanner, .page-banner .captionBanner  {top: 25%;left: 46%;position: absolute;width: 539px;z-index: 2;padding: 10px; text-align:center;}
.page-banner{ position:relative; min-height: 306px; background-size:cover; background-position: center center;}

#slider .item .animated2, #slider .item .animated3 {opacity:0;font-size: 36px;text-transform:uppercase;color:#0b1a36;text-align: center;font-weight: 900;}

#slider .item .animated3 {font-size: 21px;background-color:#394475;border-bottom:#d6223f solid 5px;color: #fff;display: inline-block;padding: 10px;}

#slider .owl-item.active .animated2 {-webkit-animation: bounceInDown 1s ease-in 200ms both;animation: bounceInDown 1s ease-in 200ms both; opacity:1;}
#slider .owl-item.active .animated3 {-webkit-animation: bounceInRight 1s ease-in-out 400ms both;animation: bounceInRight 1s ease-in-out 400ms both; opacity:1;}


.owl-nav{ position:absolute; top:40%; width:100%; }
.owl-next, .owl-prev{position:absolute; text-indent:-99999px; width:60px; height:60px; cursor:pointer;transition:all 0.3s ease 0ms;	-webkit-transition:all 0.3s ease;
    background-repeat: no-repeat;
    background-position: center; 
     opacity: 0; margin: 0;}

.owl-next{right:-20px; background:url(../images/next-arrow.png) no-repeat center center #fff;  background-size: 20px 20px;-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
     transform: translateX(100%);}
.owl-prev{left:0px; background:url(../images/prev-arrow.png) no-repeat center center #fff; background-size: 20px 20px;-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
     transform: translateX(-100%);}
#slider:hover .owl-next, #aboutImage:hover .owl-next{right:0;-webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;background:url(../images/next-arrow.png) no-repeat center center #fff; background-size: 20px 20px;}
#slider:hover .owl-prev, #aboutImage:hover .owl-prev{left: 0; -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;background:url(../images/prev-arrow.png) no-repeat center center #fff; background-size: 20px 20px;}


.owl-dots {position: absolute;	bottom: 0;	display: inline-block;	text-align: center;	margin: 0 auto;	left: 0;	right: 0;}
.owl-dots .owl-dot{display:inline-block;}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#0e1d42;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
 .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#e11738}

/*carousel*/

#carousel .item img{display:block; margin:0 auto;}



/********* 4.0 Header *********/
.topStrip{padding:10px 0;color: #fff;font-weight: 600;text-align: center;background-color: #f06729;}
.topStrip p{margin-bottom: 0;font-size: 16px;}
.mainNav{padding: 0 55px;}
.siteLogo{float: left;width: 30%;}
#menuWrap{float: left;width: 70%;padding: 30px 0;}
.stellarnav>ul>li{padding: 3px 12px;}
.stellarnav li a{padding: 10px 15px;font-size: 16px;}
.stellarnav li a:hover, .stellarnav li a.active{color: #5aaaf0;text-decoration: underline;}
.stellarnav.desktop>ul>li>a{padding: 0;position: relative;margin-bottom: 10px;}
.stellarnav li.has-sub>a:after{border: solid #000;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;content: '';position: relative;top: -3px;transform: rotate(45deg);margin-left: 8px;}
.stellarnav.desktop>ul>li>a:before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;transform: scale(0);background: rgb(162, 178, 192);transition: all 0.4s ease 0s;}
.stellarnav>ul>li>a:hover:before{transform: scale(1); color: rgb(90, 170, 240);}
.stellarnav li > ul > li > a{border-bottom: 1px solid #e8e9eb;font-size: 15px;}
#logo{margin-bottom: 0;padding: 5px 40px;}


/********* Discover Family *********/
#discoverFamily{padding: 10px 0px 0;}
.aboutText{width: 50%;float: left;}
#aboutImage{float: left;width: 50%;}
#aboutImage .owl-next, #aboutImage .owl-prev{background-color: #eaeaea!important;}
.aboutBlock{margin: 160px 40px 20px 50px;text-align: center;padding-bottom: 20px;border-bottom: 2px solid #9e9e9e;}
.aboutBlock span{font-size: 49px;font-weight: 400;display: block;line-height: 1;}
.aboutBlock h2{font-size: 80px;font-weight: 600;text-transform: uppercase;line-height: 1.2;margin-bottom: 0;}
.aboutBlock p{color: #3d4246;font-size: 16px;padding: 0 10px;font-weight: 400;line-height: 1.6;}
.btn a{font-size: 14px;background-color: #5aaaf0;color: #ffffff;border-color: #5aaaf0;border-radius: 72px;height: 48px;padding-left: 36px;padding-right: 36px;text-transform: none;border-width: 2px;display:inline-flex;align-items: center;justify-content: center;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;border-color: #5aaaf0;border-style: solid;margin: 25px 0;}
.btn a:hover{background-color: #ffffff;color: #5aaaf0;}


/********* Counter *********/
#counter{padding: 0 50px 30px;background: #fff;}
#counter img{display: block;margin: 0 auto;}

/********* CTA Train *********/
#trainCTA{background: url(../images/train-cta.jpg) no-repeat center center fixed #0093cb;/*height: 620px;*/background-size: cover;}
.ctaText{max-width: 1200px;margin: 0 auto;}
.ctaTrainText{width: 50%;float: right;padding: 150px 0;text-align: center;}
.ctaTrainText p{font-size: 55px;font-weight: 600;color: #fff;line-height: 1.2;}

/********* Cube Family *********/
#cubeFamily{padding: 50px 120px;text-align: center;}

/********* Footer *********/
#footer{background-color: #f5f5f5;padding: 40px 0 10px;}
.contactInfo{text-align: center;padding-bottom: 40px;}
.contactInfo ul{padding-left: 0;margin: 0;width: 520px;margin: 15px auto;}
.contactInfo li{float: left;}
.contactInfo li a{display: block;padding: 0 15px;border-right: 1px solid #69727b;line-height: 16px;}
.contactInfo li a:hover{color: #5aaaf0;}
.contactInfo li:last-child a{border-right: 0;}

.copyrightPay{padding: 20px 50px 0;border-top: 1px solid #dcdcdc;}
.socialLinks, .paymentIcons{float: left;width: 50%;}
.socialLinks ul{padding-left: 0;}
.socialLinks li{display: inline-block;padding: 0 5px;}
.paymentIcons ul{padding: 20px 0;text-align: right;margin-bottom: 0;}
.paymentIcons li{display: inline-block;margin: 0 2px;}
.paymentIcons li img{display: block;border: 1px solid #e8e8e8;}

/***********Back to Top************/
#backtotop {background-color: #5aaaf0;  bottom: 10px;  right: 10px;  text-align: center;  position: fixed; height: 40px;  width: 40px;  z-index: 9;  opacity: 1;  -webkit-transition: all .3s;  transition: all .3s;  display: none;  border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5);/*border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;*/text-decoration: none;}
#backtotop:hover {background-color: #3d4246;  -webkit-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.3);}

a#backtotop img{display: block;margin: 0 auto;padding: 10px;}
a#backtotop i.fa{font-size: 30px;display: block;padding-top: 4px;color: #fff;margin-right: 0;}
a#backtotop i.fa:hover{color: #fff!important;}