html, button, input, select, textarea { color: #2A2A2A; font-family: "Nunito Sans", serif; font-optical-sizing: auto; outline: none; } body { font-family: "Nunito Sans", serif; font-size: 16px; background: #0e0e0e; /** background: #020c24; or #031036 #151515;**/ font-optical-sizing: auto; margin: 0; } input[type=submit]:hover { opacity: 0.9; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } select, input, textarea { font-size: 14px; } input[type=text], input[type=email], textarea { padding: 5px; border: 1px solid #989999; } textarea { resize: vertical; } input[type=text], input[type=email], input[type=submit], button, textarea { -webkit-appearance: none; border-radius: 0; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* Lins Color */ a, .entry li a, .post .metas span a { color: #8f8f8f; text-decoration: none; outline: none; } a:hover, .entry li a:hover, .post .metas span a:hover { color: #FFF; text-decoration: underline; } .entry a:hover, .commentlist li.comment .comment-meta a:hover, .sidebar_widgets .widget_twitter a:hover { color: #454545; } .sidebar_widgets .widget_twitter .date { font-size: 14px; margin: 0 0 10px; } #works .work h3 a, .pagination a, .pagination span, #works .nav li a, .textwidget a, .post .title h2 a { color: #454545; } #works .work h3 a:hover, .pagination a:hover, .pagination span:hover, #works .nav li a.current, #works .nav li a:hover, .textwidget a:hover, .post .title h2 a:hover { color: #e8a40d; text-decoration: none; } /* Headers */ /*h1, h2, h3, h4, h5, h6 { margin: 0; color: #454545; font-weight: 700; text-transform: uppercase; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth"100, "YTLC"500; } */ /* h1 { font-size: 30px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 16px; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } */ /* Wrapper */ #wrapper_content { background: #fefefe; } .wrapper { max-width: 1180px; margin: 0 auto; padding: 0 20px 0 20px; } /* Header */ header { width: 100%; overflow: hidden; border-bottom: 1px solid #000000; padding: 35px 0 20px; } #logo { background: url("../ddimages/common/diehlingdirect2023-564789645.png") no-repeat; width: 473px; height: 75px; float: left; background-size: contain; } .home #logo { background: url(../ddimages/common/diehlingdirect2021.png) no-repeat; } /* changed margin 7/2017 from 20px 0 0 0 TO 0 0 0 0 */ header .socials { float: right; margin: 0px 0 0 0; padding: 0; } header .socials li { float: left; list-style: none; margin: 0 0 0 10px; } header .socials li a { float: left; width: 125px; height: 34px; background: url(../ddimages/common/get-a-quote20231.png) no-repeat; } header .socials li a:hover { background-position: 0 -34px; } header .socials li a.facebook { background-position: -0px 0; } header .socials li a.facebook:hover { background-position: -0px -34px; } header .socials li a.rss { background-position: -88px 0; } header .socials li a.rss:hover { background-position: -88px -34px; } header .socials li a.pinterest { background-position: -132px 0; } header .socials li a.pinterest:hover { background-position: -132px -34px; } header .socials li a.google { background-position: -176px 0; } header .socials li a.google:hover { background-position: -176px -34px; } header .socials li a.dribbble { background-position: -220px 0; } header .socials li a.dribbble:hover { background-position: -220px -34px; } header .socials li a.linkedin { background-position: -264px 0; } header .socials li a.linkedin:hover { background-position: -264px -34px; } header .socials li a.flickr { background-position: -308px 0; } header .socials li a.flickr:hover { background-position: -308px -34px; } header .socials li a.youtube { background-position: -352px 0; } header .socials li a.youtube:hover { background-position: -352px -34px; } #home_header header .socials li a { background-image: url(../images/common/getquote.png); } /* Navigation */ #menu { width: 100%; padding: 22px 0 0 0; margin: 0; position: relative; z-index: 999; } nav { float: left; padding: 0; margin: 0; } nav ul { float: left; padding: 0; margin: 0; } nav ul li { float: left; list-style: none; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 650; font-size: 17px; text-transform: uppercase; margin: 0 50px 0 0; position: relative; letter-spacing: 0.5px; } nav > ul > li { height: 50px; } nav ul li.last { margin: 0; } nav ul li a { color: #151515; } nav ul li.active a, #menu .active_sub { color: #151515; } nav ul ul { float: none; padding: 0; margin: 0; } nav ul li ul li { margin: 0; float: none; width: 180px; text-transform: capitalize; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; } nav ul .drop a { color: #151515; display: block; } nav ul li:hover > .drop { display: block; } nav ul .drop { top: 60px; left: 0; padding: 0 2px 0 0; display: none; position: absolute; } nav ul .drop .top { height: 12px; display: block; margin: -22px 0 0; background: url(../images/org_images/bg_menu_t.png) no-repeat; } nav ul .drop ul li { padding: 9px 0; border-bottom: 1px solid #151515; } nav ul .drop ul li.last { border-bottom: 0; } nav ul .drop ul ul { margin: 0 0 0 23px; } nav ul .drop ul { background: #CCCCCC; padding: 2px 20px; min-width: 160px; } nav ul ul .drop { left: 100%; top: 0; } nav li a:hover, nav li.current_page_ancestor a, nav li.current_page_parent a, nav li.current_page_item a, nav li.current-menu-ancestor a, nav li.current-menu-parent a, nav li.current-menu-item a, nav li.current-page-ancestor a, nav li.current-page-parent a, nav li.current-page-item a { color: #151515; text-decoration: underline; } .home nav ul li a { color: #ffffff; } .home nav li a:hover, .home nav li.current_page_ancestor a, .home nav li.current_page_parent a, .home nav li.current_page_item a, .home nav li.current-menu-ancestor a, .home nav li.current-menu-parent a, .home nav li.current-menu-item a, .home nav li.current-page-ancestor a, .home nav li.current-page-parent a, .home nav li.current-page-item a { color: #b8b8b8; text-decoration: underline; } #menu_trigger.mobile { display: none; } #menu .search { float: right; height: 28px; padding: 2px 0 0 0; } #menu #search_text { float: left; margin: -3px 10px 0 0; position: relative; padding: 6px; display: none; background: #e7e7e7; border: 0; } #menu .btn_search, #search_submit { background: url(../images/org_images/ico_search23-2.png) no-repeat; float: left; border: 0; text-indent: -9999em; text-transform: capitalize; width: 21px; height: 20px; padding: 0; margin: 0; } .home #menu .btn_search, .home #search_submit { background: url(../images/org_images/ico_search_home.png) no-repeat; } #search_submit { display: none; } /* Featured Block /ddimages/common/2025-456879.png*/ #featured { background: url("../ddimages/common/banner-top2025-330.jpg") no-repeat bottom left; height: 100px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 0 50px; overflow: hidden; /** border-bottom: 1px solid #040404; border-top: 1px solid #040404; **/ } #featured2 { background: url("../ddimages/common/diehlingdirect-banner2024-2.jpg") no-repeat top center; height: 50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 0 50px; overflow: hidden; border-top: 10px solid #031036; background-color: #001037; } .lt-ie9 #featured { background-repeat: repeat; } #featured .hero-title { margin: 0; color: #F6F6F6; font-size: 1.75rem; line-height: 100px; text-transform: uppercase; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 650; letter-spacing: .75px; /* optional */ } /* Home Slider */ #home_header { height: 600px; margin: 0 0 50px; position: relative; } #home_header .wrapper { position: relative; z-index: 9; } #home_header .flex-control-paging li { display: inline-block; margin: 0 2px; list-style: none; padding: 0; } #home_header .flex-control-paging li a { display: inline-block; background: url(../images/org_images/bg_slider.png) no-repeat 100% 0; height: 15px; width: 9px; font-size: 0; cursor: pointer; color: transparent; line-height: 0; } #home_header .flex-control-paging li a.flex-active { width: 15px; background-position: 0 0; } #home_header .flex-prev { float: left; position: absolute; top: 50%; left: 70px; text-indent: -999em; display: block; height: 64px; z-index: 99; width: 64px; background: url(../images/org_images/bg_arrows.png); } #home_header .flex-next { float: left; position: absolute; top: 50%; right: 70px; text-indent: -999em; display: block; height: 64px; z-index: 99; width: 64px; background: url(../images/org_images/bg_arrows.png) 100% 0; } #home_header .flex-prev:hover { background-position: 0 100%; } #home_header .flex-next:hover { background-position: 100% 100%; } #home_header .flex-control-paging { position: absolute; bottom: 30px; z-index: 99; left: 0; right: 0; text-align: center; } .slider-banner ul { margin: 0; padding: 0; } .slider-banner .info { padding: 300px 0 0; margin: auto; } .slider-banner h2 strong { color: #990000; font-weight: normal; } .slider-banner h2 { margin: 0; padding: 0 0 10px; color: #fff; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-size: 36px; font-weight: normal; } .slider-banner p { margin: 0; padding: 0 0 30px; font-family: "Nunito Sans", serif; font-optical-sizing: auto; text-transform: none; font-size: 22px; font-weight: normal; color: #E6E6E6; } .slider-banner .btn-white { color: #fff; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-size: 14px; padding: 0 14px; text-transform: uppercase; height: 36px; display: inline-block; margin: auto; line-height: 36px; border: 2px solid #fff; } .slider-banner .btn-white:hover { border-color: #990000; color: #990000; } .slider-banner .slides li { margin: 0; padding: 0; list-style: none; background: no-repeat center top; height: 600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align: center; background-size: cover; } .slider-banner { position: absolute; top: -4px; overflow: hidden; left: -201px; right: 0; bottom: 0; height: 600px; } /* Call Action Block */ .call_action { text-align: center; margin: 0 0 50px; padding: 0 0 30px; border-bottom: 1px solid #b88600; } .call_action.bottom { border-top: 1px solid #c2c2c2; border-bottom: 0; padding: 50px 0 35px 0; margin: 0; } .call_action.no_border { border-top: 0; border-bottom: 0; } .call_action div { max-width: 860px; margin: 0 auto; } .call_action p { padding: 0 0 10px; } .call_action h2 { margin: 0 0 20px; } /* Project Single */ .project_detail_page .call_action { background: #efefef; border: 0; padding: 50px 0 25px; margin: 0; } .project_detail_page .call_action.bottom { border-top: 1px solid #c2c2c2; background: none; } .project_detail_page #featured { margin: 0; } #flexslider_wrapper { background: #efefef; margin: 0 0 60px; } #flexslider_wrapper_inner { z-index: 3; position: relative; } #flexslider_block { width: 1060px; height: 600px; background: url(../images/org_images/bgr_laptop_super.png) no-repeat; margin: 0 auto; overflow: hidden; } #flexslider_project { margin: 49px 0 0 141px; } #flexslider_margin { background: #fff; width: 100%; height: 106px; z-index: 2; margin-top: -106px; position: absolute; } #flexslider_wrapper .flex-prev, #flexslider_wrapper .flex-next { position: absolute; background: #990000 url(../images/org_images/btn_flexslider_project.png) no-repeat; width: 70px; height: 120px; display: block; cursor: pointer; text-indent: -9999em; left: 0; top: 50%; margin-top: -200px; } #flexslider_wrapper .flex-prev:hover { background-position: 0 -120px; background-color: #a5c895; } #flexslider_wrapper .flex-next { background-position: -70px 0; left: inherit; right: 0; } #flexslider_wrapper .flex-next:hover { background-position: -70px -120px; background-color: #a5c895; } /* Structure */ #content { float: left; width: 750px; padding: 0 0 60px; } .contact_page #content { padding: 0; } #sidebar { float: right; width: 340px; padding: 0 0 60px; } #content.full { width: 100%; float: none; padding: 0; } .project_detail_page #content.full { border-top: 1px solid #c2c2c2; padding-top: 50px; } /* Post */ .post { width: 100%; margin: 0 0 35px 0; } .blog_page .post { border-bottom: 1px solid #c2c2c2; margin: 0 0 55px 0; padding: 0 0 35px; } .single .blog_page .post { border-bottom: 0; margin: 0; padding: 0; } .single .blog_page .post .entry_single { border-bottom: 1px solid #c2c2c2; margin: 0 0 30px 0; padding: 0 0 5px; } #content .page { margin: 0; } .post .metas { width: 100%; margin: 0 0 15px; } .post .metas span { display: inline-block; color: #8f8f8f; font-size: 14px; margin: 0 10px 10px 0; padding: 10px 15px 10px 40px; font-family: "Nunito Sans", serif; font-optical-sizing: auto; text-transform: uppercase; background: #efefef url(../images/org_images/ico_post.png) no-repeat 15px 13px; } .post .metas span.author { background-position: 15px -32px; } .post .metas span.tags { background-position: 15px -78px; } .post .metas span.comments { background-position: 15px -134px; } .post .image { width: 100%; padding: 0 0 25px; position: relative; } .post .image img { display: block; max-width: 100%; } .video-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post .image .slides { z-index: 9; position: relative; } .post .image .flex-control-nav { width: 100%; position: absolute; text-align: center; z-index: 99; bottom: 45px; } .post .image .flex-control-nav li { display: inline-block; } .post .image .flex-control-nav li a { text-indent: -9999em; display: inline-block; background: #fff; width: 10px; height: 15px; cursor: pointer; margin: 0 2px 0 2px; background: url(../images/org_images/bg_slider.png) no-repeat right center; } .post .image .flex-control-nav li a.flex-active { background-position: left center; width: 15px; } .post .title { padding: 0 0 20px; } .post .title h2 { color: #454545; font-size: 18px; } /* Typography */ .entry { width: 100%; line-height: 1.5em; } .entry strong { color: #151515; } .entry p { margin: 0 0 20px 0; } .entry p.space { margin: -5px 0 0 0; } .entry ul, .entry ol { margin-bottom: 20px; } .entry ul { padding-left: 20px; } .entry ul li { list-style: none; background: url(../images/org_images/ico_list.png) no-repeat left 5px; padding: 0 0 0 20px; } .entry p.empty { margin: 0; } .home .entry p.empty { margin: 0; line-height: 11px; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { line-height: 1.5em; margin: 0 0 15px 0; } img.wp-smiley { padding: 0; border: none; } .entry .wp-caption { padding: 0; text-align: center; } .entry .wp-caption img { margin: 0; padding: 4px 0; background: none; border: 0; } .entry .wp-caption-text { margin: 0; padding: 0; font-size: 11px; text-align: center; } .entry table { width: 100%; /** border: 1px solid #ccc; **/ border-collapse: collapse; margin: 0 0 15px 0; } .entry table td, .entry table th { /** border: 1px solid #ccc; **/ padding: 5px; } .entry table th { background: #eee; } .entry .col { float: left; } .entry .col_1_4 { width: 21%; margin: 0 5% 0 0; } .entry .col_1_3 { width: 30%; margin: 0 5% 0 0; } .entry .col_1_2 { width: 45%; margin: 0 10% 0 0; } .entry .col.last { margin-right: 0; } .entry fieldset { width: 100%; margin: 0 0 30px; font-size: 14px; } .entry fieldset.submit { margin: 0; } .entry fieldset.submit .btn { margin: 0; } .entry fieldset .label, .entry fieldset .mobile_label { font-weight: 700; font-family: "Nunito Sans", serif; font-optical-sizing: auto; text-transform: uppercase; line-height: 1.4; color: #454545; } .entry fieldset .label { display: block; } .entry fieldset .label .req, .entry fieldset .mobile_label .req { color: #e74c3c; font-family: "Nunito Sans", serif; font-optical-sizing: auto; } .entry fieldset small { display: block; font-size: 14px; margin: 0 0 5px; } .entry fieldset small.error { color: #e74c3c; display: none; } .entry fieldset.error small.note { display: none; } .entry fieldset.error small.error { display: block; } .entry fieldset input[type=text], .entry fieldset input[type=email], .entry fieldset textarea { background: #efefef; border: 0; width: 330px; padding: 12px 10px; } .entry fieldset textarea { width: 636px; height: 276px; } .entry fieldset input[type=text]:focus, .entry fieldset input[type=email]:focus, .entry fieldset textarea:focus, .entry fieldset.error input[type=text]:focus, .entry fieldset.error input[type=email]:focus, .entry fieldset.error textarea:focus { background: #fff; border: 1px solid #989999; width: 328px; padding: 11px 10px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .entry fieldset textarea:focus, .entry fieldset.error textarea:focus { width: 634px; } .entry fieldset.error input[type=text], .entry fieldset.error input[type=email], .entry fieldset.error textarea { background: #ffebe9; border: 2px solid #e74c3c; width: 326px; padding: 10px 10px; } .entry fieldset.error textarea { width: 632px; } .entry .highlighted { color: #990000; } .entry-404 { text-align: center; max-width: 760px; margin: 0 auto; padding: 0 0 35px; } .entry-404 h2 { font-size: 60px; margin: 0 0 20px; } .entry-404 h3 { font-size: 36px; margin: 0 0 40px; } /* Toggle */ .toggle { margin: 0 0 20px; } .toggle .item { margin: 0 0 10px; } .toggle .header { background: #e3e3e3; border: 1px solid #c2c2c2; position: relative; cursor: pointer; } .toggle .header:after { content: "+"; position: absolute; right: 20px; top: 6px; color: #151515; font-size: 26px; width: 20px; text-align: center; } .toggle .current .header:after { content: "-"; } .toggle .header h4, .entry .toggle .header h4 { padding: 8px 20px; margin: 0; } .toggle .header:hover h4, .entry .toggle .header:hover h4, .toggle .header:hover:after { color: #000; } .toggle .box { border: 1px solid #c2c2c2; border-top: 0; display: none; } .toggle .current .box { display: block; } .toggle .box { padding: 0 20px 0 20px; } .toggle .box p, .entry .toggle .box p, .toggle .box ol, .entry .toggle .box ol, .toggle .box ul, .entry .toggle .box ul { padding: 10px 0 10px; margin: 0; } /* Tabs */ .tabs_box { margin: 0 0 30px; } .tabs, .entry .tabs { padding: 0; margin: 0; border-bottom: 1px solid #c2c2c2; } .tabs li, .entry .tabs li { display: inline-block; padding: 0 3px 0 0; margin: 0; background: none; } .tabs a, .entry .tabs a { display: block; border: 1px solid #c2c2c2; border-bottom: 0; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; color: #151515; font-size: 16px; text-transform: uppercase; line-height: 32px; height: 32px; padding: 0 15px 0 15px; background: #e3e3e3; } .tabs a:hover, .entry .tabs a:hover { color: #000; text-decoration: none; } .tabs .ui-tabs-active a, .entry .tabs .ui-tabs-active a { background: #fff; padding-bottom: 1px; border-bottom: 0; margin-bottom: -1px; } .tabs_box .box { border: 1px solid #c2c2c2; border-top: 0; padding: 0 20px 0 20px; display: none; } .tabs_box .box.active { display: block; } .tabs_box .box p, .entry .tabs_box .box p, .toggle .tabs_box ol, .entry .tabs_box .box ol, .tabs_box .box ul, .entry .tabs_box .box ul { padding: 10px 0 10px; margin: 0; } /* Alert Boxes */ .alert_box { border: 1px solid #c2c2c2; margin: 0 0 29px; padding: 20px 20px 0 20px; } .alert_box.warning { background: #ffe9ad; color: #e79300; border-color: #e79300; } .alert_box.error { background: #fbcbc1; color: #ce2700; border-color: #ce2700; } .alert_box.success { background: #effeb9; color: #65a31b; border-color: #65a31b; } .alert_box.information { background: #d1e4f3; color: #2e74b2; border-color: #2e74b2; } /* Share */ .share { width: 100%; overflow: hidden; } .share div { float: left; margin: 0 20px 0 0; } .share a { float: left; color: #9b9999; } .share a span { float: right; width: 43px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; padding: 0 1px 0 0; } .share .twitter a { width: 132px; background: url(../images/org_images/ico_share_twitter.png) no-repeat; } .share .facebook a { width: 119px; background: url(../images/org_images/ico_share_facebook.png) no-repeat; } .share .pin a { width: 109px; background: url(../images/org_images/ico_share_pin.png) no-repeat; } /* Team Block */ #team { background: #efefef; padding: 0 0 20px; } #team section { text-align: center; padding: 50px 0 40px; margin: 0 auto; max-width: 860px; } #team section h2 { margin-bottom: 10px; } #members { width: 100%; overflow: hidden; padding: 0 0 20px; } #members .member { float: left; width: 265px; margin: 0 40px 20px 0; } #members .member.last { margin: 0 0 20px 0; } #members .member img { display: block; max-width: 100%; margin: 0 0 10px; } #members .member h3 { margin: 0 0 5px; } #members .member p.job { margin: 0; padding: 0 0 18px; border-bottom: 1px solid #c2c2c2; } #members .member .socials { margin: 0; padding: 0; width: 100%; overflow: hidden; } #members .member .socials li { display: inline-block; list-style: none; margin: 0 10px 0 0; } #members .member .socials li a { display: block; width: 31px; height: 30px; background: url(../images/org_images/ico_socials_team.png) no-repeat; } #members .member .socials li a:hover { background-position: 0 -30px; } #members .member .socials li a.facebook { background-position: -39px 0; } #members .member .socials li a.facebook:hover { background-position: -39px -30px; } #members .member .socials li a.rss { background-position: -78px 0; } #members .member .socials li a.rss:hover { background-position: -78px -30px; } /* Widgets */ .sidebar_widgets { width: 100%; overflow: hidden; } .sidebar_widgets .widget { margin: 0 0 35px 0; } .sidebar_widgets .widget_text { margin: 0 0 15px 0; } .widget h3 { margin: 0 0 20px; } .widget ul { padding: 0; margin: 0; } .widget ul li { list-style: none; margin: 0; padding: 0; } .widget ul ul { margin: 5px 0 0 15px; } .widget ul li ul li { border-bottom: 0; margin: 0; } .textwidget { padding: 0; } .textwidget p { padding: 0 0 20px 0; margin: 0; } .widget_text strong, .widget_text span { display: inline-block; width: 180px; } .sidebar_widgets .widget_popular li, .sidebar_widgets .widget_twitter li { border-bottom: 1px solid #c2c2c2; padding: 0 0 10px; margin: 0 0 10px; } .sidebar_widgets .widget_twitter li .date { color: #990000; } .sidebar_widgets .widget_popular li.last, .sidebar_widgets .widget_twitter li.last { border-bottom: 0; padding: 0; margin: 0; } .sidebar_widgets .widget_flickr { margin: 0 0 25px 0; } .sidebar_widgets .widget_flickr ul { width: 100%; overflow: hidden; } .sidebar_widgets .widget_flickr li { width: 25%; float: left; margin: 0 0 15px; } .sidebar_widgets .widget_twitter a { color: #990000; } /* Projects */ .laptop { width: 340px; height: 193px; background: url(../images/org_images/bgr_laptop.png) no-repeat; overflow: hidden; position: relative; } .laptop img { width: 249px; height: 144px; display: block; margin: 15px 0 0 46px; } .laptop .mask { position: absolute; width: 249px; height: 144px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: url(../images/org_images/bgr_laptop_mask.png) no-repeat; top: 15px; left: 46px; display: block; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 0; } .laptop a .mask:hover { opacity: 1.0; } #works { padding: 0 0 10px; overflow: hidden; } #works .nav { width: 100%; overflow: hidden; padding: 0; margin: 0 0 45px; } .ff #works .nav { margin: 0 0 -30px; } .ff #works .nav#portfolio_nav { margin: 0 0 45px; } #works .nav li { font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; float: left; color: #454545; font-size: 18px; list-style: none; text-transform: uppercase; background: url(../images/org_images/bgr_laptop_nav.png) no-repeat right center; padding: 0 29px 0 0; margin: 0; } #works .nav li.last { background: none; padding: 0; } #works .works { width: 100%; background: #efefef; margin: 0 0 85px; } #works .works { width: 100%; background: #efefef; margin: 0 0 85px; } #works.price_page .works { margin: 0 0 65px; } #content.second { border-top: 1px solid #c2c2c2; padding: 50px 0 0; margin: 25px 0 0 0; } #works.package_page .call_action { border: 0; padding: 0; margin: 0; position: relative; top: 25px; } #works.price_page .call_action { padding: 0 0 30px; } #works.package_page .call_action p { padding: 0; margin: 0; } #works.package_page .works { padding: 25px 0 0 0; } .home #works.package_page { margin: 0 0 30px; } #works.package_page .work { top: 65px; position: relative; } #works #portfolio { background: #efefef url(../images/org_images/bgr_portfolio.gif) repeat; margin: 0 -50px 0 0; } #works .work { float: left; width: 354px; margin: 0 50px 0 0; position: relative; top: 35px; } #works #portfolio .work { height: 379px; overflow: hidden; top: 0; } #works #portfolio .work.third { margin: 0; } #works .work h3 { margin: 0 0 10px 30px; } #works #portfolio .work h3 { line-height: 30px; height: 30px; overflow: hidden; margin: 20px 0 5px 30px; } #works .work h4 { text-align: center; padding: 10px 0 0 0; clear: both; } #works .work p { margin: 0 0 10px 30px; } #works #portfolio .work p { height: 50px; line-height: 25px; overflow: hidden; } #works .work.last { margin: 0; } #works .work .laptop { float: left; width: 354px; height: 216px; background: url(../images/org_images/bgr_laptop_big.png) no-repeat; } #works .work .laptop img { width: 260px; height: 149px; margin: 32px 0 0 47px; } #works .work .laptop .mask { top: 32px; left: 47px; width: 260px; height: 149px; } /* Price Table */ #price_table { width: 100%; top: 65px; position: relative; } #price_table .price_block { float: left; width: 24.625%; margin: 0 0.5% 0 0; background: #ffffff; text-align: center; } #price_table .price_block.featured { position: relative; top: -20px; } #price_table .price_block.last { margin: 0; } #price_table .price_block h3 { color: #fff; font-size: 22px; height: 58px; line-height: 58px; background: #990000; } #price_table .price_block .details { background: #990000; padding: 19px 0 19px; } #price_table .price_block .details .btn { background: #a5c895; font-size: 14px; } #price_table .price_block .details .btn:hover { opacity: 0.9; } #price_table .price_block h4 { font-size: 42px; } #price_table .price_block h4 span { font-size: 24px; position: relative; top: -12px; left: 2px; } #price_table .price_block ul { padding: 0; margin: 5px 20px 10px; list-style: none; } #price_table .price_block li { border-top: 1px solid #c2c2c2; padding: 8px 0 8px; } /* Footer */ footer { padding: 50px 0 0 0; color: #FFFFFF; } footer a { color: #FFFFFF; } footer .info { float: left; width: 460px; padding: 20px 0 0 0; } footer .widgets { float: right; width: 630px; } footer .widgets .widget { float: left; width: 30%; margin: 0 5% 0 0; } footer .widgets .widget_text { width: 30% } footer .widgets .widget_text p { padding: 0 0 15px; } footer .widgets .widget_newsletter { width: 25%; } footer .widgets .widget.last { margin: 0; } footer .widget h3, footer .widget h4 { color: #fff; } footer .widget li { background: url(../images/org_images/ico_widget_footer_li.png) no-repeat left 5px; padding: 0 0 0 16px; } footer .widget form { width: 100%; overflow: hidden; } footer .widget form input[type=text] { color: #fff; float: left; padding: 0 5%; line-height: 40px; height: 40px; background: #4e4c4c; border: 0; width: 69%; margin: 0 1% 0 0; } footer .widget form input[type=submit] { color: #fff; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; background: #828282; border: 0; cursor: pointer; line-height: 36px; height: 40px; float: left; width: 20%; } footer section { width: 100%; overflow: hidden; } #logo_footer { background: url(../ddimages/common/diehlingdirect-footer.png) no-repeat; width: 250px; height: 55px; float: left; margin: 5px 0 0 0; } footer .socials { float: right; margin: 20px 0 0 0; padding: 0; } footer .socials li { float: left; list-style: none; margin: 0 0 0 5px; } footer .socials li a { float: left; width: 31px; height: 30px; background: url(../images/org_images/ico_socials_footer.png) no-repeat; } footer .socials li a:hover { background-position: 0 -30px; } footer .socials li a.facebook { background-position: -39px 0; } footer .socials li a.facebook:hover { background-position: -39px -30px; } footer .socials li a.rss { background-position: -78px 0; } footer .socials li a.rss:hover { background-position: -78px -30px; } footer .socials li a.pinterest { background-position: -117px 0; } footer .socials li a.pinterest:hover { background-position: -117px -30px; } footer .socials li a.google { background-position: -158px 0; } footer .socials li a.google:hover { background-position: -158px -30px; } footer .socials li a.dribbble { background-position: -199px 0; } footer .socials li a.dribbble:hover { background-position: -199px -30px; } footer .socials li a.linkedin { background-position: -238px 0; } footer .socials li a.linkedin:hover { background-position: -238px -30px; } footer .socials li a.flickr { background-position: -277px 0; } footer .socials li a.flickr:hover { background-position: -277px -30px; } footer .socials li a.youtube { background-position: -316px 0; } footer .socials li a.youtube:hover { background-position: -316px -30px; } footer section.top .info p { clear: both; padding: 30px 0 0 0; line-height: 1.5em; } footer section.bottom { border-top: 1px solid #a8a8a8; font-size: 12px; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; text-transform: uppercase; padding: 30px 0 30px; margin: 40px 0 0 0; } footer section .copyrights { float: left; padding: 0; margin: 0; } footer section.bottom ul { float: right; padding: 0; margin: 0; } footer section.bottom ul li { display: inline-block; list-style: none; padding: 0 20px 0 0; background: url(../images/common/ico_footer_menu.png) no-repeat right center; } footer section.bottom ul li.last { padding: 0; background: none; } .pagination_comments { font-size: 14px; text-align: right; } /* Respond */ #respond { padding: 50px 0 0 0; overflow: hidden; clear: both; } .commentlist #respond { margin: 0 0 20px 0; } #respond h3 { margin: 0 0 35px 0; border-bottom: 1px solid #cccccc; padding: 0 0 10px; } .cancel-comment-reply { padding: 5px 0 0 0; } .cancel-comment-reply a { text-decoration: underline; } .cancel-comment-reply a:hover { text-decoration: none; } #commentform p { font-size: 14px; } #commentform p a, #commentform p a { text-decoration: underline; } #commentform p a:hover { text-decoration: none; } #commentform .labels { float: left; } #commentform .text { width: 290px; float: left; } #commentform .text input { width: 250px; } #commentform textarea { width: 95%; } /* Comments*/ #comments { margin: 50px 0 5px 0; border-bottom: 1px solid #cccccc; padding: 0 0 10px; } .commentlist { padding: 0; text-align: justify; line-height: 1.6em; } .commentlist li.comment { padding: 25px 0 10px; margin: 0; list-style: none; overflow: hidden; } .commentlist li.comment ul { padding: 0; margin: 0; } .commentlist li.comment ul li { overflow: hidden; clear: both; padding: 25px 0 0; } .commentlist li.comment .comment-avatar { float: left; width: 12%; margin: 4px 0 0 0; } .commentlist li.comment .comment-entry { float: right; width: 88%; border-bottom: 1px solid #cccccc; } .commentlist li.comment ul .comment-entry { padding: 0 0 0 5%; width: 83%; } .commentlist li.comment .comment-author { float: left; font-weight: 700; color: #151515; } .commentlist li.comment .comment-author a { color: #151515; } .commentlist li.comment .comment-meta { float: right; font-size: 14px; } .commentlist li.comment .comment-meta a { color: #990000; } .commentlist li.comment .comment-text { clear: both; padding: 10px 0 0; } .commentlist li.comment .comment-text p { padding: 0 0 25px; margin: 0; } /* Begin Images */ p img { padding: 0; } img { max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } .centered { text-align: center; } .alignright, img.alignright, a img.alignright { float: right; margin: 5px 0px 20px 40px; } .alignleft, img.alignleft, a img.alignleft { float: left; margin: 5px 40px 20px 0; } .aligncenter, img.aligncenter, a img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .home .alignright, .home img.alignright, .home a img.alignright { margin: 5px 0px 70px 40px; } .home .alignleft, .home img.alignleft, .home a img.alignleft { margin: 5px 40px 70px 0; } .home img.home_image { margin: 15px 0px 0 110px; } .al { float: left; } .ar { float: right; } /* Various Tags & Classes */ .entry acronym, .entry abbr, .entry span.caps { cursor: help; } .entry acronym, .entry abbr { border-bottom: 1px dashed #dfcfba; } .entry blockquote { margin: 15px 0 20px 0; padding: 0 15px 0 40px; background: url(../../images/bgr_blockquote.png) no-repeat; } .entry blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .nopost, .nocomments { text-align: center; padding: 20px 0 20px 0; } .entry pre, .entry code { font-family: mono-space, monospace; border: 1px solid #eee; padding: 20px; display: block; margin: 0 0 20px 0; overflow: auto; white-space: pre; font-size: 12px; line-height: 20px; } .entry code { padding: 1px 20px 0 20px; background: #f6f6f6 url(../../images/bgr_code.gif) repeat scroll 0 0; border-top: 0; border-bottom: 0; } sup { position: relative; top: -5px; } sub { position: relative; top: 5px; } code br { display: none; } .clear { clear: both; line-height: 0; } .sticky {} .gallery-caption {} .bypostauthor {} .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; } .gallery .gallery-row { display: block; clear: both; overflow: hidden; margin: 0; } .gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0; position: absolute bottom; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 90%; height: auto; padding: 1%; margin: 0 auto; } .gallery-caption { margin-left: 0; } .mobile_390 { display: none; } /* Buttons */ .btn, .entry .btn { background: #990000; color: #fff; display: inline-block; line-height: 40px; height: 40px; padding: 0 30px 0 30px; font-family: 'Novecentowide-DemiBold', Arial, Helvetica, Sans-serif; text-transform: uppercase; font-weight: 700; border: 0; cursor: pointer; } .btn:hover, .entry .btn:hover { text-decoration: none; background: #a5c895; color: #fff; } .entry .btn { margin: 0 20px 20px 0; padding: 0 20px 0 20px; } .btn.small, .entry .btn.small { font-size: 14px; font-family: 'Roboto', sans-serif; font-style: 500; letter-spacing: 0.50px; margin-bottom: 75px; } .btn.large, .entry .btn.large { font-size: 18px; line-height: 52px; height: 52px; } .btn.blue, .entry .btn.blue { background: #3498db; } .btn.blue:hover, .entry .btn.blue:hover { background: #39a7f0; } .btn.red, .entry .btn.red { background: #e74c3c; } .btn.red:hover, .entry .btn.red:hover { background: #f65242; } .btn.grey, .entry .btn.grey { background: #95a5a6; } .btn.grey:hover, .entry .btn.grey:hover { background: #a1afb0; } .btn.purple, .entry .btn.purple { background: #9b59b6; } .btn.purple:hover, .entry .btn.purple:hover { background: #a861c5; } .btn.yellow, .entry .btn.yellow { background: #f39c12; } .btn.yellow:hover, .entry .btn.yellow:hover { background: #fbaa2a; } .btn.aqua, .entry .btn.aqua { background: #1abc9c; } .btn.aqua:hover, .entry .btn.aqua:hover { background: #1ed4b0; } .btn.black, .entry .btn.black { background: #34495e; } .btn.black:hover, .entry .btn.black:hover { background: #405870; } /* Pagination */ .pagination { width: 100%; overflow: hidden; font-size: 18px; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; text-transform: uppercase; } .single .pagination {} .pagination a, .pagination span { display: inline-block; line-height: 40px; text-align: center; padding: 0 5px 0 5px; } .pagination .current { color: #fff; background: #990000; padding: 0 10px 0 10px; min-width: 20px; margin: 0 5px 0 0; } /* FlexSlider */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; clear: both; line-height: 0; } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: "Nunito Sans", serif; font-optical-sizing: auto; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: -40px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Medias */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " ("attr(href) ")"; } abbr[title]:after { content: " ("attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @media only screen and (max-width : 1300px) { #members { max-width: 1080px; margin: 0 auto; } #members .member { width: 240px; } #works .work { width: 340px; } #works .work .laptop { width: 340px; height: 193px; background: url(../images/org_images/bgr_laptop.png) no-repeat; margin: 10px auto 0 auto; float: none; } #works .work .laptop img { width: 249px; height: 144px; margin: 15px 0 0 46px; } #works .work .laptop .mask { width: 249px; height: 144px; background: url(../images/org_images/bgr_laptop_mask.png) no-repeat; top: 15px; left: 46px; } #works #portfolio .work .laptop { margin: 30px auto 0 auto; } .slider-banner .info { width: 70%; } } @media only screen and (max-width : 1200px) { #members { max-width: 980px; } #members .member { width: 210px; } footer .widgets { width: 600px; } #content.not_single { max-width: 65%; } #works .work { margin: 0 20px 0 0; } #works #portfolio .work.third, #works #portfolio .work { margin: 0 20px 0 0; } } @media only screen and (max-width : 1120px) { footer .widgets { width: 560px; } nav { padding: 5px 0 0 0; } nav ul li { font-size: 16px; } #content.not_single { max-width: 70%; } .entry fieldset textarea { width: 536px; } .entry fieldset textarea:focus, .entry fieldset.error textarea:focus { width: 534px; } .entry fieldset.error textarea { width: 532px; } #content.not_single { max-width: 60%; } .ff #works .nav { margin: 0 0 45px; } #works .works, #works .work.last { margin: 0; float: left; } #works #portfolio .work.third, #works #portfolio .work { margin: 0 30px 0 30px; } #works .blocks { background: #efefef; overflow: hidden; margin: 0 0 50px; padding: 0 0 10px; } #works .works .wrapper { margin: 0; float: left; width: auto; clear: none; max-width: none; } #works .work, #works .work.last { top: 0; margin: 20px 5% 20px; float: left; width: 40%; } #works .clear { display: none; } #works.package_page .call_action { top: 0; } #works.package_page .work { top: 0; } #works.package_page { padding: 0; margin: 0; } #content.second { padding: 5px 0 0 0; border: 0; margin: 0; } #works.package_page .blocks { padding: 50px 0 40px; } .home #works.package_page { margin: 0; } #flexslider_block { width: 767px; height: 434px; background: url(../images/org_images/bgr_laptop_super.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #flexslider_wrapper .flex-prev, #flexslider_wrapper .flex-next { margin-top: -150px; background-position: -17px -30px; width: 35px; height: 60px; } #flexslider_wrapper .flex-prev:hover { background-position: -17px -150px; } #flexslider_wrapper .flex-next { background-position: -87px -30px; } #flexslider_wrapper .flex-next:hover { background-position: -87px -150px; } #flexslider_margin { height: 86px; margin-top: -86px; } #flexslider_project { margin: 35px 0 0 102px; } .home #works .blocks { margin: 0; } .home .call_action.bottom { border: 0; } #flexslider_project img { width: 563px; height: 323px; } .home img.home_image { margin: 15px 0px 0 40px; } #works.price_page .call_action { padding: 0 20px 75px; } #price_table { top: 0; } .slider-banner h2 { font-size: 26px; } } @media only screen and (max-width : 1060px) { #members { max-width: 850px; } #members .member { width: 205px; margin-right: 10px; } footer .info { width: 100%; float: none; clear: both; padding: 0 0 20px; } footer .widgets { width: 100%; float: none; clear: both; } nav ul li { font-size: 15px; margin: 0 20px 0 0; } #content.not_single { max-width: 55%; } .entry fieldset textarea { width: 436px; } .entry fieldset textarea:focus, .entry fieldset.error textarea:focus { width: 434px; } .entry fieldset.error textarea { width: 432px; } .home img.home_image { margin: 15px 0px 0 20px; width: 400px; } .commentlist li.comment .comment-avatar { width: 16%; } .commentlist li.comment .comment-entry { width: 84%; } .commentlist li.comment ul .comment-entry { width: 79%; } #commentform .text { width: 240px; float: left; } #commentform .text input { width: 200px; } } @media only screen and (max-width : 900px) { .slider-banner h2 { font-size: 22px; } .slider-banner p { font-size: 16px; } #home_header .flex-prev { left: 10px; } #home_header .flex-next { right: 10px; } #members { max-width: 750px; } #members .member { width: 180px; } footer section .copyrights { float: none; text-align: center; padding: 0 0 10px; } footer section.bottom ul { float: none; text-align: center; } nav ul li { margin: 0 9px 0 0; } #content.not_single { max-width: 50%; } .entry fieldset textarea { width: 376px; } .entry fieldset textarea:focus, .entry fieldset.error textarea:focus { width: 374px; } .entry fieldset.error textarea { width: 372px; } #works .work, #works .work.last { top: 0; margin: 20px 1% 20px; float: left; width: 48%; } #price_table .price_block h3 { font-size: 18px; } #price_table .price_block .details .btn { font-size: 14px; } #price_table .price_block h4 { font-size: 28px; } #price_table .price_block h4 span { font-size: 18px; } #price_table .price_block li { font-size: 12px; } .commentlist li.comment .comment-avatar { width: 20%; } .commentlist li.comment .comment-entry { width: 80%; } .commentlist li.comment ul .comment-entry { width: 75%; } #commentform .text { width: 210px; float: left; } #commentform .text input { width: 170px; } #commentform .labels small { font-size: 12px; } #works #portfolio .work.third, #works #portfolio .work { margin: 0 auto; } .commentlist li.comment .comment-avatar { width: 20%; } .commentlist li.comment .comment-entry { width: 80%; } .commentlist li.comment ul .comment-entry { width: 75%; } #commentform .text { width: 210px; float: left; } #commentform .text input { width: 170px; } #commentform .labels small { font-size: 12px; } #works #portfolio { background-image: none; padding: 30px 0 40px; } } @media only screen and (max-width : 800px) { #members { max-width: 675px; } #members .member { width: 160px; } #content.not_single { max-width: 45%; } .entry fieldset textarea { width: 356px; } .entry fieldset textarea:focus, .entry fieldset.error textarea:focus { width: 354px; } .entry fieldset.error textarea { width: 352px; } #commentform .labels label { font-size: 12px; } #commentform .labels small { font-size: 11px; } #commentform .text { width: 200px; float: left; } #commentform .text input { width: 160px; } } @media only screen and (max-width : 768px) { #menu .search { display: none; } #menu_trigger.mobile { display: block; } nav ul .drop .top { display: none; } nav ul li { position: relative; height: auto; } nav ul li .drops:after { position: absolute; top: -20px; left: -20px; right: -20px; content: ""; bottom: -20px; z-index: 99; } nav ul li:hover .drop { display: none; } nav ul li.active > .drop { display: block; } nav ul .drop ul { padding: 2px 0; background: none; } nav ul .drop ul li { width: auto; } nav ul li .drops { width: 0px; height: 0px; display: block; position: absolute; top: 0; right: 0; margin: 15px 7px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #333 transparent transparent transparent; } nav ul li ul .drops { width: 0px; height: 0px; display: block; position: absolute; top: 0; right: 0; margin: 19px 7px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #333 transparent transparent transparent; } nav ul .drop { position: static; } nav ul .drop a { color: #151515; } #menu { padding: 0; margin: 0; } #menu .wrapper { padding: 0; margin: 0; } #home_header { height: auto; background: url(../../images/pic_home_2.jpg) no-repeat center top; -webkit-background-size: inherit; -moz-background-size: inherit; -o-background-size: inherit; background-size: inherit; } #menu_trigger { font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-size: 18px; font-weight: 700; color: #454545; cursor: pointer; text-transform: uppercase; margin: 20px 0 20px 20px; padding: 0 0 0 40px; background: url(../images/org_images/btn_mogile_menu.png) no-repeat left center; width: 80px; } .home #menu_trigger { color: #fff; background: url(../images/org_images/btn_mogile_menu_home.png) no-repeat left center; } .home nav ul li a { color: #454545; } nav li.current_page_ancestor > a, nav li.current_page_parent > a, nav li.current_page_item > a, nav li.current-menu-ancestor > a, nav li.current-menu-parent > a, nav li.current-menu-item > a, nav li.current-page-ancestor > a, nav li.current-page-parent > a, nav li.current-page-item > a { color: #990000; } .home nav li.current_page_ancestor > a, .home nav li.current_page_parent > a, .home nav li.current_page_item > a, .home nav li.current-menu-ancestor > a, .home nav li.current-menu-parent > a, .home nav li.current-menu-item > a, .home nav li.current-page-ancestor > a, .home nav li.current-page-parent > a, .home nav li.current-page-item > a { color: #990000; } nav li a:hover, .home nav li a:hover { color: #454545; } nav { display: none; background: #efefef; position: relative; width: 100%; padding: 0; margin: 0; } nav ul { display: block; float: none; padding: 8px 20px; margin: 0; } nav ul li { display: block; float: none; padding: 0; margin: 0; font-size: 17px; padding: 5px 0 5px; } #members { max-width: 100%; width: 610px; margin: 0 auto; overflow: hidden; } #members .member, #members .member.last { width: 265px; margin-right: 20px; margin-left: 20px; } .contact_page #content .post { padding: 0; margin: 0; } .contact_page #content form { width: 280px; margin: auto; } .entry fieldset input[type="text"], .entry fieldset input[type="email"], .entry fieldset textarea { width: 260px; } .entry fieldset.error input[type="text"], .entry fieldset.error input[type="email"], .entry fieldset.error textarea { width: 256px; } #content.not_single { float: none; width: 100%; max-width: 100%; clear: both; padding: 0; } #sidebar { float: none; width: 100%; max-width: 100%; padding: 0; clear: both; } .pagination { padding: 0 0 50px; } #works .wrapper { float: none; clear: none; padding: 0; } #works .work, #works .work.last { margin: 0 auto; padding: 20px 0 20px; width: 340px; float: none; clear: none; overflow: hidden; } #works #portfolio .work, #works #portfolio .work.third { padding: 0 0 20px; height: auto; } .home #works.package_page .call_action { padding: 0 20px 0 20px; } #works .nav { margin: 0 5% 45px; width: 90%; text-align: center; } #works .nav li { float: none; display: inline-block; } #flexslider_block { width: 480px; height: 272px; background: url(../images/org_images/bgr_laptop_super.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #flexslider_wrapper .flex-prev, #flexslider_wrapper .flex-next { margin-top: -100px; } #flexslider_margin { height: 66px; margin-top: -66px; } #flexslider_project { margin: 22px 0 0 64px; } #flexslider_project img { width: 353px; height: 203px; } .slider-banner, .slider-banner li { height: 500px; } #home_header { height: 500px; } #price_table .price_block.featured { top: 0; } #price_table .price_block, #price_table .price_block.last { margin: 0 20px 20px; float: none; width: auto; } #price_table .price_block h3 { font-size: 22px; } #price_table .price_block h4 { font-size: 42px; } #price_table .price_block h4 span { font-size: 28px; } #price_table .price_block li { font-size: 14px; } #works.price_page .call_action { padding: 0 20px 55px; } .laptop .mask, #works .work .laptop .mask, #works .work.last .laptop .mask { display: none; visibility: hidden; } .commentlist li.comment .comment-avatar { width: 16%; } .commentlist li.comment .comment-entry { width: 84%; } .commentlist li.comment ul .comment-entry { width: 79%; } #commentform .text { width: 290px; float: left; } #commentform .text input { width: 250px; } #commentform .labels .label { font-size: 16px; } #commentform .labels small { font-size: 14px; } #home_header .flex-next, #home_header .flex-prev { display: none; } .slider-banner .info { width: 95%; } .commentlist li.comment .comment-avatar { width: 16%; } .commentlist li.comment .comment-entry { width: 84%; } .commentlist li.comment ul .comment-entry { width: 79%; } #commentform .text { width: 290px; float: left; } #commentform .text input { width: 250px; } #commentform .labels .label { font-size: 16px; } #commentform .labels small { font-size: 14px; } .sidebar_widgets .widget_flickr li { text-align: center; } .tabs li, .entry .tabs li { display: block; padding: 0; } .tabs a, .entry .tabs a { display: block; border: 1px solid #c2c2c2; border-bottom: 0; font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 700; color: #040404; font-size: 16px; text-transform: uppercase; line-height: 32px; height: 32px; padding: 0 15px 0 15px; background: #e3e3e3; } #featured .hero-title { font-size: 26px; text-align: center; } } @media only screen and (max-width : 740px) { footer .widgets .widget { width: 30%; margin: 0 5% 0 0; } footer .widgets .widget.last { margin: 0; } footer .widgets .widget_text { width: 30% } footer .widgets .widget_newsletter { width: 30%; } #works #portfolio .wrapper { width: 340px; margin: 0 auto; } } @media only screen and (max-width : 680px) { #members { width: 560px; } #members .member, #members .member.last { width: 260px; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width : 600px) { #home_header { height: 300px; } .slider-banner .info { display: none; } footer .widgets .widget { width: 100%; margin: 0 0 30px; } .entry .col { width: 100%; float: none; } .slider-banner, .slider-banner li { height: 100%; } #logo { float: none; margin: 0 auto; display: block; background-size: contain; } footer .socials { float: none; list-style: none; margin: 0; clear: both; padding: 30px 0 0 0; text-align: left; text-align: center; } footer .socials li { margin: 0 5px 0 5px; float: none; display: inline-block; } header .socials { float: none; list-style: none; margin: 0; clear: both; padding: 30px 0 0 0; text-align: center; } header .socials li { margin: 0 5px 0 5px; float: none; display: inline-block; } #logo_footer { margin: 0; } footer .widget_menu { display: none; } #home_header .flex-direction-nav { display: none; } #home_header .flex-control-paging { display: none; } .entry-404 h2 { display: none; } .entry-404 h3 { font-size: 18px; } #members { width: 265px; } #members .member, #members .member.last { width: 265px; margin: 0 0 20px; } } @media only screen and (max-width : 540px) { footer .widgets .widget { width: 100%; margin: 0 0 30px; } .entry .col { width: 100%; float: none; } #members { max-width: 220px; } #members .member { float: none; margin-left: 0; text-align: center; width: 220px; } #flexslider_block { width: 280px; height: 158px; background: url(../images/org_images/bgr_laptop_super.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #flexslider_wrapper .flex-prev, #flexslider_wrapper .flex-next { margin-top: -50px; } #flexslider_margin { height: 46px; margin-top: -46px; } #flexslider_project { margin: 13px 0 0 36px; } #flexslider_project img { width: 207px; height: 118px; } #commentform .text { width: 270px; float: left; } #commentform .text input { width: 230px; } } @media only screen and (max-width : 480px) { body { min-width: 320px; } .post .metas { display: none; } .home .alignright, .home img.alignright, .home a img.alignright { margin: 5px 0px 20px 40px; } .home .alignleft, .home img.alignleft, .home a img.alignleft { margin: 5px 40px 20px 0; } .commentlist li.comment .comment-avatar { display: none; } .commentlist li.comment .comment-entry { width: 100%; } .commentlist li.comment ul .comment-entry { width: 95%; } .share { display: none; } #commentform .text { width: 220px; } #commentform .text input { width: 180px; } #commentform .labels .label { font-size: 12px; line-height: 43px; padding: 0; } #commentform .labels small { display: none; } #featured .hero-title { font-size: 20px; } } @media only screen and (max-width : 390px) { #commentform fieldset { margin: 0 0 10px; } #commentform .text { width: 100%; } #commentform .text input { width: 91%; } #commentform .labels .label { display: none; } #commentform textarea { width: 91%; } .mobile_390 { display: block; } .mobile_label.mobile_390 { font-size: 12px; padding: 0 0 10px 0; } } @media only screen and (max-width : 340px) { #works #portfolio .wrapper { width: 280px; margin: 0 auto; } #works .work, #works .work.last, #works .work.third { width: 280px; } .laptop, #works .work .laptop, #works .work.last .laptop { width: 280px; height: 159px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .laptop img, #works .work .laptop img, #works .work.last .laptop img { width: 208px; height: 120px; margin: 11px 0 0 38px; } } @media only screen and (max-width : 320px) { .flex-direction-nav { display: none; } } @media (max-width: 750px) { #logo { width: 95%; text-align: center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; margin-bottom: 10px; } } /******************** @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 72dpi) { #logo { background: url(../ddimages/common/diehlingdirect2021.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .home #logo { background: url(../ddimages/common/diehlingdirect-footer.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 100dpi) { #logo_footer { background: url(../ddimages/common/diehlingdirect-footer.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } **************/ /******************************************************* IFRAME CODE */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } @font-face { font-family: 'Novecentowide-DemiBold'; src: url('../fonts/Novecentowide-DemiBold.eot'); src: url('../fonts/Novecentowide-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentowide-DemiBold.woff') format('woff'), url('../fonts/Novecentowide-DemiBold.ttf') format('truetype'), url('../fonts/Novecentowide-DemiBold.svg#Novecentowide-DemiBold') format('svg'); font-weight: 700; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue.eot'); src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue.woff') format('woff'), url('../fonts/HelveticaNeue.ttf') format('truetype'), url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-Italic.eot'); src: url('../fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Italic.woff') format('woff'), url('../fonts/HelveticaNeue-Italic.ttf') format('truetype'), url('../fonts/HelveticaNeue-Italic.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-Bold.eot'); src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-BoldItalic.eot'); src: url('../fonts/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-BoldItalic.woff') format('woff'), url('../fonts/HelveticaNeue-BoldItalic.ttf') format('truetype'), url('_assets/fonts/HelveticaNeue-BoldItalic.svg##HelveticaNeue') format('svg'); font-weight: 700; font-style: italic; }