/* COLORS - primary = #2d4e7e blue secondary = #7cab48 green tertiary = #96adcd */ /* CSS Reset Changes */ body {min-width: 100%; font-size: 100%; margin: 0 auto; padding: 0; font-family: Montserrat, sans-serif;} p, h1, h2, h3, h4, h5, h6, img, div, span, form, fieldset, label, legend {margin: 0px; padding: 0px; border: 0px; font-size: 1em;} legend {display: none;} /* Fonts - 1.375em = 22px / 1.25em = 20px / 1.125em = 18px / 1em = 16px .875em = 14px / .75em = 12px / .687em = 11px / .625em = 10px */ h1, h2, h3, h4, h5, h6 {} h1 {} h2 {} h3 {} #dmg_main_wrapper {width: 100%; min-width: 320px; position: relative; overflow: hidden; box-sizing: border-box;} #dmg_header_bg {width: 100%; height: 100px; border-bottom: 5px solid #336699;} .dmg_layout_wrapper {max-width: 960px; margin: 0 auto; padding: 0; overflow: hidden;} .dmg_layout_wrapper_header {width: 100%; max-width: 960px; height: 100px; margin: 0 auto; padding: 0; background: #FFFFFF;} /* == Header ==================== */ #dmg_layout_header {} #dmg_layout_logo {width: 238px; float: left; display: inline-block;} #dmg_layout_logo img {width: 227px; height: 59px; margin: 28px auto 0; border: 0; display: block;} #dmg_layout_logo a {font-size: .875em; color: #7cab48; text-decoration: none; text-align: center; font-style: italic; text-transform: uppercase; display: block;} #dmg_layout_logo a span {margin-top: 5px; display: block;} #dmg_company_message {height: 34px; margin: 0; color: #7cab48; line-height: 34px; vertical-align: middle; font-size: 1.125em; display: inline-block; float: right;} #dmg_company_message span {color: #2d4e7e;} .dmg_demo_button:link, .dmg_demo_button:visited, .dmg_demo_button:active {height: 30px; padding: 0 10px; background: #7cab48; line-height: 30px; vertical-align: middle; font-size: 14px; color: #FFFFFF; text-decoration: none; border-radius: 6px; display: block; float: right; clear: right;} .dmg_demo_button:hover {background: #004b85} /* == Navigation ==================== */ #dmg_layout_nav-holder {width: 750px; float: right; display: block;} #dmg_layout_nav {height: 20px; list-style: none; margin: 5px 0 0 0; padding: 0; float: right;} #dmg_layout_nav li {height: 20px; float: left; position: relative;} a.dmg_nav_top:link, a.dmg_nav_top:visited, a.dmg_nav_top:active{height: 20px; margin-left: 5px; padding: 0 16px; line-height: 20px; color: #004b85; font-size: .875em; vertical-align: middle; text-decoration: none; display: inline-block;} a.dmg_nav_top:hover, .dmg_nav_active a.dmg_nav_top {background-color: #5182c1; color: #FFFFFF;} #dmg_advanced_nav {height: 2000px;} #dmg_advanced_nav label { padding:0 0.25em; font:3.125em/1.375em Arial } #dmg_advanced_nav .sub-nav .toggle { font:2em/2em Arial; top:0;} #header label:hover, #dmg_advanced_nav label:hover { color:#ccc } #main-nav-check, #dmg_advanced_nav .sub-nav-check { position:absolute; top:-9999px; left:-9999px } .toggle {margin: -32px 10px 0 0; position:relative; cursor:pointer; color: #004B85; font-size: 66px; line-height: 40px; float: right; clear: both;} #dmg_advanced_nav .toggle {margin: 0; position:absolute; top: 55px; right:20px; cursor:pointer; color:#fff; font-size: 66px; float: none;} #dmg_advanced_nav .toggle { position:absolute; top: 0; right:0; cursor:pointer; color:#fff; font-size: 66px; line-height: 1em;} .container { background:#fff; min-height:100%; padding:0; margin:0 } #dmg_advanced_nav, #dmg_advanced_nav .sub-nav { position:absolute; top:0; bottom:0; width:13.75em; background:#222; z-index:9999; right:-13.75em } .container, #dmg_advanced_nav, #dmg_advanced_nav .sub-nav { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease; } #dmg_advanced_nav ul { background:#222; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top: 1px solid #444; text-align: right;} #dmg_advanced_nav li { border-bottom:1px solid #444 } #dmg_advanced_nav li a { display:block; font-size:0.875em; padding-left: 1.5em; padding-right: 45px; color:#fff; text-decoration:none; text-align: left;} #dmg_advanced_nav li a:hover, #dmg_advanced_nav .toggle-sub:hover { background:#333 } #dmg_advanced_nav ul ul ul li a {padding-left: 1.5em; text-align: left;} #dmg_advanced_nav .sub-nav { margin-top:-1px } #dmg_advanced_nav .sub-heading {margin-top:4.0625em; color:#999; border-top: 1px solid #444444; text-align: center; } #dmg_advanced_nav .sub-heading span {padding: 8px 10px; line-height: 1.125em; display: table-cell; text-align: left;} #dmg_advanced_nav .sub-nav .sub-heading .toggle {display: table-cell; vertical-align: middle; position: relative; line-height: 1em;} /* #dmg_advanced_nav .sub-heading:before { content:""; display:block; height:1px; width:13.75em; background:#444 } */ #dmg_advanced_nav .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#222; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center;} .container, #dmg_advanced_nav, #dmg_advanced_nav .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */ /* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */ /* #### - define ids of animated container, menu and sub-menus here - #### */ #main-nav-check:checked + .container, #main-nav-check:checked + #dmg_advanced_nav, #dmg_advanced_nav .sub-nav-check:checked + [id$="_sub"] /* matches all elements with id ending "-sub" */ { -webkit-transform:translate(-13.75em,0); -ms-transform:translate(-13.75em,0); transform:translate(-13.75em,0); } @media ( min-width: 885px ) { .toggle {display: none;} } @media ( min-width: 60em ) { #dmg_advanced_nav {top: -78px;} #dmg_layout_nav-holder {width: 750px; float: right; display: none;} .container, #dmg_advanced_nav, #dmg_advanced_nav .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important } #dmg_advanced_nav, #dmg_advanced_nav .sub-nav { position:absolute; top:0; bottom:0; width:13.75em;z-index:9999; right: auto } #dmg_advanced_nav label, #dmg_advanced_nav .sub-nav, #dmg_advanced_nav .sub-heading, #header label { display:none } #dmg_advanced_nav li a {font-size: 14px;} #dmg_advanced_nav > #dmg_nav_main > li > a {padding-right: 2.75em; padding-left: .5em; box-sizing: border-box;} #dmg_advanced_nav > #dmg_nav_main > li > .toggle-sub {float: right;} #dmg_advanced_nav {margin-top: 12px; left:auto; bottom:auto; height:0; width:100% } #dmg_advanced_nav .toggle-sub { display:inline-block; margin-top:-3.25em; margin-right:0.25em; border: 0; border-left:0; float: none;} #dmg_advanced_nav .toggle-sub { background:transparent } #dmg_advanced_nav ul ul .toggle-sub {height: 100%; margin-top:0; margin-right:0; padding: 0 1em; border-left:1px solid #444; display: table-cell; height: 100%; vertical-align: middle;} #dmg_advanced_nav ul li:hover > label { color:#ccc } #dmg_advanced_nav > ul {background: none; border: 0; float:right; position:relative; z-index:1; top:0.4285em; right:0; margin-top:0; line-height: 1em; display:inline-table; border-right:0; font-size: 14px;} #dmg_advanced_nav > ul > li {border-bottom: 0;} #dmg_advanced_nav > ul > li > .toggle-sub {font: bold 1em/1em Arial; margin-top: -22px; width: 1.125em; margin-right: .5em;} #dmg_advanced_nav ul:after { content:""; clear:both; display:block } #dmg_advanced_nav ul li { float:left; position:relative; text-align:left; display: table; height: 100%;} #dmg_advanced_nav ul li a { padding:0.5em 3.75em 0.5em 1.5em; width: 100%} #dmg_advanced_nav ul li a:only-child { padding-right:1.5em } #dmg_advanced_nav ul li:hover > a { background:#333; -webkit-transition:background-color .25s ease; transition:background-color .25s ease } #dmg_advanced_nav ul li:hover > label {background:#333; -webkit-transition:background-color .25s ease; transition:background-color .25s ease } #dmg_advanced_nav ul li:hover > ul { display:block } #dmg_advanced_nav ul ul { position:absolute; left:0; margin-left:-1px; border-left:1px solid #444 } #dmg_advanced_nav ul ul li { float:inherit; width:13.75em; } #dmg_advanced_nav ul ul li a { padding: 7px 5px; display: table-cell; vertical-align: middle; line-height: 1.5em;} #dmg_advanced_nav ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none } #dmg_advanced_nav ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important } #dmg_advanced_nav ul ul .sub-nav { float:left; top:0; left: 192px; margin-left:0; margin-top:-1px } #dmg_advanced_nav ul .fly-left ul { left:-13.75em; margin-left:-2px } #dmg_advanced_nav ul .fly-left ul li { float:none } #dmg_advanced_nav ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) } #dmg_nav_main > li > .toggle-sub span {width: 0; height: 0; margin: 4px 0 0; border-top: 8px solid #FFFFFF; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0; display: inline-block;} } @media (max-width: 60em ) { #dmg_advanced_nav li {width: 100%; display: table; border-collapse: collapse;} #dmg_advanced_nav li a {width: 174px; padding: 0 10px; display: table-cell; line-height: 1.25em; height: 40px; vertical-align: middle;} #dmg_advanced_nav label {display: table-cell; vertical-align: middle; margin-top: 0;} #dmg_advanced_nav .toggle-sub {margin-top: 0;} } #dmg_advanced_nav .toggle-sub span {width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #FFFFFF; display: inline-block;} /* == Drop Downs ==================== */ #dmg_solutions_box {width: 950px; padding-top: 2px; left: -258px; visibility: hidden; position: absolute; z-index: 100;} #dmg_successes_box {width: 480px; padding-top: 2px; visibility: hidden; position: absolute; z-index: 100;} #dmg_company_box {width: 480px; padding-top: 2px; visibility: hidden; position: absolute; z-index: 100;} #dmg_blog_box {width: 100px; padding-top: 0px; visibility: hidden; position: absolute; z-index: 100;} .dmg_box_content {height: 570px; background: #FFFFFF; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; box-shadow: 1px 1px 3px grey, -1px 1px 3px grey, 1px 1px 3px grey; -webkit-box-shadow: 1px 1px 3px grey, -1px 1px 3px grey, 1px 1px 3px grey;} .dmg_nav_active #dmg_solutions_box {margin: 0 auto 0; visibility: visible; left: -258px;} .dmg_nav_active #dmg_successes_box {margin: 0 auto 0; visibility: visible; left: 0px;} .dmg_nav_active #dmg_company_box {margin: 0 auto 0; visibility: visible; left: 0;} .dmg_nav_active #dmg_blog_box {margin: 0 auto 0; visibility: visible; left: -29px;} .dmg_drop_top {height: 10px; border-bottom: 1px solid #FFFFFF; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; box-shadow: 0px -2px 3px #333333;} .dmg_drop_arrow {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position: relative; z-index:5;} #dmg_solutions_box .dmg_drop_top {background: #2d4e7e;} #dmg_successes_box .dmg_drop_top {background: #ba7323;} #dmg_company_box .dmg_drop_top {background: #773399;} #dmg_solutions_box .dmg_drop_arrow {margin-left: 300px; border-bottom: 10px solid #2d4e7e;} #dmg_successes_box .dmg_drop_arrow {margin-left: 50px; border-bottom: 10px solid #ba7323;} #dmg_company_box .dmg_drop_arrow {margin-left: 50px; border-bottom: 10px solid #773399;} #dmg_solutions_box h2 {color: #2d4e7e;} #dmg_successes_box h2 {color: #ba7323;} #dmg_company_box h2 {color: #773399;} #dmg_drop_columns {margin: 0; padding: 0; list-style: none;} #dmg_solutions_box #dmg_drop_columns li {width: 197px; padding: 30px 20px; height: 510px;} #dmg_successes_box #dmg_drop_columns li {width: 197px; padding: 30px 20px; height: 310px;} #dmg_company_box #dmg_drop_columns li {width: 197px; padding: 30px 20px; height: 310px;} .dmg_drop_description {background: url('/images/layoutcorp/drop-description-bg.png') top right no-repeat; color: #3c3c3c; font-weight: normal; border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px;} .dmg_drop_description h2 {margin-bottom: 12px; font-size: 1.875em; font-weight: normal; line-height: 1.375em;} .dmg_drop_description p {margin-bottom: 8px; font-size: .875em; line-height: 1.75em;} .dmg_drop_description a {color: #2d4e7e; text-decoration: none; display: block;} .dmg_drop_description a + a {border-top: 1px solid #d3ddea;} #dmg_drop_columns li img {width: 151px; height: 151px; margin: 0 auto 20px; padding-right: 20px; border: 0; display: block} #dmg_drop_columns li div {height: 330px; padding-right: 15px; border-right: 1px solid #CCCCCC; font-size: .875em;} #dmg_drop_columns li strong {color: #5182c1; font-weight: normal; display: block;} #dmg_drop_columns li div.dmg_layout_noborder {border: 0; } #dmg_drop_columns div div {height: auto; margin-bottom: 8px; font-size: .875em; border: 0;} #dmg_drop_columns h3 {margin-bottom: 10px; font-size: 1em; font-weight: normal; color: #2d4e7e} #dmg_successes_box .dmg_box_content {height: 370px;} #dmg_successes_box #dmg_drop_columns li img {padding-right: 0;} #dmg_successes_box .dmg_layout_noborder {padding-right: 0;} #dmg_company_box .dmg_box_content {height: 370px;} #dmg_company_box #dmg_drop_columns li img {padding-right: 0;} #dmg_company_box .dmg_layout_noborder {padding-right: 0;} #dmg_solutions_box a, #dmg_successes_box a, #dmg_company_box a {text-decoration: none;} /* == Backgrounds ==================== */ #dmg_bg_homepage {width: 100%; background: #FFFFFF url(/images/layoutcorp/homepage-bg.png) repeat-x; overflow: hidden;} #dmg_fg_homepage {} #dmg_bg_tier1 {padding-top: 25px; background: #FFFFFF url(/images/layoutcorp/tier1-body-bg-sml.jpg) repeat-x;} #dmg_bg_fullwidth {padding-top: 45px; background: #FFFFFF url(/images/layoutcorp/tier1-body-bg.jpg) repeat-x;} #dmg_bg_fullwidth #dmg_layout_internal {margin-top: 30px; background: #FFFFFF; -webkit-box-shadow: 0 0 4px #111111; box-shadow: 0 0 4px #111111;} #dmg_bg_fullwidth #dmg_layout_internal h1 {color: #2d4e7e; font-size: 1.5em; margin-bottom: 12px;} #dmg_bg_fullwidth #dmg_layout_internal h2 {color: #7cab48; font-size: 1.25em; margin-bottom: 12px;} #dmg_bg_fullwidth #dmg_layout_internal h3 {color: #333333; font-size: 1em;} #dmg_bg_tier2 {background: #FFFFFF url(/images/layoutcorp/tier2-body-bg-sml.jpg) repeat-x;} #dmg_fg_tier2.dmg_fg_enterprise {background: url(/images/layoutcorp/tier2-fg-enterprise.jpg) center top no-repeat; background-position: 0 -60px;} #dmg_fg_tier2.dmg_fg_marketing {background: url(/images/layoutcorp/tier2-fg-marketing.jpg) center top no-repeat; background-position: 0 -60px;} #dmg_fg_tier2.dmg_fg_agent {background: url(/images/layoutcorp/tier2-fg-agent.jpg) center top no-repeat; background-position: 0 -60px;} #dmg_fg_tier2.dmg_fg_resources {background: url(/images/layoutcorp/tier2-fg-resources.jpg) center top no-repeat; background-position: 0 -60px;} #dmg_bg_tier3 {background: #FFFFFF url(/images/layoutcorp/tier3-body-bg.jpg) repeat-x;} #dmg_bg_tier4 {background: #FFFFFF url(/images/layoutcorp/tier3-body-bg.jpg) repeat-x;} /* == Homepage ==================== */ #dmg_layout_homepage {max-width: 960px; margin: 0 auto; color: #FFFFFF; min-height: 780px;} .dmg_full_slideshow {height: 600px; background: #EFEFEF;} .dmg_full_slideshow div {width: 100%; height: 600px; background-position: center bottom; background-size: cover; text-align: center;} .dmg_full_slideshow div img {width: auto; height: 600px; display: none;} #dmg_slideshow_slide1 {background-image: url('/images/layoutcorp/slide-1.jpg');} #dmg_slideshow_slide2 {background-image: url('/images/layoutcorp/slide-2.jpg');} #dmg_slideshow_slide3 {background-image: url('/images/layoutcorp/slide-3.jpg');} #dmg_slideshow_slide4 {background-image: url('/images/layoutcorp/slide-4.jpg');} #dmg_slideshow_slide5 {background-image: url('/images/layoutcorp/slide-5new.jpg');} #dmg_slideshow_slide6 {background-image: url('/images/layoutcorp/slide-6.jpg');} #dmg_slideshow_slide7 {background-image: url('/images/layoutcorp/slide-7.jpg');} #dmg_slideshow_slide8 {background-image: url('/images/layoutcorp/slide-8.jpg');} #dmg_slideshow_slide9 {background-image: url('/images/layoutcorp/slide-9.jpg');} .dmg_full_slideshow a {width: 100%; height: 600px; display: inline-block;} #dmg_fg_homepage .slick-slider {margin-bottom: 0;} .slick-dots li a {width: 16px} #dmg_fg_homepage .slick-dots li a:before {font-size: 12px;} #dmg_fg_homepage .slick-dots li {margin: 0 2px;} #dmg_homepage_services {height: 322px; margin: 0 0 30px; padding: 30px 0 0 0;} #dmg_homepage_services h2 {margin: 0 0 25px 0; font-size: 24px; text-align: center;} #dmg_homepage_services h2 span {width: 1em; display: block; clear both;} #dmg_homepage_services ul {list-style: none; margin: 0; padding: 0;} #dmg_homepage_services li {width: 16%; height: 80px; margin-bottom: 30px; color: #FFFFFF; font-size: .75em; text-align: center; float: left;} #dmg_homepage_services ul span {width: 65px; height: 65px; margin: 0 auto 5px; background-image: url('/images/layoutcorp/service-sprite.jpg'); background-repeat: no-repeat; display: block;} #dmg_homepage_services a {color: #FFFFFF; text-decoration: none;} #dmg_homepage_services a:hover {color: #75b332;} .dmg_layout_service1 {background-position: 0 0;} .dmg_layout_service2 {background-position: 0 -66px;} .dmg_layout_service3 {background-position: 0 -132px;} .dmg_layout_service4 {background-position: 0 -198px;} .dmg_layout_service5 {background-position: 0 -264px;} .dmg_layout_service6 {background-position: 0 -330px;} .dmg_layout_service7 {background-position: 0 -396px;} .dmg_layout_service8 {background-position: 0 -462px;} .dmg_layout_service9 {background-position: 0 -528px;} .dmg_layout_service10 {background-position: 0 -594px;} .dmg_layout_service11 {background-position: 0 -660px;} .dmg_layout_service12 {background-position: 0 -726px;} /* #dmg_homepage_intro {height: 277px; padding: 55px 0 0 0;} #dmg_homepage_intro h1 {width: 100%; margin: 0 0 10px; color: #d9d9d9; font-size: 2em; line-height: 1.5em; text-transform: uppercase; font-weight: normal; float: left; text-shadow: 2px 2px 3px #111111; filter: dropshadow(color=#111111, offx=2, offy=2);} #dmg_homepage_intro p {width: 500px; font-size: 1.125em; line-height: 2em;} #dmg_homepage_services {height: 227px; list-style: none; margin: 0; padding: 30px 0;} #dmg_homepage_services li {width: 25%; float: left; text-align: center; color: #3c3c3c;} #dmg_homepage_services h2 {margin-bottom: 8px; font-size: 1.125em;} #dmg_homepage_services p {width: 170px; margin: 0 auto; font-size: .812em; line-height: 1.75em;} #dmg_homepage_services img {width: 90px; height: 90px; border: 0; margin: 0 auto 20px; display: block;} #dmg_homepage_services a {color: #3c3c3c; text-decoration: none;} #dmg_homepage_services a:hover {color: #3c3c3c; text-decoration: none;} */ #dmg_success_story {width: 619px; height: 308px; margin-top: 30px; border: 1px solid #cecece; background: url('/images/layoutcorp/success-story-bg-res.jpg') top right no-repeat; color: #4f4f4f; float: left;} #dmg_success_story div {height: 260px; padding: 21px 0 0 30px;} #dmg_success_story h2 {color: #2d4e7e; font-size: 2em; margin-bottom: 12px;} #dmg_success_story p {width: 320px; font-size: .812em; line-height: 2em;} #dmg_success_story span {display: block; clear: both; text-align: right; font-weight: bold;} #dmg_success_story a {padding-right: 30px; margin-right: 5px; background: url('/images/layoutcorp/arrows-blue.png') right 8px no-repeat; color: #2d4e7e; line-height: 30px; text-align: right; text-decoration: none; font-weight: bold; display: block;} #dmg_success_story a:hover {color: #7cab48; background: url('/images/layoutcorp/arrows-green.png') right 8px no-repeat;} #dmg_blog_stories {width: 284px; min-height: 310px; margin: 48px 0 0 25px; color: #4f4f4f; float: left;} #dmg_blog_stories div {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EFEFEF;} #dmg_blog_stories h2 {margin-bottom: 12px; color: #2d4e7e; font-size: 1.5em;} #dmg_blog_stories span {width: 59px; height: 32px; padding-top: 15px; margin: 0 12px 0 0; background: url('/images/layoutcorp/date-bg.png') no-repeat; font-size: .812em; line-height: 1em; color: #2d4e7e; text-align: center; display: block; float: left;} #dmg_blog_stories p {font-size: .812em; line-height: 1.5em; display: inline-block; overflow: hidden;} #dmg_blog_stories strong {color: #2d4e7e; display: block; overflow: hidden;} #dmg_blog_stories div:last-child {border: 0;} #dmg_blog_stories a {width: 210px; color: #7cab48; text-decoration: none; display: inline-block; float: left; overflow: hidden;} .dmg_post_it {width: 215px; font-family: Montserrat, sans-serif;} .dmg_post_it_header {width: 215px; height: 81px; background: url(http://www.deltagroup.com/images/layout/postit-header.png) no-repeat;} .dmg_post_it_body {width: 215px; background: url(http://www.deltagroup.com/images/layout/postit-bg.png) repeat-y; padding: 0 10px 0 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .dmg_post_it_footer {width: 215px; height: 102px; background: url(http://www.deltagroup.com/images/layout/postit-footer.png) no-repeat;} .dmg_post_it_body ul {list-style: none; margin: 0; padding: 0;} .dmg_post_it_body li {padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px solid #d8cc6c;} .dmg_post_it_body li:last-child {border: 0; margin: 0;} .dmg_post_it_body a:link, .dmg_post_body a:visited, .dmg_post_body a:active {color: #336699; text-decoration: none;} .dmg_post_it_body a:hover {color: #333333;} .dmg_post_it_body strong {font-size: 14px;} .dmg_post_it_body p {margin: 0;} .dmg_post_it_body a p, .dmg_post_body a em {color: #333333; font-size: 12px;} .dmg_post_it .dmg_post_it_body a:link, .dmg_post_it .dmg_post_it_body a:visited, .dmg_post_it .dmg_post_it_body a:active, .dmg_post_it .dmg_post_it_body a:hover {font-family: Comic Sans, Comic Sans MS, cursive;} /* == Blog ==================== */ .ds_blog_article_body p {margin-bottom: 16px; line-height: 1.5em;} .dmg_internal_iframe_wrapper {max-width: 600px; margin: 15px auto; clear: both;} .dmg_internal_iframe_responsive {height: 0; padding-bottom: 56.25%; padding-top: 25px; position: relative; overflow: hidden;} .dmg_internal_iframe_responsive iframe {width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; display: block;} /* == Tiers ==================== */ #dmg_layout_internal {width: 100%; max-width: 960px; min-height: 650px; padding: 15px; margin: 0 auto; color: #333333; box-sizing: border-box;} #dmg_layout_internal:after {content: ""; display: table; clear: both;} #dmg_layout_internal img.floatRight {margin: 0 0 15px 15px;} #dmg_layout_internal img.floatLeft {margin: 0 15px 15px 0;} #dmg_layout_internal .productImage {border: 1px solid #c6c6c6} #dmg_layout_internal .dropShadow { border: 2px solid #efefef; box-shadow: 2px 2px 3px #CCCCCC; -webkit-box-shadow: 2px 2px 3px #CCCCCC;} #dmg_bg_tier1 #dmg_layout_internal {} #dmg_bg_tier1 h1 {width: 100%; margin: 0 0 5px; color: #FFFFFF; font-size: 2.25em; line-height: 1em; text-transform: uppercase; font-weight: normal; float: left; text-shadow: 2px 2px 3px #111111; filter: dropshadow(color=#111111, offx=2, offy=2);} .dmg_tier1_subtitle {margin-bottom: 8px; font-size: 1.5em; color: #313131; display: inline-block;} #dmg_bg_tier1 .dmg_tier1_whitespace {max-width: 940px; min-height: 550px; margin: 0 auto; padding: 10px; background: #FFFFFF; -webkit-box-shadow: 0 0 4px #111111; box-shadow: 0 0 4px #111111; overflow: hidden;} .dmg_tier1_whitespace_intro {max-width: 870px; margin: 30px auto 0;} .dmg_tier1_whitespace_intro h2 {margin-bottom: 8px; color: #2d4e7e; font-size: 1.375em; font-weight: normal;} .dmg_tier1_whitespace_intro p + h2 {margin: 15px 0 0; color: #2d4e7e; font-size: 1.375em; font-weight: normal;} .dmg_tier1_whitespace_intro p {margin-bottom: 12px; line-height: 1.6em; color: #3c3c3c; font-size: .875em; font-weight: normal;} .dmg_tier1_whitespace_intro li {margin-bottom: 6px; font-size: .875em;} .dmg_tier1_whitespace_intro .dmg_tier1_subheading {color: #838383; font-size: 1.125em;} #dmg_tier1_boxes {min-height: 400px; margin: 40px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #e5e5e5;} #dmg_tier1_boxes.dmg_tier1_boxes_short {min-height: 258px;} #dmg_tier1_boxes.dmg_tier1_boxes_long {min-height: 258px;} #dmg_tier1_boxes .dmg_tier1_box_content {width: 290px; margin-bottom: 15px; float: left;} #dmg_tier1_boxes .dmg_tier1_box_middle {margin: 0 10px; padding: 0 9px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} #dmg_tier1_boxes h3 {height: 44px; line-height: 44px; vertical-align: middle; background: #2d4e7e; color: #FFFFFF; font-weight: normal; text-align: center;} #dmg_tier1_boxes img {width: 100%; height: auto; border: 0; border-top: 1px solid #FFFFFF;} .dmg_tier1_box_desc {width: 100%; height: auto; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #e4e4e4; text-align: center; line-height: 1.75em; font-size: .875em; box-sizing: border-box;} .dmg_tier1_box_desc.dmg_desc_short {height: 110px;} .dmg_tier1_box_desc.dmg_desc_long {height: 154px;} .dmg_tier1_box_desc_wide {width: 100%; height: 120px; padding: 20px; background: #f7f7f7; border-bottom: 1px solid #e4e4e4; text-align: center; line-height: 1.75em; font-size: .875em; box-sizing: border-box;} .dmg_tier1_box_desc span {margin-bottom: 4px; color: #689f2d; display: block;} .dmg_tier1_box_detail {width: 280px; height: 160px; padding: 20px 10px; font-size: .75em;} .dmg_tier1_box_detail p {margin-bottom: 6px;} .dmg_tier1_box_detail span {color: #5182c1; display: block;} .dmg_tier1_box_detail a {text-decoration: none;} a.dmg_tier1_box_learn:link, a.dmg_tier1_box_learn:visited, a.dmg_tier1_box_learn:active {height: 30px; padding-right: 35px; background: #f7f7f7 url('/images/layoutcorp/tier1-learn-arrows.png') 270px 9px no-repeat; border-top: 1px solid #e4e4e4; color: #689f2d; line-height: 30px; text-align: right; text-decoration: none; display: block;} a.dmg_tier1_box_learn:hover {color: #2D4E7E; background: #f7f7f7 url('/images/layoutcorp/tier1-learn-arrows-hov.png') 270px 9px no-repeat;} .dmg_tier1_box_content.tier1_box_half {width: 48% !important; box-sizing: border-box;} .dmg_tier1_box_learn {background-position: 98% 9px !important;} #dmg_tier1_panels {max-width: 940px; list-style: none; padding: 15px 0; margin: 25px auto; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; overflow: hidden; display: block;} #dmg_tier1_panels li {width: 20%; padding: 0 10px; text-align: center; float: left; box-sizing: border-box;} #dmg_tier1_panels li + li {border-left: 1px solid #E5E5E5;} #dmg_tier1_panels img {width: 90px; height: 90px; margin-bottom: 10px; border: 0;} #dmg_tier1_panels strong {margin-bottom: 4px; font-size: 1em; font-weight: normal; display: block;} #dmg_tier1_panels span {font-size: .875em; line-height: 1.75em;} #dmg_tier1_panels a {color: #333333; text-decoration: none; display: inline-block;} #dmg_tier1_panels a:hover {color: #333333; text-decoration: none;} #dmg_bg_tier2 h1 {height: 75px; padding-top: 60px; color: #FFFFFF; font-size: 3.125em; text-shadow: 2px 2px 3px #111111; filter: dropshadow(color=#111111, offx=2, offy=2);} .dmg_tier2_subtitle {height: 59px; color: #FFFFFF; font-size: 1.5em; line-height: 59px; vertical-align: middle; text-shadow: 1px 1px 2px #111111; filter: dropshadow(color=#111111, offx=1, offy=1);} .dmg_tier_intro {width: 100%; max-width: 650px; margin: 0 auto;} .dmg_tier_intro h2 {margin-bottom: 8px; color: #2d4e7e; font-size: 1.375em; font-weight: normal;} .dmg_tier_intro p {margin-bottom: 6px; line-height: 1.6em; color: #3c3c3c; font-size: .875em; font-weight: normal;} .dmg_tier_intro .dmg_tier1_subheading {color: #838383; font-size: 1.125em;} .dmg_tier_intro li {line-height: 1.6em; color: #3c3c3c; font-size: .875em; font-weight: normal;} .dmg_tier_body_box {width: 100%; max-width: 650px; padding: 10px 0 30px 0; line-height: 1.75em; overflow: hidden;} .dmg_tier_body_box + .dmg_tier_body_box {border-top: 1px solid #E5E5E5;} .dmg_tier_body_box p {font-size: .875em; overflow: hidden;} .dmg_tier_body_box strong {margin: 30px 0 3px 0; font-weight: normal; color: #2d4e7e; font-size: 1.25em; display:block;} .dmg_tier_body_box img {display: block;} .dmg_tier_body_box img.floatLeft {margin: 0 15px 0 0;} .dmg_tier_body_box img.floatRight {margin: 0 0 0 15px;} .dmg_tier_body_box a:link, .dmg_tier_body_box a:visited, .dmg_tier_body_box a:active {padding-right: 30px; background: url('/images/layoutcorp/arrows-green.png') right center no-repeat; color: #7cab48; display: inline-block; text-decoration: none;} .dmg_tier_body_box a:hover {background: url('/images/layoutcorp/arrows-blue.png') right center no-repeat; color: #2d4e7e;} #dmg_bg_tier3 h1 {height: 52px; padding: 30px 0 0 0; color: #FFFFFF; font-size: 2em; text-align: right; text-shadow: 2px 2px 3px #111111; filter: dropshadow(color=#111111, offx=2, offy=2);} #dmg_bg_tier4 h1 {height: 52px; padding: 30px 0 0 0; color: #FFFFFF; font-size: 2em; text-align: right; text-shadow: 2px 2px 3px #111111; filter: dropshadow(color=#111111, offx=2, offy=2);} #dmg_bg_tier4 .dmg_tier_image_intro {margin-bottom: 0; border-bottom: 0;} #dmg_bg_tier4 .dmg_tier_image_intro p {margin-top: 0;} #dmg_bg_tier4 .dmg_tier_image_intro h2 {margin-bottom: 8px; color: #2d4e7e; font-size: 1.875em; font-weight: normal;} #dmg_bg_tier4 .dmg_tier_image_intro h3 {margin-bottom: 8px; color: #2d4e7e; font-size: 1.5em; font-weight: normal;} .dmg_tier_image_intro {max-width: 650px; margin: 0 auto 20px; padding: 0 0 20px 0; border-bottom: 1px solid #E5E5E5; overflow: hidden;} .dmg_tier_image_intro h2 {margin-bottom: 8px; color: #2d4e7e; font-size: 1.875em; font-weight: normal;} .dmg_tier_image_intro p {margin: 30px 0 0 0; line-height: 1.8em; color: #7cab48; font-size: 1.125em; font-weight: normal;} .dmg_tier_image_intro img {margin-right: 15px;} .dmg_tier_desc {} .dmg_tier_desc p {margin: 0 0 12px 0; font-size: .875em; line-height: 1.75em;} .dmg_tier_hightlight {width: 310px; height: 125px; margin: 0 5px 20px; background: #f5f5f5; border: 1px solid #dddddd; float: left;} .dmg_tier_hightlight h3 {height: 27px; font-size: 1em; font-weight: normal; margin-top: 13px; padding: 0 15px 0 15px; line-height: 27px; vertical-align: middle; color: #2d4e7e;} .dmg_tier_hightlight h3 img {margin-right: 5px; display: block; vertical-align: middle; float: left;} .dmg_tier_hightlight p {height: 55px; margin: 0 15px; font-size: .875em; line-height: 1.5em;} .dmg_tier_hightlight a:link, .dmg_tier_hightlight a:visited, .dmg_tier_hightlight a:active {height: 30px; padding: 0 0 0 20px; background: #689f2d url('/images/layoutcorp/arrows-white-trans.png') 140px center no-repeat; font-size: 1em; color: #FFFFFF; line-height: 30px; vertical-align: middle; text-decoration: none; display: block;} .dmg_tier_hightlight a:hover {background: #2d4e7e url('/images/layoutcorp/arrows-white-trans.png') 140px center no-repeat;} #dmg_tier_body {width: 70%; max-width: 650px; min-height: 500px; margin: 35px 0 0 0; float: left;} #dmg_tier_column {width: 250px; min-height: 500px; margin: 35px 0 0 0; float: right;} .dmg_column_box {padding: 0 0 0 10px; margin: 0 0 30px 0; border-left: 1px solid #E5E5E5; font-size: .875em; color: #3c3c3c;} .dmg_column_box strong {font-weight: normal; display: block;} .dmg_column_box span {display: block;} .dmg_column_box a {text-decoration: none;} .dmg_column_box .dmg_active_column, .dmg_column_box .dmg_active_column span {width: 240px; background: #EFEFEF; color: #7cab48; display: block;} .dmg_column_box a:hover span.dmg_color_lblue {color: #990033;} .dmg_column_contact {width: 250px; box-sizing: border-box; border: 1px solid #c1c1c1; background: #f5f5f5;} .dmg_column_contact h3 {height: 56px; padding: 0 0 0 20px; background: #ebebeb; line-height: 56px; vertical-align: middle; font-size: 1.375em; font-weight: normal;} .dmg_column_contact form {margin: 20px;} .dmg_column_contact label {margin-bottom: 3px; font-size: .875em; display: block;} .dmg_column_contact input {width: 206px; height: 26px; padding: 0 0 0 4px; margin-bottom: 15px; line-height: 26px; vertical-align: middle; border: 1px solid #b7b7b7;} .dmg_column_contact textarea {width: 206px; height: 50px; margin: 0 0 15px 0; border: 1px solid #b7b7b7;} .dmg_column_contact button {width: 210px; height: 34px; padding: 0 15px; background: #2d4e7e; border: 1px solid #2d4e7e; font-family: Montserrat, sans-serif; color: #FFFFFF; font-size: 1em; line-height: 34px; vertical-align: middle; text-align: left; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #333333; box-shadow: 1px 1px 2px #333333;} .dmg_column_contact button img {width: 27px; height: 20px; border: 0; margin: 7px 0 0 0; float: right;} .dmg_column_contact .dmg_blue_gradient:hover {border: 1px solid #7cab48; -webkit-box-shadow: none; box-shadow: none; background: #689f2d; background: -moz-linear-gradient(top, #689f2d 0%, #47771f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#689f2d), color-stop(100%,#47771f)); background: -webkit-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -o-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -ms-linear-gradient(top, #689f2d 0%,#47771f 100%); background: linear-gradient(to bottom, #689f2d 0%,#47771f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689f2d', endColorstr='#47771f',GradientType=0 ); } #dmg_layout_breadcrumb {height: 31px; color: #b9b9b9; font-size: .75em; line-height: 31px; vertical-align: middle;} #dmg_layout_breadcrumb a:link, #dmg_layout_breadcrumb a:visited, #dmg_layout_breadcrumb a:active {margin: 0 3px; color: #2d4e7e; text-decoration: none; display: inline-block;} #dmg_layout_breadcrumb a:hover {color: #7cab48;} #dmg_layout_internal .dmg_layout_quote{padding: 3px 30px; background:url('/images/layoutcorp/leftQuote.jpg') no-repeat; color: #808588; } .dmg_layout_rightQuote{padding-left: 4px; position: absolute;} .dmg_share_page {margin-bottom: 6px; font-size: .812em; color: #022c78; text-align: right; text-decoration: none; display: block; cursor: pointer} .dmg_share_page:hover {color: #990033; text-decoration:none;} .dmg_share_page img {width: 33px; display: inline-block; vertical-align: middle;} #dmg_layout_homesale_quote {max-width: 650px; margin: 15px 0 0 0; padding: 18px 0 0 18px; background: #fafafa; border: 1px solid #e5e5e5; overflow:hidden;} .dmg_quote_title {margin-bottom: 8px; color: #21517c; font-size: 1.125em; display: inline-block;} #dmg_layout_homesale_quote p {margin: 0 15px 0 0; color: #7a7a7a; font-size: .812em; line-height: 1.8em;} #dmg_layout_internal #dmg_layout_homesale_quote img {margin: 10px -15px 0 15px;} .dmg_layout_quote_source {margin: 10px 0; color: #21517c; font-size: .812em; display: inline-block;} .dmg_scaled_iframe_wrapper {height: 0;padding-bottom: 56.25%; padding-top: 25px; position: relative;} .dmg_scaled_iframe_wrapper iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;} /* == Site Test ==================== */ .dmg_site_test_wrap {max-width: 600px; float: left;} #dmg_site_test_form {max-width: 320px; margin: 15px auto; padding: 15px; background: #EFEFEF; border-radius: 10px; box-sizing: border-box;} #dmg_site_test_form h2 {text-align: center;} #dmg_site_test_form input[type="text"] {width: 100%; height: 40px; margin-bottom: 16px; padding: 0 0 0 5px; font-size: 24px; box-sizing: border-box;} .submit_test {height: 40px; margin: 0 auto; border: 0; background: #2d4e7e; color: #FFFFFF; font-size: 16px; display: block;} .submit_test:hover {background: #7cab48; cursor: pointer;} .test_results_wrap {width: 330px; margin: 0 auto; font-size: 15px;} .test_results_wrap span {width: 244px; text-align: right; display: inline-block;} .test_results_wrap p + p {margin-top: 6px;} .dmg_testsite_cta {width: 300px; min-height: 500px; margin-left: 25px; margin-top: 40px; float: left;} .dmg_case_study {} .dmg_case_study div {margin: 0 15px 15px 0;} .dmg_case_study div + p {color: #2d4e7e} .dmg_case_study p {margin-bottom: 12px; line-height: 1.5em;} .dmg_case_study li {margin-bottom: 10px; line-height: 1.375em;} .dmg_case_study .clearLeft {font-weight: bold;} .dmg_case_study .closing { text-align: center; font-size: 18px; color: #75b332; } /* == Footer ==================== */ #dmg_layout_footer {width: 100%; padding-bottom: 15px; background: #2d4e7e; color: #FFFFFF; overflow: hidden;} #dmg_footer_bar {height: 6px; margin-bottom: 25px; background: #75b332; border-bottom: 1px solid #FFFFFF; display: block;} #dmg_layout_footer ul {list-style: none; margin: 0; padding: 0;} #dmg_layout_footer h2 {font-size: 1.125em; margin-bottom: 10px;} #dmg_footer_contact {width: 200px; height: auto; margin: 0 20px 0 0; float: left;} #dmg_footer_contact span {color: #75b332; font-weight: bold;} #dmg_footer_contact li {margin-bottom: 8px; font-size: .812em;} /* #dmg_footer_social {width: 196px; height: 22px; margin-top: 15px; background: url('/images/layoutcorp/footer-social.png') no-repeat;} #dmg_footer_social a {width: 22px; height: 22px; margin-right: 2.5px; display: inline-block;} #dmg_footer_social a:last-child {margin-right: 0;} */ #dmg_footer_social {margin-top: 10px; width: 223px; text-align: center;} #dmg_footer_social img {width: 30px; height: 30px; margin: 0 2px 4px; border: 0} #dmg_footer_social a:nth-of-type(5) {clear: both;} .dmg_newsletter_wrap {margin: 20px 0;} .dmg_newsletter_wrap input {width: 100%; height: 34px; padding: 0 0 0 4px; margin-bottom: 15px; color: #999999; font-size: 14px; font-family: Montserrat, sans-serif; border: 0; box-sizing: border-box;} .dmg_newsletter_wrap select {width: 100%; margin-bottom: 15px; font-family: Montserrat, sans-serif;} .newsletter_submit {height: 34px; padding: 0 25px; margin: 0 auto; color: #FFFFFF; background: #75b332; font-size: 18px; font-weight: bold; border: 0; display: block;} .newsletter_submit:hover {background: #65992a;} .dmg_select_wrap {width: 100%; background: #FFFFFF; position: relative;} .dmg_select_wrap .fancy_select {width: 100%; margin: 0; padding: .5em; border-radius: 4px; border: 1px solid #ccc; box-shadow: inset 0 1px 5px rgba(0,0,0,.1); transition: border .2s; box-sizing: border-box;} .dmg_select_wrap select {position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; width: 100%; opacity: 0;} .dmg_select_display {height: 34px; padding-left: 4px; padding-right: 24px; margin-bottom: 15px; background: #fff url(/shared/images/searchresults/select-down-arrow.png) right 5px center no-repeat; background-size: 20px 13px; color: #999; font-size: 14px; font-family: Montserrat, sans-serif; line-height: 34px; vertical-align: middle;} .dmg_select_display .display_label {width: 100%; text-align: left;} .fancy_select:hover {cursor: pointer;} #dmg_footer_contact a:link, #dmg_footer_contact a:visited, #dmg_footer_contact a:link {color: #FFFFFF} #dmg_footer_contact a:hover {color: #7cab48;} #dmg_footer_company {width: 245px; height: auto; margin: 0 28px 0 0; float: left;} #dmg_footer_company .company_photo {width: 221px; height: 115px; border: 1px solid #b9babc; margin: 0 0 12px 0;} #dmg_footer_company p {width: 220px; font-size: .75em; line-height: 1.5em;} #dmg_footer_browse {width: 465px; height: 275px; float: left;} #dmg_footer_browse ul {float: left; margin: 0 19px 0 0;} #dmg_footer_browse span {color: #75b332; font-weight: bold;} #dmg_footer_browse li {margin-bottom: 8px; font-size: .812em;} #dmg_footer_browse a {color: #FFFFFF; text-decoration: none;} #dmg_footer_browse a:hover {color: #5182C1} #dmg_footer_browse a:hover span {color: #5182C1} .dmg_color_blue {color: #2d4e7e;} .dmg_color_lblue {color: #5182c1;} .dmg_color_green {color: #7cab48;} .dmg_color_orange {color: #ba7323;} .dmg_color_teal {color: #2d9e9f;} .dmg_color_purple {color: #752d7e;} .dmg_blue_gradient {background: #3b6198; background: -moz-linear-gradient(top, #3b6198 0%, #2e4f7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6198), color-stop(100%,#2e4f7f)); background: -webkit-linear-gradient(top, #3b6198 0%,#2e4f7f 100%); background: -o-linear-gradient(top, #3b6198 0%,#2e4f7f 100%); background: -ms-linear-gradient(top, #3b6198 0%,#2e4f7f 100%); background: linear-gradient(to bottom, #3b6198 0%,#2e4f7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6198', endColorstr='#2e4f7f',GradientType=0 ); } .dmg_green_gradient{background: #689f2d; background: -moz-linear-gradient(top, #689f2d 0%, #47771f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#689f2d), color-stop(100%,#47771f)); background: -webkit-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -o-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -ms-linear-gradient(top, #689f2d 0%,#47771f 100%); background: linear-gradient(to bottom, #689f2d 0%,#47771f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689f2d', endColorstr='#47771f',GradientType=0 ); } /* == Application ==================== */ #dmg_application_contact_form {width: 100%; max-width: 600px; margin: 25px auto 0;} #dmg_application_contact_form fieldset {margin: 25px 0 0 0; padding: 10px; background: #EFEFEF; border: 1px solid #DADADA;} #dmg_application_contact_form strong {padding: 6px 5px; background: #2D4E7E; margin-bottom: 15px; color: #FFFFFF; display: block;} #dmg_application_contact_form ul {list-style: none; margin: 0; padding: 0;} #dmg_application_contact_form label {width: 120px; height: 26px; margin: 0 5px 0 0; line-height: 26px; vertical-align: middle; font-size: .875em; text-align: right; display: inline-block;} #dmg_application_contact_form input {width: 120px; height: 26px; padding: 0 0 0 4px; line-height: 26px; vertical-align: middle; border: 1px solid #b7b7b7;} #dmg_application_contact_form li {margin: 0 0 20px 0; float: left;} #dmg_application_contact_form .dmg_contact_fullwidth {width: 100%; max-width: 600px; margin-right: 0; clear: left} #dmg_application_contact_form #dmg_custom_contact_address {width: 425px;} #dmg_application_contact_form #dmg_custom_contact_altaddress {width: 405px;} #dmg_application_contact_form label[for="dmg_custom_contact_state"], #dmg_application_contact_form label[for="dmg_custom_contact_altstate"] {width: 60px} #dmg_application_contact_form label[for="dmg_custom_contact_zip"], #dmg_application_contact_form label[for="dmg_custom_contact_altzip"] {width: 50px} #dmg_application_contact_form label[for="dmg_custom_contact_altaddress"] {width: 140px;} #dmg_application_contact_form #dmg_custom_contact_email {width: 425px;} #dmg_application_contact_form label[for="dmg_custom_contact_source"] {width: 300px;} #dmg_application_contact_form .dmg_employment_label_large {width: 170px;} #dmg_application_contact_form #dmg_custom_contact_source {width: 245px;} #dmg_application_contact_form #dmg_education_fields label {width: 60px;} #dmg_application_contact_form b {padding-bottom: 2px; border-bottom: 1px solid #DADADA; display: block;} #dmg_application_contact_form #dmg_education_fields .dmg_education_large {width: 80px;} #dmg_application_contact_form label[for="dmg_custom_contact_skills"] {width: 100%; max-width: 565px; height: auto; text-align: left;} #dmg_application_contact_form textarea {width: 100%; max-width: 565px; height: 50px;} #dmg_application_contact_form button {width: 210px; height: 34px; margin: 25px auto 15px; padding: 0 15px; background: #2d4e7e; border: 1px solid #2d4e7e; font-family: Montserrat, sans-serif; color: #FFFFFF; font-size: 1em; line-height: 34px; vertical-align: middle; text-align: center; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #333333; box-shadow: 1px 1px 2px #333333;} #dmg_application_contact_form img {width: 27px; height: 20px; border: 0; margin: 7px 0 0 0; float: right;} #dmg_application_contact_form .dmg_blue_gradient:hover {border: 1px solid #7cab48; -webkit-box-shadow: none; box-shadow: none; background: #689f2d; background: -moz-linear-gradient(top, #689f2d 0%, #47771f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#689f2d), color-stop(100%,#47771f)); background: -webkit-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -o-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -ms-linear-gradient(top, #689f2d 0%,#47771f 100%); background: linear-gradient(to bottom, #689f2d 0%,#47771f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689f2d', endColorstr='#47771f',GradientType=0 ); } /*==== contact form ==== */ #dmg_layout_contactForm{ background: #fff; width: 429px; float: left; padding: 17px; border: 1px solid silver; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } #dmg_layout_contactForm label{display: inline-block; font-size: 0.875em; width: 132px; padding: 0 10px 0 0;} #dmg_layout_contactForm .dmg_layout_contactLabelLong{width: 161px;} #dmg_layout_contactForm input[type="text"], #dmg_layout_contactForm select { background: #fff url("/shared/images/contact/textFiekldBg.gif") repeat-x; border: 1px solid #666666; width: 150px; margin: 6px 0;} .required { color: #AE1500; font-weight: bold;} .dmg_layout_contactFormSubTitle { margin: 10px 0 0; color: #336393; font-size:1.1em; font-weight: bold;} .dmg_portfolio_email { float: left;margin-left: -67px; margin-top: -5px; } #dmg_layout_contactForm fieldset{border: none; border-bottom: 1px solid #DFDFDF; padding-bottom: 12px;} #dmg_layout_contactForm input[type="image"] { margin: 10px 0 0 15px;} #dmg_layout_contactForm button {width: 210px; height: 34px; padding: 0 15px; background: #2d4e7e; border: 1px solid #2d4e7e; font-family: Montserrat, sans-serif; color: #FFFFFF; font-size: 1em; line-height: 34px; vertical-align: middle; text-align: left; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #333333; box-shadow: 1px 1px 2px #333333;} #dmg_layout_contactForm button img {width: 27px; height: 20px; border: 0; margin: 7px 0 0 0; float: right;} #dmg_layout_contactForm .dmg_blue_gradient:hover {border: 1px solid #7cab48; -webkit-box-shadow: none; box-shadow: none; background: #689f2d; background: -moz-linear-gradient(top, #689f2d 0%, #47771f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#689f2d), color-stop(100%,#47771f)); background: -webkit-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -o-linear-gradient(top, #689f2d 0%,#47771f 100%); background: -ms-linear-gradient(top, #689f2d 0%,#47771f 100%); background: linear-gradient(to bottom, #689f2d 0%,#47771f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689f2d', endColorstr='#47771f',GradientType=0 ); } .dmg_about_company_photo {margin: 0 0 15px 15px; float: right;} .dmg_portfolio_email {display: none;} /* == General ==================== */ a:link, a:active, a:visited {color: #022c78;} a:hover {color: #990033; text-decoration:none;} .clearBoth {clear: both;} .clearLeft {clear: left} .clearRight {clear: right} .floatRight {float: right;} .floatLeft {float: left;} .alignCenter {text-align: center;} .alignLeft {text-align: left;} .alignRight {text-align: right;} /*==========Delta clients==========*/ .site { -moz-box-shadow:1px 1px 4px 1px #999999; -webkit-box-shadow:1px 1px 4px 1px #999999; box-shadow:1px 1px 4px 1px #999999; display:inline-block; margin:0 10px 25px 0; vertical-align:top; width:275px; min-height: 240px; zoom: 1; *display: inline; } .site img { border-color: #DDDDDD; border-style:none none solid; border-width:0 0 1px; width:275px; min-height: 220px; background: #bbb; display: block; } .site p { padding: 5px; font-size: 12px; } .site .cid { float: right; font-weight: 900; } p.down { margin-bottom: 20px; padding: 10px; } .down { border: 5px solid #444; opacity: 0.6; } div.down { width: 275px; } div.down img { width:275px; } #holidaySchedule { border-collapse: collapse; width: 430px; } #holidaySchedule td { padding: 5px; border: 1px solid #cccccc; font-size: .8em; } .dmg_post_it .post-body a, .post-body a:visited {font-family: Comic Sans, Comic Sans MS, cursive;} #dmg_layout_partnerBadge {float: right; padding: 30px 0 0 0;} .partner_logos {display: inline-block} .partner_logos .reso_logo {margin-left: 25px; padding: 4px 0; float: right;} #dmg_layout_disclaimer {width: 100%; clear: both; text-align: center;} .dmg_shared_copyright {padding: 30px 0 0 0;} /* This is a fix for the tablet/phone display of the site. The Our Company menu item was extending outside the wrapper causing whitespace along the right side of the site. */ @media only screen and (max-width : 1024px) { #dmg_company_box #dmg_drop_columns li { width: 175px; padding: 30px 5px; height: 310px; } #dmg_company_box {width: 370px;} } @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } @media only screen and (min-width : 1400px) { .dmg_full_slideshow div {background-position: center bottom; background-size: auto 100%; background-repeat: no-repeat;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 960px) { #dmg_bg_tier1 h1 {font-size: 24px;} #dmg_tier1_boxes {width: 620px; margin: 0 auto;} #dmg_tier1_boxes .dmg_tier1_box_content:last-child {clear: left} #dmg_tier1_boxes .dmg_tier1_box_content.tier1_box_half {clear: none;} .dmg_tier1_box_desc_wide {height: auto;} #dmg_tier1_boxes .dmg_tier1_box_middle {border-right: 0;} .dmg_tier1_whitespace_intro img {max-width: 98%; height: auto;} .dmg_tier1_whitespace_intro table {width: 100% !important; max-width: 98%;} #dmg_layout_mobiel_call_form {width: 100% !important; padding: 0!important;} #dmg_layout_mobiel_call_form + .side-info {display: none;} #dmg_layout_mobile_call_form.dmg_layout_heunox_form {width: 100% !important; max-width: 429px;} #dmg_layout_mobiel_call_form textarea {width: 320px;} #dmg_layout_partnerBadge {display: block; float: none; padding: 30px 0 0 0;} #dmg_layout_disclaimer { width: 620px;} .dmg_shared_copyright {display: block; float: none; padding: 30px 0 0 0;} #___partnersbadge_0 {margin: 15px auto !important; float: none !important; display: block !important;} .partner_logos .reso_logo {margin: 0 auto;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 960px) { a.dmg_nav_top:link, a.dmg_nav_top:visited, a.dmg_nav_top:active {padding: 0 10px} #dmg_bg_homepage {background-position: 0 -150px;} .dmg_full_slideshow {height: 450px;} .dmg_full_slideshow div {width: 100%; height: 450px;} .dmg_full_slideshow a {height: 450px;} #dmg_layout_footer .dmg_layout_wrapper {width: 500px;} #dmg_layout_disclaimer {width: 500px; margin: 0 auto; clear: both;} #dmg_layout_partnerBadge {float: none;} } @media only screen and (max-width: 950px) { #dmg_success_story {margin: 30px auto 0; float: none;} #dmg_blog_stories {width: 621px; margin: 48px auto 0; float: none;} #dmg_blog_stories p {width: 80%;} #dmg_blog_stories a {width: 95%;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 900px) { #dmg_fg_tier2 h1 {font-size: 34px; padding-top: 40px; margin-bottom: 20px;} #dmg_fg_tier3 h1 {font-size: 26px} .dmg_tier2_subtitle {font-size: 18px;} #dmg_tier_body {width: 98%; max-width: none; margin: 20px auto; float: none;} .dmg_tier_intro {max-width: none;} .dmg_tier_intro img {max-width: 98%; height: auto;} .dmg_tier_body_box {margin: 0 auto; float: none;} #dmg_tier_column {width: 560px; margin: 0 auto; float: none; clear: both; position: relative;} .dmg_column_box {border: 0;} .dmg_column_contact {position: absolute; top: 0; right: 0;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 885px) { a.dmg_nav_top:link, a.dmg_nav_top:visited, a.dmg_nav_top:active {padding: 0 5px} .side-info {display: none;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 885px) { #dmg_layout_nav {display: none;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 830px) { #dmg_homepage_services h2 {font-size: 20px;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 815px) { .dmg_demo_button:link, .dmg_demo_button:visited, .dmg_demo_button:active {margin-top: -60px;} #dmg_company_message {height: auto; display: block; font-size: 16px; text-align: center; line-height: 30px; float: none;} #dmg_layout_logo {margin: 0 auto; float: none; display: block;} #dmg_layout_logo img {margin: 0 auto;} #dmg_tier1_panels li {width: 33%; margin-bottom: 15px;} #dmg_tier1_panels li:nth-of-type(4) {clear: left; border: 0} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 700px) { #dmg_bg_homepage {background-position: 0 -250px;} .dmg_full_slideshow {height: 350px;} .dmg_full_slideshow div {width: 100%; height: 350px;} .dmg_full_slideshow a {height: 350px;} #dmg_homepage_services {height: auto; background: #004B85; overflow: hidden;} #dmg_homepage_services h2 {font-size: 16px;} #dmg_homepage_services li {width: 20%;} #dmg_success_story {width: 90%;} #dmg_blog_stories {width: 90%} #dmg_blog_stories p {width: 80%;} #dmg_tier1_boxes {width: 100%;} #dmg_tier1_boxes .dmg_tier1_box_content.tier1_box_half {width: 270px !important; padding: 0 !important; margin: 0 auto 15px !important; border: 0 !important; float: none; clear: left;} #dmg_tier1_boxes .dmg_tier1_box_content {margin: 0 auto 15px; float: none;} #dmg_tier1_boxes .dmg_tier1_box_middle {border: 0; padding: 0;} .dmg_about_company_photo {width: 100% !important; height: auto; margin: 5px auto; display: block;} .dmg_tier2_subtitle {height: 52px; padding-top: 8px; font-size: 18px; line-height: 1.125em; display: block;} .dmg_tier_body_box img {max-width: 35%; height: auto;} .dmg_tier_image_intro img {max-width: 80%; height: auto; margin: 0 auto !important; display: block; float: none;} .dmg_tier_hightlight {margin: 0 auto 20px; float: none;} .dmg_tier_image_intro h2 {font-size: 20px;} #dmg_bg_tier4 h1 {font-size: 28px;} .homesale_screenshot {display: none;} .irongate_screenshot {max-width: 98%; margin: 0 auto 15px !important; float: none; display: block;} .nar_box {margin: 10px auto; float: none !important;} .nar_box p {width: 98% !important;} #dmg_application_contact_form li {width: 100%; float: none;} #dmg_application_contact_form label {width: 27%; height: auto; line-height: 1em;} #dmg_application_contact_form label[for="dmg_custom_contact_altaddress"] {width: 27%; height: auto; line-height: 1.125em; min-height: 26px} #dmg_application_contact_form #dmg_education_fields label,#dmg_application_contact_form #dmg_education_fields .dmg_education_large {width: 27%;} #dmg_application_contact_form input[type="text"] {width: 68%; padding: 0 0 0 4px; box-sizing: border-box;} #dmg_application_contact_form #dmg_custom_contact_altaddress {width: 68%; max-width: 68%} #dmg_application_contact_form #dmg_custom_contact_address {width: 68%; max-width: 68%} #dmg_application_contact_form #dmg_custom_contact_email {width: 68%; max-width: 68%} #dmg_application_contact_form label[for="dmg_custom_contact_state"], #dmg_application_contact_form label[for="dmg_custom_contact_altstate"] {width: 27%;} #dmg_application_contact_form label[for="dmg_custom_contact_zip"], #dmg_application_contact_form label[for="dmg_custom_contact_altzip"] {width: 27%} #dmg_application_contact_form .dmg_employment_label_large {width: 27%;} #dmg_application_contact_form label[for="dmg_custom_contact_source"] {width: 100%; text-align: center;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 768px) { #ds_blog { font-family: Arial, Helvetica, sans-serif; } #ds_blog a {color: #2266BB;text-decoration:none;} #ds_blog a:hover {text-decoration:underline;} /* #ds_blog .ds_blog_navigation { float: right; width: 200px; padding: 10px; margin:0 10px; background: #bbb; background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000,endColorstr=#15000000); zoom: 1; background: rgba(0,0,0,0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } */ #ds_blog .ds_blog_navigation { display: table-footer-group; float: none !important; width: 98% !important; max-width: 0; min-width: 0; padding: 0; margin: 0 auto; border-left: 0; box-sizing: border-box; /* float: right; width: 28%; padding: 10px; margin:0 5px 0 ; background: #bbb; background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000,endColorstr=#15000000); zoom: 1; background: rgba(0,0,0,0.1); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display:none; */ } #ds_blog .ds_blog_select { width: 100%; } #ds_blog .ds_blog_label { font-weight: bold; display: block; font-size: 11px; margin-top: 10px; } #ds_blog .ds_blog_articlelist { /*overflow:hidden;*/ margin:0 4px; float: left; } #ds_blog .ds_blog_tags { margin: 10px 0; font-size: 10px; font-weight: bold; border: 1px solid #2266BB; border-left: 0; border-right: 0; text-align: center; } #ds_blog .ds_blog_tag {text-decoration:none; padding: 0 4px;} #ds_blog .ds_blog_tag_0 {font-size: 1em; opacity: .2;} #ds_blog .ds_blog_tag_20 {font-size: 1.2em; opacity: .4;} #ds_blog .ds_blog_tag_40 {font-size: 1.4em; opacity: .6;} #ds_blog .ds_blog_tag_60 {font-size: 1.6em; opacity: .8;} #ds_blog .ds_blog_tag_80 {font-size: 1.8em; opacity: 1;} #ds_blog .ds_blog_tag:hover {opacity: 1;} #ds_blog .ds_blog_title { font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 0; font-size: 14px; font-weight: bold; } #ds_blog .ds_blog_article { display:inline-block; zoom:1; *display:inline; margin-bottom: 10px;padding:10px;*min-width:95%; background: #bbb; background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000,endColorstr=#15000000); zoom: 1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; max-width: 100%; width: 100%; } #ds_blog .ds_blog_article:after { /*clear: both;*/ display: block; /*visibility: hidden;*/ /*overflow: hidden;*/ height: 0 !important; line-height: 0; font-size: xx-large; /*content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";*/ } #ds_blog .ds_blog_article_title { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; font-size: 26px; font-weight: bold; } #ds_blog .ds_blog_article_title a { text-decoration: none; color: #2266C7; } #ds_blog .ds_blog_article_byline, #ds_blog .ds_blog_article_tags { font-weight: bold; font-size: 10px; margin: 0.5em 0; display: block; } #ds_blog .ds_blog_article_body { font-size: 14px; line-height: 18px; margin: 10px; padding: 0; clear: both; display: block; float: left; max-width: 100%; width: 100%; } #ds_blog .ds_blog_pagination { font-weight: bold; font-size: 14px; } #ds_blog .ds_blog_social_media { float: left; margin-top: 10px; } #ds_blog .ds_blog_social_media img{ border: none; } .ds_blog_article img {max-width: 100% !important;} .customPageMobile.ui-content {padding: 0;} .ds_blog_article_month {display: none;} .ds_blog_social_media .share-gplus {width: 75px;} .ds_blog_social_media .share-twitter {width: 97px;} .ds_blog_social_media .share-facebook {width: 140px;} .ds_blog_social_media .share-linkedin {width: auto; margin-top: 5px; clear: left;} .ds_blog_social_media .share-mail {margin-top: 5px; float: left !important;} #ds_blog .ds_blog_articlelist {float: none !important; margin: 0 auto; !important; display: table-header-group; } } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 625px) { #dmg_bg_homepage {background-position: 0 -350px;} .dmg_full_slideshow {height: 250px;} .dmg_full_slideshow div {width: 100%; height: 250px;} .dmg_full_slideshow a {height: 250px;} #dmg_homepage_services h2 span {display: inline; clear: none;} #dmg_success_story {background: #F8F8F8;} #dmg_layout_contactForm {width: 100% !important; box-sizing: border-box;} #dmg_tier_column {width: 250px; margin: 0 auto;} .dmg_column_contact {position: relative;} #dmg_tier_body {width: 100%} #dmg_bg_tier3 {background: #FFFFFF url(/images/layoutcorp/tier3-body-bg-lrg.jpg) repeat-x;} #dmg_bg_tier2 {background: #FFFFFF url(/images/layoutcorp/tier2-body-bg-lrg-sml.jpg) repeat-x;} #dmg_bg_tier4 {background: #FFFFFF url(/images/layoutcorp/tier3-body-bg-lrg.jpg) repeat-x; } #dmg_layout_breadcrumb {height: 47px; padding-top: 15px; line-height: 1.375em;} #dmg_layout_internal .dmg_tier_desc img.floatLeft {max-width: 98%; height: auto; margin: 0 auto 15px; display: block; float: none;} .dmg_tier_desc img {max-width: 98%; height: auto; margin: 0 auto 15px; display: block;} #dmg_fg_tier4 h1 {font-size: 24px;} .nar_box img {max-width: 98%; height: auto;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 525px) { #dmg_company_message {font-size: 14px;} #dmg_homepage_services li {width: 25%;} #dmg_layout_footer .dmg_layout_wrapper {width: 320px;} #dmg_footer_contact {margin: 0 auto; float: none;} #dmg_footer_company {margin: 0 auto; float: none;} #dmg_footer_browse {width: 320px; height: auto; text-align: center; overflow: hidden;} #dmg_footer_browse ul {width: 320px; text-align: center;} #dmg_layout_disclaimer {width: 320px; margin: 0 auto; clear: both;} #dmg_tier1_panels li {width: 50%; margin-bottom: 15px;} #dmg_tier1_panels li:nth-of-type(4) {clear: none; border-left: 1px solid #E5E5E5;} #dmg_tier1_panels li:nth-of-type(3), #dmg_tier1_panels li:nth-of-type(5) {clear: left;} #dmg_bg_tier4 h1 {font-size: 22px; padding-top: 20px; margin-bottom: 10px;} #dmg_layout_internal .side-info + div img.floatRight {width: 96%; height: auto; margin: 5px auto; display: block; float: none;} #dmg_layout_disclaimer { text-align: center; } #dmg_layout_partnerBadge { margin: 0 auto; } } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 480px) { #dmg_layout_internal {padding: 5px;} #dmg_layout_internal #ds_blog .ds_blog_social_media {height: auto;} .ds_blog_article_body ul {width: 300px; padding-left: 25px; word-wrap: break-word; box-sizing: border-box;} #dmg_homepage_services li {width: 33%;} #dmg_success_story, #dmg_success_story div {height: auto;} #dmg_success_story p {width: 90%; padding-bottom: 8px; } #dmg_blog_stories p {width: 65%;} #dmg_layout_contactForm textarea {width: 100%;} #dmg_layout_contactForm input[type="text"] {width: 100%; height: 40px; border-radius: 6px; border-color: #a0a0a0; background: none;} #dmg_layout_contactForm .dmg_portfolio_email {display: none;} #dmg_fg_tier2 h1 {font-size: 28px;} #dmg_fg_tier3 h1 {font-size: 18px;} .dmg_tier_body_box img {max-width: 80%; height: auto; margin: 0 auto !important; float: none !important; display: block;} .dmg_tier2_subtitle {font-size: 14px} #dmg_bg_tier4 .dmg_tier_image_intro h2 {font-size: 20px;} #dmg_layout_mobiel_call_form img {margin: 5px auto; display: block; float: none;} #dmg_layout_mobiel_call_form h2 {margin-top: 8px;} #dmg_layout_mobiel_call_form label {width: 100%; display: block; float: left; clear: left;} #dmg_layout_mobiel_call_form input[type="text"] {width: 100% !important; height: 34px; padding: 0 0 0 3px; line-height: 34px; vertical-align: middle; border-radius: 4px; margin: 3px 0 8px !important; float:left; clear: left; box-sizing: border-box;} #dmg_layout_mobiel_call_form textarea {width: 100%; border-radius: 4px;} #dmg_layout_mobiel_call_form input[type="image"] {max-width: 80%; height: auto; margin: 20px auto 0 !important; display: block;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 455px) { #dmg_company_message {font-size: 13px; line-height: 1.25em;} #dmg_company_message i {display: none;} .dmg_demo_button:link, .dmg_demo_button:visited, .dmg_demo_button:active {margin-top: 10px; float: right;} .toggle {margin: -28px 10px 0 0;} #dmg_layout_logo img {width: 180px; height: auto; margin-top: 8px;} #dmg_layout_logo {width: auto; margin: 14px 0 0 20px; float: left;} #dmg_layout_logo img {width: 180px; height: auto; margin: 0;} .homesale_banner {margin: 0 auto 15px !important; display: block; float: none;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 430px) { .dmg_demo_button:link, .dmg_demo_button:visited, .dmg_demo_button:active {margin-top: 10px; margin-right: 5px; float: right;} #dmg_bg_homepage {background-position: 0 -390px;} .dmg_full_slideshow {height: 210px;} .dmg_full_slideshow div {width: 100%; height: 210px;} .dmg_full_slideshow a {height: 210px;} #dmg_homepage_services li {width: 50%;} #dmg_tier1_boxes {width: 100%;} #dmg_tier1_boxes .dmg_tier1_box_content {width: 270px; margin: 0 auto 15px; float: none; border: 0;} .dmg_tier1_box_detail {height: auto;} .side-info + div img {margin: 0 auto 15px; float: none;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 380px) { .dmg_demo_button:link, .dmg_demo_button:visited, .dmg_demo_button:active {margin-top: -5px; margin-right: 5px; float: right;} .toggle {font-size: 56px; margin: -34px 10px 0 0;} } /* == Tablet (portrait) ==================================================== ============================================================================ */ @media only screen and (max-width: 320px) { #dmg_layout_logo img {width: 150px; float: left;} .toggle {font-size: 56px; margin: -28px 10px 0 0;} #dmg_bg_homepage {background-position: 0 -440px;} .dmg_full_slideshow {height: 160px;} .dmg_full_slideshow div {width: 100%; height: 160px;} .dmg_full_slideshow a {height: 160px;} #dmg_homepage_services li {width: 50%;} }