@charset "utf-8"; 
/*---------------------------General Clases---------------------------------------*/
body {
font-family: 'Sansation Light', arial;
color: black;
font-size:14px;
padding:0;
margin:0;
background-color: #fff;
}

h3, h4, h5, h6, body, form, ul {margin:0; padding:0; list-style-type:none;}
h1 {font-size:30px;}

h2 {font-size:44px}
h3 {font-size:26px; font-weight:normal; margin:0 0 5px 0;}
h4 {font-size:42px;}
h5 {font-size:36px;}
h6 {font-size:34px;}
h1, h2, h3, h4, h5 {padding:8px 0;}
.left {float:left;}
.right {float:right;}
.sp { clear:both;/* MOD*/}
.spLeft {clear:left;/* MOD*/}
.spRight {clear:right;}
a img{border:0;}
td { padding: 5px 10px;}

@font-face {
    font-family: Sansation Light;
    src: url('fonts/lobster/ofont.ru_Sansation%20Light.ttf');
}

form .textbox {
background:#FEFEFE;
border:1px solid #e3e3e3;
padding:10px;
margin:0 0 15px 0;
-webkit-transition-property: background;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease;
-o-transition-property: background;
-o-transition-duration: 0.5s;
-o-transition-timing-function: ease;
-ms-transition-property: background;
-ms-transition-duration: 0.5s;
-ms-transition-timing-function: ease;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
form .textbox:hover {background: #f0f0f0;}
form .textbox label {padding:0 20px 0 0;}
form .textbox input, form .textbox textarea {
background:none;
width:97%;
padding:0;
font-size:20px;
color:#5b5a5a;
font-family: 'Sansation Light', arial;
border:none;
outline:none;
}
form .submit {
border:none;
padding:8px 20px;
font-size:14px;
color:#ffffff;
margin-bottom:10px;
font-weight: normal;
cursor:pointer;
background:#0085d1;
background: linear-gradient(#24afff, #0085d1);
background: -o-linear-gradient(#24afff, #0085d1);
background: -webkit-linear-gradient(#24afff, #0085d1);
background: -moz-linear-gradient(#24afff, #0085d1);
background: -ms-linear-gradient(#24afff, #0085d1);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
form .submit:hover {
color:#ffffff;
background:#0085d1;
background: linear-gradient(#0085d1, #24afff);
background: -o-linear-gradient(#0085d1, #24afff);
background: -webkit-linear-gradient(#0085d1, #24afff);
background: -moz-linear-gradient(#0085d1, #24afff);
background: -ms-linear-gradient(#0085d1, #24afff);
}


/* FIX IE7*/
html* {z-index:2;}
#navigation * {z-index:3;}


/* BEGIN HEADER */
#header {width:100%; margin:auto;}
#header #left {width: 100%; height: 30vh; display: inline-flex; padding-top: 30px;}
#header #left #logo {
display: block;
    background: url(../images/logo7.png) top center no-repeat;
    width: 100%;
    height: 100%;
    font-size: 60px;
    text-align: center;
    text-decoration: none;
    color: blue;
 }
#header #left #slogan {position: relative; z-index: 1; color: #1b1b1bc2; font-size: 14px;}
#header #contacts {float: right; color: #000000; font-size: 20px; line-height: 1.5; width: 30%; height: 100%; margin: 0 20px 0; text-align: right;}
#header #contacts strong {font-weight:normal; color:#c6a300;}
#header #contacts a {color:#000000; text-decoration:none;}
#header #contacts a:hover {text-decoration: underline;}

.header-menu {width: 100%; height: 70vh;}
.header-button {width: 33%; height: 100%; float: left}
.header-menu-border {margin: 0 auto; width: 300px; padding: 40px 0;}

/* BEGINA NAVIGATION */
#container-dropdown {
    height: 500px;
    width: 34%;
display: inline-flex;
}
ul.dropdown {position: relative; font-size: 28px; z-index: 98; width: 100%; margin: auto;}
ul.dropdown li {margin: auto; text-align: center; border-bottom: 2px solid black;}
ul.dropdown a:hover	{color: #000;}
ul.dropdown a:active {color: red;}
ul.dropdown li a { display: block; padding: 14px 24px; color: #000; text-decoration: none;}
ul.dropdown li:last-child a {border-right: none;}
/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {position: relative;}
ul.dropdown li.hover a {color:#000;}
/* LEVEL TWO */
ul.dropdown ul {
visibility: hidden; 
position: absolute; 
top: 0; 
left: 300px; 
z-index:99;
border-left: 2px solid black;
}
ul.dropdown ul li {font-weight: normal; float: left; color: #000; padding:0; margin:0;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
border-right: none; 
width: 100%; 
display: inline-block;
width: auto;
font-size:28px;
background-image:none;
width: 300px;
background: white;
padding:8px 0px;
}
ul.dropdown ul li a:hover {color:#000;}/* LEVEL THREE*/
ul.dropdown ul ul {left: 100%; top: 0;}
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown ul li {display: inline; width: 100%;} /* IE */
ul.dropdown #no-icons a {background:none;}
ul.dropdown .first a {color:#000;}
ul.dropdown .last a  {color:#000;}
ul.dropdown .default a {color:#000;}
/* end header gorizontal menu*/


/* BEGIN SEARCH */
#search {
width:300px;
height:45px;
background:#eaeaea;
margin:0 0 20px 0;
position: relative;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}
#search .submit-search {
position:absolute;
width:55px;
height:45px;
background:rgba(0,0,0,1) url(images/tSearch.png) center center no-repeat;
left: 245px;
top:0;
border:0;
outline:none;
cursor:pointer;
box-shadow: -6px 0px 7px -2px #cccccc;
-webkit-box-shadow: -6px 0px 7px -2px #cccccc;
-moz-box-shadow: -6px 0px 7px -2px #cccccc;
border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
-khtml-border-radius:0 3px 3px 0;
}
#search .text {
position:absolute;
border:0;
left:0;
top:0;
padding:13px;
width: 220px;
font-size:16px;
color:#666666;
outline:none;
background:none;
}
/* END BEGIN SEARCH */

/* BEGIN SIDEBAR */
#sidebar {float: right; width:300px; padding-left: 40px;}
#sidebar .box {margin-bottom:20px;}
#sidebar .box em {font-size:12px; display:block; color:#0085d1; margin:0 0 3px 0;}
#sidebar .box em b {font-size:12px; color:#5b5a5a; font-style:normal; float:right}
#sidebar ol {color:#0085d1; font-size:12px; margin:0; padding:20px 20px 6px 29px; font-weight:bold;}
#sidebar ol li{padding:0 0 16px 3px;}
#sidebar ol li a{ color:#5b5a5a; font-size:12px; text-decoration:none; line-height:162%; font-weight:normal;}
#sidebar ol li a:hover{color:#000000;}
.box .content div {float:none; margin:0; padding:2px;}
.box .content div a {color: #0085d1;}
#sidebar .box .title span {display:block; color:#ffffff; font-size:26px; font-weight:normal; padding: 2px 15px;}
#sidebar .box .title {background-color: black;}
#sidebar .box ul {padding:8px 5px;}
#sidebar .box ul li {padding:8px 0; border-top:2px solid black;}
#sidebar .box ul .first {border:0;}
#sidebar .box ul li a {padding:8px 15px; display:block; color: black; text-decoration:none; font-size: 20px;}
#sidebar .box ul li a:hover {color:#0085d1; text-decoration:underline; background: url(images/marker.png) left center no-repeat;}
#sidebar .box ul li .active{color:#0085d1;}
#sidebar .box ul li.last {/* MOD */border-bottom:0px;}
#sidebar #icons {text-align:left; padding-left:32px;}
#sidebar #icons img {}



/* BEGIN CONTENT */
#main {width:1280px; margin:0 auto; padding:30px;}
#content {
float: left;
width:880px;
padding:0;
min-height:300px;
overflow:hidden;
}
#content h2{color:blue; font-size:20px; font-weight:normal;}
#content h1{color:blue; font-size:22px; font-weight:normal; text-transform:uppercase;}
#no_sidebar_content {min-height:640px;}
#content a, #no_sidebar_content a{color:#0085d1; text-decoration:underline;}
#content a:hover, #no_sidebar_content a:hover{color:#0085d1; text-decoration:none;}
#title {font-size:18px; padding:5px 0 0 0; margin:0;}
#detail {line-height:1.5; margin-bottom:30px; font-size:12px; margin:0;}
.homepage_widget{
line-height:1.2;
font-size:20px;
margin-top:-7px;
overflow:hidden;
height:100%;
margin-bottom:30px;
}
.line{border-bottom:1px solid #E3E3E3; padding-bottom:32px;}
.homepage_widget p{float:left; margin:0 0 0 10px; text-align:center;}
.homepage_widget .first{margin-left:0;}
.homepage_widget .image{
display:block;
background:#fefefe;
text-align:center;
padding:1px;
border:1px solid #e3e3e3;
}
.homepage_widget img{}
#content .homepage_widget p a{color:#0085d1; text-decoration:underline;}
#content .homepage_widget p a:hover{color:#5b5a5a;}
#content ul{ margin:0 0 5px 20px; list-style:disc}
#content ul li{ margin:0 0 5px 0;}
.comments{}
.comments .comment{ background: rgba(255,255,255,0.3);  padding:15px;}
.comments .next_row{background: rgba(255,255,255,0.5);}
.comment_info{ overflow:hidden; height:30px;}
.comment_info b{ float:left; color:#0085d1;}
.comment_info span{ float:right; font-weight:bold; font-size:12px;}
.comment_form_info{ overflow:hidden; height:100%}
.comment_form_info .textbox{ float:left; width:300px;}
.comment_form_info .textbox_spacer{ float:left; width:18px; height:1px;}
.comment_form_info .captcha{ width:100px;}

#post {margin-bottom:10px;}
#post h2 {font-size:18px; font-family: Sansation Light, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; }
.errors{ color:#F00}

#titleExt {background-color: rgba(0,0,0,.05); padding:8px 15px; margin-bottom:20px;}
#titleExt h5{font-size:22px; font-weight:normal; padding:2px 0 0 10px;}
#titleExt h1{font-size:22px; font-weight:normal; padding:2px 0 0 10px; margin:0; text-transform:none;}
#titleExt a {color: blue; text-decoration:none;}

#titleExt .ext {color:#000;}
#titleExt .right {font-size:20px;padding:7px 0 0 0;}
#titleExt .right span {text-decoration:underline; color:#5b5a5a; font-weight:bold;}
#titleExt .right .date {/* MOD*/text-decoration:none;}


/* START MOD GALARY */
ul.products li .image {
display:block;
margin:0;
padding:0;
text-align:center;
float:left;
}
ul.products li .name {font-size:12px; padding-top:5px;clear:both;}
ul.products li .name a {text-decoration:none; color:#5b5a5a;}
ul.products li .name a:hover {color:#000000;}
ul.products li {
float:left;
width:200px;
margin:5px 5px;
display:block;
overflow:hidden;
}
ul.thumbs li {float:left; margin:5px 5px; display:block;}
ul.products .last{ margin-right:0;}
ul.products li .price {font-size:18px; color:#ebb100;}
ul.products li.last {margin:5px 5px;/*MOD*/}
#gallery_latest_images{text-align:center;}
#gallery_latest_images a{margin:15px 0 0px 0; display:block;}
/* END MOD GALARY */
#images-widgets {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}
#gopages {
font-size:20px;
color:#color:#5b5a5a;
word-spacing:2px;
text-align:right;
border-top:1px solid #e6e6e6;
padding:32px 0 0 0;
}
#gopages a {color:#5b5a5a; text-decoration:none;}
#gopages a:hover {text-decoration:underline;}
#gopages .prev {margin:0 10px 0 0;}
#gopages .next {margin:0 0 0 10px;}
#gopages img {vertical-align:middle;}
#gopages a.current {text-decoration:underline;}
#gopages a.current:hover {text-decoration:none;}


/* BEGIN FOOTER */
#footer {
    background: black;
    margin: 0 auto 20px;
    width: 1220px;
    padding: 18px 30px;
    color: #ffffff;
}
#footer .left {font-size:22px; line-height:1.4; font-style: normal;}
#footer .left a {color:#ffffff; text-decoration:none;}
#footer .left a:hover {text-decoration: underline;}

#footer .left .web-studio {font-size:22px;}
#footer .left .web-studio a {text-decoration:none;}
#footer .left .web-studio a:hover {text-decoration: underline;}
#footer .left .web-studio strong {color: rgba(15,10,68,.90); font-weight:normal;}


#contact{ overflow:hidden; height:100%}
#contact .right {width:425px; float:right;}
#contact .right #title{
background:none;
padding:0;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
color:#0085d1;
margin:7px 0 0 0;
padding-bottom:18px;
}
#contact .right #detail{
line-height:175%;
margin-bottom:32px;
padding-bottom:32px;
font-size:20px;
border:none;
}
#contact .left {width:470px;/* MOD */}
#contact .left #title {
background:none;
padding:0;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
color:#0085d1;
margin:7px 0 0 0;
padding-bottom:15px;
}
#contact .left #detail{
line-height:175%;
margin-bottom:32px;
padding-bottom:32px;
font-size:20px;
border:none;
}
#titleExt .right {width:auto;/* MOD */}

/* BLOG */
#postinfo {
background:#dadada;
margin-bottom:5px;
-moz-box-shadow:3px 3px 8px #cccccc;
-webkit-box-shadow:3px 3px 8px #cccccc;
box-shadow:3px 3px 8px #cccccc;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
height:3px;

}
#postinfo a {
float:right;
margin-top:-11px;
padding:5px 15px;
background:#ff511e;
background: linear-gradient(#fb9136, #ff511e);
background: -moz-linear-gradient(#fb9136, #ff511e);
background: -ms-linear-gradient(#fb9136, #ff511e);
background: -o-linear-gradient(#fb9136, #ff511e);
background: -webkit-linear-gradient(#fb9136, #ff511e);
-moz-box-shadow:3px 3px 5px #cccccc;
-webkit-box-shadow:3px 3px 5px #cccccc;
box-shadow:3px 3px 5px #cccccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;

color:#ffffff;
text-decoration:none;
}
#postinfo a:hover {
color:#ffffff;
background:#fb9136;
background: linear-gradient(#ff511e, #fb9136);
background: -moz-linear-gradient(#ff511e, #fb9136);
background: -ms-linear-gradient(#ff511e, #fb9136);
background: -o-linear-gradient(#ff511e, #fb9136);
background: -webkit-linear-gradient(#ff511e, #fb9136);
}
/* END BLOG */




/*gorizontal accordion left menu*/
.accordion, .accordion li {border:none; background:none !important;}
.accordion, .accordion li a:hover {background:none !important;}
.accordion a {
padding: 8px 8px 8px 20px; 
text-decoration:none; 
display: block; 
color: #ffffff; 
position: relative;
}
.accordion a .dcjq-icon {
position: absolute; 
top: 50%; 
left: 3px; 
width: 8px;
margin-top: -17px; 
height: 34px; 
background: url(images/arrow_black_right.gif) no-repeat 0 center;
}
.accordion a.dcjq-parent.active .dcjq-icon {background: url(images/arrow_black_down.gif) no-repeat 0 center;}
.accordion a.dcjq-parent.active {color:#0085d1 !important;}
.accordion li ul li a {color:#0085d1 !important;}
.accordion .first a {border: none;}
/*end gorizontal accordion left menu*/



/* carusel*/
#rap { 
    position: relative;
    width: 1280px;
    background: rgb(0 0 0);
    margin: auto;
}
#rap h5 {
padding:10px;
font-size:24px;
text-transform:uppercase;
color: #fff;
text-align: center;
}
#container-carusel{
position: relative;
    height: 80px;
    width: 1280px;
    overflow: hidden;
    top: 0;
    left: 0;
    background: #ffffff;
}
#container-carusel img{
position: relative;
    top: 0px;
    height: 80px;
    width: 157px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.5;
    padding-left: 45px;
}
#container-carusel img:hover{opacity:1.0;}
 
#carouselLeft{
position: absolute;
    top: 70px;
    left: 30px;
    cursor: pointer;
display: none;
}

#carouselRight{
position: absolute;
top: 70px;
right: 30px;
cursor: pointer;
display: none;
}
/* end carusel*/


    #fast-nav-page{
    	display: none;
    }
    #fast-nav-page:checked~ ul{
    	height: 0;
        transition: .6s;
    }
    .fast-navigation
    {
    	position: fixed;
    	bottom: 0;
    	right: 0;
    	border: 10px;
    	border-top-left-radius: 10px;
    	background-color: rgba(0,0,0,1);
        width: 220px;
    	padding: 10px;
    	color: #FFFFFF;
    	z-index: 5;
        zoom: 1.4;
    }
    .fast-navigation ul{
    	margin: 0;
        overflow: hidden;
        list-style-type:circle;
        -webkit-transition: all .6s ease 0s;
        -o-transition: all .6s ease 0s;
        transition: all .6s ease 0s;
    	height: 180px;
    }
    .fast-navigation.item8 ul{
    	height: 220px;
    }
    .fast-navigation label{
    	font-size: 24px;
    }
    .fast-navigation ul a{
    	color: #FFFFFF;
    	font-size: 16px;
    }
    .fast-navigation ul a:hover {
    	color: #dff0d8;
    	text-decoration: none;
    }
    .fast-navigation ul li{
    	border-bottom: 1px solid #FFFFFF ;
    	padding: 15px 12px;
    }
    .fast-navigation ul li:hover{
        list-style-type:disc;
    	color: #dff0d8;
    }


@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3) {
#header {width: 1300px;}
.header-button {width: 30%;}
#contacts {display: none;}
#main {padding: 50px;}
#content {width: Xpx;}
#sidebar {display: none;}
#rap {width: 1060px;}
#container-carusel {width: 1060px;}
#container-carusel img {padding: 0;}
#footer {width: 1000px;}
}
 @media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
#header {width: 1300px;}
.header-button {width: 30%;}
#contacts {display: none;}
#main {padding: 50px;}
#content {width: Xpx;}
#sidebar {display: none;}
#rap {width: 1060px;}
#container-carusel {width: 1060px;}
#container-carusel img {padding: 0;}
#footer {width: 1000px;}
}