/* fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700|Roboto:400,500,700&display=swap&subset=latin-ext');

/* css */
html.login-back:before {content: ""; display: block; position: fixed; left: 0; top: 0; bottom: -69px;
  width: 100%; height: 100%; min-height: 110vh; z-index: -10; background-image: url(../img/login-back.webp);
background-repeat: no-repeat; background-position: top center; -webkit-background-size: cover;
 -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: translate3d(0,0,0);}


body {font: 18px/28px "Roboto", sans-serif; background-color: transparent;
    display: flex; min-height: 100vh; flex-direction: column;}

p {margin-bottom: 20px;}
ul, ol {padding: 0; list-style-position: inside;}
li > ul, li > ol {margin-bottom: 0; margin-left: 20px;}
dl {margin-bottom: 20px;}
img {max-width: 100%; height: auto;}

.flex {display: flex; align-items: stretch;}
.dark-bg {background: rgba(0,0,0,.30); padding: 30px; height: 100%;}
.text-ul ul {margin-bottom: 0;}
.text-ul ul li {margin-top: 30px;}
.text-ul ul li strong {font-size: 24px; font-weight: 600;}
.dark-bg-sub {background: rgba(0,0,0,.30); padding: 30px; margin-bottom: 50px;}
.no-padding {padding-left: 0 !important; padding-right: 0 !important;}
.center {text-align: center;}

.img-border {width: 100%;}
.green {border: 1px solid #a3c712;}
.blue {border: 2px solid #55dafd;}

.marTop30 {margin-top: 30px;}
.marTop50 {margin-top: 50px;}
.marTop100 {margin-top: 100px;}

.marBot30 {margin-bottom: 30px;}
.marBot50 {margin-bottom: 50px;}
.marBot100 {margin-bottom: 100px;}

a {color: #00aeef; text-decoration: none;}
a:hover, a:focus {outline: 0; color: #00aeef; text-decoration: underline;}
::selection {background-color: #222; color: #fff;}
::-moz-selection {background-color: #222; color: #fff;}

/* MENU */
#header {position: absolute; z-index: 100; top: 0; right: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
#header-sticky {position: fixed; z-index: 8000; top: 0; right: 0; left: 0; display: none;
    width: 100%; margin: 0 auto; background-color: #00aeef; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.menu, .menu ul {padding: 0; margin: 0; list-style: none;}
.menu {float: right; margin-top: 45px;}
.menu > li {float: left; margin-right: 10px;}
.menu > li:last-child {margin-right: 0;}
.menu li a {display: block; padding: 7px 13px; font-size: 16px;
	color: #252525; -webkit-transition: all 0.25s; transition: all 0.25s;}
.menu > li > a {position: relative; padding: 15px 25px; font-weight: 600; text-transform: uppercase;}

.menu > li:last-child > a {margin-right: 0;}
.menu li.dropdown ul {position: absolute; top: 100%; left: 0; display: none; z-index: 2000;
	width: 200px; background-color: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12);}
.menu li.dropdown ul ul {top: 0; left: 100%;}
.menu li.dropdown:hover > ul {display: block;}
a.btn.btn-login {color: #fff; background-color: #c2040a; font-size: 16px; font-weight: 600; padding: 10px 25px; margin: 7px 0 0; letter-spacing: 0;}

#mobile-menu {background-color: #6eaf17; padding-top: 70px;}
#mobile-menu > li > a {font-size: 16px;}
#mobile-menu li a {color: #fff; text-transform: uppercase;}
#mobile-menu li a:hover, #mobile-menu li a:focus {color: #333;}

/* HAMBURGER */
.nav-icon {margin-top: 35px; width: 40px;}
.nav-iconX {top: 32px; right: 15px; width: 45px; position: absolute;}

.nav-icon:after, .nav-icon:before, .nav-icon div,
.nav-iconX:after, .nav-iconX:before
{background-color: #fff; border-radius: 3px; content: ''; display: block;
  height: 3px; margin: 7px 0; transition: all .2s ease-in-out;}
.nav-iconX:before {transform: translateY(5px) rotate(135deg);}
.nav-iconX:after {transform: translateY(-5px) rotate(-135deg);}

/* HOME */
#logo {margin: 10px 0;}
#header-sticky #logo {margin-top: 12px; margin-bottom: 15px;}
#header-sticky #logo img {width: 150px;}
#header-sticky .menu {margin-top: 14px;}

#main-container {background-color: transparent; flex: 1;}
.page-content {position: relative; padding-bottom: 0px;}

.home-section {padding: 0 !important; width: 100%; position: relative; height: 100vh;}
.vcenter-container {display: table; width: 100%; height: 100%; z-index: 4; position: relative;}
.vcenter {display: table-cell; vertical-align: middle;}
.vcenter .container {padding-top: 200px; padding-bottom: 200px;}

body.index {color: #fff;}
body.index h1 {font-family: 'Montserrat', sans-serif; font-size: 60px; line-height: 1.05; font-weight: 600; color: #fff; 
           text-shadow: 0px 0px 10px rgba(0,0,0,0.82); margin-bottom: 50px; position: relative; z-index: 1;}

/* SUB */
body.sub #header {background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.sub-head {background-color: #f1f1f1; padding: 190px 0 30px; margin-bottom: 50px;}
.sub-head h1 {font-family: 'Montserrat', sans-serif;}

/* FOOTER */
#footer-bottom {color: #fff; background-color: #1a1c1d; padding: 15px 0;}
.copyright {font-size: 13px; margin-top: 3px; margin-bottom: 0;}

/* SCROLL UP */
#scroll-up {width: 46px; height: 46px; bottom: 50px; right: 50px; border-radius: 50%; color: #fff;
            background-color: #00aeef; font-size: 24px; line-height: 42px; text-align: center;
            text-decoration: none; cursor: pointer; position: fixed; z-index: 8030; display: none;
            -webkit-transition: all 0.25s; transition: all 0.25s;}
#scroll-up:hover {background-color: #619007; -webkit-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.6); box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.6);}

/* FORMS */
input, select, textarea {position: relative; z-index: 1; display: block; max-width: 100%; padding: 5px 10px;
	border: none; margin-bottom: 20px; background-color: #fff; color: inherit;}
label {position: relative; font-size: 24px; font-weight: normal; text-shadow: 0px 0px 4px rgba(0,0,0,1);}

input[class^="col-"], select[class^="col-"], textarea[class^="col-"] {padding: 7px 20px;}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {border-color: #a3c712; box-shadow: none; outline: 0;}

select:focus {outline: none;}

::-moz-placeholder {color: #aaaaaa; font-size: 14px; padding: 2px 0 0 5px;}
::-webkit-input-placeholder {color: #aaaaaa; font-size: 14px; padding: 2px 0 0 5px;}
:-ms-input-placeholder {color: #aaaaaa; font-size: 14px; padding: 2px 0 0 5px;}

.border {padding: 0 10px 2px 12px; border-width: 2px !important;}
.last, .no-margin-bottom {margin-bottom: 0 !important;}
.form-group {position: relative; margin-bottom: 20px;}
.form-control-lg, .input-group-lg>.form-control {border-radius: 0; border: none; padding: 11px 15px;}
.contact-holder input[type="text"]:last-of-type, .contact-holder .form-group:last-of-type {margin-bottom: 0;}

/***********************************************************************************
 *	+ BUTTONS
 ***********************************************************************************/
.btn {position: relative;
	z-index: 1;
	padding: 15px 25px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: none;
	border-radius: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;}

/* DEFAULT */
.btn-default {color: #fff; background-color: #c2040a;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active:focus {background-color: #00aeef; -webkit-box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.6); box-shadow: 0px 0px 23px 10px rgba(0,0,0,0.6);}