/**
 * CONTENTS
 *
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * BASE
 * Headings.............H1–H6 styles.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * JS CONTROLS
 *
 * COMPONENTS
 * header............The main page header.
 * footer............The main page footer.
 *
 * MEDIA QUERIES
 * Media queries.................Media Queries
 */
/*------------------------------------*\
    #FONT FACE
\*------------------------------------*/
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Regular.woff') format('woff'),
			 url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), 
			 url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),  
	     url('ProximaNova-RegularIt.otf')  format('opentype'),
	     url('ProximaNova-RegularIt.woff') format('woff'), 
			 url('ProximaNova-RegularIt.ttf')  format('truetype'), 
			 url('ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  
	     url('../fonts/ProximaNova-Semibold.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Semibold.woff') format('woff'), 
			 url('../fonts/ProximaNova-Semibold.ttf')  format('truetype'), 
			 url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
/*------------------------------------*\
    #REUSABLES
\*------------------------------------*/
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mt30 {margin-top:30px}
.m220-0 {margin-top:220px; margin-bottom:220px}
/*------------------------------------*\
    #SETTINGS
\*------------------------------------*/
html{overflow-x:hidden}
body{font:normal 14px/1.5 'Proxima Nova', sans-serif;color:#413a35;overflow-x:hidden;position:relative}
a, a:hover, a:visited, a:active, a:focus{text-decoration:none;color:#3a2b19;outline:none}
 /*------------------------------------*\
    #BASE
\*------------------------------------*/
/**HEADINGS**/
h1{font: 700 35px/1.5 'Raleway', sans-serif;color:#3b2c16;margin:0}
h2{font: 700 32px/1.5 'Proxima Nova', sans-serif; margin:0; text-transform:uppercase; letter-spacing:3px}
h3{font: 600 24px/1.5 'Proxima Nova', sans-serif; margin:0 0 20px}

a, a:visited, a:active, a:focus{text-decoration:none;color:#fff;outline:none}

 /*------------------------------------*\
    #TOOLS
\*------------------------------------*/
/**LINKS**/
/**BUTTONS**/
.btn-style01{width:200px;background:#413a35;color:#fff;text-align:center;margin:0 auto 20px;display:block;padding:10px 30px;border:1px solid #413a35}
.btn-style01:hover{background:#fff;color:#413a35;text-align:center;border:1px solid #413a35}
/**MARGINS/PADDINGS/LINE HEIGHT STYLE**/
/**ICONS**/
/**PAGINATION**/
/**SOCIAL**/

.img-round{border-radius:50%;margin:20px auto;}

 /*------------------------------------*\
    #JS CONTROLS
\*------------------------------------*/




 /*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**====HEADER====**/
/**MENU**/
.navbar-toggle{float:left;margin-left:8px;display:block}
#slidenav{background:#f5f5f5;width:215px;display:none;position:fixed;left:0; top:0; height:100%;}
#slidenav.left {left:-215px; right:auto}
span.icon-bar{background:#413a35}
/**====FOOTER====**/
/**====ASIDE====**/
/**====SECTIONS====**/
.section-heading {letter-spacing:10px; margin:40px 0}
/**section01**/
.bg-clouds{background:url(../images/bg-clouds.png) top fixed no-repeat;height:600px;}
.bg-city{background:url(../images/bg-city.png) top fixed no-repeat;height:600px;}
.bg-cloud-animate-01 {background:url(../images/bg-cloud01.png);width:220px;height:124px;display:block;-webkit-animation: moveclouds 25s linear infinite;-moz-animation: moveclouds 25s linear infinite;-ms-animation: moveclouds 25s linear infinite;-o-animation: moveclouds 25s linear infinite;top:20px;left:300px;position:absolute;}
.bg-cloud-animate-02 {background:url(../images/bg-cloud01.png);width:220px;height:124px;display:block;-webkit-animation: moveclouds 28s linear infinite;-moz-animation: moveclouds 28s linear infinite;-ms-animation: moveclouds 28s linear infinite;-o-animation: moveclouds 28s linear infinite;top:60px;left:500px;position:absolute}
.bg-cloud-animate-03 {background:url(../images/bg-cloud01.png);width:220px;height:124px;display:block;-webkit-animation: moveclouds 30s linear infinite;-moz-animation: moveclouds 30s linear infinite;-ms-animation: moveclouds 30s linear infinite;-o-animation: moveclouds 30s linear infinite;top:150px;left:800px;position:absolute}
.bg-plane-animate-wrap{-webkit-animation: moveplane 30s linear infinite;-moz-animation: moveplane 30s linear infinite;-ms-animation: moveplane 30s linear infinite;-o-animation: moveplane 30s linear infinite;top:150px;left:20px;position:absolute;}
.bg-plane-animate {background:url(../images/plane.png) 0 0;width:80px;height:100px;display:block;animation: animateplane .1s steps(4) infinite; -webkit-animation: animateplane .1s steps(4) infinite;-moz-animation: animateplane .1s steps(4) infinite;-ms-animation: animateplane .1s steps(4) infinite;}

/**section02**/
.section-02-wrap{background:url(../images/bg-orangediagonal.png) center top no-repeat;padding-top:84px}
.section-02{background:url(../images/bg-diamond.png) center top #FCA328 no-repeat; color:#fff}
.section-02-half{width:50%;float:left;}
.bg-diamond{min-height:300px}
.wrap-320 {width:320px; margin:220px auto}
/**section03**/
.section-03-wrap{}
/**section04**/
.section-04-wrap strong{display:block;text-align:center}

/**section05**/
/**section06**/
form input,textarea{border:2px solid #413a35;padding:5px;width:100%;margin-bottom:20px;display:block}
textarea{height:150px;resize:none;overflow:auto}
form input[type="submit"]{width:150px;background:#413a35;color:#fff;text-align:center;margin:0 auto 20px}
form input[type="submit"]:hover{width:150px;background:#fff;color:#413a35;text-align:center;}
.error{margin:-10px 0 10px;color:#FF5454}
.success{text-transform: uppercase;margin-bottom:20px;color:#E82A4B}
 /*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
@-webkit-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-ms-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}
@-webkit-keyframes moveplane {
    0% {margin-left: -100px;}
    100% {margin-left: 3000px;}
}
@-moz-keyframes moveplane {
    0% {margin-left: -100px;}
    100% {margin-left: 3000px;}
}
@-ms-keyframes moveplane {
    0% {margin-left: -100px;}
    100% {margin-left: 3000px;}
}
@-o-keyframes moveplane {
    0% {margin-left: -100px;}
    100% {margin-left: 3000px;}
}
@keyframes animateplane {
   100% { background-position: -320px; }
}
.animate{-moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
 /*------------------------------------*\
    #MEDIA QUERIES
\*------------------------------------*/


/***TEMP***/
.comingsoonblock{margin:50px 0}
.comingsoonblock img{margin:0 auto 50px}