/* @import url('http://example.com/example_style.css'); */ @import url("https://use.typekit.net/nyl3idb.css"); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /*font-family: 'Roboto', sans-serif;*/ /* Slick CSS */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=slick.min.css.map */ .blog-cta-heading h2{margin: 0; padding: 0; font-weight: bold; font-size: 56px; line-height: 68px; font-family: proxima-nova, sans-serif;color: #2DC84D;} /* 100 video module css */ .hundred_section { width:100%; float:left; padding:120px 0; position:relative; min-height:500px; color:#fff; text-align:center; background-size:cover !important; display:flex; align-items:center; } .hundred_section:before { position:absolute; content:""; background:rgba(0,0,0,0.4); width:100%; height:100%; left:0; top:0;transition:all .6s ease; } .hundred_section:hover:before{background:rgba(255, 255, 255, 0.78);} .hundred_section:hover h2, .hundred_section:hover .hundred_text{color:rgb(82, 84, 84);} .hundred_section .wrapper { position:relative; z-index:9 } .hundred_section .hundred_title { width:100%; float:left; } .hundred_section .fancy_icon { width: 145px; height: 145px; border-radius:50%; background-size: cover !important; float: none; display: inline-block; margin-bottom:10px; } .hundred_section h2 { color:#fff; font-size:61px; line-height:70px; font-weight:300; width:100%; float:left; } .hundred_section .hundred_text { font-size:29px; line-height:40px;} .hundred_section .fancy_icon svg path{transition:all .6s ease; fill:rgba(255, 255, 255, 0.68);} .hundred_section:hover .fancy_icon svg path{-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); fill:#2DC84D;} .hundred_section:hover .fancy_icon svg {-webkit-animation: pulsate-bck 1s ease-in-out infinite both;animation: pulsate-bck 1s ease-in-out infinite both;} .hundred_section .fancybox-close{display: block;width: 33px;height: 33px;position: absolute;right: -15px;top: -15px;} @media (min-width: 992px) and (max-width: 1200px){ .hundred_section .row-fluid .wrapper { width:960px; } .hundred_section h2 { font-size: 50px; line-height: 60px; } } @media (min-width: 768px) and (max-width: 991px){ .hundred_section .wrapper { width:750px; } .hundred_section { min-height:auto;} .hundred_section h2 { font-size: 40px; line-height: 50px; } .hundred_section .hundred_text { font-size: 22px; line-height: 36px; } } @media (min-width: 30px) and (max-width: 767px){ .hundred_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .hundred_section h2 { font-size: 34px; line-height: 44px;} .hundred_section { padding: 90px 0; min-height:auto; } .hundred_section .hundred_text { font-size: 20px; line-height: 30px; } } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} @keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* 100% CTA module css */ .fullcta_section { width:100%; float:left; min-height:300px; margin: 0; padding:50px 0; background-size:cover !important; position:relative; display: flex; align-items: center;} .fullcta_section:before { position:absolute; content:""; background:rgba(0,0,0,0.2); width:100%; height:100%; left:0; top:0;transition:all .6s ease; } .fullcta_section .wrapper { position:relative; z-index:9; text-align:center; } .fullcta_section .fullcta_cover { width:auto; float:none; display:block; padding-right:20px;font-size:30px; line-height:38px; color:#fff; transition:all .6s ease; margin-bottom:25px;} .fullcta_section .fullcta_btn { background:#AA2037; padding:10px 20px; color:#fff; float:none; display:inline-block; text-transform:uppercase; font-weight:500; font-size:18px; line-height:24px; border-radius:5px;transition:all .6s ease; } .fullcta_section .fullcta_btn:hover { background:#A6A7AB; color:#fff; } .fullcta_section:hover:before{ background: rgba(255, 255, 255, 0.72);} .fullcta_section:hover .fullcta_cover{ color:#AA2037;} .fullcta_section:hover .fullcta_btn{background:#0066B2;-webkit-animation: pulsate-bck 1s ease-in-out infinite both; animation: pulsate-bck 1s ease-in-out infinite both;} @media (min-width: 992px) and (max-width: 1200px){ .fullcta_section .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .fullcta_section .row-fluid .wrapper{ width:750px; } } @media (min-width: 30px) and (max-width: 767px){ .fullcta_section{min-height:200px;} .fullcta_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .fullcta_section .fullcta_cover { padding:0; width:100%; margin-bottom:20px; } } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} @keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* 3-4 column icon grid module css */ .icongrid_section { width:100%; float:left; padding:40px 0 60px; text-align:center; } .icongrid_section .icongrid_title { width:100%; float:none; display:inline-block; max-width:850px; text-align:center ; } .icongrid_section .icongrid_title h2 { width: 100%; float: left; margin-bottom: 10px; } .icongrid_section .icongrid_cover { width:100%; float:left; padding:50px 0 0; } .icongrid_section .icongrid_box { width:33.33%; float: none; text-align: center; padding: 0 5px; display: inline-block; margin-right: -4px; vertical-align: top; margin-bottom:20px; } .icongrid_section .icongrid_img { width:auto; float:none; display:inline-block; border-radius:50%; border:2px solid #0066B2; padding:7px; } .icongrid_section a .icongrid_img{border:2px solid #2DC84D;} .icongrid_section .icongrid_img span { width:140px; height:140px; float:left; border-radius:50%; background-size:cover !important; } .icongrid_section .icongrid_text { width:100%; float:left; color:#5D5D5D; font-size:15px; line-height:22px; margin:15px 0; } .icongrid_section .icongrid_text a{color:#5D5D5D; font-size:15px; line-height:22px;} .icongrid_section .icongrid_text h3 { font-size:29px; line-height:34px; color:#0066B2; font-weight:400; margin-bottom:10px; } .icongrid_section .icongrid_text h3 a{ font-size:29px; line-height:34px; color:#2DC84D; font-weight:400; margin-bottom:10px; } .icongrid_section .icongrid_box:hover .icongrid_text h3 a {color:#0066B2; } .icongrid_section .icongrid_box:hover .icongrid_img {border:2px solid #0066B2; } .icongrid_section .lrn{display:block; text-decoration:none;color:#0066B2 !important;display:flex; justify-content:center;align-content:center;margin-top:10px; } .icongrid_section .lrn span{display:block;} .icongrid_section .lrn span.arrow{ margin-left:10px;} .icongrid_section.lrn:hover span.arrow{-webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;} .icongrid_section .icongrid_cover.fourcolumn .icongrid_box { width: 25%; } .icongrid_section .icongrid_cover.threecolumn .icongrid_box { width: 33.33%; } .icongrid_section .icongrid_cover.twocolumn .icongrid_box { width: 50%; } @media (min-width: 992px) and (max-width: 1200px){ .icongrid_section .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .icongrid_section .row-fluid .wrapper { width:750px; } .icongrid_section .icongrid_img span { width: 110px; height: 110px; } .icongrid_section .icongrid_text h3 a{ font-size: 22px; margin-bottom: 5px; line-height: 28px; } } @media (min-width: 30px) and (max-width: 767px){ .icongrid_section{padding-bottom:40px;} .icongrid_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .icongrid_section .icongrid_cover { padding-bottom:0; } .icongrid_section .icongrid_box { width:100%; margin-bottom:20px; } .icongrid_section .icongrid_text h3 a { font-size: 26px; line-height: 32px; } .icongrid_section .icongrid_text { height:auto !important; } .icongrid_section .icongrid_cover.fourcolumn .icongrid_box { width: 100%; } .icongrid_section .icongrid_cover.threecolumn .icongrid_box { width: 100%; } .icongrid_section .icongrid_cover.twocolumn .icongrid_box { width: 100%; } } @-webkit-keyframes slide-in-blurred-left {0% {-webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-filter: blur(40px);filter: blur(40px);opacity: 0;}100% {-webkit-transform: translateX(0) scaleY(1) scaleX(1);transform: translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-filter: blur(0);filter: blur(0);opacity: 1;}} @keyframes slide-in-blurred-left {0% {-webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-filter: blur(40px);filter: blur(40px);opacity: 0;}100% {-webkit-transform: translateX(0) scaleY(1) scaleX(1);transform: translateX(0) scaleY(1) scaleX(1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-filter: blur(0);filter: blur(0);opacity: 1;}} /* 3-4 column icon hover tile module css */ .threefour_iconhover { width:100%; float:left; text-align:center; padding:20px 0; } .threefour_iconhover h2 { width:100%; float:left; font-size:43px; line-height:50px; color:#2DC84D; font-weight:300; margin-bottom:10px; } .threefour_iconhover .threefour_coverhover { width:100%; float:left; text-align:center; margin-top:30px; } .threefour_iconhover .threefouricon_box { width: calc(33.33% - 24px); vertical-align:top; margin: 0 10px 20px; float: none; display: inline-block; border: 1.5px solid #EFF0F0; padding: 10px; text-align: center; cursor:pointer; } .threefour_iconhover .threefouricon_top { width:100%; float:left; position:relative; } .threefour_iconhover .threefour_img { width:100%; float:left; height:212px; background-size:cover !important; } .threefour_iconhover .threefour_hover { width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); position:absolute; transition:all .6s ease; opacity:0; display:flex; align-items:center; } .threefour_iconhover .threefour_hover img { max-width:70px; float: none; margin: 0 auto; } .threefour_iconhover .threefouricon_box:hover .threefour_hover { transition:all .6s ease; opacity:1; } .threefour_iconhover .threefouricon_box:hover .threefour_img { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } .threefour_iconhover .threefour_contenthover { width:100%; float:left; margin:20px 0 0;position:relative; } .threefour_iconhover .threefour_contenthover h4 { font-weight:bold; font-size:24px; line-height:30px; color:#2DC84D; } .threefour_iconhover .threefoubox_text { width:100%; float:left; color:#5D5D5D; font-weight:400; font-size:14px; line-height:20px; padding:10px 0; } .threefour_iconhover .rooms_btn { background: #0066B2; color: #fff; padding: 10px 15px; width: 100%; float: left; font-weight: 600; font-size: 12px; line-height: 20px; } .threefour_iconhover .rooms_btn.absolute{position:absolute;left:0;bottom:0;} .threefour_iconhover .threefouricon_box:hover .rooms_btn {background: #2DC84D; } .threefour_iconhover .rooms_btn:after { position: relative; content: "\f0da"; font-family: 'FontAwesome'; right: 0; top: 2px; font-size: 18px; width: auto; padding-left: 11px; } .threefour_iconhover .threefour_coverhover.fourcolumn .threefouricon_box { width: calc(25% - 24px); } .threefour_iconhover .threefour_coverhover.threecolumn .threefouricon_box { width: calc(33.33% - 24px); } @media (min-width: 992px) and (max-width: 1200px){ .threefour_iconhover .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .threefour_iconhover .row-fluid .wrapper { width:750px; } .threefour_iconhover h2 { font-size: 32px; line-height: 40px; margin-bottom:30px; } .threefour_iconhover .threefour_coverhover { width: auto; float: none; text-align: center; display: block; margin: 0 -20px; } .threefour_iconhover .threefour_img { height:180px; } .threefour_iconhover .threefour_contenthover { margin:20px 0 0; } .threefour_iconhover .threefouricon_box { width:calc(33.33% - 24px); } .threefour_coverhover.fourclumsize .threefouricon_box { width: calc(25% - 24px); } .threefour_iconhover .threefour_contenthover h4 {font-size: 20px; line-height: 24px } .threefour_iconhover .rooms_btn { padding:8px 15px; } } @media (min-width: 30px) and (max-width: 767px){ .threefour_iconhover .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .threefour_iconhover .threefour_coverhover.fourcolumn .threefouricon_box {width:100%; margin:0 0 20px; max-width:400px; } .threefour_iconhover .threefour_title { padding:20px 0; } .threefour_iconhover h2 { font-size: 30px; line-height: 38px; } .threefour_iconhover .column_text { font-size: 16px; line-height: 24px; } .threefour_iconhover .threefour_coverhover.threecolumn .threefouricon_box { width:100%; margin:0 0 20px; max-width:400px; } .threefour_iconhover .threefouricon_box { width:100%; margin:0 0 20px; max-width:400px; } .threefour_iconhover .threefour_img { height:260px; } .threefour_iconhover .threefour_coverhover.fourclumsize .threefouricon_box { width:100%; } } /* 3-4 column job listing */ .threefour_column_job { width:100%; float:left; text-align:center; padding:20px 0; } .threefour_column_job .threefour_title { width:100%; float:left; padding:40px 0; } .threefour_column_job h2 { width:100%; float:left; font-size:43px; line-height:50px; color:#2DC84D; font-weight:300; margin-bottom:10px; } .threefour_column_job .column_text { width:100%; float:left; color:#5D5D5D; font-size:19px; line-height: 28px; max-width: 850px; float: none; display: inline-block; } .threefour_column_job .threefour_cover { width:100%; float:left; text-align:center; } .threefour_column_job .threefour_box { width: calc(33.33% - 24px); vertical-align:top; margin: 0 10px 25px; float: none; display: inline-block; border: 10px solid #fff; padding: 10px; text-align: center; background:#FFF;outline:2px solid rgb(239, 240, 240); } .threefour_column_job .threefour_img { width:100%; float:left; height:340px; background-size:cover !important; } .threefour_column_job .threefour_content { width:100%; float:left; padding:20px 10px 0; } .threefour_column_job .threefour_content h3 { font-weight:bold; font-size:19px; line-height:21px; color:#000; } .threefour_column_job .threefoubox_text { width:100%; float:left; color:#5D5D5D; font-weight:400; font-size:14px; line-height:20px; padding:10px 0; } .threefour_column_job .rooms_btn { background: #0066B2; color: #fff; padding: 10px 15px; width: 100%; float: left; font-weight: 600; font-size: 12px; line-height: 20px; position:relative; } .threefour_column_job .rooms_btn:hover { background: rgb(131, 180, 213); } .threefour_column_job .rooms_btn:after { position: relative; content: "\f0da"; font-family: 'FontAwesome'; right: 0; top: 2px; font-size: 18px; width: auto; padding-left: 11px; } .threefour_column_job .threefour_cover.fourcolumn .threefour_box { width: calc(25% - 24px); } .threefour_column_job .threefour_cover.threecolumn .threefour_box { width: calc(33.33% - 24px); } .threefour_column_job .threefour_height { width:100%; float:left;margin-bottom:25px; } @media (min-width: 992px) and (max-width: 1200px){ .threefour_column_job .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .threefour_column_job .row-fluid .wrapper { width:750px; } .threefour_column_job h2 { font-size: 33px; line-height: 40px; } .threefour_column_job .threefour_cover { width: auto; float: none; text-align: center; display: block; margin: 0 -20px; } .threefour_column_job .threefour_img { height:180px; } .threefour_column_job .threefour_content { padding:20px 0 0; } .threefour_column_job .threefour_content h3 { font-size: 20px; line-height: 24px; } .threefour_column_job .threefour_cover.fourcolumn .threefour_box { width: calc(25% - 20px); margin: 0 6px; } } @media (min-width: 30px) and (max-width: 767px){ .threefour_column_job .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .threefour_column_job .threefour_title { padding:20px 0; } .threefour_column_job h2 { font-size: 30px; line-height: 38px; } .threefour_column_job .column_text { font-size: 16px; line-height: 24px; } .threefour_column_job .threefour_box { width:100%; margin:0 0 20px; max-width:400px; } .threefour_column_job .threefour_img { height:260px; } .threefour_column_job .threefour_cover.fourcolumn .threefour_box { width: 100%; } .threefour_column_job .threefour_cover.threecolumn .threefour_box { width: 100%; } .threefour_column_job .threefour_height { height:auto !important; } } /* 3-4 column tile */ .threefour_column { width:100%; float:left; text-align:center; padding:20px 0; } .threefour_column .threefour_title { width:100%; float:left; padding:40px 0; } .threefour_column h2 { width:100%; float:left; margin-bottom:10px; } .threefour_column .column_text { width:100%; max-width: 850px; float: none; display: inline-block; } .threefour_column .threefour_cover { width:100%; float:left; text-align:center; } .threefour_column .threefour_box { width: calc(33.33% - 24px); vertical-align:top; margin: 0 10px 25px; float: none; display: inline-block; border: 1.5px solid #EFF0F0; padding: 10px; text-align: center; } .threefour_column .threefour_img { width:100%; float:left; background-size:cover !important; } .threefour_column .threefour_content { width:100%; float:left; padding:20px 10px 0; } .threefour_column .threefour_content h4 { font-weight:bold; font-size:24px; line-height:30px; color:#2DC84D; } .threefour_column .threefoubox_text { width:100%; float:left; color:#5D5D5D; font-weight:400; font-size:14px; line-height:20px; padding:10px 0; } .threefour_column .rooms_btn { background: #0066B2; color: #fff; padding: 10px 15px; width: 100%; float: left; font-weight: 600; font-size: 12px; line-height: 20px; position:relative; } .threefour_column .rooms_btn:hover { background: #2DC84D; } .threefour_column .rooms_btn:after { position: relative; content: "\f0da"; font-family: 'FontAwesome'; right: 0; top: 2px; font-size: 18px; width: auto; padding-left: 11px; } .threefour_column .threefour_cover.fourcolumn .threefour_box { width: calc(25% - 24px); } .threefour_column .threefour_cover.threecolumn .threefour_box { width: calc(33.33% - 24px); } .threefour_column .threefour_height { width:100%; float:left; } @media (min-width: 992px) and (max-width: 1200px){ .threefour_column .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .threefour_column .row-fluid .wrapper { width:750px; } .threefour_column .threefour_cover { width: auto; float: none; text-align: center; display: block; margin: 0 -20px; } .threefour_column .threefour_img { height:180px !important; } .threefour_column .threefour_content { padding:20px 0 0; } .threefour_column .threefour_content h4 { font-size: 20px; line-height: 24px; } .threefour_column .threefour_cover.fourcolumn .threefour_box { width: calc(25% - 20px); margin: 0 6px; } } @media (min-width: 30px) and (max-width: 767px){ .threefour_column .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .threefour_column .threefour_title { padding:20px 0; } .threefour_column .threefour_box { width:100%; margin:0 0 20px; max-width:400px; } .threefour_column .threefour_img { height:260px !important; } .threefour_column .threefour_cover.fourcolumn .threefour_box { width: 100%; } .threefour_column .threefour_cover.threecolumn .threefour_box { width: 100%; } .threefour_column .threefour_height { height:auto !important; } } /* 50-50 case study module css */ .fifty_casestudybox { width:100%; float:left; } .fifty_casestudybox .fifty_casestudyboxleft { width:50%; float:left; height:560px; background-size:cover !important; display:flex; align-items:center; position:relative } .fifty_casestudybox .fifty_casestudyboxright { width:50%; float:left; background:#2DC84D; padding:60px 40px; color:#fff;} .fifty_casestudybox .fifty_casestudyboxright a {float: left;color: #fff;border: 3px solid #fff;padding: 4px 43px;border-radius: 6px;font-weight: 500;font-size: 15px;margin: 40px 0 10px;} .fifty_casestudybox .fifty_casestudyboxright a:hover{background:rgb(131, 180, 213); border:3px solid rgb(131, 180, 213);} .fifty_casestudybox.video_right .fifty_casestudyboxleft { float:right; } .fifty_casestudybox.video_left .fifty_casestudyboxleft { float:left; } .fifty_casestudybox.video_right .fifty_casestudyboxright.left-space2 { padding-left: 400px; padding-right: 80px !important;} .fifty_casestudybox h2 { width:100%; float:left; color:#fff; padding-bottom:7px;margin-top:0; } .fifty_casestudybox div.tags{ color:rgb(213, 142, 158); width:100%; padding:10px 0 0 0; border-top: 2px solid #fff;float: left; margin-top: 30px; font-weight:400;font-size:16px;} .fifty_casestudybox .video_text { width:100%; float:left; } .fifty_casestudybox .fancybox_content { display:none; } .fifty_casestudybox .fancybox-wrap .fancybox_content { display:block; } .fifty_casestudybox .fancybox-item { z-index:9999; } .fifty_casestudybox .fancybox-skin { overflow:visible !important; } .fifty_casestudybox .fancybox-wrap { overflow:visible !important; } .fifty_casestudybox .fifty_casestudybox .fancybox_btn svg{width:100%;max-width:200px;} .fifty_casestudybox .linkbox{ float:left;width:100%;} @media (min-width: 992px) and (max-width: 1200px){ .fifty_casestudybox .row-fluid .wrapper { width:950px; } .fifty_casestudybox .fifty_casestudyboxright { padding:50px 30px; } .fifty_casestudybox .fifty_casestudyboxleft img { max-width: 100px; } } @media (min-width: 768px) and (max-width: 991px){ .fifty_casestudybox .row-fluid .wrapper { width:750px; } .fifty_casestudybox .fifty_casestudyboxright { padding:50px 20px; } .fifty_casestudybox .fifty_casestudyboxleft img { max-width: 100px; } } @media (min-width: 30px) and (max-width: 767px){ .fifty_casestudybox .fifty_casestudyboxright a{float:none;margin:40px auto 10px; width:25%; display:block; position:relative;} .fifty_casestudybox .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .fifty_casestudybox .fifty_casestudyboxleft { width:100%; height:300px !important; } .fifty_casestudybox .fifty_casestudyboxright { width:100%; padding:30px 15px; text-align:center; } .fifty_casestudybox h2 { padding-bottom: 10px; line-height: 30px; } .fifty_casestudybox .fifty_casestudyboxleft img { max-width:110px; } .fifty_casestudybox.video_right .fifty_casestudyboxright.left-space2 { padding-left: 15px; padding-right: 15px !important;} } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} @keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* 50-50 img module css */ .fifty_mainsection { width:100%; float:left; border-top:2px solid #F0F0F0; border-bottom:2px solid #F0F0F0; padding:55px 0 0 0;} .fifty_mainsection.image_left .fifty_right { float:none; order:1 } .fifty_mainsection.image_left .fifty_left { float:none; order:2; padding-left:50px; } .fifty_mainsection.image_right .fifty_left{ float:left; } .fifty_mainsection .wrapper { display:flex; align-items:center; } .fifty_mainsection .fifty_leftiner { width:100%; float:left; } .fifty_mainsection .fifty_left { width:50%; float:left; padding-right:50px; min-height:400px; padding-top:50px; display:flex; align-items:center; } .fifty_mainsection .fifty_right { width:50%; float:left; } .fifty_mainsection .fifty_text { width:100%; float:left; padding:20px 0 30px; } .fifty_mainsection h2 { width:100%; float:left;} .fifty_mainsection .started_btn a{ background:#2DC84D; color:#fff; padding:8px 15px; width:auto; float:left; border-radius:3px; font-weight:600; font-size:14px; line-height:20px;} .fifty_mainsection .started_btn a:hover { background:#0066B2; color:#fff; } .fifty_mainsection .started_btn.blue a{ background:#0066B2; color:#fff; padding:8px 15px; width:auto; float:left; border-radius:3px; font-weight:600; font-size:14px; line-height:20px;} .fifty_mainsection .started_btn.blue a:hover { background:#2DC84D; color:#fff; } @media (min-width: 992px) and (max-width: 1200px){ .fifty_mainsection .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .fifty_mainsection .row-fluid .wrapper { width:750px; } .fifty_mainsection .fifty_left { padding-right: 30px; padding-top: 30px; } .fifty_mainsection.image_left .fifty_left { padding-left: 30px; } } @media (min-width: 30px) and (max-width: 767px){ .fifty_mainsection{ padding:0;} .fifty_mainsection .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .fifty_mainsection .fifty_left { width:100%; padding-right:0; min-height:auto; text-align:center; } .fifty_mainsection .fifty_right { width:100%; } .fifty_mainsection .fifty_text { padding: 10px 0 25px; } .fifty_mainsection .started_btn a{ float:none; display:inline-block; } .fifty_mainsection.image_left .fifty_left { padding-left:0; } .fifty_mainsection .wrapper { display:inherit; align-items:center; } .fifty_mainsection .started_btn.blue a{float:none; margin-bottom:20px;} } /* 50-50 showroom details */ .showroom_box { width:100%; float:left; padding:50px 0; border-top:2px solid #EEEFF0; border-bottom:2px solid #EEEFF0; } .showroom_box.map_right .showroom_left { float:right; } .showroom_box.map_left .showroom_left { float:left; } .showroom_box.map_right .showroom_right { padding:0 40px 0 0; } .showroom_box a { color:#2DC84D; } .showroom_box .showroom_left { width:50%; float:left; } .showroom_box .showroom_left iframe { width:100% !important; height:300px !important; } .showroom_box .showroom_right { width:50%; float:left; padding-left:40px; color:#B2B4B6; font-size:18px; line-height:22px; } .showroom_box .address_text { width:50%; float:left; } .showroom_box .address_text p { padding-bottom:15px; font-style:italic; } .showroom_box .address_text a { color:#939598; font-weight:bold; display:block; font-size:14px; } .showroom_box .address_text a:hover { color:#2DC84D; } .showroom_box .addresstime_text { width:50%; float:left; color:#0066B2; } .showroom_box h3 { width:100%; float:left; color:#2DC84D; font-size:40px; line-height:48px; font-weight:300; margin-bottom:20px; } .showroom_box .directions_btn { background: #2DC84D; margin-top: 20px; color: #fff; padding: 10px 20px; text-transform: uppercase; width: auto; float: none; display: inline-block; font-weight: bold; font-size: 14px; line-height: 19px; border-radius: 3px; } .showroom_box .directions_btn:hover { background: #A5A7A9; } @media (min-width: 992px) and (max-width: 1200px){ .showroom_box .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .showroom_box .row-fluid .wrapper { width:750px; } .showroom_box h3 { font-size: 28px; line-height: 38px; margin-bottom: 10px; } .showroom_box .address_text { width:100%; } .showroom_box .addresstime_text { width:100%; padding-top:20px; } } @media (min-width: 30px) and (max-width: 767px){ .showroom_box .wrapper { width:100%; padding:0 20px; float:left !important; } .showroom_box .showroom_left { width:100%; padding:0; } .showroom_box .showroom_right { width:100%; padding:20px 0 0; text-align:center;} .showroom_box .address_text { width:100%;} .showroom_box .addresstime_text { width:100%; padding-top:20px;} .showroom_box h3 { font-size: 30px; line-height: 38px; } } /* 50-50 video */ .fifty_videobox { width:100%; float:left; } .fifty_videobox .fifty_videoboxleft { width:50%; float:left; height:460px; background-size:cover !important; display:flex; align-items:center; position:relative } .fifty_videobox .fifty_videoboxleft.hover:before { position: absolute; content: ""; background: rgba(0,0,0,0.3); width: 100%; height: 100%; left: 0; top: 0; z-index: 99; filter: blur(0); transition: all .6s ease;} .fifty_videobox .fifty_videoboxleft img { max-width:140px; float:none; margin:0 auto; border-radius:50%; transition:all .6s ease; } .fifty_videobox .fifty_videoboxleft svg path{transition:all .6s ease; fill:rgba(255, 255, 255, 0.78);} .fifty_videobox .fifty_videoboxleft:hover svg path{-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); fill:#2DC84D;} .fifty_videobox .fifty_videoboxleft:hover svg {-webkit-animation: pulsate-bck 1s ease-in-out infinite both;animation: pulsate-bck 1s ease-in-out infinite both;} .fifty_videobox .fifty_videoboxleft.hover:hover:before{background:rgba(237, 237, 237, 0.7);} .fifty_videobox .fifty_videoboxleft a { width:100%; float:left; position:relative; z-index:999; text-align: center; cursor:pointer; } .fifty_videobox .fifty_videoboxright { width:50%; float:left; background:#2DC84D; padding:100px 100px 130px; color:#fff;} .fifty_videobox.video_right .fifty_videoboxleft { float:right; } .fifty_videobox.video_left .fifty_videoboxleft { float:left; } .fifty_videobox h2 { width:100%; float:left; color:#fff; padding-bottom:20px; } .fifty_videobox .video_text { width:100%; float:left; } .fifty_videobox .fancybox_content { display:none; } .fifty_videobox .fancybox-wrap .fancybox_content { display:block; } .fifty_videobox .fancybox-item { z-index:9999; } .fifty_videobox .fancybox-skin { overflow:visible !important; } .fifty_videobox .fancybox-wrap { overflow:visible !important; } .fifty_videobox .fancybox_btn svg{width:100%;max-width:200px;} @media (min-width: 992px) and (max-width: 1200px){ .fifty_videobox .row-fluid .wrapper { width:950px; } .fifty_videobox .fifty_videoboxright { padding:50px 30px; } .fifty_videobox .fifty_videoboxleft img { max-width: 100px; } } @media (min-width: 768px) and (max-width: 991px){ .fifty_videobox .row-fluid .wrapper { width:750px; } .fifty_videobox .fifty_videoboxright { padding:50px 20px; } .fifty_videobox h2 { font-size: 30px; line-height: 36px; } .fifty_videobox .fifty_videoboxleft img { max-width: 100px; } } @media (min-width: 30px) and (max-width: 767px){ .fifty_videobox .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .fifty_videobox .fifty_videoboxleft { width:100%; height:300px !important; } .fifty_videobox .fifty_videoboxright { width:100%; padding:30px 15px; text-align:center; } .fifty_videobox h2 { font-size: 28px; padding-bottom: 10px; line-height: 30px; } .fifty_videobox .fifty_videoboxleft img { max-width:110px; } .fifty_videobox.video_right .fifty_videoboxright.left-space { padding-left: 15px; padding-right: 15px !important;} } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} @keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* blog hero module css */ /* .blog_hero { width:100%; float:left; padding:150px 0 60px; text-align:center; background-size:cover !important; position:relative;margin-top:160px; } */ .blog_hero { width:100%; float:left; padding:150px 0 60px; text-align:center; background-size:cover !important; position:relative;} .blog_hero:before { width:100%; height:100%; position:absolute; content:""; left:0; top:0; background: rgba(7, 98, 200, 0.73); } .blog_hero .wrapper { position:relative; z-index:99; } .blog_hero .blog_herowraper { float:left; width:100%; padding-top:35px; position:relative; z-index:99; border-top:1.3px solid rgba(204,204,204,0.5); } .blog_hero .blog_heroinner { width:100%; float:left; padding-bottom:140px; font-size:19px; line-height:26px; color:#fff; } .blog_hero .blog_heroinner h1 { width:100%; float:left; color:#2DC84D; font-size:84px; line-height:90px; font-weight:900; padding-bottom:15px; text-transform:capitalize; } .blog_hero .blog_heroinner h6 { color:#fff; font-size:32px; line-height:40px; font-weight:bold; } .blog_hero .subpage_text { width:100%; float:left;} .blog_hero .blog_heroform h3 { color:#fff; font-size:23px; line-height:30px; font-weight:bold; padding-bottom:15px; } @media (min-width: 992px) and (max-width: 1200px){ .row-fluid .wrapper { width:960px; } .blog_hero { padding:80px 0 60px;margin-top:75px; } .brothers-blog.blog-post .blog-post-hero{margin-top:75px !important;} .blog_hero .blog_heroinner { padding-bottom:70px; } .blog_hero .blog_heroinner h1 { font-size: 54px; line-height: 60px; } .blog_hero .blog_heroinner h6 {font-size: 28px; line-height: 40px; } .blog_hero .blog_heroform { padding:0 15px; } .blog_hero .blog_heroform form > div { width:33.33%; padding-bottom: 20px !important; } .blog_hero .blog_heroform form > div.hs_submit { width:100%; text-align:center; } .blog_hero .actions { width:100%; } .blog_hero .blog_heroform form .hs-button { float:none; display:inline-block; } } @media (min-width: 768px) and (max-width: 991px){ .row-fluid .wrapper { width:750px; } .blog_hero { padding:80px 0 60px; ;margin-top:75px;} .brothers-blog.blog-post .blog-post-hero{margin-top:75px !important;} .blog_hero .blog_heroinner { padding-bottom:70px; } .blog_hero .blog_heroinner h1 { font-size: 54px; line-height: 60px; } .blog_hero .blog_heroinner h6 {font-size: 28px; line-height: 40px; } .blog_hero .blog_heroform form > div { width:33.33%; padding-bottom: 20px !important; } .blog_hero .blog_heroform form > div.hs_submit { width:100%; text-align:center; } .blog_hero .actions { width:100%; } .blog_hero .blog_heroform form .hs-button { float:none; display:inline-block; } } @media (min-width: 30px) and (max-width: 767px){ .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .blog_hero .blog_heroform form > div { width:100%; margin-bottom:15px; } .brothers-blog.blog-post .blog-post-hero{margin-top:75px !important;} .brothers-blog.blog-post .blog-post-hero{margin-top:75px;} .blog_hero .blog_heroinner { padding-bottom: 30px; } .blog_hero .blog_heroinner h1 { font-size:30px; line-height:38px;} .blog_hero .blog_heroinner h6 { font-size:26px; line-height:36px;} .blog_hero .blog_heroform {padding:0 15px; } .blog_hero .blog_heroform h3 { font-size:20px; line-height:30px;} } /* blog listing module css */ .blog_listingmain { width:100%; float:left; padding:35px 0; text-align:center; } .blog_listingmain .blog_listingtitle { width:100%; float:left; color:#5D5D5D; font-size:19px; line-height:28px; font-weight:300; padding-bottom:40px; } .blog_listingmain .blog_listingtitle h2 { font-size:43px; line-height:50px; color:#2DC84D; font-weight:300; padding-bottom:10px; } .blog_listingmain .recentblog_item { width:100%; float:left; text-align:left; border-bottom:2px solid #E2E3E4; padding-bottom:15px; margin-bottom:15px; transition:all .6s ease;} .blog_listingmain .recentblog_item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } .blog_listingmain .recentblog_item .post-title { width:100%; float:left; padding-bottom:10px; } .blog_listingmain .recentblog_item .post-title a { width:100%; float:left; font-weight:bold; color:#525454; font-size:20px; line-height:24px; } .blog_listingmain .recentblog_item .post-content { width:100%; float:left; color:#2c2c2c; font-size:17px; line-height:24px; padding-bottom:10px; } .blog_listingmain .recentblog_item:hover .insideitem{-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .blog_listingmain .post_image { width:50%; float:left; height:200px; background-size:cover !important; position:relative; } .blog_listingmain .recentpost_text { width:50%; float:left; padding-left:20px; } .blog_listingmain .recentblog_item .post_topics { width:100%; float:left; padding-bottom:10px; } .blog_listingmain .recentblog_item .post_topics .topic-link { width: auto; float: left; color: #0066B2; font-size: 13px; line-height: 20px; font-weight: bold; } .blog_listingmain .recentblog_item .post_topics .topic-link:hover { color:#ccc; } .blog_listingmain .recentpost_text .more_btn { color:#2DC84D; font-size:14px; line-height:20px; float:left; font-weight:bold; } .blog_listingmain .recentpost_text .more_btn:hover{color:#0066B2;} .blog_listingmain .blog_listingcover { width:calc(50% - 15px); float:left; margin-left:15px; } .blog_listingmain .postfirst_child { width:calc(50% - 15px); float:left; margin-right:15px; } .blog_listingmain .blog_allpost { width:100%; float:left; } .blog_listingmain .postfirst_child .recentblog_item { border-bottom:0; } .blog_listingmain .postfirst_child .recentblog_item .post-title a { font-size:40px; line-height:50px; font-weight:300; color:#fff;} .blog_listingmain .recentblog_item .post-title a:hover { color:#AF1E3D; } .blog_listingmain .postfirst_child .recentblog_item .more_btn { color:#fff; } .blog_listingmain .postfirst_child .recentpost_text { width:100%; float:left; padding-left:0; position:absolute; bottom:0; left:0; z-index:9; padding:30px; transition:all .6s ease; } .blog_listingmain .postfirst_child .recentblog_item .post-content { color:#fff; } .blog_listingmain .postfirst_child .recentblog_item .post_topics .topic-link { font-size:16px; color:#84B4D4; font-weight:400; } .blog_listingmain .postfirst_child .post_image { width:100%; float:left; } .blog_listingmain .postfirst_child .post_image:before { position:absolute; content:""; width:100%; height:100%; left:0; bottom:0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); transition:all .6s ease;} .blog_listingmain .postfirst_child:hover .recentpost_text{ bottom: 61px;} .blog_listingmain .postfirst_child:hover .post_image:before {background: rgba(0,0,0,0.65); } .blog_listingmain .postfirst_child:hover .more_btn{ color:#AF1E3D;} .blog_listingmain .postfirst_child.mobile_view { display:none; } .blog_listingmain .blog_listingdes.destopview { width:100%; float:left; } @media (min-width: 992px) and (max-width: 1200px){ .blog_listingmain .row-fluid .wrapper { width:960px; } .blog_listingmain .postfirst_child .recentblog_item .post-title a { font-size: 34px; line-height: 44px; } .blog_listingmain .recentblog_item .post-title a { font-size: 18px; line-height: 24px; } .blog_listingmain .post_image { height: 215px; } } @media (min-width: 768px) and (max-width: 991px){ .blog_listingmain .row-fluid .wrapper { width:750px; } .blog_listingmain .postfirst_child .recentblog_item .post-title a { font-size: 30px; line-height: 40px; } .blog_listingmain .post_image { width:100%;} .blog_listingmain .recentpost_text { width:100%; padding:10px 0 0; } .blog_listingmain .blog_listingtitle h2 { font-size: 36px; line-height: 44px; margin-bottom:10px; } .blog_listingmain .blog_listingtitle { font-size: 16px; line-height: 26px; } } @media (min-width: 30px) and (max-width: 767px){ .blog_listingmain .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .blog_listingmain .blog_listingcover { width:100%; float:left; margin-left:0; } .blog_listingmain .postfirst_child { width:100%; float:left; margin-right:0; display:none; } .blog_listingmain .blog_listingdes.destopview { display:none; } .blog_listingmain .postfirst_child .post_image { height:auto !important; padding-top:100px; } .blog_listingmain .postfirst_child .recentpost_text { position:relative; } .blog_listingmain .postfirst_child.mobile_view { display:block; } .blog_listingmain .postfirst_child .recentblog_item .post-title a { font-size: 28px; line-height: 36px; } .blog_listingmain .blog_listingtitle { font-size: 18px;line-height: 26px;padding:0 35px; margin-bottom:20px;} .blog_listingmain .blog_listingtitle h2 { font-size: 28px; line-height: 38px; margin-bottom:10px; width:100%; float:left; } .blog_listingmain { padding:50px 0 10px; border-bottom: 2px solid #EEEFF0;} .blog_listingmain .slick-arrow { position:absolute; top:50%; visibility:visible; opacity:1; display:block; font-size:0; min-width:auto; width: 40px; height: 52px; line-height:40px; border:none; outline:none; background:transparent; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#2b2975; } .blog_listingmain .slick-arrow:hover { background:transparent; } .blog_listingmain .slick-prev { left:-60px; } .blog_listingmain .slick-arrow:before { font-family:'FontAwesome'; content:""; font-size:0; height: 100%; width: 100%; background-size: 100% 100% !important; } .blog_listingmain .slick-prev:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/prev_btn.png') no-repeat center center; left: 0; position: relative; top: 0; } .blog_listingmain .slick-next { right:-60px;} .blog_listingmain .slick-next:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/next-btn.png') no-repeat center center; right: 0; position: relative; top: 0; } .blog_listingmain .slick-prev { left: 50%; bottom: -70px; top: auto; margin-left: -60px; } .blog_listingmain .slick-next { right: 50%; bottom: -70px; top: auto; margin-right: -60px; } } @-webkit-keyframes slide-right {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(40px);transform: translateX(40px);}} @keyframes slide-right {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(40px);transform: translateX(40px);}} /* blog subscribe module css */ .subscribe_section { width:100%; float:left; } .subscribe_section .blogrecent_subscribe { width:100%; float:left; padding-bottom:40px; } .subscribe_section .email_subscribe { width:100%; float:left; text-align:center; } .subscribe_section .blogrecent_subscribe h3 { color:#AFAFB0; font-size:31px; line-height:40px; width:100%; float:left; font-weight:300; margin-bottom:20px; text-align:center; } .subscribe_section .email_subscribe h3 { display:none; } .subscribe_section .email_subscribe form { width:100%; float:none; display:inline-block; max-width:820px; position:relative; } .subscribe_section .email_subscribe form .hs-input { width:100%; float:left; border-radius:5px; border:1px solid #2DC84D; height:48px; border-radius: 5px 0 0 5px; } .subscribe_section .email_subscribe form .hs-input.hover{border: 1px solid rgb(131, 180, 213);} .subscribe_section .email_subscribe form .hs-button { background:#2DC84D; width:100%; float:left; height:48px; text-transform: capitalize; font-weight:400; font-size:19px; line-height:22px; border-radius: 0 5px 5px 0; } .subscribe_section .email_subscribe form .hs-button:hover { background:rgb(131, 180, 213); } .subscribe_section .email_subscribe form .hs_email { width:calc(100% - 200px); float:left; padding:0 !important; } .subscribe_section .email_subscribe form .hs_email label { display:none; } .subscribe_section .email_subscribe form .hs_submit { width:200px; float:left; } .subscribe_section .email_subscribe form .hs_error_rollup { position:absolute; content:''; bottom:-45px; left:0; } .subscribe_section .box-it-in{outline: 2px solid rgb(227, 230, 233);border:5px solid #fff;clear: both;min-height: 173px;margin: 0 auto 60px;padding: 40px;background: url(https://cdn2.hubspot.net/hubfs/2515281/stripes.jpg) repeat;max-width:1040px;} .subscribe_section.alt-style .email_subscribe form .hs-input { height:40px; } .subscribe_section.alt-style .email_subscribe form .hs-button{ height:40px; font-size: 17px;line-height: 17px;font-weight:300; } .subscribe_section.alt-style .email_subscribe form .hs_submit { width: 160px; } .subscribe_section.alt-style .blogrecent_subscribe h3{ font-size: 23px;line-height: 23px;margin-bottom:12px;} .subscribe_section.alt-style .blogrecent_subscribe{padding-bottom:0;} @media (min-width: 992px) and (max-width: 1200px){ .subscribe_section .row-fluid .wrapper { width:960px; } .subscribe_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; } .subscribe_section .email_subscribe form { max-width: 650px; } } @media (min-width: 768px) and (max-width: 991px){ .subscribe_section .row-fluid .wrapper { width:750px; } .subscribe_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; } .subscribe_section .email_subscribe form { max-width: 660px; } } @media (min-width: 30px) and (max-width: 767px){ .subscribe_section .box-it-in{float:left;} .subscribe_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .subscribe_section .blogrecent_subscribe h3 { font-size: 24px; line-height: 32px; } .subscribe_section .email_subscribe form .hs-input { border-radius: 5px;} .subscribe_section .email_subscribe form .hs_email { width:100%; } .subscribe_section .email_subscribe form .hs_submit { float:none; display:inline-block;margin-top:20px; } .subscribe_section .email_subscribe form .hs-button { border-radius: 5px; } } /* blog cta module */ .fullcta_section_blog { width:100%; float:left; margin: 0 ; padding:25px 0; background-size:cover !important; position:relative; display: flex; align-items: center;margin-bottom: 50px;} .fullcta_section_blog.notblog{margin-bottom:0;} .fullcta_section_blog:before { position:absolute; content:""; background:rgba(0,0,0,0.4); width:100%; height:100%; left:0; top:0;transition:all .6s ease; } .fullcta_section_blog .wrapper { position:relative; z-index:9; text-align:center; } .fullcta_section_blog .fullcta_cover { width:auto; float:none; display:block; padding-right:20px;font-size:30px; line-height:38px; color:#fff; transition:all .6s ease; margin-bottom:25px;} .fullcta_section_blog .fullcta_btn { background:#AA2037; padding:10px 20px; color:#fff; float:none; display:inline-block; text-transform:uppercase; font-weight:500; font-size:18px; line-height:24px; border-radius:5px;transition:all .6s ease; } .fullcta_section_blog .fullcta_btn:hover { background:#A6A7AB; color:#fff; } .fullcta_section_blog .cta_button img{display:none !important;} .fullcta_section_blog:hover:before{ background: rgba(255, 255, 255, 0.72);} .fullcta_section_blog:hover .fullcta_cover{ color:#AA2037;} .fullcta_section_blog:hover .fullcta_btn{background:#0066B2;-webkit-animation: pulsate-bck 1s ease-in-out infinite both; animation: pulsate-bck 1s ease-in-out infinite both;} @media (min-width: 992px) and (max-width: 1200px){ .fullcta_section_blog .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .fullcta_section_blog .wrapper { width:750px; } } @media (min-width: 30px) and (max-width: 767px){ .fullcta_section_blog{min-height:200px;} .fullcta_section_blog .wrapper { width:100%; padding:0 20px; float:left !important; } .fullcta_section_blog .fullcta_cover { padding:0; width:100%; margin-bottom:20px; } } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* contact blocks module css */ .contact_blocks { width:100%; float:left; } .contact_blocks .contact_left { width:calc(50% - 15px); margin-right:15px; float:left } .contact_blocks .contact_map { width:100%; float:left; } .contact_blocks .contact_map iframe { width:100% !important; height:315px !important; margin-bottom:20px; } .contact_blocks a { color:#2DC84D; } .contact_blocks a:hover { color:#a5a7a9; } .contact_blocks .contact_left h3 { color:#2DC84D; font-weight:300; font-size:36px; line-height:40px; padding-bottom:15px; } .contact_blocks .contact_right { width:calc(50% - 15px); margin-left:15px; float:left; background:#F7F7F7; border:2px solid #E9E9EA; padding:30px; } .contact_blocks .contact_formtext { width:100%; float:left; font-size:13px; line-height:20px; color:#B2B4B6; margin-bottom:20px; text-align:center; padding-bottom:20px;} .contact_blocks .contact_formtext h3 { width:100%; float:left; font-weight:900; font-size:22px; line-height:26px; color:#7C7E81; letter-spacing:1px; } .contact_blocks .contact_right form { width:100%; float:left; } .contact_blocks .contact_right form .hs-form-field .hs-input { width:100%; height:47px; float:left; border:1px solid #BABCBE; background:#fff; padding:11px 15px 14px; color:#545555; font-size:17px; line-height:22px } .contact_blocks .contact_right form .hs-form-field .input { margin-right:0; } .contact_blocks .contact_right form .form-columns-2 .hs-form-field:first-child { padding:0 11px 20px 0;} .contact_blocks .contact_right form .form-columns-2 .hs-form-field:last-child { padding:0 0 20px 11px !important;} .contact_blocks .contact_right form .form-columns-1 .hs-form-field { width:100%; float:left; padding-bottom:20px; padding-right:0; } .contact_blocks .contact_right form .hs-form-field > label { color:#0066B2; font-size:16px; line-height:22px; text-transform:uppercase; display:none; } .contact_blocks .contact_right form .hs_submit { text-align:center; width:100%; float:left } .contact_blocks .contact_right form .hs-button { height:auto; float:none; display:inline-block; min-width:200px; letter-spacing:1px; border-radius:5px; padding:8px 20px; background:#2DC84D; font-size:17px; line-height:22px; color:#fff; } .contact_blocks .contact_right form .hs-button:hover { background:#A5A7A9; } .contact_blocks .address_text { width:50%; float:left; font-size:16px; line-height:24px; color:#B2B4B6;} .contact_blocks .address_text p {font-style:italic; margin-bottom:10px} .contact_blocks .address_text a { font-weight:bold ; display:block; font-size:14px; line-height:20px; color:#939598; } .contact_blocks .address_text a:hover { color:#2DC84D; } .contact_blocks .address_time { width:50%; float:left; color: #0066B2; font-size:16px; line-height:24px;} .contact_blocks .address_time .directions_btn { background: #2DC84D; margin-top: 20px; color: #fff; padding: 10px 20px; text-transform: uppercase; width: auto; float: none; display: inline-block; font-weight: bold;font-size: 14px; line-height: 19px; border-radius: 3px; } .contact_blocks .address_time .directions_btn:hover { background: #A5A7A9; } .contact_blocks .contact_right ::-webkit-input-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif;font-weight:900; opacity:1; font-size:10px; line-height:30px;} .contact_blocks .contact_right ::-moz-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif; font-weight:900; opacity:1; font-size:10px; line-height:30px;} .contact_blocks .contact_right :-ms-input-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif; font-weight:900; opacity:1; font-size:10px; line-height:30px;} .contact_blocks .contact_right :-moz-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif; font-weight:900; opacity:1; font-size:10px; line-height:30px; } @media (min-width: 992px) and (max-width: 1200px){ .contact_blocks .row-fluid .wrapper { width:960px; } .contact_blocks .contact_left h3 { font-size: 30px; line-height: 36px; } } @media (min-width: 768px) and (max-width: 991px){ .contact_blocks .row-fluid .wrapper { width:750px; } .contact_blocks .contact_left h3 { font-size: 28px; line-height: 34px; } .contact_blocks .address_text { width:100%; } .contact_blocks .address_time { width:100%; padding-top:20px; } .contact_blocks .contact_right form .form-columns-2 .hs-form-field:first-child { float:left; padding: 0 0 10px 0 !important; width:100%; } .contact_blocks .contact_right form .form-columns-2 .hs-form-field:last-child { float:left; padding: 0 0 10px 0 !important; width:100%; } .contact_blocks .contact_right form .form-columns-1 { max-width:100%; } } @media (min-width: 30px) and (max-width: 767px){ .contact_blocks .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .contact_blocks .contact_left { width:100%; margin:0; text-align:center; } .contact_blocks .contact_right { width:100%; margin:0; text-align:center; } .contact_blocks .contact_left h3 { font-size: 28px; line-height: 34px; } .contact_blocks .address_text { width:100%; text-align:center; } .contact_blocks .address_time { width:100%; padding-top:20px; text-align:center;} .contact_blocks .address_time .directions_btn { float:none; display:inline-block } .contact_blocks .contact_right { padding:20px; text-align:center; margin-top:40px; } .contact_blocks .contact_right form fieldset { max-width:100%; } } @media (max-width: 500px) { .contact_blocks .contact_right form .form-columns-2 .hs-form-field:first-child { float:left; padding: 0 0 10px 0 !important; width:100%; } .contact_blocks .contact_right form .form-columns-2 .hs-form-field:last-child { float:left; padding: 0 0 10px 0 !important; width:100%; } .contact_blocks .contact_right form .form-columns-1 { max-width:100%; } } /* contact hero module css */ .hero_section_contact { width:100%; float:left; } .hero_section_contact .wrapper { position:relative; z-index:1; } .hero_section_contact .hero_title { width:100%; float:left; padding:130px 0 175px; position:relative; background-size:cover !important; text-align:center; } .hero_section_contact .hero_title:before { position:absolute; content:""; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; } .hero_section_contact .hero_title h1 { font-size:84px; line-height:90px; color:#fff; font-weight:900; margin:0; } .hero_section_contact .hero_title h6 { font-size:19px; line-height:28px; color:#fff; margin:0; font-weight:400; } @media (min-width: 992px) and (max-width: 1200px){ .hero_section_contact .row-fluid .wrapper { width:960px; } .hero_section_contact .hero_title { padding:150px 0; height:630px; } .hero_section_contact .hero_title h2 { font-size: 46px; } } @media (min-width: 768px) and (max-width: 991px){ .hero_section_contact .row-fluid .wrapper { width:750px; } .hero_section_contact .hero_title { padding:120px 0; height:500px; } .hero_section_contact .hero_inner .hero_cover { margin: -200px -20px 0 -20px; display: block; float: none; width: auto;} .hero_section_contact .hero_title h2 { font-size: 46px; } } @media (min-width: 30px) and (max-width: 767px){ .hero_section_contact .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .hero_section_contact .hero_title { padding:80px 0 160px 0; height:auto; } .hero_section_contact .hero_title h2 { font-size: 36px; line-height: 44px; margin-bottom:10px; } .hero_section_contact .hero_title h6 { font-size: 20px; } } /* event tiles */ .eventeles_section { width:100%; float:left; padding:50px 0; border-top:4px solid #E3E6E9; background:#F7F7F7; } .eventeles_section .eventeles_cover { display:block; margin:0 -50px; } .eventeles_section .eventeles_box { width:calc(33.33% - 50px); float:left; margin:0 25px; text-align:center; padding:15px;} .eventeles_section .eventeles_box:hover{ border:2px solid rgb(227, 230, 233);-webkit-animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .eventeles_section .eventeles_img { width:100%; float:left; height:250px; background-size:cover !important; } .eventeles_section .eventeles_content { width:100%; float:left; padding:20px 0; color:#5D5D5D; font-size:14px; line-height:20px; } .eventeles_section .eventeles_content h4 a { color:#2DC84D; font-size:27px; line-height:34px; width:100%; float:left; font-weight:bold; padding-bottom:10px; transition:all .6s ease; } .eventeles_section .eventeles_content h4 a:hover { color:#ccc; transition:all .6s ease; } .eventeles_section .eventeles_text { width:100%; float:left; } .eventeles_cover a:hover{color:rgb(227, 230, 233) !important;} @media (min-width: 992px) and (max-width: 1200px){ .eventeles_section .row-fluid .wrapper { width:960px; } .eventeles_section .eventeles_cover { margin:0 -20px; } .eventeles_section .eventeles_box { width: calc(33.33% - 20px); margin: 0 10px; } .eventeles_section .eventeles_content h4 a { font-size: 24px; line-height: 30px;} } @media (min-width: 768px) and (max-width: 991px){ .eventeles_section .row-fluid .wrapper { width:750px; } .eventeles_section .eventeles_cover { margin:0 -20px; } .eventeles_section .eventeles_box { width: calc(33.33% - 20px); margin: 0 10px; } .eventeles_section .eventeles_content h4 a { font-size: 24px; line-height: 30px;} } @media (min-width: 30px) and (max-width: 767px){ .eventeles_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .eventeles_section { padding:50px 0 0; } .eventeles_section .eventeles_cover { margin:0; width:100%; float:left; } .eventeles_section .eventeles_box { width:100%; margin:0 0 20px; } } @-webkit-keyframes shadow-drop-lr {0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);}100% {box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);}}@keyframes shadow-drop-lr {0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);}100% {box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);}} /* home hero module css */ .hero_section { width:100%; float:left; } .hero_section .wrapper { position:relative; z-index:1; } .hero_section .hero_title { width:100%; float:left; padding:180px 0 200px; height:640px; position:relative; background-size:cover !important; text-align:center; } .hero_section .hero_title:before { position:absolute; content:""; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; } .hero_section .hero_title h1 { font-size:84px; line-height:90px; color:#fff; font-weight:900; margin:0; } .hero_section .hero_title h6 { font-size:22px; line-height:28px; color:#fff; margin:0; font-weight:400; } .hero_section .hero_inner { width:100%; float:left; text-align:center; } .hero_section .hero_inner .hero_cover { width:100%; float:left; margin-top:-200px; } .hero_section .hero_inner .hero_box { width:calc(33.33% - 24px); margin:0 10px 20px; float:none; display:inline-block; border:1.5px solid #c5c5c5; padding:10px; text-align:center; vertical-align:top; } .hero_section .hero_inner .herobox_img { width:100%; float:left; height:260px; background-size:cover !important; } .hero_section .hero_inner .herobox_content { width:100%; float:left; font-size:14px; line-height:20px; color:#5D5D5D; padding:0 15px; margin:15px 0; } .hero_section .hero_inner .herobox_text { width:100%; float:left; } .hero_section .hero_inner .hero_box h2 { font-size:26px; line-height:32px; width:100%; float:left; margin-bottom:10px;} .hero_section .hero_btn { background:#0066B2; color:#fff; padding:10px 15px; width:100%; float:left; font-weight:600; font-size:12px; line-height:20px; } .hero_section .hero_btn:hover { background:#2DC84D; } .hero_section .heroafter_inner { width:100%; max-width:900px; float:none; display:inline-block; padding:10px 0 50px; text-align:center; font-size:19px; line-height:28px; color:#5D5D5D;margin-top:30px; } .hero_section .heroafter_inner h2 { color:#2DC84D; font-size:43px; line-height:50px; padding-bottom:20px; width:100%; float:left; font-weight:300; } .hero_section .heroinner_text { width:100%; float:left; } .hero_section .fourclumsize.hero_cover .hero_box { width:calc(25% - 24px); } @media (min-width: 992px) and (max-width: 1200px){ .hero_section .row-fluid .wrapper { width:960px; } .hero_section .hero_title { padding:150px 0; height:630px; } .hero_section .hero_title h1 { font-size: 54px;line-height:60px; } .hero_section .hero_inner .herobox_img { height:249px; } .hero_section .heroafter_inner h2 { font-size: 36px; } .hero_section .hero_inner .fourclumsize.hero_cover .hero_box h3 { font-size: 22px; line-height: 26px; margin-bottom: 6px; } .hero_section .hero_inner .fourclumsize.hero_cover .herobox_content { padding:0 10px; } } @media (min-width: 768px) and (max-width: 991px){ .hero_section .row-fluid .wrapper { width:750px; } .hero_section .hero_title { padding:120px 0; height:500px; } .hero_section .hero_inner .hero_cover { margin: -200px -20px 0 -20px; display: block; float: none; width: auto;} .hero_section .hero_title h1 { font-size: 46px; } .hero_section .hero_inner .hero_box h3 { font-size: 22px; line-height: 28px; margin-bottom:3px; } .hero_section .hero_inner .herobox_img { height:189px; } .hero_section .heroafter_inner { font-size: 16px; line-height: 24px; } .hero_section .heroafter_inner h2 { font-size: 32px; line-height: 40px; } .hero_section .hero_inner .fourclumsize.hero_cover .hero_box h3 { font-size: 18px; line-height: 21px; margin-bottom: 6px; } .hero_section .hero_inner .fourclumsize.hero_cover .herobox_content { padding:0; } } @media (min-width: 30px) and (max-width: 767px){ .hero_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .hero_section .hero_title { padding:80px 0 160px 0; height:auto; } .hero_section .hero_title h1 { font-size: 36px; line-height: 44px; margin-bottom:10px; } .hero_section .hero_title h6 { font-size: 20px; } .hero_section .hero_inner .hero_cover { margin-top:0; padding:30px 0; } .hero_section .hero_inner .hero_box { width:100%; vertical-align:top; margin:0 0 20px; max-width:400px; float:none; display:inline-block; } .hero_section .heroafter_inner { padding:30px 0; font-size: 16px; line-height: 26px;} .hero_section .heroafter_inner h2 { font-size: 28px; line-height: 40px;} .hero_section .hero_inner .herobox_img { height:190px; } .hero_section .hero_inner .herobox_content { height:auto !important; } .hero_section .fourclumsize.hero_cover .hero_box { width:100%; vertical-align:top; margin:0 0 20px; max-width:400px; float:none; display:inline-block; } } /* sub page hero module css */ .subpage_hero { width:100%; float:left; padding:50px 0 30px; text-align:center; background-size:cover !important; position:relative; } .subpage_hero:before { width:100%; height:100%; position:absolute; content:""; left:0; top:0; background:rgba(0,0,0,0.4); } .subpage_hero:after { position:absolute; content:""; width:100%; height:35%; left:0; bottom:0; z-index:1; background-size: 100% 100% !important; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/shadow.png') no-repeat center center; } .subpage_hero .wrapper { position:relative; z-index:99; } .subpage_hero .subpage_herowraper { float:left; width:100%; padding-top:25px; position:relative; z-index:99; border-top:1.3px solid rgba(204,204,204,0.5); } .subpage_hero .subpage_heroinner { width:100%; float:left; padding-bottom:60px; font-size:19px; line-height:26px; color:#fff; } .subpage_hero .subpage_heroinner h1 { width:100%; float:left; color:#fff; font-size:84px; line-height:90px; font-weight:900; padding-bottom:15px; } .subpage_hero .subpage_heroinner h6 { color:#fff; font-size:32px; line-height:40px; font-weight:bold; } .subpage_hero .subpage_text { width:100%; float:left;} .subpage_hero .subpage_heroform h3 { color:#fff; font-size:23px; line-height:30px; font-weight:bold; padding-bottom:15px; } .subpage_hero .subpage_forminner { width:100%; float:left; } .subpage_hero .subpage_ctabtn { float:left; width:100%; padding:10px 0 0; display:none;} .subpage_hero .subpage_ctabtn a { background: #AA2037; padding: 10px 20px; color: #fff; float: none; display: inline-block; text-transform: uppercase; font-weight: 500; font-size: 18px; line-height: 24px; border-radius: 5px; transition: all .6s ease; } .subpage_hero .subpage_ctabtn a:hover { background: #A6A7AB; color: #fff; } .subpage_hero .subpage_herowraper.fromopen .subpage_forminner { display:block;} .subpage_hero .subpage_herowraper.ctaopen .subpage_forminner { display:none;} .subpage_hero .subpage_herowraper.ctaopen h3 { display:none;} .subpage_hero .subpage_herowraper.ctaopen .subpage_ctabtn { display:block; } .subpage_hero .subpage_heroform { width:100%; float:left; margin:0 auto; float:none; max-width:1200px; padding:0 10px; } .subpage_hero .subpage_heroform form { width:100%; float:left; position:relative; } .subpage_hero .subpage_heroform form > div { width:14%; float:left; padding-bottom:0 !important; padding-right:10px !important; padding-left:10px !important; } .subpage_hero .subpage_heroform form .hs-form-field label { display:none; } .subpage_hero .subpage_heroform form .hs-form-field .hs-input { height:42px; font-size:14px; line-height:20px; padding:8px 10px;font-weight:900; color: #BABCBE;} .subpage_hero .subpage_heroform form .hs-button { border-radius:4px; height:42px; font-size: 15px; line-height: 15px; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/Schedule-icon.png') #2DC84D no-repeat center center; background-size: 11% 37% !important; background-position: 87%; padding: 15px 48px 13px 30px; letter-spacing: 0.5px;} .subpage_hero .subpage_heroform form .hs-button:hover { background-color:#a5a7a9; } .subpage_hero .hs_error_rollup { position:absolute; bottom: -35px; left: 0; width: 100% !important; text-align: left; } .subpage_hero .subpage_heroform form .hs-form-field .hs-input::-webkit-input-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif;opacity:1; font-weight:900; font-size:14px; line-height:20px;} .subpage_hero .subpage_heroform form .hs-form-field .hs-input::-moz-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif;opacity:1; font-weight:900; font-size:14px; line-height:20px;} .subpage_hero .subpage_heroform form .hs-form-field .hs-input:-ms-input-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif;opacity:1; font-weight:900; font-size:14px; line-height:20px;} .subpage_hero .subpage_heroform form .hs-form-field .hs-input:-moz-placeholder { color: #BABCBE; font-family: proxima-nova, sans-serif;opacity:1; font-weight:900; font-size:14px; line-height:20px; } @media (min-width: 992px) and (max-width: 1200px){ .subpage_hero .row-fluid .wrapper { width:960px; } .subpage_hero { padding:80px 0 60px; } .subpage_hero .subpage_heroinner { padding-bottom:70px; } .subpage_hero .subpage_heroinner h1 { font-size: 54px; line-height: 60px; } .subpage_hero .subpage_heroinner h6 {font-size: 28px; line-height: 40px; } .subpage_hero .subpage_heroform { padding:0 15px; } .subpage_hero .subpage_heroform form > div { width:33.33%; padding-bottom: 20px !important; } .subpage_hero .subpage_heroform form > div.hs_submit { width:100%; text-align:center; } .subpage_hero .actions { width:100%; } .subpage_hero .subpage_heroform form .hs-button { float:none; display:inline-block; } } @media (min-width: 768px) and (max-width: 991px){ .subpage_hero .row-fluid .wrapper { width:750px; } .subpage_hero { padding:80px 0 60px; } .subpage_hero .subpage_heroinner { padding-bottom:70px; } .subpage_hero .subpage_heroinner h1 { font-size: 54px; line-height: 60px; } .subpage_hero .subpage_heroinner h6 {font-size: 28px; line-height: 40px; } .subpage_hero .subpage_heroform form > div { width:33.33%; padding-bottom: 20px !important; } .subpage_hero .subpage_heroform form > div.hs_submit { width:100%; text-align:center; } .subpage_hero .actions { width:100%; } .subpage_hero .subpage_heroform form .hs-button { float:none; display:inline-block; } } @media (min-width: 30px) and (max-width: 767px){ .subpage_hero .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .subpage_hero .subpage_heroform form > div { width:100%; margin-bottom:15px; } .subpage_hero { padding:70px 0 60px; } .subpage_hero .subpage_heroinner { padding-bottom: 30px; } .subpage_hero .subpage_heroinner h1 { font-size:30px; line-height:38px; text-align:center;} .subpage_hero .subpage_heroinner h6 { font-size:26px; line-height:36px;} .subpage_hero .subpage_heroform {padding:0 15px; } .subpage_hero .subpage_heroform h3 { font-size:20px; line-height:30px;} .subpage_hero .subpage_text{text-align:center;} } /* show room blocks module css */ .showroom_blocksclm { width:100%; float:left; } .showroom_blocksclm .showroomblock_cover { width:100%; display: flex; flex-flow: row wrap; justify-content: center; } .showroom_blocksclm .showroom_blocksbox { width: calc(33.33% - 24px); vertical-align:top; margin: 0 10px 20px; float: none; display: inline-block; border: 1.5px solid #EFF0F0; padding: 10px; text-align: center } .showroom_blocksclm .showblocksbox_img { width:100%; float:left; height:230px; background-size:cover !important; } .showroom_blocksclm .showblocksbox_text { width:100%; float:left; font-size:14px; line-height:20px; color:#5D5D5D; margin:15px 0 0; } .showroom_blocksclm .showblocksbox_text h4 { font-size:28px; line-height:34px; color:#2DC84D; padding-bottom:5px; } .showroom_blocksclm .showblocksbox_text .box_text { width:100%; float:left; padding-bottom:20px; } .showroom_blocksclm .showblocksbox_inner { width:100%; float:left; padding:0 25px; } .showroom_blocksclm .product_choose { width:100%; float:left; padding:10px 0; } .showroom_blocksclm .showblocksbox_inner h6 { font-size:16px; line-height:24px; color:#2DC84D; border-bottom: 1px solid #C5C6C8; padding-bottom: 8px; margin-bottom: 5px; width: 100%; float: left; } .showroom_blocksclm .our_roomsbtn { background: #0066B2; margin-top: 20px; color: #fff; padding: 10px 20px; text-transform: uppercase; width: 100%; float: none; display: inline-block; font-weight: bold; font-size: 14px; line-height: 19px; border-radius: 3px; } .showroom_blocksclm .our_roomsbtn:hover { background: #2DC84D; } .showroom_blocksclm .our_roomsbtn:after { position: relative; content: "\f0da"; font-family: 'FontAwesome'; right: 0; top: 2px; font-size: 18px; width: auto; padding-left: 11px; } .showroom_blocksclm .product_choose span { width:calc(50% - 15px); font-weight:500; margin:0 7px; float:left; font-size:13px; text-align:left; padding-bottom: 6px; margin-bottom: 7px; border-bottom:1px solid #EFF0F0; } .showroom_blocksclm .product_choose span.red { color:#2DC84D; } .showroom_blocksclm .product_choose span.gray { color:rgb(225, 225, 225) !important; } @media (min-width: 992px) and (max-width: 1200px){ .showroom_blocksclm .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .showroom_blocksclm .row-fluid .wrapper { width:750px; } .showroom_blocksclm .showroom_blocksbox { width: calc(33.33% - 20px); margin: 0 8px 20px; } .showroom_blocksclm .showblocksbox_img { height: 210px; } } @media (min-width: 30px) and (max-width: 767px){ .showroom_blocksclm .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .showroom_blocksclm .showroom_blocksbox { width:100%; margin:0 0 20px;} .showroom_blocksclm .showblocksbox_text {height:auto !important; } .showroom_blocksclm .product_choose span { width:100%; margin:0; text-align:center; } } /* landing page cta */ .fullcta_section-lp { width:100%; float:left; min-height:300px; margin: 0; padding:50px 0; background-size:cover !important; position:relative; display: flex; align-items: center;} .fullcta_section-lp:before { position:absolute; content:""; background:rgba(0,0,0,0.2); width:100%; height:100%; left:0; top:0;transition:all .6s ease; } .fullcta_section-lp .wrapper { position:relative; z-index:9; text-align:center; } .fullcta_section-lp .fullcta_cover { width:auto; float:none; display:block; padding-right:20px;font-size:30px; line-height:38px; color:#fff; transition:all .6s ease; margin-bottom:25px;} .fullcta_section-lp .fullcta_btn { background:#AA2037; padding:10px 20px; color:#fff; float:none; display:inline-block; text-transform:uppercase; font-weight:500; font-size:18px; line-height:24px; border-radius:5px;transition:all .6s ease; } .fullcta_section-lp .fullcta_btn:hover { background:#A6A7AB; color:#fff; } .fullcta_section-lp:hover:before{ background: rgba(255, 255, 255, 0.72);} .fullcta_section-lp:hover .fullcta_cover{ color:#AA2037;} .fullcta_section-lp:hover .fullcta_btn{background:#0066B2;-webkit-animation: pulsate-bck 1s ease-in-out infinite both; animation: pulsate-bck 1s ease-in-out infinite both;} @media (min-width: 992px) and (max-width: 1200px){ .fullcta_section-lp .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .fullcta_section-lp .row-fluid .wrapper { width:750px; } } @media (min-width: 30px) and (max-width: 767px){ .fullcta_section-lp{min-height:200px;} .fullcta_section-lp .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .fullcta_section-lp .fullcta_cover { padding:0; width:100%; margin-bottom:20px; } } @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} /* img compare module css */ .img-compare{width:100%;padding:10px; display:none;} .img-compare img{width:48%; float:left;} .img-compare img:first-child{ margin-right:4%;} .img-compare .clear{ clear:both;display:block; width:100%;} @media(max-width:676px){ .img-compare img:first-child{ margin-right:0;margin-bottom:8px;} .img-compare img{width:100%; float:left;} } /* logo slider module */ .logo_slider { width:100%; float:left; margin-bottom:0 !important;} .logo_slider .logo_img { width:100%; float:left; padding:0; min-height:70px; display:flex; align-items:center; } .logo_slider .logo_img img { margin:0 auto; margin: 0 auto; max-width: 120px; float: none; } .logo_slider .logoslide { width:100%; float:left; } .logo_slider.greyscale .logo_img{ -webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.6; } .logo_slider .slick-arrow { position:absolute; top:50%; visibility:visible; opacity:1; display:block; font-size:0; min-width:auto; width:40px; height:40px; line-height:40px; border:none; outline:none; background:#AA2037; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#2b2975; } .logo_slider .slick-arrow:hover { background:#ccc; } .logo_slider .slick-prev { left:-60px; } .logo_slider .slick-arrow:before { font-family:'FontAwesome'; font-size:38px; line-height: 37px; height: auto; color: #fff;} .logo_slider .slick-prev:before { content: "\f104"; left: 0; position: relative; top: 0; } .logo_slider .slick-next { right:-60px;} .logo_slider .slick-next:before { content: "\f105"; right: 0; position: relative; top: 0; } .logo_slider ul.slick-dots { margin:0; padding:0 0 10px; list-style:none; float:left; width:100%; bottom:0; } .logo_slider ul.slick-dots li { display:inline-block; padding:0 5px; } .logo_slider ul.slick-dots li button { display:inline-block; background:#a1a1a1; min-width:auto; padding:0; border:0;width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; } .logo_slider ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#AA2037; } @media (min-width: 30px) and (max-width: 767px){ .logo_slider { padding:30px 0 30px 0; } .logo_slider .logo_img { padding:0 10px; } .logo_slider .logo_img img { max-width:160px; } } /* lightbox img gallery load more module css */ .lightbox_gallery-lm { width:100%; float:left; text-align:center;padding-bottom:50px; } .lightbox_gallery-lm h2{ font-size: 43px;line-height: 50px;color: #2DC84D;font-weight: 300;padding: 30px 10px 20px;background: #fff;display: inline-block;} .lightbox_gallery-lm .lightbox_cover { width:100%; float:left; display:none;flex-flow:row wrap; justify-content:space-between;padding:0 1%;} .lightbox_gallery-lm .lightbox_main { width:32.65%; float:left; height:340px; background-size:cover !important; position:relative;margin-top:1vw; } .lightbox_gallery-lm .lightbox_main:before { position:absolute; content:""; background:rgba(0,0,0,0.1); width:100%; height:100%; left:0; top:0;} .lightbox_gallery-lm .hover_lightbox { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); transition:all .6s ease; opacity:0; } .lightbox_gallery-lm .hover_lightbox:before { position:absolute; content:""; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/light-search.png') no-repeat center center; background-size:cover !important; width:60px; height:60px; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); } .lightbox_gallery-lm .lightbox_main:hover .hover_lightbox { opacity:1; transition:all .6s ease; } .lightbox_gallery-lm .postfolio_btn a { position:relative; background:#BABABA; color: #fff; margin:40px 0 30px; padding: 10px 35px 10px 20px; width: auto; float: none; display:inline-block; font-weight: bold; font-size: 14px; line-height: 20px; border-radius:3px; } .lightbox_gallery-lm .postfolio_btn a:hover { background:#0066B2; } .lightbox_gallery-lm .postfolio_btn a:after { position:absolute; content: "\f107"; font-family: 'FontAwesome'; right: 15px; top: 0; font-size: 20px; line-height: 39px; } @media (min-width: 992px) and (max-width: 1200px){ .lightbox_gallery-lm.row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .lightbox_gallery-lm .row-fluid .wrapper { width:750px; } .lightbox_gallery-lm .lightbox_main { height:250px; } } @media (min-width: 30px) and (max-width: 767px){ .lightbox_gallery-lm .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .lightbox_gallery-lm .lightbox_main { width:100%; } } /* lightbox img gallery module css */ .lightbox_gallery { width:100%; float:left; text-align:center } .lightbox_gallery .lightbox_cover { width:100%; float:left; display:flex;flex-flow:row wrap; justify-content:space-between;padding:1%;} .lightbox_gallery .lightbox_main { width:32.65%; float:left; height:340px; background-size:cover !important; position:relative;margin-top:1vw; } .lightbox_gallery .lightbox_main:before { position:absolute; content:""; background:rgba(0,0,0,0.1); width:100%; height:100%; left:0; top:0;} .lightbox_gallery .hover_lightbox { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); transition:all .6s ease; opacity:0; } .lightbox_gallery .hover_lightbox:before { position:absolute; content:""; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/light-search.png') no-repeat center center; background-size:cover !important; width:60px; height:60px; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); } .lightbox_gallery .lightbox_main:hover .hover_lightbox { opacity:1; transition:all .6s ease; } .lightbox_gallery .postfolio_btn a { position:relative; background:#2DC84D; color: #fff; margin:40px 0 30px; padding: 10px 30px 10px 20px; width: auto; float: none; display:inline-block; font-weight: bold; font-size: 14px; line-height: 20px; border-radius:3px; } .lightbox_gallery .postfolio_btn a:hover { background:#0066B2; } .lightbox_gallery .postfolio_btn.blue a { position:relative; background:#0066B2; color: #fff; margin:40px 0 30px; padding: 10px 30px 10px 20px; width: auto; float: none; display:inline-block; font-weight: bold; font-size: 14px; line-height: 20px; border-radius:3px; } .lightbox_gallery .postfolio_btn.blue a:hover { background:#2DC84D; } .lightbox_gallery .postfolio_btn a:after { position:absolute; content: "\f0da"; font-family: 'FontAwesome'; right: 10px; top: 0; font-size: 20px; line-height: 39px; } @media (min-width: 992px) and (max-width: 1200px){ .lightbox_gallery .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .lightbox_gallery .row-fluid .wrapper { width:750px; } .lightbox_gallery .lightbox_main { height:250px; } } @media (min-width: 30px) and (max-width: 767px){ .lightbox_gallery .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .lightbox_gallery .lightbox_main { width:100%; } } /* faq module css */ .faqbox_section { width:100%; float:left; padding:40px 0; } .faqbox_section h2 { color:#2DC84D; font-size:43px; line-height:50px; font-weight:300; width:100%; float:left; text-align:center; } .faqbox_section .faqbox_cover { width:100%; float:left; margin-top:50px; position:relative; } .faqbox_section .faqbox_item { width:100%; float:left; margin-bottom:0; } /* .faqbox_section .faqbox_item:first-child .faqbox_content { display:block; } */ .faqbox_section .faqbox_item.opanfaq .faqbox_content { display:block; } .faqbox_section .faqbox_title { width:50%; float:left; color:#B2B4B6; cursor:pointer; padding:0 30px; position:relative; font-size:18px; line-height:24px; transition:all .6s ease; border-bottom:1px solid #E9E9EA ; padding-bottom: 24px; margin-bottom: 25px; } .faqbox_section .faqbox_title:after { position:absolute; content:"\f0da"; font-family: 'FontAwesome'; right:0; top:0; font-size:24px; line-height:24px; opacity:0; transition:all .6s ease; } .faqbox_section .faqbox_title:hover { color:#6B6C6F; transition:all .6s ease; } .faqbox_section .faqbox_title:hover:after,.faqbox_section .faqbox_title.active:after { opacity:1; color:#84B4D4; transition:all .6s ease; } .faqbox_section .faqbox_title:hover:before ,.faqbox_section .faqbox_title.active:before { color:#84B4D4; transition:all .6s ease; } .faqbox_section .faqinner_text { width:100%; float:left; } .faqbox_section .faqbox_content h5 { font-weight:900; color:#2DC84D; font-style:normal; font-size:19px; line-height:24px; padding-bottom:5px; } .faqbox_section .faqbox_content { width:50%; float:left; display:none; color:#B2B4B6; font-size:18px; line-height:24px; padding-left:50px; font-style:italic; position:absolute; content:""; right:0; top:0; } .faqbox_section .faqbox_content p { margin:5px 0; } .faqbox_section .faqbox_item.opendeital .faqbox_content { display:block } .faqbox_section .faqbox_item.opendeital .faqbox_title { color:#6B6C6F; } .faqbox_section .faqbox_item.opendeital .faqbox_title:before { opacity:1; color:#2DC84D; } .faqbox_section .faqbox_item.opendeital .faqbox_title:after { opacity:1; color:#2DC84D; } /* .faqbox_section .faqbox_item.opendeital .faqbox_title:after,.faqbox_section .faqbox_item.opendeital .faqbox_title:after { opacity:1; color:#84B4D4; transition:all .6s ease; } .faqbox_section .faqbox_item.opendeital .faqbox_title:before ,.faqbox_section .faqbox_item.opendeital .faqbox_title:before { color:#84B4D4; transition:all .6s ease; } */ @media (min-width: 992px) and (max-width: 1200px){ .faqbox_section .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .faqbox_section .row-fluid .wrapper { width:750px; } .faqbox_section h2 { font-size: 36px; line-height: 42px; } } @media (min-width: 30px) and (max-width: 767px){ .faqbox_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .faqbox_section .faqbox_title { width:100%; } .faqbox_section .faqbox_content { width:100%; position:relative; padding:0 0 30px; text-align:center; } .faqbox_section h2 {font-size: 30px; line-height: 36px; } .faqbox_section .faqbox_cover { margin-top: 30px; } } /* lightbox img carosel */ .lightbox_thumbnail { width:100%; float:left; padding-top:60px; text-align:center;} .lightbox_thumbnail .imgthumbnail_cover { width:100%; float:left; margin-bottom:30px !important; } .lightbox_thumbnail .thumbnail_imgtop { width:100%; float:left; } .lightbox_thumbnail .thumbnail_img { width:calc(100% - 7px); float:left; margin:0 2.5px; height:250px; background-size:cover !important; } .lightbox_thumbnail .slick-list { margin-bottom:0 !important; } .lightbox_thumbnail .casestudy_btn a { position:relative; background:#2DC84D; color: #fff; margin:40px 0 30px; padding: 10px 30px 10px 20px; width: auto; float: none; display:inline-block; font-weight: bold; font-size: 14px; line-height: 20px; border-radius:3px; } .lightbox_thumbnail .casestudy_btn a:hover { background:#0066B2; } .lightbox_thumbnail .casestudy_btn.blue a { position:relative; background:#0066B2; color: #fff; margin:40px 0 30px; padding: 10px 30px 10px 20px; width: auto; float: none; display:inline-block; font-weight: bold; font-size: 14px; line-height: 20px; border-radius:3px; } .lightbox_thumbnail .casestudy_btn.blue a:hover { background:#2DC84D; } .lightbox_thumbnail .casestudy_btn a:after { position:absolute; content: "\f0da"; font-family: 'FontAwesome'; right: 10px; top: 0; font-size: 20px; line-height: 39px; } @media (min-width: 992px) and (max-width: 1200px){ .lightbox_thumbnail .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .lightbox_thumbnail .row-fluid .wrapper { width:750px; } } @media (min-width: 30px) and (max-width: 767px){ .lightbox_thumbnail .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .lightbox_thumbnail { padding-top:40px;} } /* recent blog post module */ .recentblog_section { width:100%; float:left; } .recentblog_section .blogrecent_cover { width:100%; float:left; padding: 50px 0; border-top: 4px solid #E3E6E9; background: #F7F7F7; } .recentblog_section .blogrecent_cover h5 { max-width:1080px; width:100%; float:none; margin:0 auto;. color:#2DC84D; font-size:18px; line-height:24px; text-transform:uppercase; padding-bottom:10px; } .recentblog_section .recentblog_item { margin:0 15px ; float:left; background: #fff; transition:all .6s ease; box-shadow: 0 0px 7px 1px #999B9E; -webkit-box-shadow: 0 0px 7px 1px #999B9E; -moz-box-shadow: 0 0px 7px 1px #999B9E; } .recentblog_section .post-image { width:100%; float:left; height:265px; position:relative; background-size:cover !important; } .recentblog_section .post-image:before { position:absolute; content:""; width:100%; height:110px; left:0; bottom:0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .recentblog_section .post-image:before { background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );} .recentblog_section .recentblog_item .recentpost_text { width:100%; float:left; padding:20px 18px; } .recentblog_section .recentblog_item .author_deital { width:100%; float:left;display: flex; align-items: center; padding:15px; position:absolute; z-index:9; bottom: 0; left: 0; } .recentblog_section .recentblog_item .author_deital .author-avatar { width:40px; height:40px; background-size:cover !important; border-radius:50%; border:2px solid #fff; float:left; } .recentblog_section .recentblog_item .author_deital .author-link { width:auto; float:left; padding-left:15px; font-size:16px; line-height:20px; font-weight:bold; color:#fff; } .recentblog_section .recentblog_item .post-content { width:100%; float:left; color:#5D5D5D; font-size:15px; line-height:22px; font-weight:300; padding:10px 0; } .recentblog_section .recentblog_item .post_topics { width:100%; float:left; padding-bottom:20px; } .recentblog_section .recentblog_item .post-title { width:100%; float:left; display: flex; flex-flow: row wrap; align-items: center;} .recentblog_section .recentblog_item .post-title a { color:#5A5C5C; font-size:20px; line-height:26px; width:100%; float:left; font-weight:400; padding-bottom:10px; } .recentblog_section .recentblog_item .topic-link { width:auto; float:left; color:#0066B2; font-size:13px; line-height:20px; font-weight:bold; text-transform:capitalize;} .recentblog_section .recentblog_item .post_date { float:right; width:atuo; color:#2DC84D; font-size:11px; line-height:20px; text-transform:uppercase;margin-top: 13px;font-weight: 500;} .recentblog_section .recentblog_item .more_btn { background:#0066B2; font-size:14px; color:#fff; line-height:20px; font-weight:400; padding:10px 20px; border-radius:6px; float:left; width:atuo; } .recentblog_section .recentblog_item .more_btn:hover { background:#2DC84D; transition:all .6s ease;} .recentblog_section .recentblog_item:hover { box-shadow: 0 0px 10px 2px #999B9E; -webkit-box-shadow: 0 0px 10px 2px #999B9E; -moz-box-shadow: 0 0px 10px 2px #999B9E; transition:all .6s ease; } .recentblog_section .recentblog_item:hover .more_btn { background:#2DC84D; transition:all .6s ease; } .recentblog_section .recentblog_item:hover .post-title a { color:#2DC84D; transition:all .6s ease; } .recentblog_section .slick-arrow { position: absolute; top: 50%; visibility: visible; opacity: 1; display: block; font-size: 0; min-width: auto; width: 40px; height: 52px; line-height: 40px; border: none; outline: none; background: transparent; -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #2b2975; } .recentblog_section .slick-arrow:before { font-family: 'FontAwesome'; content: ""; font-size: 0; height: 100%; width: 100%; background-size: 100% 100% !important; } .recentblog_section .slick-prev { left:-15px; } .recentblog_section .slick-next { right:-15px; } .recentblog_section .slick-prev:before{ background: url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/prev_btn.png?t=1523601944666) no-repeat center center; left: 0; position: relative; top: 0;} .recentblog_section .slick-next:before{ background: url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/next-btn.png?t=1523601944666') no-repeat center center; right: 0; position: relative; top: 0;} .recentblog_section .slick-list { padding:10px 0 !important; } .recentblog_section .recentpost_height { width:100%; float:left; } @media (min-width: 992px) and (max-width: 1200px){ .recentblog_section .row-fluid .wrapper { width:960px; } .recentblog_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; } .recentblog_section .blogrecent_cover h5 { max-width: 960px; padding:0 28px 20px 28px; } .recentblog_section .slick-list { padding:10px 0 !important; } .recentblog_section .email_subscribe form { max-width: 650px; } } @media (min-width: 768px) and (max-width: 991px){ .recentblog_section .row-fluid .wrapper { width:750px; } .recentblog_section .blogrecent_subscribe h3 { font-size: 26px; line-height: 30px; } .recentblog_section .slick-list { padding:10px 0 !important; } .recentblog_section .post-image { height:200px; } .recentblog_section .blogrecent_cover h5 { max-width: 750px; padding:0 28px 10px 28px; } .recentblog_section .email_subscribe form { max-width: 660px; } .recentblog_section .recentblog_item .more_btn { padding:6px 20px; } } @media (min-width: 30px) and (max-width: 767px){ .recentblog_section .slick-next{right: 36px;top:30%; background: rgba(174, 32, 54, 0.59);} .recentblog_section .slick-prev{left: 36px;top:30%; background: rgba(174, 32, 54, 0.59);} .recentblog_section .slick-arrow:hover{background: rgba(6, 6, 6, 0.71) !important; } .recentblog_section .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .recentblog_section .recentblog_item {width:100%; margin:0 12px; } .recentblog_section .slick-list { padding:10px 0 !important; } .recentblog_section .blogrecent_subscribe h3 { font-size: 24px; line-height: 32px; } .recentblog_section .email_subscribe form .hs-input { border-radius: 5px;} .recentblog_section .email_subscribe form .hs_email { width:100%; } .recentblog_section .email_subscribe form .hs_submit { float:none; display:inline-block;margin-top:20px; } .recentblog_section .email_subscribe form .hs-button { border-radius: 5px; } .recentblog_section .blogrecent_cover h5 { text-align:center; } .recentblog_section .recentpost_height { width:100%; float:left; height:auto !important; } } /* review slider */ .review_slider { width:100%; float:left; padding:20px 0 25px; margin:0 !important; } .review_slider .review_box { width:100%; float:left; padding-top:50px; text-align:center; margin-bottom:20px; font-style:italic; position:relative; } .review_slider .review_box:before { position:absolute; content:""; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star4_img.png') no-repeat center center; width: 200px; height: 25px; background-size:100% 100% !important; top: 15px; left: 50%; transform: translateX(-50%); } .review_slider .review_box.star5:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star5_img.png') no-repeat center center; } .review_slider .review_box.star4:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star4_img.png') no-repeat center center; } .review_slider .review_box.star3:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star3_img.png') no-repeat center center; } .review_slider .review_box.star2:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star2_img.png') no-repeat center center; } .review_slider .review_box.star1:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/star1_img.png') no-repeat center center; } .review_slider .review_content { width:100%; float:none; display:inline-block; max-width:800px; font-weight:300 !important; color:#5D5D5D; font-size:22px; line-height:30px; } .review_slider .review_content span{ font-weight:300 !important; } .review_slider h6 { width:100%; float:left; font-size:16px; line-height:20px; margin:10px 0 0; } .review_slider .slick-arrow { position:absolute; top:50%; visibility:visible; opacity:1; display:block; font-size:0; min-width:auto; width: 40px; height: 52px; line-height:40px; border:none; outline:none; background:transparent; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#2b2975; } .review_slider .slick-arrow:hover { background:transparent; } .review_slider .slick-prev { left:-60px; } .review_slider .slick-arrow:before { font-family:'FontAwesome'; content:""; font-size:0; height: 100%; width: 100%; background-size: 100% 100% !important; } .review_slider .slick-prev:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/prev_btn.png') no-repeat center center; left: 0; position: relative; top: 0; } .review_slider .slick-next { right:-60px;} .review_slider .slick-next:before { background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/next-btn.png') no-repeat center center; right: 0; position: relative; top: 0; } .review_slider .slick-track{display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;} .review_slider ul.slick-dots { margin:0; padding:0 0 20px; list-style:none; float:left; width:100%; bottom:0; } .review_slider ul.slick-dots li { display:inline-block; padding:0 5px; } .review_slider ul.slick-dots li button { display:inline-block; background:#a1a1a1; min-width:auto; padding:0; border:0;width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; } .review_slider ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#AA2037; } @media (min-width: 992px) and (max-width: 1200px){ .review_slider { padding:20px 0; } .review_slider .review_content { font-size: 24px; line-height: 34px; padding: 0 25px; } .review_slider .slick-prev { left: -20px; } .review_slider .slick-next { right: -20px; } } @media (min-width: 768px) and (max-width: 991px){ .review_slider { padding:20px 0; } .review_slider .review_content { font-size: 24px; line-height: 34px; padding: 0 25px; } .review_slider .slick-prev { left: -20px; } .review_slider .slick-next { right: -20px; } } @media (min-width: 30px) and (max-width: 767px){ .review_slider .review_content { font-size: 20px; line-height: 28px; } .slick-slider.review_slider { padding:0px ; margin-bottom: 20px !important;} .review_slider ul.slick-dots li { float: none; width: auto; margin: 0; } .review_slider ul.slick-dots li button { float: none; display: inline-block; } .review_slider .slick-prev { left: 50%; bottom: -32px; top: auto; margin-left: -60px; } .review_slider .slick-next { right: 50%; bottom: -32px; top: auto; margin-right: -60px; } .review_slider .review_box:before { width: 168px; height: 22px; } } /* thumbnail gallery */ .thumbnail_gallerysection { width:100%; float:left; padding:50px 0; } .thumbnail_gallerysection .thumbnail_coverone { width:100%; float:left; margin-bottom:10px !important; } .thumbnail_gallerysection .thumbnail_img { width:100%; float:left; position:relative } .thumbnail_gallerysection .thumbnail_text { width:100%; float:left; position:absolute; bottom:0; left:0; text-align:center; padding:20px; color:#fff; font-size:18px; line-height:24px; } .thumbnail_gallerysection .thumbnail_text:before{ position: absolute; content: "";background: #00000080; width: 100%; height: 100%; left: 0; top: 0;z-index: -1; } .thumbnail_gallerysection .thumbnail_img { width:calc(100% - 10px); margin:0 -5px; float:left; height:550px; background-size:cover !important; } .thumbnail_gallerysection .thumbnail_box { width:100%; float:left; } .thumbnail_gallerysection .thumbnail_covertwo { width:100%; float:left; margin-bottom:0 !important;} .thumbnail_gallerysection .thumbnail_slide { width:100%; float:left; } .thumbnail_gallerysection .thumbnail_slideimg { width:calc(100% - 10px); float:left; margin: 0 5px; height:150px; background-size:cover !important; } @media (min-width: 992px) and (max-width: 1200px){ .thumbnail_gallerysection .row-fluid .wrapper { width:960px; } } @media (min-width: 768px) and (max-width: 991px){ .thumbnail_gallerysection row-fluid .wrapper { width:750px; } } @media (min-width: 30px) and (max-width: 767px){ .thumbnail_gallerysection .row-fluid .wrapper { width:100%; padding:0 20px; float:left !important; } .thumbnail_gallerysection { display:none; } } /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ hr { border-color:#ccc; clear:both; margin-top:30px } img { max-width:100%; border:0; vertical-align: top; height:auto;; } .text-center{text-align:center;} .wistia_responsive_padding > div > span > div > div > div:last-child{ opacity:0 !important; display:none !important; } .row-fluid [class*="span"] { min-height:0px; } .header-container-wrapper .row-fluid [class*="span"] { min-height:0; } a { text-decoration:none; color:#2DC84D; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } a:hover { color:#2DC84D; } p { margin:0; } * + p, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top:20px } .back-img { background-size:cover; background-position:center; position:relative; } .back-img > * { position:relative; z-index:2; } .front-img { display:none !important; } .fontWhite , .fontWhite h1 ,.fontWhite h2 ,.fontWhite h3 ,.fontWhite h4 ,.fontWhite h5 , .fontWhite h6 ,.fontWhite a { color:#fff; } .fontWhite a:hover { color:#75787b; } .titleBlue h1, .titleBlue h2, .titleBlue h3, .titleBlue h4, .titleBlue h5 { color:#1aafe2; } .btn a, a.btn { padding:8px 35px 8px; background:#2DC84D; font-size:17px; font-family: proxima-nova, sans-serif;font-weight:bold; line-height:26px; text-transform:uppercase; color:#fff; border-radius:3px; max-width:100%; display:inline-block; text-align:center; } .btn a:hover, a.btn:hover { background:#af0a23; color:#fff; } .white-button a, a.white-button { padding:19px 35px 19px; background:#ffffff ; font-size:16px ; font-family: proxima-nova, sans-serif;font-weight:bold; line-height:26px; text-transform:uppercase; color:#31A1EF; border-radius:7px; max-width:100%; display:inline-block; text-align:center; } .white-button a:hover,a.white-button:hover { background:#2385ca; color:#fff; } .blue-button a, a.blue-button { padding:19px 35px 19px; background:#31A1EF ; font-size:16px ; font-family: proxima-nova, sans-serif;font-weight:bold; line-height:26px; text-transform:uppercase; color:#fff; border-radius:7px; max-width:100%; display:inline-block; text-align:center; } .blue-button a:hover,a.blue-button:hover { background:#e68400; color:#fff; } strong { font-family: proxima-nova, sans-serif;font-weight:bold; } .uppercase { text-transform:uppercase; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } /*unique paddings*/ .p0-20 { padding-left:20px; padding-right:20px; } .p10-0 { padding-top:10px; padding-bottom:10px; } .p20-0 { padding-top:20px; padding-bottom:20px; } .p30-0 { padding-top:30px; padding-bottom:30px; } .p40-0 { padding-top:40px; padding-bottom:40px; } .p50-0 { padding-top:50px; padding-bottom:50px; } .p60-0 { padding-top:60px; padding-bottom:60px; } .p70-0 { padding-top:70px; padding-bottom:70px; } .pb10 { padding-bottom:10px; } .pb20 { padding-bottom:20px; } .pb30 { padding-bottom:30px } .pb40 { padding-bottom:40px; } .pb50 { padding-bottom:50px; } .pb60 { padding-bottom:60px; } .pb70 { padding-bottom:70px; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } .pt30 { padding-top:30px } .pt40 { padding-top:40px; } .pt50 { padding-top:50px; } .pt60 { padding-top:60px; } .pt70 { padding-top:70px; } .border-top{border-top:2px solid rgb(240, 240, 240);} .border-bottom{border-bottom:2px solid rgb(240, 240, 240);} .grey-bg{background:rgb(247, 247, 247);} i.fa.fa-phone{ -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } ::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; } ::-moz-placeholder { opacity:1 !important; color:inherit !important; } :-ms-input-placeholder { opacity:1 !important; color:inherit !important; } textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:none; outline:none; background:#fff; font-size:20px; line-height:26px; font-family: proxima-nova, sans-serif;font-weight:400; color:#545554; margin:0; padding:13px 20px; width:100% !important; border-radius:0px; } .row-fluid select{ border:none; color:#545554; background:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/drop-aerrow.png'); background-repeat:no-repeat; background-position: 96% center; background-color:#fff;height:46px;padding:0 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-family: proxima-nova, sans-serif;} .row-fluid .hs-form .field{padding:0 0 40px 15px} /* .row-fluid .hs-form .field:first-child{padding:0 15px 40px 0} .row-fluid .hs-form .field:first-child+.field{padding:0 15px 40px} */ .input { margin-right: 0 !important; } input[type="submit"] {-webkit-appearance: none; outline:none; font-family: proxima-nova, sans-serif;padding:13px 40px; background-color:#2DC84D; color:#fff; font-size:20px; line-height:24px; text-transform:uppercase; font-weight:700; border-radius:5px; border:none; cursor:pointer; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; } input[type="submit"]:hover { color:#fff; background-color:#af0a23; } .hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; } .row-fluid .wrapper { margin:0 auto !important; float:none !important; padding-left:15px; padding-right:15px; } .row-fluid a.cta_button { box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important;} /* FancyBox */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/fancybox_loading.gif') center center no-repeat; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer;text-decoration: none; background: transparent url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050;} .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;} .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/fancybox_sprite@2x.png'); background-size: 44px 152px; } #fancybox-loading div { background-image: url('//cdn2.hubspot.net/hubfs/385545/Brothers_Service_Company_2018/images/fancybox_loading@2x.gif'); background-size: 24px 24px; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus,.slick-slide:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before,.slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; backface-visibility: hidden; -webkit-backface-visibility: hidden; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none; } /* Dots */ .slick-slider { margin-bottom: 50px; } .slick-dots { position: absolute; bottom: -75px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: rgba(255,255,255,0.34); border-radius:100%; opacity:1; } .slick-dots li button:hover,.slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 8px; line-height: 8px; position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ''; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button { opacity: 1; background: #fff; } /* Arrows */ .slick-prev, .slick-next { position: absolute; top: 50%; display: block; width: 30px; height: 45px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); padding: 0; cursor: pointer; color: #2DC84D; border: none; outline: none; z-index:9;font-size:20px;background:rgba(255, 255, 255, 0.8); } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; } .slick-prev { left: 5px; } .slick-next { right: 5px; } /*-=-=-= Default Isotope CSS=-=-=-=-*/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } .hs-search-results__title {font-weight: 500;font-size: 23px;} .hs-search-results__description{margin-top:0;} .hs-search-results__pagination{margin: 20px 0;height: 30px;} .hs-search-results__listing li {padding: 0; margin: 30px 0;} .row-fluid .header { position:absolute; top:0; left:0; right:0; z-index:9; padding:24px 50px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .row-fluid .header.fixed { position:fixed; left:0; right:0; width:100%; z-index:999; background:rgba(0,0,0,0.7); } .row-fluid .header .topphone-link { text-align:right; } .row-fluid .header .topphone-link a { color:#fff; font-size:20px; line-height:26px; } .row-fluid .header .topphone-link a:before { content:""; background:url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/tel-icon.png) no-repeat; width:18px; height:24px; display:inline-block; vertical-align:top; margin-right:10px; margin-top:3px; } .row-fluid .header .topphone-link a:hover { color:#2DC84D;} .row-fluid .hero-section { text-align:center; padding-bottom:80px; } .row-fluid .hero-section .wrapper { padding-top:120px; max-width:880px; } .row-fluid .hero-section:before { content:''; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.36) 41%, rgba(0,0,0,0.62) 93%, rgba(0,0,0,0.65) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.36) 41%,rgba(0,0,0,0.62) 93%,rgba(0,0,0,0.65) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.36) 41%,rgba(0,0,0,0.62) 93%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#a6000000',GradientType=1 ); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } .row-fluid .hero-section h1 { color:#fff; font-weight:normal; font-size:60px; line-height:60px; padding-bottom:10px; } .row-fluid .hero-section .secondary-header { color:#CDCFD0; font-size:31px; line-height:40px; margin:0; } .row-fluid .hero-section.show-form { padding-bottom:0; } .row-fluid .header_section .topheader_schedule.mobile_view { display:none; } .row-fluid .heroser-iconlisting { margin:70px 0 60px; display:inline-block; width:100%; } .row-fluid .heroser-iconlisting .hs_cos_wrapper_type_custom_widget { color:#fff; width:16.66%; float:left; padding:15px 10px; font-size:12px; line-height:18px; font-weight:bold; } .row-fluid .heroser-iconlisting .hs_cos_wrapper_type_custom_widget .heroser-icon { height:76px; width:76px; margin-bottom:8px; margin-left:auto; margin-right:auto; border-radius:100%; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .row-fluid .heroser-iconlisting .hs_cos_wrapper_type_custom_widget .heroser-icon img { max-height:76px; max-width:none; width:auto; } .row-fluid .heroser-iconlisting .hs_cos_wrapper_type_custom_widget a { color:#fff; } .row-fluid .heroser-iconlisting .hs_cos_wrapper_type_custom_widget a:hover .heroser-icon { background:#85B5D4; } .row-fluid .next-btnlink { margin:0; } .row-fluid .next-btnlink a:after{ content:""; background:url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/link-downarrow.png) no-repeat; width:14px; height:12px; display:inline-block; margin-left:5px; } .row-fluid .next-formwrap { color:#fff; max-width:1200px; float:none !important; margin:0 auto !important; padding-left:15px; padding-bottom:40px; padding-right:15px; overflow:visible !important; } .row-fluid .next-formwrap .hs-error-msgs { margin-bottom:0; } .row-fluid .next-formwrap .hs-form-required { display:none; } .row-fluid .next-formwrap fieldset { max-width:100%; } .row-fluid .next-formwrap input[type="submit"] { min-width:260px; } .row-fluid .next-formwrap fieldset.form-columns-3 .hs-form-field { width:33.33%; } .row-fluid .next-formwrap fieldset.form-columns-3 .input { margin-right:0; } .row-fluid .next-formwrap .hs_services_radio_list,.row-fluid .next-formwrap .hs_services_checkbox_list { padding:0 !important; margin:0 !important; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list { list-style:none; padding:15px; margin:70px auto 60px; max-width:880px; display:inline-block; width:100%; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li { float:left; width:16.66%; padding: 15px 10px; font-size: 12px; line-height: 18px; font-weight: bold; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:first-child input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:first-child input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Roofing.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(2) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(2) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Siding.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(3) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(3) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Gutters.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(4) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(4) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Doors.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(5) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(5) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Windows.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(6) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(6) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Additions.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(7) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(7) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Kitchens.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(8) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(8) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Bathrooms.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(9) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(9) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Insulation.png) no-repeat; background-clip: content-box; background-size: cover;} .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(10) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(10) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Basements.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(11) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(11) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Decks.png) no-repeat; background-clip: content-box; background-size: cover; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(12) input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(12) input[type=checkbox] + span:before { background:url(https://cdn2.hubspot.net/hubfs/2515281/icons/Custom-Homes.png) no-repeat; background-clip: content-box; background-size: cover;} .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio],.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] { visibility:hidden; display:none; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio] + span,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] + span { position:relative; cursor:pointer; display:inline-block; display:inline-block; padding-top:85px; width:100%; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio] + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] + span:before { content:''; width:76px; height:76px; border:3px solid #fff; display:inline-block; position:absolute; left:0px; top:0; right:0; margin:0 auto; border-radius:100%; background-position:center !important; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio]:checked + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox]:checked + span:before,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] + span:hover:before, .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio] + span:hover:before { background-color:#85B5D4; } .row-fluid .next-formwrap input[type="text"],.row-fluid .next-formwrap input[type="number"],.row-fluid .next-formwrap input[type="email"],.row-fluid .next-formwrap input[type="tel"],.row-fluid .next-formwrap select { height:63px;} .row-fluid .next-formwrap textarea { height:62px; } .row-fluid .next-formwrap .field { position: relative; margin-bottom: 0px; } /* .row-fluid .next-formwrap .field > label { top:17px; left:35px; pointer-events: none; color:rgb(87, 87, 87); position: absolute; transform: translate3d(0, 0, 0) scale(1); transform-origin: left top; transition: 100ms; font-size:10px; text-transform:uppercase; } */ .row-fluid .next-formwrap .field.is-focused > label { color:#fff; top:0; transform: translateY(-25px) scale(1); opacity:1; } .row-fluid .hs-form .field:first-child > label { left:20px; } .row-fluid .kbhome-section { padding:30px 0; } .row-fluid .kbhome-section .wrapper { max-width:1040px; } .row-fluid .kbhome-section .testimonial-slick .hs_cos_wrapper_type_widget_container { margin-left:-60px; margin-right:-60px; margin-bottom:0; } .row-fluid .kbhome-section .slick-slide.last .kbhome-col { border-right-color:transparent; } .row-fluid .kbhome-section .kbhome-col > div { position:relative; } .row-fluid .kbhome-section .kbhome-col { position:relative; border-right:2px solid #E4E5E6; padding:8px 60px 8px 60px; margin:0; } .row-fluid .kbhome-section .kbhome-icon { position:absolute; left:0; top:0px; width:53px; } .row-fluid .kbhome-section .kbhome-content { font-size:12px; line-height:16px; width:100%; margin:0; padding-left:70px; font-weight:300; } .row-fluid .kbhome-section .kbhome-content p { margin:0; } .row-fluid .kbhome-section .kmhome-authortext { color:#2DC84D; text-transform:uppercase; font-weight:800; margin-top:5px; font-size:10px; line-height:14px; } .row-fluid .aeneest-section { position:relative; padding:80px 0 120px 0; background:url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/tincidunt-gradientbg.png) no-repeat; background-size:cover; } .row-fluid .aeneest-contentwrap { max-width:870px; margin:0 auto !important; float:none; font-size:20px; line-height:32px; } .row-fluid .aeneest-contentwrap h2 { margin-bottom:15px; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget { margin-top:-15px; /*margin-bottom:30px;*/ text-align:center; float:left; width:100%; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:last-child { margin-bottom:0; margin-top:15px; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:nth-child(even) { float:right; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:nth-child(even) .tincidunt-box { float:right; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:last-child .tincidunt-box { float:none; margin:30px auto 0; } .row-fluid .tincidunt-box { max-width:300px; color:#C9CACA; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .row-fluid .tincidunt-box .tincidunt-icon { width:173px; height:173px; line-height:173px; border:4px solid transparent; border-radius:100%; display:inline-block; opacity:0.3; -webkit-transition: all ease 2s; -moz-transition: all ease 2s; -o-transition: all ease 2s; -ms-transition: all ease 2s; transition: all ease 2s; } .row-fluid .tincidunt-box:hover .tincidunt-icon,.row-fluid .tincidunt-box.active .tincidunt-icon.hightlight-icon { border-color:#2DC84D; opacity:1; } .row-fluid .tincidunt-box.active .tincidunt-icon { opacity:1; } .row-fluid .tincidunt-box.active h4 { color: #2DC84D; } .row-fluid .tincidunt-box.active { color:#898989; } .row-fluid .tincidunt-box:hover h4 { color: #2DC84D; } .row-fluid .tincidunt-box:hover { color:#898989; } .row-fluid .tincidunt-box h4 { color:#C9CACA; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; padding-bottom:5px; margin-top:5px; } .row-fluid .tincidunt-box .tincidunt-icon img { display:inline-block; vertical-align:middle; max-height:80px; width:auto; } .row-fluid .aeneanvideo-section { padding:50px 0; text-align:center; } .row-fluid .aeneanvideo-section .wrapper { max-width:1050px; } .row-fluid .aeneanvideo-section .aenevideo-frame { display: inline-block; padding: 0; margin:0 0 30px; width: 100%; padding-top: 56.25%; height: 0px; position: relative; } .row-fluid .aeneanvideo-section .aenevideo-frame iframe { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width:100%; height:100%; } .row-fluid .aeneanvideo-section h2 { margin-bottom:10px; } .row-fluid .partlogo-slick > span { margin:0; } .row-fluid .partlogo-slick .slick-initialized .slick-slide { float:none; display:inline-block; vertical-align:middle; text-align:center; line-height:0; } .row-fluid .partlogo-slick .slick-initialized .slick-slide img { display:inline-block; } .row-fluid .partnerlogo-section { padding:25px 0; } .row-fluid .ctastrip-section { padding:180px 0 0; min-height:395px; position:relative; z-index:1; } .row-fluid .ctastrip-section:before { content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:-1; } .row-fluid .ctastrip-section h3 { color:#fff; font-size:40px; line-height:40px; } .row-fluid .ctastrip-section .wrapper { max-width:1050px; } .row-fluid .ctastrip-section .btn a { font-size:19px; line-height:26px; padding:10px 25px; } .row-fluid .ctastrip-contentwrap, .row-fluid .ctastrip-btnwrap { float:none; margin-right:-3px; display:inline-block; vertical-align:middle; } .row-fluid .footer { background:#353535; padding:15px 0; } .row-fluid .footer .copy-righttext { font-size:15px; color:#686969; } .row-fluid .footer .ftsocial-links ul { padding:0; margin:0; text-align:right; } .row-fluid .footer .ftsocial-links ul li { display:inline-block; } .row-fluid .footer .ftsocial-links ul li a { color:#353535; display:inline-block; width:30px; height:30px; background:#575555; font-size:16px; line-height:30px; text-align:center; } .row-fluid .footer .ftsocial-links ul li a:hover { background:#2DC84D; color:#fff; } .row-fluid .tincidunt-mainlisting { position:relative; margin-top:70px; z-index:1; } .row-fluid .svgline-drawwrap { max-width:690px; position:absolute; top:50px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);; z-index:-1; } /*=====brother=toptier=page======*/ .reg-heroafter_inner {margin: 50px auto 0!important; display: block!important; } .reg-heroafter_inner h4 { font-size: 32px; line-height: 40px; } .reg-heroafter_inner h2{ width: 100%;float: left;font-size: 43px;line-height: 50px;color: #2DC84D;font-weight: 300;margin-bottom: 10px;} /*=====brother=singal=page======*/ .header-container-wrapper{position: fixed;width: 100%;z-index: 8000;background: #fff;-webkit-box-shadow: 0px 7px 13px 0px rgba(82,82,82,0.52);-moz-box-shadow: 0px 7px 13px 0px rgba(82,82,82,0.52);box-shadow: 0px 7px 13px 0px rgba(82,82,82,0.52);} .row-fluid .header_section { padding:17px 15px; box-shadow: 0 0 3px 0px #ccc; -webkit-box-shadow: 0 0 3px 0px #ccc; -moz-box-shadow: 0 0 3px 0px #ccc; } .row-fluid .header_section .wrapper2 > div > div { display:flex; align-items:center; justify-content: space-between; } .row-fluid .header_section .new_mainmenu { line-height:0; flex-grow:2; } .row-fluid .header_section .new_mainmenu ul li a { padding: 10px 21px 10px 11px; font-size: 16px; line-height: 22px; white-space: normal; max-width: 100%; text-transform: capitalize; overflow: hidden; text-overflow: inherit;color:#8B8B8B; font-weight:400; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {white-space: normal; border-bottom:1px solid rgba(255,255,255,0.2); color:#fff; width: 100%; padding: 8px 12px; overflow: hidden; text-overflow: inherit; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { background:#666666; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a { border-bottom:0; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:100%; width:150px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { right:100%; left:auto; } .hs-menu-item.hs-menu-depth-2.hs-item-has-children:before{content: '»';position: absolute;right: 6px;top: 10%;font-size: 22px; } /* .hs-menu-item.hs-menu-depth-2.hs-item-has-children:before{content: '»';position: absolute;right: 13px;top: 50%;color: #ce5a6c;font-size: 22px; } */ .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a { width:auto; position:relative; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after { position:absolute; content:"\f107"; font-family: 'FontAwesome'; font-size:20px; color:#ccc; padding-left:6px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { background:#2DC84D; width:180px;z-index:999999; } .row-fluid .topheader_schedule { text-align:right; float:right; } .row-fluid .topheader_schedule p { display:flex; align-items:center; width:auto; float:right; } .row-fluid .topheader_schedule a { color:rgb(139, 139, 146); font-size:15px; line-height:22px; min-width: 110px; width:auto; float:left; text-align:center; font-weight:500 ;} .row-fluid .topheader_schedule a i{ color:#2DC84D; } .row-fluid .topheader_schedule .schedule_btn { background:#2DC84D; padding: 8px 12px; font-size: 12px; color:#fff; line-height:22px; float:left; width:auto; border-radius:5px; margin-left:20px; text-transform:uppercase; } .row-fluid .topheader_schedule .schedule_btn:hover { background:#0066B2; } .reg-heroafter_inner{width: 100%;max-width: 850px;float: none !important;display: block;padding: 35px 25px;text-align: center;color:#5D5D5D;margin: 0 auto !important; } .reg-heroafter_inner h4{ color: rgb(170, 31, 54);font-size: 43px;line-height: 50px;font-weight: 300;} /*====Brothers_blog===*/ .brothers-blog.blog-post .blog-post-hero{ width:100%;min-height:200px;height:355px;background-size:cover;background-position:center center;display:block;position:relative;margin-top:160px; } .brothers-blog.blog-post .blog-post-hero:before { content:''; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.36) 41%, rgba(0,0,0,0.62) 93%, rgba(0,0,0,0.65) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.36) 41%,rgba(0,0,0,0.62) 93%,rgba(0,0,0,0.65) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.36) 41%,rgba(0,0,0,0.62) 93%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#a6000000',GradientType=1 ); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; } .brothers-blog.blog-post .blog-post-wrapper{ max-width:1200px;width:100%;padding:0 20px 0;margin:0 auto; } .brothers-blog.blog-post .post-header{ margin-bottom:65px;} .brothers-blog.blog-post .post-header .post-topic{ color:#b0afb0;font-size:17px; font-weight:100; width:100%; margin:30px 0 10px 0;} .brothers-blog.blog-post .post-header .post-topic a.topic-link{ color:#b0afb0;font-size:17px;padding:0 20px;font-weight: 400; border-right:2px solid #b0afb0;} .brothers-blog.blog-post .post-header .post-topic a.topic-link:first-child { padding-left:0;} .brothers-blog.blog-post .post-header .post-topic a.topic-link:last-child { padding-right:0;border:none;} .brothers-blog.blog-post .post-header .post-topic a.topic-link:hover{ color:#2DC84D; } .brothers-blog.blog-post .post-header h1{ font-size: 65px;font-weight: 300;line-height: 66px;display: block;width: 90%;margin: 0 0 20px 0;} .brothers-blog.blog-post.career-blog .post-header h1{ width: 100%;margin: 60px 0 20px 0;} .brothers-blog.blog-post .post-header #hubspot-author_data { display:flex; flex-flow: row wrap; align-items:center;} .brothers-blog.blog-post .post-header #hubspot-author_data .hs-author-avatar img{ border-radius:100%; border: 4px solid #ededee; max-width:65px;margin-right:5px;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by{ display:flex;flex-flow:column wrap;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by .hs-author-label{ color:#b1b3b6;font-weight:100;font-size:15px;line-height: 13px;display:block;float:left;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by a.author-link{font-weight:700; color:#67686b;font-size:25px;line-height: 25px;margin-top: 2px;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by a.author-link:hover{color:#2DC84D;} .brothers-blog.blog-post .post-body a{ color:#599cd5; font-weight:500; text-decoration:underline;font-style: italic; } .brothers-blog.blog-post .post-body a:hover{color:#2DC84D;} .brothers-blog.blog-post .post-body h2{font-size:39px; color:#595a5a;} .brothers-blog.blog-post .post-body h3{font-size:33px; color:#595a5a;} .brothers-blog.blog-post .post-body blockquote{font-size:23px; line-height:33px;font-weight:100;font-style: italic; color:#bdc6cc;padding-left: 90px;position:relative;} .brothers-blog.blog-post .post-body blockquote p:before{ content: url(https://cdn2.hubspot.net/hubfs/385545/quote.svg);display:block;display: block;max-width: 25px;position: absolute;left: 51px;top: 2px;width: 100%; } .brothers-blog.blog-post .blog-cat-links{} .brothers-blog.blog-post .blog-cat-links h4{text-transform:uppercase;text-align:center;margin-bottom:35px;} .brothers-blog.blog-post .blog-cat-links .links{ border-top:2px solid #e7e8ea;} .brothers-blog.blog-post .blog-cat-links .links .links-wrapper{ max-width: 1080px;width: 100%;float: none;margin: 0 auto;} .brothers-blog.blog-post .blog-cat-links ul{list-style-type:none; display:flex; flex-flow:row wrap; margin:0;padding:0;} .brothers-blog.blog-post .blog-cat-links ul li{flex-grow:1;display:flex; padding:5px ;text-align:center;border-right:3px solid #e7e8ea;} .brothers-blog.blog-post .blog-cat-links ul li:first-child{border-left:3px solid #e7e8ea;} .brothers-blog.blog-post .blog-cat-links ul li a{ flex-grow:1; color:#85b4d4;font-size:14px;} .brothers-blog.blog-post .blog-cat-links ul li a span{ color:#e7e8ea;font-size:10px; } .brothers-blog.blog-post .blog-cat-links ul li a:hover{ background:#85b4d4;color:#fff; } /* brothers Blog Listing View */ .hs-blog-listing .filter-blog { margin-top: -65px; position: relative; z-index: 1; } .hs-blog-listing .filter-blog h3 { font-size: 16px; color: #fff; font-style: italic; display: inline-block; float: left; text-align: center; font-weight: 600; min-width: 130px; max-width: 130px; width: 100%; } .hs-blog-listing .filter-blog h3 + .widget-module { display: inline-block; float: left; width: calc(100% - 130px); } .hs-blog-listing .filter-blog ul { margin: 0px; padding: 0px; float: left; width: 100%; display: flex; } .hs-blog-listing .filter-blog ul li { list-style: none; } .hs-blog-listing .filter-blog ul li a { color: #fff; font-size: 13px; position: relative; display: inline-block; line-height: 38px; font-weight:500; } .hs-blog-listing .filter-blog ul li a span.filter-link-count { display: none; } .hs-blog-listing .filter-blog .block { float: left; width: 100%; padding: 13px 0px; position: relative; } .hs-blog-listing .filter-blog ul li { width: 100%; text-align: center; } .hs-blog-listing .filter-blog ul li a:after { content: ""; height: 100%; width: 15px; display: block; background-image: url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/right-c-arrow.png); position: absolute; top: 0; right: -17px; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease; } .hs-blog-listing .filter-blog .block:after { content: ""; position: absolute; top: 0; left: 50%; width: calc(100% + 75px); height: 1px; background: rgb(199, 199, 199); transform: translateX(-50%); } .hs-blog-listing .filter-blog ul li a:hover { color: #2DC84D; } .hs-blog-listing .filter-blog ul li a:hover:after { background-image: url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/right-c-arrow-hover.png); } @media(max-width:1200px){ .hs-blog-listing .filter-blog .wrapper{width:100%;} } /* */ .hs-listing-view .blog-listing-wrapper { float: left; width: 100%; } .hs-blog-listing .post-listing { display: flex; margin:0px - 15px; flex-flow: wrap; } .hs-listing-view .blog-listing-wrapper .post-listing { float: left; width: 100%; } .hs-blog-listing .post-listing .blog-item { float: left; width: 33.33%; padding: 20px 15px; } .hs-blog-listing .post-listing .blog-item .thumb { height: 266px; position: relative; width: 100%; float: left; } .hs-blog-listing .blog-info { position: absolute; width: 100%; bottom: 0; padding: 35px 15px 15px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.83) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.83) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.73) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d4000000', GradientType=0); } .hs-blog-listing .blog-info .author-info { float: left; } .hs-blog-listing .blog-info a.author-link { color: #fff; font-size: 16px; font-weight: 600; display: inline-block; margin-left: 8px; line-height: 37px; } .hs-blog-listing .blog-info img { height: 37px; width: 37px; object-fit: cover; border-radius: 100%; border: 2px solid #fff; } .hs-blog-listing .blog-info .date { display: none; } .hs-blog-listing .post-listing .blog-item .blog-contain { background: #fff; float: left; } .hs-blog-listing .post-listing .blog-item .inner { box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.10); width: 100%; height: 100%; transition: all 0.3s ease; background: #fff; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain { padding: 20px 18px; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain h3 { font-size: 20px; line-height: 27px; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain h3 a { color: #5A5C5C;font-size:inherit; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain h3 a:hover { color: #2DC84D; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain .post-summery { color: #5D5D5D; font-size: 15px; line-height: 25px; margin-top: 6px; margin-bottom: 7px; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain .topics { float:left; width:100%; padding-bottom:4px; } .hs-blog-listing .topics a.topic-link { color: #2DC84D; font-size: 13px; line-height: 20px; font-weight: bold; text-transform: capitalize; letter-spacing: 1px; display: inline-block; vertical-align: middle; } .hs-blog-listing .topics { color: #0066b2; line-height: 8px; } .hs-blog-listing .blog-item .inner .blog-contain .btn-wrapper { padding-top: 10px; float: left; width: 100%; } .hs-blog-listing .btn-wrapper a.more-link { background: #F5A623; font-size: 14px; color: #fff; line-height: 20px; font-weight: 400; padding: 10px 20px; border-radius: 6px; float: left; letter-spacing: 1px; float: left; } .hs-blog-listing .post-listing .blog-item .date { float: right; color: #2DC84D; font-size: 11px; line-height: 20px; text-transform: uppercase; margin-top: 11px; font-weight: 500; } .hs-blog-listing .post-listing .blog-item .inner:hover { box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.3); } .hs-blog-listing .post-listing .blog-item .inner:hover .blog-contain h3 a { color: #2DC84D;font-size: inherit; } .hs-blog-listing .post-listing .blog-item .inner:hover .blog-contain .btn-wrapper a.more-link , .hs-blog-listing .blog-item .inner .blog-contain .btn-wrapper a.more-link:hover{ background: #2DC84D; } .hs-blog-listing .topics a.topic-link + a.topic-link:before { content: ""; height: 12px; width: 1px; background: #0066b2; display: block; position: absolute; top: 3px; left: 0; } .hs-blog-listing .topics a.topic-link { position: relative; padding: 0px 7px; float: left; } .hs-blog-listing .topics a.topic-link:first-child { padding-left: 0px; } .hs-blog-listing .topics a.topic-link:hover { color: #0066B2; } .hs-blog-listing .full-width-blog .blog-item { width: 100%; position: relative; padding: 10px 15px; background: #e8f0f7; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.52); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.52); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.52); margin-top:-100px; margin-bottom:75px; } @media(max-width:767px){ .hs-blog-listing .full-width-blog .blog-item{ margin-top:25px; } } .hs-blog-listing .full-width-blog .blog-item .thumb { width: 50%; position:relative; } .hs-blog-listing .full-width-blog .blog-item .inner { box-shadow: none !important; display: flex; min-height:400px; } .hs-blog-listing .full-width-blog .blog-item .blog-contain { width: 50%; padding:30px 0px; padding-left: 55px; display:flex; align-items: center; } .hs-blog-listing .full-width-blog .topics { padding-top: 6px; padding-bottom: 14px; float:left; } .hs-blog-listing .full-width-blog .blog-item .inner .blog-contain .btn-wrapper .date { display: none; } .hs-blog-listing .full-width-blog .blog-item .inner .blog-contain h3 { font-size: 48px; font-weight: 300; line-height: normal; } .hs-blog-listing .full-width-blog .blog-item .inner .blog-contain h3 a { color: #2DC84D;font-size: inherit; } .hs-blog-listing .full-width-blog .blog-item .thumb .blog-info .date { display: block; color: #fff; font-size:16px; text-align: right; font-weight:500;text-transform: uppercase; float: right; padding-top: 4px; } .hs-blog-listing .post-listing .wrap-item-2 {display: flex;flex-flow: wrap;} .hs-blog-listing .blog-item .inner .blog-contain .btn-wrapper a.more-link { padding: 10px 35px; } .blog-listing-wrapper { float: left; width: 100%; position:relative; } .blog-listing-wrapper > div { position: relative; z-index: 1; } .hs-blog-listing .post-listing .wrap-item { float: left; width: 100%; display: flex; flex-wrap: nowrap; flex-flow: wrap; padding-top:5px; } .hs-blog-listing .post-listing .load-item { display: flex; flex-flow: wrap; } .hs-blog-listing .post-listing .blog-subscribe-section { margin: 0; } .hs-blog-listing .post-listing .blog-subscribe-section .box-it-in { margin: 0px; max-width: 100%; } .hs-blog-listing .post-listing .blog-subscribe-section .wrapper { padding: 15px 15px; max-width: 100%; width: 100%; } .row-fluid .blog-cta { margin:0px; padding:15px; } .row-fluid .blog-cta .wrapper{ padding:0px; width:100%; } .row-fluid .blog-cta .inner { padding: 35px 20px 25px; padding-left: 45px; } .row-fluid .blog-cta .inner .subtitle { color: #ACAFA2; font-size: 28px; } .row-fluid .blog-cta .inner h2 { font-size: 78px; } .row-fluid .blog-cta .inner .link a { font-weight: 600; color: #5A5C5C; font-style: italic; display: inline-block; transition: all 0.3s ease; } .row-fluid .blog-cta .inner .link { text-align: center; padding-top: 10px; } .row-fluid .blog-cta .inner > div { max-width: 464px; } .row-fluid .blog-cta .inner .link a:after { content: ""; height: 100%; width: 28px; background-image: url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/cta-arrows.png); display: inline-block; background-repeat: no-repeat; background-position: center; position: absolute; top: 3px; transition: all 0.3s ease; } .row-fluid .blog-cta .inner .link a:hover:after { background-image: url(https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/cta-arrows-hover.png); } .row-fluid .blog-cta .inner .link a:hover { color: #2DC84D; } .hs-blog-listing .load-more-wrapper { float: left; width: 100%; text-align: center; padding: 10px 0px 60px; } .hs-blog-listing .load-more-wrapper a { color: #dbdcde; font-weight: 600; font-size: 20px; } .hs-blog-listing .load-more-wrapper a img { margin-right: 12px; } .hs-blog-listing .load-more-wrapper a:hover {filter: brightness();} .hs-blog-listing .subpage_hero .subpage_text { font-size: 19px;line-height: 26px; } .hs-blog-listing .subpage_hero { padding: 165px 0 60px; } .hs-blog-listing .subpage_hero:before { opacity: 0.5; } .hs-blog-listing .filter-blog label { display: none;} .brothers-blog .fifdy-a, .fifdy-b{margin-top: 45px;} .brothers-blog h4{margin-bottom: 25px;} .brothers-blog .blog-post-wrapper h3{margin-top: 50px;} .brothers-blog .inside-cta span{text-align: center; border: 2px solid #ccc; padding: 8px 10px; display: block; width: 50%; margin: 40px auto; text-decoration: none!important;} .brothers-blog .inside-cta{display: block; text-decoration: none!important; color: #2DC84D;} .brothers-blog .inside-cta span:after{content: "\f105"; font-family: FontAwesome; font-weight: 900; margin-left: 10px; transition: all ease 0.3s;} .brothers-blog .inside-cta span:hover:after{margin-left: 20px;} .brothers-blog .six-col{width: 100%; margin: 0 auto!important;} .brothers-blog .six-col div img{width: 100%; max-width: 300px; } .brothers-blog .six-col div{float: left; width: 30%; text-align: center; margin-bottom: 20px; box-sizing: border-box!important; margin-right: 1%;} .brothers-blog .six-col div:nth-child(4n){clear: left;} .brothers-blog .six-col div span{font-size: 12px;} .brothers-blog .six-col div h5{font-size: 20px; margin-top: 5px;} .brothers-blog .threequart-split{margin-top: 20px;} .brothers-blog .blog-table{width: 100%; font-size: 13px;} .brothers-blog .blog-table .tb-header{background: #535859!important; color: #fff; text-transform: uppercase; text-align: center; font-weight: 700; font-size: 13px;} .brothers-blog .blog-table tr:nth-child(2n+1){ background: #eee;} .brothers-blog .blog-table tr td{padding: 0 5px; box-sizing: border-box; text-align: center;} .brothers-blog .blog-table tr td:nth-child(1){text-align: left;} .brothers-blog .rankings{width: 100%;} .brothers-blog .rankings span{display: block; width: 50%; float: left; border: 10px solid #2DC84D; text-align: center; background: #2DC84D; padding: 30px 0px; font-weight: 700; color: #fff; box-sizing: border-box;} .brothers-blog .rankings span:nth-child(2){background: #fff!important; color: #2DC84D; } .row-fluid .rlp-header { box-shadow:none; } .row-fluid .get-bg { display:none; } .row-fluid .rlp_video_section { width:100%; float:left; padding:30px 0; font-size:20; line-height:32px; color:#898989; text-align:center; } .row-fluid .rlp_video_section h2 { font-size:60px; line-height:60px; color:#566873; margin:0 0 15px 0; } .row-fluid .rlp_video_box { width:100%; float:left; margin:70px 0 0 0; } .row-fluid .rlp_video_left { width:40%; float:none; display:inline-block; vertical-align:middle; margin:0 -2px; padding: 70px 0 0 0; } .row-fluid .rlp_vdo_text { min-width:200px; width:auto; padding:18px; background:#AE1E3D; position:absolute; top:-70px; left:50%; transform:translatex(-50%); z-index:2; } .row-fluid .rlp_vdo_text:before { position:absolute; content:""; bottom:-20px; left:50%; transform:translatex(-50%); width:40px; height:22px; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/arro1.png') center no-repeat; background-size: cover; } .row-fluid .rlp_vdo_text:after { position:absolute; content:""; bottom:-38px; left:50%; transform:translatex(-50%); width:50px; height:25px; background:url('https://cdn2.hubspot.net/hubfs/2515281/Brothers_Service_Company_2018/images/arro2.png') center no-repeat; background-size: cover; } .row-fluid .rlp_vdo_text h3 { font-size:32px; line-height:32px; color:#fff; text-transform:uppercase; margin:0; } .row-fluid .rlp_vdo_text h5 { font-size:24px; line-height:24px; color:#fff; text-transform:uppercase; } .row-fluid .rlp_video_part { position:relative; background-size: cover;background-position: center; background-repeat: no-repeat; } .row-fluid .rlp_video_part:before { opacity:0; position: absolute; content: ""; background:rgba(237, 237, 237, 0.7); width: 100%; height: 100%; left: 0; top: 0; z-index:1; filter: blur(0); transition: all .6s ease;} .row-fluid .rlp_video_part:hover:before { opacity:1; } .row-fluid .rlp_video_part a { width: 100%; float: left; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index: 999; text-align: center; cursor: pointer; width:150px; } .row-fluid .rlp_video_part a .svg-inline--fa.fa-w-18 { width:150px; height:auto; } .row-fluid .rlp_video_part:hover a svg { -webkit-animation: pulsate-bck 1s ease-in-out infinite both; animation: pulsate-bck 1s ease-in-out infinite both;} @-webkit-keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulsate-bck {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(0.9);transform: scale(0.9);}100% {-webkit-transform: scale(1);transform: scale(1);}} .row-fluid .rlp_video_right { width:60%; float:none; display:inline-block; vertical-align:middle; margin:0 -2px; padding-left:40px; } .row-fluid .rlp_video_right h4 { font-size:32px; line-height:32px; color:#AE1E3D; } .row-fluid .rlp_video_form { background:#0F3255; padding:0px 30px 30px 30px; margin:10px 0 0 0; width:100%; float:left; } .row-fluid .rlp_video_form form fieldset { max-width:100% !important; float:left; width:100%; margin:10px 0 0 0; } .row-fluid .rlp_video_form form { color:#fff; text-align:left; } .row-fluid .rlp_video_form form .form-columns-1 .input , form .form-columns-2 .input { margin-right:0 !important; } .row-fluid .rlp_video_form form .form-columns-1 .input textarea , .row-fluid .rlp_video_form form .form-columns-1 .input input , .row-fluid .rlp_video_form form .form-columns-1 .input select { width:100% !important; } .row-fluid .rlp_video_form form .form-columns-2 { width:100%; } .row-fluid .rlp_video_form form .form-columns-2 .input input { width:100% !important; } .row-fluid .rlp_video_form form fieldset.form-columns-3 .hs-form-field { width:33.33%; } .row-fluid .rlp_video_form form .hs-fieldtype-booleancheckbox .input input { width:auto !important; height:auto !important; } .row-fluid .rlp_video_form form .form-columns-2 .hs-form-field:first-child, .row-fluid .rlp_video_form form .form-columns-3 .hs-form-field:first-child { padding-right:5px; padding-left:0; } .row-fluid .rlp_video_form form .form-columns-2 .hs-form-field:last-child, .row-fluid .rlp_video_form form .form-columns-3 .hs-form-field:last-child { padding-left:5px; padding-right:0; } .row-fluid .rlp_video_form form .form-columns-2 .hs-form-field { width: 50% !important; } .row-fluid .rlp_video_form form .form-columns-1 .hs-form-field { padding-right:0 !important; padding:0;} .row-fluid .rlp_video_form form .hs_recaptcha { float:left; width:100%; } .row-fluid .rlp_video_form form .input input.error { background:#ff6666; } .row-fluid .rlp_video_form form .hs-form-required , .row-fluid .fuso-form form .hs-error-msgs { display:none !important; } .row-fluid .rlp_video_form form .field { padding: 0 5px; } .row-fluid .rlp_video_form form input { background: #fff; border: 1px solid #A3A3A3; font-size: 12px; color: #000; padding: 5px; float: left; } .row-fluid .rlp_video_form form textarea { width:100% !important; background: #fff; height:100px; resize: none; border: 1px solid #ededed;font-size: 12px; color: #000; padding:5px; float: left; } .row-fluid .rlp_video_form form .hs_submit input { margin:0; background:transparent; border:none; transition:all 0.3s ease-in-out;font-weight:700; line-height: 19px; font-size: 16px; padding: 15px 90px 15px 70px; float: none; color: #fff; text-transform: uppercase; display: inline-block; } .row-fluid .rlp_video_form form > div > div.actions { width:auto; position:relative; background:#AE1E3D; float: none; display:inline-block; box-sizing: border-box; } .row-fluid .rlp_video_form form > div > div.actions:after { content: "\f0da"; position:absolute; right:66px; top:11px; color:#fff; font-family: FontAwesome; transition:all 0.3s ease-in-out; font-size: 25px; } .row-fluid .rlp_video_form form > div > div.actions:hover { background:#fff; } .row-fluid .rlp_video_form form > div > div.actions:hover input, .row-fluid .rlp_video_form form > div > div.actions:hover:after { background:transparent; color:#AE1E3D; } .row-fluid .rlp_video_form form .hs-submit { width:100%; text-align:center; margin:10px 0 0 0; float:left; } .row-fluid .rlp_video_form .inputs-list .hs-form-checkbox-display , .row-fluid .rlp_video_form .inputs-list .hs-form-booleancheckbox , .row-fluid .rlp_video_form .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; } .row-fluid .rlp_video_form .inputs-list input[type="checkbox"] , .row-fluid .rlp_video_form .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .row-fluid .rlp_video_form .inputs-list input[type="radio"] { top:3px; } .row-fluid .rlp_video_form .inputs-list input[type="checkbox"] + span { line-height: 14px; position:relative; display: block; } .row-fluid .rlp_video_form .inputs-list input[type="checkbox"] + span:before { position:absolute; left:-22px; top:0; content:''; width:15px; height:15px; border:1px solid #dadada; color:#fafafa; background:#fafafa; } .row-fluid .rlp_video_form .inputs-list input[type="checkbox"]:checked + span:before { background:#fff; color:#fff; border-color:#333; } .row-fluid .rlp_video_form .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#000; position:absolute; left:-22px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 14px; line-height: 16px; } .row-fluid .rlp_video_form .hs-services_checkbox_list { text-align:center; position:relative; font-size:16px; border:1px solid #fff; padding:5px; margin-top:20px; } .row-fluid .rlp_video_form .hs-services_checkbox_list > label { padding:0 7px; background:#0F3255; position: relative; top: -17px; left: 0 !important; } .row-fluid .rlp_video_form .hs-services_checkbox_list:before { } .row-fluid .rlp_video_form .hs-services_checkbox_list .inputs-list { margin:0; padding:0; text-align:left; } .row-fluid .rlp_video_form .hs-services_checkbox_list .inputs-list li { width:25%; float:none; display:inline-block; vertical-align:top; margin:0 -2px; padding:5px; font-size:11px; } .row-fluid .rlp_video_form form input::-webkit-input-placeholder, .row-fluid .rlp_video_form form input[type=email]::-webkit-input-placeholder, .row-fluid .rlp_video_form form textarea::-webkit-input-placeholder { color: #A3A3A3;} .row-fluid .rlp_video_form form input::-moz-placeholder, .row-fluid .rlp_video_form form input[type=email]::-moz-placeholder, .row-fluid .rlp_video_form form textarea::-moz-placeholder { color: #A3A3A3; } .row-fluid .rlp_video_form form input:-ms-input-placeholder, .row-fluid .rlp_video_form form input[type=email]:-ms-input-placeholder, .row-fluid .rlp_video_form form textarea:-ms-input-placeholder { color: #A3A3A3;} .row-fluid .rlp_video_form form input:-moz-placeholder, .row-fluid .rlp_video_form form input[type=email]:-moz-placeholder, .row-fluid .rlp_video_form form textarea:-moz-placeholder { color: #A3A3A3; } .row-fluid .rlp_logo_section h2 { font-weight:400; } .row-fluid .rlp_footer { width:100%; float:left; background:#353535; padding:30px 0; } .row-fluid .rlp_ftr_lft { width:50%; float:none; display:inline-block; vertical-align:middle; margin:0 -2px; font-size:15px; color:#686969; } .row-fluid .rlp_ftr_rgt { width:50%; float:none; display:inline-block; vertical-align:middle; margin:0 -2px; padding-left:40px; } .row-fluid .rlp_ftr_rgt ul { margin:0; padding:0; text-align:right; } .row-fluid .rlp_ftr_rgt ul li { float:none; display:inline-block; padding-left:10px; } .row-fluid .rlp_ftr_rgt ul li a { width:40px; height:40px; text-align:center; line-height:40px; color:#353535; background:#565555; float:none; font-size:22px; display:inline-block; position:relative;} .row-fluid .rlp_ftr_rgt ul li a:hover { background:#fff; } .row-fluid .rlp_ftr_rgt ul li a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} /*-----*/ .requestpl_page .row-fluid .rlp_video_section h2 { color:#A91F38; } .requestpl_page .row-fluid .rlp_video_right { background: #A91F38; margin:0; padding: 30px 0; width:50%; float:left; display:block; } .requestpl_page .row-fluid .rlp_video_left { background: #A91F38; padding:0; float:left; width:50%; position:relative; overflow:hidden; margin:0; } .requestpl_page .row-fluid .rlp_video_right h4 { color:#fff;text-align:center; } .requestpl_page .row-fluid .rlp_video_form .hs-services_checkbox_list > label { background: #A91F38; } .requestpl_page .row-fluid .rlp_video_form { background: #A91F38; } .requestpl_page .row-fluid .rlp_vdo_text { display:none; } .requestpl_page .hs-error-msgs { color:#fff; } .requestpl_page .row-fluid .rlp_video_form form .hs_submit input { background: #2864AD; border-radius:0; } .requestpl_page .row-fluid .rlp_video_left .wistia_responsive_padding { padding:0 !important; } .postfolio_btn.blue { display:block; } .postfolio_btn{ display:none; width:100%; float:left; } @media(max-width: 1200px){ .row-fluid .rlp_video_section h2, .row-fluid .rlp_logo_section h2 { font-size: 50px; line-height: 50px;} .row-fluid .rlp_video_form .hs-services_checkbox_list .inputs-list li { width: 50%; } } @media(min-width: 1000px){ .brothers-blog .fidy-split{width: 50%; float: left; box-sizing: border-box; margin-bottom: 40px;} .brothers-blog .fifdy-a{padding-right: 15px;} .brothers-blog .fifdy-b{padding-left: 15px;} .brothers-blog .threequart-split{box-sizing: border-box; margin-bottom: 40px;} .brothers-blog .twentyfive-a{padding-right: 15px; width: 25%; float: left; } .brothers-blog .twentyfive-b{padding-left: 15px; width: 75%; float: left;} .brothers-blog .twentyfive-a img{width: 100%;} .brothers-blog .column-2{column-count: 2; column-gap: 15px; list-style: none;} } @media(max-width: 991px){ .row-fluid .rlp_video_right h4 { font-size: 24px; line-height: 25px;} .row-fluid .rlp_video_right {width: 100%; padding:40px 0 0 0; } .row-fluid .rlp_video_left { width: 100%; } .row-fluid .rlp_video_box { margin: 40px 0 0 0; } .row-fluid .rlp_video_section h2, .row-fluid .rlp_logo_section h2 { font-size: 40px; line-height: 40px;} .row-fluid .rlp_video_section { padding:100px 0 50px; } } @media(max-width: 768px){ .brothers-blog .six-col div{width: 49%; } .brothers-blog .six-col div:nth-child(3){clear: left;} .brothers-blog .six-col div:nth-child(4n){clear: none;;} } @media(max-width: 767px){ .brothers-blog .rankings span{width: 100%; float: none;} .brothers-blog .hs_cos_wrapper_type_module .thumbnail_gallerysection{display: block!important;} .brothers-blog .thumbnail_gallerysection .thumbnail_coverone{max-height: 330px; overflow: hidden; display: block!important;} .brothers-blog .thumbnail_gallerysection .thumbnail_slideimg{display: none;} .row-fluid .rlp_video_section { font-size: 16px; line-height: 22px; } .row-fluid .rlp_video_section h2, .row-fluid .rlp_logo_section h2 { font-size: 30px; line-height: 30px;} .row-fluid .rlp_logo_section { padding-top: 20px !important;} .row-fluid .rlp_video_form form fieldset.form-columns-3 .hs-form-field, .row-fluid .rlp_video_form form .form-columns-2 .hs-form-field { width: 100% !important; padding: 0 !important; margin: 10px 0 0 !important; float: left !important; } .row-fluid .rlp_video_form form .form-columns-2 { margin:0; } .row-fluid .rlp_vdo_text h5 { font-size: 18px; line-height: 20px; } .row-fluid .rlp_vdo_text h3 { font-size: 26px;line-height: 26px;} .row-fluid .rlp_vdo_text { top:-50px; } .row-fluid .rlp_ftr_lft { width:100%; text-align:center; } .row-fluid .rlp_ftr_rgt { width:100%; margin:20px 0 0 0; } .row-fluid .rlp_ftr_rgt ul { text-align:center; } .requestpl_page .row-fluid .rlp_video_left { width:100%; } .requestpl_page .row-fluid .rlp_video_right { width:100%; } .requestpl_page .row-fluid .rlp_video_left .wistia_responsive_padding { height:400px !important; } } @media(max-width: 500px){ .brothers-blog .six-col div{width: 100%; } .requestpl_page .row-fluid .rlp_video_left .wistia_responsive_padding { height:250px !important; } } @media(max-width:1481px){ .brothers-blog.blog-post .post-header h1{ width:69%;} } @media(max-width:1060px){ .brothers-blog.blog-post .post-header h1{ width:100%;} } @media(max-width:767px){ .brothers-blog.blog-post .post-header h1{ font-size:50px; line-height:50px;} .brothers-blog.blog-post .post-header .post-topic{font-size:17px; } .brothers-blog.blog-post .post-header .post-topic a.topic-link{font-size:14px;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by a.author-link{line-height:19px;font-size:19px;} .brothers-blog.blog-post .post-header #hubspot-author_data .blog-by .hs-author-label{line-height:11px;font-size:11px;} .brothers-blog.blog-post .post-header #hubspot-author_data .hs-author-avatar img{max-width:50px;} .brothers-blog.blog-post .post-body blockquote p::before {left:-35px;} .brothers-blog.blog-post .post-body blockquote{padding-left:0;} } @media(max-width:500px){ .brothers-blog.blog-post .post-header h1{ font-size:40px; line-height:40px;} .brothers-blog.blog-post .post-body h2{font-size:25px;} .brothers-blog.blog-post .post-body h3{font-size:19px;} } @media(max-width:467px){ .brothers-blog.blog-post .blog-cat-links ul li:last-child{border-top:3px solid #e7e8ea;} .row-fluid .rlp_video_form .hs-services_checkbox_list .inputs-list li { width: 100%; } } @media(max-width:423px){ .brothers-blog.blog-post .blog-cat-links ul li:nth-last-child(2){border-top:3px solid #e7e8ea;} } @media(max-width:400px){ .brothers-blog.blog-post .post-body blockquote{margin:20px;line-height:28px;} .brothers-blog.blog-post .post-body blockquote p::before {content:'';} } @media(max-width:320px){ .brothers-blog.blog-post .blog-cat-links ul li:nth-last-child(3){border-top:3px solid #e7e8ea;} } /*====footer_section===*/ .row-fluid .footer_section { padding:50px 0 0; background:#484848; font-size:16px; line-height:22px; } .row-fluid .footer_section .footer_links a { font-size:16px; line-height:20px; color:#979797; font-weight:600; text-transform: capitalize; width:100%; display:block; float:left; padding-bottom:12px; } .row-fluid .footer_section .footer_links a:hover { color:#2DC84D; } .row-fluid .footer_section .footer_alllink { display:none; } .row-fluid .copyright_box { background:#353535; padding:15px; font-size:16px; line-height:22px; margin-top:30px; } .row-fluid .copyright_box .copyright-text { padding-top:10px; } .row-fluid .footer_follow ul { width:auto; float:right; list-style:none; padding:0; margin:0; } .row-fluid .footer_follow ul li { width:auto; float:left; } .row-fluid .footer_follow ul li a { width:32px; height:32px; float:left; background:#565656; color:#363636; font-size:18px; text-align:center; margin:0 5px; line-height: 33px; padding: 0 7px; } .row-fluid .footer_follow ul li a:hover { background:#2DC84D; color:#fff; } .row-fluid .footer_address { color:#777777; font-size:16px; line-height:22px; font-style:italic; font-weight:500;} .row-fluid .footer_address a { color:#777777; font-size:16px; line-height:22px; font-style:normal; padding-bottom:5px; float:left; width:100%; } .row-fluid .footer-logo { margin-bottom:15px; } .footer-payment a{position: absolute; right: 0; bottom: 0; display: block; padding: 8px 15px; border-radius: 4px; font-weight: 500; color:#979797; border: 2px solid;} .footer-payment a:hover{border:0px;background:#353535;} @media(max-width:767px){ .footer-payment a{width:100%;position:relative; right:inherit;bottom:inherit; margin-bottom: 20px;} } .row-fluid .homehero-section { background-position:top center !important; } .author-page .full-width-blog { display: none; } /***/ .author-page .hs-author-profile { width: calc(100% - 30px); display: flex; align-items: center; flex-flow: wrap; padding: 50px 0px; float: none; margin: 0 auto; border-bottom: 1px solid #cecece; } .author-page .hs-author-profile .thumb { width: 250px; height: 250px; overflow: hidden; } .author-page .hs-author-profile .thumb img { height: 250px; width: 100%; object-fit: cover; border-radius: 100%; } .author-page .hs-author-profile .author-contain { width: calc(100% - 250px); padding-left: 35px; } .author-page .hs-author-listing-header { display: block; padding: 40px 15px 0px; } .author-page .post-listing .blog-subscribe-section { display: none; } .author-page .row-fluid .blog-cta { display: none; } .author-page .post-listing .wrap-item-2 { display: none; } .titletext_box { text-align:center; width:100%; float:left; padding:50px 0; } .titletext_box1 { text-align:center; width:100%; background-color:#98002E; padding:50px 0 20px 0; } .titletext_box_slim { text-align:center; width:100%; background-color:#98002E; padding: 0; } .titletext_box_slim h2 { display: block; color: #2DC84D; background-color:#98002E; margin-bottom:20px; font-size: 43px; line-height: 50px; font-weight: 300; } .titletext_box .titletext_inner { max-width:850px; float:none; display:inline-block; } .titletext_box1 .titletext_inner { max-width:850px; float:none; display:inline-block; background-color:#98002E; } .titletext_box_slim .titletext_inner { max-width:850px; float:none; display:inline-block; background-color:#98002E; } @media (min-width: 30px) and (max-width: 767px){ .titletext_box1 { background-color:#98002E; } } .photoimg_box { width:100%; float:left; } .photoimg_box .photoimg_itam { width:100%; float:left; background-size:cover !important; background-position:center center !important; } .photoimg_box .slick-slider { margin:0 } .photoimg_box .slick-arrow { position:absolute; top:50%; font-size:0; min-width:auto; width:40px; height:40px; line-height:40px; border:none; outline:none; background:#2DC84D; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#2b2975; } .photoimg_box .slick-arrow:hover { background:#0066B2; } .photoimg_box .slick-prev { left:0; } .photoimg_box .slick-arrow:before { font-family:'FontAwesome'; font-size:38px; line-height: 60px; } .photoimg_box .slick-prev:before { content: "\f104"; left: -5px; position: relative; top: -11px } .photoimg_box .slick-next { right:0;} .photoimg_box .slick-next:before { content: "\f105"; right: -1px; position: relative; top: -11px } .photoimg_box ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} .photoimg_box ul.slick-dots { text-align:center; padding:10px 0 0; } .photoimg_box ul.slick-dots li { display:inline-block; padding:0 5px; } .photoimg_box ul.slick-dots li button { display:inline-block; background:#a1a1a1; min-width:auto; padding:0; border:0;width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; } .photoimg_box ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#fbb314; } @media (min-width: 30px) and (max-width: 767px){ .photoimg_box .photoimg_itam { height:400px !important; background-size: cover !important; } } /*=======description_section======*/ .description_section { width:100%; float:left; text-align:center; font-size: 19px; line-height: 30px; padding:60px 0; } .description_section .description_part { width:100%; float:left; margin-bottom:60px; } .description_section .description_cover { width:100%; float:left; text-align:left; } .description_section .description_item { width:33.33%; float:left; margin-bottom:40px; padding-right:20px; } .description_section h2 { display:block; color: #2DC84D; font-size: 43px; line-height: 50px; font-weight: 300;} .description_section h5 { width:100%; float:left; color: #2DC84D; font-size: 21px; line-height: 30px; margin-bottom:10px; } .description_section .description_content { width:100%; float:left; font-size: 18px; line-height: 28px; } .description_section .description_cover.column4 .description_item { width:25%; } .description_section .description_cover.column3 .description_item { width:33.33%; } @media (min-width: 768px) and (max-width: 991px){ .description_section h2 { font-size: 34px; line-height: 40px; } .description_section .description_content { font-size: 16px; line-height: 26px; } .description_section .description_cover.column4 .description_item { width:33.33%; } } @media (min-width: 30px) and (max-width: 767px){ .description_section h2 { font-size: 32px; line-height: 40px; } .description_section { font-size: 16px; line-height: 26px; } .description_section .description_cover { text-align:center; } .description_section .description_item { width:100%; padding:0; margin-bottom:20px;} .description_section .description_content { font-size: 16px; line-height: 26px; } .description_section .description_cover.column4 .description_item { width:100%; } .description_section .description_cover.column3 .description_item { width:100%; } } .compare_section { width:100%; float:left; position:relative; } .compare_section:before { position:absolute; content:""; margin-left: -3px; background:#fff; width:5px; height:100%; left:50%; top:0;z-index: 9; } .compare_section .compare_box { position:relative; text-align:center; display: flex; align-items: flex-end; } .compare_section .compare_left { width:50%; float:left; height:485px; background-size:cover !important; } .compare_section .compare_right { width:50%; float:left; height:485px; background-size:cover !important; } .compare_section .compare_text { width:300px; float:none; margin:0 auto 30px; background:rgba(0,0,0,0.5); padding:10px; color:#fff; font-size:25px; line-height:32px; text-transform:uppercase; font-weight: 500; letter-spacing: 3px; } @media (min-width: 768px) and (max-width: 991px){ .compare_section .compare_left { height:400px; } .compare_section .compare_right { height:400px; } .compare_section .compare_text { max-width:200px; font-size:18px; } } @media (min-width: 30px) and (max-width: 767px){ .compare_section:before { display:none; } .compare_section .compare_left { width:100%; margin-bottom:5px; height:300px; } .compare_section .compare_right { width:100%; height:300px; } .compare_section .compare_text { width:100%; max-width:200px; font-size:18px; } } .fifty_textcover { width:100%; float:left; text-align:left; padding:85px 0; } .fifty_textcover .fifty_textitem { width:50%; float:left; padding-right:30px; } .fifty_textcover .fifty_textitem h2 { display: block; color: #2DC84D; font-size: 43px; line-height: 50px; font-weight: 300; } @media (min-width: 992px) and (max-width: 1200px){ .fifty_textcover { padding:60px 0; } .fifty_textcover .fifty_textitem h2 { font-size: 30px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 991px){ .fifty_textcover { padding:50px 0; } .fifty_textcover .fifty_textitem h2 { font-size: 26px; line-height: 36px; } } @media (min-width: 30px) and (max-width: 767px){ .fifty_textcover { text-align:center; padding:60px 0; } .fifty_textcover .fifty_textitem { width:100%; padding-right:0; margin-bottom:30px; } .fifty_textcover .fifty_textitem:last-child { margin-bottom:0; } .fifty_textcover .fifty_textitem h2 { font-size: 24px; line-height: 30px; } } .graph_section { width:100%; float:left; padding:30px 0 70px; text-align:center; } .graph_section .graph_imbox { width:100%; float:left; padding:25px 15px; border-radius:15px; margin-bottom:50px; margin-top:-100px; box-shadow: 0 2px 22px 2px #ccc; position: relative; z-index: 9; background: #fff; } .graph_section .graph_content { width:100%; float:left;} .graph_section .graph_content h2{ display: block; color: #2DC84D; margin-bottom: 20px; font-size: 43px; line-height: 50px; font-weight: 300; } @media (min-width: 768px) and (max-width: 991px){ .graph_section .graph_content h2 {font-size: 30px; line-height: 36px; } } @media (min-width: 30px) and (max-width: 767px){ .graph_section { padding:30px 0 40px; } .graph_section .graph_imbox { margin-top:0;margin-bottom: 30px; } .graph_section .graph_content h2 { font-size: 26px; line-height: 36px; } } .iconsldier_section { width:100%; float:left; position:relative } .iconslider_box:before { position:absolute; content:""; z-index:-1; right:0; top:0; width:100%; height:100%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .iconslider_box:before { background: -moz-linear-gradient(left, rgba(255,255,255,1) 36%, rgba(255,255,255,0.72) 54%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 36%,rgba(255,255,255,0.72) 54%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 36%,rgba(255,255,255,0.72) 54%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .iconslider_cover { width:100%; float:left; margin-bottom:0; position:relative; } .iconsldier_section .iconslider_box .iconslider_iner { width:100%; float:right; max-width:550px; } .iconsldier_section .iconslider_box { width:100%; float:left; color:#89898A; font-size:19px; position:relative; line-height:30px; font-weight:400; padding:230px 0 100px; background-size:cover !important; } .iconsldier_section .iconslider_box h2 { color:#2DC84D; font-size:37px; line-height:46px; display:block; margin-bottom:0; font-weight: 300; } .iconsldier_section .iconslider_text { width:100%; float:left; padding:10px 0 0;} .iconsldier_section .iconbox { display:none; } .iconsldier_section .hover_img { display:none; } .iconsldier_section .normal_img { display:block; } .iconsldier_section ul.slick-dots li.slick-active .normal_img { display:none;} .iconsldier_section ul.slick-dots li.slick-active .hover_img { display:block;} .iconsldier_section ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%; bottom:auto; top: 140px; max-width: calc(100% - 50%); right:5px;} .iconsldier_section ul.slick-dots { text-align:left; padding:10px 0 0; } .iconsldier_section ul.slick-dots li { display:inline-block; text-align:center; float:none; padding:8px; width:35px; height:35px; border:3px solid #D4D5D7; border-radius:50%; } .iconsldier_section ul.slick-dots li img { max-width:8px; transition:all .6s ease; } .iconsldier_section ul.slick-dots li img { -webkit-filter: opacity(.5) drop-shadow(0 0 0 silver); filter: opacity(.5) drop-shadow(0 0 0 silver);} .iconsldier_section ul.slick-dots li.slick-active { border-color:#2DC84D; padding:5px; transition:all .6s ease; transform: scale(1.4); } .iconsldier_section ul.slick-dots li.slick-active img { max-width:13px; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .iconsldier_section ul.slick-dots li button { display:none; opacity:0; background:#a1a1a1; min-width:auto; padding:0; border:0;width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; } .iconsldier_section ul.slick-dots li button:hover ,.iconsldier_section ul.slick-dots li.slick-active button { background:#fbb314; } @media (min-width: 992px) and (max-width: 1240px){ .iconsldier_section .iconslider_cover ul.slick-dots { top:100px; max-width: calc(100% - 43%); } } @media (min-width: 768px) and (max-width: 991px){ .iconslider_box:before { background:#fff;z-index: -1; } .iconsldier_section .iconslider_box { padding:130px 0 30px; } .iconsldier_section .iconslider_box .iconslider_iner { max-width: 100%;} .iconsldier_section ul.slick-dots { max-width:720px; top:40px; left: 50%; transform: translateX(-50%); padding:10px 0 0 40px; } } @media (min-width: 30px) and (max-width: 767px){ .iconsldier_section .iconslider_box h2 { font-size: 26px; line-height: 40px; } .iconsldier_section .iconslider_box { font-size: 16px; line-height: 26px; text-align:center; } .iconsldier_section ul.slick-dots { text-align:center; top:60px; max-width:100%; } .iconsldier_section ul.slick-dots li { float: none; display: inline-block; } .iconsldier_section .iconslider_box { padding:150px 0 30px; } .iconslider_box:before { background:#fff;z-index: -1; } .iconsldier_section .iconslider_box .iconslider_iner { max-width:100%; } } .timeline_slider { width:100%; float:left; padding:60px 0; background-size:cover !important; position:relative; } .timeline_slider:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; } .timeline_slider:before { background: -moz-linear-gradient(left, rgba(255,255,255,1) 36%, rgba(255,255,255,0.72) 54%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 36%,rgba(255,255,255,0.72) 54%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 36%,rgba(255,255,255,0.72) 54%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .timeline_slider .wrapper { position:relative; } .timeline_slider h2 { width:100%; float:left; text-align:center; margin-bottom:40px; } .timeline_slider .timeline_box { width:100%; float:left; } .timeline_slider .timeline_contnet { width:100%; float:left; margin-bottom:40px; } .timeline_slider .timeline_box h4 { display:block; margin-bottom:10px; } .timeline_slider .arrow_title { display:none; } .timeline_slider .timeline_item { width:50%; float:left; font-size:19px; line-height:30px; color:#89898A; margin-bottom:25px; } .timeline_slider .timeline_icon { width:50px; height:50px; float:left; border-radius:50%; border:4px solid #2DC84D; padding:5px; display: flex; align-items: center; } .timeline_slider .timeline_icon img { max-width:15px; margin:0 auto; } .timeline_slider .timeline_text { width:calc(100% - 50px); float:left; padding-left:20px; padding-right:20px; } .timeline_slider .timeline_cover { margin-bottom:0; position:relative;} .timeline_slider .timeline_topcover { width:100%; float:left; max-width:800px; } .timeline_slider .timeline_cover { width:100%; float:right; padding-left:305px; } @media (min-width: 768px) { .timeline_slider .slick-dots { position:absolute; display:table !important; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); left:150px; width:auto; max-width:12px; margin:0; padding:40px 0; list-style:none; } .timeline_slider .slick-dots:before { position:absolute; content:""; background:#2DC84D; width:12px; height:100%; border-radius:100px; left:0; top:0; } .timeline_slider .slick-dots li { width:22px; margin:0 0 50px; line-height: 19px; transition:all .6s ease; background:#2DC84D; height:22px; border-radius: 50%; margin-left: -6px; } .timeline_slider .slick-dots li:before { position:absolute; opacity:0; transition:all .6s ease; content:""; width:auto; height:auto; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #AA2037; left: 14px; transform: rotate(-90deg); top: 7px; } .timeline_slider .slick-dots li.slick-active:before { opacity:1; transition:all .6s ease; left:15px; } .timeline_slider .slick-dots li button { background:#fff !important; margin:0; float: none; display: inline-block; width: 10px; height: 10px;vertical-align: middle; } .timeline_slider .slick-dots li div { width:auto; float:left; color:#89898A; font-size:17px; line-height:25px; font-weight:500; position: absolute; right: 100%; top: 0; min-width: 160px; transition:all .6s ease; } .timeline_slider .slick-dots li:last-child {margin-bottom:0; } .timeline_slider .slick-dots li.slick-active { transform: scale(1.1); transition:all .6s ease; } .timeline_slider .slick-dots li.slick-active div { color:#2DC84D; font-weight:600; transition:all .6s ease; } .timeline_slider .slick-dots li div:hover { color:#0671BA; } } @media (min-width: 768px) and (max-width: 991px){ .timeline_slider .timeline_cover { padding-left:220px; } .timeline_slider .timeline_contnet { font-size:16px; line-height:24px; } .timeline_slider .timeline_item { font-size:16px; line-height:24px; } .timeline_slider .timeline_item { width:100%; padding-right:0; } } @media (min-width: 30px) and (max-width: 767px){ .timeline_slider { padding:40px 0 90px; } .timeline_slider h2 { margin-bottom: 20px; } .timeline_slider .timeline_cover { padding-left:0; text-align:center; font-size:16px; line-height:24px; } /* .timeline_slider .slick-dots { display:none !important; } */ .timeline_slider .timeline_item { width:100%; padding-right:0; font-size:16px; line-height:24px; height:auto !important: } .timeline_slider .timeline_contnet { padding-top:20px; } .timeline_slider .timeline_text { padding-right: 0; text-align:left; } .timeline_slider:before { background:rgba(255,255,255,0.9); } .timeline_slider .slick-slider { margin:0 } .timeline_slider .slick-arrow { position:absolute; top:50%; font-size:0; min-width:auto; width:40px; height:40px; line-height:40px; border:none; outline:none; background:#2DC84D; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:2; color:#2b2975; } .timeline_slider .slick-arrow:hover { background:#0066B2; } .timeline_slider .slick-prev { left:50%; margin-left: -50px; bottom: -90px;top: auto;} .timeline_slider .slick-arrow:before { font-family:'FontAwesome'; font-size:38px; line-height: 60px; } .timeline_slider .slick-prev:before { content: "\f104"; left: -2px; position: relative; top: -13px } .timeline_slider .slick-next { right:50%; margin-right: -50px; bottom: -90px;top: auto;} .timeline_slider .slick-next:before { content: "\f105"; right: -1px; position: relative; top: -13px } } .threetext_section { width:100%; float:left; padding:60px 0; } .threetext_section h2 { display: block; color: #2DC84D; font-size: 43px; line-height: 50px; font-weight: 300; text-align:center } .threetext_section .columntext_box { width:100%; float:left; margin-bottom:30px; } .threetext_section .columntext_left { width:50%; float:left; padding-right:15px; } .threetext_section .columntext_right { width:50%; float:left; padding-left:15px; } @media (min-width: 768px) and (max-width: 991px){ .threetext_section h2 { font-size: 34px; line-height: 40px; } .threetext_section { padding: 50px 0; } } @media (min-width: 30px) and (max-width: 767px){ .threetext_section { text-align:center; padding: 50px 0; } .threetext_section h2 { font-size: 30px; line-height: 40px; } .threetext_section .columntext_left { width:100%; float:left; padding-right:0; margin-bottom:30px; } .threetext_section .columntext_right { width:100%; float:left; padding-left:0; } } .multiricht_section { width:100%; float:left; padding:40px 0 80px 0; } .multiricht_section .multiricht_contnet { width:100%; float:left; } .multiricht_section .multiricht_contnet h2.subtitle { text-align:center; display: block; color: #2DC84D; font-size: 43px; line-height: 50px; font-weight: 300; } .multiricht_section .multiricht_contnet h2 span { display:block; color: #AEAEAE; font-size:25px; line-height:32px; } @media (min-width: 768px) and (max-width: 991px){ .multiricht_section .multiricht_contnet h2.subtitle { font-size: 30px; line-height: 40px;} .multiricht_section .multiricht_contnet h2 span { font-size: 24px; line-height: 30px; } } @media (min-width: 30px) and (max-width: 767px){ .multiricht_section .multiricht_contnet { text-align: center; } .multiricht_section .multiricht_contnet h2.subtitle { font-size: 26px; line-height: 40px;} .multiricht_section .multiricht_contnet h2 span { font-size: 16px; line-height: 24px; } } .fifty_graphbox { width:100%; float:left; padding:50px 0 50px; text-align:center; border-top:1px solid #EEEFF0; } .fifty_graphbox .fifty_graphcontent { width:100%; float:left; margin-bottom:60px; } .fifty_graphbox .fifty_graphleft { width:calc(50% - 50px); float:left; margin:0 25px; font-size:17px; font-style:italic; } .fifty_graphbox .fifty_graphright { width:calc(50% - 50px); float:left; margin:0 25px; font-size:17px; font-style:italic; } .fifty_graphbox .fifty_graphimg { padding:25px 15px; border-radius:25px; box-shadow: 0 2px 22px 2px #ccc; position: relative; z-index: 9; background: #fff; margin-bottom:25px; } .fifty_graphbox h2 { display: block; color: #2DC84D; margin-bottom: 20px; font-size: 43px; line-height: 50px; font-weight: 300; } @media (min-width: 768px) and (max-width: 991px){ .fifty_graphbox h2 { font-size: 34px; line-height: 40px; } } @media (min-width: 30px) and (max-width: 767px){ .fifty_graphbox .fifty_graphleft { width:100%; margin:0 0 30px; } .fifty_graphbox .fifty_graphright { width:100%; margin:0; } .fifty_graphbox h2 { font-size: 34px; line-height: 40px; } } /*---------- new-module -----------*/ .row-fluid .lading_header .header { padding:0 50px; } .landingpage_new .row-fluid .rlp_video_section { padding-top:0 !important; } .landingpage_new .row-fluid .rlp_video_box { margin-top:59px; } .row-fluid .lading_header .topphone_link a { color:#fff; font-weight: bold; margin-left: 20px; font-size:18px; line-height:26px; letter-spacing: 0; } .row-fluid .lading_header .logo { padding:14px 0; } .row-fluid .lading_header .call_btn { float:right; background-image: linear-gradient(180deg, #2b65ac 0%, #2c5384 100%); padding:17px 28px; color:#fff; font-size:14px; line-height:20px; text-transform:uppercase; letter-spacing: 1px; } .row-fluid .lading_header .call_btn:hover a { color:#f4f4f4; } .row-fluid .formsub_text { width:100%; float: none; color: #fff; max-width: 530px; margin: 15px auto 0; display: table; font-size: 16px; line-height: 24px; text-align:center;} .row-fluid .current_specials .current_specials_left { width:50%; float:left; background-size:cover !important; height:202px; } .row-fluid .current_specials .current_specials_right { width:50%; float:left; background-size:cover !important; height:202px; } .row-fluid .current_specials_img { position:relative; width:100%; float:left; } .row-fluid .current_specials_img:before { position:absolute; content:""; left:0; right:0; width:100%; height:100%; background-image: linear-gradient(145deg, rgba(43, 101, 172, 0.67) 0%, rgba(9, 37, 72, 0.67) 100%); } .row-fluid .current_specials { width:100%; float:left; position:relative; } .row-fluid .current_cpecials_main { width:100%; float:left; text-align:center; position:absolute; bottom:-35px; left:0; z-index:9; } .row-fluid .current_cpecials_main h3 { width:100%; float:left; font-size: 25px; line-height:32px; color:#fff; margin-bottom:10px; } .row-fluid .current_cpecials_main .current_left_text { width:auto; max-width: 250px; float:none; display:inline-block; padding:16px 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); background-color: #a92d44; } .row-fluid .current_cpecials_main .current_left_text h4 { width:100%; float:left; text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: 500; color:#fff; } .row-fluid .current_cpecials_main .current_left_text h4 span { width:100%; float:left; font-weight: 900; font-size: 37px; line-height:42px; letter-spacing: -1.81px; } /*----*/ .row-fluid .textleft_formhero { width:100%; float:left; padding:60px 100px 120px; } .row-fluid .textleft_formhero .wrapper1 { width:100%; float:left; position:relative; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroinner { text-align:left; padding-bottom: 0; width:50%; padding-top: 90px; } .row-fluid .textleft_formhero.subpage_hero .subpage_herowraper { border-top:0; width:50%; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form > div { width:100%; margin-bottom:25px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form .hs_submit { margin-bottom:0; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { box-shadow: 0 21px 23px -21px rgba(0, 0, 0, 0.72); background-color: #2DC84D; padding:40px; float:right; max-width:500px; margin-bottom: -430px; position: relative; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form .hs-button { background-color: #2b65ac; height: auto; font-size: 24px; line-height: 30px; width:100%; background-size: 6% 38% !important; background-position: 74%; border-radius: 0; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form .hs-button:hover { background-color: #4784d0; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form .hs_error_rollup { position:relative; bottom:0; margin-bottom: 0; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form .hs-error-msgs { color:#fff; position: relative; padding-left: 0; } .row-fluid .richtext_content.reg-heroafter_inner { text-align: left; max-width: 1200px; float: left !important; padding:60px 90px 70px 100px; } /* Media Query */ @media(min-width:1200px){ .row-fluid .wrapper { width:1140px; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(6n),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(6n) { clear:right; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(6n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(6n+1) { clear:left; } } @media (min-width: 1601px) and (max-width:1800px) { .row-fluid .richtext_content.reg-heroafter_inner { max-width:1000px; } } @media (min-width: 1401px) and (max-width:1600px) { .row-fluid .richtext_content.reg-heroafter_inner { max-width:920px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { max-width:430px; } } @media (min-width: 1201px) and (max-width:1400px) { .row-fluid .richtext_content.reg-heroafter_inner { max-width:800px; } } @media (min-width: 1201px) and (max-width:1500px) { .row-fluid .header_section .new_mainmenu{ margin-left:20px;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size: 14px; padding: 7px 20px 8px 10px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a{ padding-left:0;} .row-fluid .header_section .topheader_schedule { margin-left: 0; width: auto; } .row-fluid .header_section .topheader_schedule a { font-size:12px; } .row-fluid .header_section .topheader_schedule .schedule_btn { margin-left: 4px; padding: 6px 10px; font-size: 11px; } .row-fluid .richtext_content.reg-heroafter_inner { padding: 70px 90px 90px 70px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { max-width:370px; right: 0; } } @media(min-width: 1201px) and (max-width:1232px){ .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { padding:7px 20px 8px 7px; } } @media (min-width: 1101px) and (max-width:1200px) { .row-fluid .header_section .new_mainmenu{ margin-left:10px;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a{ padding-left:0;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { font-size: 14px; padding: 7px 16px 8px 10px; } .row-fluid .header_section .topheader_schedule { margin-left: 0; width: auto; } .row-fluid .header_section .topheader_schedule a { font-size:12px; } .row-fluid .header_section .topheader_schedule .schedule_btn { margin-left: 4px; padding: 6px 5px; font-size: 10px; } .row-fluid .header_section{ padding:17px 15px;} .row-fluid .header_section .new_logo { width:20%; max-width:50px;} } @media (min-width: 992px) and (max-width:1200px) { .row-fluid .wrapper { width: 950px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a{ padding-left:0;} .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li { width:25%; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(4n),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(4n) { clear:right; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(4n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(4n+1) { clear:left; } .row-fluid .svgline-drawwrap { max-width:500px; } .row-fluid .tincidunt-box .tincidunt-icon { width:120px; height:120px; line-height:110px; } .row-fluid .tincidunt-box .tincidunt-icon img { max-height:55px; width:auto; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget .tincidunt-box { font-size:18px; line-height:26px; } .row-fluid .topheader_schedule a { font-size: 12px; } .row-fluid .topheader_schedule .schedule_btn { padding: 6px 12px; margin-left: 14px; font-size: 12px; } .row-fluid .header_section .new_mainmenu ul li a { font-size: 14px; padding: 8px 16px 8px 7px;letter-spacing: -.5px; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after { font-size:17px;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:7px 12px; } .row-fluid .copyright_box .copyright-text { padding-top:5px; } .hs-blog-listing .post-listing .blog-item .inner .blog-contain .btn-wrapper a.more-link { padding: 10px 20px; } .faqbox_section .faqbox_cover { min-height:350px; } .faqbox_section .faqbox_content { font-size: 16px; line-height: 22px; } .row-fluid .current_specials .current_specials_left { height: 250px; } .row-fluid .current_specials .current_specials_right { height: 250px; } .row-fluid .current_cpecials_main .current_left_text h4 span { font-size: 26px; line-height: 32px; } .row-fluid .current_cpecials_main .current_left_text { max-width:175px; } .row-fluid .current_cpecials_main .current_left_text h4 { font-size: 14px; line-height: 20px; } .row-fluid .current_cpecials_main { bottom:40px; } .row-fluid .textleft_formhero { padding:60px 40px 60px; } .subpage_hero .subpage_heroinner h1 { font-size: 42px; } .subpage_hero .subpage_herowraper.ctaopen .subpage_forminner { display:block; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form > div { margin-bottom:0 !important; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { padding:40px 20px; margin-bottom: 0 !important; right:0; } .row-fluid .richtext_content.reg-heroafter_inner { float: none !important; padding: 60px 40px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { max-width: 380px; } } @media (min-width: 992px) and (max-width:1100px) { /*====header====*/ .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a{ padding-left:0;} .row-fluid .header_section { padding:15px 5px 20px; } .row-fluid .topheader_schedule { width:auto; float:right; margin-left:0; margin-top:7px; } .row-fluid .header_section .new_logo { width:20%; max-width:50px;} .row-fluid .header_section .new_mainmenu { margin-left:0; margin-top:6px; width: 62.182%;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { float:left; } .row-fluid .topheader_schedule a { width:auto; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child > ul { left:auto; right:0;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { width:140px; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after { font-size:16px; top:9px; } } @media (min-width:992px) and (max-width:1012px){ .row-fluid .topheader_schedule p{flex-flow:column;} } @media(min-width:992px){ .hs-blog-listing .filter-blog ul{ display:flex !important;} } @media(max-width:991px){ .row-fluid .header_section .topheader_schedule.desktop_view{display:none !important;} .row-fluid .topheader_schedule { width:100%; text-align:center; background:#fff; } .row-fluid .topheader_schedule .schedule_btn { margin-left: 0; margin-top: 10px; float: none; display: inline-block;} .row-fluid .topheader_schedule a i { float:none; display: inline-block; width:auto; line-height:23px;padding-left: 6px;} .row-fluid .topheader_schedule a { width:50%; float:left; padding:5px 10px; height:35px; color:#fff; background:#83b4d5; margin:0; font-size: 12px; } .row-fluid .topheader_schedule .schedule_btn { width:calc(100% - 50%); border-radius:0; margin:0 0 0 1px; color:#fff; font-size: 10px; padding: 5px 5px; } .row-fluid .topheader_schedule p { display: flex; width: auto; float: none; text-align:center } .hs-blog-listing .post-listing .blog-item { width: 100%; } .hs-blog-listing .full-width-blog .blog-item .blog-contain { padding-left: 15px; } .hs-blog-listing .full-width-blog .blog-item .inner .blog-contain h3 { font-size: 24px; } .hs-blog-listing .full-width-blog .blog-item .inner .blog-contain .post-summery { padding: 10px 0px; } .hs-blog-listing .filter-blog { margin-top: -95px; } .hs-blog-listing .filter-blog h3 { width: 100%; min-width: 100%; } .hs-blog-listing .filter-blog h3 + .widget-module { width: 100%; } .hs-blog-listing .filter-blog .block:after{ display:none;} .hs-blog-listing .full-width-blog .blog-item { padding: 15px; float:left; width:100%; } .hs-blog-listing .full-width-blog .blog-item .thumb { width: 100%; height: 266px; } .hs-blog-listing .full-width-blog .blog-item .inner { display: block; } .hs-blog-listing .full-width-blog .blog-item .thumb .blog-info .date { display: none; } .hs-blog-listing .full-width-blog .blog-item .blog-contain { width: 100%; padding: 20px 0px; } .hs-blog-listing .subpage_hero .subpage_text{ font-size:25px;} .hs-blog-listing .filter-blog { margin: 0px; display:none; } .hs-blog-listing .filter-blog h3 { color: #000; } .hs-blog-listing .filter-blog ul li a { color: #000; } .hs-blog-listing .filter-blog ul { display: block; text-align: center; } .hs-blog-listing .filter-blog ul li { width: 33.33%; display: inline-block; margin: 0px -2px; } .hs-blog-listing .subpage_hero {padding: 116px 0 90px;} /* */ .hs-blog-listing .filter-blog label { display: block; width: 100%; border: 1px solid #ababab; padding: 10px 15px; font-weight: 500; color: #000; font-size: 14px; text-transform:capitalize } .hs-blog-listing .filter-blog ul { position: absolute; background: #fff; width: 100%; min-width: 100%; top: calc(100% - 1px); border: 1px solid #ababab; border-top: none; display:none; } .hs-blog-listing .filter-blog ul li { width: 100%; text-align: left; } .hs-blog-listing .filter-blog h3 + .widget-module { float: left; width: calc(100% - 130px); position: relative; } .hs-blog-listing .filter-blog h3 { width: 100%; min-width: auto; } .hs-blog-listing .filter-blog ul li a { display: block; padding: 0px 15px; } .hs-blog-listing .filter-blog .block { padding-left: 15px; padding-right: 15px; } .hs-blog-listing .filter-blog h3 { text-align: left; padding: 10px 0px; } .hs-blog-listing .filter-blog ul li.current { background: rgba(132, 132, 132, 0.1);} /* */ .author-page .hs-author-profile .thumb img { height: 200px; width: 200px; } .author-page .hs-author-profile .thumb { height: auto; width: auto; } } @media (min-width: 768px) and (max-width:991px) { .row-fluid .wrapper { width: 720px; } h1 { font-size:46px; line-height:55px; } h2 { font-size:30px; line-height:40px; } h3 { font-size:26px; line-height:32px; } h4 { font-size:20px; line-height:28px; } h5 { font-size:18px; line-height:26px; } h6 { font-size:16px; line-height:24px; } .reg-heroafter_inner h2 { font-size: 30px; line-height: 40px; } body { font-size: 16px;} .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li { width:25%; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(4n),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(4n) { clear:right; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(4n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(4n+1) { clear:left; } .row-fluid .svgline-drawwrap { display:none; } /*====header====*/ .row-fluid .header_section .wrapper2 > div > div { display:inherit;} .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal ul li:first-child a{ padding-left:3px;} .row-fluid .header_section { padding:20px 5px 20px; } /* .row-fluid .topheader_schedule { width:auto; float:right; margin-left:0; margin-top:5px; } */ .row-fluid .header_section .new_logo { width:6%;max-width:50px;} /*.row-fluid .topheader_schedule .schedule_btn { padding:5px 13px; }*/ .row-fluid .header_section .new_mainmenu { width:94%; margin-left:0; margin-top:4px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { float:left; } .row-fluid .header_section .new_mainmenu ul li a { padding: 8px 17px 8px 14px; font-size: 14px; line-height: 20px; letter-spacing: -.5px; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after { padding-left:4px } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { width:160px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:last-child > ul { left:auto; right:0;} /* .row-fluid .topheader_schedule a { width:auto; } */ .row-fluid .footer_address a { font-size:14px; } .row-fluid .copyright_box .copyright-text {padding-top: 0; font-size: 12px; } .row-fluid .footer_section .footer_links a { font-size:14px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:8px 10px 8px 12px; } .faqbox_section .faqbox_cover { min-height:430px; } .faqbox_section .faqbox_content { font-size: 16px; line-height: 22px; } .row-fluid .current_specials .current_specials_left { height: 250px; } .row-fluid .current_specials .current_specials_right { height: 250px; } .row-fluid .current_cpecials_main .current_left_text h4 span { font-size: 26px; line-height: 32px; } .row-fluid .current_cpecials_main .current_left_text { max-width:175px; } .row-fluid .current_cpecials_main .current_left_text h4 { font-size: 14px; line-height: 20px; } .row-fluid .current_cpecials_main { bottom:40px; } .row-fluid .textleft_formhero { padding:60px 40px 60px; } .subpage_hero .subpage_heroinner h1 { font-size: 42px; } .subpage_hero .subpage_herowraper.ctaopen .subpage_forminner { display:block; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform form > div { margin-bottom:0; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { padding:40px 20px; margin-bottom: 0; right:0; } .row-fluid .richtext_content.reg-heroafter_inner { float: none !important; padding: 60px 40px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { max-width: 310px; } } @media(max-width:767px){ body { font-size:16px; line-height:24px; } h1,.row-fluid .hero-section h1 { font-size:42px; line-height:52px; } h2 { font-size:30px; line-height:40px; } h3 { font-size:26px; line-height:32px; } h4 { font-size:20px; line-height:28px; } h5 { font-size:18px; line-height:26px; } h6 { font-size:16px; line-height:24px; } .reg-heroafter_inner h2 { font-size: 30px; line-height: 40px; } .rm-pt{ padding-top:0 !important; } .rm-pb{ padding-top:0 !important; } .rm-bt{border-top:none;} .rm-bm{border-bottom:none;} .row-fluid .kbhome-section .kbhome-col { width:100%; border-right:none; padding-right:0; padding-left:0; } /*.row-fluid .kbhome-section .kbhome-col:last-child { padding-left:0; margin-top:10px; padding-top:20px; border-top:2px solid #E4E5E6; }*/ .row-fluid .header { padding-left:15px; padding-right:15px; } .row-fluid .header .logo,.row-fluid .header .topphone-link,.row-fluid .footer .copy-righttext,.row-fluid .footer .ftsocial-links ul { text-align:center; } .row-fluid .header .topphone-link { margin-top:10px; } .row-fluid .hero-section .wrapper { padding-top:40px; } .row-fluid .heroser-iconlisting { margin:20px 0; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li { width:33.33%; padding:5px; min-height:60px; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(3n),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(3n) { clear:right; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(3n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(3n+1) { clear:left; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:nth-child(even) { width:100%; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget:nth-child(even) .tincidunt-box { float:none; margin:15px auto; } .row-fluid .tincidunt-box .tincidunt-icon { width:120px; height:120px; line-height:110px; } .row-fluid .tincidunt-box .tincidunt-icon img { max-height:55px; width:auto; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget { margin-top:25px; } .row-fluid .tincidunt-listing .hs_cos_wrapper_type_custom_widget .tincidunt-box { font-size:18px; line-height:26px; } .row-fluid .tincidunt-mainlisting { margin-top:20px; } .row-fluid .aeneest-contentwrap { font-size:16px; line-height:26px; } .row-fluid .tincidunt-box { margin:0 auto; display:inline-block; } .row-fluid .hero-section .secondary-header { font-size:24px; } .row-fluid .aeneanvideo-section,.row-fluid .aeneest-section { padding:60px 0; } .row-fluid .ctastrip-section { padding:80px 0; min-height:0; } .row-fluid .ctastrip-section h3 { margin-bottom:15px; } .row-fluid .footer .ftsocial-links { margin-top:10px; } .row-fluid .kbhome-section .testimonial-slick .hs_cos_wrapper_type_widget_container { margin-left:0; margin-right:0; } .row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list { padding-left:0; padding-right:0; margin-bottom:5px; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio] + span,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] + span { padding-top:10px; padding-bottom:10px; padding-left:60px; text-align:left; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li input[type=radio] + span:before, .row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li input[type=checkbox] + span:before { width:50px; height:50px; background-size:30px !important; right:auto; } .row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(7) input[type=checkbox] + span:before { background-size:auto 30px !important; } .row-fluid .svgline-drawwrap { display:none; } /*======new========*/ .row-fluid .header_section { padding:0; } .row-fluid .header_section .wrapper2 > div > div { display:inherit; } .row-fluid .new_logo { width:100%; padding:20px; text-align:left; margin-bottom:0; } .row-fluid .new_logo img { max-width:210px; float:none; display:inline-block; } .row-fluid .header_section .new_mainmenu ul li a { padding:12px 20px; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:after { display:none; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a { width:100%; float:left; color:#fff; } .row-fluid .header_section .new_mainmenu ul > .hs-menu-item.hs-menu-depth-1.hs-item-has-children > a:hover { background:#666666; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { width:100%; float:left; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { float:left; width:100%; } .row-fluid .footer_section { text-align:center; } .row-fluid .footer_section .footer_box { margin-bottom:30px; } .row-fluid .footer_follow ul { margin-top:20px; float: none; display: inline-block; } .row-fluid .footer_section .footer_alllink { display:block; margin-bottom:30px; float:left; width:100%; } .row-fluid .footer_section .footer_alllink ul { padding:0; margin:0; width:100%; max-width: 400px; float: none; display: inline-block; list-style:none; } .row-fluid .footer_section .footer_alllink ul li { width:50%; float:left; text-align:left; } .row-fluid .footer_section .footer_alllink ul li a { width:100%; float:left; padding:5px 5px; font-size: 16px; line-height: 20px; color: #979797; font-weight: 600; text-transform: capitalize; } .row-fluid .footer_section .footer_alllink ul li:nth-child(even) a{text-align:right;} .row-fluid .footer_section .footer_box.mobilenone { display:none; } .row-fluid .copyright-text { font-size: 10px; padding: 0 20px;} .row-fluid .copyright_box { margin-top:10px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:5px; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:0; width:100%; border-bottom: 1px dotted rgba(255, 255, 255, .35); } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { box-shadow: inset 0 3px 3px 0 #000; } .row-fluid .header_section .topheader_schedule.mobile_view{display:block;} .hs-blog-listing .subpage_hero { display: block; } .row-fluid .blog-cta { width: 100%; } .row-fluid .blog-cta .inner h2 { font-size: 44px; } .row-fluid .blog-cta .inner .subtitle { padding-bottom: 11px; } .row-fluid .blog-cta .inner > div { max-width: 100%; text-align: center; } .hs-blog-listing .subpage_hero .subpage_text{ font-size:19px; } .author-page .hs-author-profile .thumb img { height: 150px; width: 150px; } .author-page .hs-author-profile { display: block; text-align: center; } .author-page .hs-author-profile .author-contain { width: 100%; padding: 30px 0 0 0; } .faqbox_section .faqbox_title.active:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); } .hs-menu-item.hs-menu-depth-2.hs-item-has-children:before { display:none; } /*---*/ .row-fluid .lading_header .header { padding:0 20px 10px; background:#fff; } .row-fluid .lading_header .call_btn { padding:10px 17px; } .row-fluid .lading_header .topphone_link a { font-size: 16px; line-height: 25px; } .landingpage_new .row-fluid .rlp_video_box { margin-top: 120px; } .row-fluid .topphone_link { width:100%; float:left; text-align:center; } .row-fluid .lading_header .call_btn { float: none;display: inline-block; } .row-fluid .current_specials .current_specials_left { height: 300px; } .row-fluid .current_specials .current_specials_right { height: 300px; } .row-fluid .current_cpecials_main .current_left_text h4 span { font-size: 30px; line-height: 32px; } .row-fluid .current_cpecials_main .current_left_text h4 { font-size: 15px; line-height: 20px; } .row-fluid .current_cpecials_main { bottom:40px; } .row-fluid .textleft_formhero { padding:60px 20px 70px; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroinner { width:100%; padding-top:0; } .row-fluid .textleft_formhero.subpage_hero .subpage_herowraper { width:100%; } .row-fluid .textleft_formhero.subpage_hero .subpage_heroform { margin-bottom:0; padding:30px 10px; width:100%; float: none; display: inline-block; right:0; } .row-fluid .richtext_content.reg-heroafter_inner { max-width:100%; padding:50px 30px; } .row-fluid .richtext_content.reg-heroafter_inner h4 { font-size: 26px !important; line-height: 40px !important; } .subpage_hero .subpage_herowraper.ctaopen .subpage_forminner { display:block; } } @media (max-width:568px){ .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li,.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li { width:50%; } .row-fluid .next-formwrap fieldset.form-columns-3 .hs-form-field { width:100%; padding-left:0; } .row-fluid .next-formwrap .hs-form .field:first-child+.field { padding-right:0; } .row-fluid .hs-form .field { padding-bottom:20px; } .row-fluid .hs-form .field:first-child { padding-right:0; padding-bottom:20px; } .row-fluid .hs-form .field:first-child+.field { padding-left:0; padding-bottom:20px; } .row-fluid .next-formwrap .field > label { left:20px; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(3n),.row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(3n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(3n), .row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(3n+1) { clear:none; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(2n),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(2n) { clear:right; } .row-fluid .next-formwrap .hs_services_radio_list .inputs-list > li:nth-child(2n+1),.row-fluid .next-formwrap .hs_services_checkbox_list .inputs-list > li:nth-child(2n+1) { clear:left; } .hs-blog-listing .filter-blog ul li { width: 50%; } .hs-blog-listing .post-listing .blog-item { padding: 20px 0px; } .hs-blog-listing .post-listing .blog-item .thumb { height: 240px; } .hs-blog-listing .post-listing .blog-subscribe-section .wrapper { padding: 15px 0px; } .row-fluid .blog-cta { padding: 15px 0px; } .hs-blog-listing .filter-blog h3 { width: 100%; min-width: 100%; text-align: center; } .hs-blog-listing .filter-blog .block { padding: 15px 0px; } .hs-blog-listing .filter-blog h3 + .widget-module { width: 100%; } .hs-blog-listing .filter-blog ul li { width: 100%; } .hs-blog-listing .filter-blog ul { position: relative; top: -1px; } .author-page .hs-author-profile .thumb img { height: 100px; width: 100px; } .author-page .hs-author-profile .author-contain h2.hs-author-name { font-size: 24px; line-height: normal; padding-bottom: 20px; } .author-page .hs-author-profile .author-contain { padding-top: 10px; } .author-page .hs-author-profile { width: 100%; padding-bottom: 20px; } .author-page .hs-author-listing-header { width: 100%; padding: 30px 0 0 0; margin: 0; } } @media (min-width: 768px){ a.mobile-trigger, a.child-triggerm { display: none !important; /* Hide button on Desktop */ } .row-fluid .new_mainmenu .hs-menu-wrapper { display: block !important; } } @media (max-width: 767px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* Menu Reset - Remove styling from desktop version of custom-menu-primary */ /* Place any additional CSS you want removed from the mobile menu in this reset */ .new_mainmenu, .new_mainmenu *{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #fff; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 14px; /* Position Button at top right of screen */ right: 4px; /*******************************************/ width: 50px; /* Button width */ height: 40px; /* Button height */ padding: 9px 7px 9px 8px; background: transparent; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 2px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #fff; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #455560; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } /* Change button when menu is open */ .mobile_open a.mobile-trigger{ -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile_open a.mobile-trigger span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 30px; border-radius:10px;/* Icon line width */ height: 3px; /* Icon line height */ background-color:#2DC84D; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -8px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 8px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile_open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile_open a.mobile-trigger i:before { background:#AA2037; margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } .mobile_open a.mobile-trigger i:after { background:#AA2037; margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ a.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute !important; top: 0px; right: 0px; border:0 !important; width: 55px !important; /* Button width */ min-width: 55px !important; height: 46px !important; /* Button height */ padding: 0 !important; border-left:none; } a.child-triggerm:hover { text-decoration: none; background:transparent !important; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children a + a.child-triggerm.child_open span { color:#fff !important; background:transparent !important; } /* Child Toggle Button Icon & Animations ========================================================================== */ a.child-triggerm span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm span:after { position: absolute; content: ''; } a.child-triggerm span, a.child-triggerm span:after { width: 12px; /* Icon line width */ height: 2px; /* Icon line height */ background-color: #46575F; /* Icon color */ display: block; } .row-fluid .new_mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span, .row-fluid .new_mainmenu .hs-menu-flow-horizontal > ul > li:hover a.child-triggerm span:after { background-color: #fff; } a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child_open span:after { background:#fff; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-triggerm.child_open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /* Menu Styles on Mobile Devices ========================================================================== */ .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children { border-top: 1px solid #4C5F66; border-bottom: 1px solid #5D717C; } .row-fluid .header_section .new_mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a { color:#87A4B4;} /* Hide menu on mobile */ .new_mainmenu.js-enabled .hs-menu-flow-horizontal, .new_mainmenu.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .new_mainmenu ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .new_mainmenu.js-enabled .hs-menu-flow-horizontal{ position: absolute; /**************************************************************/ top: 63px; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65); } .new_mainmenu .hs-menu-flow-horizontal{ padding:0 0 0 0; /* Padding to add room for close button */ background-color: #566874; /* Menu background color set off global mobile-menuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .new_mainmenu .hs-menu-flow-horizontal > ul > li{ position: relative; } .new_mainmenu .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .new_mainmenu .hs-menu-flow-horizontal ul li{ border-top: 1px dotted rgba(255, 255, 255, .08); /* Adds transparent dark highlights to top of top level list items */ } .new_mainmenu .hs-menu-flow-horizontal ul li a{ padding: 0 10px; } .new_mainmenu .hs-menu-flow-horizontal ul li a:hover{ color: #fff; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .new_mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08); } .new_mainmenu .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .new_mainmenu .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .new_mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; height: 90px; width: 90px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .pace.pace-inactive .pace-activity { display: none; } .pace .pace-activity { position: fixed; z-index: 2000; display: block; position: absolute; left: -30px; top: -30px; height: 90px; width: 90px; display: block; border-width: 30px; border-style: double; border-color: #29d transparent transparent; border-radius: 50%; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .pace .pace-activity:before { content: ' '; position: absolute; top: 10px; left: 10px; height: 50px; width: 50px; display: block; border-width: 10px; border-style: solid; border-color: #29d transparent transparent; border-radius: 50%; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @keyframes spin { 100% { transform: rotate(359deg); } } .social_icons { width: auto; max-width:80px; float: left; opacity:1; z-index:999; position: fixed; top: 50%; left: 0; transform: translateY(-50%); transition:all .6s ease; } .social_icons:hover { left:0; transition:all .6s ease; } .social_icons.sticky { opacity:1; transition:all .6s ease; left: -36px;} .social_icons.sticky:hover { opacity:1; transition:all .6s ease; left: 0;} .social_icons .social_box { width:100%; float:left; } .social_icons .social_box ul { width:100%; float:left; list-style:none; padding:0; margin:0; } .social_icons .social_box ul li { width:100%; float:left; } .social_icons .social_box ul li a { width:55px; height:55px; background:#6484B3; padding:3px 15px; color:#fff; font-size:24px; line-height:50px; float:left; text-align:center; margin-bottom:5px; } .social_icons .social_box ul li a svg{ fill:#fff; max-width:20px;} .social_icons .social_box ul li a:hover { background:#2DC84D !important; } @media (min-width: 30px) and (max-width: 767px){ .social_icons { display:none !important;} } .requestpl_page .header-container-wrapper.fixed{ z-index: 999; }