.custom-logo
{max-width: 255px} .litespeed-lazy-placeholder {
background: none !important;
background-color: transparent !important;
} .litespeed-lazy {
transition: none !important;
opacity: 1 !important;
}
body
{
color: #121212;
font-size: 16px! important;
}
p {
line-height: 29px;
margin-bottom: 15px;
}
pre {
background-color: #fff;
margin-bottom: 0px! important;
overflow: hidden! important;
padding: 0px! important;
border: 0px solid #fff! important;
font-family: "Courier 10 Pitch",Courier,monospace;
font-size: 14px;
line-height: 1.4;
white-space: pre-wrap;
}
articlen {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px !important;
box-sizing: border-box;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
display: none! important
}
.woocommerce div.product {
padding-bottom: 50px! important
} .custom-blog-title {
padding-top: 30px !important;
padding-bottom: 30px !important;
background-color: #fff
}
.custom-blog-title h1 {
font-size: 30px;
font-weight: normal;
color: #222;
line-height: 36px;
margin: 0;
text-align: center! important;
font-family: "Playfair Display", Times New Roman, serif,;
}
.blog .entry-content {
max-width: 760px;
display: block;
margin: 0 auto 0 auto;
}
.blog .entry-meta-bar {
max-width: 760px;
margin: 0 auto;
text-align: right;
} .single-post .custom-single-title {
max-width: 1200px;
margin: 0 auto 20px;
padding: 0 0px;
font-size: 30px;
line-height: 1.2;
font-weight: normal;
color: #222;
}
.single-post .custom-featured-image-wrap {
text-align: center;
margin: 0 0 30px;
}
.single-post .custom-featured-image-wrap img {
display: inline-block;
max-width: 100%;
height: auto;
}
.single-post .entry-content img.wp-post-image {
display: block;
margin: 0 auto 30px;
height: auto;
max-width: 100%;
}
.default-wp-page .previous,
.default-wp-page .next {
display: none! important
}
.related-posts-main-title {
display: none ! important
}
.related-posts {
display: none ! important
}
.white-bullets
{color: #fff}
.white ul li ::marker
{color: #fff}
#primary
{float: none;
display: block;
margin: 0 auto 0 auto;
}
.cap-text
{text-align: center;
font-size: 11px! important}
#secondary
{padding-top: 30px}
.single #content .post {
padding-top: 25px;
}
h1
{padding-bottom: 18px;
padding-top: 20px;
color: #222;
font-weight: normal;
}
h2, h3, h5, h6 {
padding-bottom: 18px;
color: #222;
font-weight: normal;
}
.post .entry-meta .date, .post .entry-meta .category {
display: none! important
}
h2
{padding-top: 10px;
font-size: 23px! important}
h3
{font-size: 24px;
line-height: 25px;
padding-bottom: 15px;
padding-top: 10px}
.white-intro h3
{line-height: 40px;
padding-bottom: 30px}
h4 {
font-size: 22px;
line-height: 30px;
}
h5
{font-size: 14px;
color: #222! important}
h6,
h6 a 
{font-size: 20px! important}
a
{color: #777}
a:hover
{color: #000}
.entry-content ul, .entry-content ol {
padding: 0 0 0px 15px! important;
margin-bottom: 10px! important;
}
.entry-content ol li
{margin: 5px 0px 15px 0px! important;
line-height: 30px! important}
#header-text-nav-container {
background:#281C41! important;
border-bottom: 1px solid #281C41! important ;
}
.flexslider {
margin: 0 0 0px! important;
background: #fff;
border: 4px solid #fff;
position: relative;
border-radius: 0px! important;
-o-box-shadow: 0 0px 0px rgba(0,0,0,.2)! important;
box-shadow: 0 0px 0px rgba(0,0,0,.2)! important;
zoom: 1;
}
.wpb_content_element
{margin-bottom: 15px! important}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #46b450! important
}
.wpcf7-form-control.wpcf7-text.message {
height: 200px! important
}
#green-top2
{background: #8DC63F;
height: 42px}
#green-top
{display:none! important}
.mobile-image
{display: none}
.home-mini-box2
{box-shadow: 0 10px 0px 0 rgba(0,0,0,.1)}
.home-mini-box
{padding: 0 30.5px 10px 30.5px! important}
.vc_row.vc_column-gap-35 > .vc_column_container {
padding: 0.5px! important;
}
#green-top a
{color: #fff! important}
#green-top a:hover
{color: #292929! important}
#header_ring {
color: #fff;
float: right;
padding-right: 10px;
padding-top: 10px;
font-size: 14px! important;
}
#header-right-section {
float: right;
padding-right: 40px;
}
#header-logo-image {
float: left;
padding: 0 20px 0 60px! important;
max-width: 100%;
}
.main-navigation {
float: right;
padding-top: 25px! important;
}
.vc_btn3.vc_btn3-color-violet,
.vc_btn3.vc_btn3-color-violet.vc_btn3-style-flat {
color: #fff;
background-color: #4A275F! important;
}
.by-author.author.vcard
{display: none! important}
main-navigation ul li.current-menu-item a,
.main-navigation a
{color: #FFFDFF! important}
.main-navigation ul li a {
font-size: 16px;
text-transform: uppercase;
}
.main-navigation ul li a:hover,
.main-navigation a:hover
{color: #4FD3C4! important}
.main-navigation ul li ul li a
{background: #2E183B! important
}
.main-navigation ul li ul li a:hover
{
color: #4FD3C4! important
}
.main-small-navigation li {
background: #201129! important;
}
.header-post-title-container.clearfix
{display: none! important}
.ls-wp-container .ls-wrapper > a,
.ls-wp-container .ls-wrapper > a,
.ls-wp-container .ls-wrapper p,
#ls-global .ls-wp-container .ls-wrapper > a {
text-decoration: none;
color: #fff!important
}
.entry-content ul {
list-style: square;
padding: 0 0 0 15px! important;
margin-bottom: 30px;
}
.custom-button2 a
{background: #fff;
border: 1px solid #99C24F;
color: #99C24F;
padding: 15px;
font-size: 26px! important}
.wp-caption {
border: 0px solid #fff! important;
margin-bottom: 1.5rem;
max-width: 100%;
}
a#scroll-up {background-color: #CDAFDE !important;
}
#main {
padding: 0px 0 0px 0! important;
}
.title
{text-align: center;
padding-top: 30px! important;
padding-bottom: 30px! important}
.entry-content ul li
{padding-bottom: 25px}
.main-content,
.approach-box
{padding-top: 10px;
width: 90%;
max-width: 1218px;
margin: 0 auto 0 auto;
display: block;
clear: both}
#featured-slider
{display: none! important}
.example {
float: left;
width: 31%;
padding-right: 20px;
padding-bottom: 30px;
height: 400px;}
.box-row
{width: 100%;
clear: both;
padding-bottom: 20px}
.first-box
{float: left;
width: 33%;
text-align: center;
padding-bottom: 20px;
}
.second-box
{float: left;
width: 33%;
text-align: center;
padding-bottom: 20px;
}
.third-box
{float: left;
width: 33%;
text-align: center;
padding-bottom: 20px;
}
.box-content
{height: 250px;
padding-left: 20px;
padding-right: 20px}
.first-box h2 a,
.first-box h2
{color: #582E71! important;
font-size: 22px! important;
text-transform: uppercase}
.second-box h2 a,
.second-box h2,
.third-box h2 a,
.third-box h2
{color: #582E71! important;
font-size: 22px! important;
text-transform: uppercase}
.call-action
{width: 100%;
background: #8DC63F;
height: auto;
clear: both;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
margin-top: 50px
}
.call-action p {
color: #fff;
font-size: 25px;
line-height: 45px;
text-align: center;
}
#services p
{font-size: 25px;
padding-left: 40px}
.testimonial-box
{width: 100%;
height: auto;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
margin-top: 20px;
background: #8DC63F;
color: #fff! important
}
.testimonial-box p
{width: 80%;
margin: 0 auto 0 auto;
display: block;
color: #fff! important;
padding: 20px 0px 20px 0px
}
.testimonial-box h3
{color: #fff! important;
padding-top:20px}
.testimonial-box h2
{color: #fff! important;
padding: 20px}
.testimonial-box a
{color: #fff! important}
.testimonial-box a:hover
{color: #2E183B! important}
.section-three
{width: 70%;
display: block;
margin: 0 auto 0 auto}
.section-three h4 a:hover
{color: #582E71! important
}
.ls-v6 .ls-circle-timer {
display: none! important
} .hero-curve {
position: relative;
overflow: hidden;
min-height: 520px; color: #fff;
z-index: 1;
}
.hero-curve::before{
content:"";
position:absolute; inset:0;
background: linear-gradient(120deg, #0d2a5a, #1e3a8a, #0b72b9, #0d2a5a);
background-size: 300% 300%;
animation: gradMove 12s ease-in-out infinite;
z-index:-1;
}
.hero-curve::before{
content:"";
position:absolute; inset:0;
background: linear-gradient(120deg, #0d2a5a, #1e3a8a, #0b72b9, #0d2a5a);
background-size: 300% 300%;
animation: gradMove 12s ease-in-out infinite;
z-index:-1;
}
@keyframes gradMove{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes gradMove{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@media (min-width: 768px) {
.small-info-text a[href^="tel:"] {
pointer-events: none;
cursor: default;
}
}
.hero-divider {
position: absolute;
left: 0;
bottom: 0; 
width: 100%;
height: 120px;
}
.hero-divider path{ fill: #ffffff; }
.approach-box
{
width: 100%;
height: auto;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
margin-top: 0px;
}
p label1
{color: #fff! important;} .fix-text, .fix-text li 
{font-size: 18px} .custom-category-header {
max-width: 1218px;
margin: 0 auto 30px;
padding: 0 20px;
}
.custom-blog-archive-title {
font-size: 30px;
line-height: 1.2;
margin: 0 0 10px;
text-align: center! important
}
.custom-category-title {
font-size: 24px;
line-height: 1.3;
margin: 0;
text-align: center! important} .footer-socket-area p a
{color: #00a9b6! important;
border-bottom: 0px;
font-size: 10px}
.footer-socket-wrapper {
padding: 10px 0;
border-top: 0px solid #EAEAEA! important;
}
.footer-widgets-area h3.widget-title {
color: #8DC63F! important;}
#latest
{text-align: right! important;
font-size:5px! important}
#latest a,
#latest a:hover
{color:#00a9b6! important}
.tg-one-fourth {
float: left;
margin: 0px 5px 0px 50px !important;
width: 20.1527094%;
}
th, td {
border: 0px! important;}
.widget-title span {
border-bottom: 1px solid #0ACCFF! important;
}
.footer-widgets-area {
padding-top: 30px;
padding-bottom: 10px;
color: #F2F2F2;
background:#201129! important;
width: 100%;}
.widget-title span {
border-bottom: 0px solid #09B8E6! important;
}
#colophon .widget ul li {
border-bottom: 0px solid #2E183B! important;
}
.footer-socket-wrapper
{padding-left: 50px! important
}
.footer-socket-wrapper .copyright {
color: #201129! important;
max-width: 50%;
float: left;
font-size: 10px;
padding-left: 20px! important
}
.footer-socket-wrapper
{width: 100%! important;
display: block;
background: #00a9b6! important;
margin: 0 auto 0 auto! important;
}
.footer-widgets-area .tg-one-fourth p {
text-align: left;
color: #F2F2F2! important;
font-size: 14px! important
}
.footer-widgets-area a {
color: #F2F2F2 !important;
}
#colophon .widget ul li a:hover,
.footer-widgets-area a:hover 
{color:#00a9b6 !important;
}
.copy-left
{color: #fff! important}
.blog-medium .post .post-featured-image {
float: left;
padding-right: 2%;
text-align: left;
width: 250px! important;}
.opaque h1 span,
.opaque h3 span{background: rgba(5, 58, 80, 0.39);
padding: 10px}
.opaquf h1 span,
.opaquf h3 span
{background: rgba(44, 45, 86, 0.39);
padding: 10px}
.social-right
{display: none! important}
#colophon .widget-title {
font-size: 20px;
line-height: 32px;
margin-left: 0px !important;
padding-bottom: 20px;
text-transform: uppercase! important;
color: #F2F2F2! important
}
.social-icons img:hover
{border-bottom: 0px! important;
opacity: 0.5;
filter: alpha(opacity=50); 
}
#content .post, #content .page {
padding-bottom: 0px! important;
}
.site-header .menu-toggle {
background: #201129! important;
color: #fff;
font-size: 20px;
font-weight: 300;
padding: 5px 22px;
margin: 0;
text-align: center;
width: 100%! important}
@media (max-width: 900px) {
.maintenance-card {
padding: 32px 26px;
gap: 22px;
}
}
@media (max-width: 767px) {
.maintenance-card {
display: block;
text-align: center;
}
.maintenance-icon {
margin: 0 auto 22px;
}
.maintenance-card .mini-line {
margin: 0 auto;
}
}
@media all and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
#header-left-section 
{width: 270px! important;
margin-right: 0px}
.main-navigation li{
float: left;
position: relative;
padding: 0 0 0 10px! important;
font-family: 'Lato', sans-serif;
}
.main-navigation li li
{padding: 0px! important}
.su-button-center
{margin-top: 20px;
clear: both}
.box-content {
height: 270px;
padding-left: 20px;
padding-right: 20px;}
#homebox1,
#homebox2,
#homebox3
{height: 320px! important}
.footer-widgets-area {
display: none! important}}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait){ 
#primary {
float: left;
width: 81.5763547%;
}
#header-logo-image {
float: left;
padding: 0 20px 0 60px !important;
max-width: 80%! important;
}
.better-responsive-menu #site-navigation {
float: left! important;
background: #201129! important;
width: 100%! important
}
#homebox1,
#homebox2,
#homebox3
{height: 450px! important}
.better-responsive-menu .site-header .menu-toggle {
background: #3a3a3a none repeat scroll 0 0;
color: #fff;
font: 16px! important;
height: 36px! important;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100px! important;
}
.main-small-navigation li,
.main-small-navigation li a {
background: #201129 !important;
width: 100%! important
}
.main-small-navigation li a:hover
{background: #8DC63F! important;
color: #fff! important}
.better-responsive-menu #header-text-nav-container {
position: relative;
margin-bottom: 0px;
border: none;
}
.first-box, .second-box, .third-box {
float: none! important;
width: 99%;
text-align: center;
padding-bottom: 20px;
display: block;
margin: 0 auto 0 auto;
}
.box-content
{height: 210px}
}
.tg-one-fourth2 {
float: left;
margin: 0px 5px 0px 50px;
width: 35%;
}
@media only screen and (min-width: 215px) and (max-width: 750px){
#green-top
{height: 50px! important}
.small-heading h1
{font-size: 10px}
#header_ring {
color: #fff;
float: none! important;
padding-right: none! important;
padding-top: 10px;
text-align: center;
display: block;
margin: 0 auto 0 auto;
font-size: 14px !important;
}
#primary
{width: 90%;
display: block;
margin: 0 auto 0 auto;}
rs-fullwidth-wrap {
display: none
}
.mobile-image
{display: block;
width: auto;
margin: 0 auto 0 auto}
#header-left-section {
float: left! important;
width: 99%! important;
margin: 0 auto 0 auto! important;
display: block! important;
}
#header_ring {
color: #fff;
float: none! important;
padding-right: 0px;
padding-top: 10px;
font-size: 15px !important;
width: 100%;
display: block;
margin: 0 auto 0 auto
}
#green-top a {
color: #fff !important;
font-size: 15px! important
}
#header-logo-image {
float: none! important;
padding: 0px !important;
max-width: 100%;
margin: 0 auto 0 auto! important;
display: block! important;
}
#header-right-section {
float: left! important;
width: 100%! important;
margin: 0 auto 0 auto! important;
display: block! important;
background: #281C41! important
}
.main-navigation {
padding-top: 5px !important;
}
.better-responsive-menu #site-navigation {
float: left! important;
background: #281C41! important;
width: 100%! important
}
.tiny h1
{font-size: 10px}
.maintenance-pts
{padding-left: 25px}
.maintenance-form
{width: 90%}
.better-responsive-menu #header-text-nav-container {
position: relative;
margin-bottom: 0px! important;
border: none;
}
.better-responsive-menu .site-header .menu-toggle {
background: #281C41 none repeat scroll 0 0! important;
color: #fff;
font: 16px! important;
height: 36px! important;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100px! important;
}
.main-small-navigation li,
.main-small-navigation li a {
background: #201129 !important;
width: 100%! important;
}
.main-small-navigation li a:hover
{background: #00C1CF! important;
color: #fff! important}
p.ls-layer
{font-size: 15px! important}
rs.fullwidth-wrap
{display:none! important}
h1,
h2 {
font-size: 25px;
line-height: 35px;
}
.first-box, .second-box, .third-box {
float: none! important;
width: 99%! important;
text-align: center;
padding-bottom: 20px;
display: block;
margin: 0 auto 0 auto;
}
.box-content {
height: auto! important;
clear:both! important;
padding-left: 20px;
padding-right: 20px;
}
.section-three h4
{font-size: 18px! important}
.call-action p {
color: #fff;
font-size: 18px;
line-height: 25px;
text-align: center;
}
.approach-box
{width: 90%;
display: block;
margin: 0 auto 0 auto
}
#services ul li a
{font-size: 16px;
padding-left: 20px
}
.example {
float: left;
width: 99%;
padding-right: 0px;
padding-bottom: 10px;
height: auto! important
}
.tg-one-fourth {
float: left;
width: 100%! important;
padding: 0px 0px 20px 20px !important;
margin: 0px! important
}
#colophon .widget {
padding-bottom: 5px! important;
}
#latest p
{width: 100%}
}
.footer-widgets-wrapper {
padding-top: 0px
}
.footer-widgets-wrapper {
background-color: #fff! important;
border-top: 1px solid #fff! important;
}