@charset "UTF-8";
.sprites-sprite, .header .logo, .feedback .write:after, .feedback .upload-file .browse-wrap:before, .orderform .upload-file .browse-wrap:before, .footer .copyright a span:before, .about .col_experience:before, .about .col_projects:before, .about .col_rating:before, .top-services .nav-tabs .ico-create a:before, .top-services .nav-tabs .ico-prom a:before, .top-services .nav-tabs .ico-sup a:before, .top-services .nav-tabs .ico-ad a:before, .top-services .nav-tabs .ico-host a:before, .services .nav-tabs .ico-create a:before, .services .nav-tabs .ico-prom a:before, .services .nav-tabs .ico-sup a:before, .services .nav-tabs .ico-ad a:before, .services .nav-tabs .ico-host a:before, .services .tab-content-wrap .link-help, .calculate .tab-calculate-wrap .link-help, .pluses .nav-tabs li a:before, .pluses .nav-tabs li p:before, .portfolio .bx-wrapper .bx-prev, .portfolio .bx-wrapper .bx-next, .services .templates .link-fancy, .r_portfolio .portfolio_list .link-fancy, .d_portfolio .next, .d_portfolio .prev, .other-page .img_port .zoom { background-image: url('../images/sprites-s665ba6f4e5.png'); background-repeat: no-repeat; }

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, 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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }



html, body { height: 100%; }

body { min-height: 100%; font-family: 'Comfortaa',cursive; font-size: 14px; color: #333; }

/* $general */
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }

p { line-height: 22px; }


.col { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }

.tabs-box .nav-tabs { border: none; }
.tabs-box .nav-tabs a { color: #fff; }
.tabs-box .nav-tabs li > a { border-radius: 0; }

/* $page */
.page { position: relative; margin: 0 auto; width: 100%; min-height: 100%; overflow: hidden;min-width: 860px; }

/* breadcrumbs */
.breadcrumbs { padding:0 0 15px 0; font-size:12px; text-align:center;color:#A9A8A8}
.breadcrumbs a {text-decoration:underline}
.breadcrumbs a:hover {text-decoration:none}



.inner-box { margin: 0 auto; max-width: 860px; min-width: 860px; width: 860px; }

.desc-solution { display: none; z-index: 1; position: absolute; top: -62px; left: 81px; padding: 25px; width: 300px; color: #fff; background: #453921; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: rgba(69, 57, 33, 0.4) 0 0 4px 2px; -webkit-box-shadow: rgba(69, 57, 33, 0.4) 0 0 4px 2px; box-shadow: rgba(69, 57, 33, 0.4) 0 0 4px 2px; }
.desc-solution:before { content: ""; position: absolute; top: 50px; left: -57px; border: 30px solid transparent; border-right: 30px solid #453921; width: 55px; }
.desc-solution li { position: relative; margin: 0 0 16px 0 !important; display: block; padding-left: 15px; color: #fff; font: 12px/18px 'Tahoma', sans-serif !important; text-transform: none; }
.desc-solution li:before { content: "+"; position: absolute; top: 0px; left: 0; display: block; margin-right: 7px; color: #eb7834; font-size: 14px; font-weight: bold; }
.desc-solution li:last-child { margin-bottom: 0 !important; }

.desc-solution .txt {font: 12px/18px 'Tahoma', sans-serif; padding:0 0 15px; margin-top:-10px; text-transform: none;}


.form-inline .form-group, .form-group { margin-bottom: 15px; }

.form-inline .form-control, .form-horizontal .form-control { background-color: #F8F7F4; border: 3px solid #D78225; border-radius: 4px; height: 36px; color: #4B442D; }
.form-inline .form-control:hover, .form-inline .form-control:focus, .form-horizontal .form-control:hover, .form-horizontal .form-control:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.4); }

form { padding: 14px 18px; }
form * { text-transform: uppercase; }
form label, form button[type="submit"], form .form-control { font-family: 'Comfortaa',cursive; }
form textarea { height: 90px !important; resize: none; }
form button[type="submit"] { border-radius: 0; border: none; padding: 10px 0; width: 270px; background: #e1872c; color: #fff; }
form button[type="submit"]:hover, form button[type="submit"]:focus, form button[type="submit"]:active { color: #fff; background: #d57a1e; }



.top-services { position: relative; z-index: 9; border:none;}
.top-services .nav-tabs-wrap { position: relative; width: 100%; background:rgba(200,100,10,.3); border-radius:3px; margin:15px 0 30px;}
.top-services .nav-tabs { position: relative; text-align: center; border:none;display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;  }
.top-services .nav-tabs li { width: 25%; padding:0;}
.top-services .nav-tabs li a { position: relative; font-size:16px; color:#fff; display: block; outline: none; padding: 15px 0 24px; margin:0; text-transform: uppercase;     font-family: 'Comfortaa',cursive; text-decoration: none; text-shadow: rgba(156, 88, 23, 0.5) 1px 1px 0px; *zoom: 1;  }
.top-services .nav-tabs li a:before { content: ""; display: block; margin: 0 auto; width: 78px; height: 97px; }
.top-services .nav-tabs li a:hover { text-decoration: none; }
.top-services .nav-tabs .ico-create a:before { background-position: 0 -522px; }
.top-services .nav-tabs .ico-prom a:before { background-position: 0 -716px; }
.top-services .nav-tabs .ico-sup a:before { background-position: 0 -813px; }
.top-services .nav-tabs .ico-ad a:before { background-position: 0 -425px; }
.top-services .nav-tabs .ico-host a:before { background-position: 0 -619px; }
.top-services .nav-tabs .active a, .top-services .nav-tabs li > a:hover, .top-services .nav-tabs li > a:focus, .top-services .nav-tabs li > a:active {
font-weight: normal; color: #7b5c2b; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+38&1+0,0+38 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px; border:1px transparent solid; border-radius:5px;}


#phone-back.phone-box { display:none; text-align:center; opacity:0.6; position:fixed;z-index:999; bottom:70px; right:-5px; padding: 7px 8px;background: #FDF7E7; border:2px #fff solid; box-shadow:0 0 3px #f4c979}
#phone-back.phone-box .text { text-decoration:none;     font-family: 'Comfortaa',cursive; display:block; padding: 3px 3px 2px;  color: #fff; background-color: #ef8040; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEF8040', endColorstr='#FFDD5507'); background-image: -moz-linear-gradient(top, #ef8040 0%, #dd5507 100%); background-image: -o-linear-gradient(top, #ef8040 0%, #dd5507 100%); background-image: -webkit-linear-gradient(top, #ef8040 0%, #dd5507 100%); background-image: linear-gradient(to bottom, #ef8040 0%, #dd5507 100%); text-transform: uppercase; font-size: 12px; }
#phone-back.phone-box .phone { display: block; margin-bottom: 5px; color: #7b7a7a; font-size: 18px;    font-family: 'Comfortaa',cursive; }
#phone-back.phone-box .phone span {  font-weight: bold;    font-family: 'Comfortaa',cursive; font-size: 18px;}
#phone-back.phone-box:hover {opacity:1;}

/* $footer */
.footer { position: absolute; padding: 35px 0 30px; width: 100%;  bottom: -33px; left: 0; right: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#453921+0,574a2f+43,453921+100 */
background: rgb(69,57,33); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,57,33,1) 0%, rgba(87,74,47,1) 43%, rgba(69,57,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(69,57,33,1) 0%,rgba(87,74,47,1) 43%,rgba(69,57,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(69,57,33,1) 0%,rgba(87,74,47,1) 43%,rgba(69,57,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#453921', endColorstr='#453921',GradientType=0 ); /* IE6-9 */
;z-index:9}
.footer * { text-transform: uppercase; }
.footer .wrapper { font-size: 0;}
.footer .feedback { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.footer .nav-list .contacts, .footer .phone span, .footer .nav-list a {     font-family: 'Comfortaa',cursive; }
.footer .nav-list .contacts, .footer .phone, .footer label { color: #fff; }
.footer .contacts, .footer .feedback .top {  }

.footer .nav-list { text-align: right; }
.footer .nav-list li {  float:left;}
.footer .nav-list a { padding: 20px 10px; color: #9f9888; font-size: 12px; line-height: 18px; text-decoration: underline; }
.footer .nav-list a:hover { text-decoration: none; }

.feedback button[type="submit"] { float: right; margin-right: 6px; border-radius:4px; text-shadow: rgba(195, 78, 26, 0.7) 2px 1px 0px; font-size:16px; border:3px #BD6711 solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee963d+0,ce761c+100 */
background: rgb(238,150,61); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,150,61,1) 0%, rgba(206,118,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,150,61,1) 0%,rgba(206,118,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,150,61,1) 0%,rgba(206,118,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee963d', endColorstr='#ce761c',GradientType=0 ); /* IE6-9 */
 }
.feedback { width: 859px; height:430px }
.feedback .top { padding: 22px 23px 21px; color: #adadac; font-size: 18px;     font-family: 'Comfortaa',cursive; text-transform: lowercase; }
.feedback .write { position: relative; text-transform: lowercase; }
.feedback .write:after { content: ""; position: absolute; top: -2px; right: -410px; display: block; width: 58px; height: 35px; background-position: 0 -208px; }
.feedback .phone { margin: 0 10px 0 5px; font-family:     font-family: 'Comfortaa',cursive; font-size: 36px; }
.feedback form {  padding:3px; border-radius:4px; background: rgb(88,84,75);
background: -moz-linear-gradient(top,  rgba(88,84,75,1) 0%, rgba(88,84,75,1) 18%, rgba(103,97,84,1) 100%);
background: -webkit-linear-gradient(top,  rgba(88,84,75,1) 0%,rgba(88,84,75,1) 18%,rgba(103,97,84,1) 100%);
background: linear-gradient(to bottom,  rgba(88,84,75,1) 0%,rgba(88,84,75,1) 18%,rgba(103,97,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58544b', endColorstr='#676154',GradientType=0 );
box-shadow:rgba(50, 40, 20, 0.4) 1px 1px 7px; }
.feedback form #mainform {border:1px dashed #6f7176;border-radius:4px; padding: 30px 15px 30px 15px;}
.feedback label { margin-right: 12px; font-size: 13px; vertical-align: middle; text-align:right;     font-family: 'Comfortaa',cursive; font-size:14px; text-transform:none}
.feedback .label_mod { width: 90px; }
.feedback .label_textarea { margin-top: 10px; }
.feedback textarea { width: 712px !important;}
.feedback input { width: 174px !important;}
.feedback input, .feedback textarea { text-transform:none;    font-family: 'Comfortaa',cursive; font-size:14px;  }
.feedback .form-group_first { margin-right: 35px; }
.feedback .form-group_full { margin-bottom: 12px; width: 100%; }
.feedback .form-group_full .form-control { vertical-align: top; }

.feedback .upload-file, .footer button[type="submit"] { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline }
.feedback .upload-file { position: relative; top: 8px; margin-left: 109px; width: 170px; font-size: 14px; }
.feedback .upload-file .browse-wrap { position: relative; top: 0; left: 0; margin-bottom: 20px; overflow: hidden; text-align: center; }
.feedback .upload-file .browse-wrap:before { content: ""; display: block; float: left; margin-right: 8px; width: 25px; height: 24px; background-position: 0 -86px; }
.feedback .upload-file .title { display: block; position: relative; top: 0; left: 0;width: 100%; height: 100%; cursor: pointer;text-transform:uppercase  }
.feedback .upload-file .title span { font-size:9px}
.feedback .upload-file .title, .feedback .upload-file .upload-path { color: #fff;     font-family: 'Comfortaa',cursive; }

.feedback .upload-file .upload { display:none;}
.feedback .upload-file .upload-path { position: absolute; width:300px; opacity:0; left: 0; bottom: -23px; text-align: center; margin-bottom: 20px; display: block; font-size: 80%; background-color:#F0AC0D; padding:5px; color:#fff; border-radius:2px;}
.feedback .upload-file .upload-path .delfile {background-color:#C70316; padding:1px 3px; margin-left:5px; cursor:pointer}

.footer .copyright { display: block; padding: 20px 11px 50px; margin-top:10px; background: #392f1a; border-top:2px #4B3F26 dashed; font-size: 13px; color: #7A6D54; text-align:center; text-transform: none; }
.footer .copyright * { text-transform: none; }
.footer .copyright a { color: #7A6D54; }

.footer .bottom-menu {padding: 23px; margin:25px 0; display:block; }
.footer .bottom-phone {float:left; display:block; border-right:#645841 1px solid; padding:10px 23px; margin:30px 20px 30px 0; }

.about { padding: 10px 0; background-color: #372d14; *zoom: 1;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a3017+0,53462f+47,6f5f4b+100 */
background: rgb(58,48,23); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(58,48,23,.5) 0%, rgba(83,70,47,.5) 47%, rgba(111,95,75,.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(58,48,23,.5) 0%,rgba(83,70,47,.5) 47%,rgba(111,95,75,.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(58,48,23,.5) 0%,rgba(83,70,47,.5) 47%,rgba(111,95,75,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3017', endColorstr='#6f5f4b',GradientType=0 ); /* IE6-9 */
text-align:center
 }
.about .col { padding: 0 5px; width: 33%; color: #fff; font-family: 'Comfortaa',cursive; text-transform: uppercase; }
.about .col:before, .about .col:after { content: ""; }
.about .col:before { margin-right: 15px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.about .wrap { width: auto;  text-align: left; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.about .text { font-size: 10px; line-height: 13px;    font-family: 'Comfortaa',cursive; }
/*.about .col_experience:after, .about .col_projects:after { position: absolute; top: 10%; right: 0px; border-right: 1px solid rgba(255,255,255,.2); height: 80%; width: 2px; background: rgba(80,50,15,.1); }
*/.about .col_experience .numb, .about .col_projects .numb { font-size: 24px; }
.about .col_experience:before { width: 55px; height: 57px; background-position: 0 -110px;  }
.about .col_experience:after { right: 15px; }
.about .col .numb span { font-size: 18px; text-transform:none}
.about .col_projects:before { width: 55px; height: 62px; background-position: 0 -329px; }
.about .col_projects:after { right: 15px; }
.about .col_rating:before { width: 60px; height: 83px; background-position: 0 -964px; }
.about .col_rating .numb { font-size: 20px; }
.other-page.main .orderline {
padding:0 15px 15px;border-radius:none; margin:0;
background:none;
}
.other-page.main .orderline a {
	margin:10px auto; text-decoration:none;
}
.other-page.main .orderline .orderbutton {
	background:rgba(0,0,0,.1); box-shadow:none; border-radius:3px; border:5px rgba(255,255,255,.7) solid; padding:10px 15px; color:#fff; font-size:18px; 	-webkit-transition: .3s;   transition: .3s;

}
.other-page.main .orderline .orderbutton:hover  {
	box-shadow:0 0 15px rgba(255,255,255,.5);
	background:rgba(0,0,0,.2);
	-webkit-transition: .3s;
    transition: .3s;
}
.main .about .text { font-size: 12px; line-height: 13px;  }

.main .about .inner-box {padding:17px 0;}

.other-page.main.main h3 {padding:15px 0 35px;}

.services.main.main h3 {padding:20px 0 5px;font-size: 40px;}

.services { position: relative; z-index: 9; }
.services.catalog { z-index: 1 !important; }
.services .nav-tabs-wrap { position: relative; width: 100%; background: url("../images/bg-services.png"); background-size: cover; border-top:1px solid rgba(255,255,255,.4); box-shadow:-1px 0 12px 12px rgba(255,220,170,.1) }
.services .nav-tabs { position: relative; left: 0; padding: 20px 0 14px; text-align: left; }
.services .nav-tabs li { margin-right: 12px; width: 205px;display: block; border:0; }
.services .nav-tabs li:last-child { margin-right: 0; }
.services .nav-tabs li:first-child a:before { margin-right: 10px; }
.services .nav-tabs li a { position: relative; border-radius:3px; outline: none; padding: 6px 0 5px 7px; text-transform: uppercase;     font-family: 'Comfortaa',cursive; text-decoration: none;  text-shadow: rgba(156, 88, 23, 0.5) 1px 1px 0px; background: rgba(205,95,30,0.3); *zoom: 1; }
.services .nav-tabs li a:before { content: ""; margin: -15px 6px 0 -12px; width: 51px; height: 51px; float:left; }
.services .nav-tabs li a:hover {}
.services .nav-tabs .ico-create a:before { background-position: -198px -480px; }
.services .nav-tabs .ico-prom a:before { background-position: -198px -582px; }
.services .nav-tabs .ico-sup a:before { background-position: -198px -637px; }
.services .nav-tabs .ico-ad a:before { background-position: -198px -425px; }
.services .nav-tabs .ico-host a:before { background-position: -198px -540px; }
.services .nav-tabs .active a, .services .nav-tabs li > a:hover, .services .nav-tabs li > a:focus, .services .nav-tabs li > a:active { text-decoration:none; color: #5C4C37; background: #F2E8CF; text-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0px; }
.services .nav-tabs .active a:after { content: ""; position: absolute; left: 0; right: 0; top: 29px; border: 12px solid transparent; border-top: 10px solid #F2E8CF; margin: 0 auto; width: 16px; z-index:99; }


.services .tab-content-wrap { background: url("../images/bg-services.jpg"); background-size: cover; /*background: #F3E3B8; */border-bottom:2px solid rgba(255,255,255,.7)}
.tab-content-wrap {padding: 50px 0}
.tab-content-wrap li { position: relative; margin-bottom: 13px; font-size: 0; }
.tab-content-wrap .image, .tab-content-wrap .item, .tab-content-wrap .price { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.tab-content-wrap .image { margin-right: 15px; width: 54px; height: 54px; }
.tab-content-wrap .item, .tab-content-wrap .price { height: 83px; font-family: 'Comfortaa',cursive; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab-content-wrap .item, .tab-content-wrap .option { text-transform: uppercase; }
.tab-content-wrap .item { padding: 16px 0 10px 15px; width: 598px; color: #fff; font-size: 24px;background-color: #ec7a37; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%); }

.tab-content-wrap .item.hovered { width: 407px; }
.tab-content-wrap .name, .tab-content-wrap .link-help-wrap { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;}
.tab-content-wrap .name { color: #fff !important; text-shadow: rgba(195, 78, 26, 0.7) 2px 2px 0px; }
.tab-content-wrap .link-help-wrap { position: relative; width: 45px; cursor: pointer; }
.tab-content-wrap .link-help-wrap:hover .desc-solution { display: block; }
.tab-content-wrap .link-help { display: block; margin-left: 12px; width: 33px; height: 33px; background-position: 0 -392px; }
.tab-content-wrap .title { margin-bottom: 21px; font: bold 14px/18px 'Tahoma', sans-serif; text-transform: uppercase }
.tab-content-wrap .link-help-wrap:hover .desc-solution .txt { text-transform: none; font-size:12px; line-height:18px; }
.tab-content-wrap .price { padding: 17px 0 17px 40px; width: 260px; color: #4a3e26; background: #f8f8f8; font-size: 36px; }
.tab-content-wrap .price span { display: block; color: #685a44; font-size: 14px;     font-family: 'Comfortaa',cursive; text-transform: uppercase;}
.tab-content-wrap .option { display: none; padding: 22px 24px 21px; width: 190px; text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%); }
.tab-content-wrap .option a { color: #fff; font-size: 18px; line-height: 20px; }
.tab-content-wrap .option.open-item { display: inline-block !important; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }

.tab-content-wrap .txt { line-height: 22px;font-size: 15px;}
.tab-content-wrap .txt p { line-height: 22px; padding:6px 0 12px}
.tab-content-wrap .txt ul {padding:7px 7px 7px 40px}
.tab-content-wrap .txt ul li {list-style:square outside; padding:3px;font-size: 15px;}
.tab-content-wrap .txt h3 {padding:30px 0 10px;}
.tab-content-wrap .txt a {text-decoration:underline}
.tab-content-wrap .txt a:hover {text-decoration:none}

/*.services .tab-content-wrap .line:before, .services .tab-content-wrap .line:after {  content: ''; display: inline-block;   width: 100%;  height: 7px; background:#fff;  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAECAYAAAC3OK7NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MEMwRjg5MzVGRkQxMUUzOTY3RDg4NjA2MzY2RDdDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MEMwRjg5NDVGRkQxMUUzOTY3RDg4NjA2MzY2RDdDMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwQzBGODkxNUZGRDExRTM5NjdEODg2MDYzNjZEN0MwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUwQzBGODkyNUZGRDExRTM5NjdEODg2MDYzNjZEN0MwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7933VgAAAFNJREFUeNpivHDhwjUGBgZVIL4NxO1AvJgBE8QyAYlgIOaE0i5ALIumCMR3ASm8DsR/oHQaEM8DYkeoIkcoP40JTfdPIG4D4log/g+lQfyfAAEGAKjhEXGMP+V1AAAAAElFTkSuQmCC') 0 0 repeat-x; z-index: -1;  position: relative;  vertical-align: middle; }
*/

.tab-content-wrap .line {  position: relative;  z-index: 1;  overflow: hidden; text-align: center;   }
.tab-content-wrap .line:before, .tab-content-wrap .line:after {  content: ''; display: inline-block;   width: 100%;  height: 1px; background:#fff;  z-index: -1;  position: relative;  vertical-align: middle; }
.tab-content-wrap .line:before {  right: 15px; margin: 0 0 0 -100%;}
.tab-content-wrap .line:after { left: 15px;  margin: 0 -100% 0 0;}

.tab-content-wrap .intro { border: 3px solid #fff; padding: 20px 20px 10px 20px;text-shadow: 1px 1px 2px #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fef6df+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,246,223,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
display:inline-block; position: relative; margin:15px 0px; line-height:28px; font-size:15px; text-align:center}
.tab-content-wrap .intro::before, .tab-content-wrap .intro::after { content: '';   position: absolute;   left: 400px; top: -39px;   border: 19px solid transparent;   border-bottom: 19px solid #fff;}
.tab-content-wrap .intro::after { border-bottom: 19px solid #fff; top: -35px; }

.tab-content-wrap .text-button {position:relative; display: inline-block; border:3px #C65D1A solid; box-shadow: 0 0 10px rgba(200,90,50,0.5); vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;height: 58px; padding: 0 0 8px 15px; color: #fff; font-size: 20px; background-color: #ec7a37; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%);}
.tab-content-wrap .text-button .name { padding-right:15px; font-family: 'Comfortaa',cursive; line-height:52px;display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;  color: #fff !important; text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px;font-family:  'Comfortaa',cursive; }
.tab-content-wrap .text-button .option { display: none;     font-family: 'Comfortaa',cursive; line-height:52px;  text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%); }
.tab-content-wrap .text-button a { color: #fff; text-shadow: none; line-height: 20px; text-transform: uppercase; font-size:15px; }
.tab-content-wrap .text-button .option.open-item { display: inline-block !important; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding:0 5px  }


.pluses { position: relative; z-index: 1; padding: 85px 0; width: 100%; background: url("../images/bg-pluses.png"); background-size: cover; }
.pluses .nav-tabs { text-align: center; border:none; max-width:1240px; margin:0 auto;  }
.pluses .nav-tabs li { width: 19%; min-width:220px; float:none; color:#FEEED6;  display:inline-block; font-size: 14px; line-height:20px; padding:10px 15px; vertical-align:top;  }
.pluses .nav-tabs li p { padding: 15px 0 10px; margin: 0; outline: none; color:#fff; border: none; font-size: 24px; line-height:26px !important; text-transform: uppercase;     font-family: 'Comfortaa',cursive;  }
.pluses .nav-tabs li p:before { content: ""; display: block; margin: 0 auto 20px; width: 86px; height: 86px;  }

.pluses .nav-tabs li.ico-gar p:before { background-position: 0 -243px;}
.pluses .nav-tabs li.ico-prog p:before { background-position: -86px -243px;}
.pluses .nav-tabs li.ico-sup p:before { background-position: -172px -243px;}
.pluses .nav-tabs li.ico-exper p:before { background-position: -258px -243px;}
.pluses .nav-tabs li.ico-proj p:before { background-position: -344px -243px;}

.pluses h2 {text-shadow:rgba(210,120,30,.5) 2px 2px 0px; padding-bottom:15px;}

.portfolio { padding: 85px 0 45px; position:relative; display:none; width: 100%; background: url("../images/bg-portfolio.png"); background-size: cover; }
.portfolio .bx-wrapper { margin-bottom: 0; }
.portfolio .bx-wrapper .bx-viewport { background: none; border: none; box-shadow: none; left: 0; }
.portfolio .bx-wrapper .bx-pager, .portfolio .bx-wrapper .bx-controls-auto { top: 286px; right: 0; padding: 0; width: 350px; }
.portfolio .bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid transparent; background: #DBDBDB; border-radius: 15px; display: block; height: 22px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 23px; }
.portfolio .bx-wrapper .bx-pager.bx-default-pager a:hover, .portfolio .bx-wrapper .bx-pager.bx-default-pager a.active { border-color: #eb7f40; }
.portfolio .bx-wrapper .bx-controls-direction a { height: 43px; margin-top: 0; outline: 0 none; position: absolute; text-indent: -9999px; top: 275px; width: 42px; z-index: 9999; }
.portfolio .bx-wrapper .bx-prev { left: 509px; background-position: 0 0; }
.portfolio .bx-wrapper .bx-next { right: 0; background-position: 0 -43px; }
.portfolio .wrap-img, .portfolio .info { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.portfolio .wrap-img { position: relative; width: 455px; height: 420px; background: url("../images/monitor.png") no-repeat;  }
.portfolio .wrap-img .wrap { width: 417px; height:240px; overflow:hidden; position: relative; top: 19px;margin: 0 auto;  }
.portfolio .wrap-img img {  max-width: 417px; min-width: 417px; }
.portfolio .wrap-img img.light { position: absolute; z-index:999; left:0px;top:0px}
.portfolio .info { margin-left: 50px; border-bottom: 1px dotted #d0cfcf; padding: 25px 0 30px; width: 350px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.portfolio .info .link { color: #e9732e; text-decoration: underline; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.portfolio .info .link:hover { text-decoration: none; }
.portfolio .info .link_name { display: block; margin-bottom: 20px; font-size: 16px ; font-weight:bold; }
.portfolio .info .desc { margin-bottom: 25px; color: #5f5f5f; font-size: 14px; line-height: 20px; }
.portfolio .info .link_site { margin-top: 10px; }

.portfolio .info .link_to_page { border: 3px solid #efcea2; padding: 8px 12px; float: right; position: relative; }
.portfolio .info .link_to_page::before, .portfolio .info .link_to_page::after { content: '';   position: absolute;   left: 20px; top: -39px;   border: 19px solid transparent;   border-bottom: 19px solid #efcea2;}
.portfolio .info .link_to_page::after { border-bottom: 19px solid #F9F8F6; top: -35px; }

.portfolio .line {  position: relative;  z-index: 1;  overflow: hidden;  }
.portfolio .line:before, .portfolio .line:after {  content: ''; display: inline-block;   width: 100%;  height: 1px;   background: #E5E1DB; z-index: -1;  position: relative;  vertical-align: middle; }
.portfolio .line:before {  right: 15px; margin: 0 0 0 -100%;}
.portfolio .line:after { left: 15px;  margin: 0 -100% 0 0;}

.portfolio h3 {padding:0 0 60px; margin:0; font-size:40px; }

.posts { padding: 30px 0 30px; text-align: center; width: 100%; background: url("../images/bg-posts.png"); background-size: cover; }
.posts .inner-box { position: relative; }
.posts .inner-box:after { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #f7bd72; }
.posts h4, .posts h5 { padding-top: 10px; }
.posts .col { width: 49%; text-align: left; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.posts .blog { padding-left: 60px; }
.posts .news { padding-right: 60px; }
.posts .months { margin-bottom: 22px; }
.posts .months a { position: relative; padding: 8px 22px 8px 12px; color: #d46b0f; background: #fff; font: 12px/18px 'Tahoma', sans-serif; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.posts .months a:before { content: ""; position: absolute; bottom: -22px; left: 35px; border: 11px solid transparent; border-top: 11px solid #fff; width: 10px; }
.posts .news_list li, .posts .blog_list li { margin-bottom: 20px; }
.posts .news_list a { color: #fff; font-size: 16px; line-height: 18px; text-decoration: underline; }
.posts .news_list a:hover { text-decoration: none; }
.posts .blog_list { margin-bottom: 40px; }
.posts .blog_list a { display: block; margin-bottom: 7px; color: #943501; font-size: 16px; font-weight:bold; line-height:18px; text-decoration: underline; }
.posts .blog_list a:hover { text-decoration: none; }
.posts .blog_list .preview { color: #8d4216; line-height: 18px; }
.posts .blog .link-more { position: relative; border-left: 3px solid #efcea2; border-right: 3px solid #efcea2; border-bottom: 3px solid #efcea2; padding: 8px 12px; float: right; color: #b75601; text-decoration: underline; }
.posts .blog .link-more:before { content: ""; position: absolute; top: -18px; left: -3px; width: 123px; height: 19px; background: url("../images/ico-line.png") no-repeat; }
.posts .blog .link-more:hover { text-decoration: none; }

.orderblock { padding: 25px 0; text-align: center; width: 100%; background: url("../images/bg-posts.png"); background-size: cover; }
.orderblock .inner-box { position: relative; }
.orderblock .inner-box:after { content: ""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #f7bd72; }
.orderblock h4 { padding: 10px 0 5px; font-size:24px; margin:0;     font-family: 'Comfortaa',cursive; }
.orderblock .col { width: 49%; padding:10px 25px 15px; text-align: center; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.orderblock .col a {color: #FFEBCF; text-shadow:0px 1px 1px rgba(160,100,10,.8) }
.orderblock .col:hover {/*background: url("../images/bg-light.png") no-repeat center; */	-webkit-filter: drop-shadow(0 5px 15px rgba(255,255,255,.5)); }


.slogan { padding: 9px 0; background: #b46a16; text-align: center; }
.slogan li { margin-right: 7px; height: 48px; color: #fec17f;    font-family: 'Comfortaa',cursive; text-transform: uppercase; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0; }
.slogan li a { color: #fec17f;}
.slogan li:before { content: "•"; position: relative; top: 4px; margin-right: 7px; font-size: 36px; }
.slogan li:first-child:before { color: transparent; text-shadow: 0 0 0; }


.projects { padding: 10px 0; background-color: #b46a16;text-align: center; color: #FEC17F;    font-family: 'Comfortaa',cursive;  text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0; }
.projects li {  margin-right: 18px; font-size:14px; height: 48px; line-height:48px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.projects li:before {  content: " "; position: relative; top: 0; margin-right: 18px; border-right: 1px solid #E2944E; height: 100%; width: 2px; background: #413724;}
.projects li:first-child:before { border:0; width:0; margin:0; }
.projects li:last-child {  margin-right: 0 !important; }
.projects li a { color: #fec17f;    font-family: 'Comfortaa',cursive; font-weight:bold}
.projects li a:hover { color: #FAFAFA;    font-family: 'Comfortaa',cursive;}

.services .templates {  }
.services .templates .templates_list, .services .templates .info-box { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.services .templates .templates_list { width: 580px; }
.services .templates .templates_list li { height:220px; overflow:hidden; background-color:#fff; box-shadow: rgba(128, 121, 108, 0.3) 0 0 4px 2px; }
.services .templates li { position: relative; outline: none; margin: 0 31px 25px 0; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.services .templates li:nth-child(3n) { margin-right: 0; }
.services .templates li:hover .link-fancy, .services .templates li:hover .choose { display: block;  }
.services .templates img { display: block; outline: none; padding: 6px; max-width: 170px; min-width: 170px; background: #fff; }
.services .templates .selected img { background: #e26217; }
.services .templates .selected .choose { display: block; text-decoration:none}
.services .templates .link-fancy { display: none; position: absolute; top: 6px; left: 0; right: 0; margin: 0 auto; width: 49px; height: 41px; background-position: 0 -167px; }
.services .templates .choose { display: none; position: absolute; left: 0; right: 0; bottom: 0; padding: 17px 0; color: #fff; background: #453921; font-size: 14px;     font-family: 'Comfortaa',cursive; text-transform: uppercase; text-align: center; }
.services .templates .info-box { margin: 0px 0 0 60px; width: 215px; display: inline-block !important; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.services .templates .info-box.open { }
.services .templates .desc-solution { position: relative; left: 0; top: 0; display: block; margin: 0 0 12px 0; width:215px }


.services .templates .orderline { display:none; position:relative; }
.services .templates .orderline.open {display: block !important; display: block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: block;background-color:#f8f8f8;box-shadow: rgba(128, 121, 108, 0.3) 0 0 4px 2px;}

.services .templates .price-s {text-align:center; border:5px solid #fff; border-bottom:2px #fff solid;; padding: 17px 0 17px; width: 215px; color: #fff; font-size: 42px;     font-family: 'Comfortaa',cursive; text-transform: uppercase; background-color: #ea7530; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA7530', endColorstr='#FFDF5A0D'); background-image: -moz-linear-gradient(top, #ea7530 0%, #df5a0d 100%); background-image: -o-linear-gradient(top, #ea7530 0%, #df5a0d 100%); background-image: -webkit-linear-gradient(top, #ea7530 0%, #df5a0d 100%); background-image: linear-gradient(to bottom, #ea7530 0%, #df5a0d 100%); text-shadow: #a82f09 2px 1px 0; }
.services .templates .orderline.open .price-s {display: inline-block !important; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline;}
.services .templates .price-s span { display: block; color: #fff; font-size: 18px;     font-family: 'Comfortaa',cursive;}

.services .templates .orderbutton {padding: 15px 0; border:5px #fff solid; border-radius:5px; border-top:none; color: #fff;  font: 22px/24px 'Arial', sans-serif; text-transform: uppercase; text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%);  }
.services .templates .orderbutton.open {display: inline-block !important; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline-block;}
.services .templates .orderbutton a {color:#fff}
.services .templates .orderbutton.open:hover { filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDF5A0D', endColorstr='#FFEA7530'); background-image: -moz-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -o-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -webkit-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: linear-gradient(to bottom, #df5a0d 0%, #ea7530 100%); }

.other-page .orderline {margin-top:20px; border-radius:4px; position:relative;display: block !important; display: block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: block;background:url("../images/lines-bg.png") #F1EDE4;padding:5px;}
.other-page .orderbutton {  box-shadow:0 0 2px 2px rgba(220,210,190,.5); display: block !important; border-radius:8px;  display: block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: block; padding: 15px 0; margin:20px auto; border:5px #fff solid; width: 300px; color: #fff;  font: 22px/24px 'Arial', sans-serif; text-transform: uppercase; text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDF5A0D', endColorstr='#FFEA7530'); background-image: -moz-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -o-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -webkit-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: linear-gradient(to bottom, #df5a0d 0%, #ea7530 100%); }
.other-page .orderbutton a {color:#fff; text-decoration:none}
.other-page .orderbutton:hover { box-shadow:0 0 7px 4px rgba(220,210,190,.7) }


.orderform { padding: 20px 10px;display: none; background-color: #f8f8f8; *zoom: 1; }
.orderform.templ { top:-4px; position:relative; width: 600px }
.tab-pane:after {  content: ".";visibility: hidden;display: block;  height: 0; clear: both;}
.orderform.open {display:block; *display: block;display: block; float:left;}
.orderform h3 { margin-bottom: 7px; font-size:26px !important }
.orderform .note { margin-bottom: 18px; color: #5f5f5f; font-size: 14px !important; text-align: center; text-transform:uppercase}
.orderform form { padding: 27px 0 16px; background: #F1E7CE; }
.orderform .wrap { margin: 0 auto; }
.orderform .form-control { background: #fff; color: #333; }
.orderform .control-label { padding-right: 5px; text-align: right;  }
.orderform button[type="submit"] { border:5px #fff solid; margin-top:10px; padding:15px 20px; display: block; width:100%; color: #fff;  font: 18px/22px 'Arial', sans-serif; text-transform: uppercase; text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%); box-shadow: rgba(128, 121, 108, 0.4) 0 0 4px 2px; }
.orderform button[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDF5A0D', endColorstr='#FFEA7530'); background-image: -moz-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -o-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: -webkit-linear-gradient(top, #df5a0d 0%, #ea7530 100%); background-image: linear-gradient(to bottom, #df5a0d 0%, #ea7530 100%); box-shadow: rgba(229, 104, 31, 0.4) 0 0 4px 2px; }
.orderform input { width:100%; text-transform:none;     font-family: 'Comfortaa',cursive; }
.orderform textarea { width:100%; text-transform:none;     font-family: 'Comfortaa',cursive;}
.orderform textarea#details, .orderform textarea#details.result { padding:5px; font-size:14px; border:1px #ccc dashed !important; height:75px !important; }

.orderform .upload-file { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;position: relative; top: 8px;  width: 360px; font-size: 14px; padding-left:60px }
.orderform .upload-file .browse-wrap { position: relative; top: 0; left: 0; margin-bottom: 20px;  overflow: hidden; text-align: left; }
.orderform .upload-file .browse-wrap:before { content: ""; display: block; float: left; width: 25px; height: 24px; background-position: 0 -86px; }
.orderform .upload-file .upload { position: absolute; right: 0; bottom: 0; margin: 0; padding: 0; height: 130px; outline: none; font-size: 1000px !important; opacity: 0; cursor: pointer; }
.orderform .upload-file .upload-path { color: #5f5f5f;     font-family: 'Comfortaa',cursive;position: absolute; left: 55px; bottom:5px; text-align: left;  display: block; font-size: 80%; width:300px; overflow:hidden}
.orderform .upload-file .title { position: relative; top: 3px;  cursor: pointer;     font-family: 'Comfortaa',cursive;  left: 5px; margin-bottom:5px}
.orderform .upload-file .title a {border-bottom:1px #ccc dashed;}
.orderform .upload-file .title span { font-size:9px;    font-family: 'Comfortaa',cursive;}


.order { padding: 52px 0 32px; background-color: #f6f4f0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6F4F0', endColorstr='#FFFCFCFC'); background-image: -moz-linear-gradient(top, #f6f4f0 0%, #fcfcfc 100%); background-image: -o-linear-gradient(top, #f6f4f0 0%, #fcfcfc 100%); background-image: -webkit-linear-gradient(top, #f6f4f0 0%, #fcfcfc 100%); background-image: linear-gradient(to bottom, #f6f4f0 0%, #fcfcfc 100%); }
.order h3 { margin-bottom: 10px; }
.order .note { margin-bottom: 18px; color: #5f5f5f; font-size: 16px; text-align: center; }
.order form { padding: 27px 0 16px; background: #f4e9d8; }
.order .wrap { margin: 0 auto; width: 570px; }
.order .form-control { background: #fff; color: #333; }
.order .control-label { padding-left: 0; padding-right: 0; text-align: left; }
.order button[type="submit"] { display: block; margin: 0 auto; text-shadow: rgba(195, 78, 26, 0.7) 2px 2px 0px; }


.other-page {  width: 100%; background: url("../images/bg-portfolio.png") #FDFCFC no-repeat top; background-size: cover;}
.other-page a {text-decoration:underline}
.other-page a:hover {text-decoration:none}
.other-page .inner-box {padding: 85px 0px}
.grad-white {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69&0+0,1+69 */
background: -moz-linear-gradient(top,  rgba(255,255,255,.6) 0%, rgba(255,255,255,.9) 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,.6) 0%,rgba(255,255,255,.9) 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,.6) 0%,rgba(255,255,255,.9) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.grad-gray {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.other-page .line {  position: relative;  z-index: 1;  overflow: hidden;  }
.other-page .line:before, .other-page .line:after {  content: ''; display: inline-block;   width: 100%;  height: 1px;   background: #E5E1DB; z-index: -1;  position: relative;  vertical-align: middle; }
.other-page .line:before {  right: 15px; margin: 0 0 0 -100%;}
.other-page .line:after { left: 15px;  margin: 0 -100% 0 0;}

.other-page h3 {padding:45px 0 35px; margin:0;     font-family: 'Comfortaa',cursive; font-size:40px}
.other-page h4 {padding:25px 0 20px; text-align:center; margin:0;     font-family: 'Comfortaa',cursive; font-size:28px; color: #454545; text-transform:uppercase}

.other-page p {padding: 8px 0px 15px; line-height:26px;font-size:16px; text-shadow:0 1px 0 #fff}
.other-page .txt {line-height:26px;font-size:16px; padding: 8px 0px 15px;}
.other-page ul {padding:7px 7px 7px 40px}
.other-page ul li {list-style:square outside; padding:3px;}
.other-page b, .other-page strong  {font-weight:bold}
.other-page em  {font-style: italic;}

.other-page .txt table {

	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	border-collapse:separate;
	margin:10px auto;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

.other-page .txt table th {
	font-weight:bold;
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
		text-align:unset
}
.other-page .txt table th:first-child{
	padding-left:20px;
}
.other-page .txt table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.other-page .txt table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.other-page .txt table tr{
	padding-left:20px;
}
.other-page .txt table tr td:first-child{
	padding-left:20px;
	border-left: 0;
}
.other-page .txt table tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align:unset;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.other-page .txt table tr:nth-child(even) td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.other-page .txt table tr:last-child td{
	border-bottom:0;
}
.other-page .txt table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.other-page .txt table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.other-page .txt table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

.other-page .txt table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.other-page .txt table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.other-page .txt table a:active,
.other-page .txt table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

.other-page .txt table    caption {
     caption-side: top; /* Заголовок над таблицей */
     text-align:center;
     padding:12px;
     font-size:18px;
}

.other-page .txt blockquote {
    background: #fff;
    border-left: 4px solid #bbb;
    font-style: italic;
    margin: 1.5em 10px 1.5em 20px;
    padding: 0.5em 10px 0.5em 20px;
}

.other-page .txt blockquote:before {
    color: #bbb;
    content: "\201C"; /* Непечатаемый символ слева */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}

.other-page .txt blockquote:after {
    color: #bbb;
    content: "\201D"; /* Непечатаемый символ справа */
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}

.other-page .txt blockquote > p:first-child {
    display: inline;
}


.other-page .link_to_page { border: 3px solid #DCD0BF; background-color:#fff; padding: 5px 12px; float: right; position: relative; }
.other-page .link_to_page::before, .other-page .link_to_page::after { content: '';   position: absolute;   left: 20px; top: -39px;   border: 19px solid transparent;   border-bottom: 19px solid #DCD0BF;}
.other-page .link_to_page::after { border-bottom: 19px solid #fff; top: -35px; }

.other-page .text-button {display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;height: 54px; padding: 0 0 10px 15px; color: #fff; font-size: 20px; background-color: #ec7a37; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%);}
.other-page .text-button .name { padding-right:15px;     font-family: 'Comfortaa',cursive; line-height:54px;display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;  color: #fff !important; text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px;    font-family: 'Comfortaa',cursive;}
.other-page .text-button .option { display: none;     font-family: 'Comfortaa',cursive; line-height:54px;  text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%); }
.other-page .text-button a { color: #fff; line-height: 20px; text-transform: uppercase; font-size:15px; }
.other-page .text-button .option.open-item { display: inline-block !important; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding:0 10px  }

.partners-block {position:relative; top:-40px}
.partners-block h4 { text-align:center; font-weight:bold;}

input.error, textarea.error {  border:2px #B04A47 solid !important;  }
input.success, textarea.success{  border:2px #7BB047 solid !important;  }

div.error {  margin:2px 0 10px 110px; padding:3px 3px 3px 10px;background: linear-gradient(to bottom, #F34747 0%, #F02E2B 100%) repeat #F02E2B; background-image: -moz-linear-gradient(top, #F34747 0%, #F02E2B 100%); background-image: -o-linear-gradient(top, #F34747 0%, #F02E2B 100%); background-image: -webkit-linear-gradient(top, #F34747 0%, #F02E2B 100%);border: 1px solid #A83737;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18); color: #FFFFFF; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px #8A2D14;  text-align:left; font-size:11px; position:absolute; z-index:999 }
div.error::before, div.error::after { content: '';   position: absolute;   left: 20px; top: -16px;   border: 8px solid transparent;   border-bottom: 8px solid #A83737;}
div.error::after { border-bottom: 8px solid #F34747; top: -15px; }

.error li { list-style:inside none; font-size:11px; text-align:left }

#result {  position: absolute; margin:0 auto; top:50px; width:853px; z-index:999; background: linear-gradient(to bottom, #05AA11 0%, #09D618 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-image: -moz-linear-gradient(top, #05AA11 0%, #09D618 100%); background-image: -o-linear-gradient(top, #05AA11 0%, #09D618 100%); background-image: -webkit-linear-gradient(top, #05AA11 0%, #09D618 100%);  border: 1px solid #05AA11;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18); color: #FFFFFF;  border-radius: 3px;  text-shadow: 0 1px #038D0D; padding:20px;  display:block;text-align:center; font-size:14px;}
#error {background: linear-gradient(to bottom, #F34747 0%, #F02E2B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #A83737;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18); color: #FFFFFF; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px #8A2D14; padding:40px 20px; vertical-align: top; display:block; margin:50px auto; width:80%;text-align:center; font-size:14px;}

#imgLoad, #imgLoadBox { position:absolute; z-index:100; top:90px; width:100%; padding-left:350px; display:none }
#imgLoad img, #imgLoadBox img {margin:0 auto}

.calculate {  /*background: url("../images/bg-subservices.jpg"); background-size: 100% 100%;background: url("../images/lines-bg.png")*/ background: #F2E8CC;}
.calculate .tab-calculate-wrap {padding: 25px 0 25px; }
.calculate .tab-calculate-wrap ul { margin: 0 ; padding:0;  }
.calculate .tab-calculate-wrap li { position: relative; margin: 0 0 13px 0; padding:0; font-size: 0; }
.calculate .tab-calculate-wrap .point, .calculate .tab-calculate-wrap .item, .calculate .tab-calculate-wrap .price { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.calculate .tab-calculate-wrap .point { margin-right: 15px;     font-family: 'Comfortaa',cursive; padding-top:18px; font-size:16px; width: 25px; height: 54px;text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px; }
.calculate .tab-calculate-wrap .item, .calculate .tab-calculate-wrap .price { height: 54px;     font-family: 'Comfortaa',cursive; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calculate .tab-calculate-wrap .item { text-transform: none;padding: 0 0 10px 15px; width: 640px; color: #fff; font-size: 20px; background-color: #ec7a37; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%); }

.calculate .tab-calculate-wrap .name, .calculate .tab-calculate-wrap .link-help-wrap { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.calculate .tab-calculate-wrap .name label, .calculate .tab-calculate-wrap .name { color: #fff !important; text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px;    font-family: 'Comfortaa',cursive; }
.calculate .tab-calculate-wrap .link-help-wrap { position: relative; width: 45px; cursor: pointer; }
.calculate .tab-calculate-wrap .link-help-wrap:hover .desc-solution { display: block; }
.calculate .tab-calculate-wrap .link-help-wrap .desc-solution .txt { font-size:12px; line-height:18px}
.calculate .tab-calculate-wrap .link-help { display: block; margin-left: 12px; width: 33px; height: 33px; background-position: 0 -392px; }
.calculate .tab-calculate-wrap .title { margin-bottom: 21px; font: bold 14px/18px 'Tahoma', sans-serif; text-transform: uppercase; }
.calculate .tab-calculate-wrap .price { padding: 10px 0 17px 40px; width: 219px; color: #4a3e26; background: #f8f8f8; font-size: 24px; text-transform:none }
.calculate .tab-calculate-wrap .price span { display: block; color: #685a44; font-size: 12px;     font-family: 'Comfortaa',cursive; text-transform: uppercase;}


.calculate .summ { border:5px #fff solid;width:575px; white-space:nowrap; display:none; text-align:right }
.calculate .summ .item, .calculate .summ .price { display: inline-block;text-align:left; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;height: 54px;     font-family: 'Comfortaa',cursive; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calculate .summ .item { text-transform: none;padding: 0 0 10px 15px; color: #fff; font-size: 20px; background-color: #ec7a37; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%); }
.calculate .summ .price { padding: 10px 0 17px 13px; margin:0; width: 150px; color: #4a3e26; background: #f8f8f8; font-size: 24px; text-transform:none }
.calculate .summ .price input {     font-family: 'Comfortaa',cursive; text-transform: uppercase; margin:-10px 0 0; padding:0; border:0; background:none; font-size:24px; }
.calculate .summ .price span { display: block; color: #685a44; font-size: 12px;     font-family: 'Comfortaa',cursive; text-transform: uppercase;}
.calculate .summ .name { margin:0 15px 0 0; line-height:54px; width:160px; display: inline-block; text-align:right; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;  color: #fff !important; text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px;    font-family: 'Comfortaa',cursive; }

.calculate .summ.fixed {position: fixed; opacity: 0.8; z-index:999; bottom:0; box-shadow: 0 0 10px rgba(0,0,0,0.5);  margin-left:290px; }
.calculate .summ.fixed:hover {opacity: 1;}

.calculate .summ .option { cursor:pointer; color: #fff; font-size: 18px; line-height:54px;display: inline-block !important; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 220px; text-align: center; background-color: #525252; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF070707'); background-image: -moz-linear-gradient(top, #525252 0%, #070707 100%); background-image: -o-linear-gradient(top, #525252 0%, #070707 100%); background-image: -webkit-linear-gradient(top, #525252 0%, #070707 100%); background-image: linear-gradient(to bottom, #525252 0%, #070707 100%); }
.calculate .summ .orderform { width:860px !important; margin:0; padding:20px 10px}
.calculate .summ .option.cl {background:#ccc !important}
.calculate .summ .option.cl:hover {opacity: 1;}
.calculate .summ .orderform h3 { font-size:22px; padding: 10px 0 5px; margin:0}
.calculate .summ .orderform .note { margin:0; padding:0 0 10px; font-size:12px}
.calculate .summ .orderform .form-group { margin:0; padding:0 0 8px;}
.calculate .summ .orderform .form-group textarea { height:60px !important; margin-bottom:10px}

.orderform { padding: 20px 10px; margin-top:5px; display: none; background-color: #f6f4f0; *zoom: 1;width: 574px }


.calculate .line {  position: relative;  z-index: 1;  overflow: hidden; text-align: center; margin:0  }
.calculate .line:before, .calculate .line:after {  content: ''; display: inline-block;   width: 100%;  height: 1px;   background: #fff; z-index: -1;  position: relative;  vertical-align: middle; }
.calculate .line:before {  right: 15px; margin: 0 0 0 -100%;}
.calculate .line:after { left: 15px;  margin: 0 -100% 0 0;}

.calculate h3 {padding:0 0 15px; font-size:36px; }
.calculate h4 {padding:0 0 15px; font-size:30px; }

.calculate .check_calc {display:block; text-align:center; position:relative; z-index:1; top:-25px; margin-bottom:35px}

.calculate .selpoint {height:25px; line-height:25px;display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;color:#fff}

.calculate .selpoint .radio {	display:none;}
.calculate .selpoint .radio + label {position: relative; border:4px #F2E8CC solid; z-index: 1;padding:10px; font-size:18px; cursor: pointer;text-transform: uppercase;text-shadow: rgba(195, 78, 26, 0.7) 1px 2px 0px;    font-family: 'Comfortaa',cursive; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEC7A37', endColorstr='#FFDB722C'); background-image: -moz-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -o-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: -webkit-linear-gradient(top, #ec7a37 0%, #db722c 100%); background-image: linear-gradient(to bottom, #ec7a37 0%, #db722c 100%);  }

.calculate .selpoint .radio:checked + label:after  {
  content: "";
  position: absolute;
  z-index: -1;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
 border: #FAF9F7 dashed 1px;
}


/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.calculate .tab-calculate-wrap li .checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.calculate .tab-calculate-wrap li .checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.calculate .tab-calculate-wrap li .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.calculate .tab-calculate-wrap li .checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.calculate .tab-calculate-wrap li .checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.calculate .tab-calculate-wrap li .checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.calculate .tab-calculate-wrap li .checkbox:checked + label:before {
  background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.calculate .tab-calculate-wrap li .checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.calculate .tab-calculate-wrap li .checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

.calculate .tab-calculate-wrap li .radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.calculate .tab-calculate-wrap li .radio + label {
	cursor: pointer;
}
.calculate .tab-calculate-wrap li .radio:not(checked) {
	position: absolute;
	opacity: 0;
}
.calculate .tab-calculate-wrap li .radio:not(checked) + label {
	position: relative;
	padding: 0 0 0 35px;
}
.calculate .tab-calculate-wrap li .radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
}
.calculate .tab-calculate-wrap li .radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #9FD468;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: all .2s;
}
.calculate .tab-calculate-wrap li .radio:checked + label:after {
	opacity: 1;
}
.calculate .tab-calculate-wrap li .radio:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

.r_portfolio { margin-top: 30px; }
.r_portfolio ul { padding:0; margin:0 }
.r_portfolio .portfolio_list{ width: 100%;  display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.r_portfolio li { position: relative; outline: none; margin: 0 7px 35px 0; overflow:hidden; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; box-shadow: rgba(225, 220, 205, 0.6) 0 0 1px 1px; }
.r_portfolio li:nth-child(4n) { margin-right: 0; }
.r_portfolio li:hover .link-fancy, .r_portfolio li:hover .choose { display: block;  }
.r_portfolio li:hover img {border:6px #E26217 solid; padding:0; }
.r_portfolio img { display: block; outline: none; padding: 10px;  max-width: 200px; min-width: 200px; background: #fff; }
.r_portfolio .link-fancy { display: none; position: absolute; top: 3px; left: 0; right: 0; margin: 0 auto; width: 49px; height: 41px; background-position: 0 -167px; }
.r_portfolio .choose { display: none; z-index:6; position: absolute; left: 0; right: 0; bottom: 0; padding: 17px 0; margin:3px; color: #fff; background-color: rgba(69,57,33,.8); font-size: 14px;     font-family: 'Comfortaa',cursive; text-transform: uppercase; text-align: center; }

.port_detail {padding:0; margin:0 0 35px; display:block; position:relative;}
.port_detail .pos_next {left:0}
.port_detail .pos_prev {right:70px}

.d_portfolio { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; position:absolute; bottom:0; margin:0; padding:0; z-index:1; opacity:0.3 }
.d_portfolio:hover { z-index:10; opacity:1;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.d_portfolio li { position: relative; outline: none; margin: 0; overflow:hidden; width:200px; max-height:300px; display: block; vertical-align: top; *vertical-align: auto; *zoom: 1; box-shadow: rgba(225, 220, 205, 0.6) 0 0 1px 1px; }
.d_portfolio li:hover .choose { display: block;  }
.d_portfolio li:hover img {border:6px #E26217 solid; padding:0; }
.d_portfolio img { display: block; outline: none; padding: 10px;  max-width: 200px; min-width: 200px; background: #fff; }
.d_portfolio .choose { display: none; z-index:6; position: absolute; left: 0; right: 0; bottom: 0; padding: 17px 3px; color: #fff; background-color: rgba(69,57,33,.8); font-size: 12px;     font-family: 'Comfortaa',cursive; text-transform: uppercase; text-align: center; }

.d_portfolio .circle {width: 80px;  height: 80px; margin: 0 auto; background-color: rgba(255,255,255,.8);border:#fff 2px solid; position: absolute; top: 40px;left: 0; right: 0;display: block;z-index:1; -moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}
.d_portfolio .next, .d_portfolio .prev { display: block; position: absolute; top: 17px; left: 0; right: 0; margin: 0 auto;  z-index:5; width:42px; height:41px}
.d_portfolio .next {  background-position: 0 0;}
.d_portfolio .prev { background-position: 0 -43px; }
.d_portfolio .circle:hover {background-color: rgba(255,255,255,.9);}

.other-page .img_port{ border: 3px solid #DCD0BF; padding: 15px; background-color:#fff; display:inline-block; position: relative; margin:15px auto;left:180px; z-index:5; }
.other-page .img_port::before, .other-page .img_port::after { content: '';   position: absolute;   left: 20px; top: -39px;   border: 19px solid transparent;   border-bottom: 19px solid #DCD0BF;}
.other-page .img_port::after { border-bottom: 19px solid #fff; top: -35px; }
.other-page .img_port .zoom { display: none; position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; width: 69px; height: 61px; background-position: 0 -167px; }
.other-page .img_port:hover .zoom { display: block; border:10px rgba(69,57,33,.8) solid;  }


.other-page .intro { border: 3px solid #E1DBD3; padding: 20px; background-color:#fff; display:inline-block; position: relative; margin:15px 0px; line-height:22px; font-size:14px; text-align:center}
.other-page .intro::before, .other-page .intro::after { content: '';   position: absolute;   left: 400px; top: -39px;   border: 19px solid transparent;   border-bottom: 19px solid #E1DBD3;}
.other-page .intro::after { border-bottom: 19px solid #fff; top: -35px; }

.other-page .rb{ border: 3px solid #E8E0D5; padding: 15px; width:200px; background-color:#FDFDFC; display:inline-block; position: relative; margin:15px 0px 0 0; float:right; font-size:14px;}
.other-page .rb::before, .other-page .rb::after { content: '';   position: absolute;   top: 20px; left: -39px;   border: 19px solid transparent;   border-right: 19px solid #E8E0D5;}
.other-page .rb::after { border-right: 19px solid #FDFDFC; left: -35px; }
.other-page .rb p {padding:5px 0 0 23px; margin:0; font-size:14px;}
.other-page .rb p.link {background:url('../images/link.png') no-repeat 0 9px}
.other-page .rb p.year {background:url('../images/year.png') no-repeat 0 8px}
.other-page .rb p.cat {background:url('../images/cat.png') no-repeat 0 9px}

.other-page .pub_list { margin-bottom: 40px; text-align:center }
.other-page .pub_list ul { padding:0; margin:0}
.other-page .pub_list li {padding:10px 0 20px; list-style:none}
.other-page .pub_list a { display: block; margin-bottom: 9px; font: 24px/24px "ProximaNovaRegular"; text-decoration: underline; }
.other-page .pub_list a:hover { text-decoration: none; }
.other-page .pub_list .preview { color: #5A5A5A; line-height: 18px; font-size: 12px; }

.other-page .pub_list .months {border: 2px solid #DCD0BF; color:#827564; padding: 5px; background-color:#fff; display:inline-block; *display:inline; width:150px; position: relative; margin:15px 20px; font-size:12px}
.other-page .months::before, .other-page .months::after { content: '';   position: absolute;   left: 60px; bottom: -22px;   border: 10px solid transparent;   border-top: 10px solid #DCD0BF;}
.other-page .months::after { border-top: 10px solid #fff; bottom: -19px; }


/* Навигация по страницам */

div.pages2 {color:#866C5A; display:block;font-size:14px; text-align:center;	white-space:nowrap; padding-top:10px}
div.pages2 a {	background-color:#EDE2C9;;padding:12px;}
div.pages2 a:hover {	background-color:#FB955B;padding:12px;color:#fff;}
div.pages2 span {	background-color:#ED7A39; color:#fff;padding:12px;  }


#scrollup {  position: fixed; opacity: 0.5; padding: 10px;background: #aaa;  color:#fff;   font-size:10px;  border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;right: 20px; bottom: 20px;display: none; cursor: pointer;text-align:center;  z-index:999 }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #F2F0EB;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "ProximaNovaRegular";
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.html); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: 13px/20px  "ProximaNovaRegular";
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 7px 20px;
	background-color: #F2F0EB;
	color: #454545;
	font-weight: bold;
	line-height: 24px;
	font-size:14px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite%402x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading%402x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #fff url(../images/loader.gif) no-repeat 50% 50%; }

.box-modal {
	position: absolute;
	color:#fff;
	display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; padding: 35px 0 30px; width: 100%; left: 0; right: 0; z-index:9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#453921+0,574a2f+23,453921+100 */
background: rgb(69,57,33); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,57,33,1) 0%, rgba(87,74,47,1) 23%, rgba(69,57,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(69,57,33,1) 0%,rgba(87,74,47,1) 23%,rgba(69,57,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(69,57,33,1) 0%,rgba(87,74,47,1) 23%,rgba(69,57,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#453921', endColorstr='#453921',GradientType=0 ); /* IE6-9 */
/*background: rgba(70,55,30,1);*/
}
.box-modal .wrapper { font-size: 0;}

.box-modal_close { position: absolute; right: 20px; top: 20px; font-size: 22px; line-height: 24px; color: #fff; cursor: pointer; }
.box-modal_close:hover { color: #666; }