@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");
::-moz-selection {
background: #000;
text-shadow: none;
color: #fff;
}
::selection {
background: #000;
text-shadow: none;
color: #fff;
}
html, body {
width: 100%;
height: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
body {
font: 16.36364px "Roboto", sans-serif;
color: #535353;
background: #fff;
overflow-x: hidden;
overflow-y: scroll;
}
ul {
list-style: none;
}
a {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:link, a:visited {
color: #fff;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
*:focus,
a:focus,
a:active {
outline: none;
box-shadow: none;
text-decoration: none;
}
figure {
line-height: 0;
}
p {
margin: 0 0 9px;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
img {
display: inline-block;
max-width: 100%;
}
address {
margin-bottom: 0;
}
::-webkit-input-placeholder {
color: #535353;
}
:-moz-placeholder { color: #535353;
}
::-moz-placeholder { color: #535353;
}
:-ms-input-placeholder {
color: #535353;
} @font-face {
font-family: 'Ubuntu';
src: url(//www.monolithimc.com/wp-content/themes/monolith/fonts/ubuntu-r-webfont.eot);
src: url(//www.monolithimc.com/wp-content/themes/monolith/fonts/ubuntu-r-webfont.eot?#iefix) format("embedded-opentype"), url(//www.monolithimc.com/wp-content/themes/monolith/fonts/ubuntu-r-webfont.woff) format("woff"), url(//www.monolithimc.com/wp-content/themes/monolith/fonts/ubuntu-r-webfont.ttf) format("truetype"), url(//www.monolithimc.com/wp-content/themes/monolith/fonts/ubuntu-r-webfont.svg#ubunturegular) format("svg");
font-weight: normal;
font-style: normal;
} html, body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
body, div, dl, dt, dd, ul, ol, li, pre, form, blockquote, th, td {
font-family: "Roboto", sans-serif;
}
body, p {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", sans-serif;
text-rendering: optimizeLegibility;
margin: 0;
font-weight: 500;
}
h1 {
font-size: 3.188em;
}
h2 {
font-size: 2.75em;
}
h3 {
font-size: 2.25em;
}
h4 {
font-size: 1.75em;
}
h5 {
font-size: 1.313em;
}
h6 {
font-size: 1em;
}
em, i {
font-family: "Roboto", sans-serif;
font-style: italic;
}
strong, b {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
font-family: "Roboto", sans-serif;
font-style: italic;
}
address {
font-family: "Roboto", sans-serif;
} input,
select,
textarea {
font-size: 14px;
color: #4c4c4c;
padding: 8px 12px;
border: solid 1px #cdcdcd;
}
textarea {
height: auto;
padding: 12px;
resize: vertical;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
display: block;
width: 100%;
min-height: 40px;
}
input[type="checkbox"] {
width: auto;
height: auto;
position: relative;
outline: none;
border: solid 1px #d7d7d7;
margin: 0 5px 0;
background: #fff;
-webkit-appearance: none;
width: 20px;
height: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
input[type="checkbox"]:hover:before,
input[type="checkbox"]:checked:before {
content: "\2714";
font-size: 14px;
line-height: 18px;
left: 1px;
text-align: center;
width: 20px;
color: #ccc;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
input[type="checkbox"]:checked:before {
color: #00a79d;
}
input[type="radio"] {
width: auto;
height: auto;
position: relative;
outline: none;
border: solid 1px #d7d7d7;
margin: 0 5px 0;
background: #fff;
-webkit-appearance: none;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
input[type="radio"]:hover:before,
input[type="radio"]:checked:before {
content: "\2022";
font-size: 17px;
line-height: 18px;
left: 1px;
text-align: center;
width: 20px;
color: #ccc;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
input[type="radio"]:checked:before {
color: #00a79d;
}
input[type="file"] {
height: auto;
padding: 12px;
}
.border {
transition: all 0.3s ease;
}
.border:hover {
box-shadow: 0px 0px 24px 8px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
} label {
display: block;
padding-top: 8px;
font-weight: normal;
}
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder { color: #999;
}
::-moz-placeholder { color: #999;
}
:-ms-input-placeholder {
color: #999;
}
.nopadding {
padding: 0;
}
.formRow {
margin-bottom: 18px;
position: relative;
}
.formRow label {
margin: 0;
padding: 5px 0 0 15px;
font-size: 10px;
line-height: 1;
}
.formRow.formSubmit {
margin-bottom: 0;
}
.formRow.error:before, .formRow .error:before, .formRow.success:before, .formRow .success:before {
content: "";
position: absolute;
width: 15px;
height: 15px;
right: 3px;
top: 3px;
z-index: 10;
font-size: 10px;
line-height: 15px;
text-align: center;
font-family: 'fontname' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.formRow.error label, .formRow .error label {
color: #dd5044;
}
.formRow.error:before, .formRow .error:before {
content: "\e905";
color: #dd5044;
}
.formRow.success label, .formRow .success label {
color: #1bb261;
}
.formRow.success:before, .formRow .success:before {
content: "\e904";
}
.form-control {
color: #444;
border: 1px solid #cbc6c9;
background: transparent;
box-shadow: none;
padding: 12px;
height: 44px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.form-control:focus {
border: 1px solid #cbc6c9;
background-color: #fff;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
} .cta {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #fff;
font-size: 18px;
line-height: 1.1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px;
display: inline-block;
*display: inline;
*zoom: 1;
min-width: 180px;
width: auto;
min-height: 37px;
height: auto;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cta i {
margin-right: 6px;
}
.cta.inline {
padding: 8px 20px !important;
min-width: 0;
}
.cta.white {
background: #fff;
color: #000;
-webkit-transition: 0.2s, 0.3s;
-moz-transition: 0.2s, 0.3s;
-ms-transition: 0.2s, 0.3s;
-o-transition: 0.2s, 0.3s;
transition: 0.2s, 0.3s;
}
.cta.white:visited {
color: #000;
}
.cta.white:hover {
color: #000;
} .upload {
position: relative;
}
.upload input[type=file] {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 50;
opacity: 0;
}  [class^="icon-"],
[class*=" icon-"] {
display: inline-block;
vertical-align: text-top;
background-repeat: no-repeat;
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 19px;
height: 35px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
height: 3px;
background-color: #333;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
button.btn-nav {
width: 37px;
height: 37px;
border-radius: 50%;
margin: 5px 5px 5px 25px;
background-color: transparent;
border: 0;
}
.mob-menu .hamburger-inner {
top: 12px;
transition: background-color 0s linear 0.13s;
}
.mob-menu .hamburger-inner:before {
top: 6px;
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mob-menu .hamburger-inner:after {
top: 12px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mob-menu.is-active .hamburger-inner {
transition-delay: .22s;
background-color: transparent;
}
.mob-menu.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 5px, 0) rotate(45deg);
}
.mob-menu.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 5px, 0) rotate(-45deg);
}
header {
float: left;
width: 100%;
height: 90px;
padding-top: 23px;
border-bottom: solid 2px #fd8201;
}
header .brand {
width: 210px;
height: 40px;
float: left;
margin-right: 50px;
}
header.inner-page {
background: #fff;
}
header.inner-page .main-nav a {
color: #373737;
}
header .nav-button-sec {
float: right;
}
header .main-nav {
display: inline-block;
margin-top: 9px;
}
header .main-nav ul {
margin-left: 34px;
}
header .main-nav ul li {
display: inline-block;
padding: 5px 5px;
margin: 0 5px;
box-sizing: border-box;
}
header .main-nav ul li a {
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 600;
position: relative;
height: 50px;
color: #000;
display: inline-block;
}
header .main-nav ul li a:after {
content: "";
position: absolute;
bottom: 0px;
width: 120%;
left: -8px;
right: 0;
}
header .main-nav ul li a:hover {
color: #ff9000;
}
header .main-nav ul li a:hover:after {
content: "";
border-bottom: 6px solid #ff9000;
}
header .main-nav ul li.active a {
color: #ff9000;
}
header .main-nav ul li.active a:after {
content: "";
border-bottom: 6px solid #ff9000;
}
header .main-nav ul li.current_page_item a {
color: #ff9000;
}
header .main-nav ul li.current_page_item a:after {
content: "";
border-bottom: 6px solid #ff9000;
}
header .btn-quote {
display: inline-block;
margin: 13px 0px 0 25px;
}
header .btn-quote a {
font-family: "Raleway", sans-serif;
font-weight: 300;
background: #e14f4f;
color: #fff;
font-size: 17px;
text-transform: uppercase;
padding: 6px 13px;
border-radius: 9px;
}
header .btn-quote a span {
font: normal 16px/17px FontAwesome;
color: #fff;
width: 18px;
height: 18px;
border-radius: 50px;
text-align: center;
border: 1px solid #fff;
background: #eb5959;
margin-left: 6px;
}
header .mob-menu {
display: none;
}
.inner-banner {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
clear: both;
height: 165px;
padding-top: 50px;
}
.inner-banner h2,.inner-banner h1 {
text-align: center;
font: 500 40px "Raleway", sans-serif;
color: #fff;
letter-spacing: 3px;
padding-bottom: 15px;
position: relative;
}
.inner-banner h2:after,.inner-banner h1:after {
content: "";
height: 1px;
width: 90px;
background: #fff;
position: absolute;
bottom: 0;
margin: auto;
right: 0;
left: 0;
} footer .footer-top { background: #242424;
padding: 50px 0 40px 0;
font-family: "Lato", sans-serif;
position: relative;
}
footer .footer-top .logo {
max-width: 260px;
margin-bottom: 44px;
}
footer .footer-top .logo img {
width: 100%;
}
footer .footer-top .contact {
margin-bottom: 37px;
}
footer .footer-top .social ul {
list-style: none;
}
footer .footer-top .social ul li {
display: inline-block;
margin-right: 15px;
}
footer .footer-top .social ul li a {
background: #333333;
font-size: 17px;
display: block;
width: 32px;
height: 32px;
border-radius: 50px;
color: #fff;
text-align: center;
line-height: 32px;
}
footer .footer-top .social ul li a:hover {
color: #fd8201;
}
footer .footer-top .services ul {
list-style: none;
}
footer .footer-top .services ul li {
display: list-item;
line-height: 24px;
padding-left: 0px;
}
footer .footer-top .services ul li a {
font: 500 15px "Lato", sans-serif;
color: #fff;
position: relative;
padding-left: 18px;
}
footer .footer-top .services ul li a:before {
content: "";
position: absolute;
background: url('../images/footer-li.png') left center no-repeat;
width: 7px;
height: 7px;
left: 0;
top: 6px;
}
footer .footer-top .services ul li a:hover {
color: #fd8201;
}
footer .footer-top .newsletter h3 {
font-size: 17px;
text-transform: uppercase;
padding-bottom: 18px;
margin-bottom: 24px;
color: #b7b7b7;
position: relative;
letter-spacing: 3px;
}
footer .footer-top .newsletter h3:after {
content: "";
height: 1px;
width: 110px;
background: #b7b7b7;
position: absolute;
bottom: 0;
left: 0;
}
footer .footer-top form {
width: 93%;
margin-bottom: 55px;
}
footer .footer-top form input[type="email"] {
background: #fff;
width: 100%;
height: 42px;
}
footer .footer-top form .s-input {
overflow: hidden;
padding-right: 5px;
}
footer .footer-top form input[type="submit"],
footer .footer-top form input[type="button"] {
border: 1px solid #fff;
text-transform: uppercase;
color: #fff;
font-size: 13px;
text-align: center;
width: 130px;
height: 42px;
background: none;
float: right;
font-weight:bold;
}
footer .footer-top .partners figure,
footer .footer-top .products figure {
margin-bottom: 8px;
}
footer .footer-top .products figure:nth-child(2) {
margin-bottom: 25px;
}
footer .footer-top h4 {
text-transform: uppercase;
font: 600 17px "Lato", sans-serif;
padding-bottom: 18px;
margin-bottom: 24px;
color: #b7b7b7;
border-bottom: 1px solid #b7b7b7;
width: 140px;
letter-spacing: 3px;
}
footer .footer-bottom { background: #191919;
display: flex;
height: 73px;
align-items: center;
font: normal 15px "Lato", sans-serif;
}
footer .footer-bottom .copy {
color: #fff;
font-size: 13px;
}
footer .footer-bottom ul {
list-style: none;
float: right;
}
footer .footer-bottom ul li {
display: inline-block;
padding-left: 3px;
}
footer .footer-bottom ul li a {
font: normal 13px "Lato", sans-serif;
color: #fff;
line-height: 13px;
padding-right: 5px;
border-right: solid 1px #fff;
}
footer .footer-bottom ul li a:hover {
color: #fd8201;
}
footer .footer-bottom ul li:last-child a {
border: none;
}
footer h4 {
color: #fff;
}
footer address {
color: #fff;
font-size: 15px;
padding-left: 28px;
position: relative;
margin-bottom: 10px;
}
footer address:before {
content: "\f041";
font: normal 30px/26px FontAwesome;
position: absolute;
left: 0;
}
footer address span {
padding-left: 0;
}
footer .phone {
padding-left: 28px;
position: relative;
}
footer .phone:before {
content: "\f10b";
font: normal 30px/15px FontAwesome;
position: absolute;
left: 0;
margin-right: 10px;
}
footer .phone span {
padding-left: 0;
}
footer p {
color: #fff;
font: normal 15px "Lato", sans-serif;
line-height: 22px;
margin-bottom: 15px;
}
.back-top {
position: absolute;
background: #be2525;
color: #fff;
height: 50px;
width: 50px;
border-radius: 50px;
right: 8%;
top: -20px;
display: flex;
align-items: center;
justify-content: center;
}
.back-top .fa {
font-size: 40px;
} #nav-toggle {
cursor: pointer;
position: absolute;
top: 37px;
right: 18px;
width: 28px;
height: 22px;
}
#nav-toggle span, #nav-toggle:before, #nav-toggle:after {
cursor: pointer;
border-radius: 1px;
height: 4px;
width: 28px;
background: black;
position: absolute;
display: block;
content: '';
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#nav-toggle span {
top: 9px;
}
#nav-toggle:before {
top: 0px;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
#nav-toggle:after {
bottom: 0px;
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
}
#nav-toggle.open span {
opacity: 0;
filter: alpha(opacity=0);
}
#nav-toggle.open:before {
top: 0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-toggle.open:after {
bottom: 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .clearfix:before,
.clearfix:after,
.home-navigation:before {
content: " ";
display: table;
clear: both;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: text-top;
background-repeat: no-repeat;
} .container.headerBot .nav > ul > li > a:after { font-family: 'tfgowners' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.loader {
background: #002e5a url(//www.monolithimc.com/wp-content/themes/monolith/img/loader.svg) center center no-repeat;
width: 54px;
height: 54px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
display: block;
margin: 15px auto;
}
aside .add-widget {
margin-bottom: 30px;
}
aside .add-widget h3 {
font-size: 20px;
padding: 0 0 5px;
margin: 0 0 10px 0;
border-bottom: solid 1px #e1e1e1;
}
.content-block {
padding: 50px 0;
}
.content-block figure {
margin-bottom: 20px;
display: block;
}
.content-block figure figcaption {
margin: 0;
padding: 10px 0 0 0;
line-height: 20px;
font-size: 14px;
}
.content-block p {
margin-bottom: 20px;
font: 400 16px/25px "Raleway", sans-serif;
}
.content-block p a{
color:#337ab7;
}
.content-block p a.btn-default {
background: none;
color: #000;
min-width: 95%;
text-transform: uppercase;
}
.content-block p a.btn-default:hover {
background: #ccc;
}
.content-block h1 {
font-size: 34px;
color: #000;
padding: 0 0 12px 0;
}
.content-block h1:first-child {
padding-top: 0;
}
.content-block h2 {
font-size: 20px;
color: #000;
padding-bottom: 20px;
}
.content-block h3 {
font-size: 18px;
color: #000;
padding-bottom: 20px;
}
.content-block h4, .content-block h5, .content-block h6 {
font-size: 16px;
color: #000;
padding-bottom: 20px;
}
.content-block p, .content-block li {
color: #535353;
margin-bottom: 25px;
padding: 0;
font: 400 16px/25px "Raleway", sans-serif;
}
.content-block ul {
margin-bottom: 20px;
overflow: hidden;
}
.content-block ul li {
padding-left: 16px;
position: relative;
margin: 0 0 5px 5px;
border: none !important;
font: 400 16px/25px "Raleway", sans-serif;
}
.content-block ul li:before {
content: "";
background: #ff9000;
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 9px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.content-block ol {
margin-bottom: 20px;
}
.content-block ol li {
margin: 0 0 5px 20px;
font: 400 16px/25px "Raleway", sans-serif;
}
.content-block table {
border-color: #C8E4DF;
margin-bottom: 20px;
}
.content-block table tr:nth-child(even) {
background: #ECF5F3;
}
.content-block table tr th {
padding: 10px;
border-bottom: solid 1px #e0f1ee;
background: #D3E0DE;
font: 400 16px/25px "Raleway", sans-serif;
}
.content-block table tr td {
padding: 5px 10px;
border-bottom: solid 1px #C8E4DF;
font: 400 16px/25px "Raleway", sans-serif;
}  .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: 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;
}
[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;
} .slick-loading .slick-list {
background: #fff url(//www.monolithimc.com/wp-content/themes/monolith/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.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 {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: '';
}
[dir='rtl'] .slick-prev:before {
content: '';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '';
}
[dir='rtl'] .slick-next:before {
content: '';
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
background: #333;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
overflow: hidden;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.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: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .spotlight {
width: 100%;
overflow: hidden;
}
.spotlight .home-banner {
border-bottom: solid 2px #fd8201;
}
.spotlight .home-banner .banner-slider {
position: relative;
}
.spotlight .home-banner .banner-slider div {
width: 100%; background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height:500px;
min-height:500px;
}
.spotlight .home-banner .banner-slider .slide-txt {
position: absolute;
left: 120px;
top: 135px;
text-align: center;
width: auto;
}
.spotlight .home-banner .banner-slider .slide-txt p {
font: 400 55px "Raleway", sans-serif;
color: #313131;
text-transform: uppercase;
}
.spotlight .home-banner .banner-slider .slide-txt p span {
font: 900 60px "Raleway", sans-serif;
}
.spotlight .home-banner .banner-slider .bannerVideo {
position: relative;
padding-bottom: 420px; padding-top: 25px;
height: 0;
}
.spotlight .home-banner .banner-slider .bannerVideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.welcome-block {
width: 100%;
overflow: hidden;
padding: 35px 0 15px 0;
}
.welcome-block p {
color: #000;
font-family: "Raleway", sans-serif;
font-size: 20px;
line-height: 1.3;
margin: 0;
text-align: justify;
padding: 0 0 20px 0;
text-align: center;
}
.welcome-block p a{
color:#337ab7;
}
.welcome-block p a:hover{
color:#000;
}
.services-block {
padding: 20px 0;
background: #ebebeb;
width: 100%;
overflow: hidden;
max-height: 350px;
}
.services-block h2 {
text-align: center;
font-weight: 600;
color: #000;
font-size: 28px;
}
.services-block .slider-wrapper {
position: relative;
}
.services-block .slider-wrapper .slick-slide {
float: left;
overflow: hidden;
position:relative;
}
.services-block .slider-wrapper .slick-slide span {
padding: 10px 0 0 0;
display: block;
color: #000;
width: 100%;
text-align: center;
}
.services-block .slider-wrapper .slick-slide img.on {
display: block;
opacity:0;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
}
.services-block .slider-wrapper .slick-slide a:hover img {
display: block;
opacity:0;
}
.services-block .slider-wrapper .slick-slide a:hover img.on {
display: block;
opacity:1;
}
.services-block .slider-wrapper .slick-prev, .services-block .slider-wrapper .slick-next {
width: 32px;
height: 30px;
display: block;
left: -34px;
top: 35%;
bottom: auto;
z-index: 100;
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/arrow-slider.png) no-repeat 0 0;
}
.services-block .slider-wrapper .slick-next {
left: auto;
bottom: auto;
right: -34px;
top: 40%;
z-index: 100;
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/arrow-slider.png) no-repeat 0 0;
}
.services-block .slider-wrapper .slick-prev {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.portfolio-block {
margin: 60px 0 0;
width: 100%;
overflow: hidden;
}
.portfolio-block h2 {
text-align: center;
font-weight: 400;
color: #000;
font-size: 26px;
margin-bottom: 30px;
}
.portfolio-block .imageWrapper {
margin-bottom: 20px;
}
.portfolio-block .imageWrapper figure {
position: relative;
padding-bottom: 56.25%; padding-top: 12px;
height: 0;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.videoWrapper {
position: relative; }
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.testimonial-block {
margin: 40px 0;
width: 100%;
overflow: hidden; }
.testimonial-block h2 {
text-align: center;
font-weight: 400;
color: #000;
text-transform: uppercase;
font-size: 24px;
margin-bottom: 10px;
}
.testimonial-block .slick-dots li {
background: #a29797;
width: 10px;
height: 10px;
opacity: 1;
}
.testimonial-block .slick-dots li.slick-active {
width: 15px;
height: 15px;
background: #343030;
opacity: 1;
top: -2px;
}
.testimonial-block .slick-dots li.slick-active:hover {
background: #a29797;
}
.testimonial-block .slider .slick-slide {
padding: 20px 10px;
}
.testimonial-block .slider .slick-slide .details {
padding: 40px;
background: #ced4e2;
position: relative;
}
.testimonial-block .slider .slick-slide .details p {
font-weight: 300;
color: #000;
line-height: 1.5;
font-size: 14px;
}
.testimonial-block .slider .slick-slide .details p a{
color:#337ab7;
}
.testimonial-block .slider .slick-slide .details:after {
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 18px solid transparent;
border-top: 25px solid #ced4e2;
position: absolute;
bottom: -20px;
right: 15%;
}
.testimonial-block .slider .slick-slide .author {
float: right;
margin-top: 20px;
text-transform: uppercase;
font-size: 16px;
}
.testimonial-block .slider .slick-slide .author figure {
float: right;
border: 1px solid #c2c1bd;
height: 65px;
width: 65px;
margin-left: 10px;
}
.testimonial-block .slider .slick-slide .author figure img {
border: 1px solid #cfcec6;
width: 100%;
}
.testimonial-block .slider .slick-slide .author span {
font-weight: 600;
line-height: 30px;
}
.testimonial-block .slider .slick-slide .author p {
font-weight: 300px;
font-style: italic;
}
.featured-block {
margin: 60px 0;
width: 100%;
max-height: 450px;
overflow: hidden;
}
.featured-block figure {
margin-bottom: 15px;
}
.featured-block h2 {
text-align: center;
font-weight: 400;
text-transform: uppercase;
color: #000;
font-size: 26px;
margin-bottom: 30px;
}
.featured-block .slick-slide {
margin: 0 0 0 20px;
padding: 0;
}
.featured-block .slick-slide img {
width: 100%;
}
.featured-block .slick-next,
.portfolio-slider .slick-next{
width: 25px;
height: 25px;
position: absolute;
top: -20px;
right: 0;
background: #242424;
}
.featured-block .slick-next:after,
.portfolio-slider .slick-next:after{
content: "\f0da";
color: #fff;
font: normal 20px/1 FontAwesome;
}
.featured-block .slick-next:hover{
background: #acacac;
}
.featured-block .slick-prev,
.portfolio-slider .slick-prev{
width: 25px;
height: 25px;
position: absolute;
top: -20px;
right: 35px;
left: auto;
background: #242424;
}
.featured-block .slick-prev:after,
.portfolio-slider .slick-prev:after{
content: "\f0d9";
font: normal 20px/1 FontAwesome;
color: #fff;
}
.featured-block .slick-prev:hover {
background: #acacac;
}
.featured-block .details {
text-align: center;
}
.featured-block .details p {
font: 400 15px/20px "Raleway", sans-serif;
color: #0b0b0b;
}
.contact-sec {
background: #ececec;
}
.contact-sec .form-box {
position: relative;
padding: 170px 50px 50px 50px;
}
.contact-sec .form-box:before {
content: "";
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/send-message.png) left top no-repeat;
height: 107px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact-sec .form-box:after {
content: "";
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/contact-rocket.png) right bottom no-repeat;
position: absolute;
width: 398px;
height: 244px;
right: -150px;
bottom: -60px;
}
.contact-sec .form-box .contact-line {
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/contact-line.png) left bottom no-repeat;
position: absolute;
width: 80px;
height: 255px;
left: -50px;
bottom: -50px;
}
.contact-sec h4 {
color: #003663;
font: 700 16px "Raleway", sans-serif;
text-transform: uppercase;
margin-bottom: 15px;
text-align: center;
}
.contact-sec input {
background: #fff;
color: #7f7f7f;
font: 400 15px "Lato", sans-serif;
padding: 0px 0 0 15px;
height: 40px;
margin-bottom: 25px;
border: none;
}
.contact-sec textarea {
background: #fff;
color: #7f7f7f;
font: 400 15px "Lato", sans-serif;
padding: 13px 0 0 15px;
height: 190px;
margin-bottom: 25px;
border: none;
}
.contact-sec .send-btn {
background: #0072bc;
font: 600 16px "Raleway", sans-serif;
color: #fff;
padding: 13px 15px;
display: block;
text-align: center;
width: 100%;
text-transform: uppercase;
}
.contact-sec .sm-box {
background: #003663;
padding: 64px 0 43px 0;
text-align: center;
}
.contact-sec .sm-box .md-logo {
margin-bottom: 33px;
width: 100%;
max-width: 250px;
}
.contact-sec .sm-box .social ul {
list-style: none;
}
.contact-sec .sm-box .social ul li {
display: inline-block;
margin-right: 15px;
}
.contact-sec .sm-box .social ul li a {
background: #335e82;
font-size: 17px;
display: block;
width: 32px;
height: 32px;
border-radius: 50px;
color: #fff;
text-align: center;
line-height: 32px;
}
.contact-sec .sm-box .social ul li a:hover {
color: #fd8201;
}
.contact-sec .find-us-btn {
background: #001f38;
font: 500 17px "Raleway", sans-serif;
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 15px 0;
width: 100%;
}
.contact-sec .contact-address {
padding: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 187px;
display: table;
align-items: center;
justify-content: center;
}
.contact-sec .contact-address .details {
display: table-cell;
vertical-align: middle;
}
.contact-sec .contact-address address {
display: inline-block;
width: 100%;
color: #fff;
text-align: center;
font-size: 13px;
}
.contact-sec .contact-address p {
width: 100%;
text-transform: uppercase;
color: #fff;
font-size: 13px;
text-align: center;
}
.contact-sec .gmap {
width: 100%;
height: 300px;
}
.inner-container {
background: #ececec;
padding: 50px 0 50px 0;
min-height: 500px;
}
.inner-container.bg-content {
background: #fff;
}
.inner-container .description {
border-bottom: 1px solid #f8a649;
text-align: center;
padding-bottom: 10px;
}
.inner-container .description .mlogo {
width: 108px;
margin: auto;
display: block;
margin-bottom: 25px;
}
.inner-container h3 {
color: #2584c6;
font: 400 23px "Raleway", sans-serif;
text-transform: uppercase;
margin-bottom: 25px;
}
.inner-container .services-detail h3{
text-transform: none;
margin-bottom:0;
font: 400 18px "Raleway", sans-serif;
color: #0c0c0c;
}
.inner-container h3 span {
color: #a8a8a8;
font-style: italic;
font-size: 16px;
text-transform: none;
}
.inner-container p {
color: #0c0c0c;
font: 400 16px/25px "Raleway", sans-serif;
margin-bottom: 20px;
}
.inner-container p a{
color:#337ab7;
}
.inner-container .mission-vision {
border-bottom: 1px solid #f8a649;
padding: 40px 0px;
}
.inner-container .mission-vision .mv-box {
background: #fff;
border-bottom: 1px solid #d2d2d2;
padding: 25px;
text-align: center;
}
.ceo-msg {
background: #fff;
padding: 45px 0 70px 0;
}
.ceo-msg h2 {
color: #3a95ac;
font: 600 40px "Raleway", sans-serif;
text-transform: uppercase;
margin-bottom: 30px;
text-align: center;
}
.ceo-msg p {
color: #0c0c0c;
font: 400 16px/25px "Raleway", sans-serif;
margin-bottom: 20px;
text-align: justify;
text-align-last: center;
}
.ceo-msg p a{
color:#337ab7;
}
.ceo-msg .ceo-img {
margin-bottom: 20px;
}
.wrap-team {
background: #f9f9f9;
padding: 50px 0;
}
.wrap-team h2 {
color: #3a95ac;
font: 600 40px "Raleway", sans-serif;
text-transform: uppercase;
margin-bottom: 30px;
text-align: center;
}
.wrap-team .row {
margin-bottom: 30px;
}
.wrap-team figure {
margin-bottom: 10px;
}
.wrap-team .details {
text-align: center;
}
.wrap-team .details p {
padding: 0 0 3px 0;
margin: 0;
}
.wrap-team .details small {
font-size: 12px;
font-style: italic;
}
.service-list {
padding: 50px 0;
width: 100%;
overflow: hidden;
background: #ececec;
}
.service-list .service {
width: 32.333%;
display: inline-block;
margin-bottom: 30px;
}
.service-list .service.border{
box-shadow:none;
}
.service-list .service figure {
width: 62px;
height: 62px;
margin: 0 auto;
}
.service-list .service figure img {
width: 100%;
}
.service-list .service .details {
text-align: center;
padding: 20px;
}
.service-list .service .details h3 {
font-size: 18px;
color: #313131;
margin: 0;
line-height: 1;
padding: 0 0 10px 0;
}
.service-list .service .details h3 a {
color: #313131;
}
.service-list .service .details h3 a:hover {
color: #ff9000;
}
.service-list .service .details p {
font-size: 14px;
color: #313131;
line-height: 1.5;
}
.client-list {
padding: 30px 0;
width: 100%;
overflow: hidden;
}
.client-list figure {
width: 19.5%;
padding: 20px;
display: inline-block;
}
.client-list figure img {
width: 100%;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.client-list figure img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
.client-list .load-more {
margin-top: 50px;
text-align: center;
}
.case-study {
background: #ececec;
padding: 30px 0;
}
.case-study h1 {
font-size: 26px;
font-weight: 400;
margin-bottom: 30px;
}
.case-study .wrap-client-detail {
background: #fff;
display: table;
width: 100%;
border-bottom: solid 1px #d4d4d4;
}
.case-study .wrap-client-detail .wrap-video {
float: left;
width: 55%;
margin: 0 15px 15px 0;
}
.case-study .wrap-client-detail .wrap-video .case-study-slider {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
background: #000;
}
.case-study .wrap-client-detail .wrap-video .case-study-slider iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.case-study .wrap-client-detail .description {
padding: 20px; }
.case-study .wrap-client-detail .description .logo {
margin-top: -60px;
text-align: center;
margin-bottom: 30px;
}
.case-study .wrap-client-detail .description .logo img {
border: solid 4px #fff;
}
.case-study .wrap-client-detail .description p {
font-size: 14px;
}
.wrap-works {
background: #ececec;
padding: 20px 0 50px;
}
.wrap-works h3 {
margin-bottom: 25px;
}
.wrap-works h3 span {
color: #fff;
font-size: 16px;
line-height: 1;
background: #2483c5;
padding: 10px;
}
.wrap-works h3 span.line {
line-height: 1;
width: 50%;
display: block;
background: none;
padding: 0;
position: relative;
bottom: -5px;
border-bottom: solid 2px #2483c5;
}
.wrap-works figure {
margin-bottom: 20px;
}
.wrap-works figure img {
width: 100%;
}
.wrap-works .details h3 {
font-size: 18px;
color: #313131;
margin: 0;
padding: 0 0 10px 0;
}
.wrap-works .details p {
font-size: 14px;
color: #313131;
}
.wrap-works .details p a{
color: #2483c5;
}
.wrap-works .casestudy-slider .slide {
padding: 0 5px;
}
.wrap-works .casestudy-slider .slick-next {
width: 25px;
height: 25px;
position: absolute;
top: -20px;
right: 0;
background: #242424;
}
.wrap-works .casestudy-slider .slick-next:after {
content: "\f0da";
color: #fff;
margin-left: 5px;
font: normal 20px/1 FontAwesome;
}
.wrap-works .casestudy-slider .slick-next:hover {
background: #acacac;
}
.wrap-works .casestudy-slider .slick-prev {
width: 25px;
height: 25px;
position: absolute;
top: -20px;
right: 35px;
left: auto;
background: #242424;
}
.wrap-works .casestudy-slider .slick-prev:after {
content: "\f0d9";
font: normal 20px/1 FontAwesome;
color: #fff;
}
.wrap-works .casestudy-slider .slick-prev:hover {
background: #acacac;
}
.career-desc {
min-height: inherit;
}
.careers-list {
background: #ffffff;
}
.careers-list h2 {
font-size: 20px;
color: #27a3cc;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
position: relative;
}
.careers-list h2 span {
content: "";
width: 50px;
left: 0;
right: 0;
margin: 0 auto;
height: 3px;
overflow: hidden;
background: #0072bc;
position: absolute;
bottom: -5px;
} .accordion-box {
padding-left: 0;
position: relative;
}
.accordion-box .block {
list-style: none;
margin-bottom: 15px;
position: relative;
}
.accordion-box .block .acc-btn {
border: 1px solid #666666;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 12px;
position: relative;
}
.accordion-box .block .acc-btn span {
display: block;
font-size: 14px;
}
.accordion-box .block .acc-btn.active {
border-bottom: 1px solid #666666;
border-color: #666666;
color: #fff;
padding-bottom: 10px;
}
.accordion-box .block .acc-btn.active:after {
content: "\f00d";
position: absolute;
right: 15px;
top: 37%;
font: normal normal normal 20px/1 FontAwesome;
}
.accordion-box .block .acc-btn a.btn {
position: absolute;
right: 30px;
top: 15px;
}
.accordion-box .block .acc-btn.active a.btn {
display: none;
}
.accordion-box .block .acc-content {
position: relative;
display: none;
background: #ebebeb;
}
.accordion-box .block .acc-content p,
.accordion-box .block .acc-content ul li {
color: #333;
}
.accordion-box .block .acc-content ul li span {
width: 100px;
float: left;
}
.accordion-box .block .acc-content ul li span:after {
content: ":";
float: right;
margin-right: 10px;
}
.accordion-box .block .acc-content p {
display: table-cell;
}
.accordion-box .block .acc-content .application-form {
margin: 0 auto;
width: 100%;
max-width: 600px;
background: #f3f6f7;
border: solid 1px #e1e1e1;
padding: 20px;
margin-bottom: 30px;
}
.accordion-box .block .acc-content .application-form form div {
margin-bottom: 10px;
}
.accordion-box .block .acc-content .application-form form div input[type='text'] {
margin-bottom: 10px;
background: none;
border: none;
border-bottom: solid 1px #ccc;
}
.accordion-box .block .acc-content .application-form form div input[type='file'] {
border: none;
}
.accordion-box .block .acc-content .application-form form div input[type='submit'] {
width: 100%;
}
.accordion-box .block .acc-content.current {
display: block;
}
.accordion-box .block .content {
border: 1px solid #666666;
border-top: none;
color: #eee;
font-size: 13px;
line-height: 1.7;
padding: 7px 12px 8px;
position: relative;
}
.accordion-box.style-two .block .acc-btn {
color: #333;
}
.accordion-box.style-two .block .content {
font-size: 14px;
}
.wrap-blog {
padding: 50px 0;
}
.wrap-blog .blog-listing .blog-list {
display: inline-block;
margin: 0 0 20px 0;
}
.wrap-blog .blog-listing .blog-list figure {
float: left;
padding: 0;
margin: 0 20px 0 0;
}
.wrap-blog .blog-listing .blog-list figure img {
max-width: 275px;
width: 100%;
height: auto;
}
.wrap-blog .blog-listing .blog-list figure a {
display: block;
}
.wrap-blog .blog-listing .details {
display: table-cell;
}
.wrap-blog .blog-listing .details h2 {
margin: 0;
padding: 0;
margin-bottom: 5px;
line-height: 22px !important;
}
.wrap-blog .blog-listing .details h2 a {
font-size: 22px;
color: #707070;
line-height: 22px;
}
.wrap-blog .blog-listing .details h2 a:hover {
color: #ff9000;
}
.wrap-blog .blog-listing .details span {
font-size: 14px;
color: #999;
display: block;
margin-bottom: 15px;
}
.wrap-blog .blog-listing .details p {
font: 400 18px/30px "Raleway", sans-serif;
color: #707070;
margin-bottom:25px;
}
.wrap-blog .blog-listing .pagination {
margin: 0 auto;
float: none;
display: block;
text-align: center;
}
.wrap-blog .blog-listing .pagination a, .wrap-blog .blog-listing .pagination span {
background: #ddd;
padding: 3px 5px;
color: #000;
font-size: 16px;
font-weight: bold;
}
.wrap-blog .blog-listing .pagination span.current {
background: #ff9000;
}
.wrap-blog .blog-content h1{
font-size: 45px;
color: #000;
margin-bottom: 40px;
}
.wrap-blog .blog-content h2{
font-size: 40px;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
.wrap-blog .blog-content h3{
font-size: 30px;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
.wrap-blog .blog-content h4{
font-size: 26px;
color: #000;
margin-bottom: 10px;
}
.wrap-blog .blog-content h5{
font-size: 21px;
color: #000;
margin-bottom: 10px;
}
.wrap-blog .blog-content small {
font-size: 14px;
display: block;
margin-bottom: 20px;
}
.wrap-blog .blog-content figure {
margin-bottom: 20px;
display: block;
}
.wrap-blog .blog-content .blog_detail_img img{
height:auto !important;
}
.wrap-blog .blog-content figure figcaption {
margin: 0;
padding: 10px 0 0 0;
line-height: 20px;
font-size: 14px;
}
.wrap-blog .blog-content ul{
list-style: disc;
padding-left: 40px;
}
.wrap-blog .blog-content ul.star{
list-style: url(//www.monolithimc.com/wp-content/themes/monolith/images/astrik-icon.png);
}
.wrap-blog .blog-content ul.star li {
position: relative;
}
.wrap-blog .blog-content ol{ padding-left: 40px;
}
.wrap-blog .blog-content p {
font: 400 18px/30px "Raleway", sans-serif;
margin-bottom: 25px;
}
.wrap-blog .blog-content li {
font: 400 18px/30px "Raleway", sans-serif;
margin-bottom: 15px;
}
.wrap-blog .blog-content p a,.wrap-blog .blog-content li a{
color:#fd8201;
}
.wrap-blog .status {
margin-bottom: 30px;
border-top: solid 1px #e1e1e1;
}
.contact-sec .send-btn{
margin-top: 20px;
position: relative;
z-index: 2;
}
label.error{
margin-top: -20px;
padding-top: 2px;
}
.wrap-author{
display: table-cell;
text-align: right;
}
.application-details .job-title{
font-size: 21px;
line-height: 27px;
color: #000;
font-weight: normal;
font-style: normal;
}
.job-title{
font-size: 19px;
line-height: 23px;
}
footer .newsletter label.error{
margin-top: 3px;
}
footer .newsletter form p{
float: right;
position: relative;
}
footer .newsletter .ajax-loader{
position: absolute;
top: 12px;
left: -30px;
z-index: 2;
} .sjb-page .list-data .job-type,
.sjb-page .list-data .job-location, 
.sjb-page .list-data .job-date{
color:#27a3cc!important;
}
.sjb-page .btn-primary
{
background: #27a3cc!important;
}
.sjb-page .btn-primary:hover, .sjb-page .btn-primary:active{
background-color: #31b0d5!important;
border-color: #269abc!important;
}
.form-box div.wpcf7-validation-errors{
display: none!important;
}
.form-box input.wpcf7-not-valid{
border-bottom: 2px solid #900;
outline: none
}
.form-box span.wpcf7-not-valid-tip {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
margin-top: -20px;
padding-top: 2px;
}
.portfol-desk{
display:block;
}
.portfol-device{
display:none;
}
@media (max-width: 650px) {
.extra_content {
display: none;
}
#show-more {
display: block;
}
}
.show-more  {
display: none;
}
.bannerVideo_wrap{
position: relative;
max-height: 780px;
}
.bannerVideo_wrap:before{
position:absolute;
background:rgba(0,0,0,.4);
z-index:2;
content:" ";
left:0;
top:0;
width:100%;
bottom:0;
}
.spotlight .home-banner .banner-slider .headline{
position:absolute;
z-index:3;
top:50%;
left:0;
width:100%;
text-align:center;
transform:translateY(-50%);
height:auto;
min-height:50px;
color:#fff;
}
.spotlight .headline h1{
font-family: "Roboto", sans-serif;
font-size: 38px;
line-height:40px;
font-weight: 400;
margin-bottom:15px;
}
.spotlight .headline h3{
font-weight: 800;
font-size: 50px;
line-height:52px;
}
#video-background { margin: auto;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: visible;
height: auto;
width:100%;
}
#video-background.autoHeight{
height: 500px;
width: auto;
}
.btn-play {
background-image: url(//www.monolithimc.com/wp-content/themes/monolith/images/btn-play.png);
background-repeat: no-repeat;
width: 50px!important;
height: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-size: contain!important;
background-position: center;
opacity: .8;
display: none;
z-index:2;
}
.mobile .btn-play {
display: block;
}
.white-popup-block {
background: #FFF;
padding:0;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative; }
.white-popup-block img{
max-width: 100%;
}
.white-popup-block .mfp-close{
top: -40px;
right: -12px;
font-weight: 300;
font-family: 'Josefin Sans', sans-serif;
}
.white-popup-block .wrap_popup_form{
padding: 0;
overflow: visible;
background: #FFF;
}
.white-popup-block .wrap_popup_form:before{
display: none;
}
.white-popup-block .wrap_popup_form .fl-wrap{
padding: 15px 10px 30px;
overflow: hidden;
}
.white-popup-block .wrap_popup_form h3{
margin: 0;
padding: 1.2rem 0;
background: #282828;
font-size: 1.72rem;
line-height: 1.8rem;
font-weight: 300;
}
.white-popup-block .wrap_popup_form h3:before{
display: none;
}
.white-popup-block  .wrap_popup_form ul{
list-style:none;
padding: 10px 10px 0 10px;
margin-bottom:0;
}
.white-popup-block .wrap_popup_form li{
width: 100%;
margin-left: 0;
position: relative;
padding-bottom:15px;
}
.white-popup-block .wrap_popup_form li.textarea{
width: 100%;
}
.white-popup-block .wrap_popup_form .wrap_btn{
margin-top: 10px;
float: left;
padding-left:10px;
}
.white-popup-block .mfp-close{
font-size: 48px;
color: #fff!important;
font-weight: normal;
font-family: auto;
}
.white-popup-block  .mfp-close:active{
top:-40px;
}
.white-popup-block .wrap_popup_form li.date_pic{
padding-bottom: 0;
}
.white-popup-block .wrap_popup_form li label{
font:600 15px/17px "Raleway", sans-serif;
color:#000;
padding-top:0;
margin-bottom:6px;
}
.white-popup-block .wrap_popup_form li label.error{
position:absolute;
left:0;
bottom:-20px;
right:0;
font-size:11px;
line-height:13px;
}
.white-popup-block .wpcf7-form-control-wrap{
display:block; 
}
.white-popup-block h2{
text-transform:uppercase;
font:600 20px/22px "Raleway", sans-serif;
color:#fff;
margin: -10px 0 0 20px;
padding: 0;
position: relative;
top: -25px;
}
.white-popup-block .wrap_popup_form input[type="text"],
.white-popup-block .wrap_popup_form textarea,
.white-popup-block .wrap_popup_form input[type="email"],
.white-popup-block .wrap_popup_form input[type="tel"],
.wrap_popup_form li.date_pic input[type="date"]{
border:1px solid #909090;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
color: #000;
padding: 15px 20px 15px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.8rem;
font-size:14px;
}
.white-popup-block .wrap_popup_form textarea{
height:100px;
}
.white-popup-block .wrap_popup_form li.date_pic input[type="date"]{
width: 100%;
font-style: italic;
font-size: 1.5rem;
line-height: 1.8rem;
padding-bottom: 1rem;
color: #686868;
}
.white-popup-block .wrap_popup_form .wrap_btn .bn{
width: 80%;
}
.white-popup-block  .wrap_popup_form .wrap_btn input[type="submit"] {
background: #0054a6;
padding: 15px 20px 8px;
font-size: 16px;
line-height: 1.6rem;
font-weight:500;
color: #FFF;
min-width: 150px;
border-radius:0;
border-bottom:6px solid #00376c;
}
.white-popup-block .wrap_popup_form li.date_pic input[type="date"]:focus{
outline:none;
}
.white-popup-block .wrap_popup_form .wpcf7-form-control::-webkit-input-placeholder {
color: rgba(0,0,0);
font-style:italic;
font-size: 1.4rem;
font-weight: 300;
opacity: .5;
}
.white-popup-block .wrap_popup_form .wpcf7-form-control:-moz-placeholder {
color: rgba(0,0,0);
font-style:italic;
font-size: 1.4rem;
font-weight: 300;
opacity: .5;
}
.white-popup-block .wrap_popup_form .wpcf7-form-control::-moz-placeholder {
color: rgba(0,0,0);
font-style:italic;
font-size: 1.4rem;
font-weight: 300;
opacity: .5;
}
.white-popup-block .wrap_popup_form .wpcf7-form-control:-ms-input-placeholder {
color: rgba(0,0,0);
font-style:italic;
font-size: 1.4rem;
font-weight: 300;
opacity:.5;
}
.white-popup-block .wrap_popup_form .wpcf7-form-control::-ms-input-placeholder {
color: rgba(0,0,0);
font-style:italic;
font-size: 1.4rem;
font-weight: 300;
opacity: .5;
}
.white-popup-block div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
font-size: 12px;
margin: 0;
color: #000;
}
.mission-vision-tab{
display:none;  
}
.mission-vision-tab ul > li{
float:left;
width:50%;
text-align:center;
}
.mission-vision-tab ul > li a{
border:1px solid #ddd;
margin-right:0;
margin-left:2px;
}
.mission-vision-tab ul > li:first-child a{
margin-left:0;
}
.mission-vision-tab h3{
margin-bottom:0;
font-size:19px;
}
.mission-vision-tab ul > li a{
border:1px solid #ddd;
}
.mission-vision-tab .tab-content h3{
display:none;
}
.mission-vision-tab .tab-content{
padding:20px;
background:#fff;
border:1px solid #ddd;
}
img.alignnone {
margin: 5px 20px 20px 0;
}
img.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width: 660px){
.inner-banner h2,.inner-banner h1 {
font-size: 28px;
}
}
.client-slider .slick-track{
display: flex;
align-items: center;
}
p.file-info{
position: relative;
font-size: 12px;
color: #333;
top: -110px;
left: 0;  
}
@media only screen and (max-width: 767px){
.inner-container p.file-info{
font-size: 12px;
}  
.featured-block-sld{
max-height:none;
}
}
.blog-content h1,.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6,.blog-content p,.wrap-blog .blog-content p,.blog-content strong,.blog-content b{ font-family: "Raleway", sans-serif;
}
.youtube-player {
position: relative;
padding-bottom: 60.23%; height: 0;
overflow: hidden;
max-width: 100%;
margin: 0px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
opacity:0;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute; background: url(//www.monolithimc.com/wp-content/themes/monolith/images/youtube-music.png) no-repeat;
background-size:72px 72px;
cursor: pointer;
}
@media(max-width:991px){
.youtube-player{
padding-bottom: 62.23%;
}    
}
@media(max-width:767px){
.youtube-player {
padding-bottom: 59.3%;
}
}
.youtube-banner{
position:absolute;
left:0;
width:100%;
height:100%;
top:0;
background-size: cover;
} .empty-page-wrap{
min-height: 400px;
padding: 150px 0 40px 0;
font-family: "Raleway", sans-serif;
text-align: center;
padding: 0 15px;
}
.empty-page-wrap p{
text-align: center;
margin-bottom: 50px;
}
.empty-page-wrap h1{
text-align: center;
font-size: 28px;
margin-top: 10px;
margin-bottom: 20px;
}
.blog-sidebar-widget [type="button"] {
color: #fff;
background-color: #FB8C0D;
border: none;
border-radius: 15px;
padding: 5px 10px;
transition: all 0.3s ease;
font-size: 16px;
}
.blog-sidebar-widget [type="button"]:hover {
opacity: 0.8;
}
.blog-sidebar-widget [type="submit"] {
color: #fff;
background-color: #FB8C0D !important;
border: none  !important;
border-radius: 15px !important;
padding: 5px 10px !important;
transition: all 0.3s ease;
font-size: 16px !important;
}
.blog-sidebar-widget [type="submit"]:hover {
opacity: 0.8;
}
.blog-sidebar-widget input:not([type="button"]) {
border: none;
border-bottom: 2px solid #0b0b0b;
padding: 8px 0;
min-height: 30px;
font-size: 18px;
background: transparent;
}
.blog-sidebar-widget textarea:not([type="button"]) {
border: none;
border-bottom: 2px solid #0b0b0b;
height: 100px;
padding: 8px 0;
font-size: 18px;
background: transparent;
}
.blog-sidebar-widget p label {
font-family: "Raleway", sans-serif;
}
.blog-sidebar-widget p:first-child{
font-family: "Raleway", sans-serif;
font-size: 14px;
margin-top: 20px;
}
.widget_media_image img {
width: 100%;
margin-bottom: 60px;
}
.blog-sidebar-title {
margin-bottom: 30px;
font-size: 28px;
}
.blog-sidebar-widget .wpcf7-form label.error {
display: none !important;
}
.blog-sidebar-widget.widget_custom_html {
background-color: aliceblue;
padding: 15px 20px;
border-radius: 15px;
}
.blog-sdbar{
position: sticky !important;
top: 0;
}
img.aligncenter{
height:auto;
}
span.wpcf7-form-control-wrap.spammer {
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
}
.spammer input{
opacity:0;
}
#snippet-box{
display:none;
}@media only screen and (max-width: 1200px) {
header .brand {
margin-right: 20px;
}
header .main-nav ul li {
margin: 0 4px;
}
header .main-nav ul li a {
font-size: 14px;
height: 49px;
}
header .btn-quote {
margin-left: 10px;
}
header .btn-quote a {
padding: 5px 8px;
}
}  @media only screen and (max-width: 991px) {
header .brand {
width: 180px;
margin-right: 10px;
}
header .btn-quote {
float: right;
margin-top: 9px;
}
header .btn-quote a {
width: 32px;
height: 32px;
display: block;
overflow: hidden;
text-indent: -999em;
background: url(//www.monolithimc.com/wp-content/themes/monolith/images/tag.png) no-repeat center center;
font-size: 14px;
padding: 0;
}
header .main-nav {
margin-top: 10px;
}
header .main-nav ul {
margin: 0;
}
header .main-nav ul li {
margin: 0 3px;
padding: 0 3px;
}
header .main-nav ul li a {
font-size: 13px;
height: 53px;
}
header .main-nav ul li a:hover:after {
border: 1px solid;
}
.case-study .wrap-client-detail .description .logo{
margin-top: -35px;
}
.contact-sec .form-box:after{
right:0;
}
} @media only screen and (max-width: 767px) {
header {
position: relative;
height: 58px;
padding-top: 10px;
}
header .mob-menu {
display: block;
float: right;
}
header .btn-quote {
display: none;
}
header .btn-quote a {
position: absolute;
right: 0;
top: 0;
}
header .main-nav {
display: none;
position: absolute;
width: 100%;
background: #151515;
top: 38px;
right: 0;
left: 0;
z-index: 9999;
}
header .main-nav ul {
padding-top: 15px;
}
header .main-nav ul li {
display: block;
padding: 7px 13px;
}
header .main-nav ul li.active a:after {
border: none;
}
header .main-nav ul li a {
color: #fff;
display: block;
text-align: center;
}
header .main-nav ul li a:hover:after {
border: none;
}
.spotlight .home-banner .banner-slider .slide-txt {
top: 25%;
left: 20px;
}
.spotlight .home-banner .banner-slider .slide-txt p {
font-size: 35px;
}
.spotlight .home-banner .banner-slider .slide-txt p span {
font-size: 35px;
}
.ceo-msg {
padding: 10px 0 40px 0;
}
.ceo-msg .ceo-img {
margin: 0 auto 20px auto;
display: block;
height: 200px;
}
.ceo-msg h2 {
font-size: 22px;
}
.ceo-msg p {
font-size: 15px;
line-height: 22px;
}
.inner-container p {
font-size: 15px;
line-height: 22px;
}
.case-study h1 {
font-size: 22px;
}
.wrap-blog .blog-listing .details p {
font-size: 15px;
line-height: 22px;
}
.wrap-blog .blog-listing .blog-list figure {
width: 100%;
margin: 0;
}
.wrap-blog .blog-listing .blog-list figure img {
max-width: 100%;
}
.wrap-blog .blog-listing .pagination {
margin-bottom: 50px;
}
.add-widget figure {
text-align: center;
}
footer .footer-top {
text-align: center;
padding-right: 0;
}
footer .footer-top h4 {
margin: 0 auto 15px auto;
width: 90%;
}
footer .footer-top .logo {
width: 200px;
margin: 0 auto 25px auto;
}
footer .footer-top .social {
margin-bottom: 20px;
}
footer .footer-top .social ul li {
margin-right: 5px;
}
footer .footer-top .social ul li a {
width: 28px;
height: 28px;
line-height: 30px;
font-size: 16px;
}
footer .footer-top .services {
text-align: center;
margin-bottom: 20px;
}
footer .footer-top .services ul li {
text-align: center;
border-bottom: 1px solid #272727;
padding: 3px 0;
}
footer .footer-top form input[type="submit"] {
width: 100px;
font-size: 11px;
}
footer .footer-top .newsletter h3 {
text-align: center;
}
footer .footer-top .newsletter h3:after {
width: 90%;
margin: auto;
right: 0;
}
footer .footer-top .newsletter form {
width: 50%;
margin: 0 auto;
margin-bottom: 35px;
}
footer .footer-top .partners {
text-align: center;
}
footer .footer-top .products {
text-align: center;
}
footer address, footer .phone {
padding-left:35px;
display:block;
text-align:left;
margin:0 auto;
width: 300px;
}
footer address span {
display:inline-block;
text-align:left;
}
footer .footer-bottom {
text-align: center;
}
footer .footer-bottom ul {
margin-bottom: 4px;
}
.service-list .service {
width: 49%;
}
.welcome-block p {
font-size: 16px;
line-height: 1.5;
}
.services-block {
max-height: inherit;
}
.client-list figure{
width: 30%;
}
.portfolio-block .videoWrapper{
margin-bottom: 20px;
}
.services-slider{
padding-left: 15px;
padding-right: 15px;
}
.services-block .slider-wrapper .slick-next{
right: -17px;
}
.services-block .slider-wrapper .slick-prev{
left: -17px;
}
header .main-nav ul li a:after{
margin-left: 0;
left: 0;
width: 100%;
}
.featured-block .slick-next:hover,
.featured-block .slick-prev:hover{
background:#242424;
}
.contact-sec .form-box:after{
display:none;
}
.portfol-desk{
display:none;
}
.portfol-device{
display:block;
}
.portfolio-block{
margin-bottom:10px;
margin-top:30px; 
}
.contact-sec .form-box{
padding-bottom:10px;
}
.form-box .ajax-loader{
display:none;
}
.contact-sec .send-btn{
margin-bottom:5px;
}
.services-detail figure img{
width:100%;
}
.services-detail p a.btn-default{
width:100%;
}
.featured-block .slick-slide{
margin-left:0;
}
.testimonial-block{
margin-top:0;
margin-bottom:20px;
}
.testimonial-block h2{
margin-bottom:10px;
}
.featured-block{
margin-top:30px;  
}
.inner-container.bg-content{
padding-top:20px;
}
}   @media only screen and (max-width: 660px) {
button.btn-nav {
margin-top: 0;
}
.case-study .wrap-client-detail .wrap-video {
width: 100%;
}
.case-study .wrap-client-detail .description {
width: 100%;
}
.case-study .wrap-client-detail .description .logo {
margin-top: 20px;
}
footer .footer-top .newsletter form {
width: 100%;
margin: 0 auto;
margin-bottom: 35px;
}
.contact-sec .form-box {
padding: 170px 0px 10px 0px;
}
.contact-sec .sm-box .social ul li {
margin-right: 5px;
}
.service-list .service {
width: 100%;
}
.client-list figure img{
-webkit-filter:grayscale(0);
}
.testimonial-block .slider .slick-slide .author span{
font-size: 14px;
}
.testimonial-block .slider .slick-slide .author p{
font-size: 12px;
}
.featured-block h2{
margin-bottom:45px;
}
.contact-sec{
overflow-x:hidden;
}
.inner-banner h1{
font-size:28px;
}
.mission-vision-tab{
display:block;  
border-bottom: 1px solid #f8a649;
padding: 40px 0px;
}
.mission-vision{
display:none; 
}
}
@media only screen and (max-width: 499px){
.client-list .load-more{
display: none;
}
.client-list .client-slider .slick-prev,
.client-list .client-slider .slick-next{
width: 30px;
height: 30px;
z-index: 3;
}
.client-list .client-slider .slick-prev{
left: 5px;
background:url(//www.monolithimc.com/wp-content/themes/monolith/images/arrow-slider.png) no-repeat center center;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin-top: -16px;
}
.client-list .client-slider .slick-next{
background:url(//www.monolithimc.com/wp-content/themes/monolith/images/arrow-slider.png) no-repeat center center;
-webkit-background-size: contain;
-o-background-size: contain;
background-size: contain;
right: 5px;
}
.client-list .client-slider .slick-prev.slick-disabled,
.client-list .client-slider .slick-next.slick-disabled{
display: none!important;
}
.client-list figure{
display: block!important;
text-align:center;
}
.client-list figure img{
max-width:250px;
display:inline-block;
}
.contact-sec .form-box:before{
-webkit-background-size: 410px;
-o-background-size: 410px;
background-size: 410px;
}
.contact-sec .form-box{
padding-top: 100px;
}
.testimonial-block{ }
footer .footer-top .contact{
overflow:hidden;
}
footer .footer-top h4{
font-size:15px;
}
}
@media only screen and (max-width: 320px){
}



form h4 {
  color: #333;
  margin-bottom: 10px;
}
form input, form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}
form input:focus, form textarea:focus {
  border-color: #0077cc;
  outline: none;
}
.send-btn {
  background: #0077cc;
  color: #fff;
  border: none;
  padding: 14px 25px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.send-btn:hover {
  background: #005fa3;
}
.error-message {
  color: red;
  font-size: 14px;
  margin: -10px 0 0px 0;
}
.success-message {
  color: green;
  font-size: 15px;
  text-align: center;
}
form#contactForm input {
    margin-bottom: 12px;
}
form#contactForm h4 {
    margin-top: 38px;
    text-align: left;
    margin-bottom: 8px;
}
.client-slider.thankyou {
    padding: 50px 0px;
}

div#qlwapp {
    display: none !important;
}
.slick-track {
    width: 100% !important;
}
.banner-slider.slick-slide.slick-current.slick-active {
    width: 100% !important;
}


.slick-track {
    width: 100% !important;
}
.banner-slider.slick-slide.slick-current.slick-active {
    width: 100% !important;
}
.slick-track {
    transform: none !important;
}

@media only screen and (max-width: 992px){

.spotlight .home-banner .banner-slider div {
    min-height: 270px;
            height: auto !important;
}
}

@media only screen and (max-width: 480px){

    .spotlight .home-banner .banner-slider div {
        min-height: 190px;
        height: auto !important;
    }
    .spotlight .headline h1 { 
        font-size: 20px; 
            margin-bottom: 0px;
    }
    .spotlight .headline h3 {
        font-weight: 800;
        font-size: 29px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px){

.spotlight .home-banner .banner-slider div {
    min-height: 120px;
    height: auto !important;
}
}