@import url(css/normalize-min-nkx.css);
@import url('https://fonts.googleapis.com/css?family=Magra:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin-ext');
@import url(http://whitedotdesign.ro/wp-content/plugins/contact-form-7/includes/css/styles.css);


/* Base styles */
* {box-sizing: border-box;}
html {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 1.4; font-weight: 400; overflow-x: hidden;}
.pageBg {width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
/*body .pageBg {background-image: url(images/wdd-bg2.jpg);}
body.home .pageBg  {background-image: url(images/wdd-bg.jpg);}
body.page .pageBg, body.single .pageBg {background-image: url(images/wdd-bg2.jpg);}*/

strong {font-weight: 700;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #333; margin: 20px 0; padding: 0;}
audio, canvas, img, video {vertical-align: middle;}

h1 {margin-top: 0; font-size: 36px; line-height: 1em; font-weight: 400; text-transform: uppercase;}
h2 {font-size: 36px; font-weight: 400;}
h3 {font-size: 16px;}
.fx {display: inline-block; padding: 0 10px; position: relative;}
.fx:before {height: 20px; content: ''; background-color: rgba(31,31,31,.1); position: absolute; left: 0; right: 0; bottom: 0;}

.left, .alignleft {float: left;}
.right, .alignright {float: right;}
.center {text-align: center;}

.button {display: inline-block; padding: 15px 25px; line-height: 1; text-transform: uppercase; text-decoration: none; color: #000; border: 1px solid #d7d7d7;}
.button.light {color: #fff; border-color: #fff;}
.shortText {/*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; height: 64px;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Base forms */
fieldset {border: 0; margin: 0; padding: 0;}
input, select, textarea, button {font-family: 'Magra', sans-serif; font-size: 16px; color: #000000;}

textarea {resize: none;}
button {cursor: pointer;}
*::-webkit-input-placeholder {color: #000000; opacity: 1;}
*:-moz-placeholder {color: #000000; opacity: 1;}
*::-moz-placeholder {color: #000000; opacity: 1;}
*:-ms-input-placeholder {color: #000000; opacity: 1;}

.wpcf7-form {width: 636px; font-size: 16px;}
.wpcf7-form > p {margin: 0 !important; overflow: hidden;}
.wpcf7-form-control-wrap {display: block; overflow: hidden;}
.wpcf7-text {display: block; width: 610px; height: 46px; padding-left: 12px; padding-right: 12px; border: 1px solid #aeaeae;}
.wpcf7-select {display: block; width: 636px; height: 46px; padding-left: 12px; padding-right: 12px; border: 1px solid #aeaeae; position: relative;}
.wpcf7-textarea {display: block; width: 610px; height: 198px; padding: 12px; border: 1px solid #aeaeae;}
.wpcf7-submit {padding: 14px 33px; background: #000; color: #fff; border: 0; cursor: pointer; float: right;}
.ajax-loader {margin-right: 10px; padding: 16px; background: #fff; border-radius: 100%; float: right;}
.wpcf7-not-valid-tip {padding: 5px 13px; background: #a00; color: #fff !important;}
.wpcf7-response-output {margin: 2em 0 !important; padding: 0.5em 1em !important; font-size: 14px; border: 0 !important; clear: both;}
.wpcf7-response-output.wpcf7-validation-errors {background: #a00; color: #fff;}
.wpcf7-response-output.wpcf7-mail-sent-ok {background: #5a7; color: #fff;}


/* Header */
.site_header {width: 100%; background-color: #ebebeb; border-bottom: 1px solid rgba(255,255,255,0.4); transition: all ease-in-out 200ms; position: absolute; top: 0; left: 0; z-index: 900;}
.site_header.invert_k {border-bottom: 1px solid rgba(0,0,0,0.11); position: static;}
.home .site_header {background-color: rgba(0,0,0,0);}
body > header.fixed {position: fixed; top:0;}

.site_header .inner {width: 100%; margin: 0 auto; position: relative;}
#logo {display: block; width: 60px; height: 60px; margin: 0 auto; position: relative; top: 15px;}
#logo img {width: 100%; height: auto;}
.nav_switch {padding: 30px; border-right: 1px solid rgba(255,255,255,0.4); float: left;}
.nav_switch.invert_k {border-right: 1px solid rgba(0,0,0,0.11);}
.site_nav_on {display: block; width: 28px; height: 28px; background-image: url(images/icon-nav.png); transition: transform ease 200ms;}
.site_nav_on.invert_k {background-image: url(images/icon-nav-k.png);}
.site_nav_off {display: block; width: 28px; height: 28px; background-image: url(images/icon-nav-off.png); position: absolute; top: 30px; left: 30px; transition: transform ease 200ms;}
.site_nav_on:hover, .site_nav_off:hover {transform: rotate(-90deg);}
.site_nav_box {max-height: 0; background-color: #1f1f1f; overflow: hidden; position: fixed; top: 0; left: 0; right: 0; z-index: 1200; opacity: 0; transition: ease 300ms;}
.site_nav_box.on {max-height: 999px; opacity: 1;}
.site_nav {margin: 0; padding: 60px 200px; overflow: hidden;}
.site_nav > li {font-size: 16px; text-transform: uppercase; color: #fff;}
.site_nav > li a {display: inline-block; padding: 14px; text-decoration: none; color: #fff;}
.site_nav > li.menu-item-has-children {width: 25%; float: left;}
.site_nav > li ul {margin: 0; padding: 0; text-transform: none;}
.site_nav > li li a {color: #7f7f7f;}
.site_nav > li li a:hover {color: #fff;}

.social-top {width: 120px; height: 30px; position: absolute; right: 30px; top: 30px;}
.social-top a {width: 29px; height: 28px; display: inline-block;}
.social-top .social-facebook {background: url(images/facebook.png) top no-repeat;}
.social-top .social-facebook.invert_k {background-image: url(images/facebook-k.png);}
.social-top .social-youtube {background: url(images/youtube.png) top no-repeat; margin: 0 10px 0 10px;}
.social-top .social-youtube.invert_k {background-image: url(images/youtube-k.png);}
.social-top .social-pinterest {background: url(images/pinterest.png) top no-repeat;}
.social-top .social-pinterest.invert_k {background-image: url(images/pinterest-k.png);}
.social-top a:hover {background-position: 0 100%;}

#visit {height: 54px; margin: 15px 30px 0; transition: all ease-in-out 200ms; position: relative; float: left;}
#visit > a {display: block; height: 54px; padding: 0 20px; font-size: 16px; line-height: 54px; text-decoration: none; color: #fff; transition: all ease-in-out 200ms; position: relative; z-index: 1100;}
#visit > a.invert_k {color: #000;}
#visit > a:hover, #visit:hover > a {text-decoration: none; color: #000; background-color: #fff; background-position: 0 99.5%;}
/*
#visit > a + i {display: block; width: 100%; height: 0; background: rgba(0,0,0,0); position: fixed; left: 0; top: 50%; z-index: 1000; transition: all ease-in-out 100ms;}
#visit:hover > a + i {width: 100%; height: 100%; background: rgba(0,0,0,0.45); left: 0; top: 0;}
#visit > a + i:hover {height: 0; background: rgba(0,0,0,0);}
*/
#visit > div {height: 0; padding: 0; font-size: 14px; line-height: 16px; background: #fff; overflow: hidden; opacity: 0; position: absolute; left: 0; top: 54px; transition: all ease-in-out 200ms;}
#visit:hover > div {display: block; height: auto; padding: 20px; opacity: 1; z-index: 1200;}
#visit > div a {text-decoration: none; color: #a0a0a0;}
#visit > div a:hover {text-decoration: underline; color: #333;}
#visitMap {width: 378px; height: 142px; border: 3px solid #c1c1c1;}
#visitMap_2 {width: 350px; height: 300px; border: 3px solid #c1c1c1;}

.get_cons {margin-top: 15px; float: left;}
.get_cons a {display: inline-block; height: 54px; font-size: 16px; line-height: 54px; text-decoration: none; color: #fff;}
.get_cons.invert_k a {color: #000;}


/* Content */
#page, .page_box {width: 100%; max-width: 1170px; margin: 0 auto; padding: 95px 0; position: relative; z-index: 10;}
.page_box.alt {padding: 0;}
.page_header {padding: 50px 0; background-color: #ebebeb;}
.content {width: 942px; margin: 0 auto;}

.half {width: 584px;}
.half.left {clear: both;}

.third {width: 314px; color: #fff; float: left;}
.third + .third {width: 284px; padding-left: 30px;}

.front_page_slider_box {overflow: hidden; position: relative;}
.front_page_slider {min-height: 100%;}
.front_page_slider.slick-dotted.slick-slider {margin: 0;}
.fpslide {background-position: 50% 50%; background-size: cover; float: left;}
.fpslide_inner {height: 0px; padding-top: 51%; text-align: center; color: #fff; position: relative;}
.fpslide_data {width: 854px; max-width: 80%; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
.fps_cat {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.fps_cat a {text-decoration: none; color: #fff;}
.fps_title {margin: 0 auto 30px; font-family: 'Magra', sans-serif; font-size: 60px; line-height: 1.2; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.front_page_slider .slick-dots {top: 50%; left: 40px; bottom: auto; transform: translateY(-50%);}
.front_page_slider .slick-dots li {display: block; width: 12px; height: 12px; margin: 10px 0;}
.front_page_slider .slick-dots li button {display: block; width: 8px; height: 8px; margin: 2px; background-color: #fff; border-radius: 50%;}
.front_page_slider .slick-dots li button::before {display: none;}
.front_page_slider .slick-dots li.slick-active button {width: 12px; height: 12px; margin: 0; background-color: transparent; border: 2px solid #fff; border-radius: 50%;}

.about_box {margin: 0 10%;}
.about_content {font-size: 18px; column-count: 2; column-gap: 30px;}
.about_content p {margin-top: 0;}
.about_content .button {margin-top: 10px; font-size: 14px;}

.services_box {margin-top: 80px; padding: 7% 10%; text-align: center; background-image: url(images/bg-services.jpg); background-origin: 50% 50%; background-size: cover; overflow: hidden;}
.services_box h2 {margin: 0 0 80px;}
.services_item {display: block; width: 25%; margin: 0 4%; text-decoration: none; float: left;}
.services_item * {transition: ease 200ms;}
.si_box {height: 0; padding-top: 100%; overflow: hidden; position: relative;}
.si_box_inner {padding-top: 30%; vertical-align: middle; background: #fff; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.si_nr {font-size: 14px; color: #aeafb2;}
.si_name {margin: 10px 0 0; font-size: 18px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #000;}
.si_cat {font-size: 16px; color: #aeafb2;}
.services_item:hover .si_box_inner {background: #1f1f1f;}
.services_item:hover .si_name {color: #fff;}

.portofolio_slider_box {margin-top: -152px; padding: 130px 0 70px; background-color: #1f1f1f; color: #fff; position: relative; z-index: 1;}
.portofolio_slider_box h2.fx {margin: 0 0 80px;}
.portofolio_slider_box h2.fx:before {background-color: rgba(255,255,255,.1);}
.portfolio_items {width: 90%; max-width: 1170px; margin: 0 auto; padding: 0 0 50px; position: relative;}
.porto_go {display: inline-block; width: 22px; height: 41px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%);}
.porto_prev {background-image: url(images/slide-prev-w.png); left: -68px;}
.porto_next {background-image: url(images/slide-next-w.png); right: -68px;}
.portfolio_items_slides {}
.porto_slide {overflow: hidden;}
.porto_s_large {width: 68.3760%; padding-right: 30px; float: left;}
.porto_s_large .ps_inner {height: 0; padding-top: 71.4285%; overflow: hidden; position: relative; background: #555;}
.porto_s_small {width: 31.6239%; float: left;}
.porto_s_small.mod {margin-top: 30px;}
.porto_s_small .ps_inner {height: 0; padding-top: 70.2702%; overflow: hidden; position: relative; background: #333;}
.ps_inner_box {background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ps_inner_box div {position: absolute; left: 25px; bottom: 25px;}
.ps_inner_box div a {text-decoration: none; color: #fff;}
.porto_cat {text-transform: uppercase;}
.porto_title {margin: 0; font-family: 'Magra', sans-serif; font-size: 24px; line-height: 1.2; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}

.providers_box {width: 100%; max-width: 744px; margin: 0 auto; padding: 70px 0 30px;}
.providers_box h2 {margin-top: 0;}
.providers {overflow: hidden; margin: 30px 0 65px;}
.provider {width: 25%; border: 1px solid #e7e7e7; float: left;}
.provider a {display: block; height: 0; padding-top: 79%; overflow: hidden; position: relative;}
.provider img {max-width: 75%; max-height: 90%; filter: grayscale(100%); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: ease 200ms;}
.provider:hover img {filter: grayscale(0%);}
.provider:nth-of-type(1) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(2) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(3) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(4) {border-width: 0 0 1px 0;}
.provider:nth-of-type(5) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(6) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(7) {border-width: 0 1px 1px 0;}
.provider:nth-of-type(8) {border-width: 0 0 1px 0;}
.provider:nth-of-type(9) {border-width: 0 1px 0 0;}
.provider:nth-of-type(10) {border-width: 0 1px 0 0;}
.provider:nth-of-type(11) {border-width: 0 1px 0 0;}
.provider:nth-of-type(12) {border-width: 0;}

.promotions_box {width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0 70px;}
.promotions_box h2 {margin-top: 0;}
.promo_items {margin: 0 -15px; padding: 50px 0; position: relative;}
.promo_items_slides {}
.pi_slide {padding: 0 15px;}
.pi_slide a {display: block; font-size: 18px; text-decoration: none; color: #1f1f1f;}
.pi_slide h3 {margin: 15px 0; font-weight: 400; line-height: 1.1;}
.promit_thumb {display: block; height: 0; margin-bottom: 0; padding-top: 113%; overflow: hidden; position: relative;}
.promit_thumb img {width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.promit_price_old {margin-right: 10px; text-decoration: line-through; color: #b5b5b5;}
.promit_price_new {font-weight: 700;}
.promit_go {display: inline-block; width: 22px; height: 41px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%);}
.pg_prev {background-image: url(images/slide-prev.png); left: -68px;}
.pg_next {background-image: url(images/slide-next.png); right: -68px;}

.showArticle {width: 100%; height: 292px; background: #fff;}
.showArticle > img {float: left;}
.showArticle > a:first-child {float: left;}
.showArticle .info {height: 272px; padding: 0px 20px 20px; position: relative;}
.showArticle > img + .info {width: 252px; float: left;}
.showArticle > a + .info {width: 252px; float: left;}
.showArticle .info .catName {display: block; height: 58px; margin-bottom: 15px; font: 14px/56px "Georgia", sans-serif; font-style: italic; text-transform: lowercase; color: #aeaeae; background: url(images/line-gray-47.png) 0 100% no-repeat;}
.showArticle .info .catName a {text-decoration: none; color: #aeaeae;}
.showArticle .info h2 {margin-top: 0; font-size: 26px; line-height: 1.25em; font-weight: 300; text-transform: uppercase;}
.showArticle .info .more {height: 32px; padding: 0 42px 0 10px; font-size: 11px; line-height: 32px; font-weight: 700; text-decoration: none; color: #000; background: url(images/arrow-right-30.png) 100% 50% no-repeat; border: 1px solid #000; border-radius: 16px; position: absolute; right: 20px; bottom: 20px;}

.showArticle .info .more:hover {color: #FFF; background: #000000 url(images/arrow-right-30-hover.png) 100% 50% no-repeat;}

.goFacebook {display: block; width: 146px; height: 146px; margin-bottom: 100px; background: #fff url(images/icon-facebook.png) 50% 50% no-repeat; float: left;}

.contactInfo {height: 130px; padding: 16px 0 0 30px; color: #fff;}
.contactInfo p {margin: 10px 0; line-height: 18px;}
.contactInfo p:first-child {padding-bottom: 11px; background: url(images/line-white-47.png) 0 100% no-repeat;}

.sliderBox {height: 248px; padding: 44px 66px 0 77px; color: #fff; overflow: hidden;}
.sliderBox h2 {margin: 0; font-size: 26px; font-weight: 300; text-transform: uppercase;}
.sliderBox .testimonials {width: 440px; height: 190px; margin-top: 10px; overflow: hidden;}
.sliderBox .testimonials ul {width: 1000em; margin: 0; padding: 0; list-style: none;}
.sliderBox .testimonials li {width: 440px; height: 145px; overflow: hidden; float: left;}
.sliderBox .testimonials blockquote {margin: 0; padding: 0; background: url(images/bg-bq-on.png) 0 3px no-repeat;}
.sliderBox .testimonials blockquote p {margin: 0 0 15px; font-family: 'Georgia', sans-serif; font-size: 14px; line-height: 24px; font-style: italic; text-indent: 36px;}
.sliderBox .testimonials blockquote p img {display: inline !important; margin-left: 10px; vertical-align: middle;}
.sliderBox .testimonials blockquote cite {display: block; font-size: 14px; line-height: 48px; font-style: normal;}
.sliderBox .testimonials blockquote cite img {display: inline !important; width: 49px; height: 49px; margin-right: 18px; border-radius: 25px; overflow: hidden;}

.testimonial {height: 248px; padding: 44px 66px 0 77px; color: #fff; overflow: hidden;}
.testimonial h2 {margin: 0; font-size: 24px; font-weight: 300; text-transform: uppercase;}
.testimonial .testimonials {width: 440px; height: 145px; margin-top: 10px; overflow: hidden;}
.testimonial .testimonials blockquote {margin: 0; padding: 0; background: url(images/bg-bq-on.png) 0 3px no-repeat;}
.testimonial .testimonials blockquote p {margin: 0 0 15px; font-family: 'Georgia', sans-serif; font-size: 14px; line-height: 24px; font-style: italic; text-indent: 36px;}
.testimonial .testimonials blockquote p img {display: inline !important; margin-left: 10px; vertical-align: middle;}
.testimonial .testimonials blockquote cite {display: block; font-size: 14px; line-height: 48px; font-style: normal;}
.testimonial .testimonials blockquote cite img {display: inline !important; width: 49px; height: 49px; margin-right: 18px; border-radius: 25px; overflow: hidden;}

.scrollBox, div.pageFull {width: 1168px; height: 942px; margin: 0 0 37px -50px; padding: 0 50px; overflow: auto;}
.scrollBox h1, div.pageFull h1 {height: 50px;}
.scrollBox {height: auto; margin: 0; padding-bottom: 50px;}

.row {width: 100%; height: 292px;}
.row .half.post {float: left;}
.row:nth-child(odd) .half.post {float: right;}

.post.clearfix {margin-bottom: 40px;}
.post .entry {margin-bottom: 40px; color: #fff;}
.post .catName {display: block; height: 58px; margin-bottom: 15px; font: 14px/56px "Georgia", sans-serif; font-style: italic; text-transform: lowercase; color: #fff; background: url(images/line-white-47.png) 0 100% no-repeat;}
.post .catName a {text-decoration: none; color: #fff;}
.post .titleBox {width: 314px; color: #fff; float: left;}
.post .titleBox h2 {font-size: 36px; line-height: 1em; font-weight: 300; text-transform: uppercase;}
.post .titleBox + .entry {width: 598px; padding-left: 30px; float: left;}
.post .third + .entry {margin-left: 314px; padding-left: 0;}
.post *:first-child {margin-top: 0;}

.portofolioSlider {width: 100%; height: 626px; margin-bottom: 20px; position: relative;}
.portofolioSlider .pSliderHolder {width: 942px; height: 626px; margin: 0 auto; overflow-x: visible; position: relative;}
.portofolioSlider .pSliderHolder .bx-viewport {overflow: visible !important;}
.portofolioSlider .pSlider {width: 942px; height: 626px; margin: 0 auto; padding: 0; list-style: none; overflow-y: hidden; position: relative; z-index: 100;}
.portofolioSlider .pSlider li {width: 942px; height: 626px; overflow: hidden; float: left;}
.portofolioSlider .pSlider li img {display: block; min-width: 942px; min-height: 626px;}
.portofolioSlider .pSMask {width: 100%; height: 626px; background: url(images/bg-ps-mask.png) 50% 50% repeat-y; position: absolute; top: 0; left: 0; z-index: 150;}
.portofolioSlider .slideControl {width: 48px; height: 34px; position: absolute; top: 310px; z-index: 160;}
.portofolioSlider .slideControl a {display: block; width: 46px; height: 32px; text-align: center; font-size: 18px; line-height: 28px; text-decoration: none; color: #fff; background: rgba(255,255,255,0); border: 1px solid #fff; border-radius: 17px; transition: all ease-in-out 150ms;}
.portofolioSlider .slideControl a:hover {text-decoration: none; color: #000; background: rgba(255,255,255,1);}
.portofolioSlider .slidePrev {left: -178px;}
.portofolioSlider .slideNext {right: -178px;}

.navigation {margin: 40px 0; color: #fff; overflow: hidden; clear: both;}
.navigation a {text-decoration: none; color: #fff;}
.navigation > div {max-width: 45%;}
.navigation .go-prev {float: left;}
.navigation .go-next {float: right;}

.navigation .wp-pagenavi a, .navigation .wp-pagenavi span {border: 0}
.navigation .wp-pagenavi span.current {color: #000000}

.singlePostHeader {margin-bottom: 35px; text-align: center;}
.navigation.singlePost {display: inline-block; margin: 10px 0; padding: 0 80px; position: relative;}
.navigation.singlePost h1 {display: inline;}
.navigation.singlePost .go-prev {float: none; position: absolute; top: 0; left: 0;}
.navigation.singlePost .go-next {float: none; position: absolute; top: 0; right: 0;}
.navigation.singlePost a {display: block; font-size: 18px; line-height: 24px;}

.post.invert {margin-bottom: 80px; padding: 50px 60px; background: #fff; color: #000;}
.addedPic {width: 222px; margin-right: 48px; overflow: hidden; float: left;}
.addedPic img {width: 100%;}
.addedPic + .extraWrap {width: 778px; float: left;}
.invertContent {margin-bottom: 50px;}
.invertContent > img {width: 222px; height: 222px; border-radius: 111px; overflow: hidden; float: left;}
.articleContent {width: 750px; padding-left: 75px; font-size: 16px; float: left;}
.articleContent.alt {font-size: 15px;}
.articleContent:first-child {width: 100%; padding-left: 0; float: none;}
.articleContent h2 {margin-bottom: 17px; font-size: 36px; line-height: 1em; font-weight: 300; text-transform: uppercase;}
.articleContent h3 {margin: 0 0 17px; padding-bottom: 18px; font-size: 24px; line-height: 1em; font-weight: 400; color: #8e8e8e; background: url(images/line-gray-47.png) 0 100% no-repeat;}
.articleContent .acFull {width: 100%; text-align: justify; overflow: hidden;}
.articleContent .acLeft {width: 354px; text-align: justify; float: left;}
.articleContent .acRight {width: 354px; text-align: justify; float: right;}
/*.articleContent a {color:#a2a9ae; text-decoration:none; font-weight: normal;}*/
.articleContent a {color: #000; text-decoration: none; border-bottom: 2px solid #b0b7bb; padding: 0px 2px;}
.articleContent a:hover {color: #FFF; border-bottom: 2px solid #b0b7bb; background-color:#7c4490;}
.articleContent a.go_to_brand {border: none; padding: 5px 25px 5px 10px;}

.articleContent h3 a {color:#8e8e8e;}
.articleContent .more {height: 32px; padding: 8px 42px 8px 15px; line-height: 32px; font-size:11px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000; background: url(images/arrow-right-30.png) 100% 50% no-repeat; border: 1px solid #000; border-radius: 16px; right: 20px; bottom: 20px;}
.articleContent .more:hover {color: #FFF; background: #000000 url(images/arrow-right-30-hover.png) 100% 50% no-repeat;}
h2.category_title {margin: 0 20px 17px 0px; padding-bottom: 18px; font-size: 24px; line-height: 1em; font-weight: 400; color: #8e8e8e; background: url(images/line-gray-47.png) 0 100% no-repeat; clear: both;}

/* Added for Outlet - Dan Judea 18.07.2016 */
.articleContent .more_order {height: 32px; padding: 8px 42px 8px 15px; line-height: 32px; font-size:11px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #FFF; background: #7c4490 url(images/arrow-right-30-hover.png) 100% 50% no-repeat; border: 1px solid #8e8e8e; border-radius: 16px; right: 20px; bottom: 20px;}
.articleContent .more_order:hover {color: #FFF; background: #7c4490 url(images/arrow-right-30-hover.png) 100% 50% no-repeat; border: 1px solid #000;}
/* End */

h2.category_title a {padding: 0px 0px 0px 0px; border: none;}
h2.category_title a:hover {border: none;}

.contentContact {margin-bottom: 62px; padding: 64px; font-size: 16px; background: #fff url(images/bg-contact.jpg);}
.contentContact .entry {width: 636px; margin: 0; padding: 0; color: #000; float: left;}
.contentContact .entry p {margin-bottom: 2em;}
.contentContactInfo {width: 326px; padding: 0px 0 15px 77px; float: left;}
.contentContactInfo address {font-size: 14px;}
.contentContactInfo address p {margin-bottom: 32px; font-weight: bold; font-style: normal;}
.contentContactInfo address ul {margin: 0; padding: 0; list-style: none;}
.contentContactInfo address ul li {height: 27px; margin-top: 32px; line-height: 27px;}
.ccIcon {padding-left: 43px; background-position: 0 0; background-repeat: no-repeat;}
.ccIcon.alt {line-height: 14px;}
.cciLocation {background-image: url(images/cc-icon-location.png);}
.cciPhone {background-image: url(images/cc-icon-phone.png);}
.cciMobile {background-image: url(images/cc-icon-mobile.png);}
.cciOpening {background-image: url(images/cc-icon-opening.png);}
.cciEmail {background-image: url(images/cc-icon-email.png);}
.xwsIcon {background-position: 0 0; background-repeat: no-repeat; height: 30px; width: 30px; display: inline-block;}

.entry a img {border: 1px solid #473d3e;}
.entry a:hover img {border: 1px solid #b3aea8; box-shadow: 0 0 4px rgba(0,0,0,0.50);}

/* Brands list */
.brand_filters {margin: 40px -15px 0; overflow: hidden;}
.brand_filter {width: 33.3333%; padding: 0 15px; font-size: 18px; float: left;}
.brand_filter_name {display: block; padding-bottom: 15px; line-height: 1; text-decoration: none; color: #000; border-bottom: 2px solid #000; position: relative;}
.brand_filter_name:after {content: '+'; font-size: 26px; position: absolute; top: 0; right: 0;}
.brand_filter_name.on:after {content: '-';}
.brand_filter_inner {display: none;}
.brand_filter_inner.on {display: block;}
.brand_filter_inner ul {margin: 0; padding: 0; list-style: none;}
.brand_filter_inner ul li {margin-top: 10px;}
.brand_filter_inner ul li input {margin-right: 5px; opacity: .5;}
.post.brands_list {margin-bottom: 0; padding: 50px 0 0;}
.brand_feed {width: 25%; margin: 0 0 30px; padding: 0 15px 20px; position: relative; float: left;}
.brand_feed.alt {margin: 0 0 30px;}
.brand-logo {display: block; width: 100%; height: 0; margin-bottom: 10px; padding-top: 75%; overflow: hidden; position: relative;}
.brand-logo img {display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.brand-logo span {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.brand-logo:hover span {display: block;}
.brand_excerpt {height: 180px; color: #7f7f7f; overflow: hidden;}
.brand_excerpt a {text-decoration: none; color: #7f7f7f;}
.brand_feed:hover .brand_excerpt {color: #000;}
.brand_excerpt.alt {height: auto; color: #000;}
.go_to_brand {display: none; padding: 5px 16px 5px 9px; text-decoration: none; color: #fff !important; background: #000 url(images/arrow-mini-right.png) 100% 50% no-repeat; position: absolute; right: 0; bottom: 0;}
.brand_feed:hover .go_to_brand {display: inline-block;}
.go_to_brand.alt1 {display: inline-block; padding-right: 20px; background-color: #898a8f; position: static;}
.go_to_brand.alt2 {display: inline-block; padding-right: 20px; background: #898a8f  url(images/arrow-mini-up.png) 100% 50% no-repeat; position: static;}
.go_to_brand.alt3 {display: inline-block; padding-right: 20px; background-color: #b0a9a0; position: static;}
.go_to_brand:hover {background-color: #7a428e;}
/* Brands single */
.brand_content {width: 851px; float: right;}
.brand_content.alt {width: 660px; float: left;}
.brand_content.alt .brand_slider_box {width: 650px;}
.brand_content.alt .brand_slider_box .bx-wrapper img {min-height: 100%;}
.brand_header {margin-bottom: 12px;}
.brand_tags {margin: 0; padding: 0; list-style: none;}
.brand_tags li {display: inline-block; margin-right: 9px;}
.brand_tags li a {display: inline-block;  padding: 5px 20px 5px 9px; text-decoration: none; color: #fff !important; background: #b0a9a0 url(images/arrow-mini-right.png) 100% 50% no-repeat;}
.brand_tags li a {border:none;}
.brand_tags li a:hover {border:none;}
.brand_slider_box {width: 851px; height: 461px; margin-bottom: 20px; overflow: hidden; position: relative;}
.brand_slider {margin: 0; padding: 0;}
.brand_slider li {width: 851px; height: 461px; overflow: hidden;}
.brand_slider img {display: block; width: 100%; height: auto;}

.brand_links {margin: 0; padding: 0; list-style: none;}
.brand_links li {display: inline-block; padding-right: 9px;}
.brands-categ {width: 190px; float: left;}
.brands-categ ul {margin: 0; padding: 0; padding-top: 2px; list-style: none;}
.brands-categ li {border-bottom: 1px solid #8e8e8e;}
.brands-categ li a {display: block; padding: 9px 35px 9px 0;  padding-left: 10px;  border-left: 3px solid #FFF; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #6e6e6e;}
.brands-categ li a:hover {text-decoration: none; color: #7a428e; background-color:#f7f6f5; padding-left: 10px; border-left: 3px solid #7a428e;}
.brands-categ li.selected a {color: #000; background: url(images/arrow-right-30.png) 100% 50% no-repeat;}
.brands-posts {width: 100%; overflow: hidden;}

/* Outlet */
.outlet_item h2.category_title {margin: 0 0 17px;}
.outlet_item h2.category_title span {font-weight: 300;}
.outlet_item .brand_header {margin-left: 196px;}
.outlet_item .brand_feed {width: 182px; padding-right: 14px; line-height: 1.2;}
.outlet_item .box-contact {margin-top: 45px;}
.outlet_item .brand_content {width: 590px;}
.outlet_item.alt .brand_slider_box {width: 590px;}
.outlet_item .outlet_info {width: 242px; margin-left: 18px; padding-right: 0;}
.price_old {display: block; font-size: 24px; text-decoration: line-through;}
.price_new {display: block; font-size: 36px; color: #ef3f2e;}

.price_old_small {display: block; font-size: 16px; text-decoration: line-through;}
.price_new_small {display: block; font-size: 20px; color: #ef3f2e;}

.outlet_footer {padding: 20px 0; background: url(images/line-gray-47.png) 0 0 no-repeat;}
.outlet_footer p {margin: 0;}
.outlet_item a.see_brand {border: none;}
.outlet_item a.see_brand:hover {border: none;}


/* BXSlider */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0;  *zoom: 1;}
.bx-wrapper img {max-width: 100%; display: block;}

.bx-wrapper .bx-viewport {-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 20px; left: 30px;}
.bx-wrapper .bx-loading {min-height: 50px; background: url(js/vendor/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

.bx-wrapper .bx-pager {text-align: right; font-size: .85em; font-weight: bold; color: #666;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {padding: 0px; margin: 0px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #000; text-indent: 100px; display: block; width: 26px; height: 26px; margin: 0 5px; outline: 0; border: 0; border-radius: 13px; overflow: hidden; opacity: 0.45;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000; opacity: 0.75;}
.bx-wrapper .bx-pager.bx-default-pager a {border: 0px solid #000000;}
.bx-wrapper .bx-pager.bx-default-pager a:hover {background: #7c4490; opacity: 0.95;}

.bx-wrapper .bx-prev {left: 10px; background: url(js/vendor/bxslider/images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px; background: url(js/vendor/bxslider/images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(js/vendor/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

/* Jscrollpane */
.jspContainer {overflow: hidden; position: relative;}
.jspPane {width: 1168px !important; position: absolute;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: transparent;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: transparent;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: url(images/bg-trackbar.png) repeat-y; position: relative;}
.jspDrag {width: 20px; height: 67px; background: url(images/btn-drag.png) no-repeat; opacity: 0.8; transition: opacity ease-in-out 150ms; position: relative; top: 0; left: 0; cursor: pointer;}
.jspDrag:hover, .jspDrag:focus {opacity: 1;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;}
.jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0;}
.jspArrow.jspDisabled {cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}


/* Footer */
body > footer {width: 100%; margin-top: 130px; padding: 30px 0; font-size: 14px; color: #fff; background: #1f1f1f; position: relative; z-index: 800;}
body > footer .inner {width: 960px; margin: 0 auto; position: relative;}
body > footer h2, body > footer h3 {margin: 0; font-size: 14px; font-weight: 400;}
body > footer p {margin-top: 0;}
body > footer h2 + p {margin-top: 19px;}
body > footer a {text-decoration: none; color: #7f7f7f;}
body > footer a:hover {text-decoration: underline; color: #fff;}
body > footer hr {clear: both;}

.latest_blog_box {width: 90%; max-width: 1170px; min-height: 239px; margin: 0 auto -50px; padding: 40px 4% 40px 16%; color: #1f1f1f; background: #ebebeb url(images/bg-latest-blog.png) 0 0 no-repeat; overflow: hidden; position: relative; z-index: 900; transform: translateY(-108px);}
.latest_blog_box h4 {width: 30%; margin: 0; padding-right: 30px; font-size: 18px; font-weight: 700; float: left;}
.latest_blog_box h4 a {color: #1f1f1f;}
.latest_blog_box h4 a:hover {text-decoration: underline; color: #1f1f1f;}
.latest_blog_box p {width: 70%; margin-bottom: 25px; font-size: 14px; column-count: 2; column-gap: 30px; float: left;}
.latest_blog_box p br {display: none;}
.latest_blog_box .more {display: inline-block; margin-left: 70%; padding: 15px 25px; line-height: 1; text-transform: uppercase; text-decoration: none; color: #000; border: 1px solid #d7d7d7; clear: both; transform: translateX(-30px);}

.footer_brand {float: left;}
#logoFooter {display: block; margin-bottom: 30px;}

.social {height: 28px; margin: 0; padding: 0; list-style: none; text-align: center;}
.social li {display: inline-block;}
.social a {display: inline-block; width: 29px; height: 28px; transition: ease 200ms;}
.social a:hover img {width: 25px; height: 24px; padding: 2px;}
.social .social-facebook {background: url(images/facebook.png) top no-repeat;}
.social .social-youtube {background: url(images/youtube.png) top no-repeat; margin: 0 10px 0 10px;}
.social .social-pinterest {background: url(images/pinterest.png) top no-repeat;}
.social a:hover {background-position: 0 100%;}

.contactNews {width: 228px; margin: 0 0 20px 50px; float: left;}
.contactNews h3 {margin-bottom: 10px;}
.contactNews h3 a {color: #fff; text-decoration: none}
.contactNews h3 a:hover {text-decoration: underline}
.contactNews #getNews {width: 100%; margin: 10px 0 32px; padding: 2px; box-sizing: border-box; background: #fff; position: relative;}
.contactNews #getNews > * {box-sizing: border-box;}
.contactNews #getNews input {width: 100%; height: 26px; padding: 4px 8px; font-size: 12px; background: #fff; color: #7d7d7d; border: 0;}
.contactNews #getNews input::-webkit-input-placeholder {color: #7d7d7d; opacity: 1;}
.contactNews #getNews input:-moz-placeholder {color: #7d7d7d; opacity: 1;}
.contactNews #getNews input::-moz-placeholder {color: #7d7d7d; opacity: 1;}
.contactNews #getNews input:-ms-input-placeholder {color: #7d7d7d; opacity: 1;}
.contactNews #getNews button {display: block; width: 27px; height: 26px;  background: url(images/btn-go.png); border: 0; position: absolute; top: 2px; right: 2px;}

.footerSection {width: 170px; margin: 0 0 40px 200px; float: left;}
.footerSection + .footerSection {margin-left: 20px;}
.footerSection.wideSection {width: 430px;}
.footerSection ul {margin: 0; padding: 0; list-style: none;}
.footerSection ul li {margin-top: 14px;}
.footerSection a {text-decoration: none; color: #7f7f7f;}
.footerSection a:hover, .footerSection a.on {text-decoration: underline; color: #fff;}

.blog-single-xws {background: #fff; color: #000; padding: 30px; margin-bottom: 40px; box-sizing: border-box; font-size: 16px;}
.blog-single-xws h1 {color: #000; margin-bottom: 0;}

/*.blog-single-xws a {color: #b0b7bb; text-decoration: none; font-weight: bold; padding: 0px 5px;}
.blog-single-xws a:hover {color: #7c4490; border-bottom: 2px solid #b0b7bb; background-color:#efede9;}*/
.blog-single-xws a {color: #000; text-decoration: none; border-bottom: 2px solid #b0b7bb; padding: 0px 2px;}
.blog-single-xws a:hover {color: #FFF; border-bottom: 2px solid #b0b7bb; background-color:#7c4490;}

.blog-single-xws .catName {height: auto !important; margin: 0 0 17px; padding-top: 18px; padding-bottom: 18px; font-size: 16px; line-height: 1em; font-weight: 400; font-style: normal !important; text-transform: none; background: url("images/line-gray-47.png") no-repeat 0 100%; color: #8e8e8e;}
.blog-single-xws .entry {color: #000;}
.blog-single-title-xws {color: #fff; font-size: 22px; font-weight: 800; margin-bottom: 40px;}

.blog-single-xws .more {}
.blog-single-xws .more {height: 32px; padding: 8px 42px 8px 15px; line-height: 32px; font-size:11px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000; background: url(images/arrow-right-30.png) 100% 50% no-repeat; border: 1px solid #000; border-radius: 16px; right: 20px; bottom: 20px;}
.blog-single-xws .more:hover {color: #FFF; background: #000000 url(images/arrow-right-30-hover.png) 100% 50% no-repeat;}

.copyright {margin: 0; text-align: left; line-height: 28px; font-size: 12px; color: #999;}
.copyright a {color: #ccc; text-decoration:none;}
.copyright a:hover {text-decoration:underline;}


/* Helper classes */
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
.clear {clear: both;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

@media print {
	* {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
	a,  a:visited {text-decoration: underline;}
	a[href]:after {content: " (" attr(href) ")";}
	abbr[title]:after {content: " (" attr(title) ")";}
	.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {content: "";}
	pre,  blockquote {border: 1px solid #999; page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr,  img {page-break-inside: avoid;}
	img {max-width: 100% !important;}
	@page {margin: 0.5cm;}
	p,  h2,  h3 {orphans: 3; widows: 3;}
	h2,  h3 {page-break-after: avoid;}
}

#cboxCurrent {width: 0; height: 0;}

/*Added by Dan Judea 11.04.2015 */

/**
 * 14.2 Galleries
 */
.gallery {margin-bottom: 1.6em;}
.gallery-item {display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top;}
.gallery-item:first-child {margin-top: 15px !important;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-icon img {margin: 0 auto;}
.gallery-caption {display: block; margin: auto; padding: 0.5em 0; font-size: 11px; font-size: 1.1rem; line-height: 1.5; color: #fff; color: rgba(0, 0, 0, 0.9);}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}

/* Added by Dan Judea 30.07.2016 */
/* IFRAMES */
iframe {border: none;}

/*scroll top*/
.scroll_top {display: none; width: 35px; height: 35px; text-align: center; line-height: 40px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #c2b1a9 url(images/arrow-up-40.png) top center no-repeat; position: fixed; right: 35px; bottom: 35px; z-index: 9999;}

.scroll_top:hover,
.scroll_top:focus,
.scroll_top:active {color: #fff; background-color: #C7C8C9;}