/* Theme Name: Beach Active Theme URI: http://themeurl.org/ Description: The Beach Active theme based on the famous Wordpress CMS. Version: 4.4 Author: Beach Active */ /* normal */ * { margin: 0px; padding: 0px; } html, body { font-family: Arial; font-size: 12px; color: #8c806e; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; } body { background: #fff; } img { border: 0px; display: block; max-width: 100%; height: auto; } a, input, textarea { outline: none; } input[type="text"], input[type="submit"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } ul, li { margin:0px; padding: 0px; list-style: none;} .clear { clear: both; height: 0px; overflow: hidden; } .centering { max-width: 1170px; margin: 0px auto;} .centering1 { max-width: 1520px; margin: 0px auto;} h1,h2,h3,h4,h5,h6 { font-weight: normal; } a, .owl-prev, .prev, .owl-next , .next, .lees , input[type="submit"], .item, .owl-dot span, .product-block .right .winter ul.texel li, .blogPost .less, .news-block .cantain .left .less, .news-block .cantain .right .less, .marken-block li span, .topperBar .topLoop, .topper-block .productSlider .owl-item .item .rate, .topperBar .rate, .topper-block .productSlider .fade a, .topperBar .fade a, .marken-block span a {transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;} a:hover, .owl-prev:hover, .prev:hover, .owl-next:hover, .next:hover, .lees:hover, input[type="submit"]:hover, .item:hover, .owl-dot:hover span, .product-block .right .winter ul.texel li:hover, .blogPost .less:hover, .news-block .cantain .left .less:hover, .news-block .cantain .right .less:hover, .marken-block li span, .topperBar .topLoop:hover, .topper-block .productSlider .owl-item .item:hover .rate, .topper-block .productSlider .fade a:hover, .topperBar .fade a:hover , .topper-block .productSlider .owl-item .item .rate ,.topperBar .rate, .marken-block span a:hover {-webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; -ms-transition: all ease 0.7s ; transition: all ease 0.5s ;} .mobileView { display: none; } /* section */ #section { position: relative; display: block; width: 100%; min-height: 100%; } /* page wrap */ #page-wrap { margin: 0 auto; width: 100%; } /* header */ #header-wrap { position: relative; width: 100%; } .header-block { width: 100%; float: left;} .header-block .centering { position: relative; } .header-block .logo { position: absolute; top: -42px; left: -373px;} .header-block .top { width: 100%; float: left; background: #0c1834; position: relative} .header-block .top ul { float: right; list-style: none;} .header-block .top ul li { padding: 12px 13px; float: left; font-size: 11px;} .header-block .top ul li em { padding-right: 5px; color: #36cee5; font-size: 11px; font-family:'OpenSans-Bold'; font-style: normal; text-transform: uppercase;} .header-block .top ul li span {padding-right: 5px; color: #fff; font-size: 11px; font-family: 'open_sansregular'; font-style: normal ;text-transform: uppercase;} .header-block .top ul li a { text-decoration: none; color: #fff; text-transform: uppercase; } .header-block .top ul li a:hover { text-decoration: underline;} .header-block .top ul li.last { padding-right: 0px; } .header-block .nav { width: 100%; float: left; position: relative} .header-block .nav ul { list-style: none; float: left;} .header-block .nav ul li { padding: 34px 25px 32px 30px; float: left;} .header-block .nav ul li:first-child {padding-left: 0px;;} .header-block .nav ul li a { text-decoration: none; color: #000; font-size: 14px; font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 3px;} .header-block .nav ul li a:hover, .header-block .nav ul li.current_page_item a, .single-topper #menu-item-26 a, .single-merken #menu-item-25 a{ color: #cc0c2f} .header-block .nav ul.social { float: right} .header-block .nav ul.social li { padding: 23px 3px 24px 3px; float: left;} .header-block .nav ul.social li a img { display: none; } .header-block .nav ul.social li.last { padding-right: 0px; } .header-block .nav ul.social li a { width: 42px; height: 42px; display: block; } .header-block .nav ul.social li a:hover { background-color: #0c1834; } .header-block .nav ul li a.facebook { background: #3a5998 url(images/facebook2.png) no-repeat center center; } .header-block .nav ul li a.twitter { background: #00aced url(images/twitter2.png) no-repeat center center; } /* banner-wrap */ #banner-wrap {position: relative; width: 100%; } /* banner block */ .banner-block { width: 100%; float: left; position: relative; text-align: center} .bannerSlider { position: relative; height: 860px; overflow: hidden; } .bannerSlider ul.slides li .caption { padding-top: 240px; padding-bottom: 326px; text-align: center; } .bannerSlider ul.slides li { min-height: 866px; } .banner-block img { width: 100%;} .banner-block .caption h1 { margin-bottom: 60px; font-size: 68px; color: #fff;font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 8px; } .banner-block .caption a { padding: 14px 32px; color: #fff; font-size: 18px; font-family: 'oswaldbold'; letter-spacing: 1px; border: 3px solid #fff; text-decoration: none;text-transform: uppercase;} .banner-block .caption a:hover { background: #cc0c2f; border: 3px solid #fff;} .banner-block .navBlock { position: absolute; top:0px; width: 100%; height: 100%; } .banner-block .centering1 { position: relative; height: 100%; } .banner-block .centering1 li a { display: block; } .banner-block .centering1 .prev { z-index:999; top:50%; margin-top: -34px; text-indent:-9999px; position: absolute; left:0px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/prev.png) no-repeat center center; } .banner-block .centering1 .next { z-index:999; top:50%; margin-top: -34px; text-indent:-9999px; position: absolute; right:0px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/next.png) no-repeat center center;} .banner-block .centering1 li:hover { cursor:pointer; background-color: #cc0c2f; border-color:#cc0c2f; } .banner-block .centering1 .prev::before { position: absolute; right: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } .banner-block .centering1 .next::after { position: absolute; left: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } .bannerSlider .flex-direction-nav { display: none; } .bannerSlider .flex-control-nav { position: absolute; bottom: 40px; right:21%; z-index:999; } .bannerSlider .flex-control-nav li { float: left; margin-left: 10px; } .bannerSlider .flex-control-nav li a { text-indent:-9999px; display: block; width: 14px; height: 14px; border:solid 2px #fff; border-radius: 50%; } .bannerSlider .flex-control-nav li a:hover , .bannerSlider .flex-control-nav li a.flex-active { cursor:pointer; display: block; width: 14px; height: 14px; border:solid 2px #fff; border-radius: 50%; background:#fff; } /* innerBanner */ .innerBanner { width: 100%; position: relative; height: 193px!important; } .innerBanner .caption { padding-top: 38px; z-index: 999px; } .innerBanner .caption h1 { padding-top: 24px; font-size: 30px; color: #fff;font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 2px; background: url(images/design.png) no-repeat 0% 2px; } .innerBanner .caption ul { margin-top: 33px; list-style: none; float: left; background: #fff; } .innerBanner .caption ul li { padding: 15px 25px; float: left; color: #000; font-size: 14px; font-family: 'oswaldbold'; letter-spacing: 3px; background: url(images/border.png) no-repeat center left; text-transform: uppercase;} .innerBanner .caption ul li:first-child { background: none;} .innerBanner .caption ul li a { text-decoration: none; color: #ccc; font-family: 'oswaldbold';} .innerBanner .caption ul li a:hover { color: #000; } /* contact block */ .contact-block { margin-top: 10px; padding: 30px 0px; width: 100%; float: left;} .contact-block ul.addBar { list-style: none; overflow: hidden; } .contact-block ul.addBar li { padding: 0px 0px 20px 0px; float: left; margin: 0 50px; margin-top: 20px; border-right: solid 2px #f4f4f4; box-sizing: border-box; } .contact-block ul.addBar li a { text-decoration: none; color: #0c1834; font-family:'OpenSans-Bold'; font-size: 24px; } .contact-block ul.addBar li a:hover { color:#cc0c2f; } .contact-block ul.addBar li.phn { padding: 0px 87px 19px 67px; margin-left: 0px; margin-right: 0px; background: url(images/phone.png) no-repeat top left;} .contact-block ul.addBar li.msg { padding: 0px 53px 19px 67px; background: url(images/msg.png) no-repeat left 16px;} .contact-block ul.addBar li.map { margin-left: 0px; margin-right: 0px; border: 0px; padding: 0px 0px 19px 67px; background: url(images/maps.png) no-repeat left 2px;} .contact-block ul.addBar li p { font-size: 16px; color: #626269; font-family: 'open_sansregular'; display: block} .contact-block ul.addBar li span {font-size: 24px; line-height: 29px; color: #0c1834; font-family:'OpenSans-Bold'; letter-spacing: 0px; font-weight: normal;} .contact-block .cheak{ display: none; float: left; width: 100%; padding: 15px 0px; margin-top: 20px; background: #3eb177; text-align: center; font-size: 16px; color: #fff; } .contact-block .cheak span{ padding-left: 40px;background: #3eb177 url(images/ok.png) no-repeat center left; text-align: center; font-size: 16px; color: #fff; font-family: 'open_sansregular';} .contact-block .left { width: 50%; float: left; position: relative} .contact-block .left .loction { width: 100%; height: 100%;} .contact-block .left .loction span { width: 215px; height: 260px; margin: auto; position: absolute; top:0; left:0; right:0; bottom:0; } .contact-block .right { width: 45%; float: right; margin-bottom: 50px;} .contact-block .right ul { list-style: none; float: none; } .contact-block .right ul li { margin:0 0 30px 0; padding: 0px; float: left; border:0px; width: 100%; } .contact-block .right input[type="text"] { padding: 5px 20px; font-size: 18px; color: #000; font-family: 'open_sansregular'; width: 100%; height: 69px; border:none; box-sizing: border-box; background: #e8e8e8 url(images/star.png) no-repeat top right; box-shadow: none;} .contact-block .right input[type="email"] { padding: 5px 20px; font-size: 18px; color: #000; font-family: 'open_sansregular'; width: 100%; height: 69px; border:none; box-sizing: border-box; background: #e8e8e8 url(images/star.png) no-repeat top right; box-shadow: none;} .contact-block .right textarea{ padding: 5px 20px; font-size: 18px; color: #000; font-family: 'open_sansregular'; width: 100%; height: 375px; box-sizing: border-box; border: none; background: #e8e8e8; resize: none;} .contact-block .right input[type="text"]:focus, .contact-block .right input[type="email"]:focus, .contact-block .right textarea:focus { border: none; -webkit-box-shadow: -1px 1px 45px -12px rgba(0,0,0,0.25); -moz-box-shadow: -1px 1px 45px -12px rgba(0,0,0,0.25); box-shadow: -1px 1px 45px -12px rgba(0,0,0,0.25); background:#ffffff; } .contact-block .right input[type="submit"] { padding: 5px 20px; font-size: 18px; margin-top: 7px; color: #0c1834; font-family: 'oswaldbold';width: 250px; height: 69px; display: block; float: left; border: none; background: #fff; border: 4px solid #0c1834; text-align: center; cursor: pointer; letter-spacing: 3px;} .contact-block .right input[type="submit"]:hover { padding: 5px 20px; font-size: 18px; margin-top: 7px; color: #fff; font-family: 'oswaldbold';width: 250px; height: 69px; display: block; float: left; border: none; background: #0c1834; border: 4px solid #0c1834; text-align: center; cursor: pointer; letter-spacing: 3px;} .contact-block .right form span.req { float: left; margin-left: 35px; font-size: 15px;color: #626269; font-family: 'open_sansregular'; text-decoration: none; line-height: 50px; display: block; } .contact-block #map { width: 554px; height: 670px; } .contact-block .right input.wpcf7-not-valid { padding: 5px 20px; font-size: 18px; color: #eb3d5d; font-family: 'open_sansregular'; width: 100%; height: 69px; border: solid 1px #f46f6f; box-sizing: border-box; background: #fff5f5 url(images/red_star.png) no-repeat top right; box-shadow: none;} .contact-block .right span.wpcf7-not-valid-tip { letter-spacing:2px; text-transform:uppercase; padding: 6px 12px; background: #f46f6f; font-size: 11px; color: #ffffff; font-family: 'oswaldbold'; } .contact-block .right input.wpcf7-not-valid:focus { border: solid 1px #f46f6f; box-shadow: none; background: #fff5f5 url(images/red_star.png) no-repeat top right; } .contact-block .right ul li.nomarg { margin-bottom: 0px;} .contact-block .contactBar { padding-top: 40px;} .contactBar .wpcf7-response-output { display: none!important; } .home .a2a_vertical_style { display: none!important; } .page-template-page_contact .a2a_vertical_style { display: none!important; } .page-template-page_onzeToppers .a2a_vertical_style { display: none!important; } .a2a_vertical_style { padding: 20px!important; border-radius:0px!important; -webkit-box-shadow: -1px 3px 18px -4px rgba(0,0,0,0.15); -moz-box-shadow: -1px 3px 18px -4px rgba(0,0,0,0.15); box-shadow: -1px 3px 18px -4px rgba(0,0,0,0.15); } .a2a_vertical_style span { display: none; } .a2a_vertical_style .a2a_button_facebook { margin:0 0 20px 0px; padding:0px; width: 18px; height:18px; display: block; background: url(images/facebook.png) no-repeat center center; } .a2a_vertical_style .a2a_button_twitter { margin:0 0 20px 0px; padding:0px; width: 18px; height:18px; display: block; background: url(images/twitter.png) no-repeat center center; } .a2a_vertical_style .a2a_button_linkedin { margin:0 0 20px 0px; padding:0px; width: 18px; height:18px; display: block; background: url(images/in.png) no-repeat center center; } .a2a_vertical_style .a2a_button_google_plus { margin:0 0 0px 0px; padding:0px; width: 14px; height:18px; display: block; background: url(images/google.png) no-repeat center center; } .a2a_vertical_style a:hover { opacity:.8; } /* content */ #content-wrap {width: 100%; overflow: hidden; } .home #content-wrap { overflow: visible; } /* center */ #center-wrap {width: 100%; } /* welcom block */ .welcom-block {padding: 90px 0px 0px 0px; width: 100%; float: left; position: relative; z-index:999; } .welcom-block .left { position: absolute; top: -10%;} .welcom-block .right { width: 28%; float: right;} .welcom-block .right h1{padding-top: 20px; margin-bottom: 15px; display: block; font-size: 40px; font-family: 'oswaldbold'; color: #000; background: url(images/design.png) no-repeat 0% 2px;letter-spacing: 4px;} .welcom-block .right p { padding-bottom: 30px; font-size: 16px; color: #626269; font-family: 'open_sansregular'; line-height: 28px;} .welcom-block .right a { padding: 20px 60px; float: left; text-decoration: none; margin-top: 20px; font-size: 18px; color: #000; border: 2px solid #000; font-family: 'oswaldbold';} .welcom-block .right a:hover { padding: 20px 60px; border: 2px solid #cc0c2f; background: #cc0c2f; font-family: 'oswaldbold'; color: #fff;} /* winkel block */ .winkel-block {padding: 0px 0px 60px 0px; width: 100%; float: left; min-height: 550px; position: relative} .winkel-block .middle { position: absolute; top: -79%; left: 35%; z-index: 99999999;} .winkel-block .middle h2 { position: absolute; font-size: 200px; color: #36cee5; bottom: 20%; right: -50%; text-transform: uppercase; z-index: 99999999; } .winkel-block .middle h3 { position: absolute; font-size: 200px; color: #36cee5; bottom: -10%; right: -55%; text-transform: uppercase; z-index: 99999999; } .winkel-block .left { width: 29%; float: left;} .winkel-block .left h1{padding-top: 20px; display: block; font-size: 40px; font-family: 'oswaldbold'; color: #000; background: url(images/design.png) no-repeat 0% 2px;letter-spacing: 4px;} .winkel-block .left p { padding:10px 0px 30px 0px;; font-size: 16px; color: #626269; font-family: 'open_sansregular'; line-height: 28px;} .winkel-block .left ul { list-style: none;} .winkel-block .left ul li { padding-bottom: 5px; float: left; margin-right: 10px; font-size: 16px; color: #545454; font-family: 'open_sansregular';} .winkel-block .left ul li a { font-size: 16px; color: #cc0c2f; font-family: 'open_sansregular';} .winkel-block .left ul li a:hover { color:#000; text-decoration: underline} .winkel-block .left .link {padding: 15px 50px; float: left; text-decoration: none; margin-top: 20px; font-size: 18px; color: #000; border: 2px solid #000; font-family: 'oswaldbold';} .winkel-block .left .link:hover { padding: 15px 50px; border: 2px solid #cc0c2f; background: #cc0c2f; font-family: 'oswaldbold'; color: #fff;} .winkel-block .right { float: right; position: absolute; top: 14%; right: 0px; z-index: 999;} .winkel-block .beach { bottom: -21px; left: 170px; position: absolute; } /* marken block */ .marken-block { padding: 50px 0px; width: 100%; float: left;} .marken-block ul { list-style: none;} .marken-block ul li { width: 48%; margin-right: 45px; margin-bottom: 30px ;float: left; position: relative; overflow: hidden; cursor: pointer} .marken-block ul li .imgOver img { width: 100%; height:auto; } .marken-block ul li .imgOver .imageoverlay { position:absolute; width: 100%; height: 100%; left:0px; top:0px; background: rgba(0,0,0,0.35)} .marken-block ul li:nth-child(2n) { margin-right: 0px;} .marken-block ul li:hover span { opacity: 1;} .marken-block ul li:hover .imageoverlay{ display: none; } .marken-block img.blog { margin: auto; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;} .marken-block span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,0.8); opacity: 0; } .marken-block span a { padding: 15px 10px; width: 250px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 18px; text-decoration: none; font-family: 'oswaldbold'; font-size: 16px; margin: auto; display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #cc0c2f; letter-spacing: 3px; } .marken-block span a:hover { background: #0c1834; } /* topper block */ .topper-block { padding: 80px 0px 40px; height: 1040px; width: 100%; overflow:hidden; background: url(images/Optimized-slider-bg.png) no-repeat ; background-size:cover; background-position: center top; position: relative;} .topper-block h1 { padding-top: 20px; display: block; font-size: 40px; font-family: 'oswaldbold'; color: #000; background: url(images/design.png) no-repeat 0% 2px;letter-spacing: 4px;} .topper-block .alle {padding-left: 20px; display: block; font-size: 15px; font-family: 'oswaldbold'; text-decoration: none; color: #fff; background: url(images/white-arrow.png) no-repeat 0% 2px; letter-spacing: 1px;} .topper-block .alle:hover { text-decoration: underline} .topper-block .productSlider { margin-top: 78px; overflow: hidden; } .topper-block .productSlider .owl-item { width: 350px; text-align: center; float: left; background: #fff; box-sizing: border-box; position: relative;} .topper-block .centering1 { position: relative; padding-bottom: 60px; } .topper-block .productSlider .rate { padding: 41px 40px 30px 40px; width: 100%; box-sizing: border-box; overflow: hidden; } .topper-block .productSlider .owl-item .item:hover .rate { opacity: 0.3; } .topper-block .productSlider .owl-item .item:hover { -webkit-box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2); -moz-box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2); box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2); } .topper-block .productSlider img { display: block; margin: 0 auto; } .topper-block .productSlider .rate h1{ padding-top: 55px; font-size: 30px; text-align: left; font-family: 'oswaldbold'; color: #0c1834; background: url(images/design.png) no-repeat 0% 30px;letter-spacing: 4px;} .topper-block .productSlider .rate p { font-size: 18px; text-align: left; font-family: 'open_sansregular'; color: #333;} .topper-block .productSlider .rate ul.list { float: left; padding-top: 18px; margin-bottom: 20px; list-style: none; width: 100%; } .topper-block .productSlider .rate ul.list li { width: 100%; padding: 4px 0px 2px 10px; text-align: left; font-size: 15px; font-family:'OpenSans-Italic'; color: #000; background: url(images/boble.png) no-repeat center left; min-height: 0px;} .topper-block .productSlider .rate .price { float: left; font-size: 22px; text-align: left; color: #cc0c2f; font-family: 'oswaldbold'; display: block;} .topper-block .productSlider .fade { position: absolute; top: 50%; left: 29%;margin: 0px auto; display: none; } .topper-block .productSlider .fade a { padding: 0px 50px; font-size: 18px; font-family: 'oswaldbold'; text-decoration: none; line-height: 50px; background: #cc0c2f; color: #fff; display: block; } .topper-block .productSlider .fade a:hover { background: #0c1834; } .topper-block .productSlider .owl-item .item:hover .fade { display: block;} .topper-block .productSlider .owl-controls .owl-dots { position: absolute; bottom: 0px; right:173px; z-index:999; } .topper-block .productSlider .owl-controls .owl-dots .owl-dot { float: left; margin-left: 10px; } .topper-block .productSlider .owl-controls .owl-dots span { display: block; width: 14px; height: 14px; border:solid 2px #fff; border-radius: 50%; } .topper-block .productSlider .owl-controls .owl-dot:hover span { cursor:pointer; display: block; width: 14px; height: 14px; border:solid 2px #fff; border-radius: 50%; background:#fff; } .topper-block .productSlider .owl-controls .owl-dot.active span { cursor:pointer; display: block; width: 14px; height: 14px; border:solid 2px #fff; border-radius: 50%; background:#fff; } .topper-block .productSlider .owl-controls .owl-prev { top:50%; margin-top: -34px; text-indent:-9999px; position: absolute; left:0px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/prev.png) no-repeat center center; } .topper-block .productSlider .owl-controls .owl-next { top:50%; margin-top: -34px; text-indent:-9999px; position: absolute; right:0px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/next.png) no-repeat center center;} .topper-block .productSlider .owl-controls .owl-nav div:hover { cursor:pointer; background-color: #cc0c2f; border-color:#cc0c2f; } .topper-block .productSlider .owl-controls .owl-prev::before { position: absolute; right: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } .topper-block .productSlider .owl-controls .owl-next::after { position: absolute; left: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } /* news-block */ .news-block { width: 100%; float: left;} .news-block { padding: 85px 0px; width: 100%; float: left; position: relative;} .news-block h1 { padding-top: 20px; display: block; font-size: 40px; font-family: 'oswaldbold'; color: #000; background: url(images/design.png) no-repeat 0% 2px; letter-spacing: 4px; text-transform: uppercase;} .news-block .cantain { padding-top: 90px; max-width: 1170px; margin: auto;} .news-block .cantain ul { position: relative;} .news-block .cantain ul li { width: 100%; overflow: hidden; } .news-block .cantain .left { width: 47.5%; float: left; position: relative} .news-block .cantain .left h5 { font-size: 18px; color: #626269; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .news-block .cantain .left .less { width: 89%; margin-top: 20px; float: left; background: #f4f4f4} .news-block .cantain .left .december {width: 60px; float: left; margin-top: 20px; height: 60px; background: #36cee5; text-align: center; left: 0; top: 26%;} .news-block .cantain .left .december h1{ padding-top: 5px; font-size: 22px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 0px; text-transform: uppercase;} .news-block .cantain .left .december h6{ padding-top: 0px;font-size: 11px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .news-block .cantain .left .less .immg { width: 28%; float: left;} .news-block .cantain .left .less .text { padding-bottom: 5px; width: 72%; float: right; box-sizing: border-box;} .news-block .cantain .left .less .text h6 { padding:20px 100px 15px 20px; font-size: 18px; font-family: 'oswaldbold'; color: #0c1834; text-transform: uppercase; } .news-block .cantain .left .less .text .dateInfo span { float: left; display: inline-block;color: #626269; } .news-block .cantain .left .less .text .date { width: 128px; padding: 0px 0px 10px 30px; margin-left: 20px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/date.png) no-repeat left top; } .news-block .cantain .left .less .text .file { width: 110px; padding-left: 30px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/file.png) no-repeat left top; } .news-block .cantain .left .less .text .file a { text-decoration:none; font-size: 11px; color: #626269; font-family: 'open_sansregular'; } .news-block .cantain .left .less:hover { background: #0c1834; } .news-block .cantain .left .less:hover h6 { color: #fff} .news-block .cantain .left .less:hover .date { color: #fff; background: url(images/green-date.png) no-repeat left top; } .news-block .cantain .left .less:hover .map { color: #fff; background: url(images/green-map.png) no-repeat center left;} .news-block .cantain .left .less:hover .dateInfo span { color: #fff; } .news-block .cantain .left .less:hover .immg { opacity:.8; } .news-block .cantain .left .less:hover a { text-decoration: none; color: #fff; } .news-block .cantain .left .less:hover .file { text-decoration: none; color: #fff; background: url(images/file-hover.png) no-repeat left top;; } .news-block .cantain .right { width: 47.3%; float: right; position: relative} .news-block .cantain .right h5 { font-size: 18px; color: #626269; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .news-block .cantain .right .less { width: 89%; margin-top: 20px; float: left; background: #f4f4f4} .news-block .cantain .right .december { width: 60px; height: 60px; margin-top: 20px; float: left; background: #36cee5; text-align: center;} .news-block .cantain .right .december h1{ padding-top: 5px; font-size: 22px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 6px; text-transform: uppercase;} .news-block .cantain .right .december h6{ padding-top: 0px;font-size: 12px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .news-block .cantain .right .less .immg { width: 28%; float: left;} .news-block .cantain .right .less .text { width: 72%; float: right; box-sizing: border-box;} .news-block .cantain .right .less .text h6 { padding:20px 100px 20px 20px; font-size: 18px; font-family: 'oswaldbold'; color: #0c1834; text-transform: uppercase;} .news-block .cantain .right .less .text .date { padding: 10px 10px 10px 30px; margin-left: 20px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/date.png) no-repeat center left; } .news-block .cantain .right .less .text .map { padding: 10px 10px 10px 30px; margin-left: 30px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/map.png) no-repeat center left;} .news-block .cantain .item1 { float: right; padding-left: 22px; letter-spacing: 2px; margin-top: 30px; display:inline-block; text-align: right; font-size: 15px; color: #626269; font-family: 'oswaldbold'; text-decoration: none; background: url(images/arrow.png) no-repeat left center;} .news-block .cantain .item1:hover { text-decoration: underline} .news-block .cantain .right .less:hover { background: #0c1834; } .news-block .cantain .right .less:hover h6 { color: #fff} .news-block .cantain .right .less:hover .date { color: #fff; background: url(images/green-date.png) no-repeat center left; } .news-block .cantain .right .less:hover .map{ color: #fff; background: url(images/green-map.png) no-repeat center left;} .news-block .cantain .right .less:hover .immg { opacity:.8; } /* Topper block */ .topperBar .filterBar { margin: 55px 0 45px 0px; width: 100%; padding-bottom: 5px; border-bottom: solid 2px #f4f4f4; } .topperBar .filterBar h6 { font-size: 18px; color: #626269; float: left; font-family: 'oswaldbold'; letter-spacing: 2px; } .topperBar .filterBar ul { list-style: none; float: right;} .topperBar .filterBar ul li { padding: 5px 30px; float: left; position: relative; } .topperBar .filterBar ul li:last-child { padding-right: 0px;} .topperBar .filterBar ul li a { padding-bottom: 30px; text-decoration: none; color: #0c1834; font-size: 15px; font-family: 'oswaldbold'; letter-spacing: 2px; } .topperBar .filterBar ul li:hover::after, .topperBar .filterBar ul li.active:after{ position:absolute; bottom: -12px; left:50%; content:""; margin-left:-8px; width: 15px; height: 15px; color: #cc0c2f; background: url(images/up-arrow.png) no-repeat;} .topperBar .filterBar ul li:hover a, .topperBar .filterBar ul li.active a { color: #cc0c2f; } .filterBlock { width: 100%; } .topperBar .topLoop { position: relative; padding: 41px 40px 30px 40px; margin: 0 60px 60px 0px; width: 350px; float: left; box-sizing: border-box; overflow: hidden; border: solid 2px #f4f4f4; } .topperBar .topLoop.last { margin-right: 0px; } .topperBar .topLoop:hover .rate { opacity: 0.3; } .topperBar .topLoop:hover { -webkit-box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2); -moz-box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2); box-shadow: 1px -1px 21px -1px rgba(0,0,0,0.2);} .topperBar .rate { box-sizing: border-box; overflow: hidden; } .topperBar li:hover .rate { opacity: 0.3; } .topperBar img { display: block; margin: 0 auto; } .topperBar .rate h1{ padding-top: 55px; font-size: 30px; text-align: left; font-family: 'oswaldbold'; color: #0c1834; background: url(images/design.png) no-repeat 0% 30px;letter-spacing: 4px;} .topperBar .rate p { font-size: 18px; text-align: left; font-family: 'open_sansregular'; color: #333;} .topperBar .rate ul.list { float: left; padding-top: 18px; margin-bottom: 20px; list-style: none; width: 100%; } .topperBar .rate ul.list li { width: 100%; padding: 4px 0px 2px 10px; text-align: left; font-size: 15px; font-family:'OpenSans-Italic'; color: #000; background: url(images/boble.png) no-repeat center left; min-height: 0px;} .topperBar .rate .price { float: left; font-size: 22px; text-align: left; color: #cc0c2f; font-family: 'oswaldbold'; display: block;} .topperBar .fade { position: absolute; top: 50%; left: 29%;margin: 0px auto; display: none; } .topperBar .fade a { padding: 0px 50px; font-size: 18px; font-family: 'oswaldbold'; text-decoration: none; line-height: 50px; background: #cc0c2f; color: #fff; display: block; } .topperBar .fade a:hover { background: #0c1834; } .topperBar .topLoop:hover .fade { display: block; } #result img.loader { padding: 200px 0px; margin: 0 auto; } .page-template-page_onzeToppers .filterBlock .wp-paginate { margin-top: 0px; } .filterBlock .wp-paginate { margin-top: 80px; background: #f4f4f4; height: 73px; } .filterBlock .navigation li { height: 73px; width: 73px; border:none; background: none; text-align: center; line-height: 73px; font-size: 20px; display: inline-block; color: #626269; font-family: 'oswaldbold'; } .filterBlock .navigation li a { background:none; color: #626269; line-height: 73px; font-size: 20px; font-family: 'oswaldbold'; display: block; padding: 0px; margin:0px; border: none; } .filterBlock .navigation li a.next { display: block; text-indent:-9999px; background: url(images/next1.png) no-repeat center; } .filterBlock .navigation li a.next:hover { display: block; text-indent:-9999px; background: url(images/next1Hover.png) no-repeat center; } .filterBlock .navigation li a.prev { display: block; text-indent:-9999px; background: url(images/prev1.png) no-repeat center; } .filterBlock .navigation li a.prev:hover { display: block; text-indent:-9999px; background: url(images/prev1Hover.png) no-repeat center; } .filterBlock .navigation li a:hover, .filterBlock .navigation li .current { background: #cc0c2f; color: #fff; display: block; padding: 0px; margin:0px; border: none; line-height: 73px; font-size: 20px; } /* Product block */ .product-block { padding: 35px 0px; width: 100%; float: left;} .product-block .left { margin-top: 25px; width: 760px; float: left; position: relative;} .product-block .left .date { width: 62px; float: left; height: 62px; background: #36cee5; text-align: center; left: 0; top: 0%;} .product-block .left .date h1{ padding-top: 5px; font-size: 22px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 6px; text-transform: uppercase;} .product-block .left .date h6{ padding-top: 0px;font-size: 11px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .product-block .left .steel { width: 91.6%; float: left;} .product-block .left .steel a:hover img { opacity:.8; } .product-block .left .steel h1 { margin-top: 10px; padding: 20px 0px ; font-size: 30px; color: #0c1834; font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 3px;} .product-block .left .steel h1 a { text-decoration: none; color: #0c1834; font-family: 'oswaldbold'; } .product-block .left .steel h1 a:hover { text-decoration: none; color: #36cee5; font-family: 'oswaldbold'; } .product-block .left .steel .cal{padding: 10px 10px 10px 30px; font-size: 11px; color: #626269; text-transform: uppercase; font-family: 'open_sansregular'; background: url(images/date.png) no-repeat center left;} .product-block .left .steel .file { padding-bottom: 20px; padding: 10px 10px 10px 30px; margin-left: 30px; text-transform: uppercase; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/file.png) no-repeat center left;} .product-block .left .steel p span.more { margin-left: 7px; font-size: 16px; color:#cc0c2f; } .product-block .left .steel p span.more a { text-decoration: none; color:#cc0c2f; } .product-block .left .steel p span.more a:hover { color:#0c1834; } .product-block .left .steel p { padding: 25px 0px; font-size: 15px; text-align: left; font-family: 'open_sansregular'; color: #333; line-height: 28px;} .product-block .left .steel h4 { padding-top: 15px; font-size: 18px; color: #0c1834; font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 3px;} .product-block .left .steel .spc { padding-top: 10px; padding-bottom: 20px;} .product-block .left .steel h5 {padding-top: 5px; font-size: 18px; color: #0c1834; font-family: 'open_sansregular'; display: block;} .product-block .left .steel ul { padding-top: 10px; list-style: none;} .product-block .left .steel ul li { padding: 0px 0px 5px 15px; color: #626269; font-size: 16px; font-family: 'open_sansregular'; background: url(images/red-buble.png) no-repeat left 10px;} .product-block .left .steel .kopun { width: 100%; float: left;} .product-block .left .steel .kopun ul { margin-top: 20px; list-style: none;} .product-block .left .steel .kopun ul li { padding:0px; background:none; float: left; color:#626269; margin-right:26px; margin-bottom: 30px; position: relative; } .product-block .left .steel .kopun ul li:nth-child(2n+2) { margin-right: 0px; } .product-block .left .steel .kopun ul li:nth-child(4n) { margin-right: 0px;} .product-block .left .steel .kopun .fade { position: absolute; top: 0%; width: 100%; height: 100%; background: rgba(255,255,255, 0.5); text-align: center; display: table; cursor: pointer; opacity: 0;} .product-block .left .steel .kopun ul li:hover .fade{ opacity: 1;} .product-block .left .steel .kopun .fade .link {height: 270px; font-family: 'oswaldbold'; display: table-cell; vertical-align: middle; text-align: center;} .product-block .left .steel .kopun .fade .link span { padding: 10px 20px; background: #cc0c2f; color: #fff; font-size: 18px;font-family: 'oswaldbold'; vertical-align: middle; text-align: center;} .product-block .left .steel .kopun .fade .link a { text-decoration: none;} .product-block .left .steel .mooie { padding: 40px 0px; width: 100%; text-align: center} .product-block .left .steel .mooie span { display: block; background: url(images/border1.png) repeat-x center;} .product-block .left .steel .mooie .up { margin: 0 auto; width: 60px; height: 27px; text-align: center; display: block; background: url(images/red1.png) no-repeat center;} .product-block .left .steel .mooie h1 { padding: 30px 0px ; font-size: 30px; color: #0c1834; font-family: 'oswaldbold'; text-transform: uppercase; letter-spacing: 3px;} .product-block .left .steel .mooie h6 { padding: 20px 0px 40px 0px; font-size: 14px; color: #626269; font-family: 'open_sansregular'; text-transform: uppercase; background: url(images/design.png) no-repeat center top; } .product-block .left .steel .mooie .up img { display: inline-block} .product-block .left .steel .mooie .down { margin: 0 auto; text-align: center; width: 60px; height: 27px; display: block; background: url(images/red2.png) no-repeat center;} .product-block .left .steel .mooie .bottom img { display: inline-block; } .product-block .right { padding: 40px 30px 35px 30px; margin-top: 25px; width: 350px; float: right; background: #f6f6f6; box-sizing: border-box; } .product-block .right .winter { width: 100%;} .product-block .right .winter h4 { font-size: 15px; color: #0c1834; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase; } .product-block .right .winter ul.texel { float: left; margin-top: 20px; margin-bottom: 20px; list-style: none;} .product-block .right .winter ul.texel li { width: 100%; float: right; margin-bottom: 10px;} .product-block .right .winter ul.texel li a { padding: 0px; } .product-block .right .winter ul.texel li:hover { background: #626269; } .product-block .right .winter ul.texel li a:hover p { color:#fff; } .product-block .right .winter ul.texel li img { float: left;} .product-block .right .winter .sport { padding: 10px ; width: 61%; height: 80px; float: left; box-sizing: border-box; } .product-block .right .winter .sport p{font-size: 14px; color: #0c1834; text-transform: none; font-family: 'open_sansregular'; line-height: 20px; } .product-block .right .winter ul { margin-top: 10px; list-style: none;} .product-block .right .winter ul li {margin-bottom: 10px; background: #ededed; line-height: 40px;} .product-block .right .winter ul li a { padding: 0px 10px; text-decoration: none; display: block; color: #000; font-size: 14px; font-family: 'open_sansregular'; line-height: 40px; text-transform: uppercase;} .product-block .right .winter ul li:hover a { background: #626269; color: #fff; display: block;} .relatedBox { margin-top: 50px; margin-bottom: 10px; overflow: hidden; } .blogPost ul { position: relative;} .blogPost ul li { width: 100%; overflow: hidden; } .blogPost .less { width: 92%; margin-top: 20px; float: left; background: #f4f4f4} .blogPost .december {width: 60px; float: left; margin-top: 20px; height: 60px; background: #36cee5; text-align: center; left: 0; top: 26%;} .blogPost .december h1{ padding-top: 5px; font-size: 22px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 6px; text-transform: uppercase;} .blogPost .december h6{ padding-top: 0px;font-size: 11px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .blogPost .less .immg { width: 130px; float: left; margin-right: 30px;} .blogPost .less .text { padding-bottom: 5px; width: 76%; float: left; box-sizing: border-box;} .blogPost .less .text p { padding-bottom: 17px; font-size: 14px; color: #626269; font-family: 'open_sansregular'; } .blogPost .less .text p span { color: #cc0c2f; font-size: 14px; margin-left: 7px; } .blogPost .less .text h6 { padding:20px 100px 13px 0px; font-size: 18px; font-family: 'oswaldbold'; color: #0c1834; text-transform: uppercase; } .blogPost .less .text .dateInfo span { text-transform: uppercase; float: left; display: inline-block;color: #626269; } .blogPost .less .text .date { text-align: left; height: inherit; width: 157px; padding: 0px 0px 10px 30px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/date.png) no-repeat left top; } .blogPost .less .text .file { width: auto; padding-left: 30px; font-size: 11px; color: #626269; font-family: 'open_sansregular'; background: url(images/file.png) no-repeat left top; } .blogPost .less .text .file a { text-decoration:none; font-size: 11px; color: #626269; font-family: 'open_sansregular'; } .blogPost .less:hover { background: #0c1834; } .blogPost .less:hover h6 { color: #fff} .blogPost .less:hover .date { color: #fff; background: url(images/green-date.png) no-repeat left top; } .blogPost .less:hover .map { color: #fff; background: url(images/green-map.png) no-repeat left top;} .blogPost .less:hover .dateInfo span { color: #fff; } .blogPost .less:hover .immg { opacity:.8; } .blogPost .less:hover a { text-decoration: none; color: #fff; } .blogPost .less:hover .file { text-decoration: none; color: #fff; background: url(images/file-hover.png) no-repeat left top; } .blogPost .less:hover .text p { color: #fff; } .blogPost .less:hover .text span { color: #fff; } .product-block .wp-paginate { margin-top: 80px; background: #f4f4f4; height: 73px; } .product-block .navigation li { height: 73px; width: 73px; border:none; background: none; text-align: center; line-height: 73px; font-size: 20px; display: inline-block; color: #626269; font-family: 'oswaldbold'; } .product-block .navigation li a { background:none; color: #626269; line-height: 73px; font-size: 20px; font-family: 'oswaldbold'; display: block; padding: 0px; margin:0px; border: none; } .product-block .navigation li a.next { position: relative; display: block; text-indent:-9999px; } .product-block .navigation li a.next::after { width: 23px; height: 23px; position: absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; margin:auto; background: url(images/nextNew.png) no-repeat; background-position: 0 0; } .product-block .navigation li a.next:hover::after { background-position: 0 -23px; } .product-block .navigation li a.next:hover { background: none;} .product-block .navigation li a.prev { position: relative; display: block; text-indent:-9999px; } .product-block .navigation li a.prev::after { width: 23px; height: 23px; position: absolute; content:""; top:0px; left:0px; right:0px; bottom:0px; margin:auto; background: url(images/prevNew.png) no-repeat; background-position: 0 0; } .product-block .navigation li a.prev:hover::after { background-position: 0 -23px; } .product-block .navigation li a.prev:hover { background: none;} .product-block .navigation li a:hover, .product-block .navigation li .current { background: #cc0c2f; color: #fff; display: block; padding: 0px; margin:0px; border: none; line-height: 73px; font-size: 20px; } .relatedBox .item1 { margin-top: 30px; padding-left: 25px; float: right; font-size: 15px; color: #626269; font-family: 'oswaldbold'; text-decoration: none; background: url(images/arrow.png) no-repeat left center;} .relatedBox .item1:hover { color: #0a99cc; } .relatedBox h5 { font-size: 18px; color: #626269; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} /* jas block */ .jas-block { padding: 45px 0px; width: 100%; float: left;} .proimageBox { overflow: hidden; } .jas-block .left { float: left; background:#fff; position: relative; border-bottom: 2px solid #f4f4f4; border-top: 2px solid #f4f4f4; } .jas-block .left::after { border-top: 2px solid #fff; bottom: -4px; content: ""; height: 2px; left: 0; position: absolute; width: 95px; } .jas-block .left .product { border-left:0px} .jas-block .left .product .item { padding: 70px 0px 90px 0px; text-align: center;} .jas-block .left .product .item img { display: inline-block;} .jas-block .waseen { padding: 99px 0px 20px 0px; width: 100%; overflow: hidden; box-sizing: border-box; line-height: 29px;} .jas-block .waseen .oms { position: relative; display: block; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 2px #f4f4f4; color: #cc0c2f; font-family: 'oswaldbold'; letter-spacing: 3px; font-size: 14px; text-decoration: none;} .jas-block .waseen .oms::after {position:absolute; bottom: -9px; left:57px; content:""; width: 15px; height: 15px; color: #cc0c2f; background: url(images/up-arrow.png) no-repeat;} .jas-block .waseen p { padding: 0px 0px 30px 0px; font-size: 16px; color:#626269; font-family: 'open_sansregular';} .jas-block .waseen .spc { padding-top: 0px;} .jas-block .waseen h4 { font-size: 18px; color: #0c1834; font-family: 'oswaldbold'; letter-spacing: 2px; text-transform: uppercase;} .jas-block .right { padding: 49px 40px; width: 445px; min-height: 614px; float: left; box-sizing: border-box; background:#f6f6f6; } .jas-block .right .brand { float: right; width: 150px;} .jas-block .right .brand img { max-width: 100%; height: auto; float: right;} .jas-block .right .brand a:hover img { opacity:.8; } .jas-block .right .rate { padding: 100px 0px 0px 0px; width: 100%; float: left;} .jas-block .right .rate h1{padding-top: 5px; font-size: 30px; color: #000; font-family: 'oswaldbold'; letter-spacing: 3px;} .jas-block .right .rate .van { padding: 10px 0px 0px 0px; font-size: 16px; color:#333; font-family: 'open_sansregular'; } .jas-block .right .rate ul { padding: 10px 0px 20px 0px; list-style: none; list-style: disc; } .jas-block .right .rate ul li { margin-left: 12px; padding: 5px 0px 0px 10px; font-size: 16px; color:#333; font-family:'OpenSans-Italic'; list-style: disc; } .jas-block .right .rate .price { margin-bottom: 70px; font-size: 30px; font-family: 'oswaldbold'; color: #cc0c2f; display: block;} .jas-block .right .rate a.mail { padding: 0px 20px 0px 65px; margin-bottom: 15px; line-height: 50px; color: #fff; font-size: 17px; text-decoration: none; background: #3eb177 url(images/best.png) no-repeat 7% 13px; display: block; } .jas-block .right .rate a.mail:hover { background: #25955c url(images/best.png) no-repeat 7% 13px; display: block;} .jas-block .right .rate span { font-size: 16px; color: #626269; font-family: 'open_sansregular';} .jas-block .right .rate em { font-size: 16px; color: #626269; font-family:'OpenSans-Bold';font-style: normal;} .jas-block .right .rate em a { color: #626269; text-decoration: none; } .jas-block .right .rate em a:hover { color: #000; } .waseenText { max-width: 760px; } .merkenBox { width: 100%; overflow: hidden; padding: 60px 0px; } .merkenBox .left { width: 407px; float: left; } .merkenBox .left .logoBox { position: relative; margin-bottom: 15px; width: 100%; height: 180px; background: #e3e3e3; } .merkenBox .left .logoBox img { position: absolute; left:0px; right: 0px; top:0px; bottom:0px; margin: auto; max-width: 100%; height: auto; } .merkenBox .left a.bekLink { text-decoration: none; display: block; padding: 15px 27px; padding-left: 70px; font-size: 16px; color: #fff; font-family: 'open_sansregular'; background:#3eb177 ;} .merkenBox .left a.bekLink span { display: block; background:url(images/arrow2.png) no-repeat right center; } .merkenBox .left a.bekLink:hover { background:#25955c; } .merkenBox .right { width: 710px; float: right; } .merkenBox .right h2 { padding-bottom: 10px; font-size: 18px; color: #000; font-family: 'oswaldbold'; letter-spacing: 3px; text-transform: uppercase; } .merkenBox .right p { padding-bottom: 40px; font-size: 16px; color: #626269; font-family: 'open_sansregular'; } /* logo block */ .logo-block { width: 100%; background: #0a99cc; position: relative; text-align: center; overflow: hidden; } .logo-block .centering { position: relative;padding: 50px 0px; } .logo-block .owl-stage-outer { overflow: hidden; } .logo-block .owl-item { float: left; width: 200px; height: 70px; position: relative; } .logo-block .owl-item img { max-width: 75%; position: absolute; left:0px; right:0px; top:0px; bottom:0px; margin: auto; } .logo-block .owl-controls .owl-prev .owl-dots { display: none; } .logo-block .owl-controls .owl-prev { top:50px; text-indent:-9999px; position: absolute; left:-170px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/prev.png) no-repeat center center; } .logo-block .owl-controls .owl-next { top:50px; text-indent:-9999px; position: absolute; right:-170px; width: 68px; height: 68px; border: solid 2px #ffffff; background: url(images/next.png) no-repeat center center;} .logo-block .owl-controls div:hover { cursor:pointer; background-color: #cc0c2f; border-color:#cc0c2f; } .logo-block .owl-controls .owl-prev::before { position: absolute; right: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } .logo-block .owl-controls .owl-next::after { position: absolute; left: 70px; top: 50%; border-top: solid 2px #fff; width: 10000%; content:""; } .logo-block .owl-item a:hover img { opacity:.8; } #ninja-slider div.slider-inner { height: 100%!important; } #ninja-slider ul { height: 100%!important; padding-top: 0px!important; } /* footer wrap */ #footer-wrap { width: 100%; overflow: hidden; } /* footer block */ .footer-block { padding: 70px 0px 50px 0px; width: 100%; overflow: hidden; background: url(images/footer-bg.png) no-repeat; background-position: top center; background-size:cover; -moz-background-size:cover;; -webkit-background-size:cover; min-height: 1074px; position: relative;} .footer-block h6 { font-size: 14px; padding-bottom: 30px; color: #fff; font-family: 'oswaldbold'; letter-spacing: 3px;} .footer-block .over { width: 41%; padding-right: 136px; float: left;box-sizing: border-box} .footer-block .over p { font-size: 16px; color: #cdeeff; font-family: 'open_sansregular';} .footer-block .over .copy { margin-top: 100px; padding-right: 90px; background: url(images/white-design.png) no-repeat left top;} .footer-block .over .copy .spc { padding-top: 20px;} .footer-block .over .copy span { font-size: 13px; color: #cdeeff; font-family: 'open_sansregular'; display: block;} .footer-block .markin { width: 20%; float: left; box-sizing: border-box; } .footer-block .markin ul { position: relative} .footer-block .markin ul li { padding-bottom: 17px; } .footer-block .markin ul li a { text-decoration: none; color: #cdeeff; font-size: 16px} .footer-block .markin ul li a:hover { color: #fff; } .footer-block .markin ul li .bold { padding-left: 20px; margin-top: 10px; letter-spacing: 2px; display: block; text-decoration: none; color: #fff; font-size: 15px; font-family: 'oswaldbold'; background: url(images/white-arrow.png) no-repeat left center} .footer-block .markin ul li .bold:hover { color: #cc0c2f; background: url(images/red-arrow.png) no-repeat left center; text-decoration: none } .footer-block .contact { width: 17%; float: left; box-sizing: border-box; } .footer-block .contact strong { font-size: 16px;color: #cdeeff; font-family:'OpenSans-Bold'; } .footer-block .contact address { font-style: normal; font-size: 16px; margin-bottom: 40px; color: #cdeeff; font-family: 'open_sansregular'; line-height: 24px; display: block} .footer-block .contact span { font-size: 16px; color: #cdeeff; font-family: 'open_sansregular'; display: block;} .footer-block .contact a { padding-top: 5px; margin-bottom: 30px; text-decoration: none; font-size: 16px; color: #cdeeff; font-family:'OpenSans-Bold'; display: block;} .footer-block .contact a:hover { color: #fff; } .footer-block .contact ul { margin-top: 10px;} .footer-block .contact ul li { float: left; margin-right: 10px;} .footer-block .contact ul li img { display:none; } .footer-block .contact ul li a { padding:0px; width: 42px; height: 42px; display: block; } .footer-block .contact ul li a.facebook { background: #3a5998 url(images/facebook2.png) no-repeat center center; } .footer-block .contact ul li a.twitter { background: #00aced url(images/twitter2.png) no-repeat center center; } .footer-block .contact ul li a:hover { background-color: #0c1834; } .footer-block .style { width: 100%; text-align: center; position: absolute; bottom: 40px; } .footer-block .style img { display: block; margin: 0 auto; } .footer-block .style span { padding-top: 3px; font-size: 10px; color: #0a99cc; font-family: 'merriweatheritalic'; display: block; } .footer-block .style a { text-decoration: none; } .footer-block .style a:hover span { color:#0c1834; } .footer-block .style a:hover img { opacity:.8; } /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */