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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:400;
margin:0;
padding:0;
}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{
display:block;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:none;
}
ins{
text-decoration:underline;
}
del{
text-decoration:line-through;
}
mark{
background:none;
}
abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input[type=submit],input[type=button],button{
margin:0!important;
padding:0!important;
}
input,select,a img{
vertical-align:middle;
}
sup{
vertical-align:super;
font-size:smaller;
}
.clear{
clear:both;
display:block;
}
.float_l{
float:left;
}
.float_r{
float:right;
}
body{
line-height:1;
background-color:#fff;
font:14px Arial;
color:#000;
background:#ddedf4 url(../images/bg.jpg) repeat-x;
}
.wrapper{
width:980px;
background:#fff;
margin:0 auto;
}
.header{
min-height:341px;
background:url(../images/header_bg.png) 50% 100% no-repeat;
overflow:hidden;
margin:0 0 12px;
}
.top_panel{
overflow:hidden;
}
.top_panel .logo{
display:block;
width:276px;
height:93px;
background:url(../images/logo.gif) no-repeat;
float:left;
margin:18px 0 0 30px;
}
.top_panel .logo:hover{
opacity:0.9;
}
.top_panel nav{
float:left;
background:#0084B9;
width:645px;
margin:48px 0 0;
padding:2px 0 0;
}
.top_panel nav ul{
overflow:hidden;
}
.top_panel nav ul li{
float:left;
border-left:1px solid #fff;
padding:0 10px;
}
.top_panel nav ul li a{
font:14px/1.6 Arial;
color:#fff;
text-decoration:none;
}
.top_panel nav ul li a:hover{
text-decoration:underline;
}
.header address{
font-style:normal;
text-align:center;
background:url(../images/phone.png) no-repeat;
float:right;
margin:44px 40px 0 0;
padding:0 0 0 35px;
}
.header address p{
font:bold 24px Arial;
color:#fff;
}
.header address .h2{
font:bold 15px Arial;
color:#fff;
margin:0 0 13px;
}
.header address .h3{
font:18px Arial;
color:#4ab2e8;
}
.header address .h3 span{
font:16px Arial;
color:#4ab2e8;
}
.content{
overflow:hidden;
margin:0 0 10px;
}
.content > aside{
float:left;
width:250px;
padding:0 0 0 15px;
}
.content > aside .calculation_of_the_cost{
width:223px;
height:96px;
background:url(../images/calculation_of_the_cost.png) no-repeat;
font:16px Arial;
color:#fff;
position:relative;
right:-14px;
margin:0 0 8px;
padding:32px 0 0 20px;
}
.content > aside ul{
margin:0 0 25px 5px;
}
.content > aside ul li{
width:239px;
height:48px;
margin:0 0 10px;
}
.content > aside ul li a{
display:block;
background:url(../images/menu_bg.png) 100% 100% no-repeat;
height:48px;
font:16px Arial;
color:#044383;
text-decoration:none;
padding:5px 0 0 10px;
}
.content > aside ul li a:hover{
text-decoration:underline;
}
.content > aside ul li.active{
background:#1e83b7;
}
.content > aside ul li.active a{
color:#fff;
cursor:default;
text-decoration:none;
}
.content > aside .baner{
width:250px;
height:200px;
background:url(../images/zamer.png) no-repeat;
margin:0 0 25px;
}
.content > section{
float:right;
width:637px;
overflow:hidden;
padding:5px 28px 0 50px;
}
.content > section .top_content{
margin:0 0 29px;
}
.content > section .top_content h1{
font:24px Arial;
color:#000;
margin:0 0 25px;
}
.content > section .top_content p{
font:14px Arial;
color:#000;
text-align:justify;
margin:0 0 20px;
}
.content h2{
font:bold 17px Arial;
color:#1e83b7;
margin:0 0 15px;
text-align:center;
}
.content > section .adventures{
margin:0 0 30px;
}
.content > section .adventures h3{
font:bold 14px Arial;
color:#000;
margin:0 0 17px;
}
.content > section .adventures p{
background:url(../images/p_bg.png) no-repeat;
text-indent:34px;
margin:0 0 17px;
}
.content > section table{
text-align:center;
width:645px;
border-left:1px solid #1e83b7;
margin:0 0 10px;
}
.content > section table .header_table{
background:#1e83b7;
}
.content > section table .header_table *{
color:#fff;
}
.content > section table thead.header_table td{
padding:0 5px;
background:#1e83b7;
color:#fff;
border-right:1px solid #fff;
}
.content > section table tr td{
vertical-align:middle;
height:35px;
border-right:1px solid #1e83b7;
color:#1e83b7;
}
.content > section table thead.header_table td:last-child{
border-right:1px solid #1e83b7;
}
.content > section table thead{
background:#ddedf4;
}
.content > section .in_cost_enters{
height:30px;
}
.content > section .in_cost_enters p{
font:bold 14px Arial;
color:#1e83b7;
float:left;
}
.content > section .in_cost_enters span{
font:14px Arial;
color:#1e83b7;
float:right;
}
.caroufredsel{
width:641px;
position:relative;
margin:0 auto 10px;
}
.caroufredsel ul{
overflow:hidden;
width:641px;
}
.caroufredsel li{
float:left;
width:207px;
position:relative;
height:192px;
border:1px solid #1e83b7;
margin:0 4px 0 0;
padding:1px 0 0 1px;
}
.caroufredsel .next,.caroufredsel .prev{
position:absolute;
width:27px;
height:27px;
z-index:999;
top:50%;
margin-top:-13px;
cursor:pointer;
}
.caroufredsel .next{
right:-26px;
background:url(../images/arrows.png) 100% 0 no-repeat;
}
.caroufredsel .prev{
left:-28px;
background:url(../images/arrows.png) no-repeat;
}
.question{
width:642px;
min-height:59px;
background:url(../images/question.gif) 50% 0 no-repeat;
background-size:cover;
text-align:center;
position:relative;
}
.question h2{
margin:0;
font:bold 20px Arial;
color:#000;
padding:3px 0 0;
}
.question p{
font:20px Arial;
color:#000;
}
.question p span{
font:bold 20px Tahoma;
color:#044383;
}
.menu_bottom{
overflow:hidden;
margin:1.5em auto 0;
text-align:center;
}
.menu_bottom li{
display:inline-block;
padding:20px;
}
.menu_bottom li a{
font:700 15px Arial;
color:#1e83b7;
text-decoration:none;
}
.menu_bottom li a:hover{
text-decoration:underline;
}
.footer{
width:980px;
min-height:200px;
overflow:hidden;
position:relative;
margin:0 auto;
}
.footer .left_block{
float:left;
font:13px Arial;
margin:0;
padding:15px 0 0;
}
.footer .left_block p{
margin:0 0 20px;
}
.footer .left_block .statistics{
float:left;
width:88px;
height:31px;
background:url(../images/statistics.jpg) no-repeat;
margin:0 5px;
}
.footer address{
float:right;
font-style:normal;
text-align:center;
line-height:1.2;
padding:20px 20px 0 0;
}
.footer address span{
font:bold 16px Arial;
}
.footer address strong{
font:bold 14px Arial;
}
.middle{
width:300px;
height:142px;
background:url(../images/mid_bg.png) 0 0 no-repeat;
text-align:center;
padding:50px 0 0;
}
.middle p{
font:bold 20px Arial;
color:#1e83b7;
}
.middle span{
font:bold 14px Arial;
color:#1e83b7;
}
a[href^="tel"]{
text-decoration:none;
color:inherit;
}

div,.header,.footer,img{
max-width:100%;
}
.content > aside{
max-width:25.51%;
padding-left:1.5308%;
}
.content > section{
max-width:65%;
padding-left:5.10205%;
padding-right:2.85715%;
}
.content > section table{
width:auto;
}
.content > section ol{
margin:1em 0;
padding:0 0 0 27px;
}
.content > section ol li{
margin-bottom:15px;
list-style-type:none;
counter-increment:list;
font-weight:700;
}
.content > section ol li:before{
content:counter(list);
display:inline-block;
margin:0 5px 0 -27px;
width:20px;
font-weight:700;
line-height:20px;
color:#1e83b7;
text-align:center;
border:1px solid #1e83b7;
border-radius:15px;
}
.content > aside .menu:after{
content:'';
display:table;
width:100%;
}


@media screen and (max-width:960px){
.content > section{
width:67.42840%;
max-width:100%;
padding-left:4%;
padding-right:1.5308%;
}
.header{
text-align:center;
background:0;
min-height:auto;
}
.top_panel .logo{
float:none;
margin:18px auto;
}
.top_panel nav,.menu_bottom{
float:none;
width:100%;
margin:1.5em 0;
text-align:center;
}
.top_panel nav ul li,.menu_bottom li{
float:none;
display:inline-block;
margin:0;
padding:10px 15px;
border-left:0;
}
.top_panel nav ul li a,.menu_bottom li a{
font-size:18px;
text-decoration:underline;
}
.header address{
float:none;
display:inline-block;
margin:1.5em auto;
}
.header address *{
color:#000 !important;
}
.caroufredsel .prev{
left:20px;
}
.caroufredsel .next{
right:20px;
}
.footer{
text-align:center;
}
.footer .left_block{
float:none;
font-size:16px;
}
.middle{
position:initial;
width:initial;
height:initial;
margin:1em auto;
padding:0;
background:0;
}
.footer address{
float:none;
padding:0;
}
.footer-menu{
float:none !important;
text-align:center;
margin-bottom:2em;
}
.footer-menu ul{
display:inline-block;
float:none !important;
margin-top:0 !important;
}
.right_block{
float:none !important;
}
}

@media screen and (max-width:854px){
.header,.footer,.content{
max-width:96%;
margin:0 auto;
}
.content > aside,.content > section,.question{
float:none;
margin-top:1em;
padding:0;
max-width:100%;
width:100%;
}
.question{
padding:10px 0;
}
.content > aside ul li{
width:50%;
height:initial;
float:left;
}
.content > aside ul li a{
padding:0 10px 0 0;
background:0;
height:initial;
font-size:17px;
}
.content > aside ul li a br,.content > aside .baner,.content > aside .calculation_of_the_cost a br{
display:none;
}
.content > aside .calculation_of_the_cost{
width:initial;
height:initial;
background:url(../images/calculation_of_the_cost.png) 100% 0 no-repeat,url(../images/calculation_of_the_cost_1.png);
background-size:contain;
right:0;
padding-right:130px;
}
.content > aside .calculation_of_the_cost a{
display:block;
padding-bottom:30px;
font-size:20px;
}
}
@media screen and (max-width:800px){
.question{
background:0;
}
}

#calc_form input{
text-align:center;
border-radius:3px;
border:1px solid;
border-color:inherit;
}
#poshitat{
cursor:pointer;
}
.copy{
clear:both;
margin-top:40px;
font-size:16px;
text-align:center;
}
.footer-menu{
float:left;
}
.footer-menu ul{
margin:20px 0 0;
padding:0 25px;
float:left;
font-size:16px;
}
.footer-menu li{
display:block;
margin-top:5px;
font-weight:700;
}
.footer-menu li a{
font-weight:400;
color:inherit;
}
.right_block{
float:right;
}
.clr:after{
content:'';
display:table;
width:100%;
}