/*----- reset -----*/

@import url('reset.css');

/*----- general -----*/

body { 
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color:#404040;
    background:#FFF;
}

a {
	color:#004c99;
	outline: none;
    text-decoration: underline;
}

a:hover {
        text-decoration: none;
}

.clr:after {
    content:'';
    display: table;
    clear: both;
}

ul.ul-reset, .ul-reset ul {
    padding:0;
    margin:0;
    list-style: none;
}

.push-left {
    float: left;
}

.push-right {
    float: right;
}

.btn-more {
    background:url("../img/btn-more.png") repeat-x;
    line-height: 36px;
    padding:0 19px;
    display: inline-block;
    border-radius: 3px;
    color:#404040;
    font-size:12px;
    text-decoration: none;
    font-weight: bold;
}

.btn-more span {
    background:url("../img/icon-more.png") no-repeat left;
    padding-left:16px;
}

.text {
    margin-bottom:20px;
}

.text:last-child {
    margin:20px 0 0 0;
}

.text h1 {
    color:#3e7ab7;
    font-size:24px;
    margin-bottom:22px;
}

.text p {
    font-weight: 300;
}

.page-title {
    background:url("../img/bg-page-title.jpg") repeat-x;
    height:91px;
    margin-bottom:22px;
}

.page-title .container {
    padding-top:20px;
}

.path {
    margin-bottom:14px;
    color:#ffffff;
    font-size:13px;
    font-weight: 300;
}

.path a {
    color:#FFF;
    text-decoration: none;
}

.page-title h1 {
    color:#FFF;
    font-size:24px;
}

/*----- end general -----*/

/*----- forms -----*/

.form-item {
    margin-bottom:16px;
}

.form-item:last-child {
    margin:0;
}

.form-item label {
    height:16px;
    display: block;
    text-align: left;
    font-weight: bold;
    font-size:13px;
    line-height: 1;
}

input[type=text], input[type=password], textarea {
    font-family: 'Open Sans', sans-serif;
    border:1px solid #d6d6d6;
    height:34px;
    padding:0 10px;
    border-radius: 3px;
    width:100%;
    font-size:12px;
}

textarea {
    padding:5px 10px;
    height:60px;
    max-width:100%;
}

button {
    background:url("../img/btn-black-2.png") repeat-x;
    height:52px;
    padding:0 27px;
    color:#FFF;
    border:none;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

/*----- forms -----*/

/*----- container -----*/

.container {
    width:960px;
    margin:0 auto;
}

.content {
    float: right;
    width:668px;
}

.sidebar {
    float: left;
    width:252px;
}


/*----- end container -----*/

/*----- header -----*/

.header {
    height: 110px;
    position: relative;
    padding:30px 0 0 0;
}

.logo {
    float: left;
    padding-left:124px;
    color:#757575;
    font-size:12px;
    margin-top:8px;
    position: relative;
}

.logo img {
    position: absolute;
    top:50%;
    margin-top:-12px;
    left:0
}

.menu {
    float: right;
}

.menu li {
    float: left;
    background: url("../img/separator.png") no-repeat right;
    padding-right:2px;
}

.menu li:last-child {
    padding:0;
    background: none;
}

.menu li a {
    background:url("../img/bg-menu.png") repeat-x;
    line-height: 48px;
    padding:0 12px;
    display: block;
    color:#FFF;
    text-decoration: none;
}

.menu li:hover a {
    background:url("../img/bg-menu-hov.png") repeat-x;
}

.menu li:first-child a {
    border-radius: 3px 0 0 3px;
}

.menu li:last-child a {
    border-radius: 0 3px 3px 0;
} 

.menu li.order {
    position: relative;
}

.menu li.order a {
    padding-right:18px;
    background:url("../img/bg-menu-order.png") repeat-x;
}

.count {
    position: absolute;
    top:10px;
    right:8px;
    background: #e70011;
    color:#FFF;
    width:15px;
    line-height: 15px;
    border-radius: 8px;
    text-align: center;
    font-size:11px;
    font-weight: bold;
}

.arr-down {
    background:url("../img/arr-down.png") no-repeat;
    width:10px;
    height:6px;
    display: inline-block;
    vertical-align: middle;
}

.contact-top {
    float: right;
    margin-right:12px;
    margin-top:5px;
}

.contact-top span {
    font-weight: 300;
    color:#363636;
    font-size:17px;
}

.contact-top span b {
    font-weight: bold;
}

.contact-top a {
    background:url("../img/icon-mail.png") no-repeat left;
    padding-left:17px;
    font-size:13px;
}

/*----- end header -----*/

/*----- footer -----*/

.footer {
    background: #f1f1f1;
    margin-top:34px;
    color:#828282;
    font-size:13px;
    line-height: 18px;
}

.footer a {
    color:#828282;
}

.footer .container {
    padding:26px 0;
    overflow: hidden;
}

.copyright {
    float: left;
    width:324px;
}

.contact-bot {
    float: left;
}

.contact-bot span {
    font-weight: 300;
    font-size:18px;
}

.contact-bot span b {
    font-weight: bold;
}

.create {
    float: right;
}

/*----- end footer -----*/

/*----- slider -----*/

.sw {
	/* background: url("../img/bg.jpg") repeat-x; */
}

.slider-wrapper {
    /* background: url("../img/bg-slider.jpg") repeat-x; */
	background: url("../img/bg_slider.jpg") repeat-x 50% 0;
    height:725px;
    margin-bottom:34px;
}

.slider-wrapper .container {
    padding-top:110px;
}

.slide-item {
    color:#FFF;
    position: relative;
}

.slide-item-content {
    float: left;
    width:580px;
    padding-top:46px;
}

.slide-item h3 {
    margin-bottom:30px;
    font-size:48px;
    font-weight: 100;
    line-height: 30px;
} 

.slide-item h3 em {
    font-size:25px;
}

.slide-item p {
    margin-bottom:34px;
    font-weight: 300;
    color:#cbddea;
}

.slide-item figure {
    float: right;
    margin-right:32px;
    
}

/*----- end slider -----*/

/*----- main -----*/

.item {
    border:1px solid #eaeaea;
    width:218px;
    height:284px;
    border-radius: 3px;
    margin:0 6px 7px 0;
    float: left;
    text-align: center;
}

.item figure {
    width:216px;
    height:216px;
    line-height: 216px;
    overflow: hidden;
    margin-bottom:30px;
}

.item figure img {
    width: auto;
    height: auto;
    max-width:100%;
    max-height:100%;
    display: block;
    vertical-align: middle;
}

.item:nth-child(3n) {
    margin-right:0;
}

.item-title {
    height:23px;
    overflow: hidden;
}

.item-title a {
    text-decoration: none;
    font-size:18px;
    font-weight: 300;
}

.item-title a:hover {
    text-decoration: underline;
}

.pages {
    display: table;
    margin:21px auto 0 auto;
}

.pages a, .pages span {
    padding:0 6px;
    line-height:21px;
    color:#656565;
    font-size:18px;
    text-decoration: none;
}

.pages a:hover {
    text-decoration: underline;
}

.pages span.current {
    border:1px solid #f7b2b7;
    border-radius: 3px;
    color:#e50010;
    padding:0 5px;
    line-height: 19px;
}

.pages a.prev {
    background:url("../img/arr-prev.png") no-repeat left;
    padding:0 0 0 11px;
}

.pages a.next {
    background:url("../img/arr-next.png") no-repeat right;
    padding:0 11px 0 0;
}


/*----- catalog -----*/

.catalog {
    margin-bottom:10px;
}

.catalog > ul > li > a {
    background: #478bc1;
    background: -webkit-linear-gradient(top, #478bc1, #386eb0);
    background: -o-linear-gradient(top, #478bc1, #386eb0);
    background: -ms-linear-gradient(top, #478bc1, #386eb0);
    background: linear-gradient(#478bc1, #386eb0);
    display: block;
    position: relative;
    padding:5px 36px;
    color: #ffffff;
    text-decoration: none;
    min-height:45px;
}

.catalog > ul > li > a:before {
    content:'';
    width: 11px;
    height:11px;
    position: absolute;
    top:8px;
    left:18px;
}

.catalog > ul > li a span {
    color:#9cc2e7;
}

.catalog > ul > li a:hover {
    text-decoration: underline;
}

.catalog > ul > li.plus > a:before {
    background:url("../img/icon-plus.png") no-repeat;
}

.catalog > ul > li.minus > a:before {
    background:url("../img/icon-minus.png") no-repeat;
}

.catalog > ul > li:first-child > a {
    border-radius: 3px 3px 0 0;
}

.catalog > ul > li:last-child > a {
    border-radius: 0 0 3px 3px;
}

.catalog > ul > li ul {
    background: #3f7cb8;
    padding:4px 14px 4px 55px;
    display: none;
}

.catalog > ul > li li {
    margin-bottom:10px;
}

.catalog > ul > li li:last-child {
    margin:0;
}

.catalog > ul > li li a  {
    color:#d1e4f6;
    text-decoration: none;
    font-size:13px;
}

.catalog > ul > li li.active a {
    color:#FFF;
    font-weight: bold;
}

/*----- end catalog -----*/

.menu-docs {
    margin-bottom:10px;
    border:3px solid #dedede;
    border-radius: 3px;
    padding:14px 18px 25px 18px;
}

.menu-docs h4 {
    font-size:20px;
    margin-bottom:24px;
}

.menu-docs li {
    background:url("../img/icon-pdf.png") no-repeat left 4px;
    padding-left:30px;
    margin-bottom:22px;
    position: relative;
    padding-right:50px;
}

.menu-docs li:last-child {
    margin:0;
}

.menu-docs li a {
    font-size:13px;
    font-weight: 300;
}

.menu-docs li span {
    font-style: italic;
    font-size:12px;
    font-weight: 300;
}

.btn-download {
    background: url("../img/btn-download.png") no-repeat;
    width:24px;
    height:24px;
    text-indent: -9999px;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-12px;
}

.item-2 {
    float: left;
    width:325px;
    margin-bottom:8px;
    border:1px solid #eaeaea;
    border-radius: 3px;
    background: #FFF;
    text-align: center;
}
 
.item-2:nth-child(even) {
    float: right;
}

.item-2 figure {
    width:323px;
    height: 219px;
    line-height: 219px;
    overflow: hidden;
}

.item-2 figure img {
    vertical-align: middle;
    max-width:100%;
    height: auto;
}

.item-2-title {
    background: #4589bf;
    background: -webkit-linear-gradient(top, #4589bf, #3971b2);
    background: -o-linear-gradient(top, #4589bf, #3971b2);
    background: -ms-linear-gradient(top, #4589bf, #3971b2);
    background: linear-gradient(#4589bf, #3971b2);
    border-radius: 0 0 3px 3px;
    display: table;
    width:100%;
}

.item-2-title a {
    display: table-cell;
    height:65px;
    vertical-align: middle;
    width:100%;
    font-size:16px;
    font-weight: bold;
    color:#FFF;
    text-decoration: none;
    padding:0 10px;
}

.item-3 {
    margin-bottom:10px;
    border:1px solid #eaeaea;
    border-radius: 3px;
    padding:20px 0 20px 22px;
}

.item-3-title {
    float: left;
    width:330px;
    padding-right:10px;
}

.item-3-title a {
    font-size:18px;
    color:#3f7cb8;
    font-weight: 300;
    text-decoration: none;
}

.item-3-title a:hover {
    text-decoration: none;
}

.item-3-file {
    float: left;
    width:160px;
    padding-left:30px;
    position: relative;
}

.item-3-file img {
    position: absolute;
    top:50%;
    left:0;
    margin-top:-12px;
}

.item-3-file a {
    font-weight: 300;
    font-size:13px;
}

.item-3-file span {
    font-style: italic;
    font-weight: 300;
    font-size: 12px;
}

.btn-download-2 {
    float: left;
    border-radius: 3px;
    background: #eeeeee;
    background: -webkit-linear-gradient(top, #eeeeee, #dcdcdc);
    background: -o-linear-gradient(top, #eeeeee, #dcdcdc);
    background: -ms-linear-gradient(top, #eeeeee, #dcdcdc);
    background: linear-gradient(#eeeeee, #dcdcdc);
    line-height: 32px;
    padding:0 10px;
    text-decoration: none;
    color:#767676;
    font-size:13px;
    font-weight: bold;
}

.btn-download-2 span {
    background:url("../img/icon-download.png") no-repeat left;
    padding-left:24px;
}

/*----- end main -----*/

/*----- card -----*/

.card-imgs {
    float: left;
    position: relative;
    width:480px;
}

.card-imgs figure {
    width:480px;
    height:480px;
    line-height: 480px;
    text-align: center;
    border:1px solid #eaeaea;
    border-radius: 3px;
}

.card-imgs figure img {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}

.card-imgs ul {
    position: absolute;
    top:10px;
    left:10px;
}

.card-imgs ul li {
    margin-bottom:4px;
}

.card-imgs ul li img {
    border:1px solid #eaeaea;
    border-radius: 3px;
}

.card-imgs ul li.active img {
    border-color:#abcfed;
}

.card-detail {
    width:456px;
    float: right;
}

.card-detail p {
    margin-bottom:20px;
    font-weight: 300;
    line-height: 19px;
}

.card-detail p b {
    font-weight: bold;
}

.card-detail p:last-child {
    margin:0;
}

.add-to-order {
    border:3px solid #aeceed;
    border-radius: 3px;
    padding:12px 178px 12px 12px;
    position: relative;
    margin-bottom:20px;
}

.add-to-order p {
    color:#3f7cb8;
    font-size:13px;
    margin:0;
}

.btn-add-order {
    background:url("../img/btn-black.png") repeat-x;
    border-radius: 3px;
    color:#FFF;
    text-decoration: none;
    line-height: 42px;
    position: absolute;
    top:12px;
    right:12px;
    padding:0 16px;
}

/*----- end card -----*/

/*----- popup -----*/

.shadow {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.popup {
    position: fixed;
    top: 50px;
    left:50%;
    width:400px;
    margin-left:-200px;
    background: #FFF;
    border-radius: 5px;
    z-index: 101;
    padding-top:30px;
    display: none;
}

.popup-title {
    text-align: center;
    margin-bottom:24px;
    font-weight: bold;
    font-size:20px;
}

.table {
    padding: 0 30px 24px 30px;
    background:url("../img/bg-shadow.png") repeat-x bottom;
    margin-bottom:24px;
}

.table table {
    width:100%;
}

.table table td {
    vertical-align: middle;
    height:64px;
    border-bottom:1px dashed #dedede;
    padding-right:10px;
}

.table table tr:last-child td {
    border:none;
} 

.table table td img {
    border:1px solid #eaeaea;
    border-radius: 3px;
}

.table table td a {
    text-decoration: none;
    color:#3f7cb8;
    font-weight: bold;
}

.table table td a.btn-del {
    background:url("../img/btn-del.png") no-repeat;
    width:16px;
    height:17px;
    display: inline-block;
    text-indent: -9999px;
}

.popup form {
    padding: 0 30px 24px 30px;
    text-align: center;
}

.btn-close {
    background:url("../img/btn-close.png") no-repeat;
    width:17px;
    height:17px;
    text-indent: -9999px;
    position: absolute;
    top:-15px;
    right:-19px;
}

/*----- popup -----*/

.file-name {
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
}

.photosgallery-vertical{width:480px;height:480px;}

/* Nav */
.photosgallery-vertical .sliderkit-nav{top:0;left:0;width:95px;height:100%;}
.photosgallery-vertical .sliderkit-nav-clip{left:7px;}
.photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:0;margin-bottom: 4px;}
.photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:78px;height:78px;overflow:hidden;padding:3px;}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:1px solid #abcfed; border-radius: 3px;}
.photosgallery-vertical .sliderkit-nav-clip ul li img{width:74px;height:74px;margin-bottom:-3px; border: 1px solid #eaeaea;
border-radius: 3px;}

/* Nav buttons */
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:95px;height:16px;background:transparent url("../img/arrows-v.png") no-repeat center 0;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span{display:none;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{top:25px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:25px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background-position:center -89px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{background-position:center -108px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:center -126px;}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus{background-position:center -145px;}

/* Go Buttons */
.photosgallery-vertical .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8;}
.photosgallery-vertical .sliderkit-go-prev{top:0;left:0;}
.photosgallery-vertical .sliderkit-go-next{top:0;right:0;}

/* Panel */
.photosgallery-vertical .sliderkit-panel{top:0;left:0;width:480px;height:480px; line-height: 480px;
text-align: center;
border: 1px solid #eaeaea;
border-radius: 3px;}

.photosgallery-vertical .sliderkit-panel img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.sliderkit-panel {
    display: none;
}

.sliderkit-panel-active {
    display: block;
}

.feedback_form_param14 {
    display: none;
}

.feedback_form .form-item {
    margin-bottom: 10px;
}

.sidebar .catalog a:hover {
	background: url("../img/bg-menu-hov.png") repeat;
}

.sidebar .catalog .sub-menu  a:hover {
	background: none;
}

.mactive {
	font-weight: bold;
}