@import url(font-awesome.min.css);
@font-face {
    font-family: "futura";
    src: url('fonts/GlacialIndifference-Regular.otf') format("truetype");
}
@font-face {
	font-family: "futurabt medium";
    src: url('fonts/84804563.ttf') format("truetype");
}

.tip img {
position: relative;
    float: right;
    left: 121px;

}
body {
    background-color: #fff!important;
    background-size:cover!important;
}




ul{
        padding: 0;
        list-style: none;
        
    }
    ul li{
        display: inline-block;
        position: relative;

        
    }
     ul li a {
    display: block;
    padding: 10px 0px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-family: "Trebuchet MS";
}
ul.dropdown li {
    padding-top:2px!important;
    padding-bottom:2px!important;
}
    ul.dropdown li a:hover{
        color: #fff;

          
    }

ul.dropdown  :hover{

 background: #939393;

}
ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;

width: 143px;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
float:none;
    }
    ul li ul.dropdown li{
        display: block;
    }



.slider {
  
    height: 681px;
    padding: 0px;
    
    
height: 500px;
background-repeat: no-repeat;
    background-size: 100% auto;
    background-position:center;
} 



body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:gray;
}


.row {
    margin-left: 0;
    margin-right: 0;
}
.container
{
    width:100%;
	height:100%;
	margin:0px;
	padding:0px;	
}

.header
{
	width:100%;
	height:95px;
	margin:0px;
	padding-top:8px;
	background-color:#a1998e;	
}
.midpor
{
	width:100%;
	height: 518px;
	margin:0px;
	padding:0px;
	background-color:#660000;
}
	.has-child > a::after {
    content: '\f107';
    font-family: FontAwesome;
    margin-left: 5px;
}
.footer
{
	width: 100%;
height: 106px;
margin: 0px;
padding: 0px;
background-color: #a1998e;
padding-top: 12px;      
}
.maincont
{
	width: 1178px;
	height:auto;
	margin:0 auto;
	padding:0px;
}

.tophead
{
    width:100%;
	height:87px;
	margin:0px;
	padding-top:8px;
	background-color:#a1998e;	
}
.col-md-4.lg {
    padding-left: 0px; 
}
.the
{
	font-size:43.43px;
	font-family:futura;
	color:#fff;
	
}
.free
{
	font-size:11px;
	color:#979797;
	margin-top: -10px;
	float:left;
}

#ninja-slider ul{
margin-bottom:0px;
}
.topnav  li {
        font-family: georgia;
    font-size: 13px;
    padding-left: 25px;
    padding-right: 5px;
	list-style: outside none none; 
	
}




.topnav > li > a {
    color: #fff;
    font-family: "Trebuchet MS";
    font-size: 17px;
	font-weight:bold;
	text-decoration:none;
	padding-right: 0;
}
.topnav{
    float: right;
	
    }
    

.topnav > li > a:focus, .nav > li > a:hover {
    background-color: #a1998e;
    color:#000;
    height: 37px;
   
}


.me
{
	width:100%;
	height: 518px;
	background-color:#ddd8d0;
	float:left;
}
.col-md-5.lft {
    padding-right: 0;
	padding-left: 0;
}
.tip{
	width:100%;
	height:127px;
	}
.tip img{
	    float: right;
    left: 121px;
    top: 35px;
    z-index: 100;
    position: relative;
	}
	
.mif{
    width:100%;
	height:200px;
	
}
.mif h2{
   
	color:#fff;
	font-size:32px;
	text-align:center;
	font-family: futurabt medium;
}
.mev{
	width:100%;
	
	
	
}
.lorem
{
    width: 100%;
	height: 518px;
	background-color:#fff;
	float:right;	
}
.lor {
    padding-left: 150px;
    padding-top: 60px;
    width: 100%;
}
.col-md-7.rgt {
    padding-left: 0;
	padding-right: 0;
}
.lor h6 {
    font-family:futurabt medium;
    font-size: 17px;
}
.lor h4{
	font-family:futurabt medium;
    font-size: 23px;
    text-transform: uppercase;
    color: #A69E93;
}

.lor p
{
	font-family: futura;
	color:#acacac;
	font-size:17px;
    padding-bottom: 35px;
}
.leap
{
	font-family: futura;
	color:#474747 !important;
	font-size:17px;
	
}
.btmfooter
{
	
    width: 100%;
	
	
}

.ffb{

    color: #fff;
    font-size: 32px;
    text-align: center;
    font-family: futurabt medium;
}

.crp1
{
     height: 100%;
     width: 100%;
     padding-right: 0px;	  
	 
	 text-align:center;
}

.crp1 h1
{
    font-family:futura;
    font-size: 17px;
	color:#fff;
	text-align:center;
	 
}
.crp1 p
{
    font-family: futurabt medium;
    font-size: 12px;
	color:#fff;
	text-align:center;
	 
}
.tpfot{
   
    height: 90%;
    margin-right: 22px;
    padding-right: 0;
    width: 23%;
	padding-left: 0;
}
.tpfot1{
    height: 90%;
    padding-right: 0;
    width: 24%;
	padding-left: 0;
}
.tpfot h4{
    font-family: georgia;
    font-size: 16px;
	color: #fff;
	
}
.tpfot1 h4{
    font-family: georgia;
    font-size: 16px;
	color: #fff;
	
}
.tpfot h3{
    font-family: georgia;
    font-size: 13px;
	color: #76c38f;
	
}
.tpfot h5{
    font-family: georgia;
    font-size: 10px;
	color: #979797;
	
}
span
{
	font-family: georgia;
    font-size: 10px;
	color: #76c38f;
}
.tpfot p{
    font-family: georgia;
    font-size: 13px;
	color: #979797;
	
}
.tpfot h6{
   border-bottom: 1px solid #979797;
    color: #979797;
    font-family: georgia;
    font-size: 13px;
    padding-bottom: 8px;
	
}
.tpfot h6 a {
    font-family: georgia;
    font-size: 13px;
	color: #76c38f;
	
}
.mn{
	padding-right:0px;
}
.wpcf7-form { 
	border-radius:7px; 
	padding-top: 5px;
}
 .wpcf7-form p{ 
	height:40px;
	margin: 0px 0px 0px 2px;
}
.wpcf7-form input { 
	background:#212121; 
	padding:5px 7px; 
	border: 1px solid #212121;
	border-radius:7px;
	width: 100%;
}
 
.wpcf7-form textarea { 
	background:#212121; 
	padding:5px 0px 5px 7px; 
	border: 1px solid #212121; 
	border-radius:7px;
	height:79px;
	width: 100%;
}
 
.wpcf7-form placeholder{ 
	color: #979797;
    margin-bottom: 0px;
    font-size: 13px;
    font-family: georgia;
}
 .wpcf7-form-control
 {
	color: #979797;
    margin-bottom: 0px;
    font-size: 13px;
    font-family: georgia; 
 }
.wpcf7-form .wpcf7-submit { 
	background: #76C38F none repeat scroll 0% 0%;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    border-radius: 7px;
    margin-top: 52px;
	width: 77px;
    height: 39px;
    padding-top: 7px;
    padding-bottom: 7px;
}
 
		
.sli
{
	padding-left: 0px;
    padding-right: 0px;
}

.col-md-3.clm:hover {
    background-color: #76c38f;
	color: #fff;
}

.col-md-3.clm1:hover {
    background-color: #76c38f;
}
.col-md-3.clm1 p:hover {
   color: #fff;
}
.col-md-3.clm p:hover {
   color: #fff;
}
.col-md-4.bim :hover {
    border-color: purple;
}

.bim:hover {
    
    border: 5px solid #76c38f;
}
.bim1:hover {
    
    border: 5px solid #76c38f;
}
.tpfot h3 a{
color: #76c38f;
}
.tpfot h5 a{
color: #76c38f;
}
.tpfot p a{
color: #76c38f;
}
.u{
	background-color:#000;
	color:#fff;
}
.w3-btn-floating w3-hover-dark-grey a:focus, a:hover {
    text-decoration: none;
}
.sed {
    padding-top: 1px;
}
.sed1 {
    padding-top: 9px;
}
.service h1:hover
{
	color:#fff;
}


	  body {font: normal 0.9em Arial;margin:0;}
        a {color:#1155CC;}
        ul li {padding: 10px 0;}
        header {display:block;padding:60px 0 20px;text-align:center;position:absolute;top:8%;left:8%;z-index:4;}
        header a {
            font-family: sans-serif;
            font-size: 24px;
            line-height: 24px;
            padding: 8px 13px 7px;
            color: #fff;
            text-decoration:none;
            transition: color 0.7s;
        }
        header a.active {
            font-weight:bold;
            width: 24px;
            height: 24px;
            padding: 4px;
            text-align: center;
            display:inline-block;
            border-radius: 50%;
            background: #C00;
            color: #fff;
        }

.slider-inner > ul {
    padding-top: 51% !important;
}
#ninja-slider .caption{
bottom:45% !important;
font-size: 68pt !important;
font-family:myriad pro !important;
}

.caption p
{
 font-size: 33pt;
 font-family: futura;
 }

@media screen and (max-width:667px) {

.ffb{

padding-top: 29px;
}
 
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}


@media screen and (max-width:375px) {

.topnav li:nth-child(2) {
   display:none;
}
.topnav li:nth-child(3) {
   display:none;
}
.topnav li:nth-child(4) {
   display:none;
}
.topnav li:nth-child(5) {
   display:none;
}
.topnav li:nth-child(6) {
   display:none;
}
.topnav li:nth-child(7) {
   display:none;
}
ul li ul.dropdown{

  top: -25px;

   
}

.topnav  li{

    padding-left: 0px;
    padding-right: 0px
}
ul.topnav li.icon {
    float: right;
    display: inline-block;
  }



}
@media screen and (max-width:568px) {
.ffb{

padding-top: 29px;
}

.topnav li:nth-child(2) {
   display:none;
}
.topnav li:nth-child(3) {
   display:none;
}
.topnav li:nth-child(4) {
   display:none;
}
.topnav li:nth-child(5) {
   display:none;
}
.topnav li:nth-child(6) {
   display:none;
}
.topnav li:nth-child(7) {
   display:none;
}

ul li ul.dropdown{

  top: -25px;

   
}

.lor
{

padding-top:20px;

}

.topnav  li{

    padding-left: 0px;
    padding-right: 0px
}
ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

}




@media screen and (max-width:667px) {

.topnav li:nth-child(2) {
   display:none;
}
.topnav li:nth-child(3) {
   display:none;
}
.topnav li:nth-child(4) {
   display:none;
}
.topnav li:nth-child(5) {
   display:none;
}
.topnav li:nth-child(6) {
   display:none;
}
.topnav li:nth-child(7) {
   display:none;
}

ul li ul.dropdown{

  top: -25px;

   
}

.topnav  li{

    padding-left: 0px;
    padding-right: 0px
}
ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

}
@media screen and (max-width:320px) {

.topnav li:nth-child(2) {
   display:none;
}
.topnav li:nth-child(3) {
   display:none;
}
.topnav li:nth-child(4) {
   display:none;
}
.topnav li:nth-child(5) {
   display:none;
}
.topnav li:nth-child(6) {
   display:none;
}
.topnav li:nth-child(7) {
   display:none;
}
ul li ul.dropdown{

   
   top: -9px;

}

.topnav  li{

    padding-left: 0px;
    padding-right: 0px
}
ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
.tip img {
    float: none;
       left: 73px ;
}
}



@media screen and (max-width: 736px) { 

.ffb{

padding-top: 29px;
}

.tip img {
    float: none;
    left: 232px;
}
}


@media screen and (min-width: 768px) { 



}


@media screen and (max-width:680px) {


  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

@media (min-width: 320px) and (max-width: 480px) {


.ffb{

padding-top: 29px;
}

   .lor h4{
text-align: center; 
}
.lor p {
    
    font-size: 15px;
text-align:center;
}

.lor
{
width: 100%;
padding-top:20px;
padding-left:0px;
}

	.slider
	{
		height:auto;
	}
	#ninja-slider .caption {
    bottom: 26% !important;
    font-size: 33pt !important;

}
.tip img {
           left: 32px ;
   float:none
}
.caption p {
    font-size: 15pt;
   
}
.me {
    
    height: 407px;
    
}
	.mif {
  
    height: 50px;
}
.mev {
    width: 100%;
    height: 0;
}
	  ul.topnav.responsive li a {
   text-align: center;
  }
  
  .topnav {
    padding-left: 0;
  
}
.col-md-8.mn {
    padding-left: 0;
}
	
	
	.maincont {
    margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 80%;
	display: block;
	
}
.header {
    width: 100%;
    height: auto;
}
.topnav
{
	width:100%;
}
.tophead {
    width: 100%;
    height: auto;
    float: left;
}
.lg
{
	text-align:center;
	
}
.free
{
	float:none;
	margin-left: -53px;
}
.sli {
    float: left;
}
div#slider figure img {
    height: auto;
    min-height: 311px;
}
.clm {
    width: 100%;
	margin-bottom:20px;
}
.clm1 {
    width: 100%;
}
.tmid {
    width: 100%;
    height: auto;
    
}
.midpor {
    width: 100%;
    height: auto;
}
.cmid {
    width: 100%;
    height: auto;
    
}
.bim {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 .mge > img {
    height: 190px;
    width: 100%;
}
.mge > img {
    width: 100%;
}
.bmid {
    height: auto;
    
}
.footer {
    height: auto;
    float: left;
}
.tpfot {
   width: 100%;
   float: left;
   height: 85%;
}
.tpfot1 {
    width: 100%;
    float: left;
	height: 85%;
}
.crp {
    height: 100%;
    width: 60%;
    float: left;
}
.crp1 {
    float: left;
    height: 100%;
    text-align: center;
    width: 100%;
}
}


@media (min-width: 1020px) and (max-width: 14000px) {

li.icon{
display:none;

}

}


@media (min-width: 480px) and (max-width: 640px) {

.lor p {
    
    font-size: 15px;
}

	 .topnav {
    width:100%;
  
}
.tip img {
       left: 158px;
   float:none
}
	  ul.topnav.responsive li a {
   text-align: center;
  }
  
  .topnav {
    padding-left: 0;
  
}
.col-md-8.mn {
    padding-left: 0;
}
	
	
	.maincont {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 80%;
   display: block;
  
}
.header {
    width: 100%;
    height: auto;
}
.tophead {
    width: 100%;
    height: auto;
    float: left;
}
.lg
{
	text-align:center;
	
}
.free
{
	float:none;
	margin-left: -53px;
}
.sli {
    float: left;
}
div#slider figure img {
    height: auto;
    min-height: 311px;
}
.clm {
    width: 100%;
	margin-bottom:20px;
}
.clm1 {
    width: 100%;
}
.tmid {
    width: 100%;
    height: auto;
    
}
.midpor {
    width: 100%;
    height: auto;
}
.cmid {
    width: 100%;
    height: auto;
    
}
.bim {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 .mge > img {
    height: 190px;
    width: 100%;
}
.mge > img {
    width: 100%;
}
.bmid {
    height: auto;
    
}
.footer {
    height: auto;
    float: left;
}


.crp1 {
    float: left;
    height: 100%;
    text-align: center;
    width: 100%;
}	
}
@media (min-width: 640px) and (max-width: 1020px) {
	.icon {
    display: none;
}
	 .topnav {
    width:100%;
  
}
	  ul.topnav.responsive li a {
   text-align: center;
  }
  
  .topnav {
    padding-left: 0;
    text-align:center;
  
}
.col-md-8.mn {
    padding-left: 0;
}
	
	
	.maincont {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 80%;
   display: block;
  
}
.header {
    width: 100%;
    height: auto;
}
.tophead {
    width: 100%;
    height: auto;
    float: left;
}
.lg
{
	text-align:center;
	
}
.free
{
	float:none;
	margin-left: -53px;
}
.sli {
    float: left;
}
div#slider figure img {
    height: auto;
    min-height: 311px;
}
.clm {
    width: 100%;
	margin-bottom:20px;
}
.clm1 {
    width: 100%;
}
.tmid {
    width: 100%;
    height: auto;
    
}
.midpor {
    width: 100%;
    height: auto;
}
.cmid {
    width: 100%;
    height: auto;
    
}
.bim {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 {
    width: 100%;
    margin-bottom: 20px;
}
.bim1 .mge > img {
    height: 190px;
    width: 100%;
}
.mge > img {
    width: 100%;
}
.bmid {
    height: auto;
    
}
.footer {
    height: auto;
    float: left;
}


.crp1 {
    float: left;
    height: 100%;
    text-align: center;
    width: 100%;
}		
	
	
}
html body {
    background-color: #fff!important;
    background-size:cover!important;
}
@media (min-width: 580px) and (max-width: 640px) {

.tip img {
       left: 158px;
   float:none
}
div#slider figure img {
    height: auto;
    min-height: 311px;
}	
}
#myTopnav li a.current{
    color: #6f6a66;
}
@media screen and (min-height:900px and min-width:1680px){
    
    .me {
        padding-top: 295px!important;
    }
    .lorem {
        padding-top: 256px!important;
    }

}
@media screen and (min-height:1100px and min-width:1680px){
    
    .me {
        padding-top: 240px!important;
    }
    .lorem {
        padding-top: 172px!important;
    }

}
@media screen and (max-width:768px) {
	.the {
	    font-size: 37.43px;
	    font-family: futura;
	    color: #fff;
	}
	ul.topnav li.icon {
		margin-top: -56px;
	}
	body {
		background-image: url('img/header-mob.jpg')!important;
		background-size:100%!important;
	}
	.footer {
	    width: 100%;
	    height: 84px;
	    margin: 0px;
	    padding: 0px;
	    background-color: #a1998e;
	    padding-top: 0;
	    padding-bottom: 9px;
	}
	.col-md-5.lft {
		width:100%!important;
	}
	.tip img {
	    float: right;
	    left: -35px;
	    top: 43px;
	    z-index: 100;
	    position: relative;
	    margin-left: 0;
	    width: 154px;
	}
	.ffb {
	    padding: 0 !important;
	    margin: 0 !important;
	    line-height: 244px;
	    text-align: left;
	    padding-left: 20px !important;
	}
	.lor {
	    padding: 20px;
	    padding-top: 60px;
	    width: 100%;
	}
	.tip {
	    width: 205px;
	    height: 250px;
	    float: right;
	}
	.me {
	    width: 100%;
	    height: 250px;
	    background-color: #ddd8d0;
	    float: left;
	}
	.news {
	    height: 100%;
	    padding-bottom: 10px;
	}
	.maincont .row {
		width:50%!important;
		float:left!important;
	}
	.ghj {
	    height: 165px;
	    padding: 50px 0;
	    width: 277px;
	}
	.glr img {
	    height: 165px;
	}
	.ghj {
	    height: 165px;
	    padding: 50px 0;
	    width: 100%;
	    margin: 0;
	    left: 0;
	    position: static;
	    margin-top: -165px;
	}
	.crp1 {
	    float: left;
	    height: 100%;
	    text-align: center;
	    width: 100%;
	    padding-top: 9px;
	}
	.btmfooter {
	    height: 100px!important;
	    width: 100%;
	}
	.footer {
	    width: 100%;
	    height: 100px!important;
	    margin: 0px;
	    padding: 0px;
	    background-color: #a1998e;
	    padding-top: 0;
	    padding-bottom: 9px;
	}
}
@media screen and (max-width:480px){
	.tip img {
	    float: right;
	    left: -15px;
	    top: 58px;
	    z-index: 100;
	    position: relative;
	    margin-left: 0;
	    width: 130px;

	}
	.maincont .row {
		width:100%!important;
		float:left!important;
	}
	#about {
	    margin-bottom: 60px;
	}
	.ffb {
		font-size:26px;
	}
	.lor h4 {
	    text-align: left;
	}
	.lor p {
	    font-size: 15px;
	    text-align: left;
	}
}
@media all and (orientation: landscape), all and (min-width: 480px) { 
	body {
    background-image: url('img/header.jpg') !important;
    background-size: 100% !important;
    background-size: contain !important;
}
}