@charset "utf-8";
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,100,200,300,500,600,700,800,900); */
/* CSS Document */

/*
html, body, div, span, applet, object, iframe,
h1, h2, 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, 
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;
} */

img{
	max-width:100%
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body{
height: 100%;

}

img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    /*transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;*/
}

/*
body, p {
	font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    margin: 0px 0 10px 0;
    color: #483328;
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
    color: #483328;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
    text-decoration:none;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}



.affix {
  top:0;
  width: 100%;
  z-index: 9999 !important;
}

.affix ~ .container-fluid {
 position: relative;
 top: 50px;
}

.navbar {
  margin-bottom: 0px;
} */

p a,li a
{
	color: #007bff;
}

/* Spacer Style   ||-----------*/

.spacer-15 {
    width: 100%;
    height: 15px;
}

.spacer-30 {
    width: 100%;
    height: 30px;
}

.spacer-45 {
    width: 100%;
    height: 45px;
}

.spacer-60 {
    width: 100%;
    height: 60px;
}

.spacer-75 {
    width: 100%;
    height: 75px;
}

.spacer-90 {
    width: 100%;
    height: 90px;
}

.page-icon-top {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 100%;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color: #eee;
  	border: 1px solid #999;
  	display: block;
  	padding: 20px
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

/*ol, ul {
	list-style: none;
}*/
ol li {
	    padding-bottom: 1em;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Хаки*/
@media \0screen {
  img {
        width: auto; /* for ie 8 */
  }
}

/*Fonts*/
@font-face {
  font-family: LeagueGothicCyrillic;
  src:url(/fonts/LeagueGothicCyrillic.eot);
}


@font-face {
  font-family: LeagueGothicCyrillic;
  src:url(/fonts/LeagueGothicCyrillic.otf) format("opentype");
}

/*Main styles*/


.header{
	width:100%;
	background-color: #2d201a;
	margin: 0 auto;
	color: #2d201a;
}


	

#logo{
	clear:both;
	margin:0 auto;
	padding: 20px 0 0 0;
	max-width:180px;
}

#slogan{
	font:1.4em Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	padding:12px 0 25px 0;

}


#main{
	width: 100%;
	margin:0 auto;

}

#top_menu{
	text-align:center;
	background-color: #2d201a;

}

#top_menu ul{
	color:#6c4f40;
	padding:15px 0;
	margin:0;
	
}

#top_menu li{
	display:inline-block;
	padding: 0 25px 0 25px;
}

#top_menu li{
  zoom: 1;
  display: inline;
}


#top_menu a{
	font: bold 12px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-decoration:none;
	opacity:0.8; 
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}

#top_menu a:hover{
	color: #ff9900;
	text-decoration:none;
}

#second_menu{
	text-align:center;
	background-color: #4c3d2c;

}

#second_menu ul{
	background-color: #4c3d2c;
}

.first-level-menu li{
	display:inline-block;
	padding: 0 25px 0 25px;
}

.first-level-menu li{
  zoom: 1;
  display: inline;
}

.first-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}

.first-level-menu li a{
	font: bold 1em Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-decoration:none;
	opacity:0.8; 
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}

.first-level-menu li a:hover{
	color: #ff9900;
	text-decoration:none;
	background-color:inherit;
}

.navbar-toggle .icon-bar {
    background-color: white;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

.content_main{
	width:100%;
	margin-bottom:50px;
	padding: 0 0 0 5%;

}


.title{
	font-family:LeagueGothicCyrillic;
	color: #483328;
	padding: 40px 0 10px 0;
	text-transform: uppercase;
	width:50%;
}


.title h1{
	font-size:  3.9em;
	line-height:1;
}

.title h2{
	font-size:  3.2em;
	line-height:1;
}



#products ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#products li{
	padding:15px 0 0 0;
}


#products ul li a{
	background:url(/images/bullet_green.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #31221a;
	padding-left:28px;

}

#products ul li a:hover{
	background:url(/images/bullet_orange.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
}

#products ul li a:visited{
	background:url(/images/bullet_green.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #31221a;
	padding-left:28px;
}

#products a{
	color: #624739;
	text-decoration:none;
	padding-left:7px;
	list-style:none;
	opacity:0.8; 
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#products a:hover{
	color: #ff8100;
	text-decoration:none;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);

}

#products a:visited{
	color: #624739;
	text-decoration:none;
	padding-left:7px;
	list-style:none;
	opacity:0.8;
}


#photo{
	width:50%;
	float:right;
	margin:0;
	padding:0 0 10px 10px;
	line-height:0;
	
}

#pla_green{
	width:100%;
	height:80px;
	background-color:#b3cd5d;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
  	-moz-border-radius: 10px 0 0 10px;
	margin:0 0 30px 0;
	padding:0;

}

#ebatalina{
	font: 2em Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	padding:7px 0 0 10px;
	line-height:1.2;
}

#partner{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
	color:#ebe9d9;
	text-align:center;
}

#pla_green2{
	width:100%;
	height:65px;
	background-color:#b3cd5d;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
  	-moz-border-radius: 10px 0 0 10px;
	margin:0 0 30px 0;
	padding:0;

}

#name{
	font: 1.3em Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	padding:6px 0 0 10px;
	line-height:1.3;
}

#partner2{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
	color:#ebe9d9;
}


#menu_hor{
	width: 100%;
	text-align: center;
	line-height: 3;


}

#menu_hor ul{
	display: inline-block;
	margin: 25px 0 0 0;
	padding: 0;
}

#menu_hor li{
	display: inline-block;
	margin: 0 1em 0 1em;
}



#menu_hor ul li a{
	background:url(/images/bullet_green.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #31221a;
	padding-left:28px;
	text-decoration:none;

}

#menu_hor ul li a:hover{
	background:url(/images/bullet_orange.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
}

ul li.currlink {
	background:url(/images/bullet_orange.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
	padding-left: 28px;	
}

ul li.currlink2 {
	font: bold 1em Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #ff9900;
	text-decoration:none;
}


.presentation_area{
width: 100%;
margin: 30px auto;
text-align:center;
}

#presentation{
width: 1000px;
height: 790px;
text-align: center;
margin: 0 auto;
}

.products_text{
	width:90%;
	margin: 0 5%;
	padding:10px 10px 30px 0;
}


.o-kompanii_text{
	width:95%;
	margin: 0 0 0 5%;
	padding:20px 0 30px 0;
	float:left;
}


#o-kompanii_img{
	float: right;
	width:20%;
	margin:0;
	padding:0 0 10px 30px;
	line-height:0;
}


.keysi{
	width:90%;
	border:none;
	margin: 30px 5% 110px 5%;
}


.keysi a{
	color: #624739;
	text-decoration:none;
	list-style:none;
	opacity:0.8;
	text-decoration: none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}

.keysi a:hover{
	color: #140e0a;
	text-decoration:none;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);

}


.keysi_img img{
	float:right;
	border-radius: 5px;
	border:none;
	padding:0 0 0 4%;
}

.blog{
	
	width:90%;
	margin: 30px 5% 50px 5%;
}



.blog ul{
	color: #483328;
	line-height:1.5;
	list-style: none; 
	padding:0; 
	margin:0;
}

.blog ul li{
	padding:0 0 10px 30px;
}

.blog a{
	color: #624739;
	/*text-decoration:none;*/
	list-style:none;
	opacity:0.8;
	/*text-decoration: none;*/
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}

.blog a:hover{
	color: #140e0a;
	text-decoration:none;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);

}

#ava {
	float:left;
	margin: 0 20px 0 0;
	width:70px;
	border:1px dotted  #483328;
}

#picture_small{
	float:left;
	width:500px;
	margin:20px 20px 30px 0;
}

#picture_big{
	width:100%;
}

.fb-comments{
	width:100%;
	margin:20px 0 0 0;
}


/* round avatars */

.avatars_i {
    overflow: hidden;
    position: relative;
    float: left;
    margin: 10px 20px 10px 10px;
    padding: 9px;
    display: block;
    -webkit-margin-before: 10px;
	-webkit-margin-after: 10px;
	-webkit-margin-start: 10px;
	-webkit-margin-end: 20px;
}

    .avatars_i:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em; 
    
        -webkit-box-shadow:
            inset 0 0 0 5px #fff,  
            0 0 0 1px #999,        
            0px 1px 1px 2px #bbb,  
            0 0 0 100px #fff;      
        box-shadow:
            inset 0 0 0 5px #fff,  /* inner white padding */
            0 0 0 1px #999,        /* border  */
            0px 1px 1px 2px #fff,  /* outer shadow */
            0 0 0 100px #fff;      /* cropping image white shadow */
        pointer-events: none;
        }

    .avatars_i .avatars_img {
        display: block;
	}

.avatars__big .avatars_img {
    width: 100px;
    }
    


.contacts_text{
	width:86%;
	margin: 50px 7% 0 7%;
}

.contacts_text a{
	color: #483328;
	text-decoration:underline;
	line-height:1.5;
	padding:0 5% 0 0;
	margin:0;
}

.contacts_text a:hover{
	color: #483328;
	text-decoration:none;
}


#map{
	float:right;
	width:650px;
	height:400px;
	padding:0 0 80px 5%;
}

.faq{
	width:86%;
	margin: 20px 7% 120px 7%;
	color: #140e0a;
	text-decoration:none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;

}


.faq a{
		font:1em Verdana, Geneva, sans-serif;
		text-decoration:none;
		border-bottom:#624739 1px dashed;
		line-height:1.4;
		color: #624739;

}

.faq a:hover{
		border-bottom:none;

}

#spoiler_faq{
	font-size:0.9em;
	line-height:1.5;
	margin-top:10px;
}


.spacing-box {
    padding: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.spacing-grid {
    padding-top: 25px;
    padding-bottom: 25px;
}

/*-------------------------------------------------------------------------------------------*/
/*  Pricing       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
/*
.Pricing-box {
    border: 1px solid #f1f1f1;
    text-align: center;
}

    .Pricing-box.highlight {
        background: #f9f9f9;
        border: 1px solid #ddd;
    }

        .Pricing-box.highlight hr {
            border-color: #ddd;
        }

.price-title h4, .price-title h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.Pricing-box .price {
    font-size: 50px;
    font-weight: 700;
    position: relative;
}

    .Pricing-box .price .price-sm {
        font-size: 14px;
        position: absolute;
    }

    .Pricing-box .price .price-lg {
        padding-left: 10px;
    }

.Pricing-box .price-tenure {
    font-size: 12px;
    color: #888;
    font-weight: 400;
    padding-top: 8px;
}

.Pricing-box .pricing-features {
    font-size: 13px;
    text-transform: uppercase;
}

    .Pricing-box .pricing-features ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .Pricing-box .pricing-features ul li {
            padding: 6px;
        }

*/

/*Media Queries*/

@media screen and (min-width:1600px){
.header{
	width:100%;
	background-color: #2d201a;
	}
	
	
body{
	margin:0 auto;
	padding: 0;
}

#menu{
width: 100%;
}

#menu_hor{
	width: 100%;
	text-align: center;
	line-height: 3;

}

#menu_hor ul{
	display: inline-block;
	margin: 25px 0 0 0;
	padding: 0;
}

#menu_hor li{
	display: inline-block;
	margin: 0 1em 0 1em;

}


.content_main{
	width:90%;
	margin-bottom:50px;
	padding: 0 0 0 10%;

}


.title h1{
	font-size:  4.5em;
	line-height:1.1;
}

.title h2{
	font-size:  3.7em;
	line-height:1.1;
}

#soc_but_copyright{
	width:26%;
	float:right;
}

	
#photo{
	width:40%;
}

#o-kompanii_img{
	float: right;
	width:15%;
	margin:0;
	padding:0 0 10px 30px;
	line-height:0;


}

#name{
	font: 1.2em Tahoma, Geneva, sans-serif;
}

#partner2{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
}

#pla_green2{
	height:55px;
}


.keysi{
	margin: 30px 5% 150px 5%;
}

.contacts_text{
	width:70%;
	margin: 50px 15% 0 15%;
}


#map{
	float:right;
	width:730px;
	height:500px;
	padding:0 0 40px 5%;
}



}

@media screen and (min-width:1250px){
	.keysi{
	margin: 30px 5% 150px 5%;
}

}


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

#products p{
	padding:0 5% 0 0;
}

#o-kompanii_img{
	width:28%;
}
}

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

.title h1{
	font-size:  3.6em;
	line-height:1;
}

.title h2{
	font-size:  3em;
	line-height:1;
}


#menu_hor ul li a{
	background:url(/images/bullet_green_small.png) no-repeat;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #31221a;
	padding-left:22px;

}

#menu_hor ul li a:hover{
	background:url(/images/bullet_orange_small.png) no-repeat;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
}
ul li.currlink {
	background:url(/images/bullet_orange_small.png) no-repeat;
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
	padding-left: 22px;	
}

#presentation{
width: 725px;
height: 583px;
}

#map{
	float:none;
	clear:both;
	width:850px;
	margin:0;
	padding:0 0 30px 0;
}


.contacts_text{
	padding: 0 0 30px 0;
	margin:20px 7%;
}
.contacts_text p{
	padding:0 5% 0 0;
	margin:0;
}

.contacts_text h1{
	padding: 0 0 20px 0;
}


}


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

.title h1{
	font-size:  3.2em;
	line-height:1;
}

.title h2{
	font-size:  2.6em;
	line-height:1;
}

#menu_bottom{
		width:13%;	
}
#soc_but_copyright{
	width:35%;
}

#menu_bottom li{
	padding:3px 0;
}

#contacts{
	width:25%;
	float:left;
	padding: 10px 10px 5px 5%;
}


.footer {
	height: 180px;
}

#map{
	width:780px;
}

}

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


#pla_green{
	height:65px;
	}

#ebatalina{
	font-size: 1.4em;
	line-height:1;
}

#partner{
	font: italic 0.8em;
	color:#ebe9d9;
}

#pla_green2{
	height:60px;
}

#name{
	font: 1.2em Tahoma, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	padding:9px 0 0 10px;
	line-height:1.3;
}

#partner2{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
	color:#ebe9d9;
}



#map{
	width:730px;
}
}

@media screen and (max-width:900px){
.title h1{
	font-size:  3em;
	line-height:1;
}

.title h2{
	font-size:  2.5em;
	line-height:1;
}

#menu_hor li{
	margin: 0 1em 0 1em;
}


#soc_but_copyright{
	width:38%;
	padding:5px 0 0 0;
}

#map{
	width:700px;
}

#name{
	font: 1.1em Tahoma, Geneva, sans-serif;
}

#partner2{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
}


}


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


#products li{
padding:20px 0 0 0;
}



#products ul li a{
	background:url(/images/bullet_green_small.png) no-repeat;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:24px;
}

#products ul li a:hover{
	background:url(/images/bullet_orange_small.png) no-repeat;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#products p{
	font-size: 0.9em;
	line-height:1.5;
	padding-top:5px;
	padding-left: 3%;
}

#products a{
	font: bold 1em;
	color: #624739;
	text-decoration:none;
	padding-left:7px;
}

#presentation{
width: 650px;
height: 527px;
}

#map{
	width:650px;
}

#pla_green2{
	height:50px;
}

#name{
	font: 1em Tahoma, Geneva, sans-serif;
	padding:7px 0 0 10px;
	line-height:1.3;
}

#partner2{
	font: italic 0.7em Tahoma, Geneva, sans-serif;
}

#soc_but_copyright{
	width:32%;
	float:right;
	margin: 0 0 0 10px;
	padding:0;
}


#contacts{
	width:28%;
	padding-top:13px;
}

#menu_bottom{
	width: 15%;
	margin:0;
	padding:0;
}


}

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

.title h1{
	font-size:  2.8em;
	line-height:1.2;
}

.title h2{
	font-size:  2.3em;
	line-height:1.2;
}

#photo{
padding-top: 60px;
}


#menu_hor li{
	margin: 0 0 0 1em;
}



ul li.currlink {
	padding-left: 20px;	
}

#presentation{
width: 600px;
height: 490px;
}

#map{
	width:640px;
}


}

@media screen and (max-width:750px){
.title h1{
	font-size:  2.3em;
	line-height:1.2;
}

.title h2{
	font-size:  1.9em;
	line-height:1.2;
}


#contacts{
	float:none;
	clear:both;
	width:90%;

}
#menu_bottom{
	clear:both;
	width:40%;
	padding:0 0 0 6%;
}
.footer{
	height:500px;
}

#contacts{
	width:100%;
	clear:both;
	margin: 0 auto;
	padding:15px 0 0 0;

}
#phone{
	font:0.9em Verdana, Geneva, sans-serif;
	text-align:center;
	line-height: 1.5;
}

#menu_bottom{
	width:90%;
	margin:0 auto;
	padding:0;
	float:none;
	clear:both;
	text-align:center;
}

#menu_bottom li{
	display:block;
	padding: 3px 0;
	text-align:center;
}


#soc_but_copyright{
	width:100%;
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
}

#soc_but{
	margin: 0;
	text-align: center;

}

#copyright {
	font:0.8em Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
	line-height: 1.5;
	padding-top: 25px;
}


#map{
	width:600px;
}

}

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

#presentation{
width: 580px;
height: 472px;
}

#map{
	width:560px;
}

}
@media screen and (max-width:630px){
#presentation{
width: 540px;
height: 442px;
}

#map{
	width:520px;
}

}

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

.title{
	
	width: 90%;
}
.title h1{
	font-size:  3.5em;
	line-height:1;
}

.title h2{
	font-size:  2.9em;
	line-height:1;
}
.title p{
	font:1em Verdana, Geneva, sans-serif;
	line-height:1.5;
	padding-top:10px;

}

#photo{
	display:none;
}

#o-kompanii_img{
	display:none;
}

.content_main{
	width: 95%;
}

#products ul li a{
	background:url(/images/bullet_green_small.png) no-repeat;
	font: bold 1.4em;
	padding-left:24px;
}

#products ul li a:hover{
	background:url(/images/bullet_orange_small.png) no-repeat;
	font: bold 1.4em;
}

#presentation{
width: 490px;
height: 405px;
}

.keysi_img img{
	float:none;
	clear:both;
	padding:0;
}

.keysi{
		margin: 30px 5% 10px 5%;
}

.keysi p{
	padding:15px 5% 0 0;

}

.keysi h1{
	padding-bottom:5px;
}

#map{
	width:480px;
	height:320px;
}

.o-kompanii_text{
	width:90%;
	margin: 0 5% 0 5%;
	clear:both;
}

.fb-comments{
	width:280px;
	margin:0 5% 0 5%;
}

}

@media screen and (max-width:520px){
	
	#presentation{
width: 430px;
height: 360px;
}

#map{
	width:440px;
	height:300px;
}
}

@media screen and (max-width:480px){
	
.title h1{
	font-size:  3.1em;
	line-height:1;
}

.title h2{
	font-size:  2.5em;
	line-height:1;
}

#products p{
	font-size: 0.8em;
	line-height:1.5;
}


.title{
width: 100%;
}

#photo{
	display:none;
}


#menu li{
	display:inline-block;
	padding: 0 15px 0 15px;
}


#slogan{
	font:1.2em Tahoma, Geneva, sans-serif;

}

#menu_hor{
	width: 100%;
	margin: 0;
	text-align: left;
	line-height: 3.2;

}

#menu_hor ul{
margin: 30px 0 0 7%;
padding: 0;
}

#menu_hor li{
	display: block;
	margin: 0;
	text-align:left;
}



#menu_hor ul li a{
	background:url(/images/bullet_green.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #31221a;
	padding-left:28px;

}

#menu_hor ul li a:hover{
	background:url(/images/bullet_orange.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
}

ul li.currlink {
	background:url(/images/bullet_orange.png) no-repeat;
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #140e0a;
	text-decoration:none;
	padding-left: 28px;	
	padding-bottom: 12px;
}


#presentation{
width: 400px;
height: 340px;
}

#map{
	width:400px;
	height:300px;
}

}
@media screen and (max-width:400px){
	
	.title h1{
	font-size:  2.8em;
	line-height:1;
}

.title h2{
	font-size:  2.3em;
	line-height:1;
}
#menu li{
display: inline-block;
	padding: 0 5px 0 5px;
}
#photo{
	display:none;
}

#presentation{
width: 380px;
height: 320px;
}

#map{
	width:330px;
	height:240px;
}

}

@media screen and (max-width:320px){
.title{
	padding:20px 0 0 0;
}

	.title h1{
	font-size:  2.3em;
	line-height:1;
}



.title h2{
	font-size:  1.8em;
	line-height:1;
}
#slogan{
	font:1.5em Tahoma, Geneva, sans-serif;
}

#menu li{
display: inline-block;
	padding: 0 5px 0 5px;
	
}

#menu a{
	font: bold 0.9em Verdana, Geneva, sans-serif;
	
}


.title p{
	font:1em Verdana, Geneva, sans-serif;
	line-height:1.4;
}

#photo{
	clear:both;
	display:none;
}

#products p{
	font-size: 0.8em;
	line-height:1.5;
}


.content_main{
	width:90%;
	margin:0 2% 25px 2%;

}


.footer {
	height: 520px;
}

.footer p{
	font: 0.8em Tahoma, Geneva, sans-serif;
	line-height:1.8;
}

.footer a{
	font: 0.8em Tahoma, Geneva, sans-serif;
	
}



#menu_hor{
	width: 100%;
	text-align: center;
	margin:0;
	padding:0;
	line-height: 3;

}

#menu_hor ul{
margin: 30px 0 0 0;
padding: 0;
}


#presentation{
	display:none;
}

#map{
	width:280px;
	height:200px;
}



}

/*=== 6.1 BANNER ===*/
/* Home Slider 1 */
#rev_slider_wrapper1 .rev_slider .slide-layer-4 {
  text-transform: uppercase;
  background-color: #ff891e;
  border: 0;
}

#rev_slider_wrapper1 .rev_slider .slide-layer-4 a {
  color: #fff;
}

#rev_slider_wrapper1 .rev_slider .slide-layer-4:hover {
  background: #ff891e;
  cursor: pointer;
}

/*  HOME CITY SLIER */
#rev_slider_wrapper2 .rev_slider .slide-layer-1 {
  font-weight: 700;
  line-height: 55px;
  color: #fff;
  text-transform: uppercase;
  z-index: 10;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 21px;
  color: #fff;
  z-index: 10;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-3 {
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-3:hover {
  background: #ff891e;
  border: 2px solid #ff891e;
  cursor: pointer;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-3:focus {
  text-decoration: none;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-4 {
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-4:hover {
  background: #ff891e;
  border: 2px solid #ff891e;
  cursor: pointer;
}

#rev_slider_wrapper2 .rev_slider .slide-layer-4:focus {
  text-decoration: none;
}

/* HOME DESTINATION SLIDER */
#rev_slider_wrapper3 .rev_slider .slide-layer-2 {
  text-transform: uppercase;
}

#rev_slider_wrapper3 .rev_slider .slide-layer-3 .container-container-custom {
  width: 530px !important;
  margin-left: -15px;
  margin-right: -15px;
}

#rev_slider_wrapper3 .rev_slider .tp-rightarrow {
  display: none;
}

#rev_slider_wrapper3 .rev_slider .tp-leftarrow {
  display: none;
}

#rev_slider_wrapper3 .rev_slider .tp-bullet {
  display: none;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner {
  position: relative;
  /*font-family: 'Montserrat', sans-serif;*/
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-dottedoverlay.twoxtwo {
  background: rgba(0, 0, 0, 0.35);
  background-image: none !important;
  z-index: 1;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner:hover .tp-rightarrow.tparrows,
.bannercontainer .rev_slider_wrapper .fullscreenbanner:hover .tp-leftarrow.tparrows {
  display: block;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
  left: 101.5% !important;
  display: none;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 992px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows {
    width: 85px;
    height: 85px;
  }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
  content: '\e825';
}

@media (min-width: 768px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
    line-height: 60px;
  }
}

@media (min-width: 992px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-rightarrow.tparrows:before {
    line-height: 85px;
  }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
  display: none;
  left: -20px !important;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 992px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows {
    width: 85px;
    height: 85px;
  }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
  content: '\e824';
}

@media (min-width: 768px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
    line-height: 60px;
  }
}

@media (min-width: 992px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-leftarrow.tparrows:before {
    line-height: 85px;
  }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets {
  top: 97% !important;
  opacity: 1 !important;
  height: auto !important;
}

@media (min-width: 992px) {
  .bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets {
    bottom: 30px !important;
  }
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
  border-radius: 50%;
  box-shadow: none !important;
  width: 6px !important;
  height: 6px !important;
  border: 2px solid rgba(255, 255, 255, 0) !important;
  display: inline-block;
  margin-bottom: 0px !important;
  transition: background-color 0.2s, border-color 0.2s;
  float: none !important;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet.selected {
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0) !important;
  width: 14px !important;
  height: 14px !important;
  border: 2px solid white !important;
  margin-right: 0px !important;
  margin-left: -4px !important;
  margin-bottom: -3px !important;
  margin-top: -3px;
}

.bannercontainer .rev_slider_wrapper .fullscreenbanner .tp-bullets .tp-bullet.hover {
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0) !important;
  width: 14px !important;
  height: 14px !important;
  border: 2px solid white !important;
  margin-bottom: -3px !important;
}

/* wagtail styles */
/* Обтекание слева */
.richtext-image.left {
    float: left;
    margin-right: 20px; /* Отступ от текста справа */
    margin-bottom: 10px; /* Отступ от текста снизу */
    max-width: 50%; /* Необязательно: ограничение ширины */
}

/* Обтекание справа */
.richtext-image.right {
    float: right;
    margin-left: 20px; /* Отступ от текста слева */
    margin-bottom: 10px; /* Отступ от текста снизу */
    max-width: 50%; /* Необязательно: ограничение ширины */
}

/* Сброс обтекания */
.richtext-image.full-width {
    display: block;
    width: 100%;
    margin: 10px 0 40px;
}
/* Адаптивные видео */
.responsive-object {
    position: relative;
    padding-bottom: 56.25%; /* Соотношение 16:9 */
    height: 0;
    overflow: hidden;
}
.responsive-object iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}