html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
 {
    margin: 0;
    padding: 0; 
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;

}

/*====================================menu================================= */


.background {
    position: relative;
    z-index: -1;
}

.slicknav_menu {
    display:none;
}


@media screen and (max-width: 40em) {
    /* #menu is the original menu */
    .js #menu {
        display:none;
    }
    
    .js .slicknav_menu {
        display:block;
    }
}

.slicknav_menu {
    width:100%;
    position: relative;

}

.slicknav_btn {
    z-index: 99999!important;
}

/*====================================pages================================= */

.content {
    padding:20px;
}

.page_title {
    position: absolute;
    top:0;
    left:20px;
}

.home {
    width:25px;
    height:25px;
    background:url(../img/home.png);
    top:10px;
    float:left;
    margin-top:12px;
    margin-right:10px;
}

.page_title h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#fff;
    text-transform: uppercase;
    font-weight: normal;
    padding-top:18px;
    float:left;
    overflow:hidden;
}

.poster, .poster_ru {
    position: relative;
}


.poster h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#fff;
    text-transform: uppercase;
    font-weight: normal;
    background-color: #000;
    text-align: center;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-150px;
    margin-bottom:-5px;
    width:300px;
    padding:5px;
    padding-top:15px;
}

.poster_ru h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#fff;
    text-transform: uppercase;
    font-weight: normal;
    background-color: #000;
    text-align: center;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-160px;
    width:320px;
    padding:5px;
    padding-top:15px;
}

.content p {
    font-size: 14px;
    color:#fff;
    padding-top:10px;
    text-align: justify;
}

.command {
    margin-top:30px;
    margin-bottom:10px;
    height:30px;
}

.command a {

}

.clear {
    clear:both;
}

.contact p {
    text-align: center;
}


.socialmedia {
    margin-top:40px;
    width:100%;
    height:40px;
    position: relative;
}

.facebook {
    width:40px;
    height:40px;
    background:url(../img/facebook.png);
    float:left;
    margin-left:40px;
}

.twitter {
    width:40px;
    height:40px;
    background:url(../img/twitter.png);
    position: absolute;
    left:50%;
    margin-left:-20px;
}

.linkedin {
    width:40px;
    height:40px;
    background:url(../img/linkedin.png);
    float:right;
    margin-right:40px;
}

.copy {
    margin-top:30px;
}

.copy p {
    font-size: 10px;
    text-align: center;
}

.videowrap {
    width:320px;
    margin:0 auto;
}

video {
    width:320px; 
    height:240px;
}
 
.return {
    width:145px;
    margin:0 auto;
    margin-top:30px;
}

.return_ru {
    width:180px;
    margin:0 auto;
    margin-top:30px;
}

.info_btn {
    width:40px;
    height:40px;
    background:url(../img/button-tray-up.png) no-repeat center;
    background-color: #000;
    position: absolute;
    bottom:0;
}

.info {
    display: none;
}

.info p {
    position: absolute;
    font-size: 12px;
    top:0;
    background-color: #000;
    width:100%;
    z-index: 99999!important;
    color:#fff;
    padding:10px;
}

/*====================================dealers================================= */

.gmap {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .gmap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.dealer ul {
    font-size: 13px;
    color: #fdfdfd;
    margin-top:40px;
    text-align: center;
    line-height: 2em;
}

.dealer ul li span {
    font-weight: bold;
}

.dealer ul li a {
    color:#fff;
    text-decoration: underline;
}

.dealer ul li:first-child {
    text-transform: uppercase;
}

/*====================================mainpage backgrounds================================= */

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li div { 
    z-index: 999;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-size: 140px;
    padding: 0;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-transform: uppercase;
}

.cb-slideshow li div h4 { 
    font-size: 100px;
    padding: 0;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-transform: uppercase;
}
.cb-slideshow li:nth-child(1) span { 
    background-image:url(../img/bgs/rustic.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image:url(../img/bgs/stylish.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image:url(../img/bgs/modern.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image:url(../img/bgs/bg4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image:url(../img/bgs/bg5.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image:url(../img/bgs/bg6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 700px) { 
    .cb-slideshow li div h3 { font-size: 26px; text-align: right; padding-right:10px; }
    .cb-slideshow li div h4 { font-size: 14px; text-align: right; padding-right:10px;}
}

@media screen and (max-width: 420px) { 

    .cb-slideshow li:nth-child(1) span { 
        background-image:url(../img/bgs/rustic_port.jpg); 
    }
    .cb-slideshow li:nth-child(2) span { 
        background-image:url(../img/bgs/stylish_port.jpg);

    }
    .cb-slideshow li:nth-child(3) span { 
        background-image:url(../img/bgs/modern_port.jpg);

    }
    .cb-slideshow li:nth-child(4) span { 
        background-image:url(../img/bgs/rustic13_port.jpg);

    }
    .cb-slideshow li:nth-child(5) span { 
        background-image:url(../img/bgs/stylish13_port.jpg);
    }
    .cb-slideshow li:nth-child(6) span { 
        background-image:url(../img/bgs/modern13_port.jpg);
    }
}

@-o-viewport {
      width: 100%;
      zoom: 1;
    }

/*====================================hhigh res images================================= */