body { background: #fff; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 1em; line-height: 1.5em; color: #000; -webkit-font-smoothing: antialiased }
:hover, :focus, :active, a:hover, a:focus, a:active { outline: 0; }
a { color: #545454; text-decoration: none; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
a:hover { color: #000; text-decoration: none; }
#main-container .sub-wrapper { background: #fff; min-height: 400px; }
ul.inline-menu li { display: block; float: left; }
ul.inline-menu li a { display: block; padding: 6px 20px; }
ul.inline-menu:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
.item img { width: 100%; height: auto; }
h1, h2, h3, h4 { font-size: 1.5em; color: #252525; font-weight: normal; margin-bottom: 16px; line-height: 1.2; clear: both; word-wrap: break-word; }
h1, h2, h3, h4 { font-size: 1.5em; color: #252525; font-weight: normal; margin-bottom: 16px; line-height: 1.2; clear: both; word-wrap: break-word; }
h1 { font-size: 2.5em; margin-bottom: 2px; }
h2 { font-size: 2em; margin-bottom: 24px; line-height: 1.3; }
h3 { font-size: 1.5em; margin-bottom: 24px; line-height: 1.3; }
.page-title h2.title { font-size: 3em; }
h1, h2, h3, h4 { font-size: 1.5em; color: #252525; font-weight: normal; margin-bottom: 16px; line-height: 1.2; clear: both; word-wrap: break-word }
h1.big, h2.big, h3.big, h4.big { font-size: 2.5em }
h3 { font-size: 1.5em; line-height: 1.3; margin-bottom: 16px }
h4 { font-size: 1.125em; margin-bottom: 10px; line-height: 1.333em }
strong, em { color: #252525; font-weight: normal }
b { font-weight: bold }
i { font-style: italic }
.footer strong { font-weight: bold }
a:link, a:visited, a:active { color: #8c918c; text-decoration: underline; transition: color .2s ease-out }
a:hover { color: #252525 }
h1 a:link, h1 a:visited, h2 a:link, h3 a:link, h4 a:link, h2 a:visited, h3 a:visited, h4 a:visited, h3 a:link, h3 a:visited { color: inherit; text-decoration: none; display: inline-block }
.light { color: #b3b3b3; }
/* ---------------------------------------------------- */
/* .bw-preloader
/*---------------------------------------------------- */

#bw-preloader { opacity: 0; visibility: hidden; border-top: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-left: 1px solid rgba(0, 0, 0, 0.8); position: fixed; top: 50%; left: 50%; z-index: 11; margin: -30px 0 0 -30px; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; }
#bw-preloader.bw-pre-animation { animation: preloaderAnimation 0.8s infinite linear !important; -moz-animation: preloaderAnimation 0.8s infinite linear !important; -webkit-animation: preloaderAnimation 0.8s infinite linear !important; }
#bw-preloader, #bw-preloader:after { border-radius: 50%; width: 60px; height: 60px; }
.bw-preloader-on #container { opacity: 0 }
.bw-preloader-on #bw-preloader { opacity: 1; visibility: visible; }
.clear:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
/* -------------------- Header ----------------- */
#header .logo { float: left; }
#header .logo a { display: block; }
#header a, #header { color: #818781; }
#header .logo a { padding: 20px 10px 10px 28px }
#header .nav-widget.widget-top div#top { width: 100%; max-width: 300px; margin: auto; overflow: hidden; }
.social-icon ul.social li { list-style: none; float: left; }
.social-icon ul.social li a { display: block; padding: 2px 6px; }
.social-icon ul.social:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
ul.social .icon { width: 18px; height: 22px; display: block; text-indent: -999px; overflow: hidden; background-image: url(../images/sprite-ui.svg); background-repeat: no-repeat; }
ul.social .icon.resources { background-position: 3px -97px; }
ul.social .icon.resources:hover { background-position: -26px -97px; }
ul.social .icon.find-us { background-position: -176px -98px; }
ul.social .icon.find-us:hover { background-position: -206px -98px; }
ul.social .icon.brochure { background-position: -239px -55px; }
ul.social .icon.brochure:hover { background-position: -269px -55px; }
ul.social .icon.contact { background-position: -239px -97px; }
ul.social .icon.contact:hover { background-position: -269px -97px; }
ul.social .icon.favorites { background-position: -119px -98px; }
ul.social .icon.favorites:hover { background-position: -149px -98px; }
#top .widget_search { float: left; margin-right: 19px; }
#top .widget_search label { display: none; }
#top #searchform { width: auto; margin-right: 30px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
#top #searchform:hover { margin-right: 30px; }
#top #searchform input[type=text] { width: 100%; border: none; background: #6a6e6a; display: block; height: 30px; padding: 6px; color: #000; }
#top #searchform:hover input[type=text] { background: #fff; border-bottom: 1px solid #000; }
#top #searchform #searchsubmit { background-image: url(../images/sprite-ui.svg); background-color: #fff; background-repeat: no-repeat; background-position: 6px -143px; border: none; width: 30px; height: 30px; display: block; text-indent: -999px; overflow: hidden; float: right; margin-right: -30px; margin-top: -30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
/* ------------ End header ------------------ */
div#copyright-wrapper { color: #ccc; padding: 10px 0; }
/* ------------ Footer ------------ */
#footer, #footer a { color: #818781; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px; }
#footer div#text-5 { border-top: 1px solid #818781; margin-top: 30px; padding-top: 30px; }
/* ------------------------------------------- Usm ------------------------------- */
#top-menu { margin: 30px 0; }
#top-menu ul { margin: 0; padding: 0; background: #f2f2f2; }
#top-menu ul:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
#top-menu ul li { list-style: none; padding: 0; margin: 0; display: block; float: left; }
#top-menu ul li a { display: block; padding: 10px 50px 5px; border: 1px solid #ccc; margin-right: -1px; }
#main-content h3 { font-size: 1.5em; padding: 5px 0; color: #0e0e0e; margin-bottom: 16px; }
/* -------------- product details --------------- */
.accordion .acc-title { position: relative; cursor: pointer; margin-bottom: 9px; transition: color .3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #8c918c; padding-left: 30px; }
.accordion .acc-title:before { content: " "; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; margin-right: 10px; border-width: 8px 0 8px 10px; border-color: transparent transparent transparent #C5C9C5; }
.accordion .acc-title.current:before { top: 7px; border-width: 8px 8px 0 8px; border-color: #252525 transparent transparent transparent; }
.accordion .acc-title.current { color: #252525 }
.accordion .acct-content { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #dedede; }
.accordion .acc-content { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #dedede; padding-left: 627px; }
.accordion .read-more a { color: #8c918c; text-decoration: underline; margin-top: 10px; display: inline-block; margin-left: 30px; }
/* .hotspot { background: #f00; width: 30px; height: 30px; position: absolute; border: 2px solid #ff0; margin: 0; cursor: pointer; padding: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
*/
.preview { position: relative; float: left; }
.preview img { width: 100%; height: auto; display: block; }
/* ---------------------- Color ---------------------- */
#acc-details { border: 2px solid #fff; padding: 10px; }
.table-content { border: 2px solid #fff; padding: 10px; margin-bottom: 60px; }
.hover-content { position: relative; height: 350px; padding: 20px; border: 2px solid #fff; clear: both; }
.hover-container { padding: 4px; width: 40%; float: right; margin-top: 20px; }
dt.overitem-head.acc-title { margin-left: 60%; z-index: 9; }
.hover-content:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
.hover-content .hover-item { float: left; height: 64px; width: 64px; }
.hover-content .hover-item .img-show { position: absolute; top: 0; left: 0; padding: 10px; background: #fff; }
.hover-content .img-show { display: none; }
.hover-content .hover-tip { display: none; }
.hover-content .hover-item .title-tip { display: block; }
.hover-content .hover-item:first-child .img-show { display: block; }
.hover-content .hover-item:hover .img-show { z-index: 9; display: block; }
/* .hover-item:active .button-hover:active, .hover-item:active .button-hover:after { transform: scale(0.95); }
*/
.hover-item .button-hover { position: relative; cursor: pointer; }
.hover-item.active .button-hover:after { content: ""; position: absolute; top: -3px; left: -3px; width: 67px; height: 67px; border: 3px solid #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.45); }
.hover-content .img-show { display: block; position: absolute; top: 0; left: 0; }
.hover-content .img-show .title-tip { display: block; }
/* -------------------------------- */
.overitem-head { position: relative; }
.overitem-head h4 { font-size: 1em; color: #252525; display: inline-block; position: relative; padding-left: 26px; margin-bottom: 17px; cursor: pointer; }
.overitem-head h4:before { content: " "; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; margin-right: 10px; border-width: 8px 0 8px 10px; border-color: transparent transparent transparent #C5C9C5; }
.overitem-head h4:after { display: inline-block; content: "i"; font-weight: bold; position: relative; display: inline-block; width: 22px; height: 22px; margin-left: 10px; border-radius: 12px; border: 1px solid #d0d0d0; text-align: center; color: #d0d0d0; cursor: pointer; transition: all .3s ease; user-select: none; }
.overitem-head .overitem-description { display: none; position: absolute; top: -170px; left: -80px; width: 288px; background-color: #fff; padding: 20px; min-height: 160px; z-index: 99; cursor: default; box-shadow: 1px 1px 3px #8c8c8c; }
.overitem-head:hover .overitem-description { display: block; }
/* ------------ Footer ----------- */
div#footer { color: #fff; font-size: .875em; padding: 64px 0 0; background-color: #232831; }
div#footer p, div#footer a { color: #fff; }
div#footer h4 { font-size: inherit; font-weight: bold; text-transform: uppercase; color: #fff; }
div#footer input[type=email] { font: inherit; background-color: #fff; width: 100%; color: #000; height: 34px; padding: 10px 15px; outline: none; border-radius: 0; }
div#footer input[type=email]:hover { background: #fff; color: #000; }
div#footer .btn-typo { color: #fff; position: relative; padding: 4px 0; color: #fff; text-decoration: underline; border: none; background: transparent; cursor: pointer; transition: color .3s ease; margin-top: 9px; }
div#footer .btn-typo:hover { color: #fff; }
#footer ul#menu-footer-menu li { float: left; margin-right: 32px; }
div#footer #menu-footer-menu { border-top: 1px solid #404040; clear: both; padding: 28px 40px 28px 40px; white-space: nowrap; overflow: hidden; margin-top: 61px; }
.usm-footer .col-md-4 .textbox { padding: 0 24px; }
div#footer li.social { display: inline-block; width: 24px; height: 24px; }
div#footer li.social a { background-image: url(../images/sprite-ui.svg); background-repeat: no-repeat; display: block; width: 24px; height: 24px; }
div#footer li.social a.facebook { background-position: 0 -28px; }
div#footer li.social a.twitter { background-position: -300px -28px; }
div#footer li.social a.pinterest { background-position: -100px -28px; }
div#footer li.social a.instagram { background-position: -200px -28px; }
/* ----------------------------------------------------------------------------------------------------------------------------------- Single product ---------------------------- */
body.single-usm_product .post-single { padding: 0; }
body.single-usm_product .post-single .featured-thumbnail.col-md-6 { padding: 0; }
body.single-usm_product .post-single .col-md-6 .sub-content { padding: 0px 60px 0 60px; }
body.single-usm_product .post-single .col-md-6 .sub-content h2.title { font-size: 2.2em; }
body.single-usm_product .post-single .col-md-6 .sub-content h2.title span { color: #aaa; margin-left: 20px; }
.oldernewer .prev, .oldernewer .next { display: block; position: relative; float: left; width: 60px; height: 60px; font-size: 0; line-height: 0; color: transparent; background-color: #000; padding: 22px; }
.oldernewer .prev span { width: 10px; height: 15px; display: block; background-image: url(/wp-content/themes/usm/images/sprite-ui.svg); background-position: 0 -200px; }
.oldernewer .next span { width: 10px; height: 15px; display: block; background-image: url(/wp-content/themes/usm/images/sprite-ui.svg); background-position: -50px -200px; }
.oldernewer:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; }
body.single-usm_product #main-content { position: relative; }
body.single-usm_product .oldernewer { position: absolute; top: 0; right: 0; }
/* ---------------------- Home- page ---------------- */
body.home.page .page-title { display: none; }
body.home.page .post-single { padding: 0px; }
.model-owl .post-single { display: table; width: 100%; }
.model-owl .col-md-6 { display: table-cell; vertical-align: middle; float: none; padding: 0; }
.model-owl .hm-img.col-md-6 a { display: block; }
.resp-img img, img.resp-img, .model-owl .hm-img.col-md-6 img { width: 100%; height: auto; }
.model-owl .hm-content.col-md-6 { padding: 10px 42px; }
.model-owl .hm-content.col-md-6 h2 { font-size: 2.25em; }
/* ---- slider ----------- */
.owl-pagination { counter-reset: my-badass-counter; position: absolute; top: 0px; left: 0px; }
.owl-pagination .owl-page:before { content: counter(my-badass-counter); counter-increment: my-badass-counter; font-size: 1em; }
.model-owl.owl-theme .owl-controls .owl-page { display: block; float: left; position: relative; width: 48px; background: rgba(0, 0, 0, 0.3); height: 48px; margin: 0; padding-top: 14px; margin-left: 1px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.model-owl.owl-theme .owl-controls .owl-page span { position: absolute; top: -100%; left: 0; display: inline-block; width: 100%; height: 100%; margin: 0; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 3; }
.model-owl.owl-theme .owl-controls .owl-page:hover span { top: 0; }
.model-owl.owl-theme .owl-controls .owl-page.active span { top: 0; background: #eee; color: #333; }
.model-owl.owl-theme .owl-controls .owl-page.active:before { color: #333; position: relative; z-index: 9; }
.model-owl.owl-theme .owl-buttons { display: none; }
.news-item img { width: 100%; height: auto; }
/* ---------------------------- Post gallery ---------------------- */
body.single-usm_news .oldernewer { position: absolute; top: 0; right: 0; }
body.single-usm_news #main-content { position: relative; }
.post-gallery a { display: block; width: 33.3334%; float: left; }
.post-gallery a img { width: 100%; height: auto; display: block; }
.post-gallery a { position: relative; transition: box-shadow .3s ease; z-index: 1; }
.post-gallery a:active, .post-gallery a:hover, .post-gallery a:focus { box-shadow: 4px 12px 30px 4px rgba(0, 0, 0, 0.6); z-index: 2; }
/* ---------------------------- Hotspot ------------------- */
/* #image-hotspot #preview .data-container { display: none; }
*/

/* .hotspot { top: -100px; left: -100px; font-size: 0; line-height: 0; background-color: rgba(255, 255, 255, 0.2); width: 47px; height: 47px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; cursor: pointer; position: absolute; margin-top: -31px; margin-left: 0px; }
.hotspot:after { content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 11px; height: 11px; background-image: url('/wp-content/themes/usm/images/sprite-ui.svg'); background-position: 8px -392px; background-color: #fff; width: 27px; height: 27px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-top: 2px; margin-left: 2px; }
.hotspot:hover, .hotspot.active { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index: 1; }
*/

body p { margin-bottom: 26px; line-height: 1.6; color: #8c918c; }
div#usm-tab .nav-tabs { padding: 40px; text-align: center; }
div#usm-tab .nav-tabs li { float: none; display: inline-block; }
.preview { float: left; position: relative; }
.image-hotspot { position: relative; }
.featured-thumbnail .data-container { display: none !important; }
#back .image-hotspot .preview, #front .image-hotspot .preview { width: 70%; }
.image-hotspot .data-container { width: 40%; position: absolute; top: 0; left: 100%; z-index: 99; padding: 20px; height: 100%; display: table-cell; vertical-align: middle; float: none; padding: 0px; }
.image-hotspot .preview .data-container { display: none; }
.image-hotspot .preview .data-container.active { display: block; }
.data-container .sub-container { height: 100%; display: table; width: 100%; }
.data-container .sub-container .inner-container { display: table-cell; vertical-align: middle; padding: 0 16% 0 10%; }
.data-container .inner-container .title { font-size: 1.1em; padding: 5px 0; color: #0e0e0e; margin-bottom: 6px; }
.data-container .inner-container .hpt-image { margin-top: 20px; }
/* ------------------------------------- tab ------------------------ */
div#usm-tab .tab-pane { position: relative; }
div#usm-tab .tab-pane:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
div#usm-tab .tab-pane:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…oZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, rgba(198, 201, 199, 0)), color-stop(65%, rgba(198, 201, 199, 0)), color-stop(100%, #c6c9c7)); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -moz-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -o-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); }
div#usm-tab .tab-pane:after { content: ""; display: table; clear: both; }
div#usm-tab .tab-pane:after { display: block; }
div#usm-tab .nav-tabs li a { color: #8c918c; font-size: 1.125em; text-decoration: none; border: none; transition: border-color .3s ease, color .3s ease, opacity .3s ease; }
div#usm-tab .nav-tabs li.active a { color: #000; }
div#usm-tab .nav-tabs li a:hover, div#usm-tab .nav-tabs li a:focus { text-decoration: none; background: none; }
#reel_slider-reel, div#reel_slider-reel img { width: 100%; height: auto; }
#reel #reel_slider-reel .reel-preloader { background-color: #ccc; display: block !important; height: 9px; width: 88% !important; }
#reel #reel_slider-reel .reel-indicator.x { width: 60px !important; }
.sub-content .scroll-point { position: relative; text-decoration: underline; cursor: pointer; position: relative; padding-left: 26px; margin-top: 20px; }
.sub-content .scroll-point:after { content: ""; position: absolute; top: 7px; left: 4px; display: block; width: 16px; height: 12px; background: url(../images/sprite-ui.svg) no-repeat -150px -200px; }
.sub-content .scroll-point:hover:after { background-position: -100px -200px; }
.sub-content .scroll-point:hover { color: #000; }
/* ----------------- hotspot ------------------- */
.hotspot { position: absolute; width: 46px; height: 46px; opacity: 1; z-index: 3; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-top: -31px; cursor: pointer; }
.hotspot:after { content: " "; position: absolute; display: inline-block; width: 27px; height: 27px; text-align: center; cursor: pointer; background-color: rgba(19, 19, 4, 0.75); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-top: 10px; margin-left: 10px; top: 0; left: 0; transition: background-color .3s ease; }
.hotspot:before { content: " "; position: relative; display: inline-block; width: 27px; height: 27px; text-align: center; cursor: pointer; margin-top: 10px; margin-left: 10px; background-image: url('../images/sprite-ui.svg'); background-position: -42px -891px; z-index: 1; }
.hotspot:hover { background-color: #0e0e0e; background-color: rgba(14, 14, 14, 0.2); box-shadow: none }
.hotspot.active:after, .hotspot:hover:after { width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; }
.hotspot { animation: grow .3s .7s both ease-out; transition: opacity .3s ease; transition: left .3s ease, top .3s ease; }
@keyframes grow {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}
@keyframes slideBottomTop {
    0% { transform: translateY(100%) }
    100% { transform: translateY(0) }
}
@keyframes slideTopBottom {
    0% { transform: translateY(0) }
    100% { transform: translateY(100%) }
}
/* ------------------------------------------------------------------------------------- Home ---------------------------------- */
.hmslider-item .col-md-5, .hmslider-item .col-md-7 { padding: 0px; }
.hmslider-item .col-md-7 img { width: 100%; }
.hmslider-item img { display: block; }
.hmslider-item .col-md-5 { padding: 14% 7% 0%; position: absolute; right: 0; top: 0; height: 100%; }
.col-md-5.content:after { display: block; }
.col-md-5.content:after { content: ""; display: table; clear: both; }
.hmslider-item .col-md-5 h1 { font-size: 2.3em }
.col-md-5.content:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…oZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, rgba(198, 201, 199, 0)), color-stop(65%, rgba(198, 201, 199, 0)), color-stop(100%, #c6c9c7)); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -moz-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -o-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
div#footer li.social.ft-envelope a { background: none; font-size: 21px; position: relative; top: -7px; margin-left: 4px; }
/* ----------------------- Email page --------------------- */
.wpcf7-form .wpcf7-form-control { padding: 4px 10px; border: 1px solid #ccc; }
.wpcf7-form input.wpcf7-form-control.wpcf7-submit { background: #000; border: 1px solid #000; color: #fff; padding: 10px 40px; }
/* --------------------------------------------- */
body.page-id-1126 .post-single, body.page-id-197 .post-single, body.page-id-195 .post-single { padding: 0; }
body.page-id-1126 .page-title, body.page-id-197 .page-title, body.page-id-195 .page-title { display: none; }
/* ----------------------------------- Reference ------------------------------ */
#ref-gallery a { position: relative; display: block; transition: box-shadow .3s ease; z-index: 1; cursor: pointer; background: none; }
#ref-gallery a img { display: block; margin: 0; width: 100%; }

/* -------------- Gallery -------------------- */
#ref-gallery { position: relative; }
#ref-gallery .owl-controls .owl-pagination { display: none !important; }
#ref-gallery .owl-controls .owl-buttons { background: #000; width: 104px; position: absolute; top: 0; left: 0; z-index: 9; }
.owl-theme .owl-controls .owl-buttons div { background: #000; width: 52px; height: 52px; overflow: hidden; display: block; float: left; text-indent: -99px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0; opacity: 1; }
.owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url('../images/sprite-ui.svg'); background-position: -30px -182px; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { background-image: url('../images/sprite-ui.svg'); background-position: 16px -182px; }
.post-content.col-md-6, .featured-thumbnail.col-md-6 { overflow: hidden; height: 600px; }
.featured-thumbnail.col-md-6 .middlecontent-wrapper .middlecontent-inner .preview { float: none; }
.featured-thumbnail.col-md-6 .middlecontent-wrapper .middlecontent-inner { text-align: center; background: #f7f7f7; }
.featured-thumbnail.col-md-6 .middlecontent-wrapper .middlecontent-inner img { max-height: 600px; max-width: 100%; display: inline-block; }
.middlecontent-wrapper { height: 100%; display: table; width: 100%; }
.middlecontent-wrapper .middlecontent-inner { display: table-cell; vertical-align: middle; }
/* ------------------------------ */
.image-hotspot .data-container .hpt-image { height: 200px; padding: 4px;background: #fff; }
.image-hotspot .data-container .hpt-image { overflow: hidden; text-align: center; }
.image-hotspot .data-container .hpt-image img { max-height: 190px; width: auto; max-width: 100%; display: inline-block; }
.nsresp-img img { max-width: 100%; height: auto; }
.nsresp-img { text-align: center; }
body.page-id-884 .post-single .history-page h2 { margin-bottom: 12px; font-size: 2.5em; color: #000; padding-top: 26px; display: block; }
.sub-wrapper.clearfix:after, .sub-wrapper.clearfix:before { display: block; }
.post-content .owl-theme .owl-controls { margin: 0; }
/* ------------------ */
body.page-id-1126 .hmslider-item { position: relative; }
body.page-id-1126 .hmslider-item:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…oZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, rgba(198, 201, 199, 0)), color-stop(65%, rgba(198, 201, 199, 0)), color-stop(100%, #c6c9c7)); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -moz-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: -o-radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); background-image: radial-gradient(center, ellipse cover, rgba(198, 201, 199, 0) 0, rgba(198, 201, 199, 0) 65%, #c6c9c7 100%); content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
body.page-id-1126 .col-md-5.content:after { content: normal; }
.owl-theme .owl-controls { margin-top: 0; }
.col-5 { width: 20%; float: left; padding: 0 10px; }
body.page-id-1257 #main-content h3 { padding: 10px; margin: 40px 0 10px; }
/* ------------- reference page -------- */
#main-content .refen_field .ref-title a { background: #f3f4f3; padding: 16px; border: 1px solid #f2f2f2; display: block; text-decoration: none; font-size: 22px; color: #000; }
/* ------------- Integrated Technology -------- */
body.page-id-1257 .col-tech.resp-img img { width: 200px; float: left; margin-right: 40px; }
body.page-id-1257 .col-tech.resp-img { border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; width: 50%; }
body.page-id-1257 .col-tech.resp-img:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#main-content .container-usm { padding-top: 40px; }
#main-content .usmpage-field { border-bottom: 1px solid #EAEAEA; margin-bottom: 20px; padding-bottom: 20px; }
#main-content .container-usm .usmpage-field:last-child { border-bottom: none; }
#main-content .container-usm .usmpage-field .usm-images { text-align: center; }
/* ----------------------- Colors -------------------- */
body.postid-1469 #main-content .container-usm .col-md-6 { width: auto; float: none; }
body.postid-1469 #main-content .container-usm .usmpage-field { width: 25%; float: left; margin: 0; border-bottom: none; margin-bottom: 10px; min-height: 300px; text-align: center; padding-bottom: 10px; }
body.postid-1469 #main-content .container-usm { margin: 0 -15px; }
body.postid-1469 #main-content .container-usm:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
body.postid-1469 #main-content .container-usm .col-md-6 img { width: 100%; display: block; }
body.postid-1469 #main-content .container-usm .usm-des h3 { font-size: 18px; margin-bottom: 8px; padding: 0; margin-top: 12px; }
body.postid-1469 #main-content .container-usm .usm-des p { margin-bottom: 0; }
/* ------------------------ Meaasurements ---------------- */
ul.number { margin: 20px; }
ul.number li { list-style-type: decimal; padding-bottom: 8px; margin-bottom: 8px; }
/* ------------------------- Advantages ----------------------------
body.postid-1512 .container-usm .col-md-6 { width: auto; float: none; }
body.postid-1512 #main-content .container-usm { padding-top: 20px; }
body.postid-1512 #main-content .usmpage-field { margin-bottom: 6px; padding-bottom: 6px; border-bottom: none; }
body.postid-1512 #main-content .usmpage-field h3 { padding: 0; margin-bottom: 6px; }
*/
/* ----------------- popup close ----------------- */
.modal-header span.pop-close { background: url(../images/sprite-ui.svg) no-repeat; background-position: -126px -376px; width: 60px; height: 60px; cursor: pointer; display: block; }
.modal-header .close { width: 60px; height: 60px; cursor: pointer; display: block; position: absolute; top: 0; right: 0; }
.modal-header { position: relative; }
.modal-content { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.requ-quote .form-item { padding-bottom: 10px; }
.requ-quote .field-item .wpcf7-form-control { width: 100%; padding: 6px 10px; }
.requ-quote .field-item .wpcf7-textarea { height: 120px; }
.requ-quote .form-item label { font-weight: bold; padding-bottom: 0; }
.requ-quote .form-item.quote-check span { display: inline; }
.requ-quote .form-item.quote-check .wpcf7-form-control { width: auto; margin-right: 10px; }
.form-item.col-md-6.form-select label { width: 76px; float: left; display: block; padding: 5px 0; }
.form-item.col-md-6.form-select .field-item { width: 170px; display: block; float: right; }
.form-item.col-md-6.form-select label { color: #8c918c; font-weight: normal; }
.form-item.col-md-6.no-border .wpcf7-form-control { border: none; }
.requ-quote .form-item { position: relative; }
.requ-quote span.wpcf7-not-valid-tip { position: absolute; display: block; background: #ccc; bottom: 0; left: 0; width: 100%; text-indent: -999px; overflow: hidden; height: 2px; background: #f00; }
.requ-quote .wpcf7-form-control-wrap { display: block; }
.requ-quote div.wpcf7-mail-sent-ok { border: 2px solid #398f14; clear: both; background: #BFE6AE; color: #398f14; }
.requ-quote .novision { opacity: 0; visibility: hidden; }
/* ------------------ cookie-notice -popup ------------------- */
#cookie-notice { position: fixed; top: 0; left: 0; width: 100%; min-height: 48px; background-color: #f3f4f3; z-index: 1000; padding-right: 70px; padding: 0 5%; }
#cookie-notice #cn-accept-cookie { width: 48px; height: 48px; position: absolute; top: 0; right: 0; cursor: pointer; display: block; text-indent: -999px; overflow: hidden; }
#cookie-notice #cn-accept-cookie { background: url(../images/sprite-ui.svg) no-repeat; background-position: -131px -382px; }
#cookie-notice #cn-accept-cookie:hover { background-color: #8c918c; background-position: -281px -282px; }
#cookie-notice .cookie-notice-container { padding: 14px; font-size: 16px; text-align: left; color: #8c918c; }
div.wpcf7-validation-errors { clear: both; background: #FFFBC2; }
div#main-content.references-type .post-single { padding: 0px; }
div#main-content.references-type .sub-content { padding: 40px; }
#header .logo a img { height: auto; }
#reel_slider-reel, .reel-panning, .reel-panning * { cursor: move !important; }
.owl-carousel{opacity:0;}
#main-content .refen_field .ref-title a { position: relative; }
#main-content .refen_field .ref-title a:after { content: ""; position: absolute; background: url(../images/link.svg) no-repeat; top: 17px; right: 8px; width: 22px; height: 22px; font-weight: normal; background-size: 20px; }
#main-content .refen_field .ref-title a {padding-right: 34px;}
#main-content .refen_field .ref-title a:hover{background:#ccc;}


/*#ref-gallery a:hover, #ref-gallery a:focus { box-shadow: 4px 12px 30px 4px rgba(0, 0, 0, 0.6); z-index: 2; }*/
.gallery-owl .owl-item a { display: block; position: relative; padding:2px;}
.gallery-owl .owl-item a:after { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4) url(../images/zoom.png) no-repeat center center; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.gallery-owl .owl-item .item1:hover a:after { background: rgba(0, 0, 0, 0.1) url(../images/zoom.png) no-repeat center center; }

#ref-gallery a{ display:none;}
#ref-gallery .gallery-owl .owl-item a {display:block;}
#reel_slider-reel .reel-preloader {bottom: 30px;left:30px;}
#reel #reel_slider-reel .reel-indicator.x{bottom:30px !important;height:8px !important;}

#reel_slider-reel{padding: 20px;}
.owl-wrapper p,.owl-item p{margin-bottom:0;}

body.postid-1715 .container-usm .usmpage-field.full-row .col-md-6{ width:auto; float:none;}
#main-content h3.year-break {font-size: 1.8em; margin: 0; padding: 0;}
.wpcf7-form div.wpcf7-form-control{ border:none; padding: 0;}


.fot-social .privacy-policy { margin-top: 80px; }
.fot-social .privacy-policy a { text-decoration: none; }
.body-menu { margin-bottom: 20px; }
.body-menu li { display: inline-block; }
.body-menu li a { display: block; padding: 4px 20px; text-decoration: none; font-size: 18px }
.body-menu li a.en { border-right: 1px solid #ccc; }
body.page-id-1943 .body-menu li a.en { color: #000; }
body.page-id-1947 .body-menu li a.gr { color: #000; }
#cookie-notice { min-height: auto; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {    color: black;}