/*   
Theme Name: Product®
Theme URI: http://themeforest.net/user/jewelleries
Description: Product® is a Clean, Flat, Flexible & fully responsive ready Wordpress theme.
Author: jewelleries.co / grujicic & pintar
Author URI: http://themeforest.net/user/jewelleries
Version: 1.6.2
License: Regular & Extended Licence
License URI: http://themeforest.net/licenses/regular_extended
*/


h1, h2, h3, h4, h5, h6, p { font-family: 'Montserrat', sans-serif; margin-top: 0; }
body.aqua h1,
body.aqua h2,
body.aqua h3,
body.aqua h4,
body.aqua h5,
body.aqua h6,
body.aqua p { font-family: 'Alef', sans-serif; }
#site iframe { border: 0; }
#site table { border-spacing: 0; border-collapse: collapse; }
table td, table th { padding: 0; }
/* --------------------------------------------------
   clearing
-------------------------------------------------- */
.x:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* --------------------------------------------------
   Buttons
-------------------------------------------------- */
#contact_us { background-color: #37332e; color: #c3c3c3; display: inline-block; height: 30px; font-size: 10px; line-height: 30px; margin-top: 13px; text-align: center; text-transform: uppercase; width: 80px; }
#contact_us:hover { background-color: #ff5c4b; color: #fff; }
.button1 { background-color: #ff5c4b; border: 0 !important; color: #fff; display: inline-block; font-size: 15px; height: 68px; line-height: 68px; cursor: pointer; text-align: center; padding: 0 70px; }
.button2 { background-color: #ff5c4b; color: #fff; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.button1:hover { background-color: #fff; color: #ff5c4b; }
.button2:hover { background-color: #37332e; }
.comment .comment-reply-link { background-color: #1f1f1f; color: #979797; display: inline-block; height: 26px; line-height: 26px; font-size: 12px; padding: 0 25px; text-align: center; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.comment .comment-reply-link:hover { background-color: #ff5c4b; color: #fff; }
body.snow #contact_us { background-color: #fff; border: 1px solid #414141; color: #000; height: 28px; line-height: 28px; width: 78px; }
body.snow #contact_us:hover { background-color: #697998; color: #fff; border: 1px solid #697998; }
body.snow .button1 { background-color: #fff; border: 1px solid #414141 !important; color: #000; height: 66px; line-height: 66px; }
body.snow .button1:hover { background-color: #697998; color: #fff; border: 1px solid #697998; }
body.snow .button2 { background-color: #e7e7e7; color: #000; }
body.snow .button2:hover { background-color: #697998; color: #fff; }
body.snow .comment .comment-reply-link { background-color: #fff; color: #4d4d4d; }
body.snow .comment .comment-reply-link:hover { background-color: #ff5c4b; color: #fff; }
body.aqua #contact_us { background-color: #29c0ca; border: 1px solid #fff; color: #fff; height: 28px; line-height: 28px; width: 78px; }
body.aqua #contact_us:hover { background-color: #fff; color: #29c0ca; border: 1px solid #fff; }
body.aqua .button1 { background-color: #29c0ca; border: 1px solid #fff !important; color: #fff; height: 66px; line-height: 66px; }
body.aqua .button1:hover { background-color: #fff; color: #29c0ca; border: 1px solid #fff; }
body.aqua .button2 { background-color: #3f3f3f; color: #fff; }
body.aqua .button2:hover { background-color: #29c0ca; color: #fff; }
body.aqua .comment .comment-reply-link { background-color: #25afb8; color: #fff; }
body.aqua .comment .comment-reply-link:hover { background-color: #fff; color: #29c0ca; }
/* --------------------------------------------------
   WordPress Core
-------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 15px auto; clear: both; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 15px auto; clear: both; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; clear: both; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto clear: both; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px !important; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px !important; }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }
.sticky { background-color: #f0fbfd; position: relative; }
.sticky:after { content: 'Sticked'; display: block; position: absolute; color: #fff; bottom: -7px; text-transform: uppercase; left: 30px; font-size: 48px; line-height: 48px; font-family: 'Montserrat', sans-serif; }
.bypostauthor {}
.gallery-caption {}
.tagcloud a { margin: 0 2px; }

/* --------------------------------------------------
   Page main elements layout
-------------------------------------------------- */
body { background-color: #37332e; font-family: 'Montserrat', sans-serif; }
body.snow { background-color: #f6f6f6; }
body.aqua { background-color: #2dcbd5; font-family: 'Alef', sans-serif; }
#site { width: 100%;overflow:hidden;}
/* --------------------------------------------------
   Featured video
-------------------------------------------------- */
#featured { height: 705px; max-height: 705px !important; position: relative; overflow: hidden; width: 100%; }
#featured .video-box { position: absolute; top: -20%; left: 0; right: 0; bottom: 0; width: 100%; min-width: 1400px; overflow: hidden; z-index: 0; }
#featured .video-box.background { top: 0; min-width: 100%; background-position: center center; background-repeat: none; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale') !important; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')" !important; }
#featured .row,
#product_background .row { position: relative; height: 100%; z-index: 10; }
#featured .row table,
#product_background .row table { background: none; height: 100%; vertical-align: middle; border: 0; margin: 0; width: 100%; }
#featured .row table tr td,
#product_background .row table tr td { vertical-align: middle; padding: 0; border: 0; }
#featured .row table tr,
#product_background .row table tr { vertical-align: middle; }
#featured .columns input { margin: 0; height: 48px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#featured .row h2,
#featured .row p { color: #fff; font-weight: normal; }
#featured .row h2 { font-size: 54px; line-height: 1.1em; }
#featured .row p { font-size: 15px; line-height: 1em; }
#featured .row.collapse { padding: 0; }
#featured .row .six { position: relative; }
#featured .row .six.right { float: right; }
#featured .row .six.left { float: left; }
#featured .row .six.center { float: none; margin: 0 auto; }
#featured .row .six div.alert { display: none; color: #fff; position: absolute; bottom: -15px; left: 15px; }
#featured .row .six div.error { display: none; color: #ff5c4b; position: absolute; bottom: -15px; left: 15px; }
#featured fieldset { margin: 0; padding: 0; border: 0; }
.error input, input.error, .error textarea, textarea.error { background-color: rgba(198, 15, 19, 0.4); }
#featured .logo { display: block; vertical-align: middle; margin: 0 auto; max-width: 997px; }
#featured .logo.center { margin: 0 auto; }
/* --------------------------------------------------
   Header elements
-------------------------------------------------- */
.home header { margin-bottom: 50px; }
header .logo_wrap { position: relative; z-index: 10; }
#logo { display: block; height: 60px; overflow: hidden; }
#logo img { height: 100%; width: auto; }
#navigation { background-color: #2b2824;height: 60px; line-height: 60px; z-index: 9999; }
#navigation.fixed{position:fixed!important;}
.page #navigation { margin: 0; }
#navigation .nine.columns.centered { position: relative; z-index: 8; }
.top-bar ul { height: 60px;line-height: 60px;margin:0;position:relative;}
.top-bar ul > li a:not(.button) { color: #c0b3a3; height: 60px; font-size: 12px; line-height: 60px; padding: 0 30px; text-transform: none; }
.top-bar ul > li.current a:not(.button),
.top-bar ul > li:hover a, .top-bar ul > li.active a { color: #ff5c4b; }
.top-bar ul:after { clear: both; }
.top-bar ul > li:hover, .top-bar ul > li.active { background: none; }
#navigation .toggle-nav { background: transparent url('assets/img/btn/mobile_m.png') no-repeat right center; display: block; height: 60px; text-indent: -20000px; }
#toggle-wrap { display: none; }
#navigation.top-bar.expanded,
#navigation.top-bar.expanded ul { height: auto; }
#navigation.top-bar.expanded .right { float: none; }
#product_background { background-color: #e7e2cd; height: 630px; position: relative; overflow: hidden; width: 100%; background-position: center center; background-repeat: none; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale') !important; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')" !important; }
#product_background.inactive { height: 370px; }
#product_background.inactive .row { padding-bottom: 40px; }
#product_background.inactive h1 { font-size: 45px; }
#product_background h1 { color: #fff; font-size: 35px; line-height: 1em; margin: 0 0 5px; }
#product_background img { max-width: 80%; }
body.snow #product_background { background-color: #f0ede7; }
body.aqua #product_background { background-color: #1c1c1c; }
body.snow #navigation { background-color: #fff; }
body.snow .top-bar ul > li a:not(.button) { color: #646464; }
body.snow .top-bar ul > li.current a:not(.button),
body.snow .top-bar ul > li:hover a, body.snow .top-bar ul > li.active a { color: #5a9ec5; }
body.aqua #navigation { background-color: #272727; }
body.aqua .top-bar ul > li a:not(.button) { color: #737373; font-size: 13px; }
body.aqua .top-bar ul > li.current a:not(.button),
body.aqua .top-bar ul > li:hover a, body.snow .top-bar ul > li.active a { color: #fff; }
/* --------------------------------------------------
   Section elements
-------------------------------------------------- */
section { padding-bottom: 50px; }
section .row { background-color: #4e473f; margin-bottom: 0; }
section .entry_content img { float: none !important; margin: 0 !important; }
section .entry_content p { color: #99948e; font-size: 15px; line-height: 23px; }
section .entry_content p a { color: #f46354; }
section .entry_content p a:hover,
section .entry_content p a:active { color: #fff; }
section .entry_content h1 { color: #fff; margin-top: 0; font-size: 52px; font-weight: normal; }
section .entry_content h2 { color: #c0b3a3; margin-top: 0; font-size: 25px; line-height: 32px; font-weight: normal; }
section .entry_content { padding: 8%; overflow: hidden; width: auto !important; }
body.snow section .row { background-color: #fff; }
body.snow section .entry_content h1 { color: #000; }
body.snow section .entry_content h2 { color: #7d7d7d; }
body.snow section .entry_content p { color: #7d7d7d; }
body.snow section .entry_content p a { color: #5a9ec5; }
body.snow section .entry_content p a:hover,
body.snow section .entry_content p a:active { color: #000; }
body.aqua section .row { background-color: #29c0ca; }
body.aqua section .entry_content h1 { color: #fff; }
body.aqua section .entry_content h2 { color: #3b6b6e; }
body.aqua section .entry_content p { color: #fff; }
body.aqua section .entry_content p a { color: #fff; text-decoration: underline; }
body.aqua section .entry_content p a:hover,
body.aqua section .entry_content p a:active { color: #3b6b6e; }
/* --------------------------------------------------
   Overview section
-------------------------------------------------- */
.overview_section img { float: right; margin: 0 -3% 0 0; }
/* --------------------------------------------------
   Product section
-------------------------------------------------- */
.product_section img { float: left; margin: 0 0 0 -15px; }
.product_section .entry_content { padding: 15% 8% 8%; text-align: right; }
.product_section .entry_content p { margin-bottom: 50px; }
/* --------------------------------------------------
   Slider section
-------------------------------------------------- */
#slider_section .row { min-height: 747px; padding: 9% 0; position: relative; background-position: 0 0; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale') !important; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')" !important; }
#hero_slider { height: 470px; position: relative; overflow: hidden; z-index: 8; }
#hero_slider .slider { height: 100%; }
#hero_slider .slider:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; height: 1%; min-height: 1px; }
#hero_slider .slider .item { float: left; }
#hero_slider .entry_content { padding: 0 30%; text-align: center; }
#hero_slider .entry_content h2 { color: #fff; }
#hero_slider .entry_content p { margin-bottom: 50px; }
#hero_slider .icon { text-align: center; padding-bottom: 40px; }
#slider_section .item_nav_button { background: transparent url('assets/img/btn/arrows.png') no-repeat; height: 77px; position: absolute; top: 50%; margin-top: -38px; text-indent: -20000px; width: 80px; z-index: 10; }
#slider_section .prev.item_nav_button { left: 0; background-position: 0 0; }
#slider_section .next.item_nav_button { right: 0; background-position: right 0; }
#slider_section .prev.item_nav_button:hover { left: 0; background-position: 0 bottom; }
#slider_section .next.item_nav_button:hover { right: 0; background-position: right bottom; }
body.snow #slider_section .item_nav_button { background-image: url('assets/img/btn/arrowsSnow.png'); }
body.snow #hero_slider .entry_content h2 { color: #000; }
body.aqua #slider_section .item_nav_button { background-image: url('assets/img/btn/arrowsAqua.png'); }
/* --------------------------------------------------
   Video section
-------------------------------------------------- */
#video_section { margin-top: -50px; }
#video_section .row { background-color: #2b2824; }
#video_section .row .row { padding: 60px 0 40px; }
#video_section .video_box a { display: block; height: 113px; overflow: hidden; margin: 0 auto; }
#video_section .video_box a span { background: transparent url('assets/img/ico/play-icon.png') no-repeat 0 0; display: none; height: 50px; position: relative; z-index: 5; margin: 25px auto 0; top: -92%; width: 50px; }
#video_section .video_box img { display: block; position: relative; margin: 0 auto; z-index: 4; }
#video_section .video_box a:hover span { display: block; }
#video_section .video_box h4 { color: #99948e; font-size: 11px; line-height: 16px; text-align: center; margin: 0; }
body.snow #video_section .row { background-color: #f0ede7; }
body.aqua #video_section .row { background-color: #272727; }
/* --------------------------------------------------
   News section
-------------------------------------------------- */
.news_section .row.title { background: none !important; }
.news_section .title h3 { color: #4e473f; font-size: 110px; line-height: 150px; font-weight: normal; margin: 0; padding: 0 0 50px; }
.news_slider { overflow: hidden; position: relative; }
.news_slider .slider { height: 620px; position: relative; }
.news_slider .item { float: left; min-height: 630px; position: relative; margin: 0 20px; }
.news_slider .item h2 { margin-bottom: 25px; }
.news_slider .item h2 a { color: #fff; }
.news_slider .item .entry_content { padding: 100px 8% 30px; }
.news_slider .item .entry_content p { margin-bottom: 25px; }
.news_slider .item .date { height: 100%; text-align: center; float: left; width: 20%; }
.news_slider .item .date span { color: #4e473f; display: block; font-size: 22px; line-height: 27px; }
.news_slider .item .date .number { font-size: 108px; line-height: 1em; padding-top: 21%; }
.news_slider .imageWrap { background-color: #2b2824; }
.news_slider .imageWrap img { float: right; height: auto; width: 80%; }
.news_slider .item .time_line { background-color: #99948e; position: absolute; left: -21px; bottom: 0; top: -26px; width: 1px; }
.news_slider .item .time_line em { background: transparent url('assets/img/bg/time_line.png') no-repeat 0 center; color: #99948e; display: block; position: absolute; top: -11px; left: 1px; font-style: normal; text-transform: uppercase; font-size: 15px; line-height: 23px; padding-left: 19px; width: 150px; }
.news_slider .social { padding: 28px; }
.fb_button { background: transparent url('assets/img/ico/facebook.png') no-repeat 0 0;  height: 23px; width: 23px; }
.tw_button { background: transparent url('assets/img/ico/twitter.png') no-repeat 0 0; height: 24px; width: 27px; }
.social_btn { display: inline-block; float: left; margin-left: 20px; text-indent: -20000px; }
.social_btn:hover { background-position: 0 bottom; }
body.snow .news_section .title h3 { color: #fff; }
body.snow .news_slider .imageWrap { 
background: rgb(97,186,255);
background: -moz-linear-gradient(-45deg,  rgb(97,186,255) 0%, rgb(160,94,186) 25%, rgb(224,0,116) 50%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(97,186,255)), color-stop(25%,rgb(160,94,186)), color-stop(50%,rgb(224,0,116)));
background: -webkit-linear-gradient(-45deg,  rgb(97,186,255) 0%,rgb(160,94,186) 25%,rgb(224,0,116) 50%);
background: -o-linear-gradient(-45deg,  rgb(97,186,255) 0%,rgb(160,94,186) 25%,rgb(224,0,116) 50%);
background: -ms-linear-gradient(-45deg,  rgb(97,186,255) 0%,rgb(160,94,186) 25%,rgb(224,0,116) 50%);
background: linear-gradient(135deg,  rgb(97,186,255) 0%,rgb(160,94,186) 25%,rgb(224,0,116) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61baff', endColorstr='#e00074',GradientType=1 ); 
}
body.snow .news_slider .item .date span { color: #fff; }
body.snow .news_slider .item h2 a { color: #000; }
body.snow .news_slider .item .time_line { background-color: #dddddd; }
body.snow .news_slider .item .time_line em { background-image: url('assets/img/bg/time_lineSnow.png'); color: #c0c0c0; text-shadow: 1px 1px 1px #fff; }
body.snow .fb_button { background-image: url('assets/img/ico/facebookSnow.png'); }
body.snow .tw_button { background-image: url('assets/img/ico/twitterSnow.png'); }
body.aqua .news_section .row { background-color: #272727; }
body.aqua .news_section .title h3 { color: #fff; }
body.aqua .news_slider .imageWrap { background-color: #fff; }
body.aqua .news_slider .item .date span { color: #7b7b7b; }
body.aqua .news_section .item p { color: #7d7d7d; }
body.aqua .news_slider .item h2 a { color: #fff; }
body.aqua .news_slider .item .time_line { background-color: #dddddd; }
body.aqua .news_slider .item .time_line em { background-image: url('assets/img/bg/time_lineSnow.png'); color: #fff; }
body.aqua .fb_button { background-image: url('assets/img/ico/facebookAqua.png'); }
body.aqua .tw_button { background-image: url('assets/img/ico/twitterAqua.png'); }
/* --------------------------------------------------
   Social section
-------------------------------------------------- */
#social_section { background: transparent url('assets/img/bg/social-bg.png') no-repeat center 0; margin: 0; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale') !important; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')" !important; }
#social_section .wrap { background: transparent url('assets/img/bg/social-shadow.png') repeat-x 0 0; padding: 50px 0 30px; }
#social_section .row { background: none; }
#social_section h6 { color: #4e473f; font-size: 18px; line-height: 20px; font-weight: normal; text-transform: uppercase; text-align: center; margin: 0 0 90px; }
.block-grid { overflow: visible; }
.social_ico { background: transparent url('assets/img/ico/social-shadow.png') no-repeat; display: block; height: 122px; margin: 0 auto 90px; position: relative; width: 122px; }
.social_ico .img { background: transparent url('assets/img/ico/social.png') no-repeat; display: block; height: 122px; position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: top .3s ease-in; -moz-transition: top .3s ease-in; -o-transition: top .3s ease-in; transition: top .3s ease-in; }
.social_ico .title { background-color: #ff5c4b; bottom: -54px; color: #fff; display: none; height: 24px; line-height: 24px; font-size: 11px; text-transform: capitalize; position: absolute; text-align: center; left: 50%; margin-left: -41px; width: 82px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.social_ico.linkedin,
.social_ico.linkedin .img { background-position: 0 0; }
.social_ico.linkedin:hover .img { background-position: 0 bottom; }
.social_ico.twitter { width: 144px; }
.social_ico.twitter,
.social_ico.twitter .img { background-position: -123px 0; }
.social_ico.twitter:hover .img { background-position: -123px bottom; }
.social_ico.pinterest,
.social_ico.pinterest .img { background-position: -267px 0; }
.social_ico.pinterest:hover .img { background-position: -267px bottom; }
.social_ico.facebook,
.social_ico.facebook .img { background-position: -392px 0; }
.social_ico.facebook:hover .img { background-position: -392px bottom; }
.social_ico.youtube,
.social_ico.youtube .img { background-position: -526px 0; }
.social_ico.youtube:hover .img { background-position: -526px bottom; }
.social_ico.instagram,
.social_ico.instagram .img { background-position: right 0; }
.social_ico.instagram:hover .img { background-position: right bottom; }
.social_ico:hover .img { top: -57px; }
.social_ico:hover .title {}
body.snow #social_section .wrap { background: #ebebeb; border-top: 1px solid #dedede; }
body.snow #social_section .row { background: none; }
body.snow #social_section h6 { color: #7d7d7d; }
body.snow .social_ico .img { background-image: url('assets/img/ico/socialSnow.png'); }
body.snow .social_ico { background-image: url('assets/img/ico/social-shadowSnow.png'); }
body.aqua #social_section .wrap { background: #29c0ca; }
body.aqua #social_section .row { background: none; }
body.aqua #social_section h6 { color: #fff; }
body.aqua .social_ico .img { background-image: url('assets/img/ico/socialAqua.png'); }
body.aqua .social_ico { background-image: url('assets/img/ico/social-shadowAqua.png'); }
body.aqua .social_ico .title { background-color: #fff; color: #272727; }
/* --------------------------------------------------
   Footer elements
-------------------------------------------------- */
footer { background-color: #2b2824; min-height: 50px; }
#footer_logo { display: block; height: 50px; overflow: hidden; }
#footer_logo img { height: 100%; width: auto; }
footer .nine, footer .row .nine { float: right; }
.copyright { color: #4e473f; font-size: 12px; line-height: 50px; margin: 0; text-align: right; }
body.snow footer { background-color: #fff; }
body.snow .copyright { color: #b2b2b2; }
body.aqua footer { background-color: #fff; }
body.aqua .copyright { color: #b2b2b2; }
/* --------------------------------------------------
   Page overlay
-------------------------------------------------- */
#pop_overlay { background: transparent url('assets/img/bg/pop_overlay.png') repeat 0 0; display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; }
#pop_overlay .close { background: #ff5c4b url('assets/img/btn/close.png') no-repeat 0 0; display: block; height: 57px; position: absolute; top: 0; right: -57px; text-indent: -20000px; width: 57px; z-index: 10000; -webkit-transition: right .3s ease-in; -moz-transition: right .3s ease-in; -o-transition: right .3s ease-in; transition: right .3s ease-in; }
#pop_overlay.active .close { right: 0; }
#pop_overlay .alert { color: #fff; display: none; font-size: 84px; line-height: 1em; text-align: center; padding-top: 25%; }
/* --------------------------------------------------
   Contact form elements
-------------------------------------------------- */
#contact_form, .box_video { display: none; position: fixed; height: auto; top: 15%; left: 10%; width: 80%; min-width: 300px; z-index: 10000; }
#contact_form.active, .box_video.active { display: block; }
#contact_form .wrap { margin-bottom: 7%; }
#contact_form .button_wrap { text-align: center; }
#contact_form fieldset { border: 0; }
#contact_form fieldset legend { background: none; display: block; color: #fff; font-weight: normal; font-size: 84px; line-height: 1em; text-align: center; margin-bottom: 7%; }
#contact_form .columns { width: 50%; }
#contact_form .wrap_big .columns { width: 100%; }
#contact_form .columns input,
#contact_form .columns label { background: none; border: 0; float: left; height: 38px; line-height: 38px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#contact_form .columns input { border-bottom: 2px solid #515151; color: #61a0ff; font-size: 23px; width: 82%; }
#contact_form .columns label { color: #fff; font-size: 15px; width: 90px; }
#contact_form .wrap_big .columns input { width: 91%; }
#contact_form .wrap_big .columns label {}
#contact_form .thanks { display: none; }
#contact_form .error label { color: #ff5c4b; }
/* --------------------------------------------------
   Scroll custom syle
-------------------------------------------------- */
#ascrail2000 { position: fixed; z-index: 1000 !important; }
#ascrail2000 > div { background-color: #ff5c4b !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
body.snow #ascrail2000 > div { background-color: #697998 !important; }
body.aqua #ascrail2000 > div { background-color: #fff !important; }
/* --------------------------------------------------
   Blog page styles
-------------------------------------------------- */
#content { margin-top: -112px; padding: 0 0 50px 0; position: relative; z-index: 10; }
#main { background-color: #fff; position: relative; min-height: 1000px; padding-bottom: 72px; }
#main .entry_content { padding: 124px 18% 75px 18%; margin: 0 -15px; }
#main .entry_content .entry { padding-bottom: 20px; }
#main .entry_content h1 { color: #262626; font-size: 25px; line-height: 32px; margin-bottom: 40px; }
#main .entry_content p { color: #37332e; font-size: 13px; line-height: 23px; margin: 0; padding-bottom: 65px; }
#main .entry_content ul,
#main .entry_content ol { margin-left: 20px; }
#main .entry_content li { color: #37332e; font-size: 13px; line-height: 23px; }
#main .entry_content .alignnone.size-full { margin: 50px -26%; width: 152%; max-width: 152%; }
#main .entry_content iframe { max-width: 100%; }
body.page #main .entry_content.hentry p { padding-bottom: 20px; }
.meta { background-color: #f4f1e5; margin: 0 0 38px 38px; padding: 40px 30px; min-width: 80px; }
.meta span { display: block; color: #b0a88a; font-size: 13px; line-height: 23px;  }
.meta a { color: #b0a88a; }
.meta a:hover { color: #37332e; }
.tags { background-color: #f2f2f2; position: absolute; height: 45px; bottom: 0; left: 0; right: 0; }
.tags p { padding: 10px 20px 0 20px; }
.tags span { color: #a2a2a2; font-size: 12px; line-height: 26px; display: inline-block; padding: 0 20px 0 0; }
.tags a { background-color: #aeaeae; color: #fff; font-size: 12px; display: inline-block; padding: 0 15px; line-height: 26px !important; height: 26px; margin-right: 10px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
#main .entry_content .social { text-align: center; }
#main .entry_content .social_btn { float: none; margin: 0 10px; }
#main .entry_content .social_btn.tw_button { background-image: url('assets/img/ico/twitter-blog.png'); height: 30px; width: 36px; }
#main .entry_content .social_btn.fb_button { background-image: url('assets/img/ico/facebook-blog.png'); height: 30px; width: 30px; }
#page_nav { position: absolute; top: 0; left: 0; right: 0; }
#page_nav a { background: transparent url('assets/img/btn/arrows.png') no-repeat; display: block; text-indent: -20000px; height: 77px; width: 80px; }
#page_nav .nav { position: absolute; top: 112px; }
#page_nav .nav.previous { left: 0; }
#page_nav .nav.next { right: 0; }
#page_nav .nav.previous a { background-position: 0 0; }
#page_nav .nav.previous a:hover { background-position: 0 bottom; }
#page_nav .nav.next a { background-position: right 0; }
#page_nav .nav.next a:hover { background-position: right bottom; }
#content.blog #main .entry_content { border-bottom: 1px solid #ebeaea; padding: 60px 20%; }
#content.blog #main .entry_content .entry_title { font-weight: normal; }
#content.blog #main .entry_content .entry_title a { color: #262626; }
#content.blog .featured_img { width: 162%; max-width: 162%; margin: 0 -31% 0; position: relative; z-index: 9; }
#content.page .featured_img { width: 152%; max-width: 152%; margin: 0 -26% -50px; position: relative; z-index: 9; }
#content.page .entry_content { padding-top: 0; }
#content.page .entry_content .content { padding-top: 100px; }
#main .entry_content.hentry p { padding: 0; text-align: justify; }
.entry_meta { position: relative; height: 63px; margin: 0 -31% 20px; z-index: 10; }
.entry_meta.with_img { top: -2px; height: auto; margin-bottom: 60px; }
.entry_meta time { background: transparent url('assets/img/bg/day_overlay.png') repeat 0 0; color: #fff; display: block; height: 63px; font-size: 13px; line-height: 63px; text-align: center; text-transform: uppercase; position: absolute; bottom: 0; right: 95px; width: 125px; }
.entry_meta .comments_box { background: transparent url('assets/img/bg/comment_overlay.png') repeat 0 0; color: #fff; display: block; height: 63px; font-size: 18px; line-height: 63px; text-align: center; position: absolute; bottom: 0; right: 0; width: 95px; }
.entry_meta .comments_box span { background: transparent url('assets/img/ico/comment_ico.png') no-repeat 20px center; display: block; padding: 0 10px 0 45px; }
#content.blog #page_nav { top: auto !important; bottom: 0; }
#content.blog #page_nav .nav { top: auto !important; bottom: 0; width: 49%; }
#content.blog #page_nav a { background: #eeeeee; color: #fff; font-size: 22px; height: 72px; line-height: 72px; text-indent: 0; text-align: center; width: 100%; }
.archive_title { font-size: 36px; line-height: 1em; padding: 15px 10%; margin: 0; }
.sub_category_nav { padding: 0 18%; }
.sub_category_nav ul { list-style: none; }
.sub_category_nav ul li { float: left; padding-right: 10px; }
.page_title { padding: 5px 10%; margin: 0; }
body.snow #page_nav a { background-image: url('assets/img/btn/arrowsSnow.png'); }
body.snow #main .entry_content p,
body.snow #main .entry_content li { color: #7d7d7d; }
body.snow .meta { background-color: transparent; border: 1px solid #6b6b6b; }
body.snow .meta span { color: #979797; }
body.snow .meta a { color: #979797; }
body.snow .meta a:hover { color: #697998; }
body.snow .entry_meta time { background-image: url('assets/img/bg/day_overlaySnow.png'); }
body.aqua #page_nav a { background-image: url('assets/img/btn/arrowsAqua.png'); }
body.aqua #main .entry_content p,
body.aqua #main .entry_content li { color: #7d7d7d; }
body.aqua .meta { background-color: #ebebeb; }
body.aqua .meta span { color: #1c1c1c; }
body.aqua .meta a { color: #1c1c1c; }
body.aqua .meta a:hover { color: #2dcbd5; }
body.aqua .entry_meta .comments_box { background-image: url('assets/img/bg/comment_overlayAqua.png'); }
    /* Aside */
#aside { background-color: #2b2824;float:right; }
#aside .wrap { padding: 68px 13% 100px 10% }
.widgettitle { color: #c0b3a3; font-size: 25px; line-height: 1em; font-weight: normal; margin: 0; padding-bottom: 28px; }
.widgetcontainer { padding-bottom: 40px; }
.widgetcontainer ul { list-style: none; }
.widgetcontainer ul li { color: #99948e; font-size: 15px; padding-bottom: 7px; }
.widgetcontainer ul li a { color: #fff; display: inline-block; line-height: 29px; padding: 0 10px; }
.widgetcontainer ul li a:hover,
.widgetcontainer ul li.current-cat > a,
.widgetcontainer ul li.current_page_item > a { background-color: #ff5c4b; }
.widgetcontainer abbr { color: #99948e; }
.widget_search label { display: none; }
.widgetcontainer input { margin: 0; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.widgetcontainer input[type="text"] { float: left; clear: right; width: 82%; background-color: #4f4f4f; color: #6e6e6e; }
.widgetcontainer input[type="submit"] { background: #ff5c4b url('assets/img/ico/search_ico.png') no-repeat center center; color: #fff; cursor: pointer; height: 32px; width: 18%; text-indent: -20000px; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.widgetcontainer input[type="submit"]:hover { background-color: #37332e; }
#wp-calendar { border: 0; }
#wp-calendar caption { background-color: #fb6757; color: #fff; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; }
#wp-calendar thead,
#wp-calendar tfoot { background-color: #c0b3a3; }
#wp-calendar thead tr th { color: #fff; font-size: 15px; color: #fff; }
#wp-calendar tfoot tr td { color: #fff; font-size: 11px; }
#wp-calendar tfoot tr td a { color: #fff; }
#wp-calendar tbody tr:nth-child(even) { background-color: #fefaf1; }
#wp-calendar tbody td { font-size: 15px; }
#today { background-color: #fb6757; color: #fff; }
.textwidget p,
.textwidget { color: #99948e; font-size: 12px; line-height: 21px; font-style: normal; }
.textwidget p { margin: 0; }
#aside .subscribe_form { margin: 0 -17px 0 -15px; }
#aside .subscribe_form form,
#aside .subscribe_form input { margin: 0; }
#aside .subscribe_form input[type="email"] { background-color: #4f4f4f; color: #6e6e6e; }
#aside .subscribe_form .error input[type="email"] { background-color: rgba(255, 255, 255, 0.7); color: #ff5c4b; }
#aside .subscribe_form input { border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#aside .subscribe_form fieldset { border: 0; padding: 0; margin: 0; }
#aside .subscribe_form #Subscribe { padding: 0; }
body.snow #aside { background-color: #697998; }
body.snow .widgettitle { color: #fff; }
body.snow .widgetcontainer ul li a { color: #c6cedd; }
body.snow .widgetcontainer ul li a:hover,
body.snow .widgetcontainer ul li.current-cat a,
body.snow .widgetcontainer ul li.current_page_item a { color: #fff; }
body.snow .textwidget p,
body.snow .textwidget,
body.snow .textwidget li,
body.snow .widgetcontainer abbr { color: #c6cedd; }
body.snow #aside .subscribe_form input[type="email"],
body.snow .widgetcontainer input[type="text"] { background-color: #e6e6e6; color: #6e6e6e; }
body.snow #aside .button2 { background-color: #ff5c4b; color: #fff; }
body.aqua #aside { background-color: #272727; }
body.aqua .widgettitle { color: #fff; }
body.aqua .widgetcontainer ul li a { color: #717171; }
body.aqua .widgetcontainer ul li a:hover,
body.aqua .widgetcontainer ul li.current-cat a,
body.aqua .widgetcontainer ul li.current_page_item a { background-color: #2dcbd5; color: #fff; }
body.aqua .textwidget p,
body.aqua .textwidget,
body.aqua .textwidget li,
body.aqua .widgetcontainer abbr { color: #717171; }
body.aqua #aside .subscribe_form input[type="email"] { background-color: #b0e7eb; color: #fff; }
body.aqua #aside .button2 { background-color: #fff; color: #282828; }
body.aqua #wp-calendar caption { background-color: #2dcbd5; }
body.aqua #today { background-color: #2dcbd5; }
body.aqua .widgetcontainer input[type="text"] { background-color: #b0e7eb; color: #fff; }
body.aqua .widgetcontainer input[type="submit"] { background-color: #2dcbd5; }
/* --------------------------------------------------
   Blog coments styles
-------------------------------------------------- */
#comments { background-color: #2b2824;clear:left;float:left;padding-bottom: 80px; }
#comments form { margin: 0; }
#comments p { margin: 0; padding-bottom: 17px; }
#reply-title { margin: 0; }
#comments_title { color: #5b5b5b; font-size: 22px; line-height: 1.1em; font-weight: normal; text-align: center; margin: 0; padding: 40px 0; }
.commentlist { list-style: none; margin: 0; padding: 0 9%; }
.comment {}
.comment_meta { background: none !important; position: relative; min-height: auto !important; }
.comment_meta .avatar_wrap { height: 70px; overflow: hidden; position: absolute; left: -90px; top: 0; width: 70px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }
.comment_meta span { display: block; }
.comment_meta .author { color: #fff; font-size: 18px; line-height: 23px; font-weight: bold; text-transform: capitalize; }
.comment_meta .time a { color: #7d7d7d; font-size: 12px; line-height: 23px; text-transform: uppercase; }
.comment_content { border-bottom: 1px solid #444444; }
.comment_content p { color: #c0b3a3; font-size: 13px; line-height: 20px; margin: 0; padding-bottom: 15px; }
.comment_content p a { color: #ff5c4b; }
.comment .reply { padding: 22px 0 50px; text-align: right; }
.commentlist .children { margin: 0; list-style: none; padding: 0 0 0 14%; }
.logged-in-as { color: #c0b3a3; }
body.snow #comments { background-color: #f0ede7; }
body.snow #comments_title { color: #fff; }
body.snow .comment_content { border-bottom: 1px solid #fff; }
body.snow .comment_content p { color: #8b8b8b; }
body.snow .comment_content p a { color: #697998; }
body.snow .comment_meta .author { color: #000; }
body.snow .commentlist .children .comment_meta .author { color: #8b8b8b; }
body.snow .logged-in-as { color: #8b8b8b; }
body.aqua #comments { background-color: #29c0ca; }
body.aqua #comments_title { color: #fff; }
body.aqua .comment_content { border-bottom: 1px solid #2dcbd5; }
body.aqua .comment_content p { color: #fff; }
body.aqua .comment_content p a { color: #272727; }
body.aqua .comment_meta .author { color: #fff; }
body.aqua .comment_meta .time a { color: #aae7eb; }
body.snow .logged-in-as { color: #fff; }
#respond { border-top: 1px solid #3a3631;  padding: 60px 9% 0; }
.commentlist #respond { padding-top: 0; border-top: 0; border-bottom: 1px solid #3a3631; padding-bottom: 15px; margin-bottom: 25px; } 
#reply-title { color: #c0b3a3; font-size: 22px; line-height: 27px; font-weight: normal; }
#respond .comment-notes { color: #7d7d7d; font-size: 13px; line-height: 23px; }
#respond .required { color: #ff5c4b; padding-left: 3px; }
#respond input,
#respond textarea { color: #c0b3a3; background-color: #4e473f; border: 0; height: 37px; margin: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#respond input:focus,
#respond textarea:focus { color: #000; background-color: #dad6d1; }
#respond input::-webkit-input-placeholder{ color: #2b2824 !important; }
#respond input:-moz-placeholder{ color: #2b2824 !important; }
#respond input::-moz-placeholder { color: #2b2824 !important; }
#respond input:-ms-input-placeholder { color: #2b2824 !important; }
#respond input::input-placeholder { color: #2b2824 !important; }
#respond label { color: #403c38; font-size: 13px; line-height: 23px; }
#respond textarea { overflow: hidden; resize: none; height: 133px; }
#respond .comment-form-comment { padding: 0; }
#commentform #submit { background-color: #ff5c4b; color: #fff; display: block; cursor: pointer; height: 68px; line-height: 68px; width: 100%; }
.comment_error_message { border: 2px solid #ff5c4b; padding: 15px 12px; margin-bottom: 40px; }
.comment_error_message p { color: #ff5c4b; padding: 0 !important; font-size: 13px; line-height: 1em; }
body.snow #respond { border-top: 1px solid #fff; }
body.snow .commentlist #respond { border-top: 0; border-bottom: 1px solid #fff; } 
body.snow #reply-title { color: #000; }
body.snow #respond input,
body.snow #respond textarea { background-color: #fff; }
body.snow #respond input:focus,
body.snow #respond textarea:focus { background-color: #c3bbaa; color: #fff; }
body.snow #respond input::-webkit-input-placeholder,
body.snow #respond input:-moz-placeholder,
body.snow #respond input::-moz-placeholder,
body.snow #respond input:-ms-input-placeholder,
body.snow #respond input::input-placeholder { color: #c4c0b7 !important; }
body.aqua #respond { border-top: 1px solid #2dcbd5; }
body.aqua .commentlist #respond { border-top: 0; border-bottom: 1px solid #2dcbd5; } 
body.aqua #reply-title { color: #fff; }
body.aqua #respond input,
body.aqua #respond textarea { background-color: #80e2e9; color: #3f3f3f; }
body.aqua #respond input:focus,
body.aqua #respond textarea:focus { background-color: #fff; color: #3f3f3f; }
body.aqua #respond input::-webkit-input-placeholder,
body.aqua #respond input:-moz-placeholder,
body.aqua #respond input::-moz-placeholder,
body.aqua #respond input:-ms-input-placeholder,
body.aqua #respond input::input-placeholder { color: #fff !important; }
body.aqua #respond .comment-notes { color: #9beff5; }
body.aqua .comment_error_message { border: 2px solid #fff; }
body.aqua .comment_error_message p { color: #fff; }
body.aqua #commentform #submit { background-color: #25afb8; color: #fff; }
/* --------------------------------------------------
   Media query's elements
-------------------------------------------------- */
@media handheld, screen and (max-width: 1200px){
#contact_form fieldset legend { font-size: 74px; }
#hero_slider { height: 500px; }
}
@media handheld, screen and (max-width: 1100px){
#contact_form, .box_video { top: 10%; }
#contact_form fieldset legend { font-size: 54px; }
.news_slider .slider { height: 660px; }
.news_slider .item .date .number { padding-top: 15%; }
}
@media handheld, screen and (max-width: 1024px){
footer .nine, footer .row .nine { float: none !important; width: 98%; }
#hero_slider { height: 600px; }
}
@media handheld, screen and (max-width: 960px){
#toggle-wrap { display: block; }
.top-bar { overflow: hidden; }
header .logo_wrap { float: left; }
#featured { max-height: 390px !important; height: 390px; }
#featured .row table { height: 390px; }
#featured .video-box { min-width: 960px; }
#hero_slider .entry_content { padding: 0 20%; }
.news_slider .item .date .number { font-size: 88px; }
}
@media handheld, screen and (max-width: 900px){
.overview_section img { margin-left: 100%; }
#hero_slider { height: 600px; }
#video_section .video_box a span { top: -80%; }
footer .logo_wrap { float: none; text-align: center; }
footer .colimns { float: none; margin: 0 auto; text-align: center; }
.copyright { text-align: center; line-height: 16px; padding-bottom: 30px; }
}
@media handheld, screen and (max-width: 850px){
.product_section img { margin-right: 100%; }
.social_ico { height: 79px; width: 79px; background-size: auto 100%; }
.social_ico .img { background-size: auto 200%; height: 79px; }
.social_ico.twitter { width: 93px; }
.social_ico.twitter, .social_ico.twitter .img { background-position: -80px 0; }
.social_ico.twitter:hover .img { background-position: -80px bottom; }
.social_ico.pinterest, .social_ico.pinterest .img { background-position: -172px 0; }
.social_ico.pinterest:hover .img { background-position: -172px bottom; }
.social_ico.facebook, .social_ico.facebook .img { background-position: -253px 0; }
.social_ico.facebook:hover .img { background-position: -253px bottom; }
.social_ico.youtube, .social_ico.youtube .img { background-position: -341px 0; }
.social_ico.youtube:hover .img { background-position: -341px bottom; }
}
@media handheld, screen and (max-width: 780px){
.video_box { margin-bottom: 15px; }
#video_section .video_box a span { top: -90%; }
#hero_slider { height: 620px; }
.news_slider .item .date .number { font-size: 68px; }
.news_slider .item .date span { font-size: 18px; line-height: 1.2em; }
#contact_form fieldset legend { font-size: 34px; }
#aside,#comments{float:none;clear:both;}
}
@media handheld, screen and (max-width: 660px){
.button1 { padding: 0 30px; }
#contact_form { top: 5%; }
.news_slider .item { min-height: 830px; }
}
@media handheld, screen and (max-width: 620px){
.news_slider .item .date .number { padding: 0; }
.news_slider .imageWrap img { float: none; width: 100%; }
.news_slider .item .date { float: none; width: 100%; padding: 2.5% 0; }
.news_slider .slider { height: 820px; }
.news_slider .item .entry_content { padding: 50px 8% 30px; }
#page_nav .nav { top: 0; }
#page_nav .nav.previous { left: -10px; }
#page_nav .nav.next { right: -10px; }
.comment_meta .avatar_wrap { height: 50px; left: -60px; width: 50px; }
}
@media handheld, screen and (max-width: 520px){
#slider_section .item_nav_button { display: none; }
#hero_slider .entry_content { padding: 0 15%; }
#hero_slider { height: 680px; }
.comment_meta .avatar_wrap { display: none; }
}
@media handheld, screen and (max-width: 420px){
#hero_slider { height: 770px; }
.news_section .title h3 { font-size: 80px; line-height: 1em; }
.news_slider .item { min-height: 960px; }
.news_slider .slider { height: 980px; }
.top-bar ul > li a:not(.button) { height: 40px; line-height: 40px; }
#featured { max-height: 290px !important; height: 290px; }
#featured .row table { height: 290px; }
#featured .row h2 { font-size: 34px; }
#contact_form fieldset legend { font-size: 24px; }
#contact_form .columns label { height: 18px; line-height: 18px; }
#contact_form .button1¸{ padding: 0 40px; height: 58px; line-height: 58px; }
#contact_form { top: 10%; }
}

/* custom css pixelproduzenten */
#overview_section_13 .twelve.columns{overflow: hidden}
.iosSliderContainer a.button1{ display: none;}
#hero_slider .entry_content h2 {
    color: #ff5c4b;
    font-size: 7rem;
    line-height: 7rem;
    outline: 2px solid #fff;
    background: #fff;
    opacity: 0.9;
}
#hero_slider .entry_content p {
    margin-bottom: 50px;
    background: #ff5c4b;
    color: #fff;
}
#hero_slider .entry_content {
    padding: 0 25%;
    text-align: center;
}