@import url(////fonts.googleapis.com/css?family=Lato);
#slide-right img,
#slide-bottom img {
	max-width: none;
}

#slide-right {height: 185px; position: fixed; bottom: 145px; right: -265px; z-index: 999; width:310px; overflow:hidden;}
#slide-right * {font-family: 'Lato', sans-serif; font-weight: 400; -webkit-font-smoothing: auto;}
#slide-right .off{position:absolute;right:0;background: #20202F; border-top: 1px solid #757584; border-bottom: 1px solid #757584; border-left: 1px solid #757584; width: 45px; height: 185px;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;}
#slide-right .off a {width: 100%; height: 100%; cursor: pointer; display: block; padding: 35px 0 0 12px;}
#slide-right .on{width: 310px; height: 185px; padding: 22px 0px 0 50px; position: absolute; background: #20202F; border-top: 1px solid #757584; border-bottom: 1px solid #757584; border-left: 1px solid #757584;border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;}				
#slide-right .on .icon-collapse {width: 115px; height: 20px; position: absolute; top: 34px; left: 15px; cursor: pointer;}
#slide-right .on span.desc {display: block; margin-bottom: 25px; text-align: center; padding-top: 10px; padding-right: 25px;}
#slide-right .on span.desc h2 {font-size: 16px; color: #fff; line-height: 1.2; margin-bottom: 10px; text-transform: none !important; border-bottom: none !important; }
#slide-right .on span.desc p {font-size: 13px; color: #9F9F9F; line-height: 1.2; margin-bottom: 0;}
#slide-right .on input[type="text"] {background: #535362; border: 1px solid #9797A6; width: 145px; height: 32px; line-height: 32px; padding-left: 10px; font-size: 13px; color: #B9B9C8; display: inline-block; margin-right: 10px;}
#slide-right .on ::-webkit-input-placeholder {
   color: #B9B9C8;
}

#slide-right .on :-moz-placeholder { /* Firefox 18- */
   color: #B9B9C8;  
}

#slide-right .on ::-moz-placeholder {  /* Firefox 19+ */
   color: #B9B9C8;  
}

#slide-right .on :-ms-input-placeholder {  
   color: #B9B9C8;  
}
#slide-right .on input[type="text"]:focus {outline: none; color: #fff !important;}
#slide-right .on button	{	width: 75px; height: 32px; line-height: 32px; padding: 0; background: #49B870; border: none; font-size: 13px; color: #fff; text-transform: uppercase;border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#slide-bottom label.error,
#slide-right label.error, 
#slide-right .subscription_success, 
#slide-bottom .subscription_success {position:absolute; color:red;left:25px; bottom:48px;font-size:12px;}
#slide-right .subscription_success,
#slide-bottom .subscription_success {color: #49B870; display:none;}
#slide-bottom {width: 288px; position: fixed; bottom: -136px; right: 30px; z-index: 999999; height:184px; overflow:hidden;}
#slide-bottom * {font-family: 'Lato', sans-serif; font-weight: 400; -webkit-font-smoothing: auto;}
#slide-bottom .off{bottom:0; width: 100%; height: 44px; background: url("../img/title-bottom.png") no-repeat; border: none; position: absolute;}
#slide-bottom .off a {width: 115px; height: 20px; display: block; position: absolute; top: 12px; right: 40px;}
#slide-bottom .on{background: url("../img/news-box-new.png") no-repeat; width: 288px; height: 184px; padding: 54px 25px 0; position: absolute; text-align: center;}
#slide-bottom .on .icon-collapse {width: 20px; height: 20px; position: absolute; top: 14px; right: 120px; cursor: pointer;}
#slide-bottom .on span.desc {display: block; margin-bottom: 25px; text-align: center;}
#slide-bottom .on span.desc h2 {font-size: 16px; color: #fff; line-height: 1.2; margin-bottom: 10px; text-transform: none !important; border-bottom: none !important;}
#slide-bottom .on span.desc p {font-size: 13px; color: #9F9F9F; line-height: 1.2; margin-bottom: 0;}
#slide-bottom .on input[type="text"] {background: #535362; border: 1px solid #9797A6; width: 144px; height: 33px; line-height: 33px; padding-left: 10px; font-size: 13px; color: #B9B9C8; display: inline-block; float: left; margin-right: 10px;}
#slide-bottom .on ::-webkit-input-placeholder {
   color: #B9B9C8;
}

#slide-bottom .on :-moz-placeholder { /* Firefox 18- */
   color: #B9B9C8;  
}

#slide-bottom .on ::-moz-placeholder {  /* Firefox 19+ */
   color: #B9B9C8;  
}

#slide-bottom .on :-ms-input-placeholder {  
   color: #B9B9C8;  
}
#slide-bottom .on input[type="text"]:focus {outline: none; color: #fff !important;}
#slide-bottom .on button {width: 75px; height: 32px; line-height: 32px; padding: 0; background: #49B870; border: none; font-size: 13px; color: #fff; text-transform: uppercase;border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#slide-right label.error {left: 49px; bottom: 12px;}
#slide-right .subscription_success {left: 49px; bottom: 18px;}


#slide-right h2:first-letter,
#slide-bottom h2:first-letter {border: none;}


h2:before {
background: none;
}

#slide-bottom .newsletter_btmhide,
#slide-right .newsletter_btmhide {position: relative;}
#slide-bottom .newsletter_btmhide span {position: absolute; top: 0; left: -10px; text-overflow: ellipsis; width: 95px; white-space: nowrap; overflow: hidden; color: #fff; font-size: 16px;}
#slide-bottom .newsletter_btmhide img {position: absolute; top: 0; left: 0;}


#slide-right .newsletter_righthide span	{	position: absolute; top: 75px; left: -35px; text-overflow: ellipsis; width: 85px; white-space: nowrap; overflow: hidden; color: #fff; font-size: 16px;
											/* Safari */
											-webkit-transform: rotate(-90deg);
											/* Firefox */
											-moz-transform: rotate(-90deg);
											/* IE */
											-ms-transform: rotate(-90deg);
											/* Opera */
											-o-transform: rotate(-90deg);
											/* Internet Explorer */
											filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
											}
#slide-right .newsletter_righthide img {position: absolute; top: 0; left: 0;}

/*overlay for theme*/
.checkoutLoader.previewFrameLoad{
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100002;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
}
.siteFrameLoad {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #202028;
    z-index: 100003;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
}
.gearHolder {
    width: 226px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}
.textforLoad{
    color: #D2D2DB;
    font-size: 20px;
    font-weight: 400;
    line-height: 70px;
    display: block;
}
.gearWrapper {
    width: 700px;
    height: 368px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
.gear1{
    z-index: 10001;
    height: auto;
    width: auto;
    -webkit-animation:spinClock 6s linear infinite;
    -moz-animation:spinClock 6s linear infinite;
    animation:spinClock 6s linear infinite;
    margin-bottom: -20px;
}
.gear2{
    z-index: 10001;
    height: auto;
    width: auto;
    -webkit-animation:spinCounter 3s linear infinite;
    -moz-animation:spinCounter 3s linear infinite;
    animation:spinCounter 3s linear infinite;
    float: right;
}
.gear3{
    z-index: 10001;
    height: auto;
    width: auto;
    -webkit-animation:spinCounter 2s linear infinite;
    -moz-animation:spinCounter 2s linear infinite;
    animation:spinCounter 2s linear infinite;
    float: left;
    margin-top: -20px;
}
.loadingText{
    color: #D2D2DB;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px;
    font-family:'Lato', sans-serif;
}
.loadingLogo{
    height: auto;
    width: auto;
    margin-bottom: 10px;
}
.fancybox-overlay {
    z-index: 99999999 !important;
    /*z-index: 99 !important;*/
}
.fancybox-opened{
	z-index: 803000000 !important;
}