.footer-city-info *, .footer-city-info *:after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.footer-wrapper.footer-bg {
	padding-bottom: 0px;
}

.footer-re {
	background-color:#303234;
	position:relative;
	margin: 0;
	-webkit-box-shadow: 0 -4px 21px rgba(0,46,83,.39);
	-moz-box-shadow: 0 -4px 21px rgba(0,46,83,.39);
	box-shadow: 0 -4px 21px rgba(0,46,83,.39);
}

.footer-wrapper.footer-city-info {
	padding: 20px 0 0;
	background: #d8e2ea;
	position: relative;
}

.footer-wrapper.footer-city-info .sidebar-tweet {
	margin-bottom: 25px;
}

.footer-wrapper.footer-city-info .tweet-content {
	color: #444;
	margin-left: 40px;
}

.footer-wrapper.footer-city-info .tweet-content small {
	color: #9191a0;
}

.footer-wrapper.footer-city-info .fa-map-marker {
	font-size: 14px;
	color: #666677;
}

.show-hide-addr:hover {
	color: #f07a00;
}

.show-hide-addr {
	display: block;
	position: absolute;
	width: auto;
	bottom: 100%;
	line-height: 29px;
	background: #d8e2ea;
	left: 50%;
	color: #444;
	font-size: 13px;
	padding: 0 26px 0 53px;
	margin: 0;
	font-weight: normal;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.show-hide-addr:hover i {
	color: #f07a00;
}

.show-hide-addr i {
	display: block;
	position: absolute;
	top: 0;
	line-height: 29px;
	left: 22px;
	color: #000;
	font-size: 20px;
}

#ctrl-addr {
	display: none;
}

#ctrl-addr:checked ~ label i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.footer-wrapper.footer-city-info input ~ .row {
	height: 0px;
	overflow: hidden;
}

.footer-wrapper.footer-city-info input:checked ~ .row {
	height: auto;
	padding-top: 10px;
}

#title_on_page {
	display: block;
	position: relative;
	line-height: 28px;
	font-size: 27px;
	color: #5c616c;
	padding: 2px 0 11px;
	text-transform: lowercase;
	margin: 0 0 18px;
}

#title_on_page:first-letter {
	text-transform: uppercase;
}

#title_on_page .mse2_total {
	display: inline-block;
	position: relative;
	margin-left: 18px;
	font-size: 18px;
	color: #fff;
	background: #f07a00;
	padding: 0 9px;
	border-radius: 5px;
}

.filter_gray_box {
	padding: 9px 20px 8px;
	width: 100%;
	box-sizing: border-box;
	background: #f8f8f8;
}

.filter_gray_box:after {
	content: '';
	display: block;
	clear: both;
}

.filter_gray_box > div:first-child {
	text-align: left;
}

.filter_gray_box > div {
	position: relative;
	float: left;
	width: 50%;
	text-align: right;
	line-height: 23px;
}

.left-menu-parent *, .left-menu-parent *:after, .left-menu-parent *:before {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.left-menu-parent h3 {
	margin-top: 11px;
}

.left-menu-parent a {
	display: block;
	line-height: 25px;
	position: relative;
	padding: 4px 0 4px 23px;
	color: #666677;
	font-weight: 700;
}

.left-menu-parent a:after {
	content: '\203A';
	text-align: center;
	position: absolute;
	display: block;
	top: 9px;
	left: 0;
	border-radius: 2px;
	background: #c7d9e8;
	color: #c7d9e8;
	width: 12px;
	line-height: 9px;
	height: 12px;
	text-indent: 1px;
}

.left-menu-parent a > span {
	display: inline-block;
	line-height: inherit;
	position: relative;
}

.left-menu-parent a sup {
	position: absolute;
	left: 100%;
	top: 9px;
	margin-left: 3px;
}

.left-menu-parent a:hover sup span {
	color: #a9b9c7 !important;
}

.left-menu-parent a.this_checked:after, .left-menu-parent a:hover:after {
	background: #f07a00;
	color: #fff;
}

.left-menu-parent a:hover, .left-menu-parent a.this_checked {
	color: #f07a00;
}

.left-menu-parent a > span:after, .left-menu-parent a > span:before {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 0;
	bottom: 0;
	left: 0;
}

.left-menu-parent a > span:after {
	background: #f07a00;
}

.left-menu-parent a > span:before {
	background: #e1e1e1;
}

.left-menu-parent a.this_checked > span:after, .left-menu-parent a:hover > span:after {
	width: 23%;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.left-menu-parent a.this_checked > span:before, .left-menu-parent a:hover > span:before {
	width: 100%;
}

.dis_non {
	display: none;
}

#mse2_results {
	margin-top: 20px;
}

#print_btn_for_screen {
	margin-left: 5px;
	display: inline-block !important;
}

@media screen and (max-width: 768px) {
	#print_btn_for_screen {
		display: none !important;
	}
}

/*--- new styles ---*/

#hidden-search-form {
	display: block;
	position: absolute;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	top: 16px;
	right: 17px;
	border: 1px solid #90bbe0;
	border-radius: 5px;
	background: #fff;
	z-index: 3;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.17);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.17);
	box-shadow: 0 3px 4px rgba(0,0,0,.17);
	-webkit-transition: opacity .3s, transform 0s .3s;
	-moz-transition: opacity .3s, transform 0s .3s;
	-ms-transition: opacity .3s, transform 0s .3s;
	-o-transition: opacity .3s, transform 0s .3s;
	transition: opacity .3s, transform 0s .3s;
}

#hidden-search-form.show {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .3s, transform 0s;
	-moz-transition: opacity .3s, transform 0s;
	-ms-transition: opacity .3s, transform 0s;
	-o-transition: opacity .3s, transform 0s;
	transition: opacity .3s, transform 0s;
}

#hidden-search-form input {
	border: none;
	outline: none;
	padding: 0 42px 0 11px;
	line-height: 32px;
}

#hidden-search-form button {
	position: absolute;
	border: none;
	outline: none;
	top: 0;
	right: 0;
	padding: 0 13px;
	background: transparent;
	line-height: 32px;
	color: #337ab7;
	font-size: 17px;
}

.header-wrapper .navbar-right {
	position: relative;
}

#js-load-after {
	display: none !important;
}

.eng-version #msProduct .shop-sidebar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.eng-version .orange-advise {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	color: #f07a00;
	line-height: 18px;
	margin: 14px 0;
	font-size: 15px;
}

.eng-version .contact-in-product {
	background: #f5f5f5;
	padding: 10px 14px;
	margin: 42px 0 10px;
}

.eng-version .contact-in-product h3 {
	position: relative;
	color: #4e4e4e;
	line-height: 30px;
	margin-bottom: 9px;
}

.eng-version .contact-in-product h3:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #cfcfcf;
}

.eng-version .contact-in-product > span {
	font-size: 13px;
}

.eng-version .contact-in-product > * {
	padding: 0;
	display: block;
	font-size: 15px;
}

.eng-version .contact-in-product > *:not([class]) {
	float: left;
	width: 100%;
}

.eng-version .contact-in-product i {
	margin-right: 10px;
}

.eng-version .contact-in-product .c-email a {
	color: #747474;
	text-decoration: underline;
}

.eng-version .contact-in-product .c-email {
	margin-bottom: 13px;
}

@media (max-width: 1200px) {
	.eng-version .contact-in-product .col-md-6 {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.eng-version .contact-in-product .col-md-6 {
		width: 50%;
		float: left;
	}
}

@media (max-width: 480px) {
	.eng-version .contact-in-product .col-md-6 {
		width: 100%;
	}
}

.eng-version .contact-in-product .c-txt-del {
	display: block;
	margin: 0 0 15px;
	line-height: 15px;
	letter-spacing: -.2px;
}

.eng-version .contact-in-product a[target] img {
	width: 89px;
	margin-right: 27px;
	margin-bottom: 20px;
}

.eng-version .contact-in-product .bottom-txt {
	line-height: 16px;
	margin-bottom: 10px;
}

.open-all {
    position: relative;
    padding-right: 120px;
    cursor: pointer;
}
#open-this-boxes {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    display: block;
    padding-left: 20px;
    right: 0;
    bottom: 0;
    line-height: 38px;
    color: #b6b6b6;
    cursor: pointer;
    letter-spacing: -.5px;
}
.open-all:hover #open-this-boxes {
    color: #f18200;
}
#open-this-boxes i {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 50%;
    left: 0;
    margin-top: -7px;
    line-height: 13px;
    font-size: 22px;
}
#open-this-boxes.show i {
    -webkit-transform: 	rotate(180deg);
    -moz-transform: 	rotate(180deg);
    -ms-transform: 		rotate(180deg);
    -o-transform: 		rotate(180deg);
    transform: 			rotate(180deg);
}
@media screen and (max-width:767px) {
    #open-this-boxes {
        display: none;
    }
    .open-all {
        padding-right: 0;
    }
}
.carousel-products {
    padding: 0 40px;
}
.carousel-products .owl-controls {
    margin: 0;
}
.carousel-products .owl-buttons > div {
    position: absolute;
    top: 50%;
    width: 33px;
    height: 36px;
    background: #b8b8b8;
    color:white;
    margin-top:-18px;
    padding-top:5px;
}
.carousel-products .owl-buttons > div:hover {
    background:#4b4b4b;
}
.carousel-products .owl-prev {
    left:0;
}
.carousel-products .owl-next {
    right:0;
}
.area-visible {
    overflow-y: auto;
    max-height: 460px;
}
@media screen and (max-width:991px) {
    .area-visible {
        max-height: none;
    }
}
.section-fronpage{padding:74px 0 59px;position:relative;}
.fronpage-title{
    color: white;
    font-family: Montserrat,Source Sans Pro,Helvetica New,sans-serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 36px;
    margin-bottom: 0px;
    height: 196px;
    vertical-align: bottom;
    display: table-cell;
    text-shadow: 0 4px 9px rgba(0,62,116,.7);
}
.orange-line {
    height: 196px;
    float: left;
    border-left: 3px solid #f07a00;
}
.fppar {
    position: relative;
    height: 0;
}
.section-fronpage .intro-p {
    color:white;
    height: 196px;
    vertical-align: bottom;
    display: table-cell;
    opacity: 1;
    text-shadow: 0 4px 9px rgba(0,62,116,.7);
}
.frontpage-paralax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.frontpage-paralax .bg-filter {
    transform: skewY(-30deg);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 1053px;
    margin-top: -312px;
}
.frontpage-paralax .bg-filter:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 618px;
    left: 50%;
    transform: translateX(-50%);
    width: 1530px;
    height: 296px;
    background: -moz-linear-gradient(0deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 100%);
    background: linear-gradient(90deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
    opacity: .56;
    z-index: 1;
    mix-blend-mode: soft-light;
}
.frontpage-paralax .bg-filter:after, .frontpage-paralax .skew-shadow {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 296px;
    background: #337ab7;
    opacity: .56;
    mix-blend-mode: screen;
}
.frontpage-paralax .skew-shadow {
    mix-blend-mode: normal;
    height: 130px;
    opacity: .2;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
    z-index: 1;
}
.frontpage-paralax .bg-filter > div {
    transform: skewY(30deg);
    background-position: 50% 0px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 1800px;
    top: 0;
    left: 0;
}
@media (max-width: 1420px) {
    .frontpage-paralax .bg-filter > div {
        background-size: 1420px auto;
    }
}
@media (max-width: 991px) {
    .mob-change-container {
        position: relative;
        z-index: 1;
        background: white;
    }
}
@media (max-width: 767px) {
    .frontpage-paralax .bg-filter > div {
        background-attachment: initial;
        background-position: 50% 23%;
    }
    .frontpage-paralax .skew-shadow {
        display: none;
    }
    .frontpage-paralax .bg-filter:before, .frontpage-paralax .bg-filter:after {
        display: none;
    }
}
.product-item {
    display: block;
    position: relative;
    border: 2px solid #eaeaea;
    -webkit-box-shadow: 0 12px 28px rgba(108,108,108,.27);
    -moz-box-shadow:    0 12px 28px rgba(108,108,108,.27);
    box-shadow:         0 12px 28px rgba(108,108,108,.27);
    background: white;
    margin-bottom: 35px;
}
.product-item:hover {
    border-color: #ffdab3;
}
.product-item.last {
    height: 234px;
    text-align: center;
}
.product-item .btn {
    letter-spacing: -.2px;
    box-shadow: none;
}
.product-item .btn:after {
    content: '\2192';
    float: right;
    font-size: 20px;
    line-height: 15px;
    margin-left: 10px;
}
.product-item.last h4 {
    color: #556b7e;
    font-size: 15px;
    line-height: 18px;
    margin: 65px 0 23px;
}
.product-item img {
    height: 168px;
    display: block;
    margin: 0 auto;
}
.product-item h4 {
    color: #337ab7;
    line-height: 19px;
    margin: 7px 0 17px;
    height: 38px;
}
.or-slider .p-large, .downloads .p-large {
    margin: 0;
    border: 2px solid white;
    background: white;
    border-top: none;
    padding: 21px 25px 18px;
    font-size: 15px;
    color: #556b7e;
    line-height: 18px;
}
.stock-slider {
    margin-top: 6px;
}
.stock-slider a {
    display: block;
}
.downloads {
    border: 2px solid #ffcf9d;
    padding: 44px 0 24px;
    margin-bottom: 38px;
    background: white;
}
.downloads .d-item {
    margin-bottom: 20px;
}
.downloads .p-large {
    padding: 0 0 0 56px;
    border: none;
    margin-bottom: 22px;
}
.downloads .p-large img {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    height: 43px;
}
.stock:hover .p-large {
    border-color: #ffdab3;
}
.or-slider .p-large span, .downloads .p-large span {
    display: block;
}
.or-slider .p-large .p-caption, .downloads .p-large .p-caption {
    color: #f07a00;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px;
}
.stock-date {
    display: block;
    position: absolute;
    right: 20px;
    bottom: -8px;
    font-size: 15px;
    color: #fff;
    background: #f07a00;
    padding: 5px 15px;
    border-radius: 5px;
}
.img_box {
    display: block;
    position: relative;
}
.or-slider .owl-controls {
    margin-top: 20px;
}
.or-slider .owl-prev:hover, .or-slider .owl-next:hover {
    opacity: .6;
}
.or-slider .owl-prev, .or-slider .owl-next {
    margin: 0 15px;
    color: #fff;
    border: 0;
    background: rgba(0,0,0,.7);
    border-radius: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    display: inline-block;
    zoom: 1;
    padding: 5px 12px;
    font-size: 13px;
    bottom: 30px;
}
.services {
    background: #556b7e;
}
.services .bg-overlay.stellar {
    opacity: 1;
    mix-blend-mode: soft-light;
}
.services .p-large {
    color: white;
}
.new-article a {
    display: block;
    border: 2px solid #ededed;
    background: white;
}
.new-article a:hover {
    border-color: #ffdab3;
}
.new-article .img_box img {
    display: block;
    margin: 0 auto;
    height: 144px;
}
.new-article .p-large {
    padding: 19px 17px 14px;
}
.new-article .new-date {
    color: #c1c1c1;
    margin: 0 0 10px;
}
.new-article .new-read {
    display: inline-block;
    color: #337ab7;
    margin-top: 12px;
    text-decoration: underline;
}
.new-article .p-large .p-caption {
    color: #337ab7;
}
.new-article a:hover .p-large .p-caption {
    color: #f07a00;
}
.new-article .p-text {
    height: 36px;
    overflow: hidden;
}
.news-slider {
    margin-top: 36px;
    margin-bottom: 58px;
}
.mt60 {
    margin-top: 60px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
#skewGray {
    position: relative;
    height: 0;
    z-index: -1;
}
#skewGray i {
    position: absolute;
    top: -406px;
    left: 0;
    width: 100%;
    height: 1236px;
    background: #f8f8f8;
    -webkit-transform: 	skewY(39.6deg);
    -moz-transform: 	skewY(39.6deg);
    -ms-transform: 		skewY(39.6deg);
    -o-transform: 		skewY(39.6deg);
    transform: 			skewY(39.6deg);
}
.h-wrapper {
    background: white;
    z-index: 4;
}
@media (max-width: 991px) {
    .h-wrapper {
        position: relative;
    }
}
.sidebar-categories .panel-title a {
    display: block;
    position: relative;
    padding-left: 28px;
}
.sidebar-categories .panel-title .fa {
    position: absolute;
    left: 0;
    top: 4px;
}
.fancybox-overlay,.fancybox-overlay *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("/assets/ip/images/fancybox/fancybox_sprite.png")}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url("/assets/ip/images/fancybox/fancybox_loading.gif") center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url("/assets/ip/images/fancybox/blank.gif");-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,.5)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,0.8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("/assets/ip/images/fancybox/fancybox_sprite_2x.png");background-size:44px 152px}#fancybox-loading div{background-image:url("/assets/ip/images/fancybox/fancybox_loading_2x.gif");background-size:24px 24px}}
@media (max-width: 767px) {
    .logo-wrapper {
        margin-left: 17%;
    }
    .menu>.toggle-menu {
        float: left;
    }
    .toggle-menu .fa {
        float: left;
    }
}
@media (max-width: 400px) {
    .logo .company-name {
        font-size: 20px;
    }
}
.top-menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    perspective: 1000px;
}
.top-menu-mobile.open {
    display: block;
}
.top-menu-mobile .hide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36,46,66,.5);
}
.top-menu-mobile nav {
    position: relative;
    z-index: 1;
    padding: 30px;
    background: white;
    box-shadow: 9px 0 32px rgba(0,0,0,.33);
    height: inherit;
    width: 384px;
    max-width: 91%;
    overflow: hidden;
    opacity: 0;
    transform-origin: center left;
}
.top-menu-mobile.open nav {
    opacity: 1;
    animation: leftToRight .2s ease-in-out;
}
.top-menu-mobile.close nav {
    opacity: 0;
    animation: rightToLeftBack .3s ease-in-out;
}
@keyframes leftToRight {
    0% {opacity:0;transform: translateX(-100%);}
    100% {opacity:1;transform: translateX(0%);}
}
@keyframes rightToLeftBack {
    0% {opacity:1;transform: translateX(0%);}
    100% {opacity:0;transform: translateX(-100%);}
}
.top-menu-mobile .close {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 24px;
    line-height: 23px;
    z-index: 1;
}
.top-menu-mobile nav ul {
    list-style: none;
    padding-left: 0;
    background: white;
}
.top-menu-mobile nav>ul {
    height: calc(100vh - 164px);
    overflow-y: auto;
    position: relative;
    margin: 0 -30px;
    padding: 0 30px;
}
.top-menu-mobile .submenu {
    display: none;
    position: relative;
    width: 100%;
    animation: leftToRightBack .3s ease-in-out;
}
.top-menu-mobile .open>.submenu {
    display: block;
    z-index: 1;
    animation: rightToLeft .2s ease-in-out;
}
@keyframes rightToLeft {
    0% {display:block;opacity:0;transform: translateX(100%);}
    100% {display:block;opacity:1;transform: translateX(0%);}
}
@keyframes leftToRightBack {
    0% {display:block;opacity:1;transform: translateX(0%);}
    100% {display:block;opacity:0;transform: translateX(100%);}
}
.top-menu-mobile .open>a {
    display:none;
}
.top-menu-mobile .opened > li:not(.open) {
    display: none !important;
}
.top-menu-mobile nav li a {
    display: block;
    font-size: 16px;
    color: #337ab7;
    padding: 10px 50px 10px 20px;
    border-bottom: 2px solid #f1f1f1;
    position: relative;
}
.top-menu-mobile nav li:first-child>a {
    border-top: 2px solid #f1f1f1;
}
.top-menu-mobile .submenu>li>a {
    text-transform: lowercase;
}
.top-menu-mobile .submenu>li>a:first-letter {
    text-transform: uppercase;
}
.top-menu-mobile a[href="/products"]+.submenu .submenu a {
    text-transform: uppercase;
}

.top-menu-mobile .bottom {
    position: relative;
    background: #f6f6f6;
    margin: 18px -30px 0;
    padding: 0 30px;
}
.top-menu-mobile ul.opened > li.bottom {
    display: block !important;
}
.top-menu-mobile .bottom a {
    border-color: #e8e8e8;
    padding: 17px 0 17px 62px;
}
.top-menu-mobile .bottom .icon {
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #337ab7;
    color: white;
    top: 10px;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 39px;
}
.top-menu-mobile .bottom a:last-child {
    border-bottom: none;
}
.top-menu-mobile nav li a:hover {
    background: #f6f6f6;
}
.top-menu-mobile .caret i {
    margin: 5px 0 0;
}
.top-menu-mobile .logo {
    display: block;
    margin-top: -3px;
    height: 34px;
    position: relative;
    background: none !important;
    text-indent: 0;
    color: #337ab7;
}
.top-menu-mobile .logo img {
    float: left;
    display: block;
    height: 100%;
    margin-right: 14px;
}
.top-menu-mobile .logo .company-name {
    padding-top: 4px;
    display: block;
    font-size: 18px;
}
.top-menu-mobile .caret {
    border: none;
    width: auto;
    height: auto;
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px;
}
.top-menu-mobile .back-btn {
    position: relative;
    padding: 0 30px;
    margin: 22px 0;
    color: #f07a00;
    font-size: 16px;
    /*min-height: 26px;*/
    opacity: 0;
    transition: opacity .3s;
}
.top-menu-mobile .back-btn i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px;
}
.top-menu-mobile .back-btn.active {
    opacity: 1;
}
.control-box {
    padding-left: 60px;
    position: relative;
}
.control-box h6 {
    color: #f07a3f;
    font-size: 14px;
    margin-bottom: 19px;
}
.control-box .form-group>div {
    position: relative;
}
.numeric-box {
    position: absolute;
    top: 23px;
    left: 0;
    height: calc(100% - 23px);
    width: 38px;
}
.numeric-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: calc(100% - 38px);
    margin-top: 19px;
    width: 0;
    border-left: 2px dotted #cecece;
}
.numeric-box.completed:before {
    border-color: #f07a3f;
}
.numeric-box b {
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f3f3f3;
    color: #f07a3f;
    font-size: 17px;
    text-align: center;
    line-height: 38px;
    overflow: hidden;
}
.numeric-box b.top {
    top: 0px;
}
.numeric-box b.bottom {
    bottom: 0px;
    margin-bottom: -2px;
}
.numeric-box b.animate {
    box-shadow: 0 3px 13px rgba(240,122,0,.75);
    animation: numericBox 2s 2s ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes numericBox {
    0% {box-shadow: 0 3px 13px rgba(240,122,0,.75);}
    50% {box-shadow: 0 3px 13px rgba(240,122,0,0);}
    100% {box-shadow: 0 3px 13px rgba(240,122,0,.75);}
}
.numeric-box b i {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background: #f07a3f;
    height: 100%;
    width: 100%;
    line-height: inherit;
    font-size: 14px;
    border-radius: 50%;
    overflow: hidden;
}
.numeric-box b.active i {
    display: block;
    z-index: 1;
}
.info-box-parent {
    position: relative;
}
.info-box-item {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
}
.hide-box {
    display: none;
    position: absolute;
    top: 100%;
    left: -90px;
    margin-left: 12px;
    margin-top: 10px;
    width: 180px;
    border-radius: 4px;
    background: #505460;
    padding: 12px;
    font-size: 12px;
    line-height: 15px;
    color: white;
}
.info-box-item.open .hide-box {
    display: block;
}
.hide-box:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: 9px solid #505460;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.info-box-btn {
    display: block;
    width: 23px;
    height: 23px;
    margin: 6px 0;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #dfdfdf;
    background: #ededed;
    color: #a7a7a7;
    line-height: 21px;
    cursor: pointer;
}
.info-box-item.open .info-box-btn {
    color: white;
    background: #f07a00;
    border-color: #f07a00;
}
@media (max-width: 767px) {
    .info-box-parent {
        margin-right: 48px;
    }
    .info-box-item {
        margin-left: 0;
    }
    .hide-box {
        left: auto;
        right: -12px;
    }
    .hide-box:after {
        left: auto;
        right: 14px;
    }
    .numeric-box {
        height: 100%;
    }
    .numeric-box b.bottom {
        margin-bottom: 20px;
    }
    .numeric-box:before {
        height: 77%;
    }
}
@media (max-width: 430px) {
    .control-box .buy-btns {
        margin-bottom: 0px;
    }
    .control-box .buy-btns>div {
        margin-bottom: 15px;
        width: 100%;
    }
    .numeric-box b.bottom {
        margin-bottom: 83px;
    }
    .numeric-box:before {
        height: 60%;
    }
}
body.ofh {
    overflow-y: hidden !important;
    position: fixed;
}