.wrapper { display: block; overflow: hidden; } h1.entry-title { display: none; } .seolp { width: 100%; margin: 2% auto; max-width: 1300px; } .seolp a { text-decoration: underline; } .seolp h2 { margin: 30px 0 10px; } .seolp .featured h2 { text-align: center; margin: 4% auto; font-size: 2.5em; border-bottom: 1px solid #000; font-weight: 700; line-height: 53px } .seolp .featured2 h2 { text-align: center; margin: 0 auto 4%; font-size: 2.5em; border-bottom: 1px solid #000; font-weight: 700; line-height: 53px } .seolp .title { text-align: center; } .seolp .title h1 { font-size: 1.65em; } .seolp .title h2 { font-size: 4.5em; font-weight: 700; letter-spacing: -4px; margin: 0 auto 2% !important; } .seolp .contentmain { padding: 0 2% 2%; max-width: 1410px; box-sizing: border-box; width: 100%; } .seolp .contentmain img { margin: 2% auto; } .seolp .contentmain .maincarousel img { margin: 0 auto; } .seolp .disclaimers { font-size: .75em; font-style: italic; } .seolp .specs { margin: 4% auto; } .seolp .specs h2, .seolp .specs .spec-column h3 { text-align: center; color: #000; } .seolp .specs h2 { font-size: 1.75em; margin: 5% auto; } .seolp .specs .spec-column { float: left; display: block; width: 32%; margin-right: 2%; } .seolp .specs .spec-column p { margin: 0; } .seolp .specs .spec-column p img { margin: 0% auto; } .seolp .specs .spec-column hr { margin: 3px 0 10px; border-color: #999; } .seolp .specs .spec-column span { display: none; } .seolp .specs .spec-column span.title { display: block; font-size: 1.5em; text-align: left; padding: 0; } s .seolp .specs .spec-column span.dk { display: block; } .seolp .specs .spec-column:first-of-type { padding-top: 17.65%; } .seolp .specs .spec-column h3 { font-weight: 700; margin: 3% auto 5%; font-size: 1.15em; } .seolp .specs .spec-column #specsh3 { font-size: 2em; letter-spacing: -2px; text-decoration: underline; text-align: left; margin: 0 auto 5%; text-transform: none !important; } .seolp .specs .spec-column .section p { color: #666766; } .seolp .specs .one .two p:first-of-type { padding-top: 23px !important; } .seolp .specs .one .three p { padding-top: 0px !important; } .seolp .specs .one .four p { padding-top: 3px !important; } .seolp .specs .one .five p { padding-top: 0px !important; } .seolp .specs .one .six p { padding-top: 3px !important; } .seolp .specs .spec-column:last-of-type { margin-right: 0; } .seolp .specs .spec-column:first-of-type .section p:first-of-type { line-height: .6em; padding-top: 10px; } .seolp .specs .spec-column:first-of-type .section p:first-of-type span { display: block; } .seolp .buttons { margin: 2% auto; } .seolp .buttons a { display: block; width: 32%; background: #000; color: #fff; border: 1px solid #000; text-align: center; text-decoration: none; text-transform: uppercase; padding: 2%; box-sizing: border-box; float: left; font-size: 1.15em; margin-right: 2%; transition: ease-in-out all .2s; -moz-transition: ease-in-out all .2s; -webkit-transition: ease-in-out all .2s; } .seolp .buttons a:nth-of-type(2) { background: #fff; color: #000; border: 1px solid #000; } .seolp .buttons a:last-of-type { margin-right: 0; } .seolp .buttons a:hover { background: #333333; } .seolp .buttons a:nth-of-type(2):hover { background: #ddd; } @media only screen and (max-width:960px) { .seolp .specs .spec-column { float: none; width: 100%; margin: 2% auto !important; max-width: 520px; } .seolp .specs .spec-column span { display: block; } .seolp .specs .spec-column:first-of-type, .seolp .specs .spec-column span.dk { display: none; } } @media only screen and (max-width:540px) { .seolp { padding: 0 2%; box-sizing: border-box; } .seolp .buttons a { float: none; width: 100%; margin: 2% auto; font-size: 1.25em; } .seolp .title h1 { font-size: 1.15em; } .seolp .title h2 { font-size: 1.75em; letter-spacing: 0; } .seolp .specs h2 { font-size: 1.15em; margin: 10% 0 5% 0; } .seolp .spec-column h3 { font-size: 1.25em; text-decoration: underline; } .seolp .spec-column #last { margin: 10% 0 5% 0; } .seolp h2 { font-size: 1.15em; font-weight: 700; } .seolp .buttons a { font-size: 1em; } .seolp .featured h2 { font-size: 1.15em; } .seolp .maincarousel .carousel-indicators { display: none; } } /* Carousel Styling */ #maincarousel .content { max-width: 1400px; margin: .5% auto } #maincarousel .section { margin-top: 16px !important; margin-bottom: 16px !important } #maincarousel .row-padding:after, #maincarousel .row-padding:before { content: “”; display: table; clear: both } #maincarousel .row-padding { margin: auto; max-width: 1400px; } #maincarousel .col { float: left; width: 100%; max-width: 1400px; padding: 0 .5%; } #maincarousel .col.s4 { width: 25%; } #maincarousel .opacity, #maincarousel .hover-opacity:hover { opacity: 0.60 } #maincarousel .opacity-off, #maincarousel .hover-opacity-off:hover { opacity: 1 } #maincarousel .opacity-max { opacity: 0.25 } #maincarousel .opacity-min { opacity: 0.75 } #maincarousel .display-container { position: relative } #maincarousel .display-container:hover .display-hover { display: block } #maincarousel .display-container:hover span.display-hover { display: inline-block } #maincarousel .display-hover { display: none } #maincarousel .center { text-align: center !important } #maincarousel .left { float: left !important } #maincarousel .right { float: right !important } #maincarousel .hover-text-red:hover { color: #000 !important } #maincarousel .badge { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center } #maincarousel .badge { border-radius: 50% } #maincarousel .border { border: 1px solid #ccc !important } #maincarousel .left, #maincarousel .right, #maincarousel .badge { cursor: pointer } #maincarousel .badge { height: 13px; width: 13px; padding: 0 } #maincarousel .mySlides { display: none } #maincarousel .demo { cursor: pointer } #maincarousel .large { font-size: 30px !important } #maincarousel .text-white, #maincarousel .hover-text-white:hover { color: #fff !important } #maincarousel .display-bottommiddle { position: absolute; left: 50%; bottom: 45%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%) } @media only screen and (max-width:1100px) { #maincarousel .large { font-size: 30px !important } #maincarousel .display-bottommiddle { position: absolute; left: 50%; bottom: 40%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%) } } @media only screen and (max-width:750px) { #maincarousel .large { font-size: 25px !important } #maincarousel .display-bottommiddle { position: absolute; left: 50%; bottom: 35%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%) } } @media only screen and (max-width:410px) { #maincarousel .large { font-size: 20px !important } #maincarousel .display-bottommiddle { position: absolute; left: 50%; bottom: 30%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%) } } /* Carousel Styling End */