* {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}

*:focus {
    outline: none;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline; }
ul, ol {list-style:none}

section, article, aside, header, footer, nav, dialog, figure {	display:block;}

body {
    -ms-overflow-style: scrollbar;
}

header,
.imageMain, 
.imageMain .header-content 
{
	width: 100%;
}

body, html {
	height: 100%;
	/* width: 100% */
}

a 
{
	transition: all .35s;
}

#home .bxslider a
{
  animation-delay: 0.3s;
}

.navbar-default, 
a 
{
	-webkit-transition: all .35s;
	-moz-transition: all .35s
}


body,
h1, h2, h3,
.h1, .h2, .h3
{
	margin:0px; 
	padding:0px; 
}


.centerImg
{ 
	margin:0 auto
}

.onlyPaddingLeft {
  padding-right: 0!important;
}
.onlyPaddingRight {
  padding-left: 0!important;
}
.noPadding {
  padding: 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
}
.noPaddingLeft {
  padding: 0 0 0 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}



.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}


html
{	font-size: 62.5%!important; }

footer,
footer .copy,
footer .developed
{	font-size:11px; }

body, p
{	font-size:16px; }

.burger,
.banHomeSub
{ font-size:20px; }

h1, h2
{ font-size: 30px; }

.banHomeTit
{ font-size: 40px; }

p 
{  line-height: 1.7em; }

html, h3 span, .title span, h2 span
{	font-family: 'Raleway', sans-serif; }

h1, h2, h3, h4, h5 
{   font-family: 'Raleway', sans-serif; font-weight:600 }

footer, footer .developed, footer .copy span a {
  font-family: arial;
}


a.btContact,
.bannerHightTop
{	text-align:center;  }

header .infoTop,
footer .developed 
{  text-align: right; }

p {
    text-align: justify;
}

a:hover,
a.btContact
{	text-decoration:none; }

h1
{ text-transform:uppercase; }


.burger,
.bannerHightTop
{ color:#fff; }

footer a
{ color:#333; }

footer a:hover
{ color:#000 }

.bgcolorRh
{
	background:#545454;
}

.bgColorCont
{
	background: rgb(126,191,70);
	background: linear-gradient(90deg, rgba(126,191,70,1) 30%, rgba(84,84,84,1) 70%); 
}







.full-height {
	height: 100%;
}

.bannerHightTop
{
	height:250px;
}

html {
  margin: 40px 40px 0 40px;
}


.margXs
{margin-top:15px; }

.margSm
{margin-top:30px; }

.margXl
{margin-top:40px; }

header .infoTop
{
	padding:10px 0;
}

.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
}

.logo
{ width:200px; }

.areaMainBanner
{
    height:100%; height:100vh;
}
    


a.btContact {
  display: block;
  color: #fff;
  text-align: center;
  padding: 20px;
  background: rgb(55, 72, 3);
  border-radius: 80px;
  transition: background 350ms cubic-bezier(.16,.01,.77,1),color 350ms cubic-bezier(.16,.01,.77,1);
  text-decoration: none;
  transition: 0.3s ease-in-out;
  margin: 20px auto 0;
  max-width: 300px;
  background: rgb(86,198,33);
  background: linear-gradient(90deg, rgba(86,198,33,1) 0%, rgba(45,198,33,1) 100%);
  background: rgb(33,198,41);
  background: linear-gradient(90deg, rgba(33,198,41,1) 0%, rgba(33,198,110,1) 100%);
  background: rgb(103,198,33);
  background: linear-gradient(90deg, rgba(103,198,33,1) 0%, rgba(64,198,33,1) 100%);
  background: rgb(55,72,3);
  background: linear-gradient(90deg, rgba(55,72,3,1) 0%, rgba(89,177,25,1) 100%);
}

a.btContact:hover 
{	background: linear-gradient(-45deg, #000, #333); }


.homeAreaMain 
{
    position:absolute; 
    top: 40%;  
    left:50%;  
    transform: translate(-50%,-50%); 
    text-align:center; 
    width:100%
}


overlay,
.headSend
{
	z-index:99;
}

.closebtn:hover
{
	-moz-transform: rotate(180deg) ;
	-webkit-transform:  rotate(180deg);
	-o-transform: rotate(180deg) ;
	transform: rotate(180deg) ;
}

a:hover.closebtn2 {
	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 50px;
}
::-webkit-scrollbar-track {
  background: #f6f6f4 ;
  border-radius: 49px;
}
html::-webkit-scrollbar{
  width: 8px !important;
}
::-webkit-scrollbar-button{
  width: 0px;
  height: 0px;
}
html::-webkit-scrollbar-thumb{
  background: #666;
  border-radius: 50px;
}
html::-webkit-scrollbar-track {
  background: #f6f6f4;
  border-radius: 49px;
}
html::-webkit-scrollbar-corner 
{
  background: transparent;
}


.burger
{
	cursor:pointer;
}

#menu 
{
	position: fixed;
}


.navbar-nav>li 
{
    float: initial;
}

.burger
{
	float:right;
}


.burger span
{
	display:none;
}

footer .developed
{	display:block;  }



.burger
{
	cursor:pointer;
}

#menu 
{
	z-index:999;
}



a 
{
	transition: all .35s;
}


#menu 
{
	top:0;
	left:0;
}

.burger span
{
    right: 56px;
    top: 14px;
}

.bannerHightTop h1
{
	padding-top:100px;
}


.burger
{
	margin-top: 0px;
	background: #000;
	padding: 30px;
}


.navbar-default
{
	border:none;
}


.navbar {
    min-height: 58px;
}

.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;

}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}




footer .developed a {
  border-left: 2px solid #499315;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}



@media screen and  (max-width: 1200px) 
{
	
}


@media screen and  (max-width: 992px) 
{
	
	
}


@media screen and  (max-width: 768px) 
{
    h1, h2
    { font-size: 20px; }
    
    .banHomeSub
{ font-size:20px; }

h1, h2, .banHomeTit
{ font-size: 22px; }

    .areaMainBanner
    {
        height:300px; 
    }
    
    .homeAreaMain 
    {
        position:relative; 
        top: 40%;  
        left:50%;  
         transform: translate(-50%,-50%); 
        text-align:center; 
        width:100%
    }
    
    .full-height {
      height: auto;
    }

}

@media screen and  (max-width: 576px) 
{
    
    .bannerHightTop h1 {
        padding-top: 90px;
    }

    .bannerHightTop {
        height: 200px;
    }
    
    .margSm {
        margin-top: 20px;
    }
    
    .margXl {
        margin-top: 40px;
    }
    
    .areaBtImg img {
        margin-bottom: 200px;
    }
    
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .overlay a {
        font-size: 24px;
    }
    	
}


@media screen and  (max-width: 400px) 
{
	
}











