/* Table of Content ================================================== 1.0 - Custom Class 2.0 - Browser Fix 3.0 - DT Responsive*/ /*-------------------------------------------------------------- 1.0 - Custom Class --------------------------------------------------------------*/ a.video-image span:after, .front-portfolio .image-overlay h5, .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .title_uppercase { text-transform:uppercase; } .title_bold { font-weight:bold; } /* http://prntscr.com/dydrzx = Reseller Hosting page */ /* .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after, .extend-bg-fullwidth-right.vc_col-has-fill > .vc_column-inner { position: relative; } */ .extend-bg-fullwidth-left:not(.vc_col-has-fill):after, .extend-bg-fullwidth-right:not(.vc_col-has-fill):after, .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after, .extend-bg-fullwidth-right.vc_col-has-fill > .vc_column-inner:after { content:""; display:inline !important; height:100%; position:absolute; top: 0; width: 9999px; z-index: -1; } .extend-bg-fullwidth-left:not(.vc_col-has-fill):after, .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after { right:100%; } .extend-bg-fullwidth-right:not(.vc_col-has-fill):after, .extend-bg-fullwidth-right.vc_col-has-fill > .vc_column-inner:after { left:100%; } .extend-bg-fullwidth-left:after, .extend-bg-fullwidth-right:after, .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after, .extend-bg-fullwidth-right.vc_col-has-fill > .vc_column-inner:after { background-color: inherit; } .dt-sc-special-testimonial-container .extend-bg-fullwidth-left:after, .dt-sc-special-testimonial-container .extend-bg-fullwidth-right:after { background: none; } .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left:not(.vc_col-has-fill):after, .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after { right: 0; transform: skewX(-30deg) translateX(18px); z-index: 0; box-shadow: 8px 0 0 0 #fff; } .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left:not(.dt-col-static-position) > .vc_column-inner { position: relative; z-index: 1 !important; } .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:before { left: 0; transform: skewX(-30deg) translateX(-32px); } .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left[class*="dt-skin-"], .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-right[class*="dt-skin-"] { background-color: transparent; } a.video-image span { font-size: 40px; position: relative; height: 75px; width: 75px; line-height: 75px; color: #fff; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } a.video-image span:after { position: absolute; display: block; content: ""; height: 75px; width: 75px; line-height: 75px; border-radius: 50%; background: #2b2b2b; color: #fff; -webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.35); -moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.35); box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.35); z-index: -1; top: 0; left: -2px; } a.video-image span:hover:after { background: #fff; } .image-overlay-icon .vc_single_image-wrapper { position: relative; } .image-overlay-icon .vc_single_image-wrapper:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; right: 0; margin: 0 auto; position: absolute; } .image-overlay-icon a.video-image { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; } .gradient-parallax:before { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: -moz-linear-gradient(left, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.72) 30%, rgba(229, 229, 229, 0) 40%, rgba(229, 229, 229, 0) 100%); background: -webkit-linear-gradient(left, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.72) 30%, rgba(229, 229, 229, 0) 40%, rgba(229, 229, 229, 0) 100%); background: linear-gradient(to right, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.72) 30%, rgba(229, 229, 229, 0) 40%, rgba(229, 229, 229, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f6', endColorstr='#00e5e5e5', GradientType=1); } .gradient-parallax .gradient-content { z-index: 9; padding-right: 45px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .safari-hack.vc_row.vc_row-flex { display: block !important; } } /*.vc_row.vc_row-flex, .vc_row.vc_row-flex > .vc_column_container*/ /*----*****---- << Vc Column custom class >> --****--*/ .rs_no-padding_column.wpb_column, .vc_col-md-12.wpb_column.rs_no-padding_column { margin-top: -1px; padding-bottom: 0; margin-bottom:0; } /* http://prntscr.com/dydqdv */ .light-overlay:before { background:rgba(255, 255, 255, 0.8); } /* http://prntscr.com/dydsrd = Model Home page contact section */ .dark-overlay:before { background:rgba(0, 0, 0, 0.8); } /*----*****---- << Gray Scale >> --****--*/ /* http://prntscr.com/dydr06 = Hotel Our Firm Page */ .gray-scale:hover, .gray-scale:hover img { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-transition-property: -webkit-filter; -moz-transition-property: -moz-filter; -ms-transition-property: -ms-filter; -o-transition-property: -o-filter; transition-property: filter; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } /*----*****---- << Text with icon >> --****--*/ /* http://prntscr.com/dydrax = Fitness Home Page */ .dt-sc-text-with-icon { width:100%; clear:both; float:left; font-weight:bold; padding:12px 0px 12px 20px; } .dt-sc-text-with-icon span { font-size:18px; margin:0px 7px 0px 0px; position:relative; top:2px; font-weight:bold; } .dt-sc-text-with-icon.border-bottom { border-bottom:1px solid; } .dt-sc-text-with-icon.border-right { border-right:1px solid; } .dt-sc-dark-bg .dt-sc-text-with-icon span { color:#ffffff; } /*----*****---- << Hosting Domain Page Table >> --****--*/ /* http://prntscr.com/dydxr3 = Hosting Domain Page */ .hosting-table { border-top:0px; font-family:'Open Sans', sans-serif; } .hosting-table th { background:#e1e1e1; border-radius:5px 5px 0px 0px; color:#000000; font-weight:600; font-size:16px; border-right:1px solid #ffffff; padding:20px 15px; } .hosting-table tr td, .hosting-table tbody tr:nth-child(2n+1) td { background:rgba(0, 0, 0, 0.95); border-right:1px solid rgba(255, 255, 255, 0.2); border-bottom:0px; font-size:16px; font-weight:600; padding:25px 15px; } .hosting-table tbody tr td:last-child, .hosting-table tr th:last-child { border:none; } .hosting-table tbody tr:nth-child(2) td { background:rgba(0, 0, 0, 0.9); } .hosting-table tbody tr:nth-child(3) td { background:rgba(0, 0, 0, 0.85); } .hosting-table tbody tr:nth-child(4) td { background:rgba(0, 0, 0, 0.8); } .hosting-table tbody tr:nth-child(5) td { background:rgba(0, 0, 0, 0.75); } .hosting-table tbody tr:nth-child(6) td { background:rgba(0, 0, 0, 0.7); } .hosting-table tbody tr:nth-child(7) td { background:rgba(0, 0, 0, 0.65); } .hosting-table tbody tr:nth-child(8) td { background:rgba(0, 0, 0, 0.6); } .hosting-table tbody tr:nth-child(9) td { background:rgba(0, 0, 0, 0.55); } .hosting-table tbody tr:nth-child(10) td { background:rgba(0, 0, 0, 0.5); } .hosting-table tbody tr:nth-child(11) td { background:rgba(0, 0, 0, 0.45); } .hosting-table tbody tr:nth-child(12) td { background:rgba(0, 0, 0, 0.4); } .hosting-table tbody tr td:first-child { position:relative; } .hosting-table tbody tr td:first-child:before { content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#60ae0d; z-index:-1; } .hosting-table tbody tr td.new, .hosting-table tbody tr td.hot { position:relative; overflow:hidden; } .hosting-table tbody tr td.new:before, .hosting-table tbody tr td.hot:before { content:"New"; position:absolute; left:-20px; top:5px; padding:2px 22px; background:#60ae0d; color:#ffffff; font-size:12px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .hosting-table tbody tr td.hot:before { content:"Hot"; background:#e80505; padding:2px 24px; } /*----*****---- << Spa rounded corner image >> --****--*/ /* http://prntscr.com/dydylt = Spa */ .dt-sc-partially-rounded-alt { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .vc_min_height_right.wpb_column.vc_col-sm-6 { margin-left: 30px; width: calc(50% - 30px); } /* http://prntscr.com/e0ka7y * /*----*****---- << Image Caption With Counter >> --****--*/ /* http://prntscr.com/dydzek = Image caption counter */ .dt-sc-image-caption-with-counter { counter-reset:image-caption-counter; } .dt-sc-image-caption-with-counter h3 { counter-increment:image-caption-counter; } .dt-sc-image-caption-with-counter h3:before { content:counter(image-caption-counter, decimal-leading-zero); font-size:36px; font-weight:600; border-bottom:2px solid; float:left; margin:-10px 20px 0px 0px; padding:0px; } .dt-sc-image-caption-with-counter h3:before { font-family:'Open Sans', sans-serif; } .dt-sc-contact-details-on-map .dt-sc-map-overlay h3, .dt-sc-contact-details-on-map .map-switch-icon, .dt-sc-contact-details-on-map .map-switch-icon:hover { color:#ffffff; } .dt-sc-contact-details-on-map .map-switch-icon:hover { background:#000000; } /* http://prntscr.com/dydzs2 = Restaurant */ /*----*****---- << Photography Readmore Plus >> ----*****----*/ /* http://prntscr.com/dydzxp = Photography */ .dt-sc-readmore-plus-icon:before, .dt-sc-readmore-plus-icon:after { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .dt-sc-readmore-plus-icon { position:absolute; right:0px; bottom:0px; width:60px; height:60px; text-indent:-9999px; } .dt-sc-readmore-plus-icon:before, .dt-sc-readmore-plus-icon:after { content:""; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; } .dt-sc-readmore-plus-icon:before { height:1px; width:30px; } .dt-sc-readmore-plus-icon:after { height:30px; width:1px; } .dt-sc-readmore-plus-icon:before, .dt-sc-readmore-plus-icon:after { background:#ffffff; } .dt-sc-readmore-plus-icon { background:#000000; } .dt-sc-readmore-plus-icon:hover { background:rgba(0, 0, 0, 0.8); } /*----*****---- << Nightclub Home page Social icons >> ----*****----*/ .diamond-narrow-square-border li:before { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; } .diamond-narrow-square-border li a { color:#000000; } .diamond-narrow-square-border li a:hover { color:#ffffff; } /*-------------------------------------------------------------- 2.0 - Browser Fix --------------------------------------------------------------*/ /* IE9 and above override */ @media screen and (min-width:0\0) { .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 71px 0 0; } } /* IE9 only override */ .ie9 .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 72px 0 0; } /*-------------------------------------------------------------- 3.0 - DT Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1280px) and (max-width:1400px) { .portfolio-content0 { left: 47px !important; } } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /*----*****---- << Hosting >> ----*****----*/ .hosting-contact-info-container .dt-sc-contact-info.type7 span { left:10px; } /*----*****---- << Restaurant >> ----*****----*/ .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 72px 0 0; } /*----*****---- << Miscellaneous >> ----*****----*/ .dt-sc-text-with-icon { font-size: 13px; } .dt-sc-image-caption.type8 .dt-sc-image-title h6 { line-height: normal; } /*Portfolio*/ .portfolio-content {width: 194px !important; height: 168px !important;} .front-portfolio{height: auto !important;} .front-portfolio .image-overlay h5{top: 30% !important ;} .front-portfolio .image-overlay .link, .front-portfolio .image-overlay .zoom { top: 60% !important;} .front-portfolio:hover .link {left: 28% !important;} .front-portfolio:hover .zoom {right: 28% !important;} .portfolio-content1 { margin: -83px 0 0 205px !important;} .portfolio-content2 { margin:-82px 0px 0px 101px !important;} .portfolio-content3 {margin: 1px 6px 0px 205px !important;} .portfolio-content4 {margin:-84px 0px 0px -52px !important;} .portfolio-content5 {margin: 3px 0px 0px -47px !important;} .portfolio-content6{margin: -85px 0px 0px 352px !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li{top: 50px !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li a{line-height: 36px !important;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-text-with-icon { font-size: 11px; } .vc_row.vc_row-no-padding .dt-sc-map-overlay .wpb_column.vc_col-sm-3 { padding-left: 5px; padding-right: 5px; } .vc_row.vc_row-no-padding .dt-sc-map-overlay .wpb_column.vc_col-sm-3 .dt-sc-contact-info.type3 { font-size: 13px; padding-left: 10px; padding-right: 10px; } .vc_row.vc_row-no-padding .dt-sc-map-overlay .wpb_column.vc_col-sm-3 .dt-sc-contact-info.type3 h6 { font-size: 15px; } .dt-sc-contact-details-on-map .dt-sc-map-overlay { padding: 76px 0 0; } .rs_line_height p { line-height:normal !important; } /*----*****---- << Event >> ----*****----*/ .dt-sc-content-with-hexagon-shape { margin-left:16%; } .event-colored-box { margin-top:0; } .event-contact-info { margin-left:25%; } /*----*****---- << Architecture >> ----*****----*/ .architecture-process.rs_padding_override { padding-left:20px !important; padding-right:20px !important; } .column.wpb_column.dt-sc-one-fifth.vc_col-md-4 { width:32%; margin-bottom:20px; min-height:290px; } .column.wpb_column.dt-sc-one-fifth.vc_col-md-4:nth-child(4), .column.wpb_column.dt-sc-one-fifth.vc_col-md-4:nth-child(10) { margin-left:0; } .secondary-skin-gradient .dt-sc-contact-info, .secondary-skin-gradient .dt-sc-contact-info span { font-size: 40px; } /*Portfolio*/ .portfolio-content {width: 194px !important; height: 168px !important;} .front-portfolio{height: auto !important;} .front-portfolio .image-overlay h5{top: 30% !important ;} .front-portfolio .image-overlay .link, .front-portfolio .image-overlay .zoom { top: 60% !important;} .front-portfolio:hover .link {left: 28% !important;} .front-portfolio:hover .zoom {right: 28% !important;} .portfolio-content1 { margin: -83px 0 0 110px !important;} .portfolio-content2 { margin:-82px 0px 0px 101px !important;} .portfolio-content3 {margin: 1px 6px 0px 109px !important;} .portfolio-content4 {margin:-84px 0px 0px -52px !important;} .portfolio-content5 {margin: 3px 0px 0px -47px !important;} .portfolio-content6{margin: -85px 0px 0px 256px !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li{width: 16px !important;height: 28px !important;top: 45px !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li a{font-size: 12px !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li:after {border-top: 14px solid transparent !important;border-bottom: 14px solid transparent !important;border-left: 10px solid #fff !important;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li:before {border-top: 14px solid transparent !important;border-bottom: 14px solid transparent !important;border-right: 10px solid #fff !important;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{padding: 10px;} /*Contact*/ .dt-sc-class-hours-info li{font-size: 12px !important;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .fitness-form-container.extend-bg-fullwidth-right::after { background-color:transparent; } .fitness-form-container.extend-bg-fullwidth-right .vc_column-inner { padding-left:30px !important; padding-right:30px !important; } .fitness-contact-boxes .wpb_text_column, .fitness-contact-boxes .wpb_text_column:nth-child(2), .fitness-contact-boxes .wpb_text_column:last-child, .fitness-contact-boxes .wpb_text_column:nth-child(3) { width:100%; padding:10px 0px; } .hotel_blockquote-type4 blockquote.type4 { margin-top:0; } .event-colored-box { margin-top:0; } .event-contact-info.wpb_column { width: 320px; padding: 85px 30px 30px; float: none; } .gradient-parallax:before { background: -moz-linear-gradient(to right, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.75) 30%, rgba(242, 243, 246, 0.65) 40%, rgba(242, 243, 246, 0.55)60%, rgba(229, 229, 229, 0) 100%); background: -webkit-linear-gradient(to right, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.75) 30%, rgba(242, 243, 246, 0.65) 40%, rgba(242, 243, 246, 0.55)60%, rgba(229, 229, 229, 0) 100%); background: linear-gradient(to right, rgba(242, 243, 246, 1) 20%, rgba(242, 243, 246, 0.75) 30%, rgba(242, 243, 246, 0.65) 40%, rgba(242, 243, 246, 0.55)60%, rgba(229, 229, 229, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f6', endColorstr='#00e5e5e5', GradientType=1); } /*----*****---- << Hosting >> ----*****----*/ .hosting-contact-info-container .dt-sc-contact-info.type7 span { left:0; } .hosting-contact-info-container .dt-sc-contact-info.type7 { padding-left:100px; } .rs_client_testimonial-center .dt-sc-image-flip a { position:relative; display:block; } .rs_client_testimonial-center .dt-sc-image-flip { text-align:center; } .hosting-table th { font-size:13px; padding:13px 10px; text-transform: capitalize; } .hosting-table tr td, .hosting-table tbody tr:nth-child(2n+1) td { font-size:13px; padding:21px 10px; } .hosting-contact-info-container:before { content:none; } .extend-bg-fullwidth-left::after { content:none; } /*----*****---- << Custom Class >> ----*****----*/ .rs_col_no_btm_space .wpb_column, .rs_col_no_btm_space.wpb_column, .rs_negative-margin_override.vc_row { margin-left:0 !important; } .rs_padding_override_zero.vc_row, .rs_padding_override_zero.wpb_column .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } .secondary-skin-gradient .dt-sc-contact-info, .secondary-skin-gradient .dt-sc-contact-info span { font-size: 30px; } /*----*****---- << Custom Class >> ----*****----*/ .rs_padding_override.vc_row, .rs_padding_override.wpb_column .vc_column-inner { padding-left: 50px !important; padding-right: 50px !important; } .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left:not(.vc_col-has-fill):after, .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-left.vc_col-has-fill > .vc_column-inner:after, .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-right:not(.vc_col-has-fill):after, .vc_row.extend-bg-fill-slanting .extend-bg-fullwidth-right.vc_col-has-fill > .vc_column-inner:after { margin: 0 -15px; left: 0; right: 0; transform: none; } .portfolio-content0, .portfolio-content1, .portfolio-content2, .portfolio-content3, .portfolio-content4, .portfolio-content5, .portfolio-content6{margin:0 0 30px auto !important; float: none !important; display: inline-block !important;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /*----*****---- << Event location page >> ----*****----*/ .event-contact-info.wpb_column { width:100%; margin:20px 0px 0px 0px; } .event-contact-info:before { left:0px; width:100%; background-size:100%; } .event-contact-info .dt-sc-sociable li { margin-bottom:20px; } /*----*****---- << Custom Class >> ----*****----*/ .rs_padding_left-override.vc_row .vc_column-inner, .rs_padding_left-override.wpb_column .vc_column-inner { padding-left:15px !important; } .vc_row.vc_row-no-padding .responsive-padding > .vc_column-inner { padding-right: 35px; padding-left: 35px; } /*----*****---- << Attorney >> ----*****----*/ .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame { display: block; min-height: auto !important; width: 100%; } .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame > li > a { margin: 0; } .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame > li > a.current, .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame > li > a { border-right:1px solid rgba(0, 0, 0, 0.1); } .dt-sc-tabs-vertical-frame-container.rs_align_middle .dt-sc-tabs-vertical-frame-content { margin-top: 1px; } .gradient-content .dt-sc-button.medium { padding: 14px 20px; } .overflow-content { margin: 0; } /*----*****---- << Hosting >> ----*****----*/ .hosting-table th { text-transform:capitalize; font-size:12px; padding:13px 6px; } .hosting-table tr td, .hosting-table tbody tr:nth-child(2n+1) td { font-size:12px; padding:22px 8px; } /*----*****---- << Miscellaneous >> ----*****----*/ .rs_fontsize_small { font-size: 40px !important; } .rs_padding_override.vc_row, .rs_padding_override.wpb_column .vc_column-inner { padding-left: 30px !important; padding-right: 30px !important; } /*----*****---- << Business >> ----*****----*/ .business-contact-social li { margin: 0 15px; } .portfolio-content {width: 254px !important;height: 220px !important;} .front-portfolio {height: 212px !important;} .front-portfolio .image-overlay h5 {top: 31% !important;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /*----*****---- << Event location page >> ----*****----*/ .event-contact-info.wpb_column { padding-left:20px; padding-right:20px; } .event-contact-info .dt-sc-contact-info span { width:100%; text-align:center; float:none; margin:0; } /*----*****---- << Hosting contact Page >> ----*****----*/ .hosting-contact-info-container:before { left:0; } .hosting-contact-info-container .dt-sc-contact-info.type7 { padding-left:0px; } .hosting-contact-info-container .dt-sc-contact-info.type7 span { left:0px; } .hosting-contact-info-container:before { width:100%; } /*----*****---- << Hosting Domain Page >> ----*****----*/ .hosting-table th { font-size:10px; padding:13px 0; } .hosting-table tr td, .hosting-table tbody tr:nth-child(2n+1) td { font-size:10px; padding:21px 7px; } /*----*****---- << Common >> ----*****----*/ .rs_fontsize_small { font-size: 32px !important;} /* http://prntscr.com/dydp42, http://prntscr.com/dydpkf */ .rs_padding_override.vc_row, .rs_padding_override.wpb_column .vc_column-inner {padding-left: 20px !important; padding-right: 20px !important; } /*----*****---- << Fitness >> ----*****----*/ .dt-sc-text-with-icon { font-size: 10px; padding-left: 15px; } .dt-sc-text-with-icon span { font-size: 15px; margin-right: 5px; } .portfolio-content {width: 200px !important;height: 172px !important;} .front-portfolio {height: 166px !important;} .front-portfolio .image-overlay h5 {top: 28% !important;} .front-portfolio:hover .link {left: 29% !important;} .front-portfolio:hover .zoom {right: 29% !important;} } /*Kids Life Portfolio*/ .portfolio-content{background-image:url(../images/hexagon.png); background-repeat:no-repeat; background-size:contain; display:inline-block; width:381px; height:330px; position:relative; overflow:hidden; z-index:9;} .portfolio-content0{margin:auto; display:block; right:0px; left:0px;} .portfolio-content1{margin:-168px 0 0 114px; float:left;} .portfolio-content2{margin:-168px 0px 0px 182px; float:left;} .portfolio-content3{margin:-6px 0px 0px 114px; float:left;} .portfolio-content4{margin:-168px 0px 0px -100px; float:left;} .portfolio-content5{margin:-6px 0px 0px -100px; float:left;} .portfolio-content6{margin:-168px 0px 0px 395px; float:left;} .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .portfolio-content0 .image-overlay{ background-color: rgba(234,157,95,0.9); } .front-portfolio{overflow:hidden; position:absolute; display:inline-block; height:318px; left:0; top:0; transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); right:0; bottom:0; margin:auto;} .portfolio-outer{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);} .front-portfolio .portfolio-thumb{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,.front-portfolio .image-overlay{visibility:visible; opacity:1; display:none;} ::i-block-chrome,.front-portfolio:hover .image-overlay{display:block;} ::i-block-chrome,#main #primary.with-right-sidebar .portfolio.dt-sc-one-third .portfolio-thumb, ::i-block-chrome,#main #primary.with-left-sidebar .portfolio.dt-sc-one-third .portfolio-thumb{max-height:247px;} ::i-block-chrome,.dt-sc-testimonial blockquote q:before, ::i-block-chrome,.dt-sc-testimonial blockquote q:after{width:35px;} ::i-block-chrome,#primary.page-with-both-sidebar .portfolio.dt-sc-one-third .portfolio-thumb{max-height:173px;} } .image-overlay h5 a{color:inherit;} .front-portfolio .portfolio-thumb img{height:100%;} .image-overlay a:hover, .wrapper .image-overlay h5 a:hover{color:#333338 !important;} .portfolio-thumb:hover .image-overlay{visibility:visible; opacity:1;} .front-portfolio .image-overlay h5{top:35%; left:0px; right:0px; margin:auto; text-align:center; position:absolute; text-transform:uppercase; color:#FFF; font-weight:500; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);} .front-portfolio .image-overlay h5 a{color:#FFFFFF;} .front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom{background:#fff; cursor:pointer; display:inline-block; font-size:18px; height:42px; line-height:42px; width:25px; text-align:center; position:absolute; z-index:9999;} .front-portfolio .image-overlay .link{top:55%; margin:-23px 0px 0px; left:-30px;} .front-portfolio .image-overlay .zoom{top:55%; margin:-23px 0px 0px; right:-30px;} .front-portfolio:hover .link{left:35%;} .front-portfolio:hover .zoom{right:35%;} .front-portfolio:hover .image-overlay h5{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .front-portfolio a.link, .front-portfolio a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;} .front-portfolio .image-overlay a.link:before, .front-portfolio .image-overlay a.zoom:before{content:""; position:absolute; left:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-right:14px solid #FFFFFF;} .front-portfolio .image-overlay a.link:after, .front-portfolio .image-overlay a.zoom:after{content:""; position:absolute; right:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-left:14px solid #FFFFFF;} .front-portfolio-container .carousel-arrows{width:100%; display:inline-block; text-align:center; margin:50px auto 0;} .front-portfolio-container .carousel-arrows a{font-size:24px; color:#898b8c; width:50px; height:50px; line-height:44px; margin:0px 14px; display:inline-block; border:2px solid #898b8c; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .front-portfolio-container .carousel-arrows a:hover{border:2px solid #000000;} .front-portfolio-container .carousel-arrows a.front-portfolio-prev span{margin-left:-1px;} .image-overlay {float: left;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: opacity 0.2s ease 0s;-moz-transition: opacity 0.2s ease 0s;-webkit-transition: opacity 0.2s ease 0s;width: 100%;} /*Team*/ .hexagon-shape .dt-sc-team-thumb:after {background-image: url(../images/mask.png);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: -1px;max-width: 220px;max-height: 192px;} .hexagon-shape .dt-sc-team-thumb{max-width: 220px;max-height: 192px;float: none;margin: 0 auto;position: relative;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social {top: 0; height:100%;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li{top: 60px; position: relative;width: 25px;height: 36px; background-color: #fff; z-index: 9;margin: 0px 12px;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li a{width: auto; color:#7c7c7c;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li:before {content: "";position: absolute;left: -10px;width: 0px;height: 0px;border-top: 18px solid transparent;border-bottom: 18px solid transparent;border-right: 10px solid #fff;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li:after {content: "";position: absolute;right: -10px;width: 0px;height: 0px;border-top: 18px solid transparent;border-bottom: 18px solid transparent;border-left: 10px solid #fff;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape:hover .dt-sc-team-details, .dt-sc-team.hide-social-show-on-hover.hexagon-shape.dt-sc-team .dt-sc-team-details{ background-color: transparent; } .dt-sc-team.hide-social-show-on-hover.hexagon-shape:hover .dt-sc-team-details h4, .dt-sc-team.hide-social-show-on-hover.hexagon-shape:hover .dt-sc-team-details h5{color: inherit;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-details h4{ font-weight: normal; } .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-details h5{color: #808080;font-style: italic;font-weight: normal;font-size: 16px;margin-bottom: 20px;font-family: 'Lato', sans-serif;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-social li:hover {opacity: 0.8;} .dt-sc-team.hide-social-show-on-hover.hexagon-shape .dt-sc-team-details{padding-top: 20px;} /*Mega menu*/ .heading-bottom-img{color: #343434;display: block;font-size: 22px;background-image: url(../images/megamenu-title_bg.png);padding-bottom: 25px;margin-bottom: 0px;background-repeat: repeat-x;background-position: left bottom;} .dt-header-menu .dt-primary-nav .mega-menu-style li a{padding: 8px 0px 2px 20px} /*Tittle design*/ .separator-img, .separator{position: relative; text-align: center;padding: 0px 0px 30px;margin: 0px 0px 30px;} .separator-img:after {background-image: url(../images/title_bg.png);background-repeat: no-repeat;background-position: center bottom;content: "";width: 125px;height: 13px;position: absolute;bottom: 0px;left: 0px;right: 0px;margin: 0 auto;background-size: 100% 100%;} .separator.white {text-align: center;width: 100%;background: url(../images/title_bg_white.png) center bottom no-repeat;display: inline-block;line-height: inherit;position: static;} /*Footer bg*/ footer:before {content: "";position: absolute;top: -46px;left: 0px;width: 100%;height: 46px;background: url(../images/footer_top_bg.png) center top no-repeat;background-size: auto auto;background-size: cover;} footer{width: 100%;margin: 0px;padding: 65px 0px 0px;float: left;clear: both;background-image: url(../images/footer_bg.png);background-color: #FFFFFF;position: relative;background-position: center top;} footer h3:after {content: "";padding: 0px;max-width: 275px;width: 100%;display: inline-block;background-image: url(../images/footer_title_bg.png);background-position: left bottom;background-repeat: no-repeat;position: absolute;bottom: 0px;left: 0px;height: 14px;} footer h3{position: relative;margin-bottom: 25px;padding-bottom: 25px;font-size: 22px;} footer h3.red_sketch:after {background-color: #f27c7e;} footer h3.green_sketch:after {background-color: #acc158;} footer h3.yellow_sketch:after {background-color: #fce485;} footer h3.steelblue_sketch:after {background-color: #4c7296;} /*Footer Newsletter*/ footer .dt-sc-newsletter-section.type2 {text-align: left; padding: 15px 0px;} footer .dt-sc-newsletter-section.type2 h2 {font-family: lato;padding-bottom: 0px;font-size: 14px;font-weight: 700;color: inherit;margin-bottom:0px;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"] {border-radius:5px 0 0 5px; width: 65%; color:#a9a7a7; font-size: 13px; position: relative;border-color: #dddddd;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"] { border-radius:0 5px 5px 0; font-size: 14px; font-weight: 400;padding: 13px 15px 13px;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{padding:13px 10px 12px 31px;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]:focus{box-shadow: none;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"] {min-height:45px;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm{position: relative; margin-top: 0;} footer .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm:before{font: normal normal normal 14px/1 FontAwesome;content: "\f003"; position: absolute;left: 9px; top: 16px; z-index: 9;display: block;} footer .copyright {clear: both;float: left;width: 100%;margin: 0px;padding: 12px 0px 7px;background-image: url(../images/footer_strip.jpg);background-position: center top;background-repeat: no-repeat;} footer .dt-sc-dark-bg .dt-sc-sociable[data-hover-style="filled"] li a > i {color: #fff !important;} footer .dt-sc-sociable a .dt-icon-default{border: none; opacity: 0;} footer .dt-sc-sociable a .dt-icon-default:before{background: transparent !important;} footer .dt-sc-sociable li a > .dt-icon-default:after, footer .dt-sc-sociable li a > .dt-icon-hover:after {background: transparent; border: none;} footer li.facebook a .dt-icon-hover:before{background: #3c5b9b !important;} footer li.dribbble a .dt-icon-hover:before{background: #f974a4 !important;} footer li.flickr a .dt-icon-hover:before{background: #e30377 !important;} footer li.tumblr a .dt-icon-hover:before{background: #395976 !important;} .footer-sharing-text{display: inline-block;} .footer-sharing-text{float: right;background-image: url(../images/footer_arrow.png);padding: 0px 50px 0px 0px;margin: 7px 15px 0px 0px;background-position: right 7px;background-size: 42px 11px;background-repeat: no-repeat;} /*About Us*/ #layerslider_1.ls-v5 .ls-nav-prev, #layerslider_1.ls-v5 .ls-nav-next{background-repeat:no-repeat; width:51px; height:51px;} #layerslider_1.ls-v5 .ls-nav-prev{background-image:url(../images/about-slider-prev.png);} #layerslider_1.ls-v5 .ls-nav-next{background-image:url(../images/about-slider-next.png);} #layerslider_1.ls-v5 .ls-nav-prev, #layerslider_1.ls-v5 .ls-nav-next{background-position:center top;} #layerslider_1.ls-v5 .ls-nav-prev:hover, #layerslider_1.ls-v5 .ls-nav-next:hover{background-position:center bottom;} #layerslider_1.ls-v5 .ls-bottom-nav-wrapper, #layerslider_1.ls-v5 .ls-circle-timer, #layerslider_1.ls-v5 .ls-ct-center{display:none;} .ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next{z-index:1000;} .tp-rightarrow.default{z-index:99;} .uavc-list-icon li {line-height: initial;} /*Contact Us*/ .dt-sc-class-hours h2 {color: #FFFFFF;line-height: normal;margin: 0px;padding: 10px 15px;border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;} .dt-sc-class-hours-info {margin: 0px;padding: 0px;width: 100%;background: #FFFFFF;} .dt-sc-class-hours-info li {width: 100%;display: block;padding: 10px 10px 10px;margin: 0px 0px 0px;border-bottom: 1px solid #f0f0f0;font-size: 16px;font-weight: bold;position: relative;float: none;position: relative;} .dt-sc-class-hours-info li span {font-style: italic;font-weight: normal;color: #cf571b;float: right;} .dt-sc-sociable.default-color li.picasa {background: #8a66a3;} .dt-sc-sociable.default-color li.dribbble {background: #f974a4;} .dt-sc-sociable.default-color li.facebook {background: #3c5b9b;} .dt-sc-sociable.default-color li.google-plus {background: #ba3526;} .dt-sc-sociable.default-color li.pinterest {background: #ca1325;} .dt-sc-sociable.default-color li.twitter {background: #2caae1;} .dt-sc-sociable.default-color li:hover {opacity: 0.8;} .dt-sc-sociable.default-color > li > a > .dt-icon-default:before, .dt-sc-sociable.default-color > li > a > .dt-icon-hover:before, .dt-sc-sociable.default-color > li > a > .dt-icon-hover:after{ background: transparent !important; border:none;} .dt-sc-sociable.default-color > li > a:hover > i {color:#fff !important;} /*Event*/ ul.tribe-events-sub-nav li a{font-size: 14px;padding: 15px 12px;color: #FFF;border-radius: 2px; display: inline-block; line-height: 12px;} /*404*/ h2.error-info{font-size: 100px; padding-left: 105px;position: relative;} h2.error-info:before{content: "\f11a";position: absolute; font-size: 100px;left: 0;font-family: FontAwesome;line-height: 100px;}