@import "bourbon/bourbon"
.font-face("RobotoBold", "../fonts/RobotoBold/RobotoBold)", normal, $file-formats:eot woff ttf)
.font-face("RobotoRegular", "../fonts/RobotoRegular/RobotoRegular)", normal, $file-formats:eot woff ttf)
.font-face("CleanvertisingLight", "../fonts/CleanvertisingLight/CleanvertisingLight)", normal, $file-formats:eot woff ttf)
body{
    min-width:300px;
    margin:0px auto;
    overflow-x:hidden;
    line-height:1,6;
    max-width:1400px;
       -webkit-font-smoothing:antialiset;
    
}
.header{
	
	background-position: top center;
	min-height: 600px;
	color:#fff;
    padding-top:0px;
    margin-top:0px;
    
   
}

.container{
	max-width:1140px;
  background-image: url(../images/orig.gif);
}

.nik_naim img{
    border-radius: 50%;
      
}
.logo{
   padding-top:80px;
	margin-top:0px;


}
.logo img{
	width:70%;
	height:auto;
	display:block;
	vertical-align:top;
	margin-top:-120px;
}
.wrapper .active{
    color:red;
}
.tab_item {
    display:none;
    text-align: center;
}
.tab_content :first-child{
    display:block;
}
.tabs1 span{
	font-size:30px;
}
.phone .tabs1{
	text-align: center;
	margin-top:40px;
}
.tab_content1 .tab_item{
	font-size:40px;
}

.nik_naim img{
	width:65%;
	height:auto;
	display:block;
	margin-top:20px;

}
.header_top {
	margin-top:0px;
	text-align: center;
	font-size:35px;
}
.top_text{
	margin-top:30px;
	color:#000;
}
.tabs .tab {
   display:inline-block;
   background-color: rgba(255, 255, 255, .25); 
   padding:10px 15px;
   text-transform: uppercase;
   cursor:pointer;
   font-size:20px;
   float:left;
   width:40%;
  
}
.tabs span.active{
  background: linear-gradient(to bottom, rgba(238,239,215,1) 0%,rgba(132,132,132,1) 99%);
   color:#000;
   font-family:'Roboto Bold', arial;
    
}
.tab_content{
    background-color:rgba(255, 255, 255, .6);
    color:#000;
    padding:30px;
    margin-top:0px;
}

.tab_content :first-child{
    display:block;
    
}
.tab_content .tab_item ul{
     margin-top:50px;
     text-align:left;
     font-size:30px;
     font-weight:1,5;
}
.tab_item i{
float:left;	
font-weight: 1.5;
color:#000;
padding:0px;
line-height:1.0;
font-size:160px;
margin:-10px -90px -220px 10px;

}
.tab_item li{
	margin-top:30px;
	
}

.tab_item p{
	overflow:hidden;
	margin-left:70px;
	font-size:25px;
}

.button{
	border-radius:10px;
	background:linear-gradient(to bottom, rgba(147,216,170,1) 1%,rgba(8,150,6,1) 35%,rgba(8,150,6,1) 68%,rgba(236,244,210,1) 100%,rgba(147,216,170,1) 100%,rgba(147,216,170,1) 100%);
	text-align:center;
	margin:30px auto;
	width:80%;
	height:50px;
	padding:5px 10px;
	cursor:pointer;
	font-size:20px;

}
.property{
	
    max-width:1140px;

}
.kont p{
	margin-top:40px;
	color:#fff;
	font-size:40px;
}

.tes_img i{
	font-size:200px;
	margin-left:30px;
	margin-top:40px;
	display:inline-block;
	color:#000;
}
.prim i{
	margin-top:-40px;
	padding-top:0px;
	color:#000;
}

.cont{
	margin-top:40px;
	width:60%;
    float:left;
    margin-left:90px;
    color:#fff;
	
}
.cont h2{
	margin-top:-250px;
	font-size:30px;
	font-weight:1,5;
}
.cont p{
	margin-top:15px;
}
.c_profi{
	background:url(../images/fon2.png);
   width:100%;
}
.property h1{ /*виды и требования к логотипам*/
	color:#000;
	text-align:center;
	font-size:40px;
   

}
.zag_k{
	text-align:center;
	margin:30px auto;
	font-size:30px;
	color:#000;

}

.prof{
	
  min-width:600px;  
}
.profitom{
	height:100px;
	line-height:1.0;
	color:#000;
}
.profi_img{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
}
.profi_img i{
	display: inline-block;
    vertical-align:middle; /*выравнивание по середине строки*/
	width:100px;
	height:100px;
	font-size:240px;
	margin-left:5px;
	clear:both;  /*очизает занятое пространство*/
  
}
.profi_right p{
	width:70%;
	padding-left:3px;
	margin-left:0px;
	
}
.profi_right{
	margin-top:0px;
	float:right;
	margin-top:20px;
}
.zakaz{
	display:inline-block;
	margin-top:5px;


}
.zakaz_form{
	margin:0px auto;
	padding:5px;
	font-size:20px;
	border-radius:7px;
	width:90%;
	margin-bottom:30px;
	color:#000;
}
.zakaz_form h1{
	font-size:30px;
	margin-top:5px;
	text-align:left;
}
.zakaz_form label{
	margin-top:20px;
	
}
.zakaz_form input, textarea{
	border:#C0C0C0 solid 4px;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0, 0, 0, .3) inset; /*первые нули тени врорвя размытие ргба цвета последняя цифра прозрачность инзерт тень выводится внутри элемента*/
	width:80%;
	height:50px;
}
.zakaz_form span{
	font-size:25px;
	float:left;
}
 .zakaz_form p{
 	margin-top:15px;
 	font-style: italic;
 }

.button1{
	margin-top:15px;
	width:90%;
	
}
.btn{
	background:linear-gradient(to bottom, rgba(147,216,170,1) 1%,rgba(8,150,6,1) 35%,rgba(8,150,6,1) 68%,rgba(236,244,210,1) 100%,rgba(147,216,170,1) 100%,rgba(147,216,170,1) 100%);
	height:45px;
	color:#000;
	border-radius:15px;
    cursor:pointer;
    width:70%;
    text-align:center;
}

.tab i{
	font-size:100px;
}
section{
	
	min-height:300px;
	margin-bottom:40px;
	max-width:1140px;
}
.primeri h1{
 text-align:center;
 padding:40px;
 font-size:32px;
 color:#fff;
 width:100%;

 
}
.owl-carousel{
 max-width:1140px;
}
.review_item{
	color: #fff;
}
.review_item p{
	text-align:center;
	font-size:20px;
    margin-top:30px;
    color:#fff;

}
.otziv{
	width:40%;
	margin:0px auto;
	
}
.otziv p{
	font-size:16px;
}
.otziv img{
    
	text-align:center; 
	width:150px;
	height:150px; 
	border-radius:50%; 
	margin-top:30px;

}
.zakaz_opt{
	max-width:1140px;
	min-height: 300px;
  padding-bottom:30px;
}
.zakaz_opt h1{
	font-size:35px;
	text-align:center;
	padding-top:30px;
}

.tes_img strong{
    font-size:40px;
    display:block;
    margin-top:30px;
    text-align:center;
}
.tes_img i{
	float:left;
	color:#fff;
}
footer h1{
    text-align:center;
    font-size:30px;
    color:#fff;
} 
.zag h1{
	padding-top:30px;
	color:#fff;
}
.zag h2{
	text-align:center;
}

.zag h3{
    font-size:20px;
    text-align:center;
} 

.tabs1{
	color:#fff;
}
.tab_content .tab_item1 {
    display:none;
    text-align:center;
    font-size:40px;
    color:#fff;
    opacity:1;
}
.tab_content1 :first-child{
    display:block;
}
.bottom_phone .tabs1{
    text-align:center;
    margin-top:20px;
}
.bottom_phone .tab{
	font-size:20px;
}

footer{
	max-width: 1140px;
	min-height:300px;
	
}
.container .zag{
     color:#fff;
     text-align:center;
     line-height:1.5;
}
.container h3{
	padding-top:30px;

}

footer .button_wrap{
     text-align:center;
     max-width: 1400px;
    
     margin-top:30px;
     color:#fff;
     padding-bottom:50px;
   
    
}
footer .button_wrap a{
    font-size:35px;
    text-decoration: none;
    background:red;
    text-align:center;
   
}
.zag h2{
	font-size:40px;
	color:green;
}
.hidden{
    display:none;
}
#hidden_form{
	padding:20px;
	max-width:420px;
	background-color:#fff;
	
	position:relative;
	border-radius:5px;
	box-shadow:0px 3px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 60px rgba(0, 0, 0, 0.2) ;
	z-index:1000;
}
#hidden_form input{
	border:#C0C0C0 solid 2px;
	margin-left:25px;
	margin-bottom:10px;
	width:80%;
	padding:5px 20px;
	background:#75e879;
	color:#000;
}
#hidden_form button{
	margin-top:15px;
	padding:5px 20px;
	margin-left:100px;
	box-shadow:inset 0px 0px 40px rgba(239, 28, 28, 0.3);
}
 #hidden_form h1{
	font-size:20px;
	margin:10px 30px;
	text-align:justify;
	color:#f0ea27;

}
/*МЕНЮ САЙТА*/
nav {
background:transparent;
margin-left:40px;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color:#F7D567;
}
nav ul:after {
  content: "";
  display: table;
  clear: both;
}
nav a {
  text-decoration: none;
  display: block;
  transition: .3s linear;
   font-size:36px;
}
.topmenu > li {
  float: left;
  position: relative;
  border-left: 1px solid black;
}
.topmenu > li:first-child {border-left: 0;}
.topmenu > li > a {  
  padding: 20px 30px;
  font-size: 14px;
  text-transform: uppercase;
  color:#F7D567;
  letter-spacing: 2px;
  margin-top:30px;
}
.topmenu > li > a.active, 
.submenu a:hover {color: #ddbe86;}
.topmenu .fa, 
.submenu .fa {
  margin-left: 5px;
  color: inherit;
}
.submenu {
  position: absolute;
  z-index: 5;
  min-width: 200px;
  background: white;
  border-top: 1px solid #CBCBCC;
  border-left: 1px solid #CBCBCC;
  border-right: 1px solid #CBCBCC;
  visibility: hidden;
  opacity: 0; 
  transform-origin: 0% 0%;
  transform: rotateX(-90deg);
  transition: .3s linear;  
}
.submenu li {position: relative;}
.submenu li a {
  color: #282828;
  padding: 10px 20px;
  font-size: 13px;
  border-bottom: 1px solid #CBCBCC;
}
.submenu .submenu {
  position: absolute;
  left: 100%;
  top: -1px;
  transition: .3s linear;
}
nav li:hover > .submenu {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
}
.topmenu i{
   font-size:25px;
   display:block;
   margin-top:-40px;
   padding-left:30%;
 }
/*Конец меню*/
/*стили фан.арт*/
.container_prim {
	max-width:1120px;
	margin:30px auto;
	border: 10px solid #40c4c8;
    border-radius:30px;
	background: url(../images/fon3.jpg);
	
}
.containerfon{
	width:100%;
	margin:40px auto;
	color:#fff;
}
 .containerfon h1{
 	width:100%;
 	text-align:center;
 	color:#000;
 	font-size:35px;

 }
 .shrift p{
    font-size:20px;
  }
 .containerfon p{
 	text-align:center;
 	font-size:25px;
 	color:#000;
 }
  .contin {
  width:100%;
  text-align:left;
  color:#000;
  margin-top:20px;
 }
  .contin p{
  	width:100%;
  	font-size:20px;
  	margin-top:30px;
  }
  .krec img{
  }
  .container2{
  	max-width:400px;
  }
  .kont{
  	text-align: center;
  	font-size:30px;
  	margin-top:30px;
  }
  .container_nav{
    background-image: url(../images/fon3.jpg);
    width:700px;
    border:3px solid #000;
    border-radius:10px;
  }
  .strela{
  	width:100px;
  	height:100px;
  	margin-top:50px;
  	margin-left:100px;
  	cursor:pointer;
  }
  .nazad{
   width:400px;

  }
  .nazad button{
  	background:linear-gradient(to bottom, rgba(147,216,170,1) 1%,rgba(8,150,6,1) 35%,rgba(8,150,6,1) 68%,rgba(236,244,210,1) 100%,rgba(147,216,170,1) 100%,rgba(147,216,170,1) 100%);
    width:350px;
    margin:20px auto;
    height:50px;
    font-size:18px;
    border-radius:15px; 
  }