@charset "utf-8"; .aligncenter, .butn, th { text-align: center } input[type=submit], th { text-transform: uppercase } .box .icon, ol.commentlist, ul, ul.commentlist, ul.commentlist li { list-style: none } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { background: #FFF; color: #000; margin: 0; padding: 0; font-family: Merriweather, serif; line-height: 28px; font-weight: 500 } video { width: 100%; height: 310px } .product-text { color: #011d02; font-size: 0; font-weight: 700 } @-webkit-keyframes blinker { from { opacity: 1 } to { opacity: 0 } } .blink { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: .6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate } .typewriter h6 { color: #ed0855; font-weight: 500px; font-family: 'Roboto Slab', serif; FONT-SIZE: 16PX; overflow: hidden; white-space: nowrap; margin: 0 auto; letter-spacing: .1em; animation: typing 3.5s steps(20, end), blink-caret .5s step-end infinite } @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: orange } } .butn { background: #022444; color: #fff; WIDTH: 120PX; height: 30px; padding-top: 2px; margin-left: -100px } .text { border: 2px solid #000; padding: 5px; box-shadow: 0 0 10px #05867a } .text1 { border: 2px solid #5f0ef0; padding: 5px } .zoom { padding: 20px; transition: transform .2s; width: 300px; height: 300px; margin: 0 auto } .zoom:hover { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); width: 275px; height: 275px; padding: 20px } .container { width: 89%; margin: 0 auto } body.boxed { background-attachment: fixed } .boxed .wrapper { width: 1270px; margin: 0 auto; float: none } .inner-wrapper { margin: 0; width: 100%; float: left; padding: 0 } .boxed .inner-wrapper { background-color: #FFF; margin: 30px 0 } .boxed #menu-container { width: 1250px } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block } a { text-decoration: none } q:before { content: "\201c" } q:after { content: "\201d" } .dt-sc-colored-box, .dt-sc-counter .icon, .dt-sc-ico-content.type1, .dt-sc-ico-content.type1 span, .dt-sc-ico-content.type1:after, .dt-sc-ico-content.type1:before, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type2 span, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type3 .icon span, .dt-sc-tb-header .dt-sc-price, .dt-sc-team .dt-sc-team-thumb img, .dt-sc-team .team-details h4, .dt-sc-testimonial .author img, .dt-sc-toggle-frame, .dt-sc-toggle-frame h5, .dt-sc-toggle-frame h5 a:after, .dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 span, .dt-sc-toggle-frame h5 span:after, .dt-sc-toggle-frame h5 span:before, .dt-sc-toggle-frame h5.dt-sc-toggle, .entry-thumb, .footer-logo a span, .textWrapper, a, button[type=submit], footer .widget_recent_entries .entry-meta .comments span, footer .widget_recent_entries ul li, footer .widget_recent_entries ul li img, h5.dt-sc-toggle, h5.dt-sc-toggle-accordion, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, header ul.dt-sc-social-icons li a:after, input[type=submit], input[type=submit], ul.products .image-overlay { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear } #secondary .widget .investigation_content h6 a, .about-author h2, .breadcrumb-section .breadcrumb a, .breadcrumb-section .breadcrumb span.current, .dt-sc-hr-icon-title, .dt-sc-hr-title, .dt-sc-ico-content.type2 h6 a, .dt-sc-simple-border-button, .dt-sc-simple-hr-title, .dt-sc-tabs-frame-content ul.dt-sc-ico-list li, .dt-sc-team-phone-no, .dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle a:hover, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:hover, .megamenu-child-container .widget_text span.dt-sc-highlight, .office_locations .dt-sc-text-overlay p span, .pagination, .pagination .next-post a, .pagination .prev-post a, .pagination ul li a, .phone-no, .recent_studys h6 a, .widget.widget_text h6 a, h5.dt-sc-toggle a, h5.dt-sc-toggle-accordion a, ul.dt-sc-tabs li a, ul.dt-sc-tabs-frame li a, ul.dt-sc-tabs-vertical-frame li a { color: #252525 } .top-bar ul.dt-sc-social-icons li a:hover { color: #ccc } a.highlighter:hover { border-bottom: 1px dotted #008c99 } iframe, img { border: none; max-width: 100% } .about-author h2, .attorney_content h6, .benefits_section h5, .commententries h2, .dt-sc-bordered-title, .dt-sc-colored-box h5, .dt-sc-colored-box ul li, .dt-sc-team-content h6, .pagination, .recent_studys h6 a, .widget_recent_entries .entry-title h6 a, h3.widgettitle, h5 { font-weight: 400 } .content, p { line-height: 35px; font-weight: 500; margin: 0 0 10px; padding: 0; color: #000 } p { font-size: 18px!important } .content { font-size: 18px } ol, ul { margin: 0 } ul { padding: 0 } ol { padding: 0 0 0 20px; list-style-position: outside } ol li, ul li { padding-bottom: 10px } ul li span.fa { margin-right: 5px } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #2f2f2f; font-weight: 400 } h1, h2 { margin-bottom: 25px } h3, h6 { margin-bottom: 15px } h4, h5, table { margin-bottom: 20px } h1 { font-size: 28px } h2 { font-size: 26px } h3 { font-size: 24px } h4 { font-size: 20px } h5 { font-size: 18px } h6 { font-size: 15px } p i { line-height: 28px } sub, sup { font-size: 14px; line-height: 0; vertical-align: baseline } .box1 a, .footer-logo, .footer-logo a { vertical-align: middle } del { text-decoration: line-through } table { border-collapse: separate; border-spacing: 0; width: 100%; clear: both; border: 1px solid #f0f0f0; border-bottom: 0 } th { color: #fff; border-bottom: 1px solid #f0f0f0; padding: 15px; line-height: normal } td { border-bottom: 1px solid #ededed; background: #fff; line-height: 20px; color: #000 } tbody tr:nth-child(2n+1) td { background: #fff } tbody td .dt-sc-button.small { padding: 7px 14px; font-size: 12px; margin: 0 } select, textarea { font-size: 14px; outline: 0 } iframe { width: 100% } #map { height: 300px; margin: 5px 0 0; max-width: 100% } .aligncenter { width: 100%; display: inline-block; margin: 0 auto } .alignleft { float: left; margin: 0 30px 0 0 } .alignleft p, p.alignleft { line-height: 28px; text-align: left } h5.alignleft { text-align: left; margin: 0 0 40px } .alignright, .float-right { float: right } .float-left, .ui-datepicker-prev { float: left } blockquote q { font-style: italic } input[type=email], input[type=number], input[type=text] { width: 100%; padding: 16px 18px; font-size: 14px; font-weight: 400; color: #a9a7a7; background: #FFF; border: 1px solid #ccc; outline: 0 } input[type=email]:focus, input[type=text]:focus, textarea:focus { box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd } input[type=email]:focus.error, input[type=text]:focus.error, textarea:focus.error { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } input[type=button] { border: 0; outline: 0 } input[type=submit] { color: #FFF; font-weight: 600; border: 1px solid #FFF; padding: 17px 28px; cursor: pointer; display: inline-block; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 } input[type=submit]:hover { opacity: .8 } button, button[type=submit], input[type=submit], input[type=button] { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; cursor: pointer; -webkit-appearance: none } select option { padding: 5px } .mailchimp-form input[type=submit]:hover { color: #FFF } input[type=number] { background: #FFF; border: 1px solid #ddd; padding: 7px 5px 12px 7px; display: block; margin: 2px 0 5px; width: 100%; outline: 0; -moz-appearance: textfield } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } button[type=submit] { cursor: pointer; border: 0; outline: 0 } textarea { border: 1px solid #ccc; color: #a9a7a7 } input.text, input[type=url], input[type=tel], input[type=number], input[type=date], input[type=search], input[type=text], input[type=password], input[type=email], textarea { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .contact-form input[type=email].error, .contact-form input[type=text].error, input.error, textarea.error { padding: 15px 18px; border: 1px solid red } .fixed-help-form input[type=text].text_input.error { border: 1px solid red } .mailchimp-form input[type=email].error, .mailchimp-form textarea.error { padding-top: 15px; padding-bottom: 14px; border: 1px solid red } select { background-color: #FFF; border: 1px solid #ccc; color: #a9a9a9; height: 50px; margin: 0; padding: 0 16px; text-indent: .01px; text-overflow: ''; appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; opacity: 1; -moz-appearance: none; -moz-user-select: none; cursor: pointer; width: 100% } .select-sort { display: block; width: 100%; position: relative; float: left } span.select-sort:after, span.select-sort:before { content: ""; pointer-events: none; position: absolute } .date-to-consult span.select-sort:before { content: "\f073"; border: none; bottom: 0; height: 0; margin: 0 auto; right: 20px; top: 0; z-index: 1; line-height: 50px } .date-to-consult span.select-sort:after { height: 49px } @-moz-document url-prefix() { .date-to-consult span.select-sort:after { height: 51px } } #ui-datepicker-div table { border: 1px solid #ccc; border-bottom-color: #ccc } #ui-datepicker-div table tr:last-child td { border-bottom: 0 } .ui-datepicker-header { border: 1px solid #ccc; border-bottom: 0; padding: 10px 15px; background-color: #FFF } #ui-datepicker-div a, #ui-datepicker-div span { font-size: 12px } .ui-datepicker-next { float: right } .logo, .top-bar, header { float: left } .ui-datepicker-title { text-align: center } .hasDatepicker { cursor: pointer } span.select-sort:before { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, .3); bottom: 0; height: 0; margin: 0 auto; right: 20px; top: 23px; z-index: 1; line-height: 50px } .sticky-wrapper, header { z-index: 9999; display: block } span.select-sort:after { background: #f7f7f7; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 48px; right: 0; top: 1px; width: 48px } textarea { width: 100%; padding: 16px 18px; background: #FFF; height: 190px } #main form p { margin-bottom: 30px } .error { color: red } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text .dt-sc-bordered-button, .about-author .author-description h6, .dt-sc-callout-box h4, .dt-sc-callout-box h5, .dt-sc-colored-box-content p i, .dt-sc-counter h6, .dt-sc-titled-box h4.dt-sc-titled-box-title, .mailchimp-form input[type=submit], .menu-item-widget-area-container .widget.widget_text .textwidget h4, .select-sort, footer .widget_recent_entries .entry-meta .comments, footer .widget_recent_entries .entry-meta .date, input[type=email], input[type=text], select, span.dt-sc-highlight, textarea, ul.dt-sc-locations li .dt-sc-text-overlay p { font-family: Merriweather, serif } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text span.dt-sc-highlight, #main-menu ul.menu li a, #secondary .widget_categories ul li a, #secondary h3.widgettitle, .attorney_content h6, .breadcrumb-section, .dt-sc-business-hours p, .dt-sc-button, .dt-sc-colored-box h5, .dt-sc-colored-box ul li, .dt-sc-colored-box-content p, .dt-sc-counter-border span, .dt-sc-counter-number, .dt-sc-hr-button, .dt-sc-hr-title, .dt-sc-ico-content.type1 h5 a, .dt-sc-tabs-frame-content ul.dt-sc-ico-list li, .dt-sc-team-phone-no, .mailchimp p, .menu-item-widget-area-container .widget.widget_recent_entries h6, .office_locations p, .office_locations ul.dt-sc-locations li, .phone-no, footer h3.widgettitle, h1, h2, h3, h4, h5, h6, span.aligncenter, ul.dt-sc-tabs li a, ul.dt-sc-tabs-frame li a, ul.dt-sc-tabs-vertical-frame li a { font-family: Domine, serif } #secondary .widget.widget_text .dt-sc-bordered-button, #secondary .widget_add .dt-sc-bordered-button, .dt-sc-ico-content.type1 span, .dt-sc-simple-button, .entry-meta .comments, .entry-meta .date, .footer-logo a, .our-people-detail-info ul li, .pagination, footer .widget_recent_entries h6, h3.widgettitle { font-family: 'Noto Serif', serif; font-weight: 400 } #menu-container #searchform input[type=text] { font-family: 'Open Sans', sans-serif } #main-menu ul li.menu-item-simple-parent ul li a:before, #menu-container #searchform input[type=submit], .dt-sc-error-box:before, .dt-sc-info-box:before, .dt-sc-success-box:before, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:after, .dt-sc-warning-box:before, .fixed-help-form input[type=submit], .fixed-help-form:before, .megamenu-child-container ul.sub-menu>li>ul li a:before, h5.dt-sc-toggle-accordion.active:after, h5.dt-sc-toggle-accordion:after, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:after, h5.dt-sc-toggle:before, span.select-sort:before, ul.dt-sc-fancy-list li:before { font-family: FontAwesome; font-style: normal; font-weight: 400 } .sticky-wrapper { clear: both; width: 100%; height: auto!important } .is-sticky header { clear: both; float: left; width: 100% } .is-sticky header .logo a img { max-height: 60px } .is-sticky header .contact-details { margin: 8px 0 0 } .sticky-wrapper.is-sticky header #main-menu>ul.menu>li>a { line-height: 50px } .is-sticky header #menu-container ul.dt-sc-social-icons { height: 50px } .is-sticky header ul.dt-sc-social-icons li a, .is-sticky header ul.dt-sc-social-icons li a span { height: 55px; line-height: 50px } header { width: 100%; margin: 0; padding: 0 } .is-sticky header #menu-container { height: auto } .top-bar { width: 100%; clear: both; padding: 10px 0; color: #FFF } .logo { padding-left: 50px } .logo img { display: block } header .dt-sc-contact-number { float: right; font-size: 18px!important } header .dt-sc-contact-number span { margin-right: 5px } header .alignright { float: right; margin: 25px 30px 0; padding: 0 } header .alignright .dt-sc-bordered-button { padding: 7px 26px; font-size: 18px } header .contact-details .fa { margin-left: 5px; color: #252525 } header .contact-details { float: right; margin: 25px 0 0; padding: 0 } header .contact-details p { text-align: right; margin: 0 } header ul.dt-sc-social-icons li { display: inline; float: left; margin-right: 5px } header ul.dt-sc-social-icons li:last-child { margin-right: 0 } header ul.dt-sc-social-icons li a:hover { color: #f1f1f1 } header ul.dt-sc-social-icons li:first-child a { padding-left: 0 } #menu-container { clear: both; float: left; width: 100%; position: relative; z-index: 10 } .main-menu-wrapper { width: 100%; float: left; clear: both; border-top: 1px solid #dfdfdf } #main-menu { float: left; margin: 0; padding: 0; position: relative; z-index: 100; line-height: normal; width: 100% } #main-menu>ul.menu { margin: 0 0 0 80px; padding: 0 } @media only screen and (min-device-width:300px) and (max-device-width:767px) { #main-menu>ul.menu { margin: 0; padding: 0 } } #main-menu>ul.menu>li { padding: 0; margin: 3px 5px 0; line-height: 67px; display: inline-block; float: left; position: relative } #main-menu ul.menu li a { line-height: normal } #main-menu>ul.menu>li>a { padding: 6px; font-size: 13px; display: inline-block; margin: 0; text-transform: capitalize; color: #fff; position: relative } #main-menu>ul.menu>li>a:hover { background: #fa3005!important } #main-menu>ul.menu>li.current_page_item>a:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid; left: 0; right: 0; width: 0; margin: auto; bottom: 0; position: absolute; background: #fff!important } #main-menu>ul.menu>li:last-child>a:after { background: 0 0; width: 0 } #main-menu>ul.menu>li>.megamenu-child-container { display: none } .megamenu-child-container { background-color: #FFF; padding: 20px 15px; position: absolute; top: 100%; left: 0; float: left; border: 1px solid #e6e6e6; border-top: 0 } #main-menu ul li.menu-item-simple-parent ul:before, .megamenu-child-container:before { content: ""; width: 100%; height: 5px; display: inline-block; position: absolute; top: 0; left: -1px; padding: 0 1px } .megamenu-2-columns-group .megamenu-child-container { width: 500px } .megamenu-3-columns-group .megamenu-child-container { width: 750px } .megamenu-4-columns-group .megamenu-child-container { width: 1030px } .megamenu-child-container>ul.sub-menu>li { width: 230px; padding: 15px; float: left; display: inline } .megamenu-child-container>ul.sub-menu>li:first-child { padding-left: 15px } .megamenu-child-container>ul.sub-menu>li:nth-child(3) { padding-right: 15px } .megamenu-child-container>ul.sub-menu>li.menu-item-with-widget-area { width: 219px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .megamenu-2-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth { width: 470px; display: block } .megamenu-3-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth { width: 720px; display: block } .megamenu-4-columns-group .megamenu-child-container>ul.sub-menu>li.menu-item-fullwidth { width: 970px; display: block; padding-top: 0; padding-right: 5px } .megamenu-child-container>ul.sub-menu { padding: 0; margin: 0 } .megamenu-child-container>ul.sub-menu>li>.nolink-menu, .megamenu-child-container>ul.sub-menu>li>a { display: block; font-size: 18px; padding-bottom: 25px; margin-bottom: 25px; font-weight: 700 } .megamenu-child-container>ul.sub-menu>li>a .menu-item-description, .menu-item-description { color: #b1b1b1; display: block; font-weight: 400; padding: 0 } .dt-megamenu-custom-content { display: block; padding: 10px 0 0 } .megamenu-child-container ul.sub-menu>li>ul { padding: 0 } .megamenu-child-container ul.sub-menu>li>ul li { display: block } .megamenu-child-container ul.sub-menu>li>ul li:last-child a { border: none } .megamenu-child-container ul.sub-menu>li>ul>li>ul { padding-left: 20px } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text .dt-sc-bordered-button:hover, .megamenu-child-container>ul.sub-menu>li>a:hover, .megamenu-child-container>ul.sub-menu>li>a:hover .menu-item-description { color: #fff } .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link>.nolink-menu { padding: 0 } .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link ul.sub-menu { padding-top: 0 } #main-menu ul li.menu-item-simple-parent ul { background: #fff } #main-menu ul li.menu-item-simple-parent ul li ul { border-top: 0 } .megamenu-child-container>ul.sub-menu>li.fulwidth-image-link img { max-width: 100% } #main-menu>ul.menu>li a:hover, #main-menu>ul.menu>li.current_page_item>a { color: #FFF } #main-menu .megamenu-child-container>ul.sub-menu>li>a { margin-bottom: 12px; padding-bottom: 12px } #main-menu .megamenu-child-container .widget ul.product_list_widget li { clear: both; display: block; padding: 15px 0 30px } #main-menu .megamenu-child-container .widget ul.product_list_widget li:first-child { padding-top: 0 } #main-menu .megamenu-child-container .widget ul.product_list_widget li a { font-weight: 100; color: #545454 } #main-menu .megamenu-child-container .widget ul.product_list_widget li a img { margin-right: 20px; float: left; border: 2px solid #f3f3f3 } #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount { margin: 20px 0 0; display: block; font-weight: 600 } .megamenu-child-container>ul.sub-menu>li.fill-two-columns { width: 462px; padding-right: 15px } .megamenu-child-container>ul.sub-menu>li.fill-four-columns { width: 986px; padding: 0 14px 15px; clear: both } #main-menu .megamenu-child-container>ul.sub-menu>li.fill-four-columns>a { margin-bottom: 10px; padding-bottom: 10px } .menu-item-widget-area-container { width: 100%; margin: 0; padding: 0 } .menu-item-widget-area-container .widget { padding: 10px 10px 10px 20px } .menu-item-widget-area-container .textwidget img { border: 4px solid } .menu-item-widget-area-container .textwidget .image { width: 178px; margin-right: 30px; float: left } .menu-item-widget-area-container .widget.widget_text .textwidget .alignleft { float: left; width: 254px; margin: 0; line-height: 24px } .menu-item-widget-area-container .widget.widget_text .textwidget h4 { text-transform: uppercase; font-size: 16px; font-weight: 700; color: #838585; line-height: normal; margin-bottom: 15px } .menu-item-widget-area-container .widget.widget_text .textwidget p { line-height: 26px; margin: 0 } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text .dt-sc-bordered-button { display: inline-block; clear: both; text-align: center; padding: 9px 15px 8px; font-size: 12px } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text .dt-sc-bordered-button.first { margin-right: 10px } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text .dt-sc-bordered-button span { margin: 0 5px 0 0 } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text span { margin: 0 8px; text-align: center; display: inline-block } #main-menu ul.menu .megamenu-child-container .menu-item-widget-area-container .widget_text span.dt-sc-highlight { margin: -5px 0 20px; line-height: 24px; text-transform: none; font-size: 15px; text-align: left } #main-menu ul.menu .megamenu-child-container .entry-meta .comments, #main-menu ul.menu .megamenu-child-container .entry-meta .date { line-height: 18px } .menu-item-widget-area-container .widget.widget_recent_entries h6 { line-height: 24px } .menu-item-widget-area-container .widget.widget_recent_entries h6 a { text-transform: none } .menu-item-widget-area-container .widget.widget_recent_entries .entry-meta { margin-bottom: 5px } .menu-item-widget-area-container .widget.widget_recent_entries ul li { margin-bottom: 0; padding-bottom: 0 } .menu-item-widget-area-container .widget .entry-body p { line-height: 26px } .menu-item-widget-area-container .widget .entry-details { border-top: 2px solid #ebebeb; padding-top: 15px } .menu-item-widget-area-container .widget .entry-details .entry-title h5 { margin-bottom: 10px } .menu-item-widget-area-container .widget .entry-details .entry-title h5 a { color: #343434 } .menu-item-widget-area-container .widget .entry-details p { display: inline-block; float: left; clear: none; background: 0 0; margin: 0; line-height: inherit; padding: 0 } .menu-item-widget-area-container .widget .entry-details p, .menu-item-widget-area-container .widget .entry-details p a { color: #b6b6b6 } .menu-item-widget-area-container .widget .entry-details span { display: inline-block; float: left; margin: 0 5px } .menu-item-widget-area-container .widget .entry-details .comments:before, .menu-item-widget-area-container .widget .entry-details .date:before { background: 0 0 } .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote { padding: 0; border-bottom: 0; margin: -6px 0 30px } .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote q { padding: 0 12px 0 20px; font-size: 14px } .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote q:after, .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote q:before { font-size: 30px } .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote q:before { top: 5px } .menu-item-widget-area-container .textwidget .dt-sc-testimonial blockquote q:after { padding-left: 0; bottom: 0 } .menu-item-widget-area-container .textwidget .dt-sc-testimonial .author-meta { margin: 0 } #main-menu .menu-item-widget-area-container .widget_text .textwidget .dt-sc-testimonial .author-meta span { line-height: normal; margin: 0; display: inherit; font-size: 12px } .megamenu-child-container .dt-sc-ico-content.type1 { min-height: 1px; padding: 20px 10px } .megamenu-child-container .dt-sc-ico-content.type1 .icon { display: block; margin-bottom: 18px } .megamenu-child-container .dt-sc-ico-content.type1 .icon img { display: block; margin: 0 auto } .megamenu-child-container .dt-sc-ico-content.type1 h5 { line-height: normal; margin-bottom: 5px } #main-menu .megamenu-child-container .dt-sc-ico-content.type1 h5 a:hover, #main-menu .megamenu-child-container .dt-sc-ico-content.type1:hover h5 a, #main-menu .megamenu-child-container .menu-item-widget-area-container .comments:hover { color: #FFF } #main-menu .megamenu-child-container .menu-item-widget-area-container .comments:hover { background-color: #CCC; color: #333 } .megamenu-child-container .dt-sc-ico-content.type1 span { line-height: normal; font-size: 13px; display: inherit; margin-bottom: 0 } #main-menu .megamenu-child-container .column { margin: 0 0 0 23px } #main-menu .megamenu-child-container .column.first { margin-left: 0 } #main-menu .megamenu-child-container .dt-sc-one-fourth { width: 225px } .megamenu-child-container .dt-sc-ico-content.type1 p { display: none } .megamenu-child-container .dt-sc-ico-content.type1:before { height: 0; display: none; width: 0; position: static } .dt-menu-toggle { display: none; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 10px 50px 10px 15px; cursor: pointer; background: #FFF; color: #2f2f2f; border-bottom: 1px solid #f0f0f0; margin-top: -16px } .dt-menu-toggle-icon { background: #2f2f2f; display: inline-block; float: right; height: 2px; margin-top: 10px; position: relative; text-align: left; width: 20px } .dt-menu-expand { font-size: 16px!important; display: none!important; position: absolute!important; right: 0; top: 0; padding: 0!important; text-align: center; line-height: 50px!important; cursor: pointer; width: 37px; height: 37px; font-weight: 700; background: 0 0!important } .dt-menu-toggle-icon:after, .dt-menu-toggle-icon:before { content: ""; position: absolute; background: #2f2f2f; height: 2px; width: 20px; left: 0; top: -5px } .dt-menu-toggle-icon:after { top: 5px } .menu-item-widget-area-container .widget.widget_recent_entries { width: 260px; margin-left: 30px; float: left } .menu-item-widget-area-container li.widget.widget_recent_entries:first-child { margin-left: 0 } #main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { display: none } #main-menu ul li.menu-item-simple-parent ul { width: 278px; padding: 10px 0; position: absolute; font-size: 16px; top: 100%; left: 0; float: left; border: 1px solid #e6e6e6; border-top: none } #main-menu ul li.menu-item-simple-parent ul:before { content: ""; width: 100%; left: -1px; position: absolute } #main-menu ul li.menu-item-simple-parent ul li { display: block; padding: 0 15px; position: relative } #main-menu ul li.menu-item-simple-parent ul li a, #main-menu ul li.menu-item-simple-parent ul li ul li a { color: #000; position: relative; Padding-left: 30px; font-weight: 549; font-size: 15px; border-bottom: 1px solid #f0f0f0; display: block } #main-menu ul li.menu-item-simple-parent ul li a { line-height: 19px } #main-menu ul li.menu-item-simple-parent ul li ul li a { line-height: 17px; padding-top: 5px } #main-menu ul li.menu-item-simple-parent ul li:last-child a, #main-menu ul li.menu-item-simple-parent ul li:last-child>a { border: none } #main-menu ul li.menu-item-simple-parent ul li a:before { content: "\f105"; text-decoration: inherit; font-size: 14px; position: absolute; left: 0 } #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand:before, .megamenu-child-container ul.sub-menu>li>ul li a.dt-menu-expand:before { background: 0 0 } .megamenu-child-container ul.sub-menu>li>ul li a:before { top: 7px } #main-menu ul li.menu-item-simple-parent ul li ul { left: 245px; width: 170px; top: -5px; padding-top: 5px } #main-menu ul li.menu-item-simple-parent:last-child ul { right: 0; left: inherit } #main-menu ul li.menu-item-simple-parent:last-child ul li ul { right: 220px; left: inherit } #main-menu ul li.menu-item-simple-parent ul li ul li:hover>ul, #main-menu ul li.menu-item-simple-parent ul li:hover>ul, #main-menu ul li.menu-item-simple-parent:hover>ul, #main-menu>ul.menu>li:hover>.megamenu-child-container { display: block } a.meanmenu-reveal { display: none } .mean-container .mean-bar { padding: 0; z-index: 999999 } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px; position: absolute; top: 5px; right: 5px!important; cursor: pointer; color: #FFF; text-decoration: none; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; z-index: 9999 } .mean-container a.meanmenu-reveal span { display: block; background: #FFF; height: 3px; margin-top: 3px } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none } .mean-container .mean-nav ul li { position: relative; float: left; padding-bottom: 0; width: 100% } .mean-container .mean-nav { float: left; width: 100%; position: absolute; left: 0; top: 0; margin-top: 56px; z-index: 9999 } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #FFF; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255, 255, 255, .5); text-decoration: none; text-transform: uppercase } .mean-container .mean-nav ul li:last-child a { border-bottom: none } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255, 255, 255, .25); opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0 } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15% } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20% } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25% } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, .1) } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none!important; padding: 12px!important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700 } .mean-container .mean-push, .mean-nav .wrapper { padding: 0; width: 100%; margin: 0 } .mean-container .mean-nav ul li a.mean-expand:hover { background: 0 0 } .mean-container .mean-push { float: left; clear: both } .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } header #menu-container ul.dt-sc-social-icons { float: right; height: 60px } #main, #primary, .main #main, .wrapper { padding: 0; float: left } .main #main, .wrapper { clear: both; margin: 0; width: 100% } #menu-container #searchform { float: right; padding: 0; margin: 10px 0 0; background-color: rgba(255, 255, 255, .11); border: none; outline: 0; width: 26% } #menu-container #searchform input[type=text] { border: none; color: #FFF; background: 0 0; font-size: 14px; padding: 16px 15px 15px 16px; margin: 0; width: 248px; font-weight: 400 } #main, #primary.content-full-width { width: 100% } #menu-container #searchform input[type=submit] { background: url(images/search_icon.png) center center no-repeat; border: none; outline: 0; padding: 17px 23px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } #menu-container #searchform input[type=submit]:hover, #menu-container #searchform input[type=text]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } #main { clear: both; margin: 0 } #primary { margin: 70px 0 0 } #primary.with-left-sidebar { float: right; margin-left: 30px } #primary.with-right-sidebar { float: left; margin-right: 30px } #primary.page-with-sidebar { width: 900px; margin: 30px 30px 0 10px; padding-left: 60px } #secondary { width: 390px; margin: 70px 0 0; float: left; padding: 0 } #main .dt-sc-hr-green-title, #main .dt-sc-hr-white-title { display: inline-block; padding: 0 0 30px; margin: 0 0 30px; line-height: inherit; width: 100%; text-align: center } #main .dt-sc-hr-green-title { background: url(images/green_title_bg.html) center bottom no-repeat } #main .dt-sc-hr-white-title { color: #FFF; background: url(images/white_title_bg.html) center bottom no-repeat } #main .fullwidth-background.product_bg .dt-sc-hr-white-title { color: inherit } #slider { float: left; clear: both; width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden } #slider img { max-width: 100% } .content_at_top { display: block; margin: -54px 0 0; float: left; width: 100%; position: relative } .breadcrumb-section { border-bottom: 3px solid #0621b8; text-align: center; width: 100%; float: left; clear: both; padding: 35px 0 25px; margin: 0 } .breadcrumb-section h1 { text-align: center; font-size: 20px; font-weight: 700; color: #FFF; text-transform: uppercase; margin-bottom: 0; padding: 8px 20px } .breadcrumb-section .breadcrumb a { float: left; position: relative; padding: 0 14px 0 0; margin: 0 8px 0 0 } .breadcrumb-section .breadcrumb a:after, p.categories:before, ul.commentlist li .comment-reply-link:before { content: ""; position: absolute; top: 7px; right: 0; width: 6px; height: 6px; display: inline-block; margin: 0; float: left } .breadcrumb-section .breadcrumb a:after { background: #dcdbd7; top: 6px } .breadcrumb-section .breadcrumb span { float: left; margin: 0 8px } .breadcrumb-section .breadcrumb span.current { margin: 0 } .breadcrumb-section .breadcrumb { float: right; margin: 5px 0 0; line-height: normal } .fullwidth-background { float: left; clear: both; width: 100%; margin: 0; padding: 78px 0; background-position: center center; background-repeat: repeat; background-attachment: fixed } .fullwidth-background h5 { color: #FFF; text-transform: uppercase } .fullwidth-background.count_section h5, .fullwidth-background.trust_section h5 { border-bottom: 1px solid #FFF; display: inline-block; font-weight: 700; padding: 0 14px 15px; margin-bottom: 0 } .fullwidth-background.trust_section { background-image: url(images/full_width_parallax_image1.jpg); text-align: center; padding: 70px 0 120px } .fullwidth-background.benefits_section { background-image: url(images/full_width_parallax_image2.jpg); padding: 70px 0 54px; position: relative; z-index: 9 } .fullwidth-background.count_section { background-image: url(images/full_width_parallax_image3.jpg); padding: 60px 0 38px; position: relative; z-index: 9; text-align: center } .fullwidth-background.benefits_section:before, .fullwidth-background.count_section:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: -1 } .fullwidth-background.count_section .dt-sc-one-fourth { width: 21.4% } .fullwidth-background.count_section .column { margin: 0 0 0 4.8% } .fullwidth-background.count_section .column.first { margin-left: 0 } .fullwidth-background.benefits_section h5 { margin-bottom: 35px } .fullwidth-background.count_section h5 { margin-bottom: 60px } .fullwidth-background.benefits_section p { color: #FFF; line-height: 28px; margin: 10px 0 } .fullwidth-background.benefits_section iframe { box-shadow: 0 0 8px 0 #27282a; -moz-box-shadow: 0 0 8px 0 #27282a; -webkit-box-shadow: 0 0 8px 0 #27282a } p.aligncenter { color: #838585; line-height: 28px; margin: 0 0 10px } p span.dt-sc-highlight { font-size: 15px } span.dt-sc-highlight { font-size: 18px; color: #838585; text-transform: capitalize; font-weight: 400; display: inline-block } .aligncenter a.dt-sc-bordered-button { margin: 0 15px } .no-transform { font-weight: 700; text-transform: none } .dt-sc-team { float: left; width: 100% } .dt-sc-team .dt-sc-entry-thumb { position: relative; float: left; overflow: hidden } .dt-sc-team .item-mask { left: 0; position: absolute; top: 0; transition: all .2s ease 0s; z-index: 999 } .dt-sc-team .dt-sc-entry-thumb img { float: left; width: 100% } .dt-sc-team .dt-sc-image-overlay { background: rgba(24, 151, 163, .9); float: left; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease 0s; -moz-transition: opacity .2s ease 0s; -webkit-transition: opacity .2s ease 0s; visibility: hidden; width: 100% } .dt-sc-team:hover .dt-sc-entry-thumb .dt-sc-image-overlay, .dt-sc-team:hover .dt-sc-image-overlay { opacity: 1; visibility: visible } .dt-sc-entry-title { padding: 15px 0 11px; text-align: center; float: left; width: 100% } .dt-sc-entry-title h2, .dt-sc-entry-title h6 { margin: 0 0 15px } .dt-sc-team:hover .dt-sc-entry-title span { background: #e2b961 } .dt-sc-image-overlay a.link { left: 0 } .dt-sc-image-overlay a.zoom { right: 0 } .dt-sc-team:hover .dt-sc-image-overlay a.link { left: 29% } .dt-sc-team:hover .dt-sc-image-overlay a.zoom { right: 29% } .blog-entry { width: 100%; margin: 0 0 50px; padding: 0; float: left; clear: both; position: relative } .blog-entry-inner { padding: 0 0 0 122px } .widget_recent_entries { width: 100%; float: left; clear: both; margin: 0; padding: 0 } .widget_recent_entries ul li { margin-bottom: 10px; float: left; width: 100% } .entry-meta { float: left; width: 100%; margin: 0 0 10px } .entry-meta .comments, .entry-meta .date { color: #FFF; font-size: 13px; padding: 6px 15px; margin: 0; display: inline-block; float: left; line-height: normal } .widget_recent_entries .entry-title { width: 100%; display: block } .entry-details { width: 74%; float: left; margin: 0; padding: 0 } .dt-sc-full-width-content .entry-details { width: 100% } .entry-title { float: left; width: 100% } .entry-body { float: left } .entry-body h6 { font-family: inherit; font-weight: 600; font-size: 16px; line-height: 12px; margin-bottom: 40px } .entry-details .entry-body p { font-size: 14px; line-height: 28px } .entry-meta .entry_format { display: inline-block; text-align: center; text-decoration: inherit; position: relative } .entry-meta .date { text-align: left; line-height: normal; width: auto; padding: 6px 15px } .entry-meta .date p { line-height: 15px; font-size: 12px; margin: 4px 0 0 8px; display: inline-block } .entry-meta .date span { display: inline-block; margin-right: 2px } .entry-meta .comments { display: block } .entry-meta a:hover { color: #333; background-color: #CCC } .blog-entry .dt-sc-video-wrapper { margin: 30px 0 0 } .dt-sc-video-wrapper iframe { float: none } .blog-entry .entry-meta .author a:hover, .blog-entry .entry-meta .categories a:hover { background-color: transparent } .entry-meta .blog-author { max-width: 56px; max-height: 56px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 3px solid #008c99; background: #a2bc56; display: inline-block; margin-bottom: 15px } .entry-meta .blog-author img { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100% } .entry-meta .blog-author:hover { border: 3px solid #333334 } p.categories { position: relative; padding: 0 0 0 11px; margin: 0 0 0 5px } p.categories:before { right: auto; left: 0; top: 9px; background: #dcdbd7 } p.author, p.categories { float: left } .entry-title h5 { border-bottom: 1px solid #f2f2f2; margin: 6px 0 22px; display: inline-block; padding-bottom: 15px; line-height: 28px; width: inherit; text-transform: none } .entry-meta .alignright p { text-transform: uppercase; font-size: 12px } .entry-details p { line-height: 25px } .date p, .date span { color: #FFF } .entry-thumb { margin: 0 30px 0 0; float: left; width: 170px } .dt-sc-full-width-content .entry-thumb { width: 100%; float: left; margin: 30px 0 40px } .entry-thumb img { display: block } #primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author { max-width: 50px; max-height: 50px; margin-bottom: 10px } #primary.with-sidebar .dt-sc-one-half .comments, #primary.with-sidebar .dt-sc-one-half .date, #primary.with-sidebar .dt-sc-one-half .entry_format { margin: 0 0 6px 14px } .recent_studys { width: 100%; float: left; margin: 0; padding: 0 } .recent_studys p { margin-bottom: 30px } .about-author { clear: both; float: left; width: 100% } .about-author h2 { font-size: 18px } .about-author .author-details { width: 100%; float: left; margin: 20px 0 0 } .about-author .author-thumb { float: left; margin: 0 30px 0 0; width: 66px; height: 66px } .about-author .author-thumb img { border: 2px solid; max-width: 66px; max-height: 66px } .about-author .author-description { width: 84%; float: left; margin: 0 } .about-author .author-description h6, ul.commentlist li .author-name a { float: left; text-transform: none; font-weight: 400; font-size: 16px; margin-bottom: 22px } .about-author .author-description span { font-style: italic } .about-author .author-description span:before, ul.commentlist li .commentmetadata:before { content: "/"; display: inline-block; margin: 0 3px 0 5px; padding: 0 } .about-author .author-description span, ul.commentlist li .comment-details, ul.commentlist li .commentmetadata { display: block } .about-author .author-description p, ul.commentlist .comment-content p { margin-bottom: 0; font-size: 14px; line-height: 28px } .commententries { width: 100%; float: left; margin: 10px 0 0; padding: 0 } ul.commentlist { float: left; margin: 0 0 25px; padding: 0; border-top: 0 } ul.commentlist li { display: block; float: none; border: none; margin: 0 0 35px; padding: 0 0 0 100px; position: relative; clear: both } ul.commentlist li .respond { margin-left: 69px } ul.commentlist li .comment-author { left: 0; top: 0; position: absolute; background: 0 0; float: none; width: auto; z-index: 9 } ul.commentlist li .comment-author img { max-width: 64px; max-height: 64px; float: left; margin: 0; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100% } ul.commentlist li .author-name { font-size: 15px; padding-bottom: 5px; float: left } ul.commentlist li .commentmetadata { float: left; font-style: italic } ul.commentlist li .comment-body { margin: 0; padding: 0; clear: both } ul.commentlist li .reply { background: url(images/body_bg.html); margin: -9px 0 0; float: right; width: 48px; text-align: right } ul.commentlist li .reply a { font-size: 13px } ul.commentlist li ul.children { width: 100%; float: left; clear: both; margin: 45px 0 0; padding: 0 } ul.commentlist .comment-details .alignright a { text-transform: uppercase; font-size: 12px } ul.commentlist li .comment-reply-link { position: relative; margin: 0 0 0 5px; padding: 0 0 0 12px } ul.commentlist li .comment-reply-link:before { background: #e5e5e5; right: auto; left: 0; top: 5px } .comment-form textarea { font-size: 14px } .fullwidth-background .blog-entry { margin: 0 } .pagination { float: left; width: 100%; margin: 15px auto 25px; padding: 45px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; text-align: center; display: inline-block } .pagination ul { display: inline-block; margin: 0; padding: 0 } .pagination ul li { float: left; display: inline; margin: 0; padding: 0 } .pagination .next-post a, .pagination .prev-post a, .pagination ul li a { font-size: 16px; line-height: inherit; padding: 12px 20px; margin: 0; border-right: 1px solid #f2f2f2; float: left; position: relative; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s } .pagination ul li a { border-color: #f2f2f2; border-width: 1px 1px 1px 0; border-style: solid; width: 50px; height: 48px } .pagination ul li:first-child a { border-width: 1px } .pagination ul li:last-child a { border-width: 1px 1px 1px 0 } .pagination ul li.active-page { font-weight: 700; line-height: 30px; padding: 0 12px; margin: 0 10px 0 0; float: left; position: relative; border: 1px solid } .pagination .next-post a, .pagination .prev-post a { border-right: none; padding: 12px 15px } .pagination .prev-post a span { margin-right: 5px } .pagination .next-post a span { margin-left: 5px } .pagination ul li:first-child a:hover:before { left: 1px } .pagination ul li a:hover:before { content: ""; position: absolute; top: 1px; left: 2px; border: 1px solid #FFF; width: 44px; height: 42px } .pagination .next-post { display: inline-block; margin-left: 4px; padding: 0 } .pagination .prev-post { display: inline-block; margin-right: 4px; padding: 0; font-size: 16px } .images { float: left; width: 32%; margin-right: 25px } .images img { border: 3px solid #008c99; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px } ol.commentlist { padding-left: 0 } ol.commentlist .comment_container { float: left; margin-right: 20px; max-width: 60px } .author-description h5 { margin-bottom: 10px } .author-description h5 a { color: #1f1f1f } .author-thumb { display: inline-block; margin: 0 20px 20px 0; width: 100%; text-align: center; max-height: 101px; max-width: 119px; position: relative; float: left; overflow: hidden } .author-description p, .dt-sc-contact-info { display: block; float: left } .comment-form textarea, .contact-form textarea { width: 100%; padding: 16px 18px; background: #FFF; height: 190px } .dt-sc-contact-info { padding: 0; width: 100%; clear: both; margin: 0 0 25px } .dt-sc-contact-info a { text-transform: lowercase; color: inherit } .dt-sc-contact-info i { display: inline-block; margin: 6px 5px 0 0; float: left } .contact_form_outer { background: url(images/contact_form_bg.html) -20px 0; box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .2); -webkit-box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .2); -moz-box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .2); padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .contact-form input[type=submit] { margin: 0; font-weight: 400 } #secondary.type2 { float: left } #secondary.type2 .widget { background: #fbfcfc; padding: 20px 15px; border: 5px solid #034043; position: relative; font-size: 15px!important } #secondary.type2 .widget:after, #secondary.type2 .widget:before { display: inline-block; position: absolute; top: -5px; content: "" } #secondary.type2 .widget:before { width: 100%; height: 5px; left: -5px } #secondary.type2 .widget:after { height: 8px; width: 70px; margin: 0; right: -5px } #secondary .widget { float: left; width: 100%; padding-bottom: 20px; margin: 0 0 50px } #secondary.type2 .widget.clear-background { background: 0 0; padding: 0; border: none } #secondary.type2 .widget.clear-background:after, #secondary.type2 .widget.clear-background:before { background: 0 0; position: static; width: 0; height: 0; display: none } #secondary h3.widgettitle { margin: 0 0 35px; font-weight: 700; text-transform: capitalize; border-bottom: 1px solid #e91e63; padding-bottom: 20px; font-size: 18px } #secondary h3.widgettitle span { margin-right: 5px } #secondary ul.dt-sc-fancy-list li { line-height: 20px; font-size: 18px } #secondary .widget_categories ul li a { display: block; line-height: 25px!important } #secondary .widget_categories ul li:last-child a { border-bottom: none; margin-bottom: 0; font-size: 18px!important; line-height: 30px!important } #secondary .widget_categories ul li a span { position: absolute; right: 0; color: #cf571b; font-style: italic } .widget ul { float: left; width: 100%; margin: 0; padding: 0 } #secondary .widget_text .dt-sc-bordered-button { width: 97.5%; text-align: center; font-size: 16px; text-transform: none; padding: 17px 25px; margin: 0 auto; display: block; clear: both } #secondary .widget_text img { display: block } #secondary .widget .investigation_content { width: 100%; margin-bottom: 20px; float: left } #secondary .widget .investigation_content:last-child { margin-bottom: 0 } #secondary .widget .investigation_content h6 { font-weight: 400; text-transform: none } .consultation-form { float: left; margin: 0; padding: 0; width: 100% } .consultation-form input[type=email], .consultation-form input[type=phone], .consultation-form input[type=text], .contact-form input[type=email], .contact-form input[type=text], .question-form input[type=email], .question-form input[type=text] { width: 100%; margin: 0; font-size: 14px; padding: 16px; font-weight: 400 } .consultation-form textarea, .question-form textarea { font-size: 14px; height: 100px } .consultation-form input[type=submit] { margin: 0 0 0 30px } #main .question-form p:last-child { margin-bottom: 0 } .attorney-form p label { float: left; line-height: 45px; margin: 0 20px 0 0; font-size: 16px } .attorney-form span.select-sort { width: 300px } .attorney_content, .attorney_list { width: 100%; padding: 0; clear: both; float: left } .attorney_list { margin: 0 } .attorney_list .result-count { line-height: 45px } .attorney_content { margin: 0 0 50px } .attorney_content .image { float: left; margin-right: 4%; width: 18% } .attorney_content .attorney_details h6 { display: inline-block; font-size: 16px; margin: 0 18px 0 0 } .attorney_content h6 a { color: #2f2f2f } .attorney_content .attorney_details { float: left; width: 78% } .attorney_content .attorney_details .alignleft, .attorney_content .attorney_details span { margin: 0 } .attorney_content .attorney_details_info { border-width: 1px 0; border-style: solid; border-color: #ededed; display: inline-block; width: 100%; padding: 12px 0 11px } .attorney_content p { clear: both; margin: 10px 0; display: inline-block } .attorney_content span.fa { font-style: normal; margin-bottom: 0 } .attorney_content .phone-no { clear: none; float: left; font-size: 15px; margin: 0; padding: 0 0 0 25px; position: relative } .attorney_content .phone-no:before { content: ""; width: 1px; height: 48px; background-color: #ededed; padding: 0; margin: 0; position: absolute; display: inline-block; top: -12px; left: 0 } .our-people-detail { width: 100%; float: left; margin: 0; padding: 0 } .our-people-detail h4 { margin-bottom: 10px } .our-people-detail span { font-style: italic } .our-people-detail .image { width: 35%; float: left; margin: 30px 4% 0 0 } .our-people-detail p { font-size: 18px; line-height: 30px } .our-people-detail ul li { border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; margin-bottom: 5px } .our-people-detail ul li:last-child { border-bottom: none } .our-people-detail-info { width: 61%; float: left } .our-people-detail-info ul li span { font-style: normal } .mailchimp { width: 680px; display: block; margin: 0 auto; clear: both; position: relative; color: #FFF; padding: 15px 54px } .mailchimp:before { content: ""; position: absolute; top: -4px; left: 0; width: 100%; height: 3px; display: inline-block } .mailchimp p { float: left; margin: 14px 25px 0 0 } .mailchimp p span { margin-right: 3px } .mailchimp-form input[type=email], .mailchimp-form input[type=text] { border: none; background-color: rgba(255, 255, 255, .11); outline: 0; width: 275px; font-family: inherit; font-size: inherit; padding: 16px 23px; margin: 0; font-weight: 400; float: left; color: rgba(255, 255, 255, .5) } .mailchimp-form input[type=email]::-webkit-input-placeholder { color: rgba(255, 255, 255, .5) } .mailchimp-form input[type=email]:-moz-placeholder { color: rgba(255, 255, 255, .5) } .mailchimp-form input[type=email]::-moz-placeholder { color: rgba(255, 255, 255, .5) } .mailchimp-form input[type=email]:-ms-input-placeholder { color: rgba(255, 255, 255, .5) } .mailchimp-form input[type=email]:focus, .mailchimp-form input[type=text]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } .mailchimp-form p span { padding-right: 5px } .mailchimp-form input[type=submit] { padding: 0 18px; line-height: 49px; height: auto; border: none; color: #FFF; cursor: pointer; outline: 0; display: inherit; text-transform: uppercase; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 13px; font-weight: 400 } .mailchimp-form input[type=submit]:hover { opacity: .8; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .widget.mailchimp p.error { border: 1px solid red; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } .office_locations { clear: both; float: left; width: 100%; border-top: 2px solid #022444; border-bottom: 2px solid #022444; padding: 28px 0 24px; margin: -1px 0 0; font-size: 13px; line-height: 100% } .office_locations p { text-transform: uppercase; float: left; margin-bottom: 0 } ul.dt-sc-locations { margin: 0 0 0 20px; padding: 0; display: inline-block } ul.dt-sc-locations li { padding: 0; float: left; display: inline-block; position: relative } ul.dt-sc-locations li a { padding: 25px 0 28px } ul.dt-sc-locations li:after { content: "|"; padding: 0 10px } ul.dt-sc-locations li:last-child:after { content: ""; padding: 0 } .office_locations .dt-sc-text-overlay { float: left; padding: 15px 20px 20px; height: auto; left: 0; opacity: 0; position: absolute; bottom: 41px; transition: opacity .2s ease 0s; -moz-transition: opacity .2s ease 0s; -webkit-transition: opacity .2s ease 0s; visibility: hidden; width: 210px; background: #FFF; border: 1px solid #ccc; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0 } .footer-logo span, footer { background-repeat: no-repeat } ul.dt-sc-locations li:hover .dt-sc-text-overlay { opacity: 1; visibility: visible } .back-to-top:hover, .footer-logo a:hover span { opacity: .8 } ul.dt-sc-locations li .dt-sc-text-overlay p { text-transform: none; line-height: 24px; color: #838585; position: relative; padding: 0 0 0 18px; margin: 0 0 5px; font-size: 12px } ul.dt-sc-locations li .dt-sc-text-overlay a.dt-sc-button { padding: 9px 19px; color: #FFF } ul.dt-sc-locations li .dt-sc-text-overlay a.dt-sc-button:hover { color: #FFF } .dt-sc-text-overlay:before, .office_locations .dt-sc-text-overlay:after { top: 100%; left: 33px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .office_locations .dt-sc-text-overlay:after { border-color: rgba(107, 213, 68, 0); border-top-color: #FFF; border-width: 11px; margin-left: 1px } .office_locations .dt-sc-text-overlay:before { border-color: rgba(194, 225, 245, 0); border-top-color: #ccc; border-width: 12px; margin-left: 0 } .office_locations .dt-sc-text-overlay p span { float: left; margin: 0; line-height: inherit; position: absolute; left: 0; top: 0 } .office_locations .dt-sc-text-overlay .address span { padding-bottom: 30px } .fixed-help-form { position: fixed; z-index: 99999; right: 0; top: 35px; width: 300px; border: 1px solid; border-right: none; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; padding: 22px 20px; font-weight: 400 } .fixed-help-form .fixed-help-form-icon { position: absolute; left: -50px; top: 25px; color: #FFF; font-size: 20px; width: 50px; height: 60px; cursor: pointer; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; line-height: 60px; text-align: center; border: 1px solid; border-right: none } .fixed-help-form h4 { color: #FFF } .fixed-help-form p { font-size: 13px; float: left; width: 100% } .fixed-help-form p span { font-size: 14px } .fixed-help-form .help-form input[type=email], .fixed-help-form .help-form input[type=text], .fixed-help-form .help-form select { background-color: rgba(255, 255, 255, .11); border: none; outline: 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 10px 15px; margin: 0 } .fixed-help-form .help-form select { padding: 12px 15px; height: auto; height: 43px } .fixed-help-form .help-form input[type=email]:focus, .fixed-help-form .help-form input[type=submit], .fixed-help-form .help-form input[type=text]:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none } .fixed-help-form .help-form span.select-sort:before { right: 16px; top: 20px } .fixed-help-form .help-form span.select-sort:after { border: none; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; width: 43px; height: 43px; top: 0 } .fixed-help-form .help-form input[type=submit] { text-transform: none; color: #FFF; font-size: 16px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: none; outline: 0; padding: 12px 18px } footer { width: 100%; margin: 0; padding: 25px 0 0; float: left; clear: both; position: relative; border-bottom: 5px solid; border-top: 1px solid; background-position: center top; font-size: 13px } .footer_top { text-align: center; margin: 0 0 50px; width: 100% } .footer-logo { display: table; margin: 0 auto } .footer-logo a { display: table-cell; font-weight: 700; width: 103px } .footer-logo a:first-child { text-align: right } .footer-logo a:last-child { text-align: left } .footer-logo span { background-image: url(images/footer_justice.png); background-position: center center; width: 60px; height: 60px; display: inline-block; margin: 0 10px } .footer-widgets-wrapper { width: 100%; clear: both; float: left } footer ul.dt-sc-social-icons { width: 370px; border-top: 1px solid; border-bottom: 1px solid; display: block; margin: 10px auto 0; padding: 15px 0 } footer h3.widgettitle, footer ul.dt-sc-social-icons { border-color: rgba(255, 255, 255, .1) } footer ul.dt-sc-social-icons li, footer ul.dt-sc-social-icons li:last-child { margin-right: 0 } footer h3.widgettitle { padding-bottom: 15px; color: #FFF; border-bottom: 3px double rgba(255, 255, 255, .1); text-transform: uppercase } h3.widgettitle { font-size: 13px; padding-bottom: 10px; margin-bottom: 30px } footer h3 a { color: #FFF } footer .widget { float: left; width: 100%; padding-bottom: 20px; margin: 0 } footer .widget ul { width: 100%; margin: 0; padding: 0 } footer .widget ul li { width: 100%; font-weight: 400; display: block; position: relative; line-height: 19px; padding: 11px 0; background: url(images/footer_links_splitter.png) bottom left repeat-x } footer .widget ul li:first-child { padding-top: 0 } footer .widget ul li:last-child { background: 0 0 } footer .dt-sc-contact-info, footer .dt-sc-contact-info a, footer .dt-sc-contact-info a:hover, footer .widget.widget_text ul li a { display: block } .widget_links ul li:hover a, .widget_links ul li:hover a:before { color: #A99479 } footer .widget_text_logo { float: left; width: 100%; margin: 0; padding: 0 } footer .widget_text_logo img { margin-right: 10px; float: left } footer .widget_text_logo h4 { text-transform: uppercase; font-weight: 700; margin-bottom: 5px } footer .widget_text_logo a { margin: 15px 0 0; float: left } footer .widget_text_logo span i { font-size: 14px } footer .dt-sc-contact-info { clear: both; float: left; width: 100%; margin: 0 0 19px; padding: 0; border: 0; line-height: 22px } footer .dt-sc-contact-info span { float: left; margin: 0 10px 0 0; font-weight: 700; width: 90px } footer .dt-sc-contact-info span i { margin: 3px 5px 0 0 } .copyright { clear: both; width: 100%; margin: 0 auto; padding: 15px 0 18px; display: block; font-size: 12px; text-align: center } .copyright .footer-links { padding: 0; display: inline-block } .copyright .footer-links ul { margin: 0; padding: 0; float: left } .copyright .footer-links ul li { margin: 0 8px 0 0 } .copyright .footer-links ul li:last-child { margin: 0 } .copyright .footer-links ul li a { width: 35px; height: 35px; display: block; line-height: 40px; text-align: center; padding: 0 } .copyright .copyright-info { margin: 0; line-height: 35px; display: inline-block } ul.footer-links { margin: 0 0 0 5px; display: inline-block } ul.footer-links li { display: inline-block; padding-bottom: 0 } ul.footer-links li:after { content: "|"; padding: 0 2px } ul.footer-links li:last-child:after { content: ""; padding: 0 } .back-to-top { position: fixed; background-color: rgba(0, 0, 0, .3); font-size: 18px; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; color: #FFF; text-align: center; display: none; z-index: 9999 } #dt-style-picker, #dt-style-picker ul { text-align: center; width: 225px; margin: 0; float: left } .back-to-top:hover span { color: #FFF } #dt-style-picker h2, #dt-style-picker h3 { width: 100%; color: #848484; text-transform: uppercase } .dt-style-picker-wrapper { position: fixed; z-index: 99999; left: 0; top: 204px } #dt-style-picker { background: #fff; border: 1px solid #f0f0f0; position: absolute; top: 0; z-index: 1; padding: 0 0 10px } #dt-style-picker h2 { background: #fff; border-bottom: 1px solid #f0f0f0; font: 400 12px Tahoma, Geneva, sans-serif; line-height: 48px; margin: 0 0 15px; padding: 0 } #dt-style-picker h3 { font: 400 12px Tahoma, Geneva, sans-serif; padding: 0 0 10px; margin: 0 } #dt-style-picker ul { padding: 0 } #dt-style-picker ul li { display: inline-block; display: inline; list-style-type: none; padding: 0; margin: 0 0 6px } #dt-style-picker ul li a { background: #fff; border: 1px solid #fff; padding: 2px; display: inline-block; margin: 0; line-height: 0 } #dt-style-picker ul li a img, #dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border: 1px solid #e2d6c1 } #dt-style-picker .hr { background: url(images/style-picker/seperator.png) no-repeat; width: 100%; height: 25px; margin: -10px 0 10px; float: left } .fixed-help-form .fixed-help-form-icon img, .style-picker-ico img { -webkit-animation: spin 4s infinite linear; -moz-animation: spin 4s infinite linear; animation: spin 4s infinite linear; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0 } @-moz-keyframes spin { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0) } to { -webkit-transform: rotate(360deg) } } @keyframes spin { from { transform: rotate(0) } to { transform: rotate(360deg) } } @media only screen and (min-device-width:300px) and (max-device-width:767px) { .dt-style-picker-wrapper { display: none } #zoom { width: 300px; height: 300px; margin: 20px 0 0 } } .img-text { font-size: 18px; padding-top: 15px; text-align: left; } @media only screen and (min-device-width:768px) and (max-device-width:3000px) { .dt-style-picker-wrapper { display: none } #zoom { width: 270px; height: 270px; float: left; margin-left: 40px; margin-top: 20px } .hover-img, .modal { text-align: center } .modal { margin-top: 80px; display: none; position: fixed; z-index: 130; left: 0; top: -80px; width: 100%; height: 100%; overflow-x: hidden; background: url(img/fancybox_overlay.png) } .hover-img { margin-top: 200px; width: 300px; height: 300px; border: 15px solid #f9f9f9; border-radius: 10px } .close-img { position: absolute; right: 617px; top: 190px; width:40px;height:40px; font-weight: bold; color: #f1f1f1; } } @media only screen and (min-device-width:300px) and (max-device-width:767px) { .modal { display: none; position: fixed; z-index: 130; left: 0; top: -199px!important; width: 100%; height: 100%; margin-top: 200px; overflow-y: hidden!important; background: url(img/fancybox_overlay.png) } .hover-img { text-align: center; margin-top: 200px; margin-left: 30px; width: 300px; height: 300px; border: 15px solid #f9f9f9; border-radius: 10px } .close-img { position: fixed; right: 10px; top: 190px; width:40px;height:40px; font-weight: bold; color: #f1f1f1; } #mail { display: none } } .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0 } img { margin-bottom: -4px } .caption-container { text-align: center; background-color: #000; padding: 2px 16px; color: #fff } img.hover-shadow { transition: .3s } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) } @media only screen and (min-device-width:300px) and (max-device-width:767px) { .fixed-help-form p { font-size: 13px; float: left; width: 100%; height: 40px } .fixed-help-form { top: 0 } #btn { padding-top: 60px; padding-bottom: 15px } .dt-sc-one-fourth1 { width: 100%!important } #prescription { width: 100% } #primary.page-with-sidebar { width: 900px; margin: 70px 20px 0 0; padding: 0 } .office_locations { padding: 0!important } } .office_locations { padding-left: 0!important } .img-color, .img-color1 { float: left; display: inline } @media only screen and (min-device-width:300px) and (max-device-width:767px) { .demo { width: 0!important; padding: 10px!important } } .demo { background: #dddcda; width: 1300px } .email-signature { background: #fff; box-shadow: 0 0 10px #E91E63; padding: 105px 15px 80px 370px; position: relative; overflow: hidden } .email-signature:after, .email-signature:before { content: ''; height: 60%; width: 120%; border-radius: 50%; background: linear-gradient(to right, #04fbe4, #0b27c2); transform: translateX(-50%); position: absolute; left: 50%; top: -35% } .email-signature:after { top: 76% } .email-signature .signature-icon { color: #454CCA; background: #fff; font-size: 70px; text-align: center; line-height: 10px; width: 150px; height: 150px; border-radius: 50%; box-shadow: 0 0 15px #FFC107; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left: 50%; z-index: 1 } .email-signature .signature-detail { text-align: left; width: 170px; transform: translateY(-50%); position: absolute; top: 50%; left: 15px } .email-signature .title { font-size: 22px; font-weight: 600; margin: 0 0 5px } .email-signature .post { font-size: 16px; font-style: italic; margin: 0 } .email-signature .signature-content { padding: 0 40px 0 0; margin: 0; list-style: none; text-align: right; display: block } .email-signature .signature-content li { color: #949494; font-size: 13px; margin-bottom: 5px } @media only screen and (max-width:1200px) { .email-signature { padding: 160px 110px 160px 525px } } @media only screen and (max-width:990px) { .email-signature { padding: 60px 10px 60px 405px } } @media only screen and (max-width:767px) { .email-signature { padding: 190px 10px 110px; font-size: 15px } .email-signature:before { top: -45% } .email-signature:after { top: 85% } .email-signature .signature-icon { top: 4%; transform: translateX(-50%) translateY(0) } .email-signature .signature-detail { text-align: center; display: block; transform: translateY(0); position: relative; top: 0; left: 0 } .email-signature .signature-content { text-align: left; float: none; margin: 0 auto 10px } } .box .post, .box .title { transform: translateX(-200px) } #main-menu>ul.menu>li.current_page_item>a, #main-menu>ul.menu>li>a:hover, #main-menu>ul>li:hover>a { background-color: #f27805!important } #main-menu ul li.menu-item-simple-parent ul:before, .megamenu-child-container:before { background: #087a9b!important } #main-menu ul.menu li ul li a:hover, #secondary .widget .investigation_content h6 a:hover, .dt-sc-counter .icon span, .dt-sc-ico-content.type3:hover h6 a, .ls-l.caption-2, ul.dt-sc-locations li .dt-sc-text-overlay a:hover { color: #b90c83!important } .about-author .author-thumb img, .attorney_content .image img, .dt-sc-team .dt-sc-team-thumb img, .dt-sc-testimonial .author img, .menu-item-widget-area-container .textwidget img, .our-people-detail .image img, .pagination ul li a:hover { border-color: #034043!important } #secondary.type2 .widget:before { background: #e328a8!important } #content { background: #fff; padding: 20px; margin-top: 20px; border-left: 2px solid #441134; border-right: 2px solid #441134; border-top-color: #e91e63!important; border-bottom-color: #034043!important; font-size: 18px; border-bottom: 3px solid #e91e63!important; border-radius: 25px 50px 50px 25px } ul.dt-sc-tabs-frame li a.current, ul.dt-sc-tabs-vertical-frame li a.current { background-image: linear-gradient(#c6d0d0, #034043)!important; border-top-color: #ff5200!important } #secondary.type2 .widget:after { background-color: #f27805!important } #secondary .widget_text .dt-sc-bordered-button { background: #045571!important } .dt-sc-hr-title:after { background-color: #f27805!important } .our-people-detail-info { padding-top: 20px } @media only screen and (min-device-width:300px) and (max-device-width:767px) { #middle-img, #video-img { width: 300px!important; height: 250px!important } .box1, .dt-sc-one-third3 { width: 100%!important } .box1 { height: auto!important; margin-left: 2px!important } #slider1 { padding-top: 30px } } [type=radio] { display: none } #slider1 { height: 30vw; position: relative; perspective: 1000px; transform-style: preserve-3d } #slider1 label { margin: auto; width: 70%; height: 85%; border-radius: 4px; position: absolute; left: 0; right: 0; cursor: pointer; transition: transform .4s ease } #s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37); transform: translate3d(-30%, 0, -200px) } #s1:checked~#slide5, #s2:checked~#slide1, #s3:checked~#slide2, #s4:checked~#slide3, #s5:checked~#slide4 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2); transform: translate3d(-15%, 0, -100px) } #s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 { box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19); transform: translate3d(0, 0, 0) } #s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2); transform: translate3d(15%, 0, -100px) } #s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37); transform: translate3d(30%, 0, -200px) } #slide1 { background-image: url(img/banner1.jpg) } #slide2 { background-image: url(img/banner2.jpg) } #slide3 { background-image: url(img/banner3.jpg) } #slide4 { background-image: url(img/banner4.jpg) } #slide5 { background-image: url(img/banner5.jpg) } @media only screen and (min-device-width:768px) and (max-device-width:4500px) { #slider1 { padding-top: 30px } .box1 { display: inline-block; float: left; height: 370px!important; padding: 10px; margin-left: 35px; width: 85%; -webkit-transition: width 1s; -moz-transition: width 1s; transition: width 1s } } .box1 a, .box1 span { display: block; text-align: center } .box1.about, .box1.home, .box1.portfolio { background-image: radial-gradient(#0788dc, #071d2f) } .box1 a { color: #FFF; text-decoration: none; height: 100%; padding-top: 20px } .box1 span { position: relative; top: 100%; -webkit-transition: top 1s; -moz-transition: top 1s; transition: top 1s } .nav1:hover .box1 { width: 10% } .nav1 .box1:hover { width: 100% } .box1:hover span { top: 25% } .dt-sc-bordered-title { border-top-color: #E91E63!important } .dt-sc-bordered-title:after, .dt-sc-toggle-accordion:after { background-color: #07609b!important } #item-image { -ms-transform: scale(.8); -webkit-transform: scale(.8); transform: scale(.8) } #item-image:hover { -ms-transform: scale(.9); -webkit-transform: scale(.9); transform: scale(.9) } @media only screen and (min-device-width:300px) and (max-device-width:767px) { #item-image { width: 300px!important; margin-left: 5px!important } #slide1, #slide2, #slide3, #slide4, #slide5 { background-repeat: no-repeat } #slide1 { background-image: url(img/banner-1.jpg) } #slide2 { background-image: url(img/banner-2.jpg) } #slide3 { background-image: url(img/banner-3.jpg) } #slide4 { background-image: url(img/banner-4.jpg) } #slide5 { background-image: url(img/banner-5.jpg) } .dt-sc-one-third4, .dt-sc-one-third5 { width: 100%!important } } @media only screen and (min-device-width:767px) and (max-device-width:5000px) { .img-text { padding-top:12px!important; font-size:18px!important; line-height:35px; } }