#honeypot-field-url,.um-form input[type=text].apbct_special_field,.wc_apbct_email_id,input[class*=apbct].apbct_special_field{display:none!important}.apbct-tooltip,.apbct-tooltip--text{border-radius:5px;background:#d3d3d3}.apbct-trusted-text--div,.apbct-trusted-text--label{text-align:center;width:100%}.comment-form-cookies-consent{width:100%;overflow:hidden}.apbct-email-encoder{position:relative}.apbct-tooltip{display:none;position:inherit;margin-top:5px;left:5px;opacity:.9}.apbct-tooltip--text{position:sticky;padding:10px;width:max-content}.apbct-trusted-text--label,.apbct-trusted-text--label_left{font-size:small!important;padding:5px 0;display:inline-block}.apbct-tooltip--arrow{position:absolute;background:#d3d3d3;width:10px;height:10px;top:-5px;left:10px;transform:rotate(135deg)}.apbct-trusted-text--div{font-size:small!important;display:inline-block;margin-bottom:2pc}.apbct-trusted-text--label_left{text-align:left}.apbct-trusted-text--span{display:inline-block}.apbct-popup-fade:before{content:'';background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.7;z-index:9999}.apbct-popup{position:fixed;top:20%;left:50%;padding:20px;width:360px;margin-left:-200px;background:#fff;border:1px solid;border-radius:4px;z-index:99999;opacity:1}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'Charlie Display'; src:   url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/fonts/Charlie_Display-Regular.ttf)  format('truetype');  }
@font-face {
font-family: 'Charlie Display Semibold'; src:   url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/fonts/Charlie_Display-Semibold.ttf)  format('truetype');  font-weight:normal;
}
@font-face {
font-family: 'Charlie Display Bold'; src:   url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/fonts/Charlie_Display-Bold.ttf)  format('truetype');  font-weight:normal;
}
body { font-family: 'Charlie Display', sans-serif;
letter-spacing: .4px;
font-size: 16px;
line-height: 24px; }
.site-notificaion-top {
background: #000;
color: #fff;
display: block;
padding: 10px 0;
}
.site-notificaion-top p {
margin: 0;
padding: 0;
font-size: 17px;
}
.site-notificaion-top .x {
position: absolute; right: 10px;
top: 10px; color: #fff; font-size: 20px;
}
.screen-reader-text {
display: none;
}
.primary-menu {
margin: 0;
padding-left: 0;
padding-top: 4px;
}
header a.logo {
display: block;
padding-top: 20px;
}
.logo img {
max-width: 100%;
height: auto;
}
a {color: #1273ca; text-decoration: underline}
a:hover {
color: #0054a0;
}
h2 {
font-size: 42px;
line-height: 1.2;
}
h3 {
font-family: 'Charlie Display Semibold'; 
}
.bg-grey {
background: #efefef;
}
.primary-menu > li {
display: inline-block;
padding: 30px 10px;
position: relative;
}
.primary-menu li a {
font-size: 17px;
color: #333;
text-decoration: none;
font-family: 'Charlie Display Semibold';
text-transform: uppercase;
}
.primary-menu li a:hover {
color: #0054a0;
}
.primary-menu li.btn-get-quote a {
background: #0054a0;
color: #fff;
padding: 10px 15px;
border-radius: 4px;
}
.primary-menu li.btn-get-quote a:hover {
background: #ff8a00;
}
.primary-menu li.btn-get-quote i {
padding-left: 2px;
}
.fas {
position: relative;top: 1px;
} .site-navigation-top .menu-top-navigation-container > ul > li.current-menu-ancestor > a:hover {
color: #fff !important;
}
.site-navigation-top .icon {
display: none;
}
.site-navigation-top ul.sub-menu {
position: absolute;
left: -4px;
top: 84px;
z-index: 9999;
background: #0054a0;
min-width: 300px;
text-align: left;
padding: 0 20px;
visibility: hidden;
opacity: 0;
transition: opacity .6s;
}
.site-navigation-top .sub-menu a {
padding: 10px 0 !important;
font-size: 18px !important;
display: block;
}
ul.sub-menu li {
display: block;
border-bottom: 1px solid #1e64a3;
}
ul.sub-menu li a:hover {
color: #ccc;
}
ul.sub-menu li a {
color: #efefef;
text-transform:capitalize;
}
.menu-item-has-children:hover ul.sub-menu {
opacity: 1; visibility: visible;
}
.site-navigation-top ul.sub-menu li.current-menu-item a {
color: #fff;
}
.mg-top-10 {
margin-top: 10px;
} .banner {
position: relative;
overflow: hidden;
}
.banner .item:after {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
content: ' ';
opacity: .5;
background: #000; }
.banner .item {
position: relative;
}
.slider img {
width: 100%;
height: auto;
}
.slider .container {
position: absolute; 
left: 0;
right: 0;
top: 0; bottom: 0;
}
.item-caption {
position: absolute;
top: 50%;
left: 0;
color: #fff;
transform: translateY(-50%);
max-width: 850px;
z-index: 9;
}
.item-caption span {
font-size: 36px;
color: #fff;
}
.item-caption h1 {
color: #ff8a00;
font-size: 55px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 900;
}
.item-caption p {
font-size: 24px;
color: #fff;
}
.item-caption em {
}
.item-caption .aas-btn {
margin-top: 10px;
display: inline-block;
margin-right: 20px;
}
.aas-btn {
padding: 10px 20px;
color: #fff;
text-decoration: none;
font-size: 18px;
border-radius: 5px;
font-family: 'Charlie Display Semibold';
display: inline-block;
border: 0;
text-transform: uppercase
}
.aas-btn:hover {
text-decoration: none;
color: inherit;
}
.btn-orrange {
background: #ff8a00;
}
.btn-blue {
background: #0054a0;
}
.aas-key-success {
background: #00549f;
position: relative;
}
.certification {
position: absolute;
left: -38px;
right: 0;
width: 100%;
text-align: center;
top: -30px;
background: url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/images/gaf-logo.png) no-repeat 0 0;
width: 167px;
margin: 0 auto;
height: 172px;
} .panel {
-webkit-perspective: 1000;
} .panel .cards {
-webkit-animation: CardFlip 5s infinite;
-webkit-transform-style: preserve-3d;
} .panel .cards,
.panel .front,
.panel .back {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
} .panel .cards {
-webkit-transition: all 1s linear;
} .panel .cards .front {
z-index: 2;
-webkit-backface-visibility: hidden;
} .panel .cards .back {
z-index: 1;
-webkit-transform: scale(-1, 1);
}
.panel .cards {
position: absolute;
top: 19px;
left: -15px;
}
@-webkit-keyframes CardFlip {
0% {  
-webkit-transform: rotateY(0deg);
}
50% {
-webkit-transform: rotateY(180deg);
}
100% {  
-webkit-transform: rotateY(360deg);
}
}
.aas-key-success li:nth-child(2) {
width: 26%;
padding-left: 45px;
text-align: left;
}
.aas-key-success li:nth-child(3) {
padding-right: 35px;
width: 26%;
text-align: right;
}
.aas-key-success li:nth-child(2) div, .aas-key-success li:nth-child(3) div {
display: inline-block;
text-align: center;
}
.aas-key-success ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
overflow: hidden;
}
.aas-key-success li {
display: inline-block;
font-size: 18px;
width: 22%;
float: left;
color: #fff;
border-right: 1px solid #236bac;
padding: 20px 10px;
text-align: center;
}
.aas-key-success li:last-child {
border: 0;
}
.aas-key-success li > div > span {
display: block;
font-size: 40px;
font-weight: 700;
line-height: 45px;
font-style: normal;
font-family: 'Charlie Display Bold';
}
.aas-key-success li > div > span {
font-family: 'Fjalla One', sans-serif;
} .home-section {
padding: 60px 0 80px;
}
.section-title {
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 30px 0;
}
.section-title h2 {
font-family: 'Charlie Display Semibold';  
}
.section-title p {
font-size: 18px;
}
.col-layout-3 .col-text {
text-align: center;
padding: 20px 0; 
}
.col-layout-3 .col-text h3 {
font-size: 24px;
color: #065ca8;
margin: 0;
}
.seprator {
background: #e3e3e3;
height: 2px;
margin: 20px 0;
}
.col-layout-4 .col-img-text {
position: relative;
text-align: center;
}
.col-layout-4 .col-img-text a {
text-decoration: none;
color: #fff;
}
.col-layout-4 .col-img-text img{
max-width: 100%;
}
.col-layout-4 .col-img-text:after {
position: absolute;
left: 0; top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .7;
content: ' ';
-webkit-transition: background .5s ease-out;
-moz-transition: background .5s ease-out;
-o-transition: background .5s ease-out;
transition: background .5s ease-out;
}
.col-layout-4 .col-img-text:hover:after {
background: #ff8a00;
opacity: .9
}
.col-layout-4 .col-img-text h3 {
position: absolute; left: 0; right: 0; top: 0; bottom: 0;
height: 100%;
color: #fff;
z-index: 9;
font-size: 24px;
display: flex; 
align-items: center; 
justify-content: center; 
text-align: center;
}
.col-layout-4 .col-img-text h3 i {
font-size: 18px;
padding-left: 5px;
} .home-row-2, .home-row-4 {
background:url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/images/bg-solar.jpg) no-repeat center center;
background-size: cover;
position: relative;
}
.home-row-2:after, .home-row-4:after {
background: #0357a1;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
opacity: .98;
}
.home-row-2 .container, .home-row-4 .container  {
position: relative;
z-index: 9;
}
.home-row-2 .section-title {
padding-top: 0;
}
.home-row-2 .section-title {
color: #fff;
}
.home-row-2 .col-text {
background: #fff;
color: #000;
padding: 40px 20px;
min-height: 200px;
text-align: center;
}
.home-row-2 .col-text h3 {
display: block;
font-size: 22px;
margin: 0;
}
.home-row-2 .col-text p {
font-size: 18px;
}
.home-row-2 .col-text i {
font-size: 36px;
color: #2771b6;
padding-bottom: 10px;
} ul.external-review-icon {
padding: 25px 0 0;
margin: 0;
text-align: center;
list-style: none;
}
ul.external-review-icon li {
display: inline-block;
margin: 10px;
}
.testimonial-content img {
max-width:100%;
height: auto
} .authorised-dealer ul {
margin: 0;
text-align: center;
list-style: none; 
padding: 20px 0;
}
.authorised-dealer li {
display: inline-block;
margin: 10px;
} .home-row-4 {
color: #fff;
}
.ft-content-keys ul {
list-style: none;
padding: 0px;
margin: 0;
}
.ft-content-keys ul li {
font-size: 18px;
padding: 6px 0;
border-bottom: 1px solid #2a6ba5;
}
.ft-content-keys {
padding: 0;
}
.ft-content-keys h3 {
border-bottom: 1px solid #2878be;
padding-bottom: 10px;
}
.ft-content-keys ul li i {
padding-right: 15px;
color: #ff9110;
}
.tel {
font-size: 36px;
font-family: 'Roboto', sans-serif;
padding-top: 35px;
}
.tel a {
color: #ff8a01;
text-decoration: none;
}
i.fa.fa-mobile {
padding-right: 20px;
}
.form-content {
margin: 0 auto;
}
.ft-content p {
margin: 0;
font-size: 18px;
font-weight: normal;
}
.ft-content.ft-content-right {
background: #113757;
padding: 0 40px;
padding-bottom: 40px;
}
.form-group-checkbox span {
}
.form-group-checkbox span input {
margin-right: 5px;
position: relative;
top: 1px;
outline: 0;
}
.form-group-checkbox label {
max-width: 170px;
width: 100%;
}
.form-get-quote .form-control {
border-radius: 0 !important;
padding: 22px;
outline: 0;
border: 0;
}
.form-get-quote span.wpcf7-list-item-label {
}
span.wpcf7-list-item {
margin-left: 5px;
}
.section-title h3 {
font-size: 30px;
} .site-footer {
background: #000;
padding: 50px 0 20px;
}
.footer-menu-columns ul{
padding: 0 0 20px;
margin: 0;
list-style: none;
}
.site-footer .widget h2, .site-footer .widget h3 {
color: #5688d4;
font-size: 18px;
text-transform: uppercase;
}
.site-footer .widget h3 {
color: #f49b33;
}
.footer-menu-columns li a, .footer-locations p {
color: #ccc;
text-decoration: none;
}
.site-footer .widget {
max-width: 200px;
color: #ccc;
}
.social-links {
padding-top: 5px !important;
}
.social-links li {
display: inline-block;
padding-right: 8px;
text-align: center
}
.social-links li a {
border: 2px solid #efefef;
display: block;
border-radius: 100%;
padding: 6px 0;
width: 40px;
height: 40px;
color: #fff;
}
.icon-facebook {
background: #3b5998;
}
.icon-yelp {
background: #c41200;
}
.icon-instagram{
background: #F56040;
background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.icon-twitter{
background: #00acee;
}
.footer-credits {
color: #fff;
margin-top: 20px;
padding-top: 30px;
border-top: 1px solid #333; 
} .inline-photo-animate {
opacity: 0;
transform: translateY(4em) rotateZ(-5deg);
transition: transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out;
will-change: transform, opacity;
}
.inline-photo-animate.is-visible {
opacity: 1;
transform: rotateZ(-0deg);
}
.animate-fade {
opacity: 0;
transition: opacity .5s .25s ease-out;
}
.animate-fade.is-visible{
opacity: 1;
} .banner-inner-template {
max-height: 400px;
overflow: hidden;
}
.banner-inner-template:after {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
content: ' ';
opacity: .5;
background: #000; }
.banner-inner-template .container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.banner-inner-template img {
width: 100%;
}
.banner-inner-template .item-caption {
max-width: 720px;
}
.banner-inner-template .item-caption p {
font-size: 22px;
color: #fff;
}
.spacer-80{
height: 80px;
}
.main-inner-template .tpl-head p, .main-inner-template p{
font-size: 18px;
}
.main-inner-template {
padding: 80px 0;
}
.main-inner-template h2 {
font-family: 'Charlie Display Semibold';
}
.item-testimonial {
text-align: center;
margin: 10px 15px;
color: #242a37;
padding: 32px 30px;
box-shadow: 0px 0px 6px rgba(0,0,0,.09);
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
outline: 0;
}
.item-testimonial .dscpn {
position: relative;
min-height: 290px;
}
.item-testimonial .dscpn:before {
width: 60px;
height: 50px;
left: -14px;
top: -24px;
content: "";
position: absolute;
background: url(//www.americanarraysolar.com/wp-content/themes/Americansolar/assets/images/sprites.svg) no-repeat -54px -1528px;
}
.item-testimonial .dscpn:after {
width: 34px;
height: 2px;
left: 0;
right: 0;
bottom: -20px;
content: "";
margin: auto;
position: absolute;
background: #ff9358;
}
.item-testimonial h5 {
font-size: 18px;
font-weight: 400;
margin-top: 50px;
margin-bottom: 0;
-moz-transition: all .65s;
-o-transition: all .65s;
-webkit-transition: all .65s;
transition: all .65s;
}
.item-testimonial figure {
height: 100px;
width: 100px;
overflow: hidden;
margin: 0 auto 30px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
}
.item-testimonial figure img {
max-width: 100%; height: auto;
}
.wrapper-inner-tpl .home-row-2:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
opacity: .95;
}
.wrapper-inner-tpl .home-row-2 .col-layout-4 .col-img-text h3 {
text-decoration: none;
color: #2a2a2b;
}
.wrapper-inner-tpl .home-row-2 .col-layout-4 .col-img-text h3 i {
color: #ff8a01;
}
.wrapper-inner-tpl .col-layout-4 .col-img-text:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .9;
content: ' ';
-webkit-transition: background .5s ease-out;
-moz-transition: background .5s ease-out;
-o-transition: background .5s ease-out;
transition: background .5s ease-out;
}
.wrapper-inner-tpl .col-layout-4 .col-img-text:hover:after {
background: #ff8a01;
opacity: .9
}
.wrapper-inner-tpl .col-layout-4 .col-img-text h3:hover,.wrapper-inner-tpl .col-layout-4 .col-img-text h3:hover i  {
color: #fff;
}
.navbar-toggler {
display: none;
}
.primary-menu li.btn-get-quote {
padding-right: 0;
}
.menu-close {
display: none;
}
.blog-post .blog-col figure img{
max-width: 100%;
height: auto;
} 
.blog-post .blog-col  {
text-align: center;
margin: 15px 0px;
color: #242a37;
box-shadow: 0px 0px 6px rgba(0,0,0,.09);
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.blog-post .blog-col .dscpn {
padding: 5px 20px 20px;
}
.blog-post .blog-col .dscpn a.more {
text-decoration: none;
color: #ff8a01;
}
.blog-post .blog-col .dscpn h3 {
font-size: 22px;
color: #0054a0;
}
.blog-post .blog-col .dscpn p {
line-height: 22px;
font-size: 16px;
}
.blog-post .entry-categories-inner {
display: none;
}
.blog-post .entry-title {
font-size: 24px;
}
.blog-post .post-meta {
font-size: 16px;
}
.blog-post .post-meta-wrapper {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
} .post-meta-wrapper {
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.post-meta {
color: #6d6d6d;
display: flex;
flex-wrap: wrap;
font-size: 18px;
font-weight: 500;
list-style: none;
padding: 0;
margin: 0
}
.post-meta li {
flex-shrink: 0;
letter-spacing: -0.016875em;
margin: 0 2rem 0 0;
max-width: calc(100% - 2rem);
}
.post-meta a {
color: inherit;
text-decoration: none;
}
.post-meta a:focus,
.post-meta a:hover {
text-decoration: underline;
}
.post-meta .meta-wrapper {
align-items: center;
display: flex;
flex-wrap: nowrap;
color: #0054a0;
}
.post-meta .meta-icon {
flex-shrink: 0;
margin-right: .5rem;
}
.sticky .post-sticky {
color: inherit;
}
.post-meta .post-author .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-categories .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-comment-link .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-date .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-edit .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-sticky .meta-icon svg {
width: 1rem;
height: 1rem;
}
.post-meta .post-tags .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta svg * {
fill: currentColor;
}
.featured-media-inner img{
width: 100%;
height: auto
}
.entry-header-inner.section-inner.medium {
text-align: left;
}
.search-submit {
position: relative;
top: -2px;
}
#wpcf7-f886-o1 input.wpcf7-form-control {
width: 100%;
padding: 10px;
max-width: 500px;
} @media (max-width:1199px) {
header .container {
max-width: none;
}
.primary-menu li {
display: inline-block;
padding: 0 5px;
}
}
@media (max-width:991px) {
.site-navigation-top .flex-align {
display: flex;
align-items: center;
height: 100%;
}
.navbar-expand-md {
opacity: 0;
transition: opacity 1s linear;
}
.nav-open .navbar-expand-md {
opacity: 1;
}
.site-navigation-top {
height: 100%;
width: 0;
position: fixed;
z-index: 99;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.2s;
text-align:center;
} 
.site-navigation-top .container {
display: flex;
align-items: center;
height: 100%;
}
.site-navigation-top .navbar-expand-md {
width: 100%;
}
.site-navigation-top.nav-open {
width: 100%;
}
.site-navigation-top li {
display: block;
}
.site-navigation-top li:after,.site-navigation-top .current-menu-item:before {
display: none;
}
.site-navigation-top .navbar-collapse {
display: block !important;
}
.navbar-toggler {
display: block;
position: relative;
top: 22px;
padding: 0px;
float:right;
}
.site-navigation-top li a {
font-size: 16.5px;
padding: 10px 15px;
display: block;
color: #efefef;
border-bottom: 1px solid #202020;
}
ul.primary-menu {
max-width: 300px;
margin: 0 auto;
padding: 0 20px;
}
.menu-close {
display: block;
color: #fff;   position: absolute;
right: 20px;
top: 20px;
}
.certification {
display: none;
}
.aas-key-success li {
width: 50% !important;
padding: 20px 10px !important;
border-right: 1px solid #236bac !important;
text-align: center !important;
border-bottom: 1px solid #236bac !important;
}
.aas-key-success li:nth-child(2), .aas-key-success li:nth-child(4) {
border-right: 0 !important;
}
.aas-key-success .container {
width:100%;
}
.col-layout-4 .col-img-text, .home-row-2 .col-text {
margin-bottom: 30px;
}
.item-caption {
position: absolute;
top: 50%;
left: 0;
color: #fff;
transform: translateY(-50%);
max-width:none;
width: 100%;
z-index: 9;
text-align: center;
}
.col-layout-4 .col-img-text h3 i {
display: block;
padding-top: 10px;
}
.item-caption span { }
.item-caption h1 {
font-size: 36px;
}
.item-caption p {
font-size: 20px;
}
.col-layout-4 .col-img-text img {
max-width: none;
width: 100%;
}
.site-navigation-top ul.sub-menu {
position: static;
opacity: 1;
visibility: visible;
min-width: 100%;
padding: 0;
text-align: center;
display: none;
}
.site-navigation-top li.active ul.sub-menu {
display: block;
}
}
.footer-copyright a {
text-decoration: none;
color: inherit;
}
@media (max-width:575px) {
header a.logo {
display: block;
padding-top: 10px;
padding-bottom: 5px;
max-width: 220px;
}    
h2 {
font-size: 30px;
} 
.main-inner-template {
padding: 40px 0;
}    
.aas-key-success li {
font-size: 16px;
width: 22%;
float: left;
color: #fff;
border-right: 1px solid #236bac;
padding: 20px 10px;
text-align: center;
line-height: 18px;
min-height: 130px;
display: flex;
align-items: center;
}
.aas-key-success li > div > span {
font-size: 32px;
}
.item-caption span {
font-size: 21px;
}
.item-caption h1 {
font-size: 30px;
}
.item-caption p {
font-size: 18px;
line-height: 22px;
}
.item-caption .aas-btn.btn-orrange {
display: none;
}
.slider img {
width: 500px;
}
.item-caption {
padding: 0 20px;
display: block;
}
.item-caption span,  .item-caption p, .item-caption a.aas-btn{
display: none;
}
.banner .item:after {
display: none;
}
.get-quote-fixed, .get-quote-fixed:focus {
position: fixed;
bottom: 50%;
right: -60px;
padding: 10px 20px;
background: #000;
text-decoration: none;
text-transform: uppercase;
color: #fff;
z-index: 99;
transform: rotate(-90deg);
display: block !important;
}
}