@font-face {
    font-family: 'Intro';
    src: local('Intro'), url('../fonts/intro.woff2') format('woff2'), url('../fonts/intro.woff') format('woff'), url('../fonts/intro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Thin'), local('clearsans-Thin'), url('../fonts/clearsansthin.woff2') format('woff2'), url('../fonts/clearsansthin.woff') format('woff'), url('../fonts/clearsansthin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Light'), local('clearsans-Light'), url('../fonts/clearsanslight.woff2') format('woff2'), url('../fonts/clearsanslight.woff') format('woff'), url('../fonts/clearsanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans'), local('clearsans'), url('../fonts/clearsans.woff2') format('woff2'), url('../fonts/clearsans.woff') format('woff'), url('../fonts/clearsans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Italic'), local('clearsans-Italic'), url('../fonts/clearsansitalic.woff2') format('woff2'), url('../fonts/clearsansitalic.woff') format('woff'), url('../fonts/clearsansitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium'), local('clearsans-Medium'), url('../fonts/clearsansmedium.woff2') format('woff2'), url('../fonts/clearsansmedium.woff') format('woff'), url('../fonts/clearsansmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Medium Italic'), local('clearsans-MediumItalic'), url('../fonts/clearsansmediumitalic.woff2') format('woff2'), url('../fonts/clearsansmediumitalic.woff') format('woff'), url('../fonts/clearsansmediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold'), local('clearsans-Bold'), url('../fonts/clearsansbold.woff2') format('woff2'), url('../fonts/clearsansbold.woff') format('woff'), url('../fonts/clearsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Clear Sans';
    src: local('Clear Sans Bold Italic'), local('clearsans-BoldItalic'), url('../fonts/clearsansbolditalic.woff2') format('woff2'), url('../fonts/clearsansbolditalic.woff') format('woff'), url('../fonts/clearsansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Alexander';
    src: local('Alexander'), url('../fonts/alexander.woff2') format('woff2'), url('../fonts/alexander.woff') format('woff'), url('../fonts/alexander.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.red {color:#ffc000}


body {
    font-family: "PT Sans",Tahoma,Sans-serif;
    color: #000;
	overflow: hidden;
	overflow-y: scroll;
	font-size:16px;
    position: relative;
}
p { margin: 0 0 10px; }

section{
    padding: 40px 0;
}
q{
	position:relative;
}
q::before{
	position:absolute;
	left:-25px;
	top:0;
	font-size:40px;
}
q::after{
	content:"";
}

img {
	max-width: 100%;
	height: auto;
}
ul{
	margin:0;
}
a { outline: none !important; color:#fff; }

.btn-default{
	background:#ffc000;
	color:#fff;
}
.btn{
	padding:20px 42px;
	border:none;
	border-radius:4px;
	font-weight:bold;
	text-transform:inherit;
    font-size: 16px;
    transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.btn-tranparent{
	border:1px solid #7cbf1d;
	border-radius:3px;
	text-decoration:none !important;
}
.btn-head{
    padding: 12px 25px;
    font-size: 18px;
}
.btn-wide{
	width:100%;
	margin:5px auto;
	padding:15px;
}
.btn:hover{
	text-shadow:1px 1px rgba(0,0,0,0.2);
	border-color:#000;
	border-color:rgba(0,0,0,0.2);
}
.text-extralight{
	font-weight:100 !important;
}
.text-light{
	font-weight:300 !important;
}
.text-semibold{
	font-weight:600 !important;
}
.text-bold{
	font-weight:700 !important;
}
.text-extrabold{
	font-weight:800 !important;
}
.text-uppercase{
	text-transform:uppercase !important;
}
.text-lowercase{
	text-transform:lowercase !important;
}
.link{
	text-decoration:underline;
	display:inline-block;
}
.link-grey{
	color:#c5c8c9;
}
.link:hover{
	color:#7cbf1d;
}
.head-grey h2,.head-grey h3{
    color: #444E5A;
}
.color-white{ color: #fff; }
.no-pad{ padding: 0; }
/*===============================================
2-Form Styling
=================================================*/
form .btn{
	padding-top:10px;
	padding-bottom:10px;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea{
	width:100%;
    border: none;
	border:none;
	color:#828282;
	background:#fff;
	border-radius:3px;
	height:42px;
	padding:10px 15px;
	text-transform:inherit;
    margin-bottom: 20px;
    font-size: 15px;
}
input[type="text"].tranparent,input[type="tel"].tranparent,input[type="email"].tranparent,input[type="password"].tranparent,textarea.tranparent{
	background:none;
	border:1px solid #7cbf1d;
	color:#7cbf1d;
}
textarea{
	height:180px;
	padding:25px 35px;
}
label{
	color:#8e9297;
    font-size: 14px;
}
.field-wrap{
	margin:15px auto;
	position:relative;
}
.field-wrap label{
	position:absolute;
	left:35px;
	top:12px;
}
.field-wrap.textarea-wrap label{
	top:25px;
}


.overlay {
	background: rgb(41 89 151 / 63%);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

/*====================================
5-Header
======================================*/
.main-menu{
    position: relative;
}

.nav-triger{
    position: absolute;
    right: 0;
    top: 70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
}
.nav-triger span{
    font-size: 30px;
}
.navbar-custom{
    padding: 20px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 0 44px;
    z-index: 999;
}
.navbar-custom nav{
    position: absolute;
    right: 0;
    top: 5px;
}
.navbar-custom .container{
    position: relative;
}
.navbar-custom .logo{

}
.navbar-custom nav li{
    display: inline-block;
    padding: 0 10px;
}
.navbar-custom nav li.active a{
    color: #fff;
}
.navbar-custom nav li:hover a{
    color: #fff;
}
.navbar-custom nav a{
    /*color: #fff;*/
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
}
.navbar-custom nav a:hover{
    color: #000;
}
.main-menu > li > ul{
    overflow: hidden;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 175px;
    z-index: 999;
    background: #fff;
    padding:5px 0 0 0;
    text-align: left;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    border-top: 5px solid #000;
    margin-top: 5px;
}

.main-menu > li > ul > li{
    display: block;
    border-bottom: 1px solid #f3f3f3;
    padding: 3px 0;
}
.main-menu > li > ul > li > a{
    color: #c7c7c7 !important;
    padding: 5px 15px;
    display: block;
    font-weight: 400;
    font-size: 12px;
}
.main-menu > li > ul > li > a:hover{
    color: #000;
}
.navbar-custom nav li.active a:after,.navbar-custom nav li:hover a:after{
    content: '';
    height: 3px;
    width: 80%;
    background: #fff;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.navbar-custom .logo{
    font-size: 38px;
    display: block;
    position: absolute;
    left: 0;
    top: -12px;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}
.navbar-custom .logo img{
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
}

.navbar_style{
    background: #000;
    z-index: 999;
    padding: 10px 0 44px;
}
.navbar_style a.logo{
    width: 140px;
}
/*====================================
6-Inner Pages
======================================*/

footer{
    background: #181413;
    padding: 25px;
}



@media (min-width: 1025px){
    .main-menu > li:hover ul,.main-menu{
    display: block !important;
}
}
/*===Break Point===*/
@media (max-width: 1024px){
.nav-triger{
    display: block;
    top: -12px;
    z-index: 99999;
}
.navbar-custom nav li{
    display: block;
}
.navbar-custom nav li a{
    padding: 6px 0;
    display: block;
}
.navbar-custom nav ul{
    position: absolute;
    right: -17px;
    margin-top: -1px;
    top: 100%;
    z-index: 99;
    background: #508920;
    width: 230px;
    padding: 10px 5px;
    display: none;
}
    .navbar-custom nav li.active a:after,.navbar-custom nav li:hover a:after{
        display: none;
    }
    .main-menu > li > ul{
        position: relative;
        right: auto;
        top: auto;
        margin: 0;
        padding: 0;
        border: 0;
        left: -15px;
        box-shadow: none !important;
        background: rgba(0,0,0,0.10);
        padding: 10px 0;
    }
    .main-menu > li:hover ul{
        display: none;
    }
    .main-menu > li > ul > li > a{
        color: #fff !important;
        font-size: 14px;
    }
    .main-menu > li > ul > li{
        border: 0;
    }
    .main-menu{
        padding-bottom: 0 !important;
    }
}

/*===Break Point===*/
@media (max-width: 600px) {
    h2{font-size: 36px;}
    .btn{padding: 10px 20px !important;}
    h1{font-size: 30px;}
}
/*===Break Point===*/
@media (max-width: 360px) {
    h2{font-size: 28px;}
    .btn{
        width: 100%;
        padding: 10px 0 !important;
        font-size: 16px !important;
    }
}
.error {
    color:red;
}
.widget-title:after {
    content: " ";
    display: block;
    width: 10%;
    height: 1px;
    margin: 15px auto 0;
    border-bottom: 4px solid #6cf;
}
.sms-test .description {
    padding: 15px;
    color: #fff;
    background: #000;
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.sms-test {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    color: #000;
    background: #fff;
}
.sms-test .description2 {
    color: #fff;
    background-color: #cb2868;
    padding: 10px;
    border-radius: 0;
    text-align: center;
}
.btn {
    display: inline-block;
    text-decoration: none;
    padding: 15px;
    text-transform: uppercase;
    background: #000;
    color: #fff!important;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Roboto Condensed',Impact,sans-serif;
    box-shadow: 1px 1px 10px -2px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 10px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 10px -2px rgba(0,0,0,.5);
}
.btn-blue {
    color: #fff!important;
    background: #41a9d5;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#298fba),color-stop(1,#41a9d5));
    background: -ms-linear-gradient(bottom,#298fba,#41a9d5);
    background: -moz-linear-gradient(center bottom,#298fba 0%,#41a9d5 100%);
    background: -o-linear-gradient(#41a9d5,#298fba);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a9d5',endColorstr='#298fba',GradientType=0);
    border: 1px solid;
    border-color: #2685ad #247fa5 #227598 #247fa5;
    margin-bottom: 20px;
}
.widget-title {
    font-size: 60px;
    padding: 0;
    text-align: center;
    padding: 30px 0;
}
@media (min-width: 1200px){
    .container{
      width: 1140px !important;
    }
    h3, h3 {
        font-size: 1.75rem;
    }

}

.blue-section {
    background: #6cf;
}
.text-center {
    text-align: center!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed',Impact,sans-serif;
    clear: both;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.red-section {
    background: #cb2868;
}
.step-icon {
    font-size: 24px;
    border: 5px solid #fff;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin-right: 10px;
    text-align: center;
    line-height: 50px;
}
.btn-white {
    color: #000!important;
    background: #fff!important;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
    color: #fff!important;
    background: #000!important;
}