* {
    margin:0;
    padding:0;
}
aside, footer, address, section, nav, header {
    display:block;
}
img, iframe, video, embed {
    max-width:100%!important;
}
/* Tipografika */
h1 {
    font-size:2.6em;
    color:#4c4b4b;
    padding:0 0 0.3em 0;
}
h2 {
    font-size: 2em;
    color:#484848;
    padding:0 0 0.3em 0;
}
h3 {
    font-size:1.875em;
    color:#555;
     padding:0 0 0.3em 0;
}
#text p {
    font-size:1.125em;
    color:#333;
    padding:0 0 0.5em 0;
}
#text ul {
    padding: 0.5em 20px;
}
#text ul li{
    font-size:1.125em;
    color:#555;
    padding: 3 0 0.5em 0;
}
a:link {
    text-decoration:none;
    color:#696968 
}
.divider {
    padding:0 3px 0 0;
}
/* Layout */
#page {
    width:100%;
    font:100% 'PT Sans Narrow', sans-serif;
}
header {
    width:100%;
    padding-top: 1em;
}
.layout {
    width:1170px;
    margin:0 auto;
    overflow: hidden;
}
#logo{
    width:33%;
    float:left;
}
 #geo{
    width:33%;
    float:left;
    text-align:center;
    position:relative;
    margin-top:45px
}
#geo span {
    font-size: 1.6em;
    font-weight:normal;
    color:#696968
}
#phone{
    width:33%;
    float:right;
    text-align:right
}
#phone a{
    font-size: 2.3em;
    color:#e3000f;
    text-decoration:none;
    font-weight:bold;
    display:block;
    position:relative;
    margin-top:35px;
}
#menu {
    background:#868585;
    width:100%;
     margin: 1 em 0 0 0;
}
#menu ul li {
    float:left;
    list-style:none;
}
#menu ul li a {
    display: block;
     font-size: 1.5em;
    color:#f6f6f6;
    padding:0.5em 40px;
    text-decoration:none;
    transition:all .3s linear;
}
#menu ul li a:hover, #menu ul li.current a {
    background: #a6a6a6;
    transition:all .3s linear;
}
#content {
    width:100%;
}
#text {
    width:67.8%;
    float:left;
    padding-top:1 em;
}
#breadcrumbs {
    width:96%;
    margin-top:0.4em;
    background:#eee;
    padding:0.1em 0.1em;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.pathway {
    text-decoration:none;
    color:#555;
}
#breadcrumbs ul li {
    float:left;
    list-style: none;
}
#sidebar {
    width:28%;
    float:right;
    background-color:#ececec;
    padding:0.3em 0%;
}
footer {
    width:100%;
    background-color:#c5c6c6;
    padding:1em 0font-size: 1.5em;
}
footer p{
    color:#fff;
     font-size: 1.1em;
    padding:1em 0 1em 2em;
}
footer a{
    color:#fff;
    text-decoration:none;
}
.footer-logo {
    float:right;
    margin-right:5.4em;
    ;
}
.footer-tel {
    font-size: 1.5em;
    float:right;
    margin-right:2em;
}
.box3 {
    width:33%;
    float:left;
}
.debug {
    background:#181717;
    color:#eee;
    text-align: center;
    font-size:0.9em;
}
/* Модули */
.moduletable {
    margin:0 1em 2em 0.5em;
     padding: 3%;
}
.moduletable h3 {
    margin-left: 0.7em;
     color:#d93218;
    padding:0.5em 0 0.9em 0;
}
.moduletable custom {
    padding:0.5em 0 0.9em 0;
}
/* Модуль под кнопкой */
.custom-dark {
    background-image: url('/images/dark.jpg');
     padding:1em 0.5em 0.9em 1em;
}
#sidebar ul.menu li {
    list-style:none;
    margin-left: 0.7em;
    font-size:1.5em;
    padding:0.5em 0 0.5em 0;
    border-bottom: 2px solid #9c9c9c;
}
#sidebar ul.menu li a{
    color:#484848;
    text-decoration:none 
}
#sidebar ul.menu li a:hover {
    color:#ff8a00 
}
/* Кнопка заказать шарж */
#bottom {
    padding:0.5em 0 2em;
}
#bottom a {
    margin-left: 1.7em;
    font-size: 1.25em;
    font-weight:normal;
     text-decoration:none;
    padding:0.5em 29px;
    color:#fff;
    background: linear-gradient(to top, #f18f05,#fbbc00)
}
#bottom a:hover {
    background: linear-gradient(to top, #fbbc00,#f18f05)
}
/* для стр Отзывы */
.vbContainer {
    padding:1.5em 29px;
}
 .vbPostButton {
    font-size: 1.1em;
    padding: 0.4em 0.6em 0.4em 1em;
    background: linear-gradient(to top, #f18f05,#fbbc00)
}
.controls {
    padding:0.6em 29px;
}
/* Пагинация страниц */
 .pagination ul li {
    display: inline-block;
}
.hidden-phone a {
     color: #a2a2a2;
     float: left;
     padding: 4px 10px;
     text-decoration: none;
     transition: background-color .3s;
     border: 2px solid #c5c6c6;
     margin-left: 4px;
}
.pagination li a {
     box-shadow: rgba(0, 0, 0, 0.3) -2px -2px 1px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
}
/*подсветка при наведении*/
.pagination ul li a:hover:not(.active){
    background-color: #ececec;
}
/*подсветка текущей страницы */
.pagination ul li.active a {
     color: #fff;
     background:#a2a2a2;
     font-size: 19px;
     font-weight: bold;
}
/* Responsive */
/* 1024px */
@media screen and (max-width:1024px),only screen and (max-device-width:1024px) {
    .layout {
         width: 960px;
    }
    #bottom a {
         margin-left: 0px! important ;
    }
    .rio-promos img {
        height: 210px!important;
    }
     #text p {
         padding-left:1em;
    }
}


/* 854px */
@media screen and (max-width:854px),only screen and (max-device-width:854px) {
     .layout {
         width: 830px;
    }
     #bottom a {
         font-size: 1em;
    }
     #phone a {
         font-size: 1.8em;
         margin-right: 13px;
    }
    #geo span {
         font-size: 1.4em;
    }
     img, iframe, video, embed {
         max-width:80%!important;
    }
    footer p {
         font-size: 1.0em;
    }
    .rio-promos img {
         height: 190px!important;
    }
    #menu ul li a {
         font-size: 1.4em;
    }
     #text p {
         font-size: 0.9em;
    }
    .bx-wrapper {
         margin-top: 9em!important;
    }
}


/* 800px */
@media screen and (max-width:800px),only screen and (max-device-width:800px) {
     .layout {
         width: 780px;
    }
     #bottom a {
         padding: 4%;
    }
    .footer-logo {
         margin-right: 0.4em;
    }
    footer p {
         font-size: 0.9em;
    }
    #phone a {
         font-size: 1.7em;
    }
     #menu ul li a {
         font-size: 1.2em;
    }
     .rio-promos img {
         height: 165px!important;
    }
}


/* 768px */
@media screen and (max-width:768px),only screen and (max-device-width:768px) {
     .layout {
        width: 750px;
    }
     #phone a {
         margin-right: 18px;
    }
     .rio-promos img {
         height: 160px!important;
    }
     #text p {
         font-size: 0.9em;
    }
}


/* 640px */
@media screen and (max-width:640px),only screen and (max-device-width:640px) {
     .layout {
         width: 620px;
    }
    /* Мобильное меню */
     #menu.topmenu{
        height:2.7em;
        background:#878686 url(../images/menuicon.png) no-repeat center left 2%;
        cursor:pointer;
    }
     #menu.topmenu ul li{
         display: none;
    }
     #menu.mobilemenu {
         background:#878686 url(../images/menuicon.png) no-repeat top 1em left 2%;
         cursor:pointer;
    }
     #menu.mobilemenu ul {
         width:90%;
         padding:0 0 0 8%;
    }
    /* Конец мобильного меню */
    #logo{
         width: 30%;
    }
    #bottom a {
         padding:10px 8px 10px 8px;
         font-size: 0.9em;
    }
    .footer-logo {
         padding:20px 0px 0px 47px;
    }
    #geo span {
         font-size: 1em;
    }
    #phone a {
         font-size: 1.5em;
         margin-right: 18px;
    }
     .footer-tel {
         font-size: 1.3em;
         margin-right: 1em;
    }
     #menu ul li a {
         font-size: 1.2em;
    }
     #menu ul li {
         float: none;
    }
    #sidebar ul.menu li {
         font-size: 1.2em;
    }
     .rio-promos img {
         height: 130px!important;
    }
}
/* 600px */
@media screen and (max-width:600px),only screen and (max-device-width:600px) {
     .layout {
         width: 580px;
    }
     #logo{
         width: 50%;
         float:none;
         margin:0 10.5em;
    }
    #geo{
         width: 100%;
         float:none;
         margin:0 0;
         text-align:center;
    }
    #phone {
         width: 100%;
         float:none;
         text-align:center;
    }
    #logo img {
         margin:0 none;
    }
    #bottom a {
         display:block;
         width: 80%;
         text-align:center;
    }
    #phone a {
         font-size: 1.5em;
         margin-top:0px;
         margin-right:0px;
    }
     #sidebar ul.menu li {
         font-size: 1.2em;
    }
     .footer-tel {
         margin-right: 0.8em;
    }
     .rio-promos img {
         height: 120px!important;
    }
	
	/* убираем нижнию горизонтальн прокрутку на смартфонах */
 html, body {
    overflow-x: hidden; }
}


/* 480px */
@media screen and (max-width:480px),only screen and (max-device-width:480px) {
     .layout {
         width: 480px;
    }
     #logo{
         margin:0 8.5em;
    }
    #bottom a {
         width: 60%;
         text-align:center;
         font-size: 1em;
    }
    #bottom {
         padding:0.5em 0 0 6em;
    }
    .rio-promos img {
         height: 140px!important;
	     width: auto!important;	
}
     #sidebar {
         width:100%;
    }
     #text {
         width:100%;
    }
    #text p {
         padding-right:1em;
    }
    .moduletable {
         margin:0 1em 8em 0 0;
         padding: 1em 2em 0 2em;
    }
    .box3 {
         width:44%;
         padding: 0 0 0 2em;
         font-size: 0.8em;
    }
    .footer-tel {
         font-size: 1.5em;
         margin-right:1.1em;
 
}
}

/* 375px */
@media screen and (max-width:375px),only screen and (max-device-width:375px) {
     .layout {
         width: 375px;
    }
     #logo{
         margin:0 6.5em;
    }
    #bottom {
         padding:0.5em 0 0 5em;
    }
     .rio-promos img {
         height: 140px!important;
	     width: auto!important;	
    }
     .box3 {
         width:100%;
         font-size: 1em;
    }
    .footer-tel {
         width:100%;
         font-size: 1.7em;
         text-align:center;
         padding: 0 0 0 0;
    }
    footer p{
         padding:0 0 0 0;
    }
    .footer-logo {
         padding:0 0 0 9%;
    }
	.tContainer {
       display:none;
   }
	
    /* для картинок в разделе цены */
    img {
         max-width: 100%;
         height: auto;
    }
}
/* 360px */
@media screen and (max-width:360px),only screen and (max-device-width:360px) {
     .layout {
         width: 360px;
    }
	.tContainer {
       display:none;
   }
}



/* 320px */
@media screen and (max-width:320px),only screen and (max-device-width:320px) {
     .layout {
         width: 320px;
    }
     #logo{
         margin:0 5.5em;
    }
    #bottom a {
         width: 80%;
    }
    #bottom {
         padding:0.5em 0 0 2em;
    }
}