@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato');

@import url('https://fonts.googleapis.com/css?family=Lato');



@font-face {
  font-family: my_font;
  src:url(Poppins-Medium.ttf);
}



.nav9
{
	height: 52px;
	background: #ffffff;
	margin-top: -1px;
}




.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}


.boxx
{background: #79554800;height: 55px;width: 581px !important;}



.logo img{
	 width: 51px;
	 height: 66px;
	 margin-left: calc((100% - -28px)/2 ) !important;
	 margin-top: 9px;
	}
.icons{
	 width: 25px;
	 height:25px;
	 border-radius:50%;
	 background-color:#3E3E3E;
	 float:left;
	 margin-left:10px;
	 margin-top: 11px;
	 padding-left:7px;
	}
.icons_2{
	 width:25px;
	 height:25px;
	 border-radius:50%;
	 background-color:#3E3E3E;
	 float:left;
	 margin-left:10px;
	 margin-top: 12px;
	 padding-left:5px;
	}	
.span_icon{
	  color: #290c00;
	  font-size: 19px;
	}	
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 22px !important;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}	
	
#header .navbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: lightgrey none repeat scroll 0 0;
    border-color: -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: medium medium medium 5px;
}
#header .navbar-inverse .navbar-nav > li {
    padding: 10 8px 0 0;
	box-sizing:border-box;
}
#header .navbar-inverse .navbar-nav > li > a {
    font-family: 'Lato', sans-serif !important;
	letter-spacing:1px;
    font-size: 16px;
    color: black;
    text-shadow:none;
	box-sizing:border-box !important;
	
}
.my_nav{
	 float:right !important;
	}
	


.image img{
	 width:100%;
	 height:auto;
	 background-size: cover;
	}
.boxes{
	 position:relative;
	 z-index:9;
	}	
@media only screen and (min-width:768px) and (max-width:1100px){
	.box{
	 width:14.28% !important;
	 height:110px !important;
	 background-color:#421609;
	 border-left:1px solid #0c0301;
	 
	}
	.social_icon{
		 padding-left:20px !important;
		}
		
	.boxx {
    background: #79554800;
    height: 55px;
    width: 156px !important;
}
		
	}	
	
	@media only screen and (max-width:756px){		
	.boxx {
    background: #79554800;
    height: 55px;
    width: 156px !important;
}
			}
	

@media only screen and (max-width:768px){
	  .nav{
	 height:auto !important;
	 background-color:transparent !important;
	 
	}

	
	.my_nav{
		 float:none !important;
		}
	.my_nav li a{
		 text-align:center;
		
		}
	#myNavbar{
	padding:0px !important;
	border:none !important;
	background-color:transparent !important;
	}
.box{
	 width:none !important;
	 height:110px;
	 background-color:#361109;
	 border-left:2px solid #414141;
	 border-right:2px solid #414141;
	 
	}
	.social_icon{
	padding:0px;
	}
	}
	

	
	
	
@media only screen and (max-width:568px) and (min-width:200px){
	
	
	
	.box881>p {
    width: 195px !important;
    float: right;
    font-size: 10px !important;
    text-align: justify;
    line-height: 27px !important;
    color: #676464;
    margin-right: 1px !important;
    margin-top: -292px !important;
    font-family: my_font;
}
	
	
	
	.box881>h2 {
    font-size: 61px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -172px;
    margin-top: 216px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}


	.about_box4>img {
    width: 100%;
    margin-top: 53px;
}


	.carousel-control>h5 {
    margin-top: 104px;
    transform: rotate(-90deg);
    color: #fff;
}
	.tea_box{
	 width:60% !important;
	 height:auto !important;
	 background-color:transparent !important;
	 margin-left:20% !important;
	 margin-top:10px !important;
	}
	.social_icon{
	padding:0px;
	}
	
	.my_nav{
		 /*background-color:red !important;*/
		 float:left !important;
		}
	.navbar-header{
		 padding:0px !important;
		 margin-top: -15px;
		}
	.my_nav li a{
	font-family: 'Lato', sans-serif !important;
	font-size:12px !important;
	letter-spacing:1px !important;
	font-weight:bolder !important;
	}
	
	#myNavbar{
		/* padding-left: 189px !important; */
		margin-left: calc((100% - -28px)/2 ) !important;
		}	
	
	}	
.my_nav li a{
	font-family: 'Lato', sans-serif !important;
	font-size:12px !important;
	letter-spacing:1px !important;
	font-weight:bolder !important;	
	}	
.tea_box img{
	 width:40%;
	 margin-left:30%;
	 height:auto;
	 margin-top:8px;
	}
	
.tea_box{
	
height: 137px;
	
background-image: linear-gradient(to top, rgb(21, 8, 1),rgb(31, 13, 4), rgba(255, 0, 0, 0));
	
border-right: 2px solid #cecac5;
	
float:left;
	
/* border-top:0.5px solid #533100 !important; */
	
margin-top: 23px;
	}
.my_con{
	 width:100% !important;
	 height:auto !important;
	 background-color:#533100 !important;
	}	
.my_col{
	 width:100% !important;
	 height:auto !important;
	 background-color:#533100 !important;
	}			

.tea_box_text{
	color:#fff;
	font-size: 15px;
	text-align:center;
	margin-top: 9px;
	letter-spacing:1px;
	font-family: 'Lato', sans-serif !important;
	}
.social_icon{
	padding:0px;
	}
@media only screen and (max-width:1200px) and (min-width:1400px){
	.social_icon{
	 padding:0px;
	}
	}
	
.navbar-inverse .navbar-toggle{
	 background-color:#533100 !important;
	}	
	
.nav{
	 padding:0px !important;
	}	
	
nav .navbar .navbar-inverse	{
	 padding:0px !important;
	 margin:0px !important;
	}
#header .navbar{
	 background-color:transparent !important;
	 border:none !important;
	 margin-top: -16px;
	 margin-right: 38px;
	}	
	
	
	.about
	{
	height:600px;
	/* background-image: linear-gradient(to top, rgb(10, 4, 0),rgba(33, 13, 3, 0.82), rgba(0, 0, 0, 0)); */
	/* position: fixed; */
	background: #ffffff;
	margin-top: -1%;
	z-index: 8;
	}
	
	.box88
	{
	height: 524px;
	background: #fff0;
	margin-top: 21px;
	overflow: hidden;
	}
	
	.box881
	{
	height: 653px;
	background: #fff0;
	margin-top: -96px;
	/* overflow: hidden; */
	margin-top: 20px;
	height: 539px;
	}
		
		
	.about_box
	{
	width: 320px;
	height: 523px;
	/* background: #ffffff; */
	border: 5px solid #27150d;
	}
	.about_box4
	{
	width: 467px;
	height: 448px;
	background: #e0dfdf;
	/* border: 2px solid #ffffff; */
	margin-top: -90%;
	margin-left: 7%;
	overflow: hidden;
	}
	
	
	.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 0px !important;
       background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0, 0, 0, 0) !important;
}

	
	
	.navbar-default {
    background-color: #f8f8f8 !important;
    border-color: #e7e7e700 !important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media (max-width: 755px)
	
	 {
		 
	.carousel-control>h5 {
    margin-top: 104px !important;
    transform: rotate(-90deg);
    color: #fff;
}	 
		 
		 .box881 {
    height: auto;
    /* background: #fff0; */
    margin-top: -96px;
    overflow: hidden;
    margin-top: -136px;
    height: 539px;
    background-image: linear-gradient(to top, rgba(224, 223, 223, 0),rgba(214, 211, 211, 0.42), rgba(103, 96, 96, 0.23))!important;
}
		#header .navbar {
    background-color: transparent !important;
    border: none !important;
    margin-top: -76px;
    margin-right: 6px;
}
	
	.navbar-nav {
    margin: 7.5px -15px;
    text-align: center;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}	
	
	.icons{
	 width: 25px;
	 height:25px;
	 border-radius:50%;
	 background-color:#3E3E3E;
	 float:left;
	 margin-left:10px;
	 margin-top: 25px;
	 padding-left:7px;
	}
.icons_2{
	 width:25px;
	 height:25px;
	 border-radius:50%;
	 background-color:#3E3E3E;
	 float:left;
	 margin-left:10px;
	 margin-top: 25px;
	 padding-left:5px;
	}
	
		
	.hd
	{
		    height: 79px;
		
	}
		
		.image img {
    width: 160%;
    height: auto;
    background-size: cover;
    margin-left: -129px;
}

.ff
{
padding: 0px;
    background-color: #fff;
    height: auto;
    box-sizing: border-box;
    position: fixed;
    margin-top: -2px;
    width: 100%;
    z-index: 99;
	
}
	
	.about {
    height: 1139px;
    /* background-image: linear-gradient(to top, rgb(10, 4, 0),rgba(33, 13, 3, 0.82), rgba(0, 0, 0, 0)); */
    /* position: fixed; */
    /* background: #eae8e8; */
    margin-top: 51%;
    z-index: 8;
}
.item img
{
	    display: block;
	    max-width: 134% !important;
	    height: auto;
}

.boxx {
    background: #fff0;
    height: 55px;
    position: absolute;
    margin-top: -55px !important;
    margin-left: 127px !important;
    width:50% !important;
}
.boxx img {
    width: 35px;
    float: right;
    height: auto;
    margin-right: 96px;
}





.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd0 !important;
}
.navbar-default .navbar-toggle {
    border-color: #ddd0 !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #292524 !important;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 29px !important;
    height: 2px;
    border-radius: 1px;
}



		.image1 img {
    width: 160%;
    height: auto;
    background-size: cover;
    margin-left: -129px;
}

	
	.about_box {
    width: 320px;
    height: 423px;
    /* background: #ffffff; */
    border: 9px solid #ffffff;
    margin-left: -13px;
    margin-top: 52px;
}
	
	.about_box4 {
    width: 371px;
    height: 381px;
    background: #d4d0d0;
    /* border: 2px solid #ffffff; */
    margin-top: -471px;
    margin-left: -5%;
    overflow: hidden;
}
	 }
	 
	 
	 .boxx img
{
    width: 209px;
    float: right;
    margin-right: -74px;
    height: auto;
}

.image>img
{
	position:absolute;
	height: 572px;
	z-index: -1;
}

.main
{height: auto;background: #fff9f900;position: relative;margin-top: -158px;overflow:hidden;z-index:9;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    z-index: 999999999999 !important;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar {
    position: fixed !important;
    min-height: 50px;
    width: 100%;
    z-index: 999999999999;
    margin-bottom: 20px;
    border: 1px solid transparent;
}




.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
    background-image: linear-gradient(to bottom,#341d10 0,#f8f8f800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) !important;
}

.about_box4>img
{
	width: 88%;
	margin-top: 4px;
	margin-left: 27px;
}

.line
{
	width: 202px;
	height: 73px;
	background: #27150d00;
	margin-top: 109px;
	margin-left: -102px;
	position:absolute;
	border-right: 2px solid #2b1a1245;
	border-bottom: 2px solid #0003;
}

.box881
{/* background: #0000000a; */height: 497px;background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));}


.box881>h2
{
	font-size: 63px;
	font-family: unset;
	transform: 1deg;
	transform: rotate(-90deg);
	float: left;
	margin-left: -165px;
	margin-top: 216px;
	font-weight: 800;
	color: #ffffffe0;
	text-shadow: 3px 13px 10px #0000001a;
}

.big_text
{
	font-size:100px;
	color: #27150d;
}

.box881>p
{

width: 489px;


font-size: 17px;

float: right;

font-size: 14px;

text-align: justify;



line-height: 27px;

color: #676464;

margin-right: -72px;

margin-top: -243px;

font-family: my_font;
}





.carousel-control>h5
{

    margin-top: 260px;
    transform: rotate(-92deg);
    color: #fff;
}

.footer

{
	height: 200px;
	background: #170b06;
}

.main
{
position:absolute;
z-index:99999;	
	
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}


.navbar-nav>li>.dropdown-menu {
    margin-top: 5px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.nav>li {
    position: relative;
    display: block;
    margin-top: 0px !important;
}



.servic_box4
	{
	width: 467px;
	height: 448px;
	background: #e0dfdf;
	/* border: 2px solid #ffffff; */
	margin-top: -486px;
	margin-left: 7%;
	}
	
	
	.servic_box4>img {
    width: 91%;
    margin-left: -5px;
    margin-top: 51px;
    position: absolute;
}































.line2
{
	width: 202px;
	height: 73px;
	background: #27150d00;
	margin-top: 57px;
	margin-left: -107px;
	position:absolute;
	border-right: 2px solid #2b1a1245;
	border-top: 2px solid #0003;
}

.box8812
{/* background: #795548; */height: 600px;background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));/* overflow: hidden; */}
.box88123
{/* background: #0000000a; */height: 600px;background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));}

.box88124
{/* background: #0000000a; */height: 600px;background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));}


.box8812>h2
{
	font-size: 63px;
	font-family: unset;
	transform: 1deg;
	transform: rotate(-90deg);
	float: left;
	margin-left: -165px;
	margin-top: 216px;
	font-weight: 800;
	color: #ffffffe0;
	text-shadow: 3px 13px 10px #0000001a;
}

.big_text
{
	font-size:100px;
	color: #27150d;
}

.box8812>p
{

width: 75%;

font-size: 17px;

float: right;

font-size: 14px;

text-align: justify;

line-height: 27px;

color: #676464;

margin-right: 44px;

margin-top: -243px;

font-family: my_font;
}

.box88121>p
{

width: 75%;

font-size: 17px;

float: right;

font-size: 13px;

text-align: left;

line-height: 27px;

color: #313030;

margin-right: 44px;

margin-top: -319px;

font-family: my_font;
}

.big_text2
{
	font-size:100px;
	color: #27150d;
}


.about_box22 {
    width: 320px;
    height: 547px;
    /* background: #ffffff; */
    border: 5px solid #27150d;
    margin-top: 31px;
}

.bosta_img
{width: 89%;float: right;margin-right: -118px;margin-top: -31px;}





.box882
{
 margin-top: 18px !important;
 /* background: #000; */
 height: auto;
}


.box88123>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -208px;
    margin-top: 259px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}


.contact_box4 {
    width: 580px;
    height: 448px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -486px;
    margin-left: 7%;
}

 iframe {
    height:100%;
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }
  
  .root
  {
	      position: absolute;
    width: 76%;
    margin-top: -462px;
    margin-left: 134px;
	  
  }
  
  .contact_from
  {
	  /* background: #27150d; */
	  height: 180px;
	  background-image: linear-gradient(to right, #9e9e9e30,rgba(177, 164, 161, 0.37), rgba(255, 0, 0, 0));
	 }
	 
	 
	 
  .contact_from1
  {
	  background: #fff;
	  height: 414px;
	  width: 292px;
	  margin-left: 200px;
	  position: absolute;
	  z-index: 999999;
	  margin-top: -144px;
	  box-shadow: 8px 6px 5px #0000000a;
	 }	 
	 
	 
	   .contact_from3
  {
	  background: #d0d0d0f0;
	  height: 493px;
	  width: 399px;
	  margin-left: 230px;
	  position: absolute;
	  z-index: 999999;
	  margin-top: 21px;
	  box-shadow: 8px 6px 5px #0000000a;
	 }	 
	 
	 
	 
	 
	 
	 
	 
	 
	 .line_contact{
    width: 202px;
    height: 73px;
    background: #27150d00;
    margin-top: 57px;
    margin-left: -107px;
    position: absolute;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}


.single-contact {
	text-align: left;
	position: relative;
	padding-left: 71px;
	margin-bottom: 26px;
	margin-top: 19px;
}
.single-contact i.fa {
	position: absolute;
	left: 18px;
	top: 52%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #27150d;
	width: 32px;
	font-size: 17px;
	height: 32px;
	line-height: 31px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.single-contact h5 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}
.single-contact p {
	font-size: 12px;
	font-weight:;
	width: 224px;
}
.contact-form input[type="submit"] {
	background-color: #FF7200;
	border: 0px;
	cursor: pointer;
	font-size: 16px;
	-webkit-transition: .4s;
	transition: .4s
}
.contact-form input[type="submit"]:hover {
	background-color: #CC5B00
}
.contact-form input:focus, textarea:focus {
	border-color: #CC5B00
}




            .contact-form-area{
                position:absolute;
                bottom:40px;
                background:rgba(0, 0, 0, 0.6);
                padding:30px;
                width:85%;
                border:1px solid #cdcaca;
                border-radius:5px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                margin-bottom:30px;
                -ms-border-radius:5px;
                box-shadow:1px 1px 1px 0 rgba(55,50,40, .10);
                -webkit-box-shadow:1px 1px 1px 0 rgba(55,50,40, .10);
                -moz-box-shadow:1px 1px 1px 0 rgba(55,50,40, .10);
                -ms-box-shadow:1px 1px 1px 0 rgba(55,50,40, .10);

            }
            .contact-form-area form h3{
                font-size:36px;
                color:#fff;
                font-family: 'latobold';
                margin-bottom:20px;
            }
            .form-control {
                height: 35px;
                border: none;
            }
            .contact-form-area form .contact-btn{
                background: #dcdcdc;
                padding: 10px 70px;
                color: #000000;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                transition: all 0.5s;
            }
            .contact-form-area form .contact-btn:hover{
                background:#fff;
            }
			
			
			
			
		.btn {
    display: inline-block;
    padding: 10px 35px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    margin-left: 117px !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}



.btn-primary {
    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));
    background-image: linear-gradient(to bottom,#795548 0,#27150d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #ffffff !important;
    color: white !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #795548 !important;
    background-position: 0 -40px !important;
}	
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			.form-control {
    display: block;
    width: 73% !important;
    height: 56px !important;
    padding: 1px 11px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    margin-top: 19px !important;
    background-image: none;
    margin-left: 46px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}





.footer-navigation h3{
  margin:0;
  font:normal 36px Cookie, cursive;
  margin-bottom:20px;
  color:#fff;
}

.footer-navigation h3 a{
  text-decoration:none;
  color:#fff;
}

.footer-navigation h3 span{
  color:#5383d3;
}

.footer-navigation p.links a{
  color:#fff;
  text-decoration:none;
}

.footer-navigation p.company-name{
  color:#8f9296;
  font-size:14px;
  font-weight:normal;
  margin-top:20px;
}

@media (max-width:767px) {
  .footer-contacts{
    margin:30px 0;
  }
}

.footer-contacts p{
  display:inline-block;
  color:#ffffff;
  vertical-align:middle;
}

.footer-contacts p a{
  color:#5383d3;
  text-decoration:none;
}

.fa.footer-contacts-icon{
  background-color:#33383b;
  color:#fff;
  font-size:18px;
  width:38px;
  height:38px;
  border-radius:50%;
  text-align:center;
  line-height:38px;
  margin:10px 15px 10px 0;
}

span.new-line-span{
  display:block;
  font-weight:normal;
  display:block;
  font-weight:normal;
  font-size: 12px;
  line-height:2;
  width: 204px;
}

.footer-about h4{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  margin-bottom:20px;
}

.footer-about p{
  line-height:20px;
  color:#92999f;
  font-size:13px;
  font-weight:normal;
  margin:0;
}

div.social-links{
  margin-top:20px;
  color:#fff;
}

.social-links a{
  display:inline-block;
  width:35px;
  height:35px;
  cursor:pointer;
  background-color:#33383b;
  border-radius:2px;
  font-size:20px;
  color:#ffffff;
  text-align:center;
  line-height:35px;
  margin-right:5px;
  margin-bottom:5px;
}

.down
{margin-top: 21px;}


.footer
{
    margin-top: 23px;	
}

.box8812>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -139px;
    margin-top: 224px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}



.client_main
{/* background: #000; */height: 474px;margin-top: -269px;margin-left: 104px;z-index: 9;}



.hover08
{
	height: 89px;
	margin-top: 9px;
	padding: 0px;
	cursor:pointer;
	overflow:hidden;
}



.hover08 img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-top: -10px;
	width: 89% !important;
}
.hover08 :hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}



.box88124>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -247px;
    margin-top: 256px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}




.tv
{
	
height: 545px;
	
margin-top: -346px;
	
width: 522px;
	
margin-left: 80px;
}






.servic_box41
	{
	width: 467px;
	height: 448px;
	background: #e0dfdf;
	/* border: 2px solid #ffffff; */
	margin-top: -497px;
	margin-left: 7%;
	}
	
	
	.servic_box41>img {
  width: 78%;
  margin-left: 14px;
  margin-top: 19px;
  position: absolute;
}

.box88121>h2 {
    font-size: 59px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -250px;
    margin-top: 243px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}

.box88121
{/* background: #0000000a; */height: 981px;background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));}


.servic_box412>img {
    width: 92%;
    margin-left: -6px;
    margin-top: 42px;
    position: absolute;
}
.servic_box412
	{
	width: 467px;
	height: 643px;
	background: #e0dfdf;
	/* border: 2px solid #ffffff; */
	margin-top: -724px;
	margin-left: 9%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.servic_box415 {
    width: 467px;
    height: 448px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -486px;
    margin-left: 7%;
}	
	
	
	.servic_box415>img {
    width: 76%;
    margin-left: 53px;
    margin-top: 19px;
    position: absolute;
}














.abouts_box22 {
    width: 320px;
    height: 754px;
    /* background: #ffffff; */
    border: 5px solid #27150d;
    margin-top: 27px;
}





.servics_box412 {
    width: 467px;
    height: 633px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -687px;
    margin-left: 9%;
}


.servics_box412>img {
    width: 78%;
    margin-left: 28px;
    margin-top: 42px;
    position: absolute;
}




input[type=text], select, textarea {
    width: 97% !important;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}


input[type=text], select, textarea {
    width: 98%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;






    resize: vertical;
}
.con
{


	width: 317px;
	margin-left: 41px;
	margin-top: 15px;
}



.box8811>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -237px;
    margin-top: 216px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}

.box8811>p {
    width: 489px;
    font-size: 17px;
    float: right;
    font-size: 14px;
    text-align: justify;
    line-height: 27px;
    color: #676464;
    margin-right: -72px;
    margin-top: -243px;
    font-family: my_font;
}



.box8811 {
    /* background: #0000000a; */
    height: 497px;
    margin-top: 90px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
}

.box88123>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -139px;
    margin-top: 224px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}


.box88123 {
    /* background: #795548; */
    height: 692px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
    /* overflow: hidden; */
}




.about_box45 {
    width: 467px;
    height: 448px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -90%;
    margin-left: 7%;
    overflow: hidden;
}


.about_box45>img {
    width: 88%;
    margin-top: 4px;
    margin-left: 27px;
}



.main100 {
    height: auto;
    background: #fff9f900;
    position: relative;
    margin-top: -158px;
    overflow: hidden;
    z-index: 9;
}

.about500 {
    height: 600px;
    /* background-image: linear-gradient(to top, rgb(10, 4, 0),rgba(33, 13, 3, 0.82), rgba(0, 0, 0, 0)); */
    /* position: fixed; */
    background: #ffffff;
    margin-top: -1%;
    z-index: 8;
}









@media (max-width: 580px)

 { 


.boxx img {
    width: 159px;
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    height: auto;
}


.about {
    height: auto;
    /* background-image: linear-gradient(to top, rgb(10, 4, 0),rgba(33, 13, 3, 0.82), rgba(0, 0, 0, 0)); */
    /* position: fixed; */
    /* background: #eae8e8; */
    margin-top: 12px;
    z-index: 8;
}

.servics_box412 {
    width: 428px;
    height: 276px;
    background: #eae6e6;
    /* border: 2px solid #ffffff; */
    margin-top: -323px;
    margin-left: 12px;
}

.abouts_box22 {
    width: 320px;
    height: 354px;
    /* background: #ffffff; */
    border: 5px solid #27150d;
    margin-top: 35px;
}



.box882 {
    margin-top: 12px !important;
    /* background: #000; */
    height: 399px;
}

.box88121>p {
    width: 75%;
    font-size: 17px;
    float: right;
    font-size: 10px;
    text-align: left;
    line-height: 19px;
    color: #313030;
    margin-right: -1px;
    margin-top: -316px;
    font-family: my_font;
}

.line2 {
    width: 202px;
    height: 73px;
    background: #27150d00;
    margin-top: 57px;
    margin-left: -107px;
    position: absolute;
    border-right: 2px solid #2b1a1245;
    border-top: 2px solid #0003;
    display: none;
}


.big_text2 {
    font-size: 75px;
    color: #27150d;
    margin-left: 49px;
}

.box88121 {
    /* background: #0000000a; */
    height: 1115px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
}


.footer {
    height: 478px;
    background: #170b06;
}




.about_box22 {
    width: 320px;
    height: 357px;
    /* background: #ffffff; */
    border: 5px solid #27150d;
    margin-top: 31px;
}


.servic_box415 {
    width: 467px;
    height: 318px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -340px;
    margin-left: 7%;
}

.servic_box415>img {
    width: 90%;
    margin-left: -4px;




















    margin-top: 19px;
    position: absolute;
}

.box8812>p {
    width: 75%;
    font-size: 17px;
    float: right;
    font-size: 12px;
    text-align: justify;
    line-height: 27px;
    color: #676464;
    margin-right: 3px;
    margin-top: -243px;
    font-family: my_font;
}

.bosta_img {
    width: 89%;
    float: right;
    margin-right: -118px;
    margin-top: -31px;
   
}

.box8812 {
    /* background: #795548; */
    height: 600px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
    /* overflow: hidden; */
    margin-top: 65px;
}


.servic_box41 {
    width: 467px;
    height: 300px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -331px;
    margin-left: 7%;
}


.servic_box4 {
    width: 467px;
    height: 307px;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -329px;
    margin-left: 7%;
}


.box8812>h2 {
    font-size: 33px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -113px !important;
    margin-top: 224px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}


.about_box4>img {
    width: 109%;
    margin-top: 50px;
    margin-left: -21px;
}

.client_main {
    /* background: #000; */
    height: 474px;
    margin-top: -197px;
    margin-left: 44px;
    z-index: 9;
    width: 79%;
}

.box88123>h2 {
    font-size: 63px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    display: none;
    margin-left: -122px;
    margin-top: 224px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}



.box88123 {
    /* background: #795548; */
    height: 748px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
    /* overflow: hidden; */
    margin-top: 61px;
}



.line {
    width: 202px;
    height: 73px;
    background: #27150d00;
    margin-top: 109px;
    margin-left: -102px;
    position: absolute;
    border-right: 2px solid #2b1a1245;
    border-bottom: 2px solid #0003;
	display:none;
}


.box88 {
    height: 524px;
    background: #fff0;
    margin-top: -160px;
    overflow: hidden;
}



.about_box45>img {
    width: 60%;
    margin-top: 103px;
    margin-left: 15px;
}


.box8811 {
    /* background: #0000000a; */
    height: 497px;
    margin-top: 25px;
    background-image: linear-gradient(to right, rgb(212, 209, 209),rgb(232, 232, 232), rgba(255, 0, 0, 0));
}

.box8811>p {
    width: 206px;
    font-size: 17px;
    float: right;
    font-size: 14px;
    text-align: justify;
    line-height: 27px;
    color: #676464;
    margin-right: 10px;
    margin-top: -306px;
    font-family: my_font;
}

.main {
    height: auto;
    background: #fff9f900;
    position: relative;
    margin-top: -158px;
    overflow: hidden;
    z-index: 9;
    margin-top: 9px !important;
}


.main100 {
    height: 846px;
    background: #cecac8;
    position: relative;
    margin-top: -158px;
    overflow: hidden;
    z-index: 9;
    margin-top: 5px !important;
}

.box881>h2 {
    font-size: 34px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -132px;
    margin-top: 216px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}

.about500 {
    height: 731px;
    /* background-image: linear-gradient(to top, rgb(10, 4, 0),rgba(33, 13, 3, 0.82), rgba(0, 0, 0, 0)); */
    /* position: fixed; */
    background: #ffffff;
    margin-top: 43%;
    z-index: 8;
}

.contact_from1 {
    background: #fff;
    height: 414px;
    width: 292px;
    margin-left: 11px;
    position: absolute;
    z-index: 999999;
    margin-top: -144px;
    box-shadow: 8px 6px 5px #0000000a;
}







.line_contact {
    width: 202px;
    height: 73px;
    background: #27150d00;
    display: none;
    margin-top: 57px;
    margin-left: -107px;
    position: absolute;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}

.contact_from3 {
    background: #d0d0d0f0;
    height: 559px;
    width: 399px;
    margin-left: -44px;
    position: absolute;
    z-index: 999999;
    margin-top: 35px;
    box-shadow: 8px 6px 5px #0000000a;
}



 }
 
 
 
 @media (max-width: 580px)
 {
.box881>h2 {
    font-size: 43px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -100px;
    margin-top: 216px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}
.big_text {
    font-size: 73px;
    color: #27150d;
}


.box88121>h2 {
    font-size: 31px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -154px;
    margin-top: 256px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}


.servics_box412>img {
    width: 94%;
    margin-left: 2px;
    margin-top: 42px;
    position: absolute;
}

.about_box45 {
    width: 467px;
    height: -webkit-fill-available;
    background: #e0dfdf;
    /* border: 2px solid #ffffff; */
    margin-top: -141%;
    margin-left: -6%;
    overflow: hidden;
}

.box8811>h2 {
    font-size: 47px;
    font-family: unset;
    transform: 1deg;
    transform: rotate(-90deg);
    float: left;
    margin-left: -167px;
    margin-top: 216px;
    font-weight: 800;
    color: #ffffffe0;
    text-shadow: 3px 13px 10px #0000001a;
}
}