body {
    font-size:14px;
    /*color: #666;*/
    color:#000;
    position: relative;
    min-width: 320px;
    /*background-color:#FFFCC8;*/
}

#w {
    /*background-color:#FFFCC8;*/
    background-color:#fff;
    max-width:1200px;
    margin:auto;
    position: relative;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    overflow:hidden;
}

.camera-wrapper {
    height:650px;
    position: relative;
    width:100%;
}
header .camera-wrapper {
    height:450px;
}
footer .camera-wrapper {
    /* height:350px; */
    height:240px;
}

.camera-overlay {
    display: block;
    left: 50%;
    margin-left: -32%;
    position: absolute;
    top: 100px;
    max-width: 65%;
    width: 100%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    padding: 35px;
}

footer .camera-overlay {
    top: 40px;
}

.camera-default-text {
    color: #fff;
    font-size:2rem;
}
.camera-default-text .small {
    font-size:0.78rem;
}
.camera-default-text .align-right {
    text-align:right;
}
.camera-default-text .align-center {
    text-align:center;
}
.camera-default-text .font1 {
    /*font-family: 'Bad Script', cursive;*/
    font-style: italic;
    font-family: "Times New Roman";
}

header {
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
header.top-camera-on {
    min-height:585px;
    background: url(/images/design/slides/header-slide3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main-header.fixed-nav #main-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 1198px;
    left: 50%;
    margin-left: -599px;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29b8e5+1,3fcdbf+100&1+0,0.95+100 */
    /*background: -moz-linear-gradient(top, rgba(41,184,229,1) 0%, rgba(41,184,229,1) 1%, rgba(63,205,191,0.95) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(41,184,229,1) 0%,rgba(41,184,229,1) 1%,rgba(63,205,191,0.95) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(41,184,229,1) 0%,rgba(41,184,229,1) 1%,rgba(63,205,191,0.95) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b8e5', endColorstr='#f23fcdbf',GradientType=0 );*/ /* IE6-9 */
}

#main-header.fixed-nav .header-top-shadow {
    background: transparent;
}
#main-header.fixed-nav {
    padding-top: 80px;
}

footer .col-left.half {
    width:65%;
    display:inline-block;
    vertical-align:top;
}
footer .col-right.half {
    width:calc(35% - 5px);
    display:inline-block;
    vertical-align:top;
}
footer {
    background: url(/images/design/footer-bg1.jpg) no-repeat right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top:30px;
}

footer .bottom {
    margin-top: 25px;
}
/*
footer h3 {
    color:#232323;
}*/

.header-top-shadow {
    height:80px;
    background-color: #fff;
 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111c3d+0,303030+100&0.7+0,0.55+50,0+100 */
    /*background: -moz-linear-gradient(top, rgba(17,28,61,0.7) 0%, rgba(33,38,55,0.55) 50%, rgba(48,48,48,0) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(17,28,61,0.7) 0%,rgba(33,38,55,0.55) 50%,rgba(48,48,48,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(17,28,61,0.7) 0%,rgba(33,38,55,0.55) 50%,rgba(48,48,48,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3111c3d', endColorstr='#00303030',GradientType=0 );*/ /* IE6-9 */
}
header.top-camera-on .header-top-shadow {
     /*http://colorzilla.com/gradient-editor/#2d2d2d+0,303030+100&1+0,0.65+50,0+100*/
}

.header-bottom-shadow {
    height:80px;
}

header.top-camera-on .header-bottom-shadow {
    /* http://colorzilla.com/gradient-editor/#303030+0,2d2d2d+100&0+0,0.65+50,1+100*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303030+0,111c3d+100&0+0,0.55+50,0.7+100 */
    background: -moz-linear-gradient(top, rgba(48,48,48,0) 0%, rgba(33,38,55,0.55) 50%, rgba(17,28,61,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(48,48,48,0) 0%,rgba(33,38,55,0.55) 50%,rgba(17,28,61,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(48,48,48,0) 0%,rgba(33,38,55,0.55) 50%,rgba(17,28,61,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00303030', endColorstr='#b3111c3d',GradientType=0 ); /* IE6-9 */

}

.request-quote-form li {
    padding:2px 2px;
}
.request-quote-form ul,
.footer-socials ul,
.footer-contacts ul {
    padding:0;
    margin:0;
}
.request-quote-form .full-width {
    width:100%;
}
.request-quote-form input,
.request-quote-form textarea {
    width:100%;
}
.request-quote-form li {
    position: relative;
}
.request-quote-form li.required::before { 
    content: "*";
    color: red;
    position: absolute;
    top: 3px;
    left: 6px;
}
.request-quote-form .half-width {
    width:calc(50% - 7px);
    display:inline-block;
    vertical-align:top;
}
.request-quote-form .half-width.margin {
    margin-right:10px;
}

.contacts-title {
    /*padding-top:30px; */
}
#CDSWIDCOE {
    margin: 0 10px 10px 0px !important;
}

.page_request_order textarea {
    min-height: 2.6rem;
}

footer hr {
    border-top: 2px solid #fff;
}

.btn {
    background-color: #3fcdbf;
    border: 1px solid #fff;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1rem;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.btn:hover {
    background-color:#29B8E5;
    color:white;
}
.request-quote-form .btn-form-submit {
    width:100%;
    margin: 4px 0px;
}
.language-selector {
    float:right;
    margin:27px 0 0 20px;
}
.language-selector .btn {
    padding:2px 4px;
    font-size:0.7rem;
    /*background-color:transparent;*/
    text-transform:uppercase;
}
.language-selector .btn:focus {
    color: white;
}
.language-selector .btn:hover,
.language-selector .btn.active {
    background-color:#29B8E5;
    color:white;
}

.btn-back {
    margin:0;
    padding: 3px 14px;
    font-size:0.85rem;
}
.btn-back > i {
    font-size:0.75rem;
}

a {
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
    color: #0193E6;
}
h1 {
    font-size: 2em;
}
ul, ol {
    list-style-type:none;
}
p {
    margin: 0 0 1rem;
}

.footer-socials {
    margin:20px auto 20px;
}
.header-socials {
    float:right;
    margin-top:5px;
}
.header-socials .socials {
    padding:0;
}

.socials {
    display:block;
    list-style-type:none;
}
.socials > li {
    display:inline-block;
    vertical-align:top;
    margin-right:7px;
}
.socials a {
    display:block;
    /*width: 40px;
    height: 40px;*/
    width: 60px;
    height: 60px;
}
.socials .icon {
    -webkit-transition: .2s ease-in-out;
    background: url(/images/design/sprites-2019-08.png) no-repeat top left;
}
.socials .fb {
    background-position: 0 -160px;
}
.socials .tw {
    background-position: -40px 0px;
}
.socials .vk {
    background-position: -60px -160px;
}
.socials .ig {
    background-position: -120px -160px;
}
.socials .yt {
    background-position: -160px 0;
}
.socials .wa {
    background-position: -200px 0;
}
.socials .vb {
    background-position: -240px 0;
}
.socials .icon:hover {
    -ms-transform: scale(1.07, 1.07); /* IE 9 */
    -webkit-transform: scale(1.07, 1.07); /* Safari */
    transform: scale(1.07, 1.07);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .socials .icon {
        background: url(/images/design/sprites-2019-08.png) no-repeat top left;
        background-size: 0px 0px;
        background-size: 200px;
    }
    .socials .fb {
        background-position: 0 -20px;
    }
    .socials .vk {
        background-position: -60px -20px;
    }
    .socials .ig {
        background-position: -120px -20px;
    }
}
.call-buttons {
	position:fixed;
	left: 15px; 
	bottom: 10px;
	z-index:20;
}
.call-buttons > a {
border: 2px solid #fff;
	background-color: rgba(0,0,0,0.1);
	border-radius: 30px;
	padding: 10px;
	display:block;
	width: 60px;
	height:60px;
	margin:5px;
	text-align:center;
}
.call-buttons > a {
	-webkit-transition: all 0.12s ease-in-out;
	-moz-transition: all 0.12s ease-in-out;
	-o-transition: all 0.12s ease-in-out;
	transition: all 0.12s ease-in-out;
}
.call-buttons .vb > i {
	color: #6F3FAA;
	font-size:2.4rem;
	margin:auto;
}
.call-buttons .wa > i {
	margin:auto;
	color:#60BA1F;
	font-size:2.4rem;
}
.call-buttons > a:hover {
	background-color: rgba(0,0,0,0.025);
}
.ending {
	padding-bottom: 40px;
}

.viber {
    font-size:0.80rem;
    font-weight:bold;
    text-transform:uppercase;
    color: #a261d5;
}
.whatsapp {
    font-size:0.80rem;
    font-weight:bold;
    text-transform:uppercase;
    color: #25d366;
}
.top-contacts-wrapper {
    margin-top:17px;
    text-align:right;
    float:right;
    /* color:#fff; */
    color: #000;
}
.top-contacts-wrapper b {
    font-size: 1.0rem;
}

.main-menu {
    margin-left:10px;
    margin-top:20px;
    /*font-size:1.1rem;*/
    font-size:1.0rem;
    float:left;
}
#logo {
    color: #fff;
    font-size:2rem;
    float:left;
    margin-top:12px;
}
#logo > a {
    color:#fff;
}

#logo img {
    /*height: 70px;*/
    height: 60px;
    /*box-shadow: 3px 3px 10px rgba(58, 83, 124,0.8);*/
}

.dlayout h1,
.dlayout h2,
.dlayout h3 {
    border-bottom: 1px solid #3fcdbf;
}

.list-general {
    padding:0;
    margin:0;
    text-align:center;
margin:auto;
}

.list-general > li {
    text-align:left;
    position:relative;
    display: inline-block;
    vertical-align: top;
    float: none;
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

.list-general .block-wi {
    position: relative;
    overflow: hidden;
    color: #202427;
    display:inline-block;
}

.list-general .block {
    display: inline-block;
    max-width: 325px;
    margin-top: 40px;
}

.list-general .bottom {
    position: absolute;
    z-index: 1;
    bottom: 0;
    /*bottom: 2px;*/
    left: 0;
    right: 0;
    margin: auto;
    font-size: 17px;
    padding: 45px 10px 10px 10px;
    color: #fff;
    line-height: 17px;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(35,50,70,1.0));
    /*width: calc(100% - 4px);*/
}

.list-general .desc {
    display:inline-block;
    text-align:justify;
}

.list-general .main-img {
    display: block;
    width: 325px;
    height: 220px;
    padding: 1px;
    border: 1px solid #D2D1CC;
}
.list-general .btn {
    font-size:0.65rem;
    padding: 5px 10px;
    background:transparent;
    text-transform:uppercase;
}
.list-general .media-right {
    float:right;
}
.list-general .price-wrapper {
    margin-top:5px;
}
.list-general .price,
.list-general .currency-special {
    font-size:1.5rem;
}
.list-general .price-special,
.list-general .currency-special {
    color: #e00000;
    /* color: #29B8E5; */
}
.list-general .price-old {
    text-decoration: line-through;
    font-size:1rem;
    font-weight:normal;
}

.hover-sepia .block-wi img {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-filter: sepia(0);
    filter: sepia(0);
}
.hover-sepia .block-wi:hover img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.hover-rotate .block-wi img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
.hover-rotate .block-wi:hover img {
    -webkit-transform: rotate(2deg) scale(1.1);
    transform: rotate(2deg) scale(1.1);
}




.st-list {
    list-style-type:disc;
}
.gallery {
    margin:30px 40px;
}
.gallery-list {
    padding:0;
    margin:0;
}
.gallery-list > li {
    display:inline-block;
    vertical-align:top;
    margin: 20px 20px 0 0;
}
.gallery-list a { 
    display:block;
    /*width: 229px;*/
    min-width:80px;
    height: 154px;
    padding:1px;
    border:1px solid #D2D1CC;
    /*background:#FFFCC8;*/
    background:#fff;
    text-align:center;
}
.gallery-list img {
    margin:auto;
    max-width:225px;
    height:150px;
}

.gallery-video .gallery-list img {
    width:225px;
}


/*Error messages */
.error.message-block { background: url("../images/design/message-icon-2.png") no-repeat 20px center #eb4549; }
.notification.message-block { background: url("../images/design/message-icon-3.png") no-repeat 20px center #ffa200; }
.success.message-block { background: url("../images/design/message-icon-4.png") no-repeat 20px center #8dc63f; }
.note.message-block { background: url("../images/design/message-icon-5.png") no-repeat 20px center #00b7c4; }

.error.message-block p, .notification.message-block p, .success.message-block p, .note.message-block p { margin-left: 80px}
#msg-box {
    position:fixed;
    z-index: 10001;
    width:70%;
    top:7%;
    left: 50%;  
    padding:5px 1px 5px 1px;
    /*margin-left: -250%;*/
    transform: translate(-50%, -50%);
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    
}
.message-container { margin-bottom: 20px; }
.message-block {
    background-color: #ebeae9;
    margin: 10px auto;
    padding: 1%;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
}
.message-block .button {
    background-color: #2c3e50;
    margin-bottom: 20px;
}
.message-block p {
    font-size: 1em;
    margin: 10px 12px;
}
/*error messages end */



/* general PAGE */

.general-sec-images .main-image {
    width: 47%;
    display:inline-block;
    vertical-align:top;
    margin-top:25px;
}
.general-sec-images .main-image img {
    display:block;
    width: 100%;
    vertical-align: top;
}

.general-sec-images .gallery-wrapper {
    width: 52%;
    display:inline-block;
    vertical-align:top;
}
.general-sec-images .gallery {
    margin: 15px 20px;
}

.general-sec-images .main-image > a {
    display: block;
    min-width: 80px;
    padding: 1px;
    border: 1px solid #D2D1CC;
    background: #fff;
    text-align: center;
}

.general-sec-images .gallery-list img {
    margin:auto;
    max-width:125px;
    height:80px;
}

.general-sec-images .gallery-video .gallery-list img {
    width:125px;
}
.general-sec-images .gallery-list a {
    height:84px;
    min-width:56px;
}
.general-sec-images .gallery-list li {
    margin: 10px 5px 0 0;
}

.general-sec-description {
    margin-top:35px;
}

.general-sec-price {
    text-align:right;
    font-size:2rem;
    color:#3fcdbf;
}
.general-sec-price .inner-price-wrapper {
    display:inline-block;
    vertical-align:top;
    padding-right:5px;
}

.general-sec-price .t_price {
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
}

.general-sec-price .price {
}
.general-sec-price .price-special {
    color:red;
    /*color: #29B8E5;*/
 }
.general-sec-price .price-old {
    text-decoration: line-through;
    font-size:1.5rem;
    line-height:1.2rem;
}
.general-sec-price .price-old > strong {
    font-weight:normal;
}

.general-sec-order {
    margin: 25px 0;
    text-align:center;
}


.list-top-categories {
    padding:0;
    width:100%;
    text-align:center;
}
.list-top-categories li {
    margin:auto;
    padding: 30px 15px;
    display:inline-block;
    vertical-align:top;
    width:33%;
    text-align:center;
}
.list-top-categories > li > a {
    display:inline-block;
}
.list-top-categories h4 {
    text-align:center;
}
.list-top-categories .block {
    margin-top:15px;
}

.form-notice {
    font-size:10px;
}
.mt20 {
    margin-top:20px;
}
.mt10 {
    margin-top:10px;
}
.list-review {
    padding:0;
    margin:20px 0;
}
.list-review > li {
    padding: 10px 0;
}
.list-review .gallery {
    margin: 0px 40px 30px 40px;
}
.list-review .dts {
    color:#8c9399;
    text-align:right;
    width:100%;
    font-size:10px;
}
.list-review .desc {
    text-align:justify;
}

#order-form .atk-cells-group {
    display: block;
}
form .mandatory::after {
    content: "*";
    color:red;
}

.weather-widget {
    color:#fff;
    width: 240px; 
    height:40px; 
    float:left;
    margin-top:15px;
}
.weather-widget .ww-temp-wrap {
    display:inline-block;
    vertical-align:middle;
    width: 55px;
    margin-left:4px;
    text-align:center;
}
.weather-widget .ww-location {
    display:inline-block;
    vertical-align:middle;
    width: 140px;
    line-height:1.3rem;
    font-size:1.5rem;
    text-align:center;
}
.weather-widget .ww-currently {
    display:inline-block;
    vertical-align:top;
    width: 40px;
}
.weather-widget .ww-wind {
    display:inline-block;
    vertical-align:top;
    width: 40px;
}
.weather-widget .ww-time {
    font-size:1rem;
}
.weather-widget .ww-temp {
    font-size:1rem;
}

@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

i.ww-i {
    display:inline-block;
    vertical-align:middle;
    color: #fff;
    font-family: weather;
    font-size: 3rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    text-transform: none;
}

.ww-icon-0:before { content: ":"; }
.ww-icon-1:before { content: "p"; }
.ww-icon-2:before { content: "S"; }
.ww-icon-3:before { content: "Q"; }
.ww-icon-4:before { content: "S"; }
.ww-icon-5:before { content: "W"; }
.ww-icon-6:before { content: "W"; }
.ww-icon-7:before { content: "W"; }
.ww-icon-8:before { content: "W"; }
.ww-icon-9:before { content: "I"; }
.ww-icon-10:before { content: "W"; }
.ww-icon-11:before { content: "I"; }
.ww-icon-12:before { content: "I"; }
.ww-icon-13:before { content: "I"; }
.ww-icon-14:before { content: "I"; }
.ww-icon-15:before { content: "W"; }
.ww-icon-16:before { content: "I"; }
.ww-icon-17:before { content: "W"; }
.ww-icon-18:before { content: "U"; }
.ww-icon-19:before { content: "Z"; }
.ww-icon-20:before { content: "Z"; }
.ww-icon-21:before { content: "Z"; }
.ww-icon-22:before { content: "Z"; }
.ww-icon-23:before { content: "Z"; }
.ww-icon-24:before { content: "E"; }
.ww-icon-25:before { content: "E"; }
.ww-icon-26:before { content: "3"; }
.ww-icon-27:before { content: "a"; }
.ww-icon-28:before { content: "A"; }
.ww-icon-29:before { content: "a"; }
.ww-icon-30:before { content: "A"; }
.ww-icon-31:before { content: "6"; }
.ww-icon-32:before { content: "1"; }
.ww-icon-33:before { content: "6"; }
.ww-icon-34:before { content: "1"; }
.ww-icon-35:before { content: "W"; }
.ww-icon-36:before { content: "1"; }
.ww-icon-37:before { content: "S"; }
.ww-icon-38:before { content: "S"; }
.ww-icon-39:before { content: "S"; }
.ww-icon-40:before { content: "M"; }
.ww-icon-41:before { content: "W"; }
.ww-icon-42:before { content: "I"; }
.ww-icon-43:before { content: "W"; }
.ww-icon-44:before { content: "a"; }
.ww-icon-45:before { content: "S"; }
.ww-icon-46:before { content: "U"; }
.ww-icon-47:before { content: "S"; }


.st_table {
    border-collapse: collapse;
    margin-bottom:20px;
}
.st_table, .st_table th, .st_table td {
    border:1px solid #d7d7d7;
}

.st_table td {
    padding:15px 20px;
}

.st_table tr:nth-child(odd) {
    background-color: rgba(63, 205, 191, 0.3);
}

.atk-swatch-ink {
    background: none !important;
    /* color: #fff !important; */
    color: #000 !important;
}

.atk-menu a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.atk-swatch-ink:hover, 
a.atk-swatch-ink.active, 
.atk-swatch-ink[class*="atk-button"]:hover {
    background: none !important;
    color: #0193E6 !important;
}

a.atk-swatch-ink.active > strong {
    border-bottom:2px solid #3fcdbf;
}

.atk-padding-small[class*="atk-padding"]:not([class*="atk-section"]) {
    padding: 0.85rem 0.4rem;
}

#icon-menu-narrow {
    display:none;
    position:relative;
    /*color: #fff; */
    float:right;
    font-size:2rem;
    margin-top:17px;
    margin-left:10px;
    cursor:pointer;
    z-index:1999;
    color:#29B8E5;
}
.icon.icon-menu {
    z-index:1999;
}
#menu-narrow {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    background-color: rgba(1,1,1,0.9);
}

#menu-narrow.open {
    width:280px;
}
body.sidebar-open #icon-menu-narrow {
    color: #fff;
}
#menu-narrow ul.atk-menu {
    width:100%;
}
#menu-narrow .atk-menu > li {
    width:100%;
    display:block;
    border-bottom:1px solid #c7d1e2;
}
#menu-narrow .atk-menu > li:hover {
    background-color:#c7d1e2;
}
 
#menu-narrow .atk-menu > li a {
    width:100%;
    display:block;
}
#menu-narrow .atk-menu > li a.atk-swatch-ink {
    color: #fff !important;
}

.menu-narrow-socials {
    width: 100%;
    overflow: hidden;
    height:90px;
}
.menu-narrow-socials > .socials {
    margin: auto;
    text-align: center;
    padding:0 10px;
    margin-top:20px;
}

.menu-narrow-weather > .weather-widget {
    width:100%;
    margin: 20px auto 10px auto;
    text-align: center;
    overflow:hidden;
    padding:0 10px;
}


.atk-button.ui-state-active {
    border: 1px solid #0067d6;
    background-color:#0193E6;
    font-weight: bold;
    color: #ffffff;
}
.paginator .atk-button {
    margin-top:5px;
}
.paginator a[class*='atk-button'] {
    padding: 0.3em 0.7em;
}

.dropzone .dz-preview .dz-remove {
    background-color: #3fcdbf;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    text-decoration:none;
}
.dropzone .dz-preview .dz-remove:hover {
    background-color:#29B8E5;
    color:white;
    text-decoration:none !important; 
}
.dropzone .dz-preview.dz-image-preview {
    background:transparent !important;
}

.noborder,
h1.noborder,
h2.noborder,
h3.noborder {
    border: none; !important;
    border-bottom: none;
    border-top: none;
}
.nopadding {
    padding: 0;
}
.centered {
    text-align:center;
}
	
@media screen and ( max-width: 1100px) {
    #logo img {
        height: 50px;
        margin-top: 5px;
    }
}

@media screen and ( max-width: 1050px) {
    .main-menu {
        font-size:0.8rem;
        margin-top:25px;
    }
    .atk-padding-small[class*="atk-padding"]:not([class*="atk-section"]) {
        padding: 0.5rem 0.4rem;
    }
    .top-contacts-wrapper .whatsapp {
        font-size:0.70rem;
    }
    .top-contacts-wrapper .viber {
        font-size:0.70rem;
    }
    .top-contacts-wrapper b {
        font-size:0.9rem;
    }
    .list-top-categories li {
        width:45%;
    }
}

@media screen and ( max-width: 1200px) {
    #main-header.fixed-nav #main-nav {
        width: 100%;
        margin:auto;
        left:0;    
    }
    .call-buttons {
	left: 5px; 
    }
}


@media screen and ( max-width: 900px) {
    footer .col-left.half {
        width: 50%;
    }
    footer .col-right.half {
        width: calc(50% - 5px);
    }
    .weather-widget .ww-location {
        font-size:1.1rem;
    }
    .weather-widget .ww-temp {
        font-size: 0.6rem;
    }
    .weather-widget .ww-time {
        font-size: 0.8rem;
    }
    .weather-widget .ww-temp-wrap {
        width: 45px;
    }
    i.ww-i {
        font-size:2.5rem;
    }
    #icon-menu-narrow {
        display:block;
    }
    #main-menu-wide {
        display:none;
    }
    .call-buttons a {
        width: 48px;
        height: 48px;
    }
	.call-buttons .wa > i {
		font-size: 1.45rem;
	}
    .call-buttons .vb > i {
		font-size: 1.45rem;
	}
    #logo img {
        height: 55px;
    }
}

@media screen and ( max-width: 800px) {
    .list-top-categories li {
        width:100%;
        padding:5px 0px;
    }
}

@media screen and ( max-width: 700px) {
    .page-general .main-image {
        width:100%;
    }
    .page-general .gallery-wrapper {
        width:100%;
    }
    .page-general .gallery {
        margin:25px 0;
    } 
}



@media screen and ( max-width: 550px) {
    footer .col-left.half {
        width: 100%;
    }
    footer .col-right.half {
        margin-top:25px;
        width: 100%;
    }

    .header-socials .socials > li {
        margin-right:0;
        margin-left:-12px;
    }
    .header-socials .socials > li > a {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
    #logo {
        margin-top:10px;
        font-size:1rem;
        width:140px;
        overflow:hidden;
    }
    #logo img {
        height: 40px;
        margin-top:0;
    }
    .top-contacts-wrapper {
        font-size:0.5rem;
    }
    .top-contacts-wrapper .whatsapp,
    .top-contacts-wrapper .viber {
        font-size:0.5rem;
    }
    .top-contacts-wrapper b {
        font-size:0.65rem;
    }
    .language-selector {
        margin-top:15px;
    }
    #icon-menu-narrow {
        margin-top:6px;
    }
    .header-top-shadow {
        height:65px;
    }
    .header-socials {
        display:none;
        margin-top:40px;
    }
    .weather-widget {
        margin-top:40px;
    }
    header .camera-overlay {
        top: 30px;
        padding:18px;
    }
    .camera-default-text {
        font-size:1.2rem;
    }
    header.top-camera-on {
        min-height: 360px;
    }
    header .camera-wrapper {
        height: 240px;
    }

    .camera-overlay {
        max-width:100%;
        left:0;
        margin-left:0;
    }
    header .camera-overlay {
        max-width:95%;
        left:8%;
        margin-left:-5%;
    }

}

@media screen and ( max-width: 450px) {
    /*.header-socials .socials > li {
        margin-left:-20px;
    }*/
    .call-buttons {
        bottom: 40px;
    }
}
@media screen and ( max-width: 400px) {
    .footer-socials .socials > li {
        margin-left:0;
        margin-right:-12px;
    }
    .footer-socials .socials > li > a {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
    #menu-narrow.open {
        width:100%;
    }
    /*
    .top-contacts-wrapper {
        width:100%;
        margin:0;
        padding:0;
    }*/
    /*hide/move header socials and weather to 'narrow menu'*/
    .main-weather .weather-widget,
    .header-socials {
        display:none;
    }
    .list-general .main-img,
    .list-general .block-wi,
    .list-general > li {
        width: 100%;
    }
    #logo {
        margin-top:12px;
    }
    #logo img {
        height: 35px;
    }
}

@media screen and ( max-width: 350px) {
    .camera-overlay {
        max-width:100%;
        width:100%;
        left:0;
        margin-left:0;
    }

    .language-selector {
        margin-left: 10px;
    }

}

@media screen and ( max-width: 320px) {
    /*.language-selector .btn {
        font-size:0.5rem;
    }
    .language-selector {
        margin-top:13px;
        margin-left:5px;
    }
    #icon-menu-narrow {
        font-size:1.5rem;
        margin-left: 2px;
    }*/

    body {
        width: 320px;
        min-width: 320px;
    }
}



















/* ------------------------------ */






.color1 #w {
    background-color:#fff;
}
.color2 #w {
    background-color:#FFFDED;
}

/*
header {
    top:0px;
    position:fixed;
    background-color:#fff;
    }
    */
content.dlayout {
  /*  padding-top: 250px; */
}

button[class*='atk-button'] {
    color:#000;
}


/*
#top-bg {
    width:100%;
    height:472px;
    background: url(/images/design/top.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#w #top-bg {
    height:400px;
}
*/

#top-img {
    width:100%;
}

#lang-menu {
    display: inline-block;
display:none;
    float: right;
    margin: 6px 0 0;
    padding-left: 2%;
    text-align: center;
}
#lang-menu .active, 
#rm-lang-menu.active {
    background-color: #0193E6;
}
#lang-menu li {
    background-color: #d0cfcd;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    list-style-type: none;
    margin: 0 0 10%;
    width: 25px;
    display:inline-block;
    vertical-align:top;
    font-size:0.75em;
    margin:2px;
}
#lang-menu li a {
    border-radius: 25px;
    color: #ffffff;
    display: block;
    text-transform: uppercase;
}
.content {
    padding: 20px 0;    
}

content.dlayout {
    min-height:200px;
    width:100%;
    display:inline-block;
}

footer {
    background-color: #E7E7E7;
    width:100%;
    min-height:130px;
    padding:30px 0 15px 0;
}
header {
    border-bottom:1px solid #d7d7d7;
}

.wrapper {
    display:block;
    width: 90%;
    margin:auto;
}
#w .wrapper {
    width:95%;
}
#main-slider .image {
    height:400px;
    position:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
}
/*
.list-default {
    margin:0;
    padding:0;
    list-style-type:none;
}
.list-default > li {
    width:100%;
    padding: 30px 15px;
    display:inline-block;
    vertical-align:top;
}
.list-default .col_left,
.list-default .col_right {
    display:inline-block;
    vertical-align:top;
}
.list-default .col_left {
    width:225px;
}
.list-wedding .col_right {
    margin-left:15px;
    width:calc( 100% - 260px);
}
.list-default > li strong {
    font-family: "Open Sans",sans-serif;
    color: #0193E6;
    font-size: 1.4em;        
}
.list-wedding > li .desc {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;   
    font-size: 1em;
    padding: 10px 0;
}

.list-default .price,
.inner-price {
    font-weight:bold;
    font-style: normal;
}

.list-default img,
.list-top-categories img {
    display:block;
    width: 225px;
    height: 150px;
    padding:1px;
    border:1px solid #D2D1CC;
}
*/

h3.sub {
    margin-top:30px;
    margin-bottom:0px;
}

#sidebar {
    width:200px;
    display: inline-block;
    vertical-align: top;
    margin-bottom:10px;
}
.sidelist_wrapper {
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align:top;
    float:left;
    margin:20px 0;
}
.sidelist_title {
    width:100%;
    display:block;
    border-radius:8px 8px 0 0;
    /* Permalink - use to edit and share this gradient:
     * http://colorzilla.com/gradient-editor/#0193e6+0,80d1ff+100 */
    background: #0193e6; /* Old browsers */
    background: -moz-linear-gradient(left,  #0193e6 0%, #80d1ff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0193e6 0%,#80d1ff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0193e6 0%,#80d1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193e6', endColorstr='#80d1ff',GradientType=1 ); /* IE6-9 */
}
.sidelist_title a {
    color:#fff;
    display:block;
    width:100%;
    padding:5px;
}
.sidelist {
    background-color:#EBEBEB;
    list-style-type:none;
    padding:0;
    padding-bottom:8px;
    border-radius: 0 0 4px 4px;
}
.sidelist li {
    border-bottom:1px solid #D7D7D7;
}
.sidelist a {
    padding:4px 10px;
    width:100%;
    display:block;
    height:100%;
    color: #727272;
}
.sidelist a:hover,
.sidelist a.active {
    color: #333E47;
}

.sidelisted .content {
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 205px);
    padding:10px 30px;
    margin-top:10px;
    min-height:250px;
}
.columns {

}

.columns-div3 {

}
.columns-div3 > .col {
    display:inline-block;
    vertical-align:top;
    width:33%;
}
footer .col1 {
}
footer .col2 {
    text-align:center;
    margin-top:40px;
}
footer a {
    color: #0193E6;
}
footer a:hover {
    color: #0583C6;
}
.phone,
.phone:hover {
    font-weight:bold;
    /* color: #fff; */
}
footer .phone,
footer .phone:hover {
    color: #000;
}


.sidelist-fixed {
    width:200px;
    position:fixed;
}