/******************************************************************************/
/*  Bootstrap v3.3.7  *********************************************************/
/******************************************************************************/

* {
  -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;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}

/******************************************************************************/
/*  Responsive utilities  *****************************************************/
/******************************************************************************/

.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}@media(min-width:1200px){.visible-lg{display:block!important}.hidden-lg{display:none!important}}

/******************************************************************************/
/*  Bootstrap Classes  ********************************************************/
/******************************************************************************/
/* used for animated tooltips */

.fade {
    opacity: 0;

    -webkit-transition: opacity .15s linear;
       -moz-transition: opacity .15s linear;
        -ms-transition: opacity .15s linear;
         -o-transition: opacity .15s linear;
            transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

/******************************************************************************/
/*  HELPERS  ******************************************************************/
/******************************************************************************/

.rare {
    line-height: 1.42857143;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*.text-muted {}*/
/*.text-primary {}*/
/*.text-success {}*/
/*.text-info {}*/
/*.text-warning {}*/
/*.text-danger {}*/

/*.bg-muted {}*/
/*.bg-primary {}*/
/*.bg-success {}*/
/*.bg-info {}*/
/*.bg-warning {}*/
/*.bg-danger {}*/

.pull-left { float: left !important; }
.pull-right { float: right !important; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.hidden {display:none}
.invisible {visibility: hidden}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@media (min-width: 768px) {
    .card-hover-effect:hover {
        -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.4);
        -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,.4);
        box-shadow: 0 0 13px 0 rgba(0,0,0,.4);
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -moz-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        -o-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
}

/******************************************************************************/
/*  HELPERS  ******************************************************************/
/******************************************************************************/

.float--left{float:left}.float--right{float:right}.float--none{float:none}.float--inherit{float:inherit}
.position--absolute{position:absolute}.position--fixed{position:fixed}.position--relative{position:relative}.position--static{position:static}

.z-index--1 {z-index:1}.z-index--2 {z-index:2}.z-index--3 {z-index:3}

.margin-top--10{margin-top:10px}.margin-top--11{margin-top:11px}.margin-top--12{margin-top:12px}.margin-top--13{margin-top:13px}.margin-top--14{margin-top:14px}.margin-top--15{margin-top:15px}.margin-top--16{margin-top:16px}.margin-top--17{margin-top:17px}.margin-top--18{margin-top:18px}.margin-top--19{margin-top:19px}.margin-top--20{margin-top:20px}.margin-top--21{margin-top:21px}.margin-top--22{margin-top:22px}.margin-top--23{margin-top:23px}.margin-top--24{margin-top:24px}.margin-top--25{margin-top:25px}.margin-top--26{margin-top:26px}.margin-top--27{margin-top:27px}.margin-top--28{margin-top:28px}.margin-top--29{margin-top:29px}.margin-top--30{margin-top:30px}.margin-top--31{margin-top:31px}.margin-top--32{margin-top:32px}.margin-top--33{margin-top:33px}.margin-top--34{margin-top:34px}.margin-top--35{margin-top:35px}.margin-top--36{margin-top:36px}.margin-top--37{margin-top:37px}.margin-top--38{margin-top:38px}.margin-top--39{margin-top:39px}.margin-top--40{margin-top:40px}.margin-top--41{margin-top:41px}.margin-top--42{margin-top:42px}.margin-top--43{margin-top:43px}.margin-top--44{margin-top:44px}.margin-top--45{margin-top:45px}.margin-top--46{margin-top:46px}.margin-top--47{margin-top:47px}.margin-top--48{margin-top:48px}.margin-top--49{margin-top:49px}.margin-top--50{margin-top:50px}.margin-top--51{margin-top:51px}.margin-top--52{margin-top:52px}.margin-top--53{margin-top:53px}.margin-top--54{margin-top:54px}.margin-top--55{margin-top:55px}.margin-top--56{margin-top:56px}.margin-top--57{margin-top:57px}.margin-top--58{margin-top:58px}.margin-top--59{margin-top:59px}.margin-top--60{margin-top:60px}.margin-top--61{margin-top:61px}.margin-top--62{margin-top:62px}.margin-top--63{margin-top:63px}.margin-top--64{margin-top:64px}.margin-top--65{margin-top:65px}.margin-top--66{margin-top:66px}.margin-top--67{margin-top:67px}.margin-top--68{margin-top:68px}.margin-top--69{margin-top:69px}.margin-top--70{margin-top:70px}.margin-top--71{margin-top:71px}.margin-top--72{margin-top:72px}.margin-top--73{margin-top:73px}.margin-top--74{margin-top:74px}.margin-top--75{margin-top:75px}.margin-top--76{margin-top:76px}.margin-top--77{margin-top:77px}.margin-top--78{margin-top:78px}.margin-top--79{margin-top:79px}.margin-top--80{margin-top:80px}.margin-top--81{margin-top:81px}.margin-top--82{margin-top:82px}.margin-top--83{margin-top:83px}.margin-top--84{margin-top:84px}.margin-top--85{margin-top:85px}.margin-top--86{margin-top:86px}.margin-top--87{margin-top:87px}.margin-top--88{margin-top:88px}.margin-top--89{margin-top:89px}.margin-top--90{margin-top:90px}.margin-top--91{margin-top:91px}.margin-top--92{margin-top:92px}.margin-top--93{margin-top:93px}.margin-top--94{margin-top:94px}.margin-top--95{margin-top:95px}.margin-top--96{margin-top:96px}.margin-top--97{margin-top:97px}.margin-top--98{margin-top:98px}.margin-top--99{margin-top:99px}
.margin-right--10{margin-right:10px}.margin-right--11{margin-right:11px}.margin-right--12{margin-right:12px}.margin-right--13{margin-right:13px}.margin-right--14{margin-right:14px}.margin-right--15{margin-right:15px}.margin-right--16{margin-right:16px}.margin-right--17{margin-right:17px}.margin-right--18{margin-right:18px}.margin-right--19{margin-right:19px}.margin-right--20{margin-right:20px}.margin-right--21{margin-right:21px}.margin-right--22{margin-right:22px}.margin-right--23{margin-right:23px}.margin-right--24{margin-right:24px}.margin-right--25{margin-right:25px}.margin-right--26{margin-right:26px}.margin-right--27{margin-right:27px}.margin-right--28{margin-right:28px}.margin-right--29{margin-right:29px}.margin-right--30{margin-right:30px}.margin-right--31{margin-right:31px}.margin-right--32{margin-right:32px}.margin-right--33{margin-right:33px}.margin-right--34{margin-right:34px}.margin-right--35{margin-right:35px}.margin-right--36{margin-right:36px}.margin-right--37{margin-right:37px}.margin-right--38{margin-right:38px}.margin-right--39{margin-right:39px}.margin-right--40{margin-right:40px}.margin-right--41{margin-right:41px}.margin-right--42{margin-right:42px}.margin-right--43{margin-right:43px}.margin-right--44{margin-right:44px}.margin-right--45{margin-right:45px}.margin-right--46{margin-right:46px}.margin-right--47{margin-right:47px}.margin-right--48{margin-right:48px}.margin-right--49{margin-right:49px}.margin-right--50{margin-right:50px}.margin-right--51{margin-right:51px}.margin-right--52{margin-right:52px}.margin-right--53{margin-right:53px}.margin-right--54{margin-right:54px}.margin-right--55{margin-right:55px}.margin-right--56{margin-right:56px}.margin-right--57{margin-right:57px}.margin-right--58{margin-right:58px}.margin-right--59{margin-right:59px}.margin-right--60{margin-right:60px}.margin-right--61{margin-right:61px}.margin-right--62{margin-right:62px}.margin-right--63{margin-right:63px}.margin-right--64{margin-right:64px}.margin-right--65{margin-right:65px}.margin-right--66{margin-right:66px}.margin-right--67{margin-right:67px}.margin-right--68{margin-right:68px}.margin-right--69{margin-right:69px}.margin-right--70{margin-right:70px}.margin-right--71{margin-right:71px}.margin-right--72{margin-right:72px}.margin-right--73{margin-right:73px}.margin-right--74{margin-right:74px}.margin-right--75{margin-right:75px}.margin-right--76{margin-right:76px}.margin-right--77{margin-right:77px}.margin-right--78{margin-right:78px}.margin-right--79{margin-right:79px}.margin-right--80{margin-right:80px}.margin-right--81{margin-right:81px}.margin-right--82{margin-right:82px}.margin-right--83{margin-right:83px}.margin-right--84{margin-right:84px}.margin-right--85{margin-right:85px}.margin-right--86{margin-right:86px}.margin-right--87{margin-right:87px}.margin-right--88{margin-right:88px}.margin-right--89{margin-right:89px}.margin-right--90{margin-right:90px}.margin-right--91{margin-right:91px}.margin-right--92{margin-right:92px}.margin-right--93{margin-right:93px}.margin-right--94{margin-right:94px}.margin-right--95{margin-right:95px}.margin-right--96{margin-right:96px}.margin-right--97{margin-right:97px}.margin-right--98{margin-right:98px}.margin-right--99{margin-right:99px}
.margin-bottom--10{margin-bottom:10px}.margin-bottom--11{margin-bottom:11px}.margin-bottom--12{margin-bottom:12px}.margin-bottom--13{margin-bottom:13px}.margin-bottom--14{margin-bottom:14px}.margin-bottom--15{margin-bottom:15px}.margin-bottom--16{margin-bottom:16px}.margin-bottom--17{margin-bottom:17px}.margin-bottom--18{margin-bottom:18px}.margin-bottom--19{margin-bottom:19px}.margin-bottom--20{margin-bottom:20px}.margin-bottom--21{margin-bottom:21px}.margin-bottom--22{margin-bottom:22px}.margin-bottom--23{margin-bottom:23px}.margin-bottom--24{margin-bottom:24px}.margin-bottom--25{margin-bottom:25px}.margin-bottom--26{margin-bottom:26px}.margin-bottom--27{margin-bottom:27px}.margin-bottom--28{margin-bottom:28px}.margin-bottom--29{margin-bottom:29px}.margin-bottom--30{margin-bottom:30px}.margin-bottom--31{margin-bottom:31px}.margin-bottom--32{margin-bottom:32px}.margin-bottom--33{margin-bottom:33px}.margin-bottom--34{margin-bottom:34px}.margin-bottom--35{margin-bottom:35px}.margin-bottom--36{margin-bottom:36px}.margin-bottom--37{margin-bottom:37px}.margin-bottom--38{margin-bottom:38px}.margin-bottom--39{margin-bottom:39px}.margin-bottom--40{margin-bottom:40px}.margin-bottom--41{margin-bottom:41px}.margin-bottom--42{margin-bottom:42px}.margin-bottom--43{margin-bottom:43px}.margin-bottom--44{margin-bottom:44px}.margin-bottom--45{margin-bottom:45px}.margin-bottom--46{margin-bottom:46px}.margin-bottom--47{margin-bottom:47px}.margin-bottom--48{margin-bottom:48px}.margin-bottom--49{margin-bottom:49px}.margin-bottom--50{margin-bottom:50px}.margin-bottom--51{margin-bottom:51px}.margin-bottom--52{margin-bottom:52px}.margin-bottom--53{margin-bottom:53px}.margin-bottom--54{margin-bottom:54px}.margin-bottom--55{margin-bottom:55px}.margin-bottom--56{margin-bottom:56px}.margin-bottom--57{margin-bottom:57px}.margin-bottom--58{margin-bottom:58px}.margin-bottom--59{margin-bottom:59px}.margin-bottom--60{margin-bottom:60px}.margin-bottom--61{margin-bottom:61px}.margin-bottom--62{margin-bottom:62px}.margin-bottom--63{margin-bottom:63px}.margin-bottom--64{margin-bottom:64px}.margin-bottom--65{margin-bottom:65px}.margin-bottom--66{margin-bottom:66px}.margin-bottom--67{margin-bottom:67px}.margin-bottom--68{margin-bottom:68px}.margin-bottom--69{margin-bottom:69px}.margin-bottom--70{margin-bottom:70px}.margin-bottom--71{margin-bottom:71px}.margin-bottom--72{margin-bottom:72px}.margin-bottom--73{margin-bottom:73px}.margin-bottom--74{margin-bottom:74px}.margin-bottom--75{margin-bottom:75px}.margin-bottom--76{margin-bottom:76px}.margin-bottom--77{margin-bottom:77px}.margin-bottom--78{margin-bottom:78px}.margin-bottom--79{margin-bottom:79px}.margin-bottom--80{margin-bottom:80px}.margin-bottom--81{margin-bottom:81px}.margin-bottom--82{margin-bottom:82px}.margin-bottom--83{margin-bottom:83px}.margin-bottom--84{margin-bottom:84px}.margin-bottom--85{margin-bottom:85px}.margin-bottom--86{margin-bottom:86px}.margin-bottom--87{margin-bottom:87px}.margin-bottom--88{margin-bottom:88px}.margin-bottom--89{margin-bottom:89px}.margin-bottom--90{margin-bottom:90px}.margin-bottom--91{margin-bottom:91px}.margin-bottom--92{margin-bottom:92px}.margin-bottom--93{margin-bottom:93px}.margin-bottom--94{margin-bottom:94px}.margin-bottom--95{margin-bottom:95px}.margin-bottom--96{margin-bottom:96px}.margin-bottom--97{margin-bottom:97px}.margin-bottom--98{margin-bottom:98px}.margin-bottom--99{margin-bottom:99px}
.margin-left--10{margin-left:10px}.margin-left--11{margin-left:11px}.margin-left--12{margin-left:12px}.margin-left--13{margin-left:13px}.margin-left--14{margin-left:14px}.margin-left--15{margin-left:15px}.margin-left--16{margin-left:16px}.margin-left--17{margin-left:17px}.margin-left--18{margin-left:18px}.margin-left--19{margin-left:19px}.margin-left--20{margin-left:20px}.margin-left--21{margin-left:21px}.margin-left--22{margin-left:22px}.margin-left--23{margin-left:23px}.margin-left--24{margin-left:24px}.margin-left--25{margin-left:25px}.margin-left--26{margin-left:26px}.margin-left--27{margin-left:27px}.margin-left--28{margin-left:28px}.margin-left--29{margin-left:29px}.margin-left--30{margin-left:30px}.margin-left--31{margin-left:31px}.margin-left--32{margin-left:32px}.margin-left--33{margin-left:33px}.margin-left--34{margin-left:34px}.margin-left--35{margin-left:35px}.margin-left--36{margin-left:36px}.margin-left--37{margin-left:37px}.margin-left--38{margin-left:38px}.margin-left--39{margin-left:39px}.margin-left--40{margin-left:40px}.margin-left--41{margin-left:41px}.margin-left--42{margin-left:42px}.margin-left--43{margin-left:43px}.margin-left--44{margin-left:44px}.margin-left--45{margin-left:45px}.margin-left--46{margin-left:46px}.margin-left--47{margin-left:47px}.margin-left--48{margin-left:48px}.margin-left--49{margin-left:49px}.margin-left--50{margin-left:50px}.margin-left--51{margin-left:51px}.margin-left--52{margin-left:52px}.margin-left--53{margin-left:53px}.margin-left--54{margin-left:54px}.margin-left--55{margin-left:55px}.margin-left--56{margin-left:56px}.margin-left--57{margin-left:57px}.margin-left--58{margin-left:58px}.margin-left--59{margin-left:59px}.margin-left--60{margin-left:60px}.margin-left--61{margin-left:61px}.margin-left--62{margin-left:62px}.margin-left--63{margin-left:63px}.margin-left--64{margin-left:64px}.margin-left--65{margin-left:65px}.margin-left--66{margin-left:66px}.margin-left--67{margin-left:67px}.margin-left--68{margin-left:68px}.margin-left--69{margin-left:69px}.margin-left--70{margin-left:70px}.margin-left--71{margin-left:71px}.margin-left--72{margin-left:72px}.margin-left--73{margin-left:73px}.margin-left--74{margin-left:74px}.margin-left--75{margin-left:75px}.margin-left--76{margin-left:76px}.margin-left--77{margin-left:77px}.margin-left--78{margin-left:78px}.margin-left--79{margin-left:79px}.margin-left--80{margin-left:80px}.margin-left--81{margin-left:81px}.margin-left--82{margin-left:82px}.margin-left--83{margin-left:83px}.margin-left--84{margin-left:84px}.margin-left--85{margin-left:85px}.margin-left--86{margin-left:86px}.margin-left--87{margin-left:87px}.margin-left--88{margin-left:88px}.margin-left--89{margin-left:89px}.margin-left--90{margin-left:90px}.margin-left--91{margin-left:91px}.margin-left--92{margin-left:92px}.margin-left--93{margin-left:93px}.margin-left--94{margin-left:94px}.margin-left--95{margin-left:95px}.margin-left--96{margin-left:96px}.margin-left--97{margin-left:97px}.margin-left--98{margin-left:98px}.margin-left--99{margin-left:99px}

.padding-top--10{padding-top:10px}.padding-top--11{padding-top:11px}.padding-top--12{padding-top:12px}.padding-top--13{padding-top:13px}.padding-top--14{padding-top:14px}.padding-top--15{padding-top:15px}.padding-top--16{padding-top:16px}.padding-top--17{padding-top:17px}.padding-top--18{padding-top:18px}.padding-top--19{padding-top:19px}.padding-top--20{padding-top:20px}.padding-top--21{padding-top:21px}.padding-top--22{padding-top:22px}.padding-top--23{padding-top:23px}.padding-top--24{padding-top:24px}.padding-top--25{padding-top:25px}.padding-top--26{padding-top:26px}.padding-top--27{padding-top:27px}.padding-top--28{padding-top:28px}.padding-top--29{padding-top:29px}.padding-top--30{padding-top:30px}.padding-top--31{padding-top:31px}.padding-top--32{padding-top:32px}.padding-top--33{padding-top:33px}.padding-top--34{padding-top:34px}.padding-top--35{padding-top:35px}.padding-top--36{padding-top:36px}.padding-top--37{padding-top:37px}.padding-top--38{padding-top:38px}.padding-top--39{padding-top:39px}.padding-top--40{padding-top:40px}.padding-top--41{padding-top:41px}.padding-top--42{padding-top:42px}.padding-top--43{padding-top:43px}.padding-top--44{padding-top:44px}.padding-top--45{padding-top:45px}.padding-top--46{padding-top:46px}.padding-top--47{padding-top:47px}.padding-top--48{padding-top:48px}.padding-top--49{padding-top:49px}.padding-top--50{padding-top:50px}.padding-top--51{padding-top:51px}.padding-top--52{padding-top:52px}.padding-top--53{padding-top:53px}.padding-top--54{padding-top:54px}.padding-top--55{padding-top:55px}.padding-top--56{padding-top:56px}.padding-top--57{padding-top:57px}.padding-top--58{padding-top:58px}.padding-top--59{padding-top:59px}.padding-top--60{padding-top:60px}.padding-top--61{padding-top:61px}.padding-top--62{padding-top:62px}.padding-top--63{padding-top:63px}.padding-top--64{padding-top:64px}.padding-top--65{padding-top:65px}.padding-top--66{padding-top:66px}.padding-top--67{padding-top:67px}.padding-top--68{padding-top:68px}.padding-top--69{padding-top:69px}.padding-top--70{padding-top:70px}.padding-top--71{padding-top:71px}.padding-top--72{padding-top:72px}.padding-top--73{padding-top:73px}.padding-top--74{padding-top:74px}.padding-top--75{padding-top:75px}.padding-top--76{padding-top:76px}.padding-top--77{padding-top:77px}.padding-top--78{padding-top:78px}.padding-top--79{padding-top:79px}.padding-top--80{padding-top:80px}.padding-top--81{padding-top:81px}.padding-top--82{padding-top:82px}.padding-top--83{padding-top:83px}.padding-top--84{padding-top:84px}.padding-top--85{padding-top:85px}.padding-top--86{padding-top:86px}.padding-top--87{padding-top:87px}.padding-top--88{padding-top:88px}.padding-top--89{padding-top:89px}.padding-top--90{padding-top:90px}.padding-top--91{padding-top:91px}.padding-top--92{padding-top:92px}.padding-top--93{padding-top:93px}.padding-top--94{padding-top:94px}.padding-top--95{padding-top:95px}.padding-top--96{padding-top:96px}.padding-top--97{padding-top:97px}.padding-top--98{padding-top:98px}.padding-top--99{padding-top:99px}
.padding-right--10{padding-right:10px}.padding-right--11{padding-right:11px}.padding-right--12{padding-right:12px}.padding-right--13{padding-right:13px}.padding-right--14{padding-right:14px}.padding-right--15{padding-right:15px}.padding-right--16{padding-right:16px}.padding-right--17{padding-right:17px}.padding-right--18{padding-right:18px}.padding-right--19{padding-right:19px}.padding-right--20{padding-right:20px}.padding-right--21{padding-right:21px}.padding-right--22{padding-right:22px}.padding-right--23{padding-right:23px}.padding-right--24{padding-right:24px}.padding-right--25{padding-right:25px}.padding-right--26{padding-right:26px}.padding-right--27{padding-right:27px}.padding-right--28{padding-right:28px}.padding-right--29{padding-right:29px}.padding-right--30{padding-right:30px}.padding-right--31{padding-right:31px}.padding-right--32{padding-right:32px}.padding-right--33{padding-right:33px}.padding-right--34{padding-right:34px}.padding-right--35{padding-right:35px}.padding-right--36{padding-right:36px}.padding-right--37{padding-right:37px}.padding-right--38{padding-right:38px}.padding-right--39{padding-right:39px}.padding-right--40{padding-right:40px}.padding-right--41{padding-right:41px}.padding-right--42{padding-right:42px}.padding-right--43{padding-right:43px}.padding-right--44{padding-right:44px}.padding-right--45{padding-right:45px}.padding-right--46{padding-right:46px}.padding-right--47{padding-right:47px}.padding-right--48{padding-right:48px}.padding-right--49{padding-right:49px}.padding-right--50{padding-right:50px}.padding-right--51{padding-right:51px}.padding-right--52{padding-right:52px}.padding-right--53{padding-right:53px}.padding-right--54{padding-right:54px}.padding-right--55{padding-right:55px}.padding-right--56{padding-right:56px}.padding-right--57{padding-right:57px}.padding-right--58{padding-right:58px}.padding-right--59{padding-right:59px}.padding-right--60{padding-right:60px}.padding-right--61{padding-right:61px}.padding-right--62{padding-right:62px}.padding-right--63{padding-right:63px}.padding-right--64{padding-right:64px}.padding-right--65{padding-right:65px}.padding-right--66{padding-right:66px}.padding-right--67{padding-right:67px}.padding-right--68{padding-right:68px}.padding-right--69{padding-right:69px}.padding-right--70{padding-right:70px}.padding-right--71{padding-right:71px}.padding-right--72{padding-right:72px}.padding-right--73{padding-right:73px}.padding-right--74{padding-right:74px}.padding-right--75{padding-right:75px}.padding-right--76{padding-right:76px}.padding-right--77{padding-right:77px}.padding-right--78{padding-right:78px}.padding-right--79{padding-right:79px}.padding-right--80{padding-right:80px}.padding-right--81{padding-right:81px}.padding-right--82{padding-right:82px}.padding-right--83{padding-right:83px}.padding-right--84{padding-right:84px}.padding-right--85{padding-right:85px}.padding-right--86{padding-right:86px}.padding-right--87{padding-right:87px}.padding-right--88{padding-right:88px}.padding-right--89{padding-right:89px}.padding-right--90{padding-right:90px}.padding-right--91{padding-right:91px}.padding-right--92{padding-right:92px}.padding-right--93{padding-right:93px}.padding-right--94{padding-right:94px}.padding-right--95{padding-right:95px}.padding-right--96{padding-right:96px}.padding-right--97{padding-right:97px}.padding-right--98{padding-right:98px}.padding-right--99{padding-right:99px}
.padding-bottom--10{padding-bottom:10px}.padding-bottom--11{padding-bottom:11px}.padding-bottom--12{padding-bottom:12px}.padding-bottom--13{padding-bottom:13px}.padding-bottom--14{padding-bottom:14px}.padding-bottom--15{padding-bottom:15px}.padding-bottom--16{padding-bottom:16px}.padding-bottom--17{padding-bottom:17px}.padding-bottom--18{padding-bottom:18px}.padding-bottom--19{padding-bottom:19px}.padding-bottom--20{padding-bottom:20px}.padding-bottom--21{padding-bottom:21px}.padding-bottom--22{padding-bottom:22px}.padding-bottom--23{padding-bottom:23px}.padding-bottom--24{padding-bottom:24px}.padding-bottom--25{padding-bottom:25px}.padding-bottom--26{padding-bottom:26px}.padding-bottom--27{padding-bottom:27px}.padding-bottom--28{padding-bottom:28px}.padding-bottom--29{padding-bottom:29px}.padding-bottom--30{padding-bottom:30px}.padding-bottom--31{padding-bottom:31px}.padding-bottom--32{padding-bottom:32px}.padding-bottom--33{padding-bottom:33px}.padding-bottom--34{padding-bottom:34px}.padding-bottom--35{padding-bottom:35px}.padding-bottom--36{padding-bottom:36px}.padding-bottom--37{padding-bottom:37px}.padding-bottom--38{padding-bottom:38px}.padding-bottom--39{padding-bottom:39px}.padding-bottom--40{padding-bottom:40px}.padding-bottom--41{padding-bottom:41px}.padding-bottom--42{padding-bottom:42px}.padding-bottom--43{padding-bottom:43px}.padding-bottom--44{padding-bottom:44px}.padding-bottom--45{padding-bottom:45px}.padding-bottom--46{padding-bottom:46px}.padding-bottom--47{padding-bottom:47px}.padding-bottom--48{padding-bottom:48px}.padding-bottom--49{padding-bottom:49px}.padding-bottom--50{padding-bottom:50px}.padding-bottom--51{padding-bottom:51px}.padding-bottom--52{padding-bottom:52px}.padding-bottom--53{padding-bottom:53px}.padding-bottom--54{padding-bottom:54px}.padding-bottom--55{padding-bottom:55px}.padding-bottom--56{padding-bottom:56px}.padding-bottom--57{padding-bottom:57px}.padding-bottom--58{padding-bottom:58px}.padding-bottom--59{padding-bottom:59px}.padding-bottom--60{padding-bottom:60px}.padding-bottom--61{padding-bottom:61px}.padding-bottom--62{padding-bottom:62px}.padding-bottom--63{padding-bottom:63px}.padding-bottom--64{padding-bottom:64px}.padding-bottom--65{padding-bottom:65px}.padding-bottom--66{padding-bottom:66px}.padding-bottom--67{padding-bottom:67px}.padding-bottom--68{padding-bottom:68px}.padding-bottom--69{padding-bottom:69px}.padding-bottom--70{padding-bottom:70px}.padding-bottom--71{padding-bottom:71px}.padding-bottom--72{padding-bottom:72px}.padding-bottom--73{padding-bottom:73px}.padding-bottom--74{padding-bottom:74px}.padding-bottom--75{padding-bottom:75px}.padding-bottom--76{padding-bottom:76px}.padding-bottom--77{padding-bottom:77px}.padding-bottom--78{padding-bottom:78px}.padding-bottom--79{padding-bottom:79px}.padding-bottom--80{padding-bottom:80px}.padding-bottom--81{padding-bottom:81px}.padding-bottom--82{padding-bottom:82px}.padding-bottom--83{padding-bottom:83px}.padding-bottom--84{padding-bottom:84px}.padding-bottom--85{padding-bottom:85px}.padding-bottom--86{padding-bottom:86px}.padding-bottom--87{padding-bottom:87px}.padding-bottom--88{padding-bottom:88px}.padding-bottom--89{padding-bottom:89px}.padding-bottom--90{padding-bottom:90px}.padding-bottom--91{padding-bottom:91px}.padding-bottom--92{padding-bottom:92px}.padding-bottom--93{padding-bottom:93px}.padding-bottom--94{padding-bottom:94px}.padding-bottom--95{padding-bottom:95px}.padding-bottom--96{padding-bottom:96px}.padding-bottom--97{padding-bottom:97px}.padding-bottom--98{padding-bottom:98px}.padding-bottom--99{padding-bottom:99px}
.padding-left--10{padding-left:10px}.padding-left--11{padding-left:11px}.padding-left--12{padding-left:12px}.padding-left--13{padding-left:13px}.padding-left--14{padding-left:14px}.padding-left--15{padding-left:15px}.padding-left--16{padding-left:16px}.padding-left--17{padding-left:17px}.padding-left--18{padding-left:18px}.padding-left--19{padding-left:19px}.padding-left--20{padding-left:20px}.padding-left--21{padding-left:21px}.padding-left--22{padding-left:22px}.padding-left--23{padding-left:23px}.padding-left--24{padding-left:24px}.padding-left--25{padding-left:25px}.padding-left--26{padding-left:26px}.padding-left--27{padding-left:27px}.padding-left--28{padding-left:28px}.padding-left--29{padding-left:29px}.padding-left--30{padding-left:30px}.padding-left--31{padding-left:31px}.padding-left--32{padding-left:32px}.padding-left--33{padding-left:33px}.padding-left--34{padding-left:34px}.padding-left--35{padding-left:35px}.padding-left--36{padding-left:36px}.padding-left--37{padding-left:37px}.padding-left--38{padding-left:38px}.padding-left--39{padding-left:39px}.padding-left--40{padding-left:40px}.padding-left--41{padding-left:41px}.padding-left--42{padding-left:42px}.padding-left--43{padding-left:43px}.padding-left--44{padding-left:44px}.padding-left--45{padding-left:45px}.padding-left--46{padding-left:46px}.padding-left--47{padding-left:47px}.padding-left--48{padding-left:48px}.padding-left--49{padding-left:49px}.padding-left--50{padding-left:50px}.padding-left--51{padding-left:51px}.padding-left--52{padding-left:52px}.padding-left--53{padding-left:53px}.padding-left--54{padding-left:54px}.padding-left--55{padding-left:55px}.padding-left--56{padding-left:56px}.padding-left--57{padding-left:57px}.padding-left--58{padding-left:58px}.padding-left--59{padding-left:59px}.padding-left--60{padding-left:60px}.padding-left--61{padding-left:61px}.padding-left--62{padding-left:62px}.padding-left--63{padding-left:63px}.padding-left--64{padding-left:64px}.padding-left--65{padding-left:65px}.padding-left--66{padding-left:66px}.padding-left--67{padding-left:67px}.padding-left--68{padding-left:68px}.padding-left--69{padding-left:69px}.padding-left--70{padding-left:70px}.padding-left--71{padding-left:71px}.padding-left--72{padding-left:72px}.padding-left--73{padding-left:73px}.padding-left--74{padding-left:74px}.padding-left--75{padding-left:75px}.padding-left--76{padding-left:76px}.padding-left--77{padding-left:77px}.padding-left--78{padding-left:78px}.padding-left--79{padding-left:79px}.padding-left--80{padding-left:80px}.padding-left--81{padding-left:81px}.padding-left--82{padding-left:82px}.padding-left--83{padding-left:83px}.padding-left--84{padding-left:84px}.padding-left--85{padding-left:85px}.padding-left--86{padding-left:86px}.padding-left--87{padding-left:87px}.padding-left--88{padding-left:88px}.padding-left--89{padding-left:89px}.padding-left--90{padding-left:90px}.padding-left--91{padding-left:91px}.padding-left--92{padding-left:92px}.padding-left--93{padding-left:93px}.padding-left--94{padding-left:94px}.padding-left--95{padding-left:95px}.padding-left--96{padding-left:96px}.padding-left--97{padding-left:97px}.padding-left--98{padding-left:98px}.padding-left--99{padding-left:99px}

.font-size--10{font-size:10px} .font-size--20{font-size:20px} .font-size--30{font-size:30px}
.font-size--11{font-size:11px} .font-size--21{font-size:21px} .font-size--31{font-size:31px}
.font-size--12{font-size:12px} .font-size--22{font-size:22px} .font-size--32{font-size:32px}
.font-size--13{font-size:13px} .font-size--23{font-size:23px} .font-size--33{font-size:33px}
.font-size--14{font-size:14px} .font-size--24{font-size:24px} .font-size--34{font-size:34px}
.font-size--15{font-size:15px} .font-size--25{font-size:25px} .font-size--35{font-size:35px}
.font-size--16{font-size:16px} .font-size--26{font-size:26px} .font-size--36{font-size:36px}
.font-size--17{font-size:17px} .font-size--27{font-size:27px} .font-size--37{font-size:37px}
.font-size--18{font-size:18px} .font-size--28{font-size:28px} .font-size--38{font-size:38px}
.font-size--19{font-size:19px} .font-size--29{font-size:29px} .font-size--39{font-size:39px}

.font-size--40{font-size:40px} .font-size--50{font-size:50px} .font-size--60{font-size:60px}
.font-size--41{font-size:41px} .font-size--51{font-size:51px} .font-size--61{font-size:61px}
.font-size--42{font-size:42px} .font-size--52{font-size:52px} .font-size--62{font-size:62px}
.font-size--43{font-size:43px} .font-size--53{font-size:53px} .font-size--63{font-size:63px}
.font-size--44{font-size:44px} .font-size--54{font-size:54px} .font-size--64{font-size:64px}
.font-size--45{font-size:45px} .font-size--55{font-size:55px} .font-size--65{font-size:65px}
.font-size--46{font-size:46px} .font-size--56{font-size:56px} .font-size--66{font-size:66px}
.font-size--47{font-size:47px} .font-size--57{font-size:57px} .font-size--67{font-size:67px}
.font-size--48{font-size:48px} .font-size--58{font-size:58px} .font-size--68{font-size:68px}
.font-size--49{font-size:49px} .font-size--59{font-size:59px} .font-size--69{font-size:69px}

.font-size--70{font-size:70px} .font-size--80{font-size:80px} .font-size--90{font-size:90px}
.font-size--71{font-size:71px} .font-size--81{font-size:81px} .font-size--91{font-size:91px}
.font-size--72{font-size:72px} .font-size--82{font-size:82px} .font-size--92{font-size:92px}
.font-size--73{font-size:73px} .font-size--83{font-size:83px} .font-size--93{font-size:93px}
.font-size--74{font-size:74px} .font-size--84{font-size:84px} .font-size--94{font-size:94px}
.font-size--75{font-size:75px} .font-size--85{font-size:85px} .font-size--95{font-size:95px}
.font-size--76{font-size:76px} .font-size--86{font-size:86px} .font-size--96{font-size:96px}
.font-size--77{font-size:77px} .font-size--87{font-size:87px} .font-size--97{font-size:97px}
.font-size--78{font-size:78px} .font-size--88{font-size:88px} .font-size--98{font-size:98px}
.font-size--79{font-size:79px} .font-size--89{font-size:89px} .font-size--99{font-size:99px}

.font-weight--100 { font-weight: 100; } /* Thin (Hairline)           */
.font-weight--200 { font-weight: 200; } /* Extra Light (Ultra Light) */
.font-weight--300 { font-weight: 300; } /* Light                     */
.font-weight--400 { font-weight: 400; } /* Normal                    */
.font-weight--500 { font-weight: 500; } /* Medium                    */
.font-weight--600 { font-weight: 600; } /* Semi Bold (Demi Bold)     */
.font-weight--700 { font-weight: 700; } /* Bold                      */
.font-weight--800 { font-weight: 800; } /* Extra Bold (Ultra Bold)   */
.font-weight--900 { font-weight: 900; } /* Black (Heavy)             */

.text-align--left    { text-align:left    }
.text-align--center  { text-align:center  }
.text-align--right   { text-align:right   }
.text-align--justify { text-align:justify }

.text-transform--uppercase { text-transform:uppercase }

.text-color-red      { color: #EA5C5C}
.text-color-blue     { color: #198bca}
.text-color-white    { color: #fff}

.full-width {
    width: 100%;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/*html,body {*/
    /*height: 100%;*/
/*}*/

.jspPane {
    width: 100% !important;
    margin: 0 auto !important;
}

.jspTrack {
    z-index: 9999;
}

.zoomLens {
    cursor: none;
}

body {
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;

    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body.with-utp {
    padding-top: 40px;
}

button,
label {
    cursor: pointer;
}

p {
    line-height: 1;
}

button,
input,
textarea {
    border: none;
}

input[type="checkbox"],
input[type="radio"] {
    display: none;
}

a {
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none !important;
    outline: 0 !important;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

/******************************************************************************/
/*  PLACEHOLDER  **************************************************************/
/******************************************************************************/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

/******************************************************************************/
/*  ZADARMA CALLBACK  *********************************************************/
/******************************************************************************/

.zcwPopup,
.zcwPopup-title {
    font-family: 'Roboto', sans-serif !important;
}

.zcwPopup-form form {
    padding-bottom: 8px;
}

.zcwPopup-form form br {
    display: none;
}

@media only screen and (max-width:787px) {
    .zcwPopup {
        margin: -147px 0 0 -160px !important;
    }
}


/******************************************************************************/
/*  CONTENT  ******************************************************************/
/******************************************************************************/
/* styles for materials from db */

.content {
    margin: 30px 0 !important;
}

.content h1,
.content h2 {
    margin: 30px 0 15px 0;
    text-align: center;
}

.content h1 {
    font-size: 30px;
}

.content h2 {
    font-size : 24px;
}

.content * {
    line-height: 1.42857143 !important;
}

.content p {
    margin-bottom: 15px;
}

.content ul {
    list-style-image: url(/img/i/list_image.jpg);
    list-style-position: inside;
    margin: 15px 0;
}

/******************************************************************************/
/*  Notifier  *****************************************************************/
/******************************************************************************/

.notify {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
}

.notify__message {
    background-color: #0095d7;
    border: 3px solid #fff;
    color: #fff;
    left: 50%;
    line-height: 1.42857143;
    margin-right: -50%;
    max-width: 316px;
    text-align: center;
    padding: 30px;
    position: absolute;
    top: 50%;
    z-index: 2;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.notify__overlay {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/******************************************************************************/
/*  HELPERS (BEM STYLE)  ******************************************************/
/******************************************************************************/

.i-table { display: table; max-width: 100%; width: 100% }
.i-table.i-table_fixed { table-layout: fixed }
.i-table > .i-table__cell { display: table-cell }

.i-group > .i-group__item { position: relative }
.i-group.i-group_1 > .i-group__item:nth-child(n+2) { margin-top:    10px }
.i-group.i-group_2 > .i-group__item:nth-child(n+2) { margin-right:  10px }
.i-group.i-group_3 > .i-group__item:nth-child(n+2) { margin-bottom: 10px }
.i-group.i-group_4 > .i-group__item:nth-child(n+2) { margin-left:   10px }

.i-group.i-group_2 > .i-group__item,
.i-group.i-group_4 > .i-group__item {
    display: inline-block;
}

/******************************************************************************/
/*  CLOSE  ********************************************************************/
/******************************************************************************/

.i-close {
    cursor: pointer;
    height: 23px;
    opacity: 0.6;
    position: absolute;
    width: 23px;
    z-index: 1;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.i-close:hover {
    opacity: 0.8;
}

.i-close::before,
.i-close::after {
    content: '';
    position: absolute;
}

.i-close::before,
.i-close::after {
    bottom: 5px;
    content: '';
    left: 10px;
    top: 5px;
    position: absolute;
    width: 3px;
}

.i-close::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.i-close::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.i-close.i-close_c1 {
    background-color: #fff;
}

.i-close.i-close_c1::before,
.i-close.i-close_c1::after {
    background-color: #000;
}

/******************************************************************************/
/*  BUTTONS [ remastered ]  ***************************************************/
/******************************************************************************/

.i-button {
    border: none;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    margin: 0;
    padding: 0 30px;
    font-size: 16px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    -webkit-transition: box-shadow 150ms ease-in-out;
       -moz-transition: box-shadow 150ms ease-in-out;
        -ms-transition: box-shadow 150ms ease-in-out;
         -o-transition: box-shadow 150ms ease-in-out;
            transition: box-shadow 150ms ease-in-out;
}

.i-button::before {
    background-color: #fff;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;

    -webkit-transition: opacity 150ms ease-in-out;
       -moz-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
         -o-transition: opacity 150ms ease-in-out;
            transition: opacity 150ms ease-in-out;
}

.i-button:hover,
.i-button:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.i-button:hover::before,
.i-button:focus::before {
    opacity: 0.1;
}

.i-button.i-button_fit {
    width: 100%;
}

.i-button.i-button_c1 {
    background-color: #707070;
}

.i-button.i-button_c2 {
    background-color: #e63f3f;
}

/******************************************************************************/
/*  POPUP HELP RECALL  ********************************************************/
/******************************************************************************/

.popup-help-recall {
    background-color: #252d35;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    position: fixed;
    right: 0;
    z-index: 888;
}

.popup-help-recall span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.i-close_c1 {
    right: 15px;
    top: 15px;
}

/******************************************************************************/
/*  HELPERS  ******************************************************************/
/******************************************************************************/

.i-rounded {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

/******************************************************************************/
/*  BUTTONS  ******************************************************************/
/******************************************************************************/

/* для обрезки, нужно корректировать верстку */
button {
    border: none;
    white-space: nowrap;
}

.btn {
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    position: relative;
    text-transform: uppercase;
    /*white-space: nowrap;*/

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    -webkit-transition: box-shadow 150ms ease-in-out;
       -moz-transition: box-shadow 150ms ease-in-out;
        -ms-transition: box-shadow 150ms ease-in-out;
         -o-transition: box-shadow 150ms ease-in-out;
            transition: box-shadow 150ms ease-in-out;
}

.btn::before {
    background-color: #fff;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-transition: opacity 150ms ease-in-out;
       -moz-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
         -o-transition: opacity 150ms ease-in-out;
            transition: opacity 150ms ease-in-out;
}

.btn:hover,
.btn:focus {
    color: #fff;

    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn:hover::before,
.btn:focus::before {
    opacity: 0.1;
}

.btn-green {
    background-color: #00B05A;
    background-color: #3c6;
}

.btn-blue {
    background-color: #0095d7;
}
.btn-red{
    background-color: #E63F3F;
}
article .btn.btn-red {
    background-color: #E63F3F;
    color: #fff !important;
    padding: 16px 32px;
    font-size: 20px;
}

.btn-grey {
    background-color: #f0f0f0;
    color: #333 !important;
    font-size: 14px;
    font-weight: 500;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.btn-outline {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff inset;
}

.btn-sm {
    padding: 7px 14px;
}

.btn-stretch {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-next::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    right: 30px;
    top: 50%;
    margin-top: -6px;
    color: #fff;
    opacity: .5;
    z-index: 1;

    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/******************************************************************************/
/*  DIALOG CLOSE  *************************************************************/
/******************************************************************************/

.dialog__close {
    opacity: 0.4;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9999;
}

.dialog__close:hover {
    opacity: 1;
}

.dialog__close--white {
    color: #fff;
}

.dialog__close--black {
    color: #000;
}

/******************************************************************************/
/*  INPUT TYPE TEXT  **********************************************************/
/******************************************************************************/

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
    border: none !important;
    background-color: #fff;
    color: #333;
    display: block;
    width: 100%;
    padding: 15px;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-transition: box-shadow 150ms ease-in-out;
       -moz-transition: box-shadow 150ms ease-in-out;
        -ms-transition: box-shadow 150ms ease-in-out;
         -o-transition: box-shadow 150ms ease-in-out;
            transition: box-shadow 150ms ease-in-out;
}

input[type="text"]:not(.i-valid):hover,
input[type="text"]:not(.i-valid):focus,
input[type="tel"]:not(.i-valid):hover,
input[type="tel"]:not(.i-valid):focus,
input[type="email"]:not(.i-valid):hover,
input[type="email"]:not(.i-valid):focus,
input[type="number"]:not(.i-valid):hover,
input[type="number"]:not(.i-valid):focus{
    -webkit-box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
       -moz-box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
            box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
}

textarea.required:not(.i-valid):hover,
textarea.required:not(.i-valid):focus,
input.required:not(.i-valid):hover,
input.required:not(.i-valid):focus {
    -webkit-box-shadow: inset 0 0 0 2px #fc0, 4px 8px 16px rgba(0, 0, 0, 0.32);
       -moz-box-shadow: inset 0 0 0 2px #fc0, 4px 8px 16px rgba(0, 0, 0, 0.32);
            box-shadow: inset 0 0 0 2px #fc0, 4px 8px 16px rgba(0, 0, 0, 0.32);
}
textarea.required,
input.required {
    -webkit-box-shadow: inset 0 0 0 2px #fc0;
       -moz-box-shadow: inset 0 0 0 2px #fc0;
            box-shadow: inset 0 0 0 2px #fc0;
}

/******************************************************************************/
/*  TEXTAREA  *****************************************************************/
/******************************************************************************/

textarea {
    padding: 15px;
}

/******************************************************************************/
/*  INPUT TYPE RADIO  *********************************************************/
/******************************************************************************/

/*
  <label class="radio">
    <input name="fieldName" value="" type="radio">
    <div>Some text</div>
  </label>
*/

label.radio > input[type="radio"] {
    display: none;
}

label.radio {
    display: block;
    line-height: 16px;
    margin: 0;
    padding: 10px 0;
}

label.radio > input {
    cursor: inherit;
    opacity: 0;
    position: absolute;
}
label.radio > input + * {
    /*color: #fff;*/
    cursor: pointer;
    padding: 0 0 0 30px;
    position: relative;
}

label.radio > input + *::before,
label.radio > input + *::after {
    content: '';
    margin-top: 1px;
    position: absolute;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

label.radio > input + *::before {
    /*border: 2px solid #fff;*/
    height: 20px;
    left: 0;
    top: -3px;
    width: 20px;

    -webkit-transition: border-color 100ms ease-in-out;
       -moz-transition: border-color 100ms ease-in-out;
        -ms-transition: border-color 100ms ease-in-out;
         -o-transition: border-color 100ms ease-in-out;
            transition: border-color 100ms ease-in-out;
}
label.radio > input + *::after {
    /*background-color: #fff;*/
    height: 10px;
    left: 5px;
    opacity: 0;
    top: 2px;
    width: 10px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    -webkit-transform: scale3d(3, 3, 3);
       -moz-transform: scale3d(3, 3, 3);
        -ms-transform: scale3d(3, 3, 3);
         -o-transform: scale3d(3, 3, 3);
            transform: scale3d(3, 3, 3);
}

label.radio > input:checked + *::after {
    opacity: 1;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
         -o-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);

    -webkit-transition: border-radius 175ms ease-in-out, opacity 175ms ease-in-out, transform 175ms ease-in-out;
       -moz-transition: border-radius 175ms ease-in-out, opacity 175ms ease-in-out, transform 175ms ease-in-out;
        -ms-transition: border-radius 175ms ease-in-out, opacity 175ms ease-in-out, transform 175ms ease-in-out;
         -o-transition: border-radius 175ms ease-in-out, opacity 175ms ease-in-out, transform 175ms ease-in-out;
            transition: border-radius 175ms ease-in-out, opacity 175ms ease-in-out, transform 175ms ease-in-out;
}

label.radio > input + *:hover,
label.radio > input:focus + * {
    color: #fff;
}


label.radio.white > input + * {
    color: #fff;
}
label.radio.white > input + *::before {
    border: 2px solid #fff;
}
label.radio.white > input + *::after {
    background-color: #fff;
}

label.radio.blue > input + * {
    color: #333;
}
label.radio.blue > input + *::before {
    border: 2px solid #0095d7;
}
label.radio.blue > input + *::after {
    background-color: #0095d7;
}

/******************************************************************************/
/*  INPUT TYPE CHECKBOX  ******************************************************/
/******************************************************************************/

label.radio > input[type="checkbox"] {
    display: none;
}

label.checkbox {
    display: block;
    line-height: 16px;
    margin: 0;
    padding: 10px 0;
    position: relative;
}

label.checkbox > input {
    cursor: inherit;
    opacity: 0;
    position: absolute;
}
label.checkbox > input + div {
    color: #fff;
    cursor: pointer;
    font-family: ClearSansRegular, sans-serif;
    font-size: 14px;
    position: relative;
    padding: 0 0 0 30px;
}

label.checkbox > input + div::before {
    content: '';
    margin-top: 1px;
    position: absolute;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

label.checkbox > input + div::after {
    content: '';
    margin-top: 1px;
    position: absolute;
    top: 1px;
}

label.checkbox > input + div::before {
    border: 2px solid #fff;
    height: 20px;
    left: 0;
    top: -3px;
    width: 20px;

    -webkit-transition: border-color 100ms linear;
       -moz-transition: border-color 100ms linear;
        -ms-transition: border-color 100ms linear;
         -o-transition: border-color 100ms linear;
            transition: border-color 100ms linear;
}
label.checkbox > input + div::after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    height: 10px;
    left: 7px;
    /*top: 0;*/
    opacity: 0;
    width: 6px;

    -webkit-transform: rotate(35deg);
       -moz-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
         -o-transform: rotate(35deg);
            transform: rotate(35deg);
}

label.checkbox > input:checked + div::after {
    opacity: 1;

    -webkit-transition: opacity 200ms linear;
       -moz-transition: opacity 200ms linear;
        -ms-transition: opacity 200ms linear;
         -o-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
}

label.checkbox > input + div:hover,
label.checkbox > input:focus + div {
    color: #fff;
}


/******************************************************************************/
/**  FORM CONTROL (from Twitter Bootstrap 3.3.7)  *****************************/
/******************************************************************************/

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 7px 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:hover,
.form-control:focus {
  border-color: #66afe9;
  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/******************************************************************************/
/*  HEADER  *******************************************************************/
/******************************************************************************/

.i-dropdown {
    position: relative;
}

.i-dropdown::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #333 transparent;

    -webkit-transition: border-color 200ms ease-in-out, transform 200ms ease-in-out;
       -moz-transition: border-color 200ms ease-in-out, transform 200ms ease-in-out;
        -ms-transition: border-color 200ms ease-in-out, transform 200ms ease-in-out;
         -o-transition: border-color 200ms ease-in-out, transform 200ms ease-in-out;
            transition: border-color 200ms ease-in-out, transform 200ms ease-in-out;
}

.i-dropdown:hover::after {
    border-color: #fff transparent;

    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
         -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
}


#full-page-container {
    overflow: auto;
}

#top-line {
    font-size: 0;
    /*display: table;*/
    /*table-layout: fixed;*/
    text-align: justify;
    width: 100%;
    position: relative;
}
#top-line::after {
    content: 'abc';
    display: inline-block;
    width: 100%;
    height: 0;
}
#top-line > li {
    /*display: table-cell;*/
    display: inline-block;
    padding: 0 1em;
    text-align: center;

    -webkit-transition: background-color 300ms ease-in-out;
       -moz-transition: background-color 300ms ease-in-out;
        -ms-transition: background-color 300ms ease-in-out;
         -o-transition: background-color 300ms ease-in-out;
            transition: background-color 300ms ease-in-out;
}

#top-line > li > a {
    padding: 12px 24px;
    display: inline-block;
    width: 100%;
}
#top-line > li > a {
    color: white;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;

    -webkit-transition: color 150ms ease-in-out, background-color 300ms ease-in-out;
       -moz-transition: color 150ms ease-in-out, background-color 300ms ease-in-out;
        -ms-transition: color 150ms ease-in-out, background-color 300ms ease-in-out;
         -o-transition: color 150ms ease-in-out, background-color 300ms ease-in-out;
            transition: color 150ms ease-in-out, background-color 300ms ease-in-out;
}

#top-line > li > a:hover {
    background-color: #0095d7;
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.23);
    color: #fff;
}

#top-line > li {
    position: relative;
}

#top-line > li > ul {
    background-color: #fff;
    border-radius: 2px;
    border-bottom: 4px solid #0095d7;
    display: none;
    left: 50%;
    margin-right: -50%;
    padding: 15px;
    position: absolute;
    z-index: 9999;
    min-width: 200px;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
       -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

#top-line > li:hover > ul {
    display: block;
}

#top-line > li > ul {
    width: 100%;
    padding: 15px 0;
}
#top-line > li > ul > li > a {
    font-size: 14px;
}

#top-line > li > a {
    white-space: nowrap;
    font-size: 14px;
}

@media (min-width: 768px) {
    #top-line {
        display: block;
    }
    #top-line > li {
        display: inline-block;
    }
    #top-line > li > a {
        padding: 12px 0;
        font-size: 13px;
    }
    #top-line > li > a > i {
        margin-top: -5px;
        font-size: 22px;
        position: absolute;
    }
}
@media (min-width: 992px) {
    #top-line > li {
        display: inline-block;
    }
    #top-line > li > a {
        padding: 12px 24px;
        font-size: 13px;
    }
}
@media (min-width: 1200px) {
    #top-line > li > a {
        font-size: 14px;
    }
}

/*
#top-line {
    position: aboslute;
    top: 15px;
    z-index: 99;
}

#top-line li {
    background-color: #f3f3f3;
    text-align: left;
    width: 100%;
}

#top-line > li > a {
    font-weight: 300;
}
*/

#top-menu {
         font-size: 15px;
}

.submenu li > a,
#top-menu li > a {
    color: #333;
    display: block;
    padding: 7px 30px;
    text-align: left;

    -webkit-transition: background-color 200ms linear, color 0ms linear;
       -moz-transition: background-color 200ms linear, color 0ms linear;
        -ms-transition: background-color 200ms linear, color 0ms linear;
         -o-transition: background-color 200ms linear, color 0ms linear;
            transition: background-color 200ms linear, color 0ms linear;
}

.submenu li > a .cat-logo-wrapper path,
#top-menu li > a .cat-logo-wrapper path {
    fill: #333;
}

.submenu li > a:hover .cat-logo-wrapper path,
#top-menu li > a:hover .cat-logo-wrapper path {
    fill: #fff;
}

.submenu li > a:hover,
#top-menu li > a:hover {
    background-color: #0095d7;
    color: #fff;
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.23);

    -webkit-transition: background-color 0ms linear, color 0ms linear;
       -moz-transition: background-color 0ms linear, color 0ms linear;
        -ms-transition: background-color 0ms linear, color 0ms linear;
         -o-transition: background-color 0ms linear, color 0ms linear;
            transition: background-color 0ms linear, color 0ms linear;
}


#top-menu {
    padding-bottom: 15px;
    left: 0;
    background-color: #fff;
    border-radius: 2px;
    border-bottom: 4px solid #0095d7;
    display: none;
    position: absolute;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

#top-menu .top-menu_submenu-heading {
    border-bottom: 1px solid #e8e8e8;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 30px;
    margin-bottom: 15px;
}

#top-menu .top-menu_submenu-heading > a {
    color: #000;
}

#top-menu .super-order-link {
    margin-top: 15px;
    color: #333;
    display: inline-block;
    padding: 7px 30px;text-transform: uppercase;
}

#top-menu .super-order-link > i {
    color: #E63F3F;
    font-size: 22px;
    vertical-align: -6px;
}

#top-menu > .top-menu_submenu > ul {
    list-style: none;
}

#top-menu > .top-menu_submenu:first-of-type {
    float: left;
    width: 50%;
}

#top-menu > .top-menu_submenu:not(:first-of-type) {
    float: left;
    width: 25%;
}

#top-menu > .top-menu_submenu:not(:first-of-type) ul li {
    float: left;
    width: 100%;
}

#top-menu > #expand {
    background-color: #f8f8f8;
    color: #0095d7;
    cursor: pointer;
    padding: 9px 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#top-menu > #expand > i {
    font-size: 22px;
    vertical-align: -7px;
}

#top-menu .cat-logo-wrapper,
.sidebar-panel .cat-logo-wrapper{
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    vertical-align: middle;
}

#top-menu .cat-logo-wrapper > svg,
.sidebar-panel .cat-logo-wrapper > svg {
    width: 100%;
    height: 100%;
}

/******************************************************************************/
/*  TOP FIXED STATUS BLOCK*****************************************************/
/******************************************************************************/

#topStatusBlockWrapper {
    box-shadow: 0 1px 0 #ecf0f1;
}

.status-row__right-block {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.status-row__right-block > * {
    vertical-align: top;
    display: inline-block;
    line-height: 40px;
}

.status-row__right-block i.material-icons {
    vertical-align: middle;
    color: #1c95d7;
    margin-right: 4px;
}

.status-row__right-block a span {
    /* Style for "sale@klv-o" */
    width: 99px;
    height: 12px;
    opacity: 0.7;
    color: #212121;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    letter-spacing: 0.6px;
}

.status-row__right-block a {
    margin-right: 50px;
}

#header-workstatus-block .status-str {
    color: #85ae55;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    line-height: 100%;
    padding-top: 5px;
}

#header-workstatus-block .status-str .status-marker {
    font-size: 40px;
    line-height: 20px;
    vertical-align: middle;
}

#teaser {
    display: inline-block;
    line-height: 40px;
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

@media (min-width:768px) and (max-width:991px) {
    .status-row__right-block a {
        margin-right: 10px;
    }
}

/******************************************************************************/
/*  HEADER SEARCH PART ********************************************************/
/******************************************************************************/

#headerSearchPart {
    position: relative;
    height: 68px;
    margin: 5px 0;
    vertical-align: middle;
}

#headerSearchPart #logo {
    display: block;
    height: 68px;
    position:absolute;
    left:0;
    top: 0;
    width:180px;
}

#headerSearchPart #logo img {
    height: 90%;
    max-width: 90%;
}

#headerSearchPart form.search-block {
    position: relative;
    height: 40px;
    margin-left: 180px;
    margin-right: 455px;
    border-radius: 5px;
    overflow: hidden;
    top: 15px;
}

#headerSearchPart .right-part {
    position:absolute;
    right:0;
    top:0;
    width:455px;
    height:68px;
}

.search-block .search-btn,
.footer-subscribe-block .search-btn {
    position: absolute;
    font-size: 11px;
    line-height: 40px;
    right: 0px;
    height: 40px;
    background-color: #1c95d7;
    color: white;
    text-transform: uppercase;
    padding: 0 20px;
    transition: box-shadow 150ms ease-in-out;
}

.search-block .search-btn:hover,
.footer-subscribe-block .search-btn:hover {
    cursor: pointer;
    background-color: #00a9ea;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: -5px 0 11px 0 rgba(0, 0, 0, 0.18), -4px 0 15px 0 rgba(0, 0, 0, 0.15);
}

.search-block .search-btn i,
.footer-subscribe-block .search-btn i {
    vertical-align: middle;
}

.search-block .search-btn span,
.footer-subscribe-block .search-btn span{
    margin-left: 6px;
}

.search-block .search-input,
.footer-subscribe-block .search-input {
    max-width: 100%;
    padding-left: 20px;
    height: 40px;
    /*box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.02);*/
    background-color: #ecf0f1;
    border-radius: 5px;
}

.search-block .search-input::placeholder,
.footer-subscribe-block .search-input::placeholder {
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
}

#headerSearchPart .header-divider {
    display: inline-block;
    width: 1px;
    height: 60px;
    background-color: #ecf0f1;
    margin: 0 10px;
    margin-top: 4px;
}

#headerSearchPart  .with-shopping-cart .header-divider {
    display: inline-block;
    width: 1px;
    height: 60px;
    background-color: #ecf0f1;
    margin: 0 15px;
    margin-top: 4px;
}

#headerSearchPart .favorite-block {
    position: relative;
    height: 68px;
    display: inline-block;
    vertical-align: top;
}

#headerSearchPart .favorite-block:hover i {
    color: #0095d7;
}

#headerSearchPart .favorite-count.active, #headerSearchPart .cart-count.active {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: #707173;
    vertical-align: middle;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: white;
    top: 11px;
    right: -10px;
}

#headerSearchPart .favorite-block i {
    font-size: 28px;
    line-height: 68px;
    color: #0095d7;
}

.header-phone-numbers-cont {
    display: inline-block;
    vertical-align: top;
}

.header-phone-numbers-cont a {
    color: #212121;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}

.header-phone-numbers-cont a .phone-code {
    font-weight: 400;
}

.header-phone-numbers-cont .header-phone-number:first-of-type {
    margin-top: 8px;
}

#headerSearchPart .header-callback {
    float: right;
    margin-top: 15px;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -ms-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.header-callback {
    display: inline-block;
    color: #0095d7 !important;
    box-shadow: 0 0 0 1px #0095d7 inset !important;
    font-size: 11px;
}

.header-callback:hover {
    background-color: #00a9ea !important;
    color: white !important;
    box-shadow: 0 0 0 1px #0095d7 inset!important;
}

/*md*/

@media(min-width:992px) and (max-width:1199px) {
    .search-block .search-btn span {
        display: none;
    }
    #headerSearchPart #logo {
        width: 168px;
    }
    #headerSearchPart form.search-block {
        margin-left: 168px;
    }
}

/*sm*/
@media (min-width:768px) and (max-width:991px) {
    .search-block .search-btn span {
        display: none;
    }
    #headerSearchPart #logo {
        height: 48px;
        width: 116px;
        margin-top: 11px;
    }
    #headerSearchPart form.search-block {
        margin-left: 116px;
        margin-right: 382px;
    }
    #headerSearchPart .header-divider {
        margin: 0 14px;
        margin-top: 4px;
    }
    #headerSearchPart .right-part{
        width: 382px;
    }
}

/******************************************************************************/
/*  TOP MENU  *****************************************************************/
/******************************************************************************/
#topNavMenuWrapper {
    background-color: #198bca;
}

.navigation_box {
    z-index: 6;
    position: relative;
    height: 100%;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    display: flex;
}

.navigation:first-child {
    text-align: left;
}

#header_main_part nav {
    position: relative;
    height: 40px;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

div.navigation_box > div > a, div.navigation_box > div > p {
    padding: 0 35px 0 35px;
}

.navigation > a, .navigation > p, .item_menu {
    color: #363636;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    cursor: default;
    display: inline-block;
    padding-left: 23.9px;
    padding-right: 23px;
}

.navigation {
    text-align: center;
    height: 100%;
    float: left;
    transition: 0.4s;
}
.navigation {
    text-align: center;
}

@media(max-width:767px) {
    #top-menu > .top-menu_submenu:nth-child(1) > ul {
        columns: 1;
    }
}

@media(min-width: 768px) {
    #top-menu > .top-menu_submenu:nth-child(1) > ul {
        columns: 2;
    }

    #top-menu {
        -webkit-border-radius: 0 !important;
           -moz-border-radius: 0 !important;
                border-radius: 0 !important;
    }

    #top-menu::before,
    #top-menu::after {
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    #top-menu::before {
        background-color: #fff;
        position: absolute;
        z-index: -1;
    }

    #top-menu::after {
        background-color: rgba(0, 0, 0, .4);
        position: fixed;
        z-index: -2;
    }

}


/******************************************************************************/
/*  TOP MENU @ MOBILE  ********************************************************/
/******************************************************************************/
#topNavMenuPhoneBlockMobile {
    display: none;
}

#top-line .bg-full-width {
    display: none;
}

#top-line > li.search-row {
    display: none;
}

@media(max-width:767px) {
    #topStatusBlockWrapper #teaser{
        margin-top:60px;
        font-size:16px;
        text-align:center;
        line-height:30px;
    }
    #top-line {
        display: none;
    }

    #topNavMenuWrapper {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
    }
    #topNavMenuWrapper.open{
        background-color: white;
    }

    body.with-utp #topNavMenuWrapper{
        top: 40px;
    }

    .bg-full-width:before,
    .bg-full-width:after {
        content: "";
        position: absolute;
        background-color: #1c95d7;
        top: 0;
        bottom: 0;
        width: 9999px;
        height: 100%;
    }

    .bg-full-width:before {
        right: 100%;
    }

    .bg-full-width:after {
        left:100%;
    }

    #topNavMenuWrapper.open {
        height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
    }

    #top-line > li.search-row {
        display: block;
    }

    #topNavMenuWrapper.open #topNavMenuPhoneBlockMobile {
        display: block;
        height: 80px;
        z-index: 9999;
    }

    #topNavMenuPhoneBlockMobile {
        position: fixed;
        bottom: 0px;
        left: 0px;
        background-color: #ecf0f1;
    }

    #topNavMenuPhoneBlockMobile .header-phone-numbers-cont .header-phone-number:first-of-type {
        margin-top: 16px;
    }

    #topNavMenuWrapper.open #top-line {
        display: block;
        /*todo right size?*/
        padding-bottom: 110px;
    }

    #topNavMenuMobile {
        position: relative;
        background-color: #1c95d7;
        padding: 0px;
        height: 60px;
        line-height: 60px;
    }

    #topNavMenuPhoneBlockMobile .header-callback {
        top: 22px;
        float: right;
    }

    #topNavMenuMobile a.logo {
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        /*margin-left: 20px;*/
        margin-left: 0px;
    }

    #topNavMenuMobile a.logo img {
        height: 100%;
        width: auto;
    }

    #hamburger {
        display: inline-block;
        vertical-align: middle;
        /*width: 30px;*/
        /*height: 20px;*/
        width: 60px;
        height: 60px;
        margin-left: -14px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #hamburger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: white;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #hamburger span:nth-child(1) {
        top: 0px;
        margin-top: 20px;
        width: 30px;
        margin-left: 14px;
    }

    #hamburger span:nth-child(2),#hamburger span:nth-child(3) {
        top: 8px;
        margin-top: 20px;
        width: 30px;
        margin-left: 14px;
    }

    #hamburger span:nth-child(4) {
        top: 16px;
        margin-top: 20px;
        width: 30px;
        margin-left: 14px;
    }

    #hamburger.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    #hamburger.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #hamburger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #hamburger.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .favorite-mobile-btn,
    .cart-mobile-btn,
    .callback-mobile-btn {
        display: inline-block;
        text-align: center;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        color: white;
        float: right;
        position: relative;
        top: 10px;
        margin-left: 10px;
    }

    .favorite-mobile-btn i,
    .cart-mobile-btn i,
    .callback-mobile-btn i {
        vertical-align: top;
        line-height: 40px;
    }

    .callback-mobile-btn {
        background-color: white;
        color: #1c95d7;
    }

    .favorite-mobile-btn,
    .cart-mobile-btn,
    .favorite-mobile-btn.active,
    .cart-mobile-btn.active{
        background-color: white;
        color: #1c95d7;
    }

    .favorite-mobile-btn .favorite-count,
    .cart-mobile-btn .cart-count{
        display: none;
    }

    .favorite-mobile-btn.active .favorite-count,
    .cart-mobile-btn .cart-count.active{
        position: absolute;
        display: inline-block;
        height: 18px;
        width: 18px;
        border-radius: 9px;
        background-color: #707173;
        vertical-align: middle;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        color: white;
        top: -1px;
        right: -1px;
    }

    #topNavMenuInnerWrapper {
        padding: 0px;
    }

    #top-line > li {
        min-height: 55px;
        height: auto;
        display: block;
        text-align: left;
        border-bottom: 1px solid #ecf0f1;
    }

    #top-line > li:active {
        background-color: rgba(28, 149, 215, 0.13);
    }

    #top-menu .top-menu_submenu-heading:active {
        background-color: rgba(28, 149, 215, 0.13);
    }

    #top-line > li > a {
        color: black;
        padding: 0px;
        line-height: 55px;
        font-weight: 700;
    }

    #top-line > li > a i,
    .sidebar-panel-title label i,
    #top-menu .top-menu_submenu-heading > i {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        display: inline-block;
        right: 0px;
        line-height: 55px;
        margin-top: 0px !important;
        font-size: 28px !important;
    }

    #top-line > li > a:hover {
        background-color: inherit;
        color: inherit;
        box-shadow: none !important;
    }

    #top-line > li.search-row .search-block {
        position: relative;
        top: 9px;
        border-radius: 5px;
        overflow: hidden;
    }

    #top-line .bg-full-width {
        display: block;
    }

    #top-line .bg-full-width:before,
    #top-line .bg-full-width:after {
        z-index: 3;
        background-color: white;
        border-bottom: 1px solid #ecf0f1;
        top: 1px;
    }

    #top-line li.expandable + div {
        max-height: 0px !important;
        -webkit-transition: max-height 0.9s;
        -moz-transition: max-height 0.9s;
        -ms-transition: max-height 0.9s;
        -o-transition: max-height 0.9s;
        transition: max-height 0.9s;
    }

    #top-line li.expandable.open + div {
        display: block !important;
        position: relative !important;
        border-bottom: 0px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        /*height: auto !important;*/
        background-color: transparent !important;
        padding-bottom: 0px !important;
        max-height: none !important;
    }

    #top-line li.expandable.open a i{
        position: absolute !important;
        right: 0px !important;
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        z-index: 4;
    }

    #top-line li.expandable.open a {
        position: relative !important;
        color: #1c95d7 !important;
    }

    #top-menu {
        font-size: 14px;
    }

    #top-menu .top-menu_submenu {
        float: none !important;
        width: 100% !important;
    }

    #top-menu .top-menu_submenu ul li {
        position: relative;
        float: none !important;
        width: 100% !important;
        box-shadow: 0 1px 0 #ecf0f1;
    }

    #top-menu .top-menu_submenu ul li a {
        padding: 20px 0px 20px 32px;
    }

    #top-menu .top-menu_submenu-heading {
        position: relative;
        height: 55px;
        display: block;
        text-align: left;
        border-bottom: 1px solid #ecf0f1 !important;
        margin-bottom: 0px !important;
        background-color: white;
        margin-left: 16px;
        line-height: 16px;
        padding: 20px 0;
    }

    #top-menu .top-menu_submenu-heading.open,
    #top-menu .top-menu_submenu-heading.open > a {
        color: #1c95d7 !important;
    }

    #top-line li > a i.material-icons {
        margin-top: -5px; font-size: 22px; position: absolute;
    }

    #top-menu .top-menu_submenu-heading + ul {
        max-height: 0px;
        overflow: hidden;
        -webkit-transition: max-height 0.3s;
        -moz-transition: max-height 0.3s;
        -ms-transition: max-height 0.3s;
        -o-transition: max-height 0.3s;
        transition: max-height 0.3s;
    }

    #top-line #top-menu .top-menu_submenu-heading .bg-full-width::before,
    #top-line #top-menu .top-menu_submenu-heading .bg-full-width::after {
        top: 0px;
        z-index: 22;
        background-color: white;
        border-bottom: none;
        -webkit-box-shadow: 0 1px 0 #ecf0f1;
        -moz-box-shadow: 0 1px 0 #ecf0f1;
        box-shadow: 0 1px 0 #ecf0f1;
    }

    #top-line #top-menu .top-menu_submenu-heading.open .bg-full-width::before,
    #top-line #top-menu .top-menu_submenu-heading.open .bg-full-width::after {
        background-color: white;
    }

    #top-menu .top-menu_submenu-heading.open + ul {
        max-height: none;
        overflow: visible;
    }

    #top-menu .top-menu_submenu-heading > i {
        position: absolute;
        top: 0px;
        right: 0px;
        line-height: 55px;
        display: inline-block;
    }

    #top-menu .top-menu_submenu-heading.open > i {
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
    }

    #top-menu #expand {
        display: none;
    }

    #top-menu .super-order-link {
        display: none !important;
    }

    #top-line > li.expandable > ul.submenu {
        display: inline-block;
        position: relative;
        padding: 0px;
        border-bottom: 0px;
        border-radius: 0px;
        box-shadow: none;
        margin-right: 0px;
        max-height: 0px;
        overflow: hidden;
        -webkit-transition: max-height 0.3s;
        -moz-transition: max-height 0.3s;
        -ms-transition: max-height 0.3s;
        -o-transition: max-height 0.3s;
        transition: max-height 0.3s;
    }

    #top-line > li.expandable.open > ul.submenu {
        max-height: 900px;
        overflow: visible;
    }

    #top-line > li.expandable.open > ul.submenu > li {
        position: relative;
    }

    #top-line > li.expandable.open > ul.submenu > li {

    }

    #top-line > li.expandable.open > ul.submenu > li .bg-full-width {
        display: block;
    }

    #top-line > li.expandable.open > ul.submenu > li .bg-full-width:before,
    #top-line > li.expandable.open > ul.submenu > li .bg-full-width:after {
        z-index: 3;
        background-color: white;
        border-bottom: 1px solid #ecf0f1;
        top: 0px;
    }

    #top-line > li.expandable > ul.submenu a {
        color: black !important;
        line-height: 55px;
        padding-left: 10px;
        left: 0px !important;
        border-bottom: 1px solid #ecf0f1;
    }

    #top-line > li.expandable.open > ul.submenu li:first-of-type a {
        border-top: 1px solid #ecf0f1;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #top-line > li.expandable.open > ul.submenu > li:first-of-type .bg-full-width:before,
    #top-line > li.expandable.open > ul.submenu > li:first-of-type .bg-full-width:after {
        z-index: 3;
        background-color: white;
        border-bottom: 1px solid #ecf0f1;
        border-top: 1px solid #ecf0f1;
    }

}

/******************************************************************************/
/*  FOOTER PART ***************************************************************/
/******************************************************************************/

#footerWrapperTop {
    background-color: #252d35;
}

#footerWrapperBottom {
    background-color: #20272f;
}

#footerWrapperTop .footer-cities-header {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin: 10px auto;
}

#footerWrapperTop .footer-cities-list-wrapper {
    padding-left: 0px;
}

#footerWrapperBottom .subscribe-about {
    padding-top: 20px;
    padding-bottom: 20px;
}

#footerWrapperBottom .subscribe-about img {
    height: 46px;
    margin-right: 20px;
    float: left;
}

#footerWrapperBottom .subscribe-about .subscribe-title-main {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.38px;
    line-height: 23px;
}

#footerWrapperBottom .subscribe-about .subscribe-title-additional {
    opacity: 0.4;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

#footerWrapperBottom #footerSubscribeSuccessBlock {
    display: none;
    margin-top: 23px;
    color: white;
}

#footerWrapperBottom #hideStickySubscribeBlock {
    display: none;
}

#footerSubscribeBlock {
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.footer-row-divider {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.1;
    margin-bottom: 20px;
}

#footerSubscribeBlock {
    margin-top: 20px;
}

#footer-phones-block {
    display: inline-block;
}

#footer-phones-block > p a {
    color: inherit;
}

#footer-phones-block > p {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
}

#footer-phones-block > p .phone-code {
    font-weight: 400;
}

#footer-phones-block > p.phone-description-text {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
}

#footerWrapperBottom .header-callback {
    float: right;
}

#footerWrapperBottom .footer-location-block {
    color: #fefefe;
    font-size: 14px;
    font-weight: 400;
    margin-top: 40px;
}

#footerWrapperBottom .footer-location-block p {
    line-height: 20px;
}

#footerWrapperBottom .footer-worktime-block {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

#header-workstatus-block .footer-worktime-block {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    margin-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}

#footerWrapperBottom #countryPicker {
    position: relative;
    margin-top: 12px;
}

#footerWrapperBottom #countryPicker > button:hover {
    cursor: pointer;
}

#footerWrapperBottom #countryPicker > button {
    color: white;
    background-color: transparent;
    padding: 0px;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#footerWrapperBottom #countryPicker > button img {
    vertical-align: middle;
    max-height: 22px;
    margin-right: 15px;
}

#footerWrapperBottom #countryPicker > button span,
#footerWrapperBottom #countryPicker > button i {
    vertical-align: middle;
}

#footerWrapperBottom #countryPicker .dropdown-menu {
    background-color: #20272f;
    border: 0px;
    box-shadow: none;
    padding-top: 0px;
    margin-top: 0px;
}

#footerWrapperBottom #countryPicker .dropdown-menu > li > a {
    color: white;
    padding: 3px 0px;
}

#footerWrapperBottom #countryPicker .dropdown-menu > li > a > img {
    display: inline-block;
    vertical-align: middle;
    max-height: 22px;
    margin-right: 15px;
}

#footerWrapperBottom #countryPicker .dropdown-menu > li > a:hover,
#footerWrapperBottom #countryPicker .dropdown-menu > li > a:focus {
    background-color: #252d35;
}

#footerMiddlePart p.menu-heading{
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.35px;
}

.footer-menu-item {
    margin-bottom: 21px;
}

.footer-heading-row {
    margin-bottom: 20px;
}

.footer-menu-item a,
.footer-menu-item p {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.footer-menu-item a:hover,
.footer-menu-item a:focus {
    color: white;
}

.footer-rating-heading {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.35px;
}

#footerWrapperBottom #rating {
    margin-top: 24px;
}

#footerWrapperBottom div.vote-hover {
    padding-left: 0px !important;
    margin-bottom: 20px;
}

#footerWrapperBottom #rating-votes-block > p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

#footerWrapperBottom .total-votes-wrapper {
    color: #bdbdbd;
}

#footerWrapperBottom div.vote-success {
    height: 14px;
    margin-left: 0px;
}

#footerWrapperBottom div.vote-result {
    display: none;
}

#footer-social-icons-block a {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 4px;
    margin-top: 30px;
}

#footer-social-icons-block a:hover g > g {
    opacity: 0.6 !important;
}

.footer-copyright-block p{
    opacity: 0.2;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

#footerMiddlePart {
    margin-bottom: 20px;
}

#footerWrapperBottom .footer-bottom-part .footer-copyright-block {
    margin-bottom: 20px;
}

#footerWrapperBottom.stick-to-bottom {
    /*background-color: #0095d7;*/
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16), 0 -2px 10px 0 rgba(0,0,0,0.12);
}


#footerWrapperBottom.stick-to-bottom .footer-bottom-part {
    display: none;
}

#footerWrapperBottom.stick-to-bottom .footer-row-divider {
    display: none;
}

#footerWrapperBottom.stick-to-bottom #hideStickySubscribeBlock {
    display: inline-block;
    position: fixed;
    right: 10px;
    color: #ecf0f1;
    z-index: 12;
}

#footerWrapperBottom.stick-to-bottom #hideStickySubscribeBlock:hover {
    cursor: pointer;
}

@media(min-width:992px) and (max-width:1199px) {
    #footerWrapperBottom .header-callback {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .footer-copyright-block p{
        font-size: 13px;
        line-height: 20px;
    }

    #footer-social-icons-block a {
        margin-top: 0px;
    }

    #footerWrapperBottom div.vote-hover {
        margin-bottom: 2px !important;
    }

    #footerWrapperBottom div.vote-success {
        height: auto;
    }

    #footerWrapperBottom #rating {
        margin-top: 0px;
    }

    #footerWrapperBottom #rating-votes-block > p{
        font-size: 12px;
    }

    .footer-rating-stars {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*imitating col-sm-8 just in this size*/
    #footerWrapperBottom #_aggregateRating16 {
        float: left;
        width: 66.66666667%;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width:992px) {
    #footerWrapperTop .selLabel {
        display: none;
    }

    #footerWrapperTop .dropdown-list li {
        float: left;
        padding: 0px 10px;
    }

    #footerWrapperTop .dropdown-list li a {
        color: #ffffff;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.33px;
        line-height: 40px;
        margin: 10px auto;
        display: inline-block;
    }
}

@media (max-width:991px) {
    #footerWrapperBottom .header-callback {
        padding-left: 12px;
        padding-right: 12px;
    }

    #footerWrapperBottom .subscribe-about .subscribe-title-main {
        font-size: 13px;
    }
    #footerWrapperBottom .subscibe-text-wrapper {
        display: inline-block;
        max-width: 340px;
    }
    #footerWrapperBottom .subscribe-about .subscribe-title-additional {
        font-size: 13px;
        line-height: 18px;
    }
    .footer-cities-list {
        width: 100%;
    }

    .selected-item {
        margin: 20px 0;
        text-align: center;
    }
    .selected-item p {
        font-size: 18px;
    }
    .selected-item p span {
        font-weight: bold;
    }
    /* dropdown list */
    .cities-dropdown {
        margin: 10px auto;
        width: 100%;
        max-width: 300px;
        position: relative;
        -webkit-perspective: 800px;
        perspective: 800px;
        z-index: 4;
        float: right;
    }
    .cities-dropdown.active .dropdown-list {
        display: block;
    }
    .cities-dropdown.active .selLabel:after {
        content: '\25B2';
    }
    .cities-dropdown.active .dropdown-list li:nth-child(1) {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(2) {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(3) {
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(4) {
        -webkit-transform: translateY(400%);
        transform: translateY(400%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(5) {
        -webkit-transform: translateY(500%);
        transform: translateY(500%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(6) {
        -webkit-transform: translateY(600%);
        transform: translateY(600%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(7) {
        -webkit-transform: translateY(700%);
        transform: translateY(700%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(8) {
        -webkit-transform: translateY(800%);
        transform: translateY(800%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(9) {
        -webkit-transform: translateY(900%);
        transform: translateY(900%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(10) {
        -webkit-transform: translateY(1000%);
        transform: translateY(1000%);
    }
    .cities-dropdown.active .dropdown-list li:nth-child(11) {
        -webkit-transform: translateY(1100%);
        transform: translateY(1100%);
    }
    .cities-dropdown > a {
        opacity: 0.5;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.33px;
        background-color: #20272f;
        display: block;
        padding: 0 0px 0 16px;
        position: relative;
        z-index: 9999;
        cursor: pointer;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        transition: -webkit-transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .cities-dropdown > a:after {
        content: '\25BC';
        position: absolute;
        right: 0px;
        top: 10%;
        width: 50px;
        text-align: center;
        font-size: 12px;
        padding: 10px;
        height: 70%;
        line-height: 12px;
    }
    .cities-dropdown > a:active {
        -webkit-transform: rotateX(45deg);
        transform: rotateX(45deg);
    }
    .cities-dropdown > a:active:after {
        content: '\25B2';
    }
    .cities-dropdown .dropdown-list {
        position: absolute;
        top: 0px;
        width: 100%;
    }
    .cities-dropdown:not(.active) .dropdown-list li {
        opacity: 0;
    }
    .cities-dropdown .dropdown-list li {
        display: block;
        list-style: none;
        left: 0;
        opacity: 1;
        transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease;
        transition: transform 300ms ease, -webkit-transform 300ms ease;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #20272f;
    }
    .cities-dropdown .dropdown-list li:nth-child(1) {
        z-index: 4;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .cities-dropdown .dropdown-list li:nth-child(2) {
        z-index: 3;
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }
    .cities-dropdown .dropdown-list li:nth-child(3) {
        z-index: 2;
        -webkit-transform: translateY(6%);
        transform: translateY(6%);
    }
    .cities-dropdown .dropdown-list li:nth-child(4) {
        z-index: 1;
        -webkit-transform: translateY(9%);
        transform: translateY(9%);
    }
    .cities-dropdown .dropdown-list li a {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
        font-size: 13px;
        line-height: 40px;
        padding-left: 16px;
        display: block;
        color: #fff;
        cursor: pointer;
        letter-spacing: inherit;
        opacity: 0.5;
    }

}

@media (max-width:767px) {
    #footerSubscribeBlock {
        margin-top: 0px;
    }

    .footer-subscribe-block .search-input {
        width: 100%;
    }

    #footerWrapperBottom .subscibe-text-wrapper {
        display: table;
        height: 46px;
    }

    #footerWrapperBottom .subscibe-text-wrapper p {
        display: table-cell;
        vertical-align: middle;
    }

    #footerWrapperBottom .footer-location-block {
        margin-top: 35px;
    }

    #footerWrapperBottom .header-callback {
        padding-left: 22px;
        padding-right: 22px;
    }

    #footerWrapperBottom #countryPicker {
        margin-top: 35px;
        margin-bottom: 20px;
    }

    #footerWrapperBottom div.vote-hover {
        margin-bottom: 2px !important;
    }

    #footerWrapperBottom div.vote-success {
        height: auto;
    }

    #footerWrapperBottom #rating {
        margin-top: 0px;
    }

    #footerWrapperBottom #rating-votes-block > p{
        font-size: 12px;
    }

    .footer-rating-stars {
        padding-left: 0px;
        padding-right: 0px;
    }

    #footer-social-icons-block {
        margin-bottom: 20px;
    }

    #footerWrapperBottom.stick-to-bottom .subscribe-about {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}


/******************************************************************************/
/*  PART TABS  ****************************************************************/
/******************************************************************************/

.tab_part {
    display: inline-block;
    background-color: #266485;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1 !important;
    margin: 0;
    padding: 16px 0px;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
    margin-right: 2px;
}

.tab_part.current {
    background-color: #198bca;
    color: #fff;
}

a.tab_part:hover {
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.23);
    background-color: #0A7898;
}
a.tab_part.current:hover {
    box-shadow: none;
    background-color: #198bca;
}

.zoomContainer {
    overflow: hidden;
    z-index: 1050;
}

/******************************************************************************/
/*  Language Switcher  ********************************************************/
/******************************************************************************/

/******************************************************************************/
/*  https://getbootstrap.com/docs/3.3/javascript/#tooltips  *******************/
/******************************************************************************/

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: ClearSansRegular, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.25 !important;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px 8px 8px !important;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}









.tooltip-inner {
    background-color: rgba(0, 0, 0, 0.9) !important;
    max-width: 250px !important;
    width: 250px !important;
}



label.form-control-2 {
    display: block;
    margin-bottom: 15px;
}
label.form-control-2 > input {
    width: 100%;
}
label.form-control-2 > span {
    display: inline-block;
    margin-bottom: 10px;
}





.zcwPopup-title {
    color: white !important;
}

td.header_cell {
    vertical-align: middle;
}

/******************************************************************************/
/**  SITEWIDE QUIZ BANNER  ****************************************************/
/******************************************************************************/

.sitewide-quiz-banner {
    display: block;
    position: relative;
}

.sitewide-quiz-banner .wrapper span {
    display: block;
    color: #212121;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 6px;
}

.sitewide-quiz-banner .wrapper span b {
    font-weight: 700;
}

.slide-p {
    position: relative;
}

.slide-p .flex-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    text-align: center;
}

.slide-p .flex-wrapper.mod-banner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20%;
    left: 28%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    text-align: center;
}

.slider-slick-mob,
.slider-slick-d {
    margin-bottom: 20px;
}

.slick-close-btn {
    position: absolute;
    z-index: 3 !important;
    cursor: pointer !important;
    text-decoration: none;
    color: rgba(0,0,0,0);
    width:18px;
    height:17px;
    color: white;
    top: 5px;
    right: 5px;
    font-size: 20px;
    font-weight: normal;
    visibility: collapse;
}

.slick-close-btn:before {
    font-family: "Material Icons";
    content: "\e5cd";
    visibility: visible;
}

.slick-close-btn:hover {
    color: #d7d7d7;
}

.sitewide-quiz-banner .wrapper {
    display: block;
}

@media(min-width:1200px) {
    .sitewide-quiz-banner span {
        font-size: 22px;
        line-height: 24px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .sitewide-quiz-banner span {
        font-size: 18px;
        line-height: 24px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sitewide-quiz-banner span {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -1px;
    }
    .sitewide-quiz-banner button {
        padding: 10px 14px;
    }
}

@media(min-width:451px) and (max-width:991px) {
    .sitewide-quiz-banner span {
        font-size: 16px;
        line-height: 18px;
    }
    .sitewide-quiz-banner button {
        padding: 10px 14px;
    }
}

@media(max-width:450px) {
    .sitewide-quiz-banner span {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -1px;
    }
    .sitewide-quiz-banner button {
        padding: 10px 14px;
    }
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

#your_design_img_block {
    width: 100%;
    height: 180px;
    margin: 30px 0px;
    position: relative;
}

#your_design_img_block {
    background-image: url('/img/i/your_design.jpg');
    background-size : cover !important;
    background-position: 50% 50%;
}

#your_design_img_block_textblock {
    left: 37px;
    top: 23px;
    position: absolute;
    width: auto;
}

#your_design_img_block_textblock1 {
    /*font-family: "clear_sansbold";*/
    font-size: 34px;
    color: #363636;
    text-transform: uppercase;
    margin: 0px 0px 15px;
    padding: 0px;
    line-height: 28px;
}

#your_design_img_block_textblock2 {
    /*font-family: "clear_sansregular";*/
    font-size: 16px;
    margin: 0px;
    color: #6e6e6e;
    padding: 0px;
    line-height: 100%;
}

#your_design_img_block_btn {
    position: absolute !important;
    right: 37px;
    bottom: 37px;
}

#your_design_img_block_btn:hover {
    background-color: #00c467 !important;
    cursor: pointer;
}

/*for a-b test*/
#your_design_img_block_btn.btn-blue:hover {
    background-color: #4fabe9!important;
}


/******************************************************************************/
/*  YANDEX-LIKE STICKED-TO-TOP LABEL  *****************************************/
/******************************************************************************/

#lowPricePopup {
    /*position: fixed;*/
    width: 100%;
    /*top: 0px;*/
    /*left: 0px;*/
    /*z-index: 200;*/
    display: none;
    /*margin-bottom: 1px;*/
    background-color: #fadf76;
    height: 39px;
    box-shadow: 0 1px 0 0 #d2c079;
    font: 13px/13px Arial, sans-serif !important;
    transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out !important;
    text-align-last: auto !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

#lowPricePopup:hover {
    background-color: #ffefa6;
}

#lowPricePopup:hover .close {
    opacity: 0.5 !important;
    cursor: pointer;
}

#lowPricePopup .cart {
    background-image: url(/img/i/cart_new.png);
    margin-left: 3px;
    width: 41px;
    background-repeat: no-repeat;
    height: 41px;
    background-size: 41px;
    background-position-y: 3px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

#lowPricePopup > p {
    /*display: inline-block;*/
    line-height: 39px;
    margin-left: 8px;
    white-space: nowrap;
}

#lowPricePopup > p img {
    display: inline-block;
    height: 28px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

#lowPricePopup > p > span:nth-of-type(2) {
    opacity: .6;
}

#lowPricePopup .close {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.3 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%232B2B2B' fill-rule='evenodd'%3E%3Cpath d='M6.475 7.89L4 10.363l1.414 1.414L7.89 9.303l2.474 2.475 1.414-1.414L9.303 7.89l2.475-2.476L10.364 4 7.89 6.475 5.413 4 4 5.414 6.475 7.89zM8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z'/%3E%3C/svg%3E") !important;
    display: inline-block;
    position: absolute;
    top: 12px;
    background-repeat: no-repeat;
    right: 12px;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    box-sizing: border-box;
    transition: opacity 0.1s ease-out !important;
    box-shadow: none;
    border: none;
}

.pagin {
    margin: 15px 0;
    text-align: center;
}

.pagin .btn {
    margin: 0 5px;
    padding: 14px;
}


/******************************************************************************/
/*  PAYPARTS LABEL ************************************************************/
/******************************************************************************/

div.payparts-label {
    z-index: 3;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 24px;
    height: 24px;
    background-color: #fff;
    color: #707070;
    padding: 5px 5px;
    box-sizing: content-box;
    border: 1px solid #e1e1e1;
    border-left: 0px;
}

div.payparts-label > img {
    height: 24px;
    width: auto;
    vertical-align: middle;
    margin: 0 5px;
}

div.payparts-label > span {
    vertical-align: middle;
    margin-right: 5px;
}


/******************************************************************************/
/*  PRODUCT ITEM   ************************************************************/
/******************************************************************************/

#grid > .gallery-consult-block,
.grid > .gallery-consult-block,
#grid > .interior_item,
#grid > .gallery_item,
.grid > .gallery_item,
#grid > .gallery_work {
    border: 1px solid #e1e1e1;
    display: inline-block;
    margin-bottom: 27px !important;
    width: 48.5% !important;

    -webkit-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
       -moz-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
        -ms-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
         -o-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
            transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
}

.item_img img {
    width: 100%;
}

.image_name_var {
    position: relative;
    pointer-events: none;
    z-index: 2;
}

.gallery_item .gallery-preview-img-cont,
.grid-item .gallery-preview-img-cont {
    overflow: hidden;
    position: relative;
}

.gallery_item .gallery-preview-img-cont .cat_inter,
.grid-item .gallery-preview-img-cont .cat_inter {
    position: absolute;
}

.item_img img {
    width: 100%;
}
.image_name_var {
    position: relative;
    pointer-events: none;
    z-index: 2;
}

a[href="#crop-preview-full"],
a[href="#crop-preview-lite"] {
    cursor: zoom-in !important;
}

.item_descr {
    padding: 11px 16px 16px 16px;
    position: relative;
}

.add_favorite_box {
    right: 16px;
    top: 16px;
    position: absolute;
}

.card-link {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
}

/******************************************************************************/
/* BREADCRUMBS ****************************************************************/
/******************************************************************************/

.breadcrumbs {
    border-bottom: 1px solid #F3F3F3;
    margin-bottom: 20px;
    padding: 11px 10px;
    width: 100%;
}

.breadcrumbs > div {
    display: inline;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs span {
    color: #959595;
}

.breadcrumbs a > span {
    color: #12a4d6;
}

.breadcrumbs a > span:hover {
    color: #337ab7;
}

.breadcrumbs span.crumbs_nav_arrow_right {
    width: 4px;
    height: 12px;
    display: inline-block;
    margin: 0px 4px;
    color: #12A4D6;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

.colorblock-link {
    margin-bottom: 30px;
}

/******************************************************************************/
/*  NAVIGATION  ***************************************************************/
/******************************************************************************/

.navigation_box {
    z-index: 5;
}

.navigation {
    text-align: left;
    float: left;
    width: 250px;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
}

.navigation:last-of-type{
    border-bottom:none;
}

.navigation > a, .navigation > p, .item_menu {
    color: #363636;
    text-decoration: none;
    font-family: clear_sansbold;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    cursor: default;
    display: inline-block;
}

.navigation > a, .navigation > p{
    font-family: clear_sansregular;
}

.navigation > a:hover, a.item_menu:hover, a.item_menu.active {
    outline: none;
    cursor: pointer;
}

.item_menu img {
    position: absolute;
    top: 2px;
    right: -24px;
}

a.item_menu {
    display: block;
}

.nav_background {
    display:block;
    width: 100%;
    clear: both;
    height: 1px;
    margin-top: -1px;
}

.nav_arrow_down {
    width: 11px;
    height: 6px;
    color:#363636;
    display: inline-block;
    float: left;
    margin-left: 15px;
    margin-top: 14px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    cursor: pointer;
}

.navigation .nav_arrow_down{
    display: none;
}

.sub_menu {
    display: none;
}

nav.vis .navigation .sub_menu{
    display: block;
    position: static;
    padding: 0px 0px 0px 5px;
    text-align: left;
    z-index: 2;
    box-shadow: none;
}

nav.vis .navigation .sub_menu .child_menu li a{
    width: 100%;
    padding: 7px 0px 7px 10px;
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin: 10px 0px;
}

nav.vis .navigation .sub_menu .child_menu.hidd{
    display:none;
}

nav.vis .navigation .sub_menu .child_menu li a:hover,nav.vis .navigation .sub_menu .child_menu li a.active{
    outline: none;
    cursor: pointer;
    color: #4c9bd3 !important;
    border-left: 2px solid #4c9bd3;
    padding-left: 10px;
    padding-right: 0px;
}











/******************************************************************************/
/*  FOOTER STYLES *************************************************************/
/******************************************************************************/


#footer-cities-block {
    width: 768px;
    min-height: 60px;
    padding: 0px 0px 30px;
    border-bottom: 2px solid #E8E8E8;
}

#footer-cities-header {
    width: 80px;
    float: left;
    height: 40px;
    font-family: "clear_sansbold";
    font-size: 15px;
    text-transform: uppercase;
    line-height: 130%;
    padding-left: 15px;
}

#footer-cities-list {
    width: 680px;
    float: left;
    min-height: 40px;
}

#footer-cities-list ul li {
    list-style: none;
    float: left;
    line-height: 20px;
    padding: 0px 10px;
    font-size: 14px;
}

#footer-cities-list ul li a {
    text-decoration: none;
    color: #363636;
}

#footer-cities-list ul li a:hover {
    color: #12A4D6;
}

/******************************************************************************/
/*  GALLERY ITEM  *************************************************************/
/******************************************************************************/

.product-card {
    border: 1px solid #e1e1e1;


    -webkit-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
       -moz-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
        -ms-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
         -o-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
            transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
}

.product-card > a {
    overflow: hidden;
    position: relative;
    display: block;
    line-height: 0;
    cursor: pointer;
}

.product-card .product-pic {
    position: absolute;
    z-index: 1;
}

.product-card [data-img-wo-int='1'] .product-pic {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    right: auto;
}

.product-card [data-img-wo-int='1'] .interior-pic {
    display: none;
}

.product-card .interior-pic {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.product-card .fast-order-btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.product-card .favorites {
    position: absolute;
    top: -39px;
    right: 15px;
    z-index: 3;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 0 3px 0 #fff;
    width: 30px;
    height: 30px;
}

.product-card .favorites > .material-icons {
    padding: 3px;
}

.catalog_mp .product-card {
    cursor: pointer;
}


#grid > .gallery-consult-block,
.grid > .gallery-consult-block,
#grid > .interior_item,
#grid > .gallery_item,
.grid > .gallery_item,
/*#grid > .grid-item,*/
/*.grid > .grid-item,*/
#grid > .gallery_work {
    display: inline-block;
    border: 1px solid #e1e1e1;
    margin-bottom: 30px !important;
    width: 48.5% !important;
    -webkit-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
       -moz-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
        -ms-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
         -o-transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
            transition: box-shadow .45s cubic-bezier(.23,1,.32,1), transform .45s cubic-bezier(.23,1,.32,1);
}

@media (min-width: 768px) {
    .i-tile > span {
        font-size: 19px;
    }

    .gallery_item:hover {
    /*.grid-item:hover {*/
        -webkit-box-shadow: 5px 6px 13px rgba(0, 0, 0, 0.23);
           -moz-box-shadow: 5px 6px 13px rgba(0, 0, 0, 0.23);
                box-shadow: 5px 6px 13px rgba(0, 0, 0, 0.23);

        -webkit-transform: scale3d(1.05, 1.05, 1.05);
           -moz-transform: scale3d(1.05, 1.05, 1.05);
            -ms-transform: scale3d(1.05, 1.05, 1.05);
             -o-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
    }
}

@media(max-width:991px){
    #grid > .gallery-consult-block,
    .grid > .gallery-consult-block,
    #grid > .interior_item, #grid >
    .gallery_item,
    .grid-item,
    .grid > .gallery_item,
    #grid > .gallery_work {
        width: 100% !important;
    }
}


.item_descr {
    padding: 11px 16px 16px 16px;
    position: relative;
}

.add_favorite_box {
    right: 16px;
    top: 16px;
    position: absolute;
}

.item_descr .title, .item_descr .articul {
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: black;
}

.item-info .item-details .detail-btn {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background-color: #489bd3;
    display: inline-block;
    width: 102px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    float: right;
    font-weight: 500;
    text-decoration: none;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.add_favorite {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    cursor: pointer;
    position: relative;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.underline {
    color: black;
    position: relative;
}

#grid .title:hover, #grid .underline:hover{
    text-decoration: underline;
}

/******************************************************************************/
/**** CROP PREVIEW FULL/LITE *******************************************************/
/******************************************************************************/

#crop-preview-full .modal-header i.close,
#crop-preview-lite .modal-header i.close {
    color: #198bca;
    cursor: pointer;
}

#crop-preview-full .modal-body {
    overflow: hidden;
}

#crop-preview-full .modal-footer,
#crop-preview-lite .modal-footer {
    position: relative;
    background-color: #198bca;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#crop-preview-full .modal-footer .check-prices {
    float: left;
    color: #fff;
    line-height: 47px;
    text-decoration: underline;
}

#crop-preview-lite .our-work-img {
    max-height: 390px;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

.catalog_mp .gallery-preview-img-cont .text_block span {
    font-size: 19px;
    text-transform: uppercase;
    padding: 15px 14px 15px;
    z-index: 3;
    background-color: rgba(54,54,54,0.8);
    background-size: cover;
    display: block;
    width: 100%;
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;

    -webkit-transition: background-color .45s cubic-bezier(.23,1,.32,1);
       -moz-transition: background-color .45s cubic-bezier(.23,1,.32,1);
        -ms-transition: background-color .45s cubic-bezier(.23,1,.32,1);
         -o-transition: background-color .45s cubic-bezier(.23,1,.32,1);
            transition: background-color .45s cubic-bezier(.23,1,.32,1);
}

.catalog_mp .gallery-preview-img-cont:hover .text_block span {
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.23);
    background-color:rgba(72,155,211,0.8);
    background-size: cover;
}


#filter_color {
    display: flex;
    flex-wrap: wrap;
    width: 220px;
    margin: 10px auto;
}

#filter_color a.by-color-link {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: none;
    margin: 0px;
    flex: 1 0 16%;
}

.bg-red{ background-color: red}
.bg-orange{ background-color: orange}
.bg-yellow{ background-color: yellow}
.bg-green{ background-color: green}
.bg-azure{ background-color: azure}
.bg-blue{ background-color: blue}
.bg-violet{ background-color: violet}
.bg-pink{ background-color: pink}
.bg-white{ background-color: white}
.bg-grey{ background-color: grey}
.bg-black{ background-color: black}
.bg-brown{ background-color: brown}




















/******************************************************************************/
/*  SEARCH  *******************************************************************/
/******************************************************************************/

/*Consultation Part*/

.consult-part {
    width: 100%;
    min-height: 130px;
    background-color: #0095d7;
    text-align: center;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
}

.gallery-consult-block {
    width: 100%;
    background-color: #0095d7;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 48px;
    padding-right: 48px;
    transition: 0.2s all ease-in-out;
}

.col_for_gallery .gallery-consult-block{
    width: 49%;
}

.col_for_gallery .item_descr .title{
    height: 24px;
    overflow: hidden;
}

.gallery-consult-block.sidebar-block:hover {
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.gallery-consult-block input {
    display: inline-block;
    width: 80%;
}

.gallery-consult-block div.btn {
    margin-top: 20px;
}

.gallery-consult-block p,
.consult-part p {
    color: white;
    margin-bottom: 20px;
    font-family: clear_sansbold, Verdana, arial, serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.consult-part input#consult_email {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 245px;
    height: 40px;
}

.consult-part div.btn {
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    line-height: 23px;
}

@media(max-width:767px) {
    .consult-part input#consult_email {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}























/*INTERIOR*/
h1.title {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.filter_block {
    min-height: 40px;
    margin-top: 25px;
    text-align: center;
    margin-bottom: 20px;
    font-family: "clear_sansregular", arial;
}

.filter_block > .filter,.filter_block > .inter {
    display: inline-block;
    color: black;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    padding: 0 30px;
    text-decoration: none;
    font-family: "clear_sansregular", arial;
    cursor: pointer;
}

.filter_block > .filter.checked,.filter_block > .inter.checked {
    background-color: #489bd3;
    color: white;
}

.interior_main_image {
    width: 100%;
    height: auto;
}

.interior_main_image img {
    width: auto;
}

.interior_column {
    width: 50%;
    max-width: 372px;
}

.interior_column.left {
    float: left;
}

.interior_column.right {
    float: right;
}

.interior_item {
    position: relative;
    margin-top: 25px;
    background-color: #f3f3f3;
    min-height: 300px;
}

.interior_item .interior_description {
    font-size: 15px;
    line-height: 1.4em;
    padding: 0px 0px 15px 15px;
    text-align: left;
    position: relative;
    min-height: 95px;
}

.interior_item .cat_ex_title {
    top: 20%;
    top: calc(50% - 65px);
    top: -moz-calc(50% - 65px);
    top: -webkit-calc(50% - 65px);
    height: 114px;
    width:200px;
    font-family: "clear_sansregular", arial;
    font-size:15px;
}

.interior_item .hr {
    width: 100px;
    height: 1px;
    background-color: #f3f3f3;
    margin: 0 auto;
}

.interior_item .interior_description .description_text {
    margin: 0;
    padding-top: 15px;
    display: block;
    padding-right: 15px;
}

.interior_item .interior_description p {
    margin: 0;
}


.interior_item .add_favorite_box > span {
    font-weight: bold;
    color: #707173;
}

.interior_item .add_favorite {
    background-size: 26px 26px !important;
    width: 26px;
    height: 26px;
}

.interior_item .add_favorite:hover, .interior_item .add_favorite.active {
    background-size: 33px 33px;
}

.interior_item .add_favorite {
    background-size: 33px 33px;
}

.interior_img {
    position: relative;
}

.interior_gallery img {
    width: 372px;
    height: auto;
}

.interior_item .btn {
    background-color: #00b05a;
    display: block;
    position: absolute;
    left: -15px;
    bottom: -70px;
    width: 230px;

}

.interior_item .btn:hover {
    background-color: #00c067;
}









div.i-prev,
div.i-next {
    background-color: #e8e8e8;
    cursor: pointer;
    height: 30px;
    position: relative;

    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);
       -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);
            box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);

    -webkit-transition: box-shadow 150ms ease-in-out;
       -moz-transition: box-shadow 150ms ease-in-out;
        -ms-transition: box-shadow 150ms ease-in-out;
         -o-transition: box-shadow 150ms ease-in-out;
            transition: box-shadow 150ms ease-in-out;
}

div.i-prev:hover,
div.i-next:hover {
    -webkit-box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
       -moz-box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
            box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.32);
}

div.i-prev {
    margin-top: 10px;
}
div.i-next {
    margin-bottom: 10px;
}

div.i-prev::before,
div.i-next::before {
    border-color: #ccc;
    border-style: solid;
    content: '';
    display: block;
    height: 16px;
    margin-right: -8px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 16px;

    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

    -webkit-transition: border-color 200ms linear;
       -moz-transition: border-color 200ms linear;
        -ms-transition: border-color 200ms linear;
         -o-transition: border-color 200ms linear;
            transition: border-color 200ms linear;
}
div.i-prev:hover::before,
div.i-next:hover::before {
    border-color: #999;
}
div.i-prev::before {
    border-width: 0 3px 3px 0;
    margin-top: -12px;
}
div.i-next::before {
    border-width: 3px 0 0 3px;
    margin-top: -4px;
}


div.i-preview {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.material-icons {
    padding-bottom: 3px;
    vertical-align: middle;
}
.quiz__answer {
    display: block;
    font-size: 18px;
    line-height: 48px;

    -webkit-transition: color 150ms linear;
       -moz-transition: color 150ms linear;
        -ms-transition: color 150ms linear;
         -o-transition: color 150ms linear;
            transition: color 150ms linear;
}

#why-are-you-leaving .modal-header {
    background-color: #198bca;
    color: #fff;
}

#why-are-you-leaving .modal-header > div {
    display: table;
}

#why-are-you-leaving .modal-header > div > div {
    display: table-cell;
    vertical-align: middle;
}

#why-are-you-leaving .modal-body {
    background-image: url('https://klv-oboi.ru/img/exit_popup/exit_popup_manager_1.jpg');
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#why-are-you-leaving .quiz__answer,
#why-are-you-leaving .quiz__answer i {
    -webkit-transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -moz-transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -ms-transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -o-transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: color 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

#why-are-you-leaving .modal-body {
    background-image: url('/img/exit_popup/exit_popup_manager_1.jpg');
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#why-are-you-leaving .quiz__answer i {
    font-size: 32px;
    color: #9B9B9B;
    margin-right: 10px;
}

#why-are-you-leaving .quiz__answer:hover i {
    color: #198bca;
}

#why-are-you-leaving .modal-title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}

#why-are-you-leaving .modal-title i {
    font-size: 32px;
    vertical-align: middle;
    padding-bottom: 3px;
}

#why-are-you-leaving .modal-header {
    background-color: #198bca;
    color: #fff;
}

#why-are-you-leaving .modal-header > i {
    color: #fff;
    cursor: pointer;
}

#why-are-you-leaving .modal-header > p {
    font-size: 14px;
}

#why-are-you-leaving .modal-header i.close {
    display: none;
}

#why-are-you-leaving #quiz-2-step-2 {
    display: none;
    position: absolute;
    top: 30px;
    text-align: left;
    padding-right: 80px;
    max-width: 350px;
}

#why-are-you-leaving #quiz-2-step-2 p:nth-of-type(1) {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

#why-are-you-leaving #quiz-2-step-2 p:nth-of-type(2) {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.quiz__answer:hover {
    color: #198bca;
}
#lang-asc-country .question{
    padding:0 0 15px 0;
}

#lang-asc-country i.close,
#mailSubscriptionPopup i.close {
    color: #198bca;
    cursor: pointer;
}

.btn.button_country{
    background-color: #489bd3;
}
.close-btn-country{
    padding: 14px 28px;
}
.close-btn-country{
    cursor: pointer;
}


/******************************************************************************/
/*  MISC STYLES   *************************************************************/
/******************************************************************************/

@media(max-width:550px) {
    #lowPricePopup > p > span {
        display: none;
    }
}

#sticky-block {
    background-color: #0095d7;
    border-radius: 2px;
    color: #fff;
    padding: 25px;
    max-width: 100%;
}

#gallery_header {
    display: none !important;
}

/******************************************************************************/
/*  STICKY HEADER   ***********************************************************/
/******************************************************************************/

#sticky-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 888;
/*
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
            box-shadow: 0 0 4px rgba(0, 0, 0, .4);
*/
}

/******************************************************************************/
/*  FAVORITES   ***************************************************************/
/******************************************************************************/

.favorites {
    cursor: pointer;
}

.favorites > .material-icons {
    -webkit-transition: color 200ms ease-in-out, transform 600ms ease-in-out;
       -moz-transition: color 200ms ease-in-out, transform 600ms ease-in-out;
        -ms-transition: color 200ms ease-in-out, transform 600ms ease-in-out;
         -o-transition: color 200ms ease-in-out, transform 600ms ease-in-out;
            transition: color 200ms ease-in-out, transform 600ms ease-in-out;
}

.favorites:hover > .material-icons {
    color: #e6403f;
}

.favorites.active > .material-icons {
    color: #e6403f;

    -webkit-transform: rotate3d(0, 1, 0, 360deg);
       -moz-transform: rotate3d(0, 1, 0, 360deg);
        -ms-transform: rotate3d(0, 1, 0, 360deg);
         -o-transform: rotate3d(0, 1, 0, 360deg);
            transform: rotate3d(0, 1, 0, 360deg);
}

/******************************************************************************/
/*  Back To Top  **************************************************************/
/******************************************************************************/

#back-to-top {
    bottom: -96px;
    color: #ccc;
    cursor: pointer;
    display: block;
    font-size: 96px;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 30px;
    z-index: 999;

    -webkit-transition: bottom 750ms ease, color 200ms linear, opacity 750ms ease;
       -moz-transition: bottom 750ms ease, color 200ms linear, opacity 750ms ease;
        -ms-transition: bottom 750ms ease, color 200ms linear, opacity 750ms ease;
         -o-transition: bottom 750ms ease, color 200ms linear, opacity 750ms ease;
            transition: bottom 750ms ease, color 200ms linear, opacity 750ms ease;
}

#back-to-top:hover {
    color: #0095d7;
}

#back-to-top.show {
    bottom: 64px;
    opacity: 1;
}

@media(max-width:767px) {
    #back-to-top{
        bottom: 0px;
        right: 0px;
        font-size: 40px;
    }
    #back-to-top.show {
        bottom: 0px;
        right: 0px;
        font-size: 40px;
    }
}

/******************************************************************************/
/*  News Part Partial  ********************************************************/
/******************************************************************************/

.article-relevant-links a {
    color: #333;
}

.blog-subscribe-part {
    vertical-align: middle;
    background-color: #ecf0f1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.blog-subscribe-part img,
.blog-subscribe-part h2 {
    display: inline;
    vertical-align: middle;
}

.blog-subscribe-part input {
    display: block;
    margin: 10px auto;
    max-width: 320px;
}

@media(max-width:767px) {
    .blog-subscribe-part h2 {
        font-size: 18px;
    }
}
#stickyCountdown {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.catalog_mp .product-cart {
    cursor: pointer !important;
}

/******************************************************************************/
/*  preloader.css  ************************************************************/
/******************************************************************************/

.flat-preloader{
    height:32px;
    left:50%;
    position:absolute;
    top:50%;
    width:32px;
    z-index: 3;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.preloader-attached {
    background-color: rgba(0, 0, 0, 0.42) !important;
    color: rgba(0, 0, 0, 0.12) !important;
    cursor: wait !important;
    opacity: 1 !important;

    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;

    -webkit-animation: none !important;
         -o-animation: none !important;
            animation: none !important;
}

input.i-valid,
input.required.i-valid,
textarea.i-valid,
textarea.required.i-valid{
    -webkit-box-shadow: inset 0 0 0 2px #3c6;
       -moz-box-shadow: inset 0 0 0 2px #3c6;
            box-shadow: inset 0 0 0 2px #3c6;
}

input.required.i-error:not(:focus),
textarea.required.i-error:not(:focus) {
    -webkit-box-shadow: inset 0 0 0 2px #ee4646;
       -moz-box-shadow: inset 0 0 0 2px #ee4646;
            box-shadow: inset 0 0 0 2px #ee4646;
}

.i-error,
.i-valid {
    -webkit-transition: box-shadow .45s cubic-bezier(.23,1,.32,1);
       -moz-transition: box-shadow .45s cubic-bezier(.23,1,.32,1);
        -ms-transition: box-shadow .45s cubic-bezier(.23,1,.32,1);
         -o-transition: box-shadow .45s cubic-bezier(.23,1,.32,1);
            transition: box-shadow .45s cubic-bezier(.23,1,.32,1);
}

.iframe-container {
    width: 100%;
    height: 290px;
}

.iframe-container iframe {
    width: 100%;
    height: 100%;
}

@media(min-width:768px) {
    .sidebar-panel-title label i {
        display: none;
    }
}
.promo-howto-header{
    /*font-family: "clear_sansregular";*/
    font-weight: 400;
    font-size: 40px;
    color: #489bd3;
    line-height:60px;
    width:90%;
    max-width:420px;
    letter-spacing: -2px;
    margin:0px auto 72px;
    text-align: center;
}

.promo-howtouse-subheader{
    /*font-family: "clear_sansregular";*/
    font-weight: 400;
    font-size: 34px;
    color: #000000;
    line-height:52px;
    width:90%;
    max-width:670px;
    letter-spacing: -2px;
    padding: 0px 70px 10px 70px;
    margin:0px auto 68px;
    text-align: center;
    border-bottom:2px solid #489bd3;
    text-transform: none;
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input .country-list .country-name {
    color: #000;
}

#sticky-block .intl-tel-input,.zcwPopup-form .intl-tel-input, #quiz-2-step-2 .intl-tel-input {
    margin-bottom: 10px !important;
}

.zcwPopup-form .intl-tel-input{
    visibility: visible !important;
    margin-bottom: 10px !important;
    width: auto !important;
}

#fastOrderPopupWrapper .intl-tel-input {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.consult-part .intl-tel-input {
    width: auto;
}

.gallery-consult-block input {
    width: 100%;
}

#fastOrderPopupWrapper > div.popup, .zcwPopup {
    overflow: visible !important;
}

.zcwPopup-content {
    border-radius: 10px;
}

@media(max-width:768px) {

    .iti-mobile .intl-tel-input.iti-container {
        z-index: 150000;
    }

    .iti-mobile .intl-tel-input #country-listbox.country-list {
        width: auto;
    }

    .consult-part .intl-tel-input{
        margin-bottom: 15px;
    }

}

/******************************************************************************/
/*  MODAL: HOW THEY LOOK  *****************************************************/
/******************************************************************************/

#how-they-look .modal-header {
    background-color: #198bca;
    color: #fff;
    padding: 8px;
}

#how-they-look .modal-title {
    font-size: 18px;
    line-height: 24px;
}

#how-they-look .modal-header i.material-icons {
    font-size: 32px;
    color: #fff;
    cursor: pointer;
}

#how-they-look .modal-header i.close.material-icons {
    font-size: 22px;
}

#how-they-look .help-icon {
    padding-left: 8px;
}

#how-they-look .modal-header .heading {
    display: table;
}

#how-they-look .modal-header .heading > div {
    display: table-cell;
    vertical-align: middle;
}

#how-they-look .modal-header .heading > div:nth-of-type(2) {
    padding-left: 15px;
}

#how-they-look .modal-header .heading i {
    font-size: 48px;
}

#how-they-look .modal-header .heading h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

#how-they-look .before-after-block {
    position: absolute;
    left: 15px;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    right: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    font-weight: 500;
}

#how-they-look .modal-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-transform: unset;
    text-align: center;
    margin: 0 0 15px;
}

#how-they-look .image-row > div {
    margin-bottom: 15px
}

#how-they-look .image-row > div img {
    width: 100%;
    display: block;
}

#how-they-look .modal-footer {
    background-color: #198bca;
    padding: 0 15px;
    position: relative;
}

/*=======================================*/

.sale-list-item .btn {
    background-color: #E63F3F;
}

.sale-list-item {
    position: relative;
    border: 1px solid #e1e1e1;
}

.sale-list-item .delete-cart-item-btn {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 30px;
    top: 45px;
    background: url(/img/i/closewnd.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}

@media (max-width: 768px) {
    
    .sale-list-item .delete-cart-item-btn {
        bottom: 17px;
        top: auto;
    }

    .consult-part .intl-tel-input{
        margin-bottom: 15px;
    }

    body.iti-mobile .jq-toast-wrap.bottom-right {
        bottom: -1px;
        right: 0px;
        left: 0px;
    }

    body.iti-mobile .jq-toast-wrap {
        width: 100%;
    }

    body.iti-mobile .jq-toast-single {
        width: 100%;
        padding: 10px 10px 10px 15%;
        margin: 0px;
        border-radius: 0px;
        font-size: 16px;
    }

    body.iti-mobile .jq-toast-single h2 {
        font-size: 16px;
    }

}
/******************************************************************************/
/*  BOOTSTRAP: collapse   *****************************************************/
/******************************************************************************/
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
.collapsible-header-non > p {
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.collapsible-header-non > h1 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
#political-cookies{
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100;
    text-align: center;
    display: none;
    padding: 15px 50px 15px 15px;
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .2);
}
.cookies-i-close {
    cursor: pointer;
    height: 23px;
    opacity: 0.6;
    position: absolute;
    width: 23px;
    z-index: 1;
    right: 15px;
    top: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.cookies-i-close:hover {
    opacity: 0.8;
}

.cookies-i-close::before,
.cookies-i-close::after {
    content: '';
    position: absolute;
}

.cookies-i-close::before,
.cookies-i-close::after {
    bottom: 5px;
    content: '';
    left: 10px;
    top: 5px;
    position: absolute;
    width: 3px;
}

.cookies-i-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cookies-i-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cookies-i-close.cookies-i-close_c1 {
    background-color: #000;
}

.cookies-i-close.cookies-i-close_c1::before,
.cookies-i-close.cookies-i-close_c1::after {
    background-color: #fff;
}

.product-category {
    font-size: 14px;
    color: #A2A0A0;
    line-height: 20px;
    display: block;
}

.product-name {
    display: block;
    font-size: 16px;
    line-height: 20px;
}
.category-desc-top-wrapper {
    overflow: hidden;
    max-height: 150px;
    transition: 0.3s max-height ease-in-out;
    margin-bottom: 15px;
}

.category-desc-top-wrapper .textblock {
    padding-bottom: 0px;
}

.category-desc-top-wrapper.expanded {
    max-height: 800px;
}

.expand-cat-desc-btn {
    display: inline-block;
    margin-bottom: 15px;
    background-color: #f2f2f2;
    padding: 8px 12px;
    color: #6f6f6f;
}

.expand-cat-desc-btn:hover {
    color: #333333;
}