html, body{overflow-x: hidden;overflow-y: hidden;height:100%;}

body{font-family: 'Arapey', serif; line-height: 24px;color:#FFF!important; font-size: 17px!important; -moz-osx-font-smoothing: grayscale;text-rendering: optimizelegibility;
letter-spacing: 1px;
}

body {opacity: 1;
    -webkit-transition: all .8s ease;
       -moz-transition: all .8s ease;
            transition: all .8s ease;
}

body.fade-out {opacity: 0;transition: none;}

.fade-container{width:100%;height:100%;background-image: url('../img/bkg.jpg');background-size: cover;background-position: top center;}

.grecaptcha-badge {
	visibility: collapse !important;  
}


/**********
Text
**********/

/*titles*/
h1, h2, h3, h4, h5, h6 {margin-bottom: 0px;margin-top: 0px;}

h1{font-family: 'Arapey', serif;font-size: 26px;line-height: 38px;letter-spacing: 0.2em;text-transform: uppercase;}

p {margin: 0 0 15px;}

p:last-child {margin-bottom: 0;}

a{color: #fff; cursor: pointer;text-decoration: underline;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
        }

a:hover{color: #fff;}

.small{font-size: 60%;line-height: 20px;}


/**********
spacers
**********/
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}

.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}

.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

.mb-5{margin-bottom:5px!important;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

/**********
General Randomness
**********/
hr{border: none;height:1px;background-color: #fff;width:20%;margin-top: 30px;margin-bottom: 30px;}
.alpha-white{background: rgba(19, 40, 64, 1);}

/**********
header
**********/
header{position: fixed;top: 0;left: 0;right: 0;z-index: 999}
.header-img img{width:520px;}

.logo {padding-left: 50px;padding-right: 50px;}

/**********
footer
**********/
.footer{font-family: Arial, Helvetica, sans-serif;font-size: 9px;}
.footer a{text-decoration: none;}
/**********
wraps
**********/
main, main > .row, .scroll-wrap{height:100%;}

.scrollbar-outer{height:100%;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: transparent!important;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail {background-color: transparent!important;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail {width: 4px!important;}
.mCSB_inside>.mCSB_container {margin-right: 9px!important;}
.mCSB_scrollTools {right: -6px!important;}

.leaflet-control-container {display: none!important;}

.block-wrap{display:none;}
.block-wrap-display{display:block;}


.page-one{padding-left: 40px;padding-right: 40px;opacity: 1;padding-bottom: 40px;margin-top: 200px;min-height: 575px;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
        }
.page-one-hide{opacity: 0;}

.page-two{padding-left: 40px;padding-right: 40px;top: 800px;position: absolute;left: 0;right: 0;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
        }
.page-two-show{top: 240px;}


.slide-btn{text-transform: uppercase;position: absolute;left: 0;right: 0;top: 695px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
         }

.slide-btn-slide{top: 180px;}

.slide-btn img{cursor: pointer;width:50px;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
         }

.slide-btn .contact-label,  .slide-btn .home-label{cursor: pointer;}



.slide-btn .contact-label{display:block;}

.slide-btn .home-label{display:none;}

.slide-btn.slide-btn-slide .home-label{display:block;}

.slide-btn.slide-btn-slide .contact-label{display:none;}

.rotated{transform: rotate(180deg);}



/**********
form
**********/
input, textarea {color:#fff;background: #2a425e;margin: 0px 0 10px;padding: 3px 5px;border-radius: 1px!important;width:100%;border: none !important;width:100%;font-family: 'Arapey', serif;}
textarea{resize: none;height: 80px;}

input[type="submit"]{cursor: pointer;color:#000F1E;background: rgba(255, 255, 255,1);width:35%;border:none!important;border-radius: 1px!important;padding: 6px;text-transform: uppercase;font-family: 'Arapey', serif; margin-top: 10px;
			  -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
                transition: all .3s ease;
}

input[type="submit"]:hover {
	background: rgba(255, 255, 255,0.5);
}

form p {
	font-size: 80%;
	margin: 0;
	padding: 0;
}



/* The animation code */
@keyframes show {

}


@media (min-width: 1365px) {

}

/* Large devices (large desktops, 1200px and smaller) */
@media (max-width : 1200px) {
body {line-height: 20px;font-size: 16px!important;letter-spacing: 1px;}
h1 {font-size: 20px;line-height: 32px;letter-spacing: 0.2em;}

}

/* Medium Devices, Desktops Menu changes here, col-md-12 stacks here */
@media  (max-width : 992px) {
body {font-size: 14px!important;line-height: 16px;letter-spacing: 1px;}
h1 {font-size: 18px;line-height: 22px;letter-spacing: 0.2em;}
hr{border: none;height:1px;background-color: #fff;width:20%;margin-top: 20px;margin-bottom: 20px;}
.page-one{margin-top: 170px; min-height: 450px;}
.page-two-show{top: 200px;}
.slide-btn{top: 465px;}
.slide-btn-slide{top: 150px;}

form p {margin: 0 0 5px;}
input, textarea {margin: 0 0 5px; padding: 5px 5px;}
textarea{resize: none;height: 50px;}    
    
.footer{font-family: Arial, Helvetica, sans-serif;font-size: 8px; letter-spacing: 0;}
}

/* Small Devices, Tablets col-xs*/
@media (max-width : 768px) {

}


/* Extra Small Devices, Landscape */
@media (max-width : 568px) {


body{
background-color: -moz-linear-gradient(-45deg, #06234b 1%, #010e1f 100%); /* FF3.6-15 */
background-color: -webkit-linear-gradient(-45deg, #06234b 1%,#010e1f 100%); /* Chrome10-25,Safari5.1-6 */
background-color: linear-gradient(135deg, #06234b 1%,#010e1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06234b', endColorstr='#010e1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Extra Small Devices, Small Phones, we dont really use this anymore*/
@media only screen and (max-width : 320px) {

}

.modal-content {
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

.modal-title {
    font-size: 20px;
    line-height: 24px;
}

button.close {
    margin-right: 10px;
}