@import url(cuprum.css)/*tpa=http://allfont.ru/allfont.css?fonts=cuprum*/;

@font-face {
    font-family: AA-BebasNeue;
    src: url("AA-BebasNeue.eot")/*tpa=/wp-content/themes/gefest/fonts/AA-BebasNeue.eot*/;
    src: url("AA-BebasNeue.eot-#iefix")/*tpa=/wp-content/themes/gefest/fonts/AA-BebasNeue.eot?#iefix*/format("embedded-opentype"),
    url("AA-BebasNeue.woff")/*tpa=/wp-content/themes/gefest/fonts/AA-BebasNeue.woff*/ format("woff"),
    url("AA-BebasNeue.ttf")/*tpa=/wp-content/themes/gefest/fonts/AA-BebasNeue.ttf*/ format("truetype");
    font-style: normal;
    font-weight: normal; 
    font-size: 17px;
   }

html, body, div, span, applet, object, iframe,
h1, h2, h2.b, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
    background: #000000;
    font-family: 'Cuprum', sans-serif;
    color: #ffffff;   
    margin: 0;
    width: 100%;
}


h1{
	font-family:"AA-BebasNeue", 'Arial narrow';
	font-size: 47px;
	text-align: center;
	color: #c70000;
	margin-bottom: 15px;
	margin-top: 15px;
	clear: both;
}

h2 {
       font-size: 25px;
}

h3 {
       font-size: 25px;
}

p {
       font-size: 18px;
}
h2.b{
	font-family:"AA-BebasNeue", 'Arial narrow';
	font-size: 47px;
	text-align: center;
	color: #c70000;
	margin-bottom: 15px;
	margin-top: 15px;
	clear: both;
}

.wrapper{
}

.container{
    width: 990px;
    margin: 0 auto;
}

.headline{
	height: 46px;
	width: 100%;
	background-color: #1c1c1c;
	border-bottom: 1px solid #c70000;
}

.logo{
	background-image:url(logo.png)/*tpa=/wp-content/themes/gefest/images/logo.png*/;
	background-repeat:no-repeat;
	width:176px;
	height:40px;;
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}

.head_nav{
	list-style-type: none;
	
}

.head_nav_list{
	display: inline-block;
	height: 35px;
	border-left: 1px solid red;
	padding: 10px 6px 0 6px;
}

.head_nav_items{
	text-decoration: none;
        color: #c70000;
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: "AA-BebasNeue", 'Arial narrow'; 
}

.head_nav_items:hover {
	color:rgb(255, 255, 255);
}

.vk{
	background-image:url(vk.png)/*tpa=/wp-content/themes/gefest/images/vk.png*/;
	background-repeat:no-repeat;
	width:55px;
	height:40px;;
	float: right;
	padding-right: 1px;
	border-left: 1px solid #272727;
	transition: all 0.6s;
}

.shop{
	background-image:url(shop.png)/*tpa=/wp-content/themes/gefest/images/shop.png*/;
	background-repeat:no-repeat;
	width:131px;
	height:40px;;
	float: right;
	border-left: 1px solid #272727;
	transition: all 0.6s;
}

.shop:hover{
	background-image:url(shophover.png)/*tpa=/wp-content/themes/gefest/images/shophover.png*/;
	background-color: #c70000;
	transition: all 0.6s; 
}

.contacts{
	background-image:url(contacts.png)/*tpa=/wp-content/themes/gefest/images/contacts.png*/;
	background-repeat:no-repeat;
	width:131px;
	height:40px;;
	float: right;
	border-left: 1px solid #272727;
	transition: all 0.6s; 
}

.contacts:hover{
	background-image:url(contactshover.png)/*tpa=/wp-content/themes/gefest/images/contactshover.png*/;
	background-color: #c70000;
	transition: all 0.6s; 
}

.price{
	background-image:url(price.png)/*tpa=/wp-content/themes/gefest/images/price.png*/;
	background-repeat:no-repeat;
	width:140px;
	height:40px;;
	float: right;
	border-left: 1px solid #272727;
	transition: all 0.6s; 
}

.price:hover{
	background-image:url(pricehover.png)/*tpa=/wp-content/themes/gefest/images/pricehover.png*/;
	background-color: #c70000;
	transition: all 0.6s; 
}

.homelink{
	background-image:url(home.png)/*tpa=/wp-content/themes/gefest/images/home.png*/;
	background-repeat:no-repeat;
	width:124px;
	height:40px;;
	float: right;
	border-left: 1px solid #272727;
	transition: all 0.6s; 
}

.homelink:hover{
	background-image:url(homehover.png)/*tpa=/wp-content/themes/gefest/images/homehover.png*/;
	background-color: #c70000;
	transition: all 0.6s; 
}

.header{
	background-image:url(headerimg1.png)/*tpa=/wp-content/themes/gefest/images/headerimg1.png*/;
	background-repeat:no-repeat;
	height: 500px;
	width: 100%;
}
.phone{
	float: right;
	padding-top: 180px;
	padding-right: 5px;
}
.h-phone{
	font-family:"AA-BebasNeue", 'Arial narrow';
	font-size: 50px;
}
.h-adress{
	font-size: 14px;
}

.header-adress{
	float: right;
	padding-top: 230px;
	padding-left: 50px;
}

#img-navigation{
	padding-top: 380px;
}

#img-navigation ul li{
    float:left;
    position: relative;
}

#img-navigation ul li a{
    color: #ffffff;
    font-family: "AA-BebasNeue", 'Arial narrow';
    font-size: 21px;
    text-decoration: none;
    display: block;
    border-left: 7px solid #c70000;
    padding-left: 7px;
    margin-right: 40px;
    transition: all 0.6s; 
}

#img-navigation ul li a:hover{
border-left: 7px solid #fff;
    color: #c70000;
    transition: all 0.6s; 
}

#img-navigation .dropdown{
    position: absolute;
    top: 100%;
    background: #c70000;
    display: none;
    width: 200px;
	z-index: 99;
}

#img-navigation li:hover .dropdown{
    display: block;
}

#img-navigation .dropdown li{
    width: 246px;
}

#img-navigation .dropdown li a{
height: 40px;
line-height: 40px;
font-size: 15px;
padding-left: 7px;
    background: #000000;
    color: #ffffff;
border-left: 7px solid #c70000;
}

#img-navigation .dropdown li a:hover{
    color: #c70000;
border-left: 7px solid #fff;
}

.menuline{
	border-top: 1px solid #c70000;
	background-image:url(menubackground.png)/*tpa=/wp-content/themes/gefest/images/menubackground.png*/;
        width: 100%;
	height: 300px; 
	    
}

.services{
	width: 330px;
	float: left;
	clear: right;
	margin-bottom: 20px;

}

.services ul li a{
	font-family: "AA-BebasNeue";
	font-size: 20px;
	color: #fff;
	text-decoration: none;	
	transition: all 0.6s;
}

.services ul li a:hover{
	color: #c70000;
	padding-left: 10px;
	transition: all 0.6s;	
}

.opacity{
	height: 80px;
	width: 80px;
	padding-right: 15px;
	transition: all 0.6s;
	padding-bottom: 30px;
}

@keyframes rotate{ 
	/* создаем анимацию и даем ей имя (rotate например) */
	/* дальше задаем положение в начале и в конце */
	from { 
		/* 
			для анимации используем трансформацию вращение 
			есть ешё сдвиг translate(x,y) и увеличение scale(z)
		*/
		transform:  rotate(0);
		/* можно анимировать размеры и прочие парамтры цсс */
	}	
	to {
		transform: rotate(360deg);
	}

	/* или вместо from|to пишем процент выполнения сцены, от 0% до 100%, любой нужный */
	/* 
		так как поддерживают анимацию передовики Гекко и ВебКит, 
		запись выше не работает и каждому нужно написать свою
	*/


} 
@-moz-keyframes rotate{from {-moz-transform:  rotate(0);}	to {-moz-transform: rotate(360deg);}} 

@-webkit-keyframes rotate{from {-webkit-transform:  rotate(0);}	to {-webkit-transform: rotate(360deg);}} 

.opacity:hover{
	animation: rotate 0.5s infinite linear; 
	-moz-animation: rotate 0.5s infinite linear;
	-webkit-animation: rotate 0.5s infinite linear;
	-webkit-animation-iteration-count: 1;
}

.opacity1{
	height: 80px;
	width: 80px;
	padding-right: 15px;
	transition: all 0.6s;
}

@keyframes rotate{ 
	/* создаем анимацию и даем ей имя (rotate например) */
	/* дальше задаем положение в начале и в конце */
	from { 
		/* 
			для анимации используем трансформацию вращение 
			есть ешё сдвиг translate(x,y) и увеличение scale(z)
		*/
		transform:  rotate(0);
		/* можно анимировать размеры и прочие парамтры цсс */
	}	
	to {
		transform: rotate(360deg);
	}

	/* или вместо from|to пишем процент выполнения сцены, от 0% до 100%, любой нужный */
	/* 
		так как поддерживают анимацию передовики Гекко и ВебКит, 
		запись выше не работает и каждому нужно написать свою
	*/


} 
@-moz-keyframes rotate{from {-moz-transform:  rotate(0);}	to {-moz-transform: rotate(360deg);}} 

@-webkit-keyframes rotate{from {-webkit-transform:  rotate(0);}	to {-webkit-transform: rotate(360deg);}} 

.opacity1:hover{
	animation: rotate 0.5s infinite linear; 
	-moz-animation: rotate 0.5s infinite linear;
	-webkit-animation: rotate 0.5s infinite linear;
	-webkit-animation-iteration-count: 1;
}

.textauto{
	text-decoration:underline;
	float: right;
	color: #c70000;
	font-size: 18px;
	margin-top: 15px;
	padding-right: 16px;
	transition: all 0.6s; 
}

.textauto:hover{
	color: #ffffff;
	transition: all 0.6s;
}

.diagallcars{
    font-size: 14px;
}

.diagallcars ul li{
    float:left;
position: relative;
}

.footer1{
	margin-top: 100px;
	width: 100%;
	height: auto;
	background-color: #555353;
	padding-bottom: 2px;
	clear:both;
}

.footerleft{
	padding-top: 30px;
	float: left;
	color: #1c1c1c;
	font-size: 18px;
        font-weight: bold;
}
.seti {
        padding-top: 8px;
        padding-left: 65px;
}

.vk_b {
	width: 32px;
	height: 32px;
	overflow: auto;
        background: url(007-vk-social-logotype.png)/*tpa=/wp-content/uploads/2017/11/007-vk-social-logotype.png*/ no-repeat;
        float: left;
        padding-right: 10px;
	margin-top: -8px;
}
.vk_b:hover {
	 background: url(005-vk.png)/*tpa=/wp-content/uploads/2017/11/005-vk.png*/ no-repeat;
}
.fb_b {
	width: 32px;
	height: 32px;
	overflow: auto;
        background: url(009-facebook-logo-button.png)/*tpa=/wp-content/uploads/2017/11/009-facebook-logo-button.png*/ no-repeat;
        float: left;
        padding-right: 10px;
	margin-top: -8px;
}
.fb_b:hover {
	 background: url(006-facebook.png)/*tpa=/wp-content/uploads/2017/11/006-facebook.png*/ no-repeat;
}
.inst_b {
	width: 32px;
	height: 32px;
	overflow: auto;
        background: url(008-instagram-logo.png)/*tpa=/wp-content/uploads/2017/11/008-instagram-logo.png*/ no-repeat;
        float: left;
        padding-right: 10px;
	margin-top: -8px;
}
.inst_b:hover {
	 background: url(001-social-media.png)/*tpa=/wp-content/uploads/2017/11/001-social-media.png*/ no-repeat;
}
.youtube_b {
	width: 32px;
	height: 32px;
	overflow: auto;
        background: url(002-youtube-logotype.png)/*tpa=/wp-content/uploads/2017/11/002-youtube-logotype.png*/ no-repeat;
        float: left;
        padding-right: 10px;
	margin-top: -8px;
}
.youtube_b:hover {
	 background: url(003-youtube.png)/*tpa=/wp-content/uploads/2017/11/003-youtube.png*/ no-repeat;
}
.footerright{
	padding-top: 29px;
	float: right;
	color: #110f0f;
	font-size: 16px;
}



.footerlinks{
	color: #110f0f;
	padding-right: 20px;
	transition: all 0.6s;
        text-decoration: none;
        font-size: 19px;
}

.footerlinks:hover{
	color: white;
	transition: all 0.6s;
        
}

.copy{
	text-align:center;
	font-size: 16px;
	color: #110f0f;
	padding-top: 140px;
}

.str_news {
        padding: 5px 10px;
        color: white;
        text-decoration:none;
        font-size:19px;
        font-weight:bold;
}

.str_news:hover {
        background: #ff3e3e;
}

.adj{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 350px;
}

.adj ul li{

}

.adj ul li a{
	line-height: 1.2;
	padding-left: 50px;
	font-family: "AA-BebasNeue";
	font-size: 25px;
	color: #fff;
	text-decoration: none;	
	transition: all 0.6s;
}

.adj ul li a:hover{
	color: #c70000;
	transition: all 0.6s;
}

.adjt{
	margin-top: 50px;
	clear: both;
}

.cc{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 290px;
}

.cc ul li{

}

.cc ul li a{
	line-height: 1.2;
	padding-left: 50px;
	font-family: "AA-BebasNeue";
	font-size: 25px;
	color: #fff;
	text-decoration: none;	
	transition: all 0.6s;
}

.cc ul li a:hover{
	color: #c70000;
	transition: all 0.6s;
}

.cct{
	margin-top: 50px;
	clear: both;
}

.sibarmenu{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 55px;
	float: left;
}

.sibarmenu ul li{

}

.sibarmenu ul li a{
	line-height: 1.2;
	padding-left: 0px;
	font-family: "AA-BebasNeue";
	font-size: 24px;
	color: #fff;
	text-decoration: none;	
	transition: all 0.6s;
}

.sibarmenu ul li a:hover{
	color: #c70000;
	transition: all 0.6s;
}

.sibarmenut{
	margin-top: 50px;
	clear: both;
}

.txt{	
	width: 80px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 50px;
}

.ac-container{
    width: 990px;
    margin: 10px auto 30px auto;
}

.ac-container label{
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    line-height: 33px;
    font-size: 19px;
    background: #1c1c1c;
	border-bottom: 1px solid #c70000;
transition: all 0.6s;
}


.ac-container label:hover{
    background: #fff;
	color: #000;
	transition: all 0.6s;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #c6e1ec;
    color: #3d7489;
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px; 
}

.ac-container input:checked + label:hover:after {
}

.ac-container input{
    display: none;
}

.ac-container article{
    background: #1c1c1c;
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article {
     -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    height: auto;
}

.ac-container article p{
    color: #fff;
    line-height: 23px;
    font-size: 14px;
    padding: 10px 5px;
}

.tbp{
    padding: 10px 5px;
}

table{
        border-collapse: collapse;
}

table th, table td {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
    
table.brd th, table.brd td {
        border: 1px solid #777;
}

.btnzoom{
	background-image:url(uebaknopka.png)/*tpa=/wp-content/uploads/2016/10/uebaknopka.png*/;
	background-repeat:no-repeat;
	width:55px;
	height:40px;;
	float: right;
	padding-right: 1px;
	border-left: 1px solid #272727;
	transition: all 0.6s;
        
}
.news{
	background-image:url(news.png)/*tpa=/wp-content/uploads/2016/11/news.png*/;
	background-repeat:no-repeat;
	width:55px;
	height:40px;;
	float: right;
	padding-right: 1px;
	border-left: 1px solid #272727;
	transition: all 0.6s;
        
}
.faq{
	background-image:url(FAQ.png)/*tpa=/wp-content/uploads/2016/11/FAQ.png*/;
	background-repeat:no-repeat;
	width:55px;
	height:40px;;
	float: right;
	padding-right: 1px;
	border-left: 1px solid #272727;
	transition: all 0.6s;
}

@media (max-width: 1000px) {


.knopkaggg {
        position: fixed;
        width: 100%;
        height: 70px;
        background-color: #ad0000 ;
        box-shadow: inset 0px 4px 14px -7px #404040;
        text-align: center;
        display: table;
        z-index: 99999;
}
  a.button7 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
  background: rgb(33,147,90) !immportant;
  box-shadow: 0 3px rgb(33,147,90) inset;
}
}
.youtubeg{
	background-image:url(Youtube.png)/*tpa=/wp-content/uploads/2016/12/Youtube.png*/;
	background-repeat:no-repeat;
	width:55px;
	height:40px;;
	float: right;
	padding-right: 1px;
	border-left: 1px solid #272727;
	transition: all 0.6s;
        
}
.for_form{
        border: 3px solid #c70000;
        margin: 20px 150px;
        padding: 20px 170px 20px 170px;
}

@media only screen and (max-width: 767px) {
        .for_form{
             margin: 0;
             padding: 0;
             border: none;
      }
}
#img-navigation ul {
	text-align:center;
}
#img-navigation ul li {
	margin:8px 0;
	float:none;display:inline-block;
}