/*
Theme Name: Body
Author: Vitaly Kukin
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic-ext);
html, body {min-width:960px;height:100%;font-family:'Open Sans',sans-serif;font-size:14px;background-image:url('images/bg.png');background-repeat:repeat-y;background-position:top center}#wrap{position:relative;min-height:100%;background:url('images/bigphoto.jpg') no-repeat top center}* html #wrap{height:100%}#content{padding-bottom:270px}#footer{position:relative;height:270px;margin-top:-270px}h1, h2, h3, h4, h5{line-height:normal;font-weight:300;padding:0;margin:10px 0}h1{font-size:30px}h2{font-size:27px}h3{font-size:23px}h4{font-size:19px}h5{font-size:16px}*{outline:none}img{border:none}a{text-decoration:none}.polosa{overflow:hidden}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin:0 auto}.clear{clear:both}.separate{height:20px}.upper{text-transform:uppercase}#wrap.wrap .noborder{border:none}.button{font-weight:bold;font-size:15px;border:0 none;cursor:pointer;padding:12px 16px;text-decoration:none;display:inline-block}.button-large{font-size:19px;padding:14px 24px}.warning{padding:5px;margin:10px}.warning-form{margin:10px 0}
/********************
	GLOBAL WIDTH
*********************/
.header, .footer, .main-home, .main-index, .main-catmenu{margin:0 auto;width:960px}
/********************
	HEADER
*********************/
#header{height:60px}
.header{height:110px;position:relative;z-index:40}
.header .logo{position:absolute;top:4px;left:10px;z-index:10}
.header .logo img {max-width: 300px;}
.header .top-menu{text-align:right;padding-top:10px}
.header .top-menu ul li{float:right;margin:8px 10px 0 20px}
/********************
	CAT MENU
*********************/
.main-catmenu{position:relative;font-size:16px;z-index:11}
.main-catmenu, .main-catmenu > ul{height:50px;font-weight:400}
.main-catmenu ul > li{float:left;position:relative}
.main-catmenu ul > li > a{display:block;height:50px;padding:0 25px;text-decoration:none;line-height:50px}
.main-catmenu ul > li > ul{display:none;z-index:70}
.main-catmenu ul > li:hover > ul, .main-catmenu ul li a:hover > ul, .main-catmenu ul li > ul:hover {display:inline}
.main-catmenu ul > li > ul{position:absolute;top:50px;left:0;font-size:13px}
.main-catmenu ul > li > ul > li{width:300px}
.main-catmenu ul > li > ul > li > a{display:block;padding:6px 14px 8px;text-transform:none;height:auto;line-height:21px}
.main-catmenu ul > li > ul > li > a:hover{text-decoration:underline}
/********************
	MAIN PAGE
*********************/
#main-home{height:410px;width:100%}
.main-home{position:relative;height:350px;z-index:10}
.main-home .content-block{position:absolute;top:90px;left:0}
.main-home .content-block h2{font-size:50px;margin-left:80px;margin-right:80px}
.main-home .content-block h2 span{padding:2px 18px;margin-bottom:10px;line-height:75px}
.main-index h1, .main-index h3{margin:0;margin-bottom:15px;padding:0 30px}
.main-index h2{font-size:16px;margin:0;margin-bottom:15px;padding:20px 30px 0}
.main-index h2.side-line{padding:0;padding-top:18px;padding-bottom:5px;margin-bottom:10px;font-weight:400}
.main-index .inbox{color:#333;font-size:12px}
.main-index .grey{background:url('images/grey.png') repeat-x left bottom;padding:4px 30px;position:relative}
.main-index .inner{padding:0 30px 20px}
.main-index .inner-post{padding:20px 30px}
.main-index .inner-post p, .main-index .inner p{padding:7px 0}
.main-index .inner-post ul, .main-index .inner ul, .main-index .inner-post ol, .main-index .inner ol{}
.main-index .inner-post ul li, .main-index .inner ul li, .main-index .inner-post ol li, .main-index .inner ol li{padding:3px 0}
.main-index .inner-post ul, .main-index .inner ul{list-style-type:disc}
.main-index .inner-post ol, .main-index .inner ol{list-style-type:decimal}
.main-index .box-product{height:326px;padding:0px 30px}
.main-index .three-item{float:left;margin:0 16px 20px;text-align:center}
.main-index .three-item, .main-index .three-item a{width:200px}
.main-index .three-item a{display:block;position:relative;padding:8px 0 30px 0;height:274px}
.main-index .three-item a .new-label{position:absolute;top:-3px;right:-3px;height:63px;width:66px;background:url('images/label_new.png') no-repeat}
.main-index .three-item.three-item-first{margin-left:0}
.main-index .three-item.three-item-last{margin-right:0}
.main-index .three-item .image{height:185px}
.main-index .three-item h4{padding:10px;margin:0;text-align:left;font-size:13px}
.main-index .three-item .price{position:absolute;left:10px;bottom:16px;text-align:left;font-size:16px}
.main-index .three-item .rarr{position:absolute;right:0;bottom:10px;width:36px;height:36px;margin:10px 10px 0 0;border-radius:18px;-webkit-border-radius:18px;background-image:url('images/arr_white.png');background-repeat:no-repeat;background-position:50% 50%}
.main-index .terms-item{float:left;margin:4px 7px 5px 0}
.main-index .terms-item a{display:block;padding:7px 12px}
.main-index .terms-item a h4{padding:0;margin:0}

.main-index .line{float:left;margin:0 22px 20px;text-align:center}
.main-index .line{border-radius:4px;-webkit-border-radius:4px}
.main-index .line, .main-index .line a{width:165px}
.main-index .line a{display:block;position:relative;padding:8px 0 20px 0;height:180px}
.main-index .line.line-item-first{margin-left:46px}
.main-index .line.line-item-last{margin-right:0}
.main-index .line .image{height:95px}
.main-index .line h4{padding:10px;margin:0;text-align:left;font-size:13px}
.main-index .line .price_small{position:absolute;left:10px;bottom:10px;text-align:left;font-size:16px}
.main-index .line .rarr{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:18px;-webkit-border-radius:18px;background-image:url('images/arr_white.png');background-repeat:no-repeat;background-position:50% 50%}

.main-right .vert{float:left;margin:0 0 20px 30px;text-align:left}
.main-right .vert{border-radius:4px;-webkit-border-radius:4px}
.main-right .vert, .main-right .vert a{width:200px}
.main-right .vert a{display:block;position:relative;padding:8px 0 40px 0;height:120px}
.main-right .vert .image{height:80px;margin:5px 15px}
.main-right .vert h4{padding:10px;margin:0;text-align:left;font-size:13px}
.main-right .vert .price_small{position:absolute;right:10px;top:10px;text-align:left;font-size:16px}
.main-right .vert .rarr{position:absolute;right:10px;top:40px;width:36px;height:36px;border-radius:18px;-webkit-border-radius:18px;background-image:url('images/arr_white.png');background-repeat:no-repeat;background-position:50% 50%}

.main-index .thumbnail{float:left;width:300px}
.main-index .content{margin-left:320px}
.main-index .content h1{padding:0;margin-top:0}
.main-index .content .cost{padding:76px 0 6px;font-size:30px;font-weight:bold}
.main-index .content .aws{display:inline-block;width:194px;height:84px;background:url('images/buy.jpg') no-repeat}
.main-index .single-content .image5{float:right;width:250px}
.main-index .single-content .description .top-content{height:375px}
.main-index .single-content .description{margin-right:300px}
.main-index .main-right{float:right;width:232px}
.main-index .main-left{width:727px}
.contents{margin-bottom:30px}
.contents .collision{border-radius:4px;-webkit-border-radius:4px;padding:10px 20px;font-size:13px;font-weight:300}
.contents .collision h4{font-size:15px;font-weight:400}
.contents .main-blog{float:left;width:450px}
.contents .main-blog .collision{margin-left:30px}
.contents .main-blog .blog-item, .contents .main-video .blog-item{padding-bottom:25px;position:relative}
.contents .main-blog .blog-item p, .contents .main-video .blog-item p{padding:2px 0}
.contents .main-blog .blog-item .more, .contents .main-video .blog-item .more{position:absolute;bottom:0;right:20px;padding:2px 6px}
.contents .main-video{margin-left:450px}
.contents .main-video .collision{margin-left:40px;margin-right:30px}

.main-index .three-item.ulstyle{text-align:left;-webkit-box-shadow:none;box-shadow:none}
.main-index .three-item  ul.menu-side-cat{}
.main-index .three-item  ul.menu-side-cat li ul li:before{content:"— "}
.main-index .three-item  ul.menu-side-cat li{margin:4px 0}
.main-index .three-item  ul.menu-side-cat li ul{margin:0 15px}
.main-index .three-item  ul.menu-side-cat li a{display:inline;width:auto;height:auto}
/********************
	FOOTER
*********************/
.footer{position:relative;height:270px}
.footer .footer-item{position:relative;float:left;width:316px;font-size:12px;padding-top:30px;line-height:15px;margin:0 10px}
.footer .footer-item ul li{margin-bottom:8px;font-size:16px}
.footer .footer-item ul.listing li{font-size:14px;font-weight:300;padding-bottom:10px;text-transform:uppercase}
.footer .footer-item ul.work li{margin:2px 3px;float:left}
.footer .footer-item .logo{margin-bottom:10px}
.footer .footer-item .logo img {max-width: 300px;}
.footer .medal{position:absolute;top:30px;right:20px;width:324px;height:96px;background:url('images/medal.png') no-repeat}
.footer .copy{position:absolute;height:60px;padding-top:10px;left:10px;right:10px;bottom:0;font-size:12px}
.footer .social{position:absolute;right:10px;bottom:33px}
.footer .social ul li{float:left;margin-right:5px}
.footer .social ul li a{display:block;height:25px;width:25px;background:url('images/social/social1.png') no-repeat}
.footer .social ul li a.rss{background-position:0 0}
.footer .social ul li a.facebook{background-position:-25px 0}
.footer .social ul li a.twitter{background-position:-75px 0}
.footer .social ul li a.google{background-position:-50px 0}
.footer .social ul li a.rss:hover{background-position:0 -25px}
.footer .social ul li a.facebook:hover{background-position:-25px -25px}
.footer .social ul li a.twitter:hover{background-position:-75px -25px}
.footer .social ul li a.google:hover{background-position:-50px -25px}
/********************
	BREADCRUMBS
*********************/
.breadcrumbs{margin:0 30px;padding:20px 0}
.pagenavi{text-align:center;padding:20px 0}
/********************
	REVEAL MODAL
*********************/
.reveal-modal-bg {position:fixed;height:100%;width:100%;background:#000;z-index:1100;display:none;top:0;left:0}
.reveal-modal {visibility:hidden;top:100px;left:50%;margin-left:-300px;width:520px;background:#eee url('images/modal-gloss.png') no-repeat -200px -80px;position:absolute;z-index:1101;padding:30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}
.reveal-modal.small{width:200px;margin-left:-140px}
.reveal-modal.medium{width:400px;margin-left:-240px}
.reveal-modal.large{width:600px;margin-left:-340px}
.reveal-modal.xlarge{width:800px;margin-left:-440px}
.reveal-modal .close-reveal-modal{font-size:22px;line-height: .5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer}
/********************
	ADV
*********************/
.big-image{width:728px;height:90px;margin:0 auto;padding-bottom:20px;clear:both}
.left-small-image, .right-small-image{width:468px;height:60px;float:left;margin-bottom:20px}
.right-small-image{float:right}
/********************
	COMMENT
*********************/
.main-index h2.old-com{padding:5px 0;margin:0 30px}
.main-index .leave-com{margin:0 30px;margin-bottom:30px}
.main-index .leave-com textarea{width:100%;margin:15px 0;height:150px;resize:vertical}
.main-index .leave-com input[type="text"]{padding:7px 15px 8px;width:60%;margin:13px 0 2px}
.main-index .leave-com input[type="submit"]{font-weight:bold;font-size:15px;border:0 none;cursor:pointer;padding:12px 16px}
.main-index .inner-post .all-com{margin-left:0;margin-right:0}
.main-index .all-com > li > div > h3{margin-left:34px}
.main-index .all-com > li > div > .img-com{float:left}
.main-index .all-com > li p{padding:0;margin:2px 0}
/********************
	SEARCH FORM
*********************/
#search{position:absolute;top:0;right:10px;padding: 11px 20px 12px 10px;}
#search input[type="text"]{padding:5px 10px 6px;width:250px;border:none}
#search button{position:absolute;top:11px;right:0;width:20px;height:27px;cursor:pointer;border:none;background-image:url("images/arr_search.png");background-repeat:no-repeat;background-position:50% 50%}
/********************
	AWF
*********************/
#awf-form{width:195px;margin:0 auto}
.single-form #awf-form{width:195px}
.single-form{width:250px;float:right;background:#f3f3f3;padding:20px}
.single-form ul, .main-index .inner-post .single-form ul{list-style-type:none; margin: 20px 0;}
.single-form ul li{float:left; margin-left: 16px;}
.single-form ul li.social-first { margin-left: 0;}
.single-form ul li a{display:block;background:url('images/social/social2.png') no-repeat;height:50px;width:50px}
.single-form ul li a.rss{background-position:0 0}
.single-form ul li a.facebook{background-position:-50px 0}
.single-form ul li a.twitter{background-position:-100px 0}
.single-form ul li a.google{background-position:-150px 0}
#awf-form input[type="text"]{padding:5px 10px 6px;width:173px;border:1px solid #999}
#awf-form button{
	margin-top:15px;
	padding:5px 10px;
	width:195px;
	cursor:pointer;
	border:none;
	text-align:center;
	color:#fff;
}

.mailpic{height:165px;background:url('images/mail.jpg') no-repeat top center;}
.single-content #awf-form .mailpic{height: 180px;
background: url('images/mail2.jpg') no-repeat top center;}
.single-content .single-form #awf-form {width: 250px;}
.single-content #awf-form input[type="text"] {
	width: 228px;
}
.single-content #awf-form button {
	margin-top: 15px;
	padding: 5px 0;
	width: 250px;
	cursor: pointer;
	border: none;
	text-align: center;
	color: #fff;
}
#awf-form .label-white {
	background-color: #fff;
	padding: 5px 10px;
	text-align: center;
}

.single-form.home{width:205px;height:312px;background:#fff;padding:0}
.single-form.home #awf-form .mailpic{background-position:center 20px;height:176px}
.single-form.home #awf-form input[type="text"]{width:173px}
.single-form.home #awf-form button{width:195px}

/********************
	CONTACT FORM 7
*********************/
form.wpcf7-form{width:430px;margin:0 auto;margin-bottom:30px;padding:25px 34px 4px 30px;clear:both}
form.wpcf7-form p{padding:5px 0;margin:0}
form.wpcf7-form input.wpcf7-text{height:28px;width:430px}
form.wpcf7-form textarea.wpcf7-textarea{height:200px;resize:vertical;width:430px}
form.wpcf7-form input.wpcf7-submit{font-weight:bold;height:53px;padding:0 25px;margin:20px auto 0;display:block;border:0;font-size:18px;cursor:pointer}
form.wpcf7-form span.wpcf7-not-valid-tip{position:absolute;top:-5px;left:0;z-index:100;font-size:10pt;width:430px;height:28px;line-height:28px}
form.wpcf7-form div.wpcf7-response-output{margin:0;padding:8px 12px;font-size:14px}
/********************
	COLOR
*********************/
html, body {color:#404040;background-color:#e6e6e6}
a{color:#0171bb}
a:hover{color:#038ae4}
.bgrey{background-color:#444;color:#fff}
.bgrey:hover{background-color:#272727;color:#fff}
.borange{background-color:#ff8400;color:#fff}
.borange:hover{background-color:#c76701;color:#fff}
.bgreen{background-color:#8cc63e;color:#fff}
.bgreen:hover{background-color:#6fa725;color:#fff}
.warning{border:1px solid #ffde5b;background:#fff6a8;color:#404040}
/********************
	HEADER
*********************/
#header{background: #019E0F;}
.header .top-menu ul li a{color:#fff}
.header .top-menu ul li a:hover{color:#f3f3f3}
/********************
	CAT MENU
*********************/
.main-catmenu{background:#019E0F}
.main-catmenu ul li a{color:#fff}
.main-catmenu ul li:hover a, .main-catmenu ul li a:hover{background:#f1f1f1; color: #000;}
.main-catmenu ul > li > ul > li > a:hover{color:#000;text-decoration:underline}
/********************
	MAIN PAGE
*********************/

.main-index .line h4, .main-index .vert h4{color:#000}
.main-index .line .price_small, .main-index .vert .price_small{color:#fb5756}
.main-index .line .rarr, .main-index .vert .rarr{background-color:#fb5756}
.main-home .content-block h2 span{background:#019E0F;color:#fff}
.main-index{background:#fff}
.main-index .grey a{color:#8A8A8A}
.main-index .grey a:hover{color:#000}
.main-index .line, .main-right .vert, .main-index .three-item{-webkit-box-shadow:0px 0px 5px 0px #828181;box-shadow:0px 0px 5px 0px #828181}
.main-index .three-item a{color:#404040}
.main-index .three-item .price{color:#CE5559}
.main-index .three-item .rarr{background-color:#019E0F}
.main-index .three-item:hover .rarr{background-color:#FF0103}
.main-index .three-item.ulstyle a{color:#0171bb}
.main-index .three-item.ulstyle a:hover{color:#038ae4}
.main-index .three-item.ulstyle li.current-cat > a{color:#3ab54a}
.main-index .terms-item a{background:#424242;color:#fff}
.main-index .terms-item a:hover{background:#15b1ee;color:#fff}
.main-index .content .cost{color:#009242}
.main-index h2.side-line{border-bottom:1px solid #d0cbc7}
.contents .collision{-webkit-box-shadow:0px 0px 5px 0px #828181;box-shadow:0px 0px 5px 0px #828181}
.contents .collision a{color:#000}
.contents .collision a:hover{color:#909090}
.contents .main-blog .blog-item .more, .contents .main-video .blog-item .more{background:#E4D8CC; color: #000;}
/********************
	FOOTER
*********************/
#footer{
	background: #019E0F;
	color: #fff;
}
.footer .footer-item a, .footer .copy a{color:#fff}
.footer .footer-item a:hover, .footer .copy a:hover{color:#fff; text-decoration: underline;}
.footer .copy{border-top:1px solid #D9E020}
/********************
	COMMENT
*********************/
.main-index .leave-com textarea, .main-index .leave-com input[type="text"]{border:1px solid #999999}
.main-index .leave-com input[type="submit"]{background-color:#009345;color:#fff}
.main-index .leave-com input[type="submit"]:hover{background-color:#00cd60;color:#fff}
/********************
	SEARCH FORM
*********************/
#search input[type="text"]{background:#fff;color:#4d4d4d}
#search button{background-color:#01542A}
#search button:hover{background-color:#0C703E}

/********************
	AWF
*********************/
#awf-form input[type="text"]{background:#fff;color:#202020}
#awf-form button, #awf-form input[type="submit"] {background-color:#0f6dcf}
#awf-form button:hover, #awf-form input[type="submit"]:hover {background-color:#1282f8}
.single-form.home #awf-form button, .single-form.home #awf-form input[type="submit"] {
width: 195px;
}
#awf-form button, #awf-form input[type="submit"] {
margin-top: 15px;
padding: 5px 10px;
width: 195px;
cursor: pointer;
border: none;
text-align: center;
color: #fff;
margin: 0;
}
/********************
	CONTACT FORM 7
*********************/
form.wpcf7-form{background:#e6e6e6}
form.wpcf7-form input.wpcf7-text, form.wpcf7-form textarea.wpcf7-textarea{border:1px solid #ccc}
form.wpcf7-form input.wpcf7-submit{color:#fff;background:#009345}
form.wpcf7-form input.wpcf7-submit:hover{background:#02c05b}
form.wpcf7-form span.wpcf7-not-valid-tip{border: 1px solid #fbb03b;background:#fff}
form.wpcf7-form div.wpcf7-validation-errors{border:1px solid #e6db55;background:#ffffe0}