@charset "utf-8";

/*
Theme Name: rotan
Autor:Maxim
Discription: theme for Rotan
Version:1.0

*/


.menu
{background: url("img/menu.png");
width: 100%;
height: 94px;}

.menu li
{display: block;
float: left;
margin: 34px 20px;}

.menu a
{color: #FFFFFF;}

.et_pb_menu ul>li>a {
   padding: 14px 20px!important;
}
.pa-underline-from-right nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
	padding: 20px 20px;
}

.pa-underline-from-right nav li a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 100%;
   right: 0;
   bottom: 0;
   background: #FFFFFF;
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
}

.pa-underline-from-right nav li a:hover::before {
   left: 0;
}

.hs-subtitle h3
{color:#74361A;
}

#aboutouter
{background: url("img/b_g_about_us.png");
width: 100%;
height: 308px;}

#aboutpicture img
{margin-top: 30px;}

#abouttext
{margin-top: 15px;}

#abouttext p
{color: #000000;
font-size: 16px;
line-height: 27px;}

#name h3
{ text-transform: uppercase;
text-align:left;
margin-top: 50px;
margin-bottom: 50px;
border-bottom: 2px solid #74361A;
width:30%;
}

#name2 h3
{ text-transform: uppercase;
text-align:left;
margin-top: 50px;
margin-bottom: 50px;
border-bottom: 2px solid #74361A;
width:20%;
}



#name p
{color: #000000;
text-align: justify;
font-size: 16px;
line-height: 26px;}

#footer
{background-size: 100%;
	width: 100%;
	height:400px;
	background: url("img/picturef.jpg");
}

#footerinner{
	background: rgba(0,0,0,0.70);
	width: 100%;
	height: 400px;
	padding-top: 50px;
}

#footer-block
{padding-top: 40px;}

.footermenu li
{float: none;
margin: 5px 10px 15px 10px;
font-size: 19px;
list-style:none;}

.footermenu a
{color: rgba(255,255,255,1.00)}

#contacts h4
{color: #FFFFFF;
line-height: 50px;}

#contacts img
{margin-right: 10px;}

@media screen and (max-width: 4000px) {
	
#main-nav
{ display:none;}
	
	
	
}

@media screen and (max-width: 1020px) {
	
.menu
{ display:none;}
	

#main-nav
{ display: block;}
	
#aboutouter
{background: #865312;
width: 100%;
height:auto;}

#footer
{ 
 height: auto;
width:100%;
background: #865312 ;
	
}


#footerinner
{height: auto;	
}	
}