html,
body {
height: 100%;
}
.wrap {
min-height: 100%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;
}
.wrap > .container {
padding: 70px 15px 20px;
}
.footer {
height: 60px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.jumbotron {
text-align: center;
background-color: transparent;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.not-set {
color: #c55;
font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}
a.asc:after {
content: "\e151";
}
a.desc:after {
content: "\e152";
}
.sort-numerical a.asc:after {
content: "\e153";
}
.sort-numerical a.desc:after {
content: "\e154";
}
.sort-ordinal a.asc:after {
content: "\e155";
}
.sort-ordinal a.desc:after {
content: "\e156";
}
.grid-view td {
white-space: nowrap;
}
.grid-view .filters input,
.grid-view .filters select {
min-width: 50px;
}
.hint-block {
display: block;
margin-top: 5px;
color: #999;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
padding: 8px;
}
@media(max-width:768px) {
.nav li > form {
padding: 3px;
}
}
.nav > li > form > button:hover {
text-decoration: none;
}
*{
margin: 0;
padding: 0;}
body {
font-family: 'Roboto';
font-weight: normal;
font-size: 14px;
color: #414143;
background: url("../images/bg_body.jpg") repeat;
line-height: 1.42857143;
}
.off-scroll {
overflow-y: hidden;
height: 100%;
position: fixed;
}
img {
border: none;
}
input, textarea, button {
outline: none!important;
}
[class*="section-box"]{width:100%;float:left;position:relative;}
.style {width: 100%;float: left;}
/***fix-buttons***/
.question-form {
height: 40px;
padding: 0 23px;
line-height: 40px;
text-decoration: none;
color: #fff;
font-size: 13px;
text-transform: uppercase;
background: #939598;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
z-index: 999;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
position: fixed;
top:325px;
right: -68px;
}
.question-form span {
position: absolute;
min-width: 22px;
height: 22px;
padding: 0 4px;
line-height: 22px;
color: #fff;
background: #ed1c24;
font-size: 13px;
top: -10px;
right: -10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
border-radius: 22px;
text-align: center;
}
.calc-menu .question-form span {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
right: -26px;
top: -16px;
}
/***header***/
.section-box-header {
background: #fff;
margin-bottom: 2px;
}
.logo_ {
height: 112px;
width: 100%;
position: relative;
display: table-cell;
vertical-align: middle;
}
.logo_ img {width: 100%;vertical-align: middle}
.menu-wrapper {
height: 40px;
position: relative;
}
.menu-wrapper:before {
background: #414143;
height: 40px;
width: 100%;
position: absolute;
content: '';
}
.phones-head {padding-top: 31px;}
.phones-head table {
border: 0;
collapse: 0;
margin: 0 auto;
}
.phones-head table tr td{position: relative;}
.phones-head p {
font-size: 18px;
color: #414143;
}
.phones-head p span{font-weight: 700; color: inherit; font-size: 18px;right: auto;top: auto; position: relative}
.phones-head span{
font-weight: 300;
font-size: 13px;
color: #939598;
position: absolute;
right: 0;
top: 23px;
width: 199px;
text-align: right;
line-height: 14px;
}
.search-ico, .close-search {
height: 112px;
position: relative;
}
.search-ico img, .close-search img, .search-btn-mob img {
position: absolute;
top: 50%;
right: 15px;
margin-top: -9px;
cursor: pointer;
}
.close-search img {
margin-top: -8px;
}
.menu-wr {
position: relative;
z-index: 3;
height: 42px;
padding: 0 15px;
}
.home_ico {
display: block;
width: 40px;
height: 100%;
background: #939598 url("../images/ico/ico-1.png") 50% 50% no-repeat;
position: absolute;
left: 15px;
top: 0;
}
ul.main-menu {
height: 100%;
width: 100%;
float: left;
padding-left: 40px;
border-bottom: 2px solid #939598;
}
ul.main-menu li {
float: left;
list-style: none;
position: relative;
}
ul.main-menu li:first-child::before {display: none;}
ul.main-menu li a {
color: #fff;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
padding: 0 28px 0 29px;
line-height: 40px;
position: relative;
height: 100%;
display: block;
}
ul.main-menu li a:before {
position: absolute;
left: 0px;
top: 50%;
margin-top: -10px;
width: 1px;
height: 20px;
background: #5a5a5d;
content: '';
}
ul.main-menu li:first-child a {
padding-left: 26px;
padding-right: 45px;
z-index: 2;
}
ul.main-menu li:first-child a:before {
left: auto;
right: 20px;
background: url("../images/ico/ico-3-1.png") no-repeat;
width: 8px;
height: 5px;
margin-top: -3px;
}
ul.main-menu li:first-child:hover a:before {background: url("../images/ico/ico-4.png") no-repeat;}
ul.main-menu li:hover::before {
background: #5a5a5d;
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
left: -1px;
padding: 0 1px;
box-sizing: content-box;
}
ul.main-menu li:last-child:hover::before {padding: 0 0 0 2px;}
ul.main-menu li:first-child {padding-left: 0;}
ul.main-menu li:first-child:hover {background: #fff}
ul.main-menu li:first-child:hover a {
color: #414143;
}
ul.main-menu li ul {
display: none;
position: absolute;
width: 100%;
top:0;
left: 0;
padding-top: 41px;
background: #fff;
box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8);
}
ul.main-menu li:hover ul {
display: block;
}
ul.main-menu li:hover ul li {
width: 100%;
height: 44px;
background: #fff;
border-top: 1px solid #dedfe0;
}
ul.main-menu li:hover ul li::before, ul.main-menu li:hover ul li:first-child::before {
background: #8b8d90;
display: block;
}
ul.main-menu li ul li:hover a {
color: #fff !important;
}
ul.main-menu li:first-child ul li a:before {display: none;}
.lang-wr {
position: absolute;
height: 43px;
top: 32px;
left: 0;
}
.lang-wr-mob {left: 50%}
.lang-wr a {
position: absolute;
bottom: 0;
left: 0;
text-decoration: none;
color: #414143;
font-size: 13px;
font-weight: 300;
line-height: 14px;
}
.lang-wr a.active {
text-decoration: underline;
}
.lang-wr a:first-child {
bottom: auto;
top: 4px;
left: 0;
}
.hidden-search {
position: absolute;
top: 0;
right: 0;
margin-right: -100%;
width: 100%;
height: 100%;
background: #fff;
/*transition: 0.2s;*/
}
.hidden-search.vis {
margin-right: 0;
transition: 0.5s;
}
.search-title {
height: 112px;
}
.search-title p {
line-height: 112px;
font-size: 18px;
font-weight: 700;
color: #414143;
}
.search-form-wr-padding {padding: 0 83px !important;}
.search-form-wr {
width: 100%;
height: 35px;
position: relative;
margin-top: 41px;
}
.search-form-wr input {
width: 100%;
border-top: 0;
border-left: 0;
border-right: 0;
outline: none !important;
border-bottom: 1px solid #dedfe0;
padding: 0 52px 0 15px;
height: 34px;
line-height: 34px;
font-size: 13px;
color: #414143;
text-transform: uppercase;
}
.search-form-wr button {
width: 48px;
height: 33px;
position: absolute;
right: 0;
top: 0;
border: 0 !important;
outline: none !important;
cursor: pointer;
background: #fff url("../images/ico/ico-2.png") 50% 0 no-repeat;
}
.head-container {
height: 112px;
overflow-x: hidden;
position: relative;
background: #fff;
}
.phones-head-table-mob {
text-align: right;
}
.phones-table-wr {
position: absolute;
padding-right: 22px;
top: 38px;
right: 15px;
background: #fff;
}
.phones-table-wr:before {
position: absolute;
top: 8px;
right: 0;
content: '';
background: url("../images/ico/ico-6.png") no-repeat;
cursor: pointer;
width: 10px;
height: 6px;
z-index: 2;
transition: 0.3s;
}
.phones-table-wr p, .phones-table-wr ul {
position: relative;
z-index: 3;
}
.phones-table-wr:after {
width: 100%;
height: 100%;
content: '';
box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8);
position: absolute;
top: -18px;
left: -10px;
box-sizing: content-box;
padding: 18px 10px 28px 10px;
background: #fff;
z-index: 2;
display: none;
}
.phones-table-wr p {
font-size: 18px;
color: #414143;
cursor: pointer;
}
.phones-table-wr p .vis-phone {font-weight: 700; font-size: 18px; color: inherit;}
.phones-table-wr ul {
list-style: none;
display: none;
}
.phones-table-wr ul li {margin-top: 26px;}
.phones-table-wr ul li span {
font-weight: 300;
font-size: 13px;
color: #939598;
line-height: 14px;
}
.phones-table-wr ul li p {cursor: default}
.phones-table-wr.vis-phone ul {
display: block;
}
.phones-table-wr.vis-phone:before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.phones-table-wr.vis-phone:after {
opacity: 1;
display: block;
}
.mobile-menu {
height: 42px;
background: #414143;
border-bottom: 2px solid #939598;
}
.menu_mob {
position: relative;
cursor: pointer;
width: 14px;
float: left;
height: 40px;
margin-left: 15px;
}
.menu_mob div {
position: absolute;
width: 14px;
height: 2px;
background: #fff;
top: 0;
margin-top: 25px;
left: 0;
}
.menu_mob div:first-child {
margin-top: 13px;
}
.menu_mob div:first-child:before {
width: 100%;
height: 100%;
position: absolute;
background: #fff;
top: 0;
left: 0;
margin-top: 6px;
content: '';
}
.calc-menu {}
.calc-menu .question-form {
line-height: 42px;
position: relative;
background: none;
padding: 0 !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
z-index: 1;
transform: none;
top: auto;
right: auto;
height: auto;
}
.calc-menu .question-form:before {
content: '';
position: absolute;
width: 12px;
height: 18px;
left: -20px;
top: 50%;
margin-top: -9px;
background: url("../images/ico/ico-7.png") no-repeat;
}
.calc-menu .question-form:hover {text-decoration: underline}
.search-btn-mob {
height: 40px;
}
.search-btn-mob img {
right: 30px;
}
.mob-overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
background: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top: 0;
left: 0;
cursor: default;
}
.section-box-content {margin-top: -2px;}
.section-box-content .container.shadow {padding-bottom: 30px;}
.shadow {
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
position: relative;
}
.prefooter .shadow:before {
position: absolute;
width: 100%;
height: 13px;
background: #fff;
content: '';
top: -11px;
left: 0;
}
/***mob-menu***/
.close-menu-mob {
position: relative;
width: 100%;
height: 52px;
background: #fff;
text-transform: uppercase;
color: #414143;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding-top: 17px;
padding-left: 10px;
cursor: default;
}
.close-menu-mob:before {
width: 16px;
height: 16px;
content: '';
position: absolute;
right: 0;
top: 20px;
background: url("../images/ico/ico-5.png") no-repeat;
cursor: pointer;
}
.xs-sm-menu {
display: none;
width: 300px;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
margin-left: -300px;
height: 100%;
overflow-y: scroll;
background: #4c4c50;
transition: 0.2s;
padding: 0 10px;
}
.xs-sm-menu.open.visible {
margin-left: 0;
}
.xs-sm-menu.open {
display: block;
background: #fff;
}
.xs-sm-menu .main-menu {
width: 100%;
float: left;
padding-left: 0;
padding-bottom: 60px;
height: auto;
border-bottom: 0;
}
/*.xs-sm-menu ul.main-menu li:hover::before {display: none;}*/
.xs-sm-menu .main-menu li {
width: 100%;
float: left;
height: 36px;
border-bottom: 1px solid #dedfe0;
}
.xs-sm-menu ul.main-menu li:first-child:hover {background: none;}
.xs-sm-menu .main-menu li:hover ul {
display: none !important;
}
.xs-sm-menu .main-menu li a {
color: #414143;
padding: 0 0 0 10px !important;
}
.xs-sm-menu ul.main-menu li a:before {display: none;}
.xs-sm-menu ul.main-menu li:first-child a:before {display: block;
background: url("../images/ico/ico-4.png") no-repeat;
transition: 0.3s;
-webkit-transition: 0.3s;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
.xs-sm-menu ul.main-menu li:first-child:hover a:before { background: url("../images/ico/ico-4.png") no-repeat;}
.xs-sm-menu ul.main-menu li:hover::before {display: none;}
.xs-sm-menu ul.main-menu li ul {
position: relative;
top: auto;
left: auto;
padding-top: 0;
padding-left: 0;
float: left;
background: none;
box-shadow: none;
}
.xs-sm-menu ul.main-menu li ul li {
background: #8b8d90;
height: auto;
border-bottom: 1px solid #fff;
padding-left: 8px 0 8px 20px;
}
.xs-sm-menu ul.main-menu li:hover ul li {border-top: 0}
.xs-sm-menu ul.main-menu li ul li a, .xs-sm-menu ul.main-menu li ul li:hover a {
color: #fff !important;
}
.xs-sm-menu ul.main-menu li ul li a {padding-left: 0 !important;}
.xs-sm-menu ul.main-menu li ul li a:before {display: none !important;}
.xs-sm-menu ul.main-menu li ul li:last-child {border-bottom: 0}
.xs-sm-menu ul.main-menu li.show-sub-menu ul {display: block !important;}
.xs-sm-menu ul.main-menu li.show-sub-menu {height: auto; border-bottom: 0; }
.xs-sm-menu li.show-sub-menu ul li:first-child::before {
left: 0 !important;
padding: 0 !important;
}
.xs-sm-menu ul.main-menu li.show-sub-menu:first-child a:before {
transform: rotate(0);
-webkit-transform: rotate(0);
}
/****carousel****/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/****carousel****/
/****footer****/
.copyright {
height: 25px;
}
.copyright p {
width: 100%;
float: left;
font-size: 11px;
color: #939598;
font-weight: 300;
}
.artweb-wr {
height: 25px;
float: right;
}
.artweb-wr a {
height: 25px;
padding-right: 33px;
position: relative;
line-height: 25px;
color: #939598;
font-size: 11px;
display: block;
}
.artweb-wr a:hover {
text-decoration: none;
}
.artweb-wr a:before {
position: absolute;
width: 24px;
height: 23px;
top: 0;
right: 0;
background: url("../images/footer/artweb-logo.png") 0 50% no-repeat;
content: '';
}
.f-img {width: 100%;display: table-cell; height: 106px; vertical-align: middle;}
.f-img img {max-width: 100%;vertical-align: middle;}
.border-footer {
position: absolute;
padding: 0 15px;
top: 0;
left: 0;
width: 100%;
}
.border-footer div{
width: 100%;
height: 1px;
background: #dedfe0;
}
.studio_footer {margin-top: 13px;}
.mb-im-f-1 {text-align: center;display: table;}
.mb-im-f-2 {}
.mb-im-f-3 {}
.mb-im-f-4 {}
.mb-im-f-5 {text-align: right; display: table;}
.certificate_f {
text-decoration: none;
font-size: 13px;
color: #939598;
font-weight: 300;
padding-left: 25px;
position: relative;
}
.certificate_f:before {
content: '';
position: absolute;
width: 20px;
height: 26px;
left: 0;
top: 50%;
margin-top: -13px;
background: url("../images/ico/ico-12.png") no-repeat;
}
/*****forms*****/
#overlay {
display: none;
/*display: block!important;*/
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
background: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.modal-form, #success-form {
width: 810px;
background: #fff;
position: fixed;
left: 50%;
margin-left: -405px;
top: 20px;
opacity: 0;
/*opacity: 1;*/
z-index: 999991;
display: none;
/*display: block!important;*/
}
#success-form {
height: 216px;
background: #fff;
}
#modal_form-2 .txt-success {
width: 810px;
height: 216px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.form-wr {
width: 100%;
float: left;
background: #fff;
position: relative;
}
#close-form {
width: 34px;
height: 34px;
background: url("../images/ico/ico-13.png") no-repeat;
position: absolute;
top: -57px;
right: -61px;
cursor: pointer;
z-index: 999;
}
.form-title {
font-size: 24px;
font-weight: 700;
width: 100%;
float: left;
text-align: center;
margin-top: 34px;
}
.modal-form form {
width: 100%;
float: left;
padding: 0 150px;
margin-bottom: 40px;
}
.input-wr {
width: 100%;
float: left;
position: relative;
margin-top: 21px;
}
.modal-form form label {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
width: 150px;
text-align: right;
display: block;
line-height: 32px;
height: 30px;
float: left;
padding-right: 30px;
position: relative;
}
.modal-form form .required label:before {
content: '*';
position: absolute;
top: 0;
right: 23px;
line-height: 30px;
color: #ed1c24;
font-size: 14px;
}
.modal-form form input, .modal-form form textarea {
width: 360px;
max-width: 360px;
float: right;
height: 30px;
padding-left: 10px;
}
.modal-form form input {
outline: none!important;
font-size: 18px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #dedfe0;
}
.modal-form form textarea {
max-height: 30px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #dedfe0;
resize: none;
}
.modal-form form input:focus, .modal-form form textarea:focus {border-bottom: 1px solid #a7a7a7;transition: 0.2s;-webkit-transition: 0.2s;}
.modal-form form .has-error input, .modal-form form .has-error textarea {
border-bottom: 1px solid #ed1c24;
}
.modal-form form .help-block {
display: none;
position: absolute;
right: 0;
bottom: 1px;
width: 95px;
background: #fff;
height: 100%;
}
.modal-form form .has-error .help-block {display: block;}
.modal-form form .has-error .help-block:before {
position: absolute;
content: 'ошибка ввода';
font-size: 13px;
line-height: 30px;
color: #ed1c24;
top: 0;
right: 0;
display: block !important;
width: 100%;
text-align: right;
}
.button-wr {width: 360px;float: right; margin-top: 40px;}
.modal-form form button[type="submit"] {
display: block;
margin: 0 auto;
width: 174px;
height: 40px;
line-height: 40px;
outline: none !important;
text-align: center;
text-transform: uppercase;
border: 1px solid #939598;
color: inherit;
font-size: 11px;
font-weight: 700;
cursor: pointer;
background: #fff;
}
.modal-form form button[type="submit"]:hover {
background: #939598;
color: #fff;
}
.modal-form form button[type="submit"]:hover:active {
background: #68696b;
}
.form-product-wr {
width: 100%;
height: 241px;
overflow: hidden;
float: left;
margin-top: 40px;
}
.form-product-wr.product_0 {display: none;}
.form-product-wr.product_1 {height: 75px;}
.form-product-wr.product_2 {height: 155px;}
.scrollbar_ {height: 241px;
overflow-y: hidden;}
.form-product-wr table {
padding: 0;
border: 0;
collapse: 0;
}
.form-product-wr table tr {
width: 100%;
float: left;
margin-top: 9px;
position: relative;
}
.form-product-wr table tr:first-child {margin-top: 0;}
.form-product-wr table tr td {
min-height: 67px;
width: 360px;
position: relative;
padding-right: 50px;
}
.form-product-wr table tr td:first-child {
width: 150px;
text-align: right;
padding-right: 30px;
}
.form-product-wr table tr td.remove_ {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
width: 16px !important;
height: 16px;
background: url("../images/ico/ico-14.png") no-repeat;
cursor: pointer;
}
.form-product-wr table tr td.remove_:hover {
background: url("../images/ico/ico-15.png") no-repeat;
}
.form-product-wr table tr td:first-child:before {display: none;}
.form-product-wr table tr td:first-child img {vertical-align: middle}
.form-product-wr table tr td a {
text-decoration: none;
font-size: 13px;
color: inherit;
}
.form-product-wr table tr td a span {
font-weight: 700;
}
.form-product-wr table tr td a span:first-child {
font-weight: 400;
text-transform: uppercase;
}
._more_ {
position: absolute;
left: 0;
bottom: 9px;
text-decoration: none;
font-size: 13px;
color: #939598;
}
._more_:hover {text-decoration: underline;}
/**********/
/*****home*****/
.margin-top {margin-top: 30px;}
.box-mosaic a {
position: relative;
display: block;
height: 100%;
}
.box-mosaic a:hover {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.box-mosaic a div {
height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;
}
.box-mosaic a p {
width: 100%;
height: 75px;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-decoration: none;
font-size: 14px;
z-index: 2;
line-height: 14px;
padding-left: 20px;
background: url("../images/shadow-home.png") repeat-x;
padding-right: 16px;
padding-top: 39px;
}
.box-mosaic a p:before {
width: 7px;
height: 12px;
background: url("../images/ico/ico-3.png") no-repeat;
position: absolute;
bottom: 24px;
right: 16px;
content: '';
}
.box-mosaic img {width: 100%;position: absolute;top: 0;left: 0}
[class*="moz-"] {
height: 75px;
}
.moz-5 a {height: 152px;}
.moz-1 {height: 152px; padding-right: 2px !important;}
.moz-2 {padding-left: 0 !important; padding-right: 2px !important;}
.moz-3 {padding-left: 0 !important;}
.moz-4 {padding-left: 0 !important;margin-top: 2px; padding-right: 2px !important;}
.moz-5 {padding-left: 0!important;margin-top: 2px;}
.moz-6 {padding-right: 2px !important;margin-top: 2px;}
.moz-7 {padding-left: 0!important; padding-right: 2px !important;margin-top: 2px;}
.box-slider {
position: relative;
height: 460px;
overflow: hidden;
}
.slider-menu {
height: 100%;
position: absolute;
z-index: 2;
top:0;
left: 0;
}
.slider-menu ul {
position: relative;
height: 100%;
}
.slider-menu ul:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/shadow-slider-1.png") 0 50% no-repeat;
content: '';
}
.slider-menu ul li {
list-style: none;
position: relative;
width: 34px;
height: 100%;
float: left;
}
.slider-menu ul li a {
text-decoration: none;
color: #fff;
font-size: 14px;
width: 460px;
height: 34px;
line-height: 34px;
display: block;
text-align: center;
z-index: 2;
position: absolute;
top: 213px;
left: -213px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.slider-menu ul li a:hover {
text-decoration: underline;
}
.slider-menu ul li:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 34px;
content: '';
background: #000;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
z-index: 1;
}
.slider-menu ul li:nth-child(2):before {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.slider-menu ul li:nth-child(3):before {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.slider-menu ul li:nth-child(4):before {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.slider-menu ul li:nth-child(5):before {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.slider-menu ul li:nth-child(6):before {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.slider-menu ul li:nth-child(7):before {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.slider-menu ul li:nth-child(8):before {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.slider-menu ul li:nth-child(n+9):before {
opacity: 0.15;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.slider-img a {
position: relative;
width: 100%;
height:100%;
display: none;
}
.slider-img a.active-slide {display: block;}
.slider-img a img {
position: absolute;
width: 1140px;
height: 460px;
top: 50%;
left: 50%;
margin-top: -230px;
margin-left: -570px;
}
.slider-img a div{
position: absolute;
width: 50%;
bottom: 36px;
right: 0;
z-index: 3;
padding-right: 97px;
}
.slider-img a p, .slider-img a span {
color: #fff;
text-decoration: none;
}
.slider-img a p {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
position: relative;
line-height: 42px;
padding-bottom: 8px;
}
.slider-img a p:before {
width: 100%;
height: 2px;
background: #fff;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
position: absolute;
bottom: 0;
left: 0;
content: '';
}
.slider-img a span {
font-size: 13px;
font-weight: 300;
display: block;
line-height: 16px;
padding-top: 12px;
}
.slider-img{
position: relative;
height:100%;
overflow: hidden;
z-index: 1;
}
.box-banners a img {max-width: 100%}
.box-banners a:hover {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#contact-map{
float: left;
margin-top: 15px;
}
/***breadcrumb***/
ul.breadcrumb {
width: 100%;
float: left;
margin-top: 28px;
margin-bottom: 16px;
position: relative;
z-index: 2;
}
ul.breadcrumb li {
float: left;
list-style: none;
font-size: 13px;
color: #939598;
font-weight: 300;
position: relative;
padding-left: 18px;
}
ul.breadcrumb li:first-child {padding-left: 0;}
ul.breadcrumb li:before {
content: '';
position: absolute;
width: 3px;
height: 5px;
top: 50%;
margin-top: -2px;
left: 8px;
background: url("../images/ico/ico-8.png") no-repeat;
}
ul.breadcrumb li:first-child:before {display: none;}
ul.breadcrumb li a {
text-decoration: underline;
color: inherit;
}
/***titles***/
.box-title-1 {
font-size: 24px;
color:#414143;
font-weight: 700;
}
/***cat***/
.box-category {margin-top: -19px;}
.margin_bottom_30 {margin-bottom: 30px;}
.link-cat {
position: relative;
width: 100%;
display: block;
float: left;
height: 144px;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.link-cat:before {
height: 75px;
background: #000;
opacity: 0.5;
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
}
.link-cat p {
position: absolute;
color: #fff;
left: 0;
bottom: 19px;
width: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
}
.link-cat p:before {
position: absolute;
width: 7px;
height: 12px;
content: '';
background: url("../images/ico/ico-3.png") no-repeat;
right: 11px;
bottom: 6px;
}
.link-cat img {
width: 100%;
height: auto !important;float: left;
}
.cat-list-wr {margin-top: 30px;}
.cat-list, .cat-list-brands {
width: 100%;
float: left;
}
.cat-list-brands-wr {
width: 100%;
float: left;
position: relative;
height: 133px;
}
.cat-list-brands {
border-left: 1px solid #dedfe0;
border-right: 1px solid #dedfe0;
border-bottom: 1px solid #dedfe0;
padding-top: 9px;
padding-bottom: 13px;
height: 133px;
overflow: hidden;
background: #fff;
z-index: 2;
}
.cat-list-brands ul {
list-style: none;
width: 100%;
float: left;
padding: 0 10px 0 20px;
}
.cat-list-brands ul li {
width: 100%;
float: left;
height: 24px;
}
.cat-list-brands ul li a {
color: #414143;
text-decoration: none;
font-size: 13px;
display: block;
width: 100%;
height: 100%;
line-height: 24px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.cat-list-brands ul li a:before {
content: '';
height: 24px;
width: 22px;
opacity: 1;
position: absolute;
top: 0;
right: 0;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.cat-list-brands ul li a:hover {text-decoration: underline;}
.hover .link-cat, .hover .cat-list-brands {box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8); transition: 0.2s; -webkit-transition: 0.2s}
.hover .cat-list-brands {
position: absolute;
top: 0;
left: 0;
height: auto;
min-height: 133px;
}
.expand_brands {
display: none;
padding: 0 0 0 20px;
float: left;
}
.expand_brands p {
float: left;
color: #939598;
border-bottom: 1px dashed #939598;
font-size: 13px;
cursor: pointer;
}
/****************/
/***brand***/
.box-brand {
margin-top: 11px;
}
.article-img img {
width: 100%;
max-width: 100%;
float: left;
}
.content-txt {
margin-top: 28px;
}
.brand-main-txt {margin-top: -2px; padding-bottom: 53px;}
.content-txt p, .brand-main-txt p, .brand-list-desc-txt p, .products-txt p, .service-txt p, .artile-view-txt p, .tabs-content p {
font-size: 13px;
width: 100%;
float: left;
line-height: 16px;
margin-top: 15px;
}
.products-txt p, .brand-list-desc-txt p, .tabs-content p {float: none;}
.content-txt p:first-child, .brand-main-txt p:first-child, .brand-list-desc-txt p:first-child, .artile-view-txt p:first-of-type {margin-top: 0}
.brand-link a {
display: block;
width: 100%;
float: left;
border: 1px solid #dedfe0;
padding: 13px 5px;
margin-top: 12px;
text-align: center;
}
.brand-link a:first-child {margin-top: 0;}
.brand-link a:hover {
box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.8);
transition: 0.2s;
-webkit-transition: 0.2s;
}
.brand-link a img {
max-width: 100%;
vertical-align:middle;
}
.uppercase {text-transform: uppercase;}
.brand-txt-img {z-index1;position: absolute;height: 100%; width: 50%;right: 0;}
.brand-txt-img div {width: 100%;height: 50px;padding-left: 15px;display: table-cell;vertical-align: bottom}
.brand-txt-img img {
float: left;
max-height: 50px;
max-width: 100%;
vertical-align: bottom;
position: absolute;z-index: 3; bottom: 0;left: 15px;
}
.brand-list-desc-txt {
margin-top: -3px;
}
.brand-list-desc-txt p a {
color: #939598;
font-size: 13px;
position: relative;
text-decoration: none;
}
.brand-list-desc-txt p a:hover {text-decoration: underline;}
.brand-list-desc-txt p a:before {
position: absolute;
width: 6px;
height: 5px;
background: url("../images/ico/ico-9.png") no-repeat;
top: 50%;
margin-top: -2px;
right: -10px;
content: '';
}
.brand-list-desc .box-title-1 {padding: 0 15px;margin-bottom: 15px}
.brands-list-wr {
margin-top: 51px;
overflow: hidden;
}
.brand-list-desc img {max-width: 100%;float: left;}
.brands-list, .collection-list ul {
padding-left: 15px;
margin-top: 4px;
padding-right: 15px;
box-sizing: content-box;
overflow: hidden;
}
.collection-list ul {
margin-top: -26px;
padding: 0;
margin-left: -30px;
}
.brands-list li, .collection-list ul li {
float: left;
width: 116px;
list-style: none;
margin-right: 30px;
margin-top: 26px;
}
.collection-list ul li {
margin-right: 0;
margin-left: 30px;
}
.brands-list li:last-child, .collection-list ul li:last-child {margin-right: 0;}
.brands-list li a, .collection-list ul li a {
text-decoration: none;
color: inherit;
}
.brands-list li a p, .collection-list ul li a p {
font-size: 13px;
color: inherit;
width: 100%;
text-transform: uppercase;
text-align: center;
line-height: 16px;
height: 32px;
overflow: hidden;
margin-top: 9px;
}
.brands-list li a div, .collection-list ul li a div {
width: 116px;
height: 116px;
position: relative;
}
.brands-list li a div:before, .collection-list ul li a div:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 5px solid #fff;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.brands-list li a div img, .collection-list ul li a div img {max-width: 100%;}
.brands-list li a:hover, .collection-list ul li a:hover {text-decoration: underline;}
.brands-list li a:hover div:before, .collection-list ul li.active a div:before {
transition: 0.3s;
-webkit-transition: 0.3s;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.collection-list ul li a:hover div {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;}
.brands-list_ {
width: 100%;
float: left;
margin-top: 48px;
}
/**********/
/***products***/
.products-title {
font-size: 24px;
font-weight: 700;
margin-top: -8px;
}
.products-link {margin-top: 30px;}
.products-link a {
position: relative;
width: 100%;
display: block;
float: left;
}
.products-link a img {
width: 100%;
max-width: 100%;
float: left;
}
.products-link a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 5px solid #fff;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.products-link a:hover:after {
transition: 0.3s;
-webkit-transition: 0.3s;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.products-link a:before {
position: absolute;
width: 7px;
height: 12px;
background: url("../images/ico/ico-3.png") no-repeat;
content: '';
bottom: 20px;
right: 15px;
}
.products-list-wr {margin-top: 60px}
.products-list-wr:first-child {margin-top: 0}
/**************/
/***about,contacts,company,service***/
.pic-width img, .service-txt img {width: 100%;max-width: 100%;float: left;}
.service-adress {margin-top: 15px;}
.service-adress ul {
list-style: none;
position: relative;
}
.service-adress ul li {
font-size: 13px;
padding-left: 15px;
}
.service-adress ul:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background: #939598;
}
.title-contacts {
font-size: 24px;
font-weight: 700;
margin-top: 32px;
}
.title-contacts:first-child {
margin-top: 0;
}
/**************/
/***articles***/
.articles-date, .articles-title {float: left;}
.articles-date span {
line-height: 17px;
padding: 0 7px;
color: #fff;
font-size: 11px;
font-weight: 300;
background: #939598;
display: block;
margin-top: 8px;
margin-right: 16px;
float: left;
}
.articles-title a, .articles-title {
font-weight: 700;
font-size: 24px;
text-decoration: none;
color: inherit;
}
.articles-title a:hover {
text-decoration: underline;
}
.articles_data-title {margin-top: 32px;margin-bottom: 15px;}
.new_articles_data-title {margin-top: 51px;margin-bottom: 15px;}
.articles-wr {margin-top: -20px;}
.new_articles-wr {margin-top: -38px;}
.article-img:hover {opacity: 0.9;transition: 0.2s;-webkit-transition: 0.2s;}
.articles-view-wr .articles-date span {margin-top: 0;margin-right: 0;}
.float-left {float: left;}
.float-right {float: right;}
.artile-view-txt {margin-top: 25px;}
.artile-view-txt img {max-width: 100%;}
.artile-view-txt p {padding: 0 15px;float: none;}
.artile-view-txt img {margin-bottom: 10px;}
/**************/
/***gallery page***/
.galery-obj-img {}
.galery-obj-img a {text-decoration: none; float: left;width: 100%;overflow: hidden;}
.galery-obj-img img {max-height: 100px;min-height: 100px;float: left; margin-right: 30px;margin-top: 20px;}
/******gallery********/
.lg-outer .lg-thumb-item:hover {border: 0!important;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item.active:hover {border:2px solid #939598!important;}
.lg-outer .lg-thumb-item {
border: 0 !important;
border-radius: 0!important;
}
/***project***/
.marginbottom-15 {margin-bottom: -15px;}
.galery-obj-img ul li {
list-style: none;
float: left;
}
.project-brands_ {
overflow-x: hidden;
}
/**************/
/***collection***/
.collection-img {text-align: center}
.collection-img img {
width: 100%;
max-width: 360px !important;
vertical-align: bottom;
}
.colect-title {
text-align: center;
font-size: 18px;
font-weight: 700;
margin-top: 37px;
}
.collection-description table {
width: 100%;
float: left;
padding: 0 !important;
border: 0 !important;
border-spacing: 0!important;
margin-top: 3px;
}
.collection-description table tr {
width: 100%;
height: 31px;
}
.collection-description table tr td {
width: 50%;
font-weight: 700;
font-size: 13px;
text-align: left;
padding-left: 10px;
}
.collection-description table tr td:first-child {
font-weight: 400;
text-align: right;
padding-left: 0;
padding-right: 10px;
}
.load_collection {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
}
.load_collection:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 0.8;
z-index: 1;
}
.load_collection div {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: url("../images/25.gif") 50% 50% no-repeat;
}
.to_order {
display: block;
margin: 0 auto;
margin-top: 10px;
width: 174px;
height: 40px;
text-decoration: none;
line-height: 40px;
border: 1px solid #939598;
color: #414143;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.to_order:hover {
background: #939598;
color: #fff;
transition: 0.2s;
-webkit-transition: 0.2s;
}
.collect-tabs {margin-top: 60px;}
.list-tabs {
padding-left: 55px;
width: 100%;
float: left;
position: relative;
}
.list-tabs:before {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #dedfe0;
}
.list-tabs li, .list-tabs li span {
width: 174px;
height: 39px;
}
.list-tabs li {
position: relative;
z-index: 2;
list-style: none;
float: left;
text-decoration: none;
color: inherit;
font-size: 11px;
text-transform: uppercase;
cursor: pointer;
border-left: 1px solid #dedfe0;
border-right: 1px solid #dedfe0;
border-top: 1px solid #dedfe0;
margin-right: 2px;
background: #dedfe0;
}
.list-tabs li span {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.list-tabs li.active-tab {
background: #fff;
}
.tabs-content a {
text-decoration: underline;
color: inherit;
}
.tabs-content a:hover {
text-decoration: none;
}
.t_content_wr {
margin-top: 13px;
}
.tabs-content {
display: none;
}
.tabs-content .certificate {
width: 100% !important;
height: 500px !important;
margin-top: 25px;
}
.certificate-page .certificate {
width: 450px !important;
height: 500px !important;
margin-top: 15px;
}
.tabs-content .gall-1 {
width: 100%;
float: left;
}
.tabs-content .gall-1 li {
list-style: none;
margin-top: 25px;
}
.tabs-content .gall-1 li a {float: left;}
.tabs-content .gall-1 li a img {
}
/**************/
/***all***/
.new_article-img {
width: 35%;
float: left;
margin-right: 15px;
padding-right: 15px;
margin-bottom: 10px;
}
.new_article-img img {
max-width: 100%;
width: 100%;
float: left;
}
/**************/
/***pagination***/
.navi_ {position: relative;margin-top: 30px;padding: 0 63px;}
.pagination {
margin: 0 auto;
display: table;
}
.pagination li {
float: left;
list-style: none;
min-width: 24px;
height: 24px;
text-align: center;
background: #f2f2f3;
border-radius: 4px;
margin: 10px 3px 0 3px;
}
.pagination li.active {
background: #939598;
}
.pagination li a {
font-size: 15px;
color: inherit;
text-decoration: none;
line-height: 24px;
width: 100%;
display: block;
padding: 0 3px;
position: relative;
}
.pagination li.active a {color: #fff}
.pagination li.prev, .pagination li.next {
position: absolute;
top: 0;
background: none;
width: 24px;
height: 24px;
}
.pagination li.prev.disabled, .pagination li.next.disabled {opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.pagination li.prev span, .pagination li.next span {display: block;position: relative;width: 100%;height: 100%;}
.pagination li.prev {
left: 33px;
}
.pagination li.next {
right: 33px;
}
.pagination li.prev span:before, .pagination li.next span:before, .pagination li.prev a:before, .pagination li.next a:before {
width: 100%;
height: 100%;
background: red;
content: '';
position: absolute;
top: 0;
left: 0;
}
.pagination li.prev span:before, .pagination li.prev a:before {
background: #fff url("../images/ico/ico-10.png") 50% 50% no-repeat;
}
.pagination li.next span:before, .pagination li.next a:before {
background: #fff url("../images/ico/ico-11.png") 50% 50% no-repeat;
}
/**************/
.certificate-page {margin-top: -30px;}
.title-certificate-pg {
font-weight: 700;
font-size: 18px;
margin-top: 20px;
}
/***scrollbar***/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 3px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 9px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 1!important;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #f2f2f3;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: #dedfe0;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
}
/*.mCSB_scrollTools .mCSB_buttonUp,*/
/*.mCSB_scrollTools .mCSB_buttonDown,*/
/*.mCSB_scrollTools .mCSB_buttonLeft,*/
/*.mCSB_scrollTools .mCSB_buttonRight{*/
/*background-image: url(mCSB_buttons.png); !* css sprites *!*/
/*background-repeat: no-repeat;*/
/*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/
/*}*/
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/***************/
/********animations********/
/**************************/
/***bootstrap grid***/
.container {
min-width:320px;
}
@media (max-width: 1200px) {
/*[class*="moz-"] {*/
/*height: 62px;*/
/*}*/
/*.moz-1 {height: 124px;}*/
ul.main-menu li a {
padding: 0 11px 0 12px;
}
ul.main-menu li:first-child a {
padding-left: 30px;
}
.brands-list li {margin-right: 21px;}
}
@media (max-width: 992px) {
[class*="moz-"] {
height: 75px;
}
.moz-1 {
height: 152px
}
.hidden-search {
position: fixed;
height: 112px;
margin-top: -112px;
z-index: 99999999;
right: auto;
left: 0;
margin-right: 0;
}
.hidden-search.vis {
transition: 0.5s;
margin-top: 0;
}
.head-container {
overflow: visible;
}
.mob-overlay {display: block;}
.tablet-artweb {
height: 40px;
background: #dedfe0;
padding-top: 8px;
margin-top: 20px;
}
.shadow {box-shadow: none;}
.prefooter .shadow:before {display: none;}
.slider-img a div {padding-right: 30px;}
.margin-top {margin-top: 20px;}
.section-box-content .container.shadow {
padding-bottom: 20px;
}
.cat-list-brands, .cat-list-brands-wr {
height: 155px;
}
.hover .cat-list-brands {
min-height: 155px;
}
.cat-list-brands ul {
height: 119px;
overflow: hidden;
}
.expand_brands {
display: block;
height: 10px;
}
.expand .cat-list-brands, .expand .cat-list-brands ul {
height: auto;
}
.expand .cat-list-brands {
position: absolute;
top: 0;
left: 0;
}
.brands-list li {margin-right: 19px;}
.new_article-img {margin-bottom: 20px}
}
@media (max-width: 991px) {
.link-cat {height: 162px;}
}
@media (max-width: 950px) {
.link-cat {height: 155px;}
.modal-form, #success-form {
width: 610px;
margin-left: -305px;
}
.modal-form form {padding: 0 30px;}
}
@media (max-width: 940px) {
}
@media (max-width: 900px) {
.link-cat {
height: 145px;
}
}
@media (max-width: 896px) {
}
@media (max-width: 880px) {
.link-cat:before {
height: 100%;
}
}
@media (max-width: 850px) {
.link-cat {
height: 136px;
}
}
@media (max-width: 835px) {}
@media (max-width: 810px) {
.list-tabs {padding-left: 30px;}
.list-tabs li, .list-tabs li span {width: 160px;}
}
@media (max-width: 800px) {
.link-cat {
height: 127px;
}
}
@media (max-width: 768px) {
.link-cat {
height: 121px;
}
}
@media (max-width: 767px) {
.moz-2.moz-2-1{
padding-left: 15px !important;
padding-right: 0 !important;
}
.moz-2.moz-2-2{
padding-left: 2px !important;
padding-right: 15px !important;
}
.link-cat {
height: 396px;
}
/*.close-search {*/
/*position: absolute !important;*/
/*top: 0;*/
/*right: 0;*/
/*}*/
.search-form-wr-padding {padding: 0 15px !important;}
/*.close-search img {margin-top: 0;top: 20px;}*/
/*.search-title {*/
/*height: 36px;*/
/*}*/
/*.search-title p {line-height: 53px;}*/
.hidden-search.vis {
transition: 0.5s;
margin-top: 0;
}
.logo_ {
height: auto;
padding-top: 20px;
display: block;
width: 165px;
margin: 0 auto;
}
.lang-mob {
position: absolute !important;
right: 0;
}
.lang-wr-mob {
top: 12px;
left: 0;
width: 100%;
}
.lang-wr a {
right: 15px;
left: auto;
}
.phones-table-wr {
top: 8px;
right: auto;
width: 220px;
left: 50%;
margin-left: -110px;
background: none;
}
.phones-table-wr:after {
left: 10px;
padding: 18px 5px 28px 5px;
}
.calc-menu {text-align: center;}
.calc-menu .question-form {font-size: 11px}
.f-img {
display: block;
height: auto;
}
.mb-im-f-4, .mb-im-f-5, .mb-im-f-5_1 {margin-top: 31px;height: 34px;}
.mb-im-f-3 {margin-top: 15px;}
.prefooter .shadow .row {padding-top: 15px; padding-bottom: 15px;}
[class*="moz-"], [class*="moz-"] a {
height: 75px;
}
.moz-5 a {height: 75px;}
.moz-3, .moz-5 {padding-right: 2px !important;}
.moz-3 {margin-top: 2px;}
.moz-3, .moz-5, .moz-7 {
padding-left: 15px !important;
}
.moz-4, .moz-2, .moz-6 {
padding-right: 15px !important;
}
.moz-6 {padding-left: 0 !important;}
.slider-img a span, .slider-img a p:before {display: none;}
.box-slider {
height: auto;
}
.slider-img {height: 180px;}
.slider-img a div {
width: 100%;
padding-right: 0;
text-align: center;
padding: 0 20px;
bottom: 16px;
}
.slider-img a p {font-size: 28px;line-height: 34px;}
.slider-menu {
position: relative;
top: auto;
left: auto;
height: auto;
float: left;
width: 100%;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
.slider-menu ul {
width: 100%;
height: auto;
float: left;
}
.slider-menu ul:before {display: none}
.slider-menu ul li {
width: 100%;
height: 34px;
}
.slider-menu ul li:before {
width: 100%;
}
.slider-menu ul li a {
position: relative;
top: auto;
left: auto;
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
width: 100%;
}
.margin-top {margin-top: 15px;}
.section-box-content .container.shadow {
padding-bottom: 15px;
}
.brand-link {
padding-top: 20px;
}
.brand-list-desc-txt, {
margin-top: 10px;
}
.brand-list-desc-txt p {margin-top: 4px;}
.brand-main-txt {margin-top: 20px;}
.brand-txt-img {width: 100%;}
/*.products-title {margin-top: 10px}*/
.new_article-img {
width: 100%;
margin-bottom: 10px;
}
.brands-list_ .brand-list-desc img {margin-bottom: 10px;}
.collection-list ul {margin-top: 10px;}
.tabs-content .gall-1 li a {width: 100%;}
.tabs-content .gall-1 li a img {margin: 0 auto;}
.certificate_f span {display: none;}
.certificate_f {padding-left: 0;width: 20px;height: 26px;display: block;float: left;}
.certificate_f:before {
top: 0;
margin-top: 6px;
}
.list-tabs li {margin-top: 2px}
.modal-form, #success-form {
width: 300px;
margin-left: -150px;
}
.modal-form form {padding: 0 15px;}
.modal-form form label {
text-align: left;
width: auto;
padding-right: 0;
font-size: 11px;
line-height: 20px;
height: 20px;
}
.modal-form form input, .modal-form form textarea {
width: 100%;
border: 1px solid #dedfe0;
}
.modal-form form .required label:before {
right: -7px;
line-height: 20px;
height: 20px;
}
.modal-form form .has-error .help-block {display: none;}
.modal-form form .has-error input, .modal-form form .has-error textarea {border: 1px solid #ed1c24;}
.modal-form form input:focus, .modal-form form textarea:focus {
border: 1px solid #a7a7a7;
}
.modal-form form textarea {
height: 50px;
max-height: 50px;
padding-top: 5px;
}
.button-wr {
margin-top: 0;
width: 100%;
}
._more_ {
width: 100%;
height: 18px;
bottom: -28px;
text-align: center;
}
.form-product-wr table tr td {padding-right: 33px;}
.form-product-wr table tr td:first-child {
padding-right: 5px;
text-align: left;
}
}
@media (max-width: 700px) {
.link-cat {
height: 360px;
}
}
@media (max-width: 668px) {
}
@media (max-width: 650px) {
.link-cat {
height: 332px;
}
}
@media (max-width: 600px) {
.link-cat {
height: 304px;
}
}
@media (max-width: 550px) {
.link-cat {
height: 277px;
}
}
@media (max-width: 560px) {
}
@media (max-width: 525px) {
.box-mosaic a p {
padding-top: 30px;
}
.box-mosaic a p:before {bottom: 32px;right: 9px;}
.certificate-page .certificate {width: 100% !important;}
}
@media (max-width: 500px) {
.link-cat {
height: 249px;
}
}
@media (max-width: 480px) {
.link-cat {
height: 238px;
}
}
@media (max-width: 460px) { }
@media (max-width: 450px) {
.link-cat {
height: 222px;
}
#close-form {
top: -58px;
right: 0;}
}
@media (max-width: 400px) {
.link-cat {
height: 194px;
}
.box-mosaic a p {
padding-right: 23px;
padding-top: 16px;
}
.box-mosaic a p:before {bottom: 46px;}
.tabs-content .certificate {height: 300px !important;}
}
@media (max-width: 350px) {
.link-cat {
height: 166px;
}
.box-mosaic a p {
padding-right: 23px;
padding-top: 16px;
}
.box-mosaic a p:before {bottom: 46px;right: 16px;}
}
@media (max-width: 336px) {
.link-cat {
height: 160px;
}
}
@media (max-width: 330px) {
.box-mosaic a p {
padding-right: 22px;
}
.box-mosaic a p:before {right: 9px}
}
*
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
:before,:after
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.img-responsive
{
display:block;
max-width:100%;
height:auto
}
.img-rounded
{
border-radius:6px
}
.img-thumbnail
{
padding:4px;
line-height:1.42857143;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
display:inline-block;
max-width:100%;
height:auto
}
.img-circle
{
border-radius:50%
}
.container
{
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px;
}
@media (min-width: 768px) {
.container
{
width:100%
}
}
@media (min-width: 992px) {
.container
{
width:970px
}
}
@media (min-width: 1200px) {
.container
{
width:1170px
}
}
.container-fluid
{
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
.row
{
margin-left:-15px;
margin-right:-15px
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12
{
float:left
}
.col-xs-12
{
width:100%
}
.col-xs-11
{
width:91.66666667%
}
.col-xs-10
{
width:83.33333333%
}
.col-xs-9
{
width:75%
}
.col-xs-8
{
width:66.66666667%
}
.col-xs-7
{
width:58.33333333%
}
.col-xs-6
{
width:50%
}
.col-xs-5
{
width:41.66666667%
}
.col-xs-4
{
width:33.33333333%
}
.col-xs-3
{
width:25%
}
.col-xs-2
{
width:16.66666667%
}
.col-xs-1
{
width:8.33333333%
}
.col-xs-pull-12
{
right:100%
}
.col-xs-pull-11
{
right:91.66666667%
}
.col-xs-pull-10
{
right:83.33333333%
}
.col-xs-pull-9
{
right:75%
}
.col-xs-pull-8
{
right:66.66666667%
}
.col-xs-pull-7
{
right:58.33333333%
}
.col-xs-pull-6
{
right:50%
}
.col-xs-pull-5
{
right:41.66666667%
}
.col-xs-pull-4
{
right:33.33333333%
}
.col-xs-pull-3
{
right:25%
}
.col-xs-pull-2
{
right:16.66666667%
}
.col-xs-pull-1
{
right:8.33333333%
}
.col-xs-pull-0
{
right:auto
}
.col-xs-push-12
{
left:100%
}
.col-xs-push-11
{
left:91.66666667%
}
.col-xs-push-10
{
left:83.33333333%
}
.col-xs-push-9
{
left:75%
}
.col-xs-push-8
{
left:66.66666667%
}
.col-xs-push-7
{
left:58.33333333%
}
.col-xs-push-6
{
left:50%
}
.col-xs-push-5
{
left:41.66666667%
}
.col-xs-push-4
{
left:33.33333333%
}
.col-xs-push-3
{
left:25%
}
.col-xs-push-2
{
left:16.66666667%
}
.col-xs-push-1
{
left:8.33333333%
}
.col-xs-push-0
{
left:auto
}
.col-xs-offset-12
{
margin-left:100%
}
.col-xs-offset-11
{
margin-left:91.66666667%
}
.col-xs-offset-10
{
margin-left:83.33333333%
}
.col-xs-offset-9
{
margin-left:75%
}
.col-xs-offset-8
{
margin-left:66.66666667%
}
.col-xs-offset-7
{
margin-left:58.33333333%
}
.col-xs-offset-6
{
margin-left:50%
}
.col-xs-offset-5
{
margin-left:41.66666667%
}
.col-xs-offset-4
{
margin-left:33.33333333%
}
.col-xs-offset-3
{
margin-left:25%
}
.col-xs-offset-2
{
margin-left:16.66666667%
}
.col-xs-offset-1
{
margin-left:8.33333333%
}
.col-xs-offset-0
{
margin-left:0
}
@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{
float:left
}
.col-sm-12
{
width:100%
}
.col-sm-11
{
width:91.66666667%
}
.col-sm-10
{
width:83.33333333%
}
.col-sm-9
{
width:75%
}
.col-sm-8
{
width:66.66666667%
}
.col-sm-7
{
width:58.33333333%
}
.col-sm-6
{
width:50%
}
.col-sm-5
{
width:41.66666667%
}
.col-sm-4
{
width:33.33333333%
}
.col-sm-3
{
width:25%
}
.col-sm-2
{
width:16.66666667%
}
.col-sm-1
{
width:8.33333333%
}
.col-sm-pull-12
{
right:100%
}
.col-sm-pull-11
{
right:91.66666667%
}
.col-sm-pull-10
{
right:83.33333333%
}
.col-sm-pull-9
{
right:75%
}
.col-sm-pull-8
{
right:66.66666667%
}
.col-sm-pull-7
{
right:58.33333333%
}
.col-sm-pull-6
{
right:50%
}
.col-sm-pull-5
{
right:41.66666667%
}
.col-sm-pull-4
{
right:33.33333333%
}
.col-sm-pull-3
{
right:25%
}
.col-sm-pull-2
{
right:16.66666667%
}
.col-sm-pull-1
{
right:8.33333333%
}
.col-sm-pull-0
{
right:auto
}
.col-sm-push-12
{
left:100%
}
.col-sm-push-11
{
left:91.66666667%
}
.col-sm-push-10
{
left:83.33333333%
}
.col-sm-push-9
{
left:75%
}
.col-sm-push-8
{
left:66.66666667%
}
.col-sm-push-7
{
left:58.33333333%
}
.col-sm-push-6
{
left:50%
}
.col-sm-push-5
{
left:41.66666667%
}
.col-sm-push-4
{
left:33.33333333%
}
.col-sm-push-3
{
left:25%
}
.col-sm-push-2
{
left:16.66666667%
}
.col-sm-push-1
{
left:8.33333333%
}
.col-sm-push-0
{
left:auto
}
.col-sm-offset-12
{
margin-left:100%
}
.col-sm-offset-11
{
margin-left:91.66666667%
}
.col-sm-offset-10
{
margin-left:83.33333333%
}
.col-sm-offset-9
{
margin-left:75%
}
.col-sm-offset-8
{
margin-left:66.66666667%
}
.col-sm-offset-7
{
margin-left:58.33333333%
}
.col-sm-offset-6
{
margin-left:50%
}
.col-sm-offset-5
{
margin-left:41.66666667%
}
.col-sm-offset-4
{
margin-left:33.33333333%
}
.col-sm-offset-3
{
margin-left:25%
}
.col-sm-offset-2
{
margin-left:16.66666667%
}
.col-sm-offset-1
{
margin-left:8.33333333%
}
.col-sm-offset-0
{
margin-left:0
}
}
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12
{
float:left
}
.col-md-12
{
width:100%
}
.col-md-11
{
width:91.66666667%
}
.col-md-10
{
width:83.33333333%
}
.col-md-9
{
width:75%
}
.col-md-8
{
width:66.66666667%
}
.col-md-7
{
width:58.33333333%
}
.col-md-6
{
width:50%
}
.col-md-5
{
width:41.66666667%
}
.col-md-4
{
width:33.33333333%
}
.col-md-3
{
width:25%
}
.col-md-2
{
width:16.66666667%
}
.col-md-1
{
width:8.33333333%
}
.col-md-pull-12
{
right:100%
}
.col-md-pull-11
{
right:91.66666667%
}
.col-md-pull-10
{
right:83.33333333%
}
.col-md-pull-9
{
right:75%
}
.col-md-pull-8
{
right:66.66666667%
}
.col-md-pull-7
{
right:58.33333333%
}
.col-md-pull-6
{
right:50%
}
.col-md-pull-5
{
right:41.66666667%
}
.col-md-pull-4
{
right:33.33333333%
}
.col-md-pull-3
{
right:25%
}
.col-md-pull-2
{
right:16.66666667%
}
.col-md-pull-1
{
right:8.33333333%
}
.col-md-pull-0
{
right:auto
}
.col-md-push-12
{
left:100%
}
.col-md-push-11
{
left:91.66666667%
}
.col-md-push-10
{
left:83.33333333%
}
.col-md-push-9
{
left:75%
}
.col-md-push-8
{
left:66.66666667%
}
.col-md-push-7
{
left:58.33333333%
}
.col-md-push-6
{
left:50%
}
.col-md-push-5
{
left:41.66666667%
}
.col-md-push-4
{
left:33.33333333%
}
.col-md-push-3
{
left:25%
}
.col-md-push-2
{
left:16.66666667%
}
.col-md-push-1
{
left:8.33333333%
}
.col-md-push-0
{
left:auto
}
.col-md-offset-12
{
margin-left:100%
}
.col-md-offset-11
{
margin-left:91.66666667%
}
.col-md-offset-10
{
margin-left:83.33333333%
}
.col-md-offset-9
{
margin-left:75%
}
.col-md-offset-8
{
margin-left:66.66666667%
}
.col-md-offset-7
{
margin-left:58.33333333%
}
.col-md-offset-6
{
margin-left:50%
}
.col-md-offset-5
{
margin-left:41.66666667%
}
.col-md-offset-4
{
margin-left:33.33333333%
}
.col-md-offset-3
{
margin-left:25%
}
.col-md-offset-2
{
margin-left:16.66666667%
}
.col-md-offset-1
{
margin-left:8.33333333%
}
.col-md-offset-0
{
margin-left:0
}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12
{
float:left
}
.col-lg-12
{
width:100%
}
.col-lg-11
{
width:91.66666667%
}
.col-lg-10
{
width:83.33333333%
}
.col-lg-9
{
width:75%
}
.col-lg-8
{
width:66.66666667%
}
.col-lg-7
{
width:58.33333333%
}
.col-lg-6
{
width:50%
}
.col-lg-5
{
width:41.66666667%
}
.col-lg-4
{
width:33.33333333%
}
.col-lg-3
{
width:25%
}
.col-lg-2
{
width:16.66666667%
}
.col-lg-1
{
width:8.33333333%
}
.col-lg-pull-12
{
right:100%
}
.col-lg-pull-11
{
right:91.66666667%
}
.col-lg-pull-10
{
right:83.33333333%
}
.col-lg-pull-9
{
right:75%
}
.col-lg-pull-8
{
right:66.66666667%
}
.col-lg-pull-7
{
right:58.33333333%
}
.col-lg-pull-6
{
right:50%
}
.col-lg-pull-5
{
right:41.66666667%
}
.col-lg-pull-4
{
right:33.33333333%
}
.col-lg-pull-3
{
right:25%
}
.col-lg-pull-2
{
right:16.66666667%
}
.col-lg-pull-1
{
right:8.33333333%
}
.col-lg-pull-0
{
right:auto
}
.col-lg-push-12
{
left:100%
}
.col-lg-push-11
{
left:91.66666667%
}
.col-lg-push-10
{
left:83.33333333%
}
.col-lg-push-9
{
left:75%
}
.col-lg-push-8
{
left:66.66666667%
}
.col-lg-push-7
{
left:58.33333333%
}
.col-lg-push-6
{
left:50%
}
.col-lg-push-5
{
left:41.66666667%
}
.col-lg-push-4
{
left:33.33333333%
}
.col-lg-push-3
{
left:25%
}
.col-lg-push-2
{
left:16.66666667%
}
.col-lg-push-1
{
left:8.33333333%
}
.col-lg-push-0
{
left:auto
}
.col-lg-offset-12
{
margin-left:100%
}
.col-lg-offset-11
{
margin-left:91.66666667%
}
.col-lg-offset-10
{
margin-left:83.33333333%
}
.col-lg-offset-9
{
margin-left:75%
}
.col-lg-offset-8
{
margin-left:66.66666667%
}
.col-lg-offset-7
{
margin-left:58.33333333%
}
.col-lg-offset-6
{
margin-left:50%
}
.col-lg-offset-5
{
margin-left:41.66666667%
}
.col-lg-offset-4
{
margin-left:33.33333333%
}
.col-lg-offset-3
{
margin-left:25%
}
.col-lg-offset-2
{
margin-left:16.66666667%
}
.col-lg-offset-1
{
margin-left:8.33333333%
}
.col-lg-offset-0
{
margin-left:0
}
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after
{
content:" ";
display:table
}
.clearfix:after,.container:after,.container-fluid:after,.row:after
{
clear:both
}
.center-block
{
display:block;
margin-left:auto;
margin-right:auto
}
.pull-right
{
float:right!important
}
.pull-left
{
float:left!important
}
.hide
{
display:none!important
}
.show
{
display:block!important
}
.invisible
{
visibility:hidden
}
.text-hide
{
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.hidden
{
display:none!important
}
.affix
{
position:fixed
}
.visible-xs,.visible-sm,.visible-md,.visible-lg
{
display:none!important
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block
{
display:none!important
}
@media (max-width: 767px) {
.visible-xs
{
display:block!important
}
table.visible-xs
{
display:table!important
}
tr.visible-xs
{
display:table-row!important
}
th.visible-xs,td.visible-xs
{
display:table-cell!important
}
.visible-xs-block
{
display:block!important
}
.visible-xs-inline
{
display:inline!important
}
.visible-xs-inline-block
{
display:inline-block!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm, .visible_all
{
display:block!important
}
table.visible-sm
{
display:table!important
}
tr.visible-sm
{
display:table-row!important
}
th.visible-sm,td.visible-sm
{
display:table-cell!important
}
.visible-sm-block
{
display:block!important
}
.visible-sm-inline
{
display:inline!important
}
.visible-sm-inline-block
{
display:inline-block!important
}
}
@media (min-width: 940px) {
.visible_940
{
display:block!important
}
}
@media (max-width: 939px) {
.visible-mobile, .mob-overlay
{
display:block!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md, .visible_all
{
display:block!important
}
table.visible-md
{
display:table!important
}
tr.visible-md
{
display:table-row!important
}
th.visible-md,td.visible-md
{
display:table-cell!important
}
.visible-md-block
{
display:block!important
}
.visible-md-inline
{
display:inline!important
}
.visible-md-inline-block
{
display:inline-block!important
}
}
@media (min-width: 1200px) {
.visible-lg, .visible_all
{
display:block!important
}
table.visible-lg
{
display:table!important
}
tr.visible-lg
{
display:table-row!important
}
th.visible-lg,td.visible-lg
{
display:table-cell!important
}
}
@media (min-width: 1200px) {
.visible-lg-block
{
display:block!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline
{
display:inline!important
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block
{
display:inline-block!important
}
}
@media (max-width: 767px) {
.hidden-xs
{
display:none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm
{
display:none!important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md
{
display:none!important
}
}
@media (min-width: 1200px) {
.hidden-lg
{
display:none!important
}
}
.visible-print
{
display:none!important
}
@media print {
.visible-print
{
display:block!important
}
table.visible-print
{
display:table!important
}
tr.visible-print
{
display:table-row!important
}
th.visible-print,td.visible-print
{
display:table-cell!important
}
}
.visible-print-block
{
display:none!important
}
@media print {
.visible-print-block
{
display:block!important
}
}
.visible-print-inline
{
display:none!important
}
@media print {
.visible-print-inline
{
display:inline!important
}
}
.visible-print-inline-block
{
display:none!important
}
@media print {
.visible-print-inline-block
{
display:inline-block!important
}
}
@media print {
.hidden-print
{
display:none!important
}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
width: 20%;
}
/* lightgallery.css */
@font-face {
font-family: 'lg';
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("../images/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.new_articles_data-title {margin-top:23px;}
.new_articles-wr .row:first-child .new_articles_data-title {margin-top:51px;}