article,aside,details,figcaption,main,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:16px;}body,blockquote{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #e5e5e5;margin:2em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:0;padding:0}dd{margin:0}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"],[role="button"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.nocallout{-webkit-touch-callout:none}textarea[contenteditable]{-webkit-appearance:none}.gifhidden{position:absolute;left:-100%}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table; transform: translateZ(0);}.clearfix:after{clear:both}.clearfix{*zoom:1}a:active,a:focus{outline: none;}
*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*:focus {
outline: none;
}
*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow:none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: 'Hind Siliguri', sans-serif;
font-weight: 400;
}
body.menu-open {
height: 100%;
overflow: hidden;
}  .page-wrapper {
position: relative;
top:0;
left:0;
height: 100%;
width: 100%;
overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
font-weight: 600;
font-family: 'Hind Siliguri', sans-serif;
}
p {
font-weight: 400;
font-size: 1.2rem;
}
@media all and (max-width: 600px) {
p {
font-size: 1rem;
}
}
.fl {
float: left;
}
.fr {
float: right;
}
.col-25 {
width: 25%;
}
.col-half {
width: 50%;
}
.container {
max-width: 1240px;
margin: 0 auto;
padding-left: 1.5%;
padding-right: 1.5%;
}
.container--small {
max-width: 960px;
width: 100%;
margin: 0 auto;
}
.display-table {
display: table;
width: 100%;
height: 100%;
}
.display-cell {
display: table-cell;
vertical-align: middle;
}
.display-cell-bottom {
display: table-cell;
vertical-align: bottom;
}
.display-cell-top {
display: table-cell;
vertical-align: top;
}
@media all and (max-width: 680px) {
.hide-mobile {
display: none;
}
}
section.grey-section {
padding: 50px 0;
background-color:#d7d7d7;
}
section.light-grey {
background-color:#d7d7d7;
}
#serviceTop {
color: #ffffff;
}
.flex-wrapper,
.header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
}
.footer-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
display: -webkit-flex;
}
.equal-height-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
display: -webkit-flex;
}
@media all and (max-width: 880px) {
.equal-height-flex {
flex-direction: column;
-webkit-flex-direction: column;
}
}
section {
position: relative;
}
section.dark {
background-color:#313131;
}
section.blue {
background-color: #102838;
}
section.lightBlue {
padding: 25px 0;
background-color: #0080c3;
}
.sectImage {
min-height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media all and (max-width: 880px) {
.sectImage {
height: 300px;
min-height: auto;
}
}
.colourBlock {
background-color:#102838;
color: #ffffff;
}
.block-text {
max-width: 90%;
padding: 100px 0px;
display: block;
margin: 0 auto;
}
.block-text ul {
margin-left: 35px;
}
.block-text ul li {
font-size: 1.2rem;
}
@media all and (max-width: 980px) {
.block-text {
max-width: 90%;
}
}
@media all and (max-width: 880px) {
#text-image .col-half {
width: 100%;
}
#text-image .col-half.sectImage {
height: 350px;
}
}
@media all and (max-width: 767px) {
.block-text {
padding: 25px 15px;
max-width: 100%;
}
#text-image .col-half.sectImage {
height: 300px;
}
}
@media all and (max-width: 600px) {
.block-text ul li {
font-size: 1rem;
}
} a.btn {
text-decoration: none;
padding: 10px 40px;
font-weight: 600;
display: inline-block;
text-align: center;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
button.alm-load-more-btn.more.btn.btn-white {
text-decoration: none;
padding: 10px 40px!important;
font-weight: 600;
color: #ffffff;
border: 2px solid #ffffff;
display: inline-block;
background-color: transparent!important;
text-align: center;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
line-height: 1;
border-radius: 0;
}
button.alm-load-more-btn.more.btn.btn-white:hover {
background-color: #ffffff!important;
color: #535663;
}
.alm-btn-wrap .alm-load-more-btn.done{
display: none!important;
}
.btn-white {
color: #ffffff;
border: 2px solid #ffffff;
}
.btn-white:hover {
background-color: #ffffff;
color: #535663;
}
.btn-blue {
color: #0080c3;
border: 2px solid #0080c3;
}
.btn-blue:hover {
background-color: #0080c3;
color: #ffffff;
}
.btn-light-blue {
color: #0080c3;
border: 2px solid #0080c3;
}
.btn-light-blue:hover {
background-color: #0080c3;
color: #ffffff;
}
.blue-button-wrap {
background-color:#084061;
text-align:center;
}
.col-third {
width: 33.333%;
float: left;
}
section.padding {
padding: 100px 0;
}
section.padding-med {
padding: 25px 0;
}
@media all and (max-width: 767px) {
section.padding {
padding: 50px 15px;
}
section.padding.no-padding-mobile {
padding: 25px 0;
}
}
@media all and (max-width: 676px) {
section.padding {
padding: 25px 15px;
}
} header {
position: absolute;
top:0;
left:0;
right:0;
z-index: 10;
padding: 30px 0;
}
header .container {
position: relative;
}
#inner-hero {
position: relative;
height: 40vh;
min-height: 400px;
background-color: #e3e3e3;
text-align: center;
text-transform: uppercase;
font-size: 2rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
#inner-hero:before {
content:'';
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color: rgba(0,0,0,0.5);
}
.header-inner {
padding: 50px 0;
}
.logo {
width: 20%;
}
.logo img {
width: 100%;
height: auto;
}
.navigation {
text-align: right;
width: 80%;
}
@media all and (max-width: 767px) {
header {
position: relative;
padding:0;
background-color:#313131;
padding: 10px 0;
}
#inner-hero {
height: 200px;
min-height: auto;
}
} ul.main-nav,
ul.social-links,
ul.subList {
list-style-type: none;
}
ul.subList li.title {
color:#0080c3;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li>a {
font-family: 'Hind Siliguri', sans-serif;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
letter-spacing: initial;
margin-top: 20px;
margin-bottom: 20px;
padding: 15px 10px!important;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a {
letter-spacing: initial!important;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li>a:hover {
color: #0080c3;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h1,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h2,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h3,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h4, #wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h5,
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu h6 {
font-family: 'Hind Siliguri', sans-serif!important;
font-weight: 600!important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a:hover {
color: #0080c3!important;
}
ul.social-links {
text-align: right;
}
ul.main-nav li,
ul.social-links li {
display: inline-block;
position: relative;
}
ul.main-nav li a {
display: block;
text-decoration: none;
position: relative;
padding: 20px 15px;
font-weight: 600;
font-size: 1.2rem;
color: #ffffff;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
}
ul.sub-nav {
position: absolute;
left:0;
top:0;
}
ul.sub-nav li {
display: inline-block;
}
ul.social-links li {
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
}
ul.social-links li:hover a {
color: #102838;
}
ul.social-links li p {
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
padding:0;
margin: 0;
}
ul.social-links li a {
color: #ffffff;
display: block;
font-size: 1.2rem;
padding: 0 15px;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
}
ul.main-nav li:last-child a,
ul.social-links li:last-child a {
padding-right:0;
}
ul.wp-megamenu-sub-menu li h3 {
color: #0080c3!important;
font-size: 1.4rem!important;
margin-top:0!important;
text-transform: uppercase!important;
}
ul.wp-megamenu-sub-menu li a {
font-family: 'Hind Siliguri', sans-serif!important;
color: #ffffff!important;
font-size: 16px!important;
text-transform: capitalize!important;
}
ul.contact-details {
list-style-type: none;
}
ul.contact-details li,
ul.contact-details li a {
color: #ffffff;
text-decoration: none;
}
ul.contact-details li a {
font-weight: 600;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
ul.contact-details li:hover a {
color: #0080c3;
} 
@media all and (max-width: 400px) {
ul.social-links li a {
font-size: 1rem;
}
}
.sub-menus {
display: none;
background-color: #313131;
padding: 25px;
}
.sub-menus.active {
display: block;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget ul.menu {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget ul.menu li a {
text-decoration: 	none;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li>a {
text-decoration: none;
} .mobile {
position: absolute;
right:5%;
top:25%;
display: none;
}
.mobile button {
padding: 15px;
background-color:#0080c3;
color: #ffffff;
border: none;
}
@media all and (max-width: 1210px) {
ul.wp-megamenu {
display: none!important;
}
.mobile {
display: block;
}
} [off-canvas] {
background-color: #313131;
padding: 25px;
}
ul.mobile-nav {
list-style-type: none;
position: relative;
}
ul.mobile-nav li {
position: relative;
}
ul.mobile-nav li a {
display: block;
color: #ffffff;
text-decoration: none;
position:relative;
padding: 10px 0;
}
ul.mobile-nav li ul.sub-menu {
display: none;
margin-left: 15px;
}
ul.mobile-nav li.menu-item-has-children > a:after {
content:'\f078';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color: #ffffff;
position: absolute;
right: 0;
top: 45%; -webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
} 
ul.mobile-nav li.menu-item-has-children > a.li-open:after {
content:'\f077';
}  section.text-content h3 {
text-transform: uppercase;
font-size: 2rem;
margin: 0;
}
section.text-content h2 {
font-size: 2.5rem;
margin-top: 0;
line-height:1;
}
section.text-content a {
color:#0080c3;
text-decoration: none;
}
section.text-content span {
font-size:2rem;
}
section.text-content h2 {
margin-bottom:0;
}
@media all and (max-width: 800px) {
section.text-content h3 {
font-size: 1.8rem;
}
section.text-content h2 {
font-size: 2.2rem;
margin: 0;
}
}
@media all and (max-width: 600px) {
section.text-content h3 {
font-size: 1.2rem;
}
section.text-content span {
font-size:1.5rem;
line-height: 1.2;
}
section.text-content h2 {
font-size: 1.5rem;
margin: 0;
}
} .pageContent {
padding: 100px 0;
max-width: 70%;
margin: 0 auto;
color: #ffffff;
}
.pageContent h3 {
text-transform: uppercase;
font-size: 2rem;
margin: 0;
}
.pageContent h2 {
font-size: 2.5rem;
margin: 0;
}
.multi-box .col-half:nth-of-type(2) .display-cell {
vertical-align: top;
}
@media all and (max-width: 1400px) {
.pageContent h2 {
font-size: 2.2rem;
}
}
@media all and (max-width: 1220px) {
.pageContent {
max-width: 80%;
}
}
@media all and (max-width: 1070px) {
.multi-box .equal-height-flex {
flex-direction: column;
-webkit-flex-direction: column;
}
.multi-box .col-half {
width: 100%;
}
.pageContent {
padding: 50px 0;
}
} 
@media all and (max-width: 676px) {
.pageContent {
max-width: 100%;
padding: 25px 15px;
}
.pageContent h3 {
font-size: 1.5rem;
}
.pageContent h2 {
font-size: 1.8rem;
}
} .serviceWrap {
margin-bottom: 25px;
position: relative;
}
.serviceWrap:last-child {
margin-bottom:0;
}
.serviceWrap .col-half {
position: relative;
}
.serviceWrap:nth-child(even) .equal-height-flex {
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
}
.color-side {
background-color: #102838;
color: #ffffff;
text-align: center;
padding: 50px;
}
.serviceWrap:nth-child(3n+2) .color-side {
background-color: #084061;
}
.serviceWrap:nth-child(3n+3) .color-side {
background-color: #0080c3;
}
.color-side:before {
content:'';
display: block;
padding-top: 30%;
}
@media all and (max-width: 880px) {
.color-side:before {
padding-top: 50%;
}
}
.service-inner {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: 15px;
padding: 10px;
border: 2px solid rgba(255,255,255,0.4);
}
.service-inner h3 {
text-transform: uppercase;
font-size: 22px;
line-height: 1.2;
}
.image-side {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media all and (max-width: 880px) {
.image-side {
height: 250px;
}
.serviceWrap .col-half {
width: 100%;
}
.serviceWrap {
width: 50%;
float: left;
border: 2px solid #ffffff;
}
.serviceWrap:nth-child(even) .equal-height-flex,
.serviceWrap .equal-height-flex {
flex-direction: column;
-webkit-flex-direction: column;
}
}
@media all and (max-width: 760px) {
.serviceWrap  {
width: 50%;
}
.image-side {
height: 250px;
}
.serviceWrap .col-half {
width: 100%;
float:left;
}
.serviceWrap {
width: 100%;
float: left;
border: 0;
}
.color-side:before {
padding-top: 50%;
}
}
@media all and (max-width: 500px) {
.color-side:before {
padding-top: 60%;
}
.image-side {
height: 150px;
}
.service-inner {
margin: 5px;
padding: 10px;
}
#serviceFeed {
padding: 25px 5px;
}
.service-inner h3 {
font-size: 18px;
}
} #related-services {
background-color:#313131;
}
#related-services h2 {
text-transform: uppercase;
text-align: center;
font-size: 2rem;
font-weight: 600;
color: #ffffff;
} #intro h2 {
text-transform: uppercase;
color:#0080c3;
font-size: 2.2rem;
margin-bottom: 15px;
line-height:1;
}
#intro ul {
margin-left: 50px;
}
#intro ul li {
font-weight: 400;
font-size: 1.2rem;
}
#intro h3 {
font-weight: 400;
font-size: 1.4rem;
margin-top:0;
text-transform: capitalize;
}
#gallery {
padding: 50px 0;
background-color:#102838;
}
.casestudyGallery {
text-align: center;
padding: 25px;
position: relative;
}
.casestudyGallery .slideSingle {
width: 100%;
margin: 0 auto;
display: block;
position: relative;
height: 80vh;
min-height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.slideInner {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.casestudyGallery .slick-prev {
left: -25px;
width: 50px;
height: 50px;
}
.casestudyGallery .slick-next {
right:-15px;
width: 25px;
height: 25px;
}
#testimonials.dark {
color: #ffffff;
}
.test-content {
width: 80%;
}
.test-icon img {
display: block;
width: 100%;
height:auto;
}
@media all and (max-width: 676px) {
.test-icon img {
max-width: 100px;
}
}
@media all and (max-width: 600px) {
#intro ul {
margin-left: 25px;
}
#intro ul li {
font-weight: 400;
font-size: 1rem;
}
} 
a.share {
text-transform:uppercase;
}
.share-options {
display: none;
}
ul.social_shares{
padding: 15px 0;
list-style-type: none;
}
ul.social_shares li {
display:inline-block;
}
ul.social_shares li:first-child a {
padding-left:0;
}
ul.social_shares li a {
color: #0080c3;
text-decoration: none;
padding: 10px;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
}
ul.social_shares li:hover a {
color: #313131;
}
@media all and (max-width: 900px) {
.testimonial-case-inner .flex-wrapper {
flex-direction: column;
-webkit-flex-direction: column;
}
}
@media all and (max-width: 850px) {
.casestudyGallery .slideSingle {
height: 350px;
}
#gallery {
padding:50px 15px;
}
}
@media all and (max-width: 767px) {
section#intro {
padding: 25px 15px;
}
#intro h2 {
font-size: 1.5rem;
}
#intro h3 {
font-size: 1.5rem;
}
#bottom-content {
padding: 25px 15px;
}
.test-content {
width: 100%;
padding: 0 15px;
}
}
section#intro a {
color: #0080c3;
font-weight: bold;
} section#testimonials {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 150px 0;
}
.single section#testimonials {
padding: 50px 0;
}
section#testimonials:before {
content:'';
background-color: rgba(0,0,0,0.4);
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.single section#testimonials:before {
background-color: #313131;
}
.testimonial {
position: relative;
display: block;
color: #ffffff;
}
.testimonial-text {
max-width: 960px;
margin: 0 auto;
}
.testimonialSlider {
z-index: 20;
}
.testimonial-details {
color:#0080c3;
font-weight:600;
font-size: 1.1rem;
}
.testimonial-icon {
position: absolute;
z-index: 10;
}
.testimonial-icon.right {
bottom: 10%;
right:0;
}
.testimonial-icon.left {
top:10%;
left:0;
}
.testimonial-icon img {
display: block;
width: 100px;
height: auto;
}
.testimonail-overlay {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
#testimonials .container {
position: relative;
display: block;
height: 100%;
}
.testimonialSlider .slick-next {
right: 5%;
width: 50px;
height: 50px;
}
.testimonialSlider .slick-prev {
left: 5%;
width: 50px;
height: 50px;
}
.testimonialSlider .slick-dots li button:before {
color: #ffffff;
}
@media all and (max-width: 1240px) {
.testimonial {
padding: 10px 25px;
}
.testimonialSlider .slick-next {
right: 45px;
}
.testimonialSlider .slick-prev {
left: 10px;
width: 50px;
height: 50px;
}
}
@media all and (max-width: 767px) {
.testimonial-icon.left {
right:0;
top: 0;
}
.testimonial-icon.left img {
}
.testimonial-icon.right {
bottom:0;
right:0;
}
.testimonialSlider {
padding: 60px 0;
}
.testimonail-overlay {
position: absolute;
}
.testimonial-icon {
position: absolute;
}
section#testimonials {
padding: 25px 15px;
}
.testimonial {
padding: 10px 0px;
}
} .team-member {
width: 25%;
float: left;
position: relative;
background-color: #ffffff;
border-right: 5px solid #084061;
border-bottom: 5px solid #084061;
}
.team-introduction {
padding: 25px 0 50px 0;
color: #ffffff;
}
@media all and (max-width: 768px) {
.team-introduction {
padding: 25px 15px;
}
}
.team-member-wrapper {
background-color: #ffffff;
position: relative;
}
.team-photo img {
width: 100%;
height: auto;
}
.team-member-description {
padding: 25px;
background-color: #ffffff;
text-align: left;
}
.team-member-description h3 {
font-size: 1.4rem;
color: #0080c3;
display: inline-block;
margin:0;
}
.team-member-description span {
color:#535663;
font-family: 'Hind Siliguri', sans-serif;
font-weight: 600;
padding-left: 5px;
}
.team-member-description h4 {
margin: 0;
text-transform: uppercase;
color: #0080c3;
}
.team-member-description p {
font-size: 1rem;
} .alm-btn-wrap {
text-align: center;
padding: 10px 0 25px;
position: relative;
display: inline-block!important;
margin-top: 50px;
}
#staff h2 {
text-transform: uppercase;
text-align: center;
color: #ffffff;
font-size: 2rem;
margin-bottom:0;
}
@media all and (max-width: 1300px) {
.team-member {
width: 33.333%;
}
}
@media all and (max-width: 1000px) {
.team-member {
width: 50%;
}
.team-member:nth-child(2n) {
border-right:0;
}
}
@media all and (max-width: 667px) {
.team-member {
width: 100%;
border-right:0;
}
}
.alm-reveal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.show-med {
display: none;
}
.show-small {
display: none;
}
@media all and (max-width: 1300px) {
.show-large {
display: none;
}
.show-med {
display: block;
}
}
@media all and (max-width: 676px) {
.show-med {
display: none;
}
.show-small {
display: block;
}
} section.dark.contact {
color: #ffffff;
} div#map {
height: 75vh;
position: relative;	
}
.acf-map {
width: 100%;
height: 100%;
margin: 0px;
}
.acf-map:nth-child(2) {
border-right: 0;
} .acf-map img {
max-width: inherit !important;
}
.blue-band {
background-color:#0080c3;
padding: 25px 0;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}
.blue-band a {
text-transform: capitalize;
}
.blue-band h3 {
display: inline-block;
margin-right: 15px;
}
i.pdf {
width: 25px;
height: 25px;
background-image: url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/pdf-icon.svg);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.btn-white:hover i.pdf {
background-image:url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/pdf-icon-hover.svg);
}
.locationInfo {
position: absolute;
top:0;
left:0;
bottom:0;
width: 50%;
}
.locationInfo-right {
position: absolute;
top:0;
right:0;
bottom:0;
width: 50%;
}
.information-dets {
background-color: #ffffff;
padding: 25px;
width: 50%;
margin: 0 auto;
box-shadow: -2px 2px 9px 6px #ccc;
-webkit-box-shadow: -2px 2px 9px 6px #ccc;
-moz-box-shadow: -2px 2px 9px 6px #ccc;
}
.information-dets h2 {
text-transform: uppercase;
color: 	#0080c3;
font-size: 1.5rem;
}
ul.information-contact-details {
list-style-type: none;
}
ul.information-contact-details li {
display: block;
position: relative;
padding-left: 25px;
padding-bottom: 15px;
font-weight: 600;
color: #535663;
font-size: 18px;
}
ul.information-contact-details li a {
text-decoration: none;
color: #535663;
font-weight: 600;
}
ul.information-contact-details li:before {
content:'';
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit; color: #535663;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 5px;
left: 0;
}
ul.information-contact-details li.email:before {
content:'\f0e0';
}
ul.information-contact-details li.address:before {
content:'\f041';
}
ul.information-contact-details li.phone:before {
content:'\f095';
}
@media all and (max-width: 1400px) { 
.locationInfo--right, .locationInfo {
width: 60%;
}
}
@media all and (max-width: 1190px) {
.locationInfo,
.locationInfo-right {
width: 80%;
}
.information-dets {
margin: 0 0 0 25px;
}
.locationInfo-right .information-dets {
float: right;
margin-right: 25px;
}
}
@media all and (max-width: 1000px) {
.locationInfo,
.locationInfo-right {
width: 100%;
position: relative;
background-color:#313131;
float:none;
}
.information-dets {
width: 100%;
box-shadow: none;
background-color:#313131;
margin: 0 auto;
}
.locationInfo-right .information-dets {
float: none;
margin: 0 auto;
}
ul.information-contact-details li a,
ul.information-contact-details li {
color: #ffffff;
}
ul.information-contact-details li:before {
color: #ffffff;
}
div#map {
height: 350px;
}
} #contact-form {
background-color: #102838;
}
#contact-form h2 {
text-align: center;
color: #ffffff;
font-size: 2rem;
margin: auto;
text-transform: uppercase;
}
#contact-form.text-content h2 {
margin: 0.83em auto;
}
ul.contact-form {
margin-left: 0!important;
}
.contact-form li {
display: inline-block;
width: 	100%;
padding: 0 15px;
}
.contact-form li span {
font-size: 1rem;
}
.contact-form p.form-label {
display: none;
}
.contact-form li.half-field {
width: 50%;
float: left;
}
.contact-form li input,
.contact-form li textarea {
width: 100%;
padding: 15px ;
border-radius: 0;
border: none;
border: 2px solid #ffffff;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
color: #e9e9e9;
}
.contact-form li.submit-btn {
text-align: center;
}
.contact-form li input[type="submit"] {
width: auto;
padding: 15px 40px;
border-radius: 0px;
text-decoration: none;
font-weight: 500;
display: inline-block;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
background-color: #102838;
color: #ffffff;
}
.contact-form li input[type="submit"]:hover {
background-color: #0080c3;
color: #ffffff;
}
.contact-form li  p.form-label {
color:#e9e9e9;
}
.contact-form ::-webkit-input-placeholder { color: #ffffff;
}
.contact-form ::-moz-placeholder { color: #ffffff;
}
.contact-form :-ms-input-placeholder { color: #ffffff;
}
.contact-form :-moz-placeholder { color: #ffffff;
}
.text-section ul.contact-form li {
padding: 0 15px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 25px;
color: #ffffff;
}
ul.contact-form li input.wpcf7-not-valid {
border: 2px solid red;
}
span.wpcf7-not-valid-tip {
display: none!important;
} @media all and (max-width: 676px) {
.contact-form li.half-field {
width: 100%;
}
} #signupForm h3 {
text-transform: uppercase;
color: #ffffff;
}
#signupForm .flex-wrapper div {
width: 25%;
}
#signupForm .flex-wrapper div div.mc4wp-form-fields {
width: auto;
}
#signupForm .flex-wrapper div:nth-child(2) {
width: 50%;
}
ul.MCForm {
list-style-type: none;
}
ul.MCForm li {
display: inline-block;
}
ul.MCForm li:first-child {
width: 75%;
}
ul.MCForm li {
width: 25%;
margin: 0;
padding:0;
}
ul.MCForm li input {
border: none;
padding: 10px 15px;
width: 100%;
border: 2px solid #ffffff;
background-color:transparent;
color: #ffffff;
border-radius: 0;
-webkit-appearance: none;
}
ul.MCForm li input[type=submit] {
background-color: #ffffff;
color: #0080c3;
font-weight: 600;
border-radius: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
ul.MCForm li input[type="submit"]:hover {
background-color:#102838;
border-color: #102838;
color: #ffffff;
}
@media all and (max-width: 1230px) {
#signupForm .flex-wrapper {
display: block;
}
#signupForm .flex-wrapper div {
width: 50%;
float: left;
}
#signupForm .flex-wrapper div:first-child {
text-align: center;
}
#signupForm .flex-wrapper div:last-child {
width: 100%;
clear: both;
text-align: center;
}
#signupForm .flex-wrapper div div.mc4wp-form-fields {
width: 100%;
margin: 8.72px 0;
}
ul.social-links {
text-align: center;
padding: 15px 0;
}
}
@media all and (max-width:750px) {
#signupForm .flex-wrapper div,
#signupForm .flex-wrapper div:nth-child(2) {
width: 100%;
float: none;
}
#signupForm {
padding: 25px 15px;
}
}
@media all and (max-width:520px) {
ul.MCForm li:first-child,
ul.MCForm li {
display: block;
width: 100%;
margin: 10px 0;
}
ul.MCForm li input[type=submit] {
width: auto;
margin: 0 auto;
}
}
@media all and (max-width:350px) { 
ul.social-links li:first-child {
display: block;
width: 100%;
text-align: center;
}
}
@media all and (max-width: 676px) {
#wp-megamenu-menu-1>.wpmm-nav-wrap .wpmm_brand_logo_wrap img {
margin-top:5px;
margin-right:0;
margin-bottom:5px;
}
} .scrollDown {
position: absolute;
left:0;
bottom: 100px;
right:0;
text-align: center;
}
.scrollDown img {
max-width: 50px;
height:auto;
margin: 0 auto;
display: block;
position: relative;
z-index: 99;
}
.scrollDown:after {
content:'';
position: absolute;
left:0;
right:0;
top:50px;
height: 100px;
width: 2px;
background-color: #ffffff;
margin: 0 auto;
}
@media all and (max-width: 770px) {
.scrollDown {
display: none;
}
}
.heroSlide {
position: relative;
height: 100vh;
min-height: 650px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.heroSlide:before {
content:'';
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.5);
}
.heroText {
text-align: center;
margin: 0 auto;
color: #ffffff;
max-width: 80%;
position: relative;
display: block;
z-index: 5;
}
.heroText h1 {
font-size: 2.5rem;
margin:0;
line-height: 1.2;
}
.heroText p {
font-size: 1.2rem;
}
#hero {
overflow: hidden;
position: relative;
}
@media all and (max-width: 720px) {
.heroText h1 {
font-size: 2rem;
line-height: 1.2;
}
.heroText {
padding: 0 25px;
max-width: 100%;
}
.heroSlide {
height: auto;
min-height: auto;
padding: 60px 0;
}
}
@media all and (max-width: 676px) {
.heroText h1 {
font-size: 2rem;
}
.heroText p {
font-size: 1rem;
line-height:1.4;
}
.heroSlide:before {
background-color: rgba(0,0,0,0.6);
}
}
@media all and (max-width: 400px) {
.heroText h1 {
font-size: 1.6rem;
}
}
.heroSlider .slick-next {
right: 50px;
top:45%;
width: 50px;
height: 50px;
}
.heroSlider .slick-prev {
left:50px;
top:45%;
width: 50px;
height: 50px;
}
@media all and (max-width: 1400px) {
.blogSlider {
padding: 0 25px;
}
}
.blogSlider .slick-next {
right: -10%;
top:45%;
width: 50px;
height:50px;
}
.blogSlider .slick-prev {
left: -10%;
top:45%;
width: 50px;
height: 50px;
}
.featured-image {
width: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.featured-post .featured-text {
width: 50%;
padding: 25px;
background-color: #ffffff;
}
.featured-text p.date {
margin: 0;
color: #0080c3;
text-align: left;
}
.featured-text h2 {
font-size: 1.9rem;
color:#0080c3;
line-height:1;
}
@media all and (max-width: 1400px) {
.blogSlider .slick-next {
right: 0px;
top:45%;
}
.blogSlider .slick-prev {
left: 0px;
top:45%;
width: 50px;
height: 50px;
}
}
@media all and (max-width: 1050px) {
.featured-post .equal-height-flex {
flex-direction: row;
-webkit-flex-direction: row;
}
}
@media all and (max-width: 1050px) {
.featured-post .equal-height-flex {
flex-direction: column;
-webkit-flex-direction: column;
}
.featured-post .featured-text {
width: 100%;
}
.featured-post .featured-image {
width: 100%;
height: 300px;
}
}
@media all and (max-width: 700px) {
.featured-post .featured-image {
height: 160px;
}
.featured-text {
padding: 25px;
}
.featured-text h2 {
font-size: 1.5rem;
}
}
@media all and (max-width: 600px) { 
.featured-post .featured-text {
padding: 15px;
}
}
.slick-prev:before, .slick-next:before {
font-family: none;
font-style: normal;
font-weight: normal;
font-size: 2rem;
line-height: 1;
color: transparent;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 25px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.slick-slider {
margin-bottom:0;
}
.slick-prev:before { background-image: url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/prev-arrow.svg);
}
.slick-next:before { background-image: url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/next-arrow.svg);
}
.page-slide {
height: 60vh;
min-height: 450px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-slider .slick-next {
right: 40px;
top:45%;
width: 50px;
height: 50px;
background-color:#102838;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.inner-slide {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
padding: 20px;
}
.inner-slide p {
background-color:#313131;
color: #ffffff;
padding: 10px;
display: inline-block;
}
.page-slider .slick-next:hover,
.page-slider .slick-prev:hover {
background-color: #0080c3;
}
.page-slider .slick-prev {
left:25px;
top:45%;
width: 50px;
height: 50px;
background-color:#102838;
}
.page-slider .slick-next:before {
font-size: 2rem;
background-image: url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/next-arrow.svg);
}
.page-slider .slick-prev:before {
font-size: 2rem;
background-image: url(//www.buildingsurveyorsltd.co.uk/wp-content/themes/buildingsurveyors/inc/img/prev-arrow.svg);
}
.case-study-slider .slick-dots {
bottom: 10px;
}
.case-study-slider .slick-dots li {
margin: 0 10px;
width: 100px;
height: 5px;
background-color: #ffffff;
opacity: 1;
transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.case-study-slider .slick-dots li:hover {
background-color:#0080c3;
}
.case-study-slider .slick-dots li.slick-active {
background-color:#0080c3;
}
.case-study-slider .slick-dots li button:before {
display: none;
}
.slick-dots li button {
width: 100px;
height: 20px;
}
.case-study-slider .slick-dots {
z-index: 9000;
}
.blogSlider .slick-dots li button:before {
color: #ffffff;
}
.blogSlider .slick-dots {
bottom: -10px;
}
.case-study-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
-webkit-justify-content: flex-start;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
@media all and (max-width: 950px) {
.case-study-slider .slick-dots {
background-color:#313131;
}
.case-study-slider .slick-dots {
bottom: 0!important;
}
}
@media all and (max-width: 720px) {
.page-slider {
display: none;
}
.single-services .page-slider {
display: block;
}
}
@media all and (max-width: 600px) {
.case-study-slider .slick-dots li { 
width: 30px;
}
}
.casestudyGallery .slick-dots li button:before {
color: #ffffff!important;
opacity:0.6;
}
.casestudyGallery .slick-dots li.slick-active button:before {
color: #ffffff;
} .aboutText {
color: #ffffff;
max-width: 80%;
margin: 0 auto;
}
.aboutText h2 {
color: #ffffff;
font-size: 2rem;
margin: 0;
line-height: 1.2;
}
.aboutText h2 span {
display: block;
font-size: 30px;
}
@media all and (max-width: 1130px) {
.aboutText p {
font-size: 1rem;
}
}
@media all and (max-width: 1000px) {
.aboutText h2 {
font-size: 2rem;
}
}
@media all and (max-width: 1080px) {
#aboutSection .equal-height-flex {
flex-direction: column;
-webkit-flex-direction: column;
}
.aboutText {
padding: 25px 15px;
}
#aboutSection .col-half {
width: 100%;
}
.aboutText {
padding: 25px 0;
}
}
@media all and (max-width: 720px) {
.aboutText {
width: 100%;
max-width:100%;
padding: 50px 25px;
}
}
.aboutText strong {
font-weight:400;
font-size: 1.2rem;
}
@media all and (max-width: 920px) { 
.page-slide {
height: 300px;
min-height: auto;
}
.single-services .page-slide {
height: 80vh;
min-height: 650px;
}
}
@media all and (max-width: 880px) { 
.single-services .page-slide { 
height: 400px;
min-height: auto;
}
}
@media all and (max-width: 676px) { 
.aboutText strong {
font-size: 1rem;
}
}
@media all and (max-width: 440px) { 
.aboutText h2 {
font-size: 1.5rem;
}
.aboutText h2 span {
display: block;
font-size: 1.5rem;
}
} .client-intro {
background-color: #084061;
}
#clients {
padding: 0;
position: relative;
overflow:hidden;
border-bottom: 1px solid #ffffff;
}
.title-box {
text-align: center;
}
h3.border-box {
text-align: center;
color: #ffffff;
text-transform: uppercase;
font-size: 2rem;
border: 2px solid #ffffff;
display: inline-block;
padding: 10px 35px;
}
.client-logo-wrap {
width: 25%;
float: left;
position: relative;
}
.client-logo-wrap a {
display: block;
}
.cl-block-inner {
position: relative;
width: 100%;
height: 100%;
min-height: 200px;;
}
.client-logo-wrap:nth-child(4n+1) .cl-block-inner {
border-right: 0;
}
.client-logo-wrap:nth-of-type(6) .cl-block-inner, 
.client-logo-wrap:nth-of-type(10) .cl-block-inner {
border-left:0;
}
.client-logo-wrap:nth-of-type(1) {
border-left:0;
}
.client-logo-image {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); 
z-index: 12;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out
}
.cl-overlay {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:10;
background-color: rgba(0,0,0,0.5);
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom:0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.cl-logo-background {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.background-image-hover {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
background-color: #000;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.is-active .background-image-hover{
animation: background-scale 10s ease-in-out;
-webkit-animation: background-scale 10s ease-in-out;
}
@keyframes background-scale {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
@-webkit-keyframes background-scale {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
@-moz-keyframes background-scale {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
@media all and (max-width: 760px) {
h3.border-box {
font-size: 1.5rem;
}
}
.cl-text-link {
text-align: center;
display: none;
}
.is-active .background-image-hover {
opacity:1;
}
.is-active .client-logo-image {
opacity: 0.4;
}
.is-active .client-logo-image.current {
opacity: 1;
}
.is-active .cl-logo-background {
opacity: 0;
}
.client-logo-wrap.active .cl-overlay {
background-color: rgba(0,0,0,0.9);
}
@media all and (max-width: 1024px) {
.client-logo-wrap {
width: 33.333%;
}
}
@media all and (max-width: 760px) {
.client-logo-wrap {
width: 50%;
}
.cl-overlay {
border-right: 1px solid #ffffff;
}
}
@media all and (max-width: 460px) {
.client-logo-wrap {
width: 100%;
}
.cl-block-inner {
border-right:0;
}
} .col-25 a {
text-decoration: none;
color: #ffffff;
font-size: 1.5rem;
}
.col-25 {
position: relative;
}
.box-links {
position: relative;
}
.single-box {
text-align: center;
position: relative;
width: 25%;
float: left;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left:2px solid #ffffff; }
.single-box:before {
content:'';
display: block;
padding-top: 100%;
}
.single-box-text {
margin: 15px;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
border: 2px solid rgba(233,233,233,0.40);
}
.single-box:first-child {
border-left:2px solid #102838;
}
.icon-box {
width: 80%;
max-width: 200px;
margin: 0 auto;
}
@media all and (max-width: 1240px) {
.icon-box img {
width: 70%;
height: auto;
}
}
.single-box-text h3 {
margin: 0;
color: #ffffff;
}
@media all and (max-width: 720px) {
.single-box {
width: 50%;
border-bottom:0;
}
.single-box:last-child {
border-bottom: 1px solid #ffffff;
}
.single-box {
text-align: center;
position: relative;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left:1px solid #ffffff; }
.single-box:first-child {
border-left: 1px solid #102838;
}
}
@media all and (max-width: 350px) {
.single-box {
width: 100%;
border-top:0;
}
.single-box:first-child {
border-top:2px solid #ffffff;
}
} #case-studies {
position: relative;
}
#case-studies-feed {
background-color:#102838;
padding: 50px 0;
} .blog-navigation {
width: 100%;
clear: both;
}
ul.page-numbers {
list-style-type: none;
width: 100%;
text-align: center;
clear: both;
}
ul.page-numbers li {
display: inline-block;
min-width: 48px;
min-height: 48px;
border: 2px solid #ffffff;
}
ul.page-numbers li a,
ul.page-numbers li span{
display: block;
text-decoration: none;
color: #ffffff;
font-weight: 600;
font-size: 1.2rem;
transform: translateY(30%);
}
ul.page-numbers li.active {
background-color: #ffffff;
}
ul.page-numbers li.active span {
color: #102838;
} .case-study-single {
width: 32%;
float: left;
background-color: #ffffff;
margin-right: 2%;
margin-bottom: 25px;
}
.case-study-single:nth-child(3n) {
margin-right:0;
}
.caseStudySlide {
height: 80vh;
min-height:650px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.caseStudy-inner {
position: absolute;
top:0;
right:0;
bottom:0;
width: 50%;
z-index:0;
}
@media all and (max-width: 950px) {
.case-study-single {
width: 49%;
margin-bottom: 15px;
}
.case-study-single:nth-child(odd) {
float: left;
margin-right:2%;
}
.case-study-single:nth-child(even) {
float: right;
margin-right:0;
}
}
@media all and (max-width: 767px) {
#case-studies-feed{
padding: 25px 15px;
}
}
@media all and (max-width: 600px) { 
.case-study-single {
width: 100%;
margin-right:0;
}
.case-study-single:nth-child(odd) {
float: none;
margin-right:0%;
}
}
.case-study-info {
background-color: #ffffff;
max-width: 70%;
margin: 0 auto;
padding: 25px;
}
.case-study-info h3 {
text-transform: uppercase;
color: 	#535663;
margin: 0;
font-size:1.8rem;
}
.case-study-info h2 {
margin:0;
font-size: 1.8rem;
color:#0080c3;
}
.link-wrap {
text-align: center;
}
.video-wrap {
position: relative;
}
.videoBtn {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgba(0,0,0,0.5);
}
.videoBtn a {
display: block;
transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
}
.videoBtn a:hover {
opacity: 0.6;
}
.videoBtn img {
width: 75px;
height:auto;
display: block;
margin: 0 auto;
}
.video-container {
width: 100%;
position: relative;
margin: 20px 0;
background-size: cover;
background-position: center center;
}
.video-container:after {
content:'';
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color: rgba(0,0,0,0.2);
}
.video-container:before {
content:'';
display: block;
padding-top:50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media all and (max-width:1080px) {
.caseStudy-inner {
width: 65%;
}
}
@media all and (max-width:950px) {
.caseStudy-inner {
width: auto;
position: relative;
background-color: #313131;
padding: 25px ;
}
.case-study-info {
max-width: 80%;
}
.caseStudySlide {
height: 150px;
min-height: auto;
}
}
@media all and (max-width:676px) {
.case-study-info {
max-width: 100%;
}
.video-wrap {
display: none;
}
.case-study-info h2 {
font-size: 1.5rem;
line-height: 1.2;
}
.case-study-info h3 {
font-size: 1rem;
}
.case-study-info {
padding: 15px;
}
} #blog {
padding: 50px 0;
}
@media all and (max-width: 676px) {
#blog {
padding: 25px 0;
}
}
#blog h2 {
text-transform: uppercase;
text-align: center;
color: #ffffff;
font-size: 2rem;
}
.blogpost-single {
padding: 25px 15px;
}
.blog-inner {
background-color: #ffffff;
}
.blogpost-image img {
width: 100%;
height: auto;
}
.blogpost-text {
min-height: 290px;
padding: 25px;
text-align: center;
min-height: 318px;
}
.blogpost-text h3 {
color: #0080c3;
font-weight: 600;
margin: 0;
font-size: 1.5rem;
text-align: left;
line-height: 1.2;
}
.blogpost-text p.date {
margin:0;
color: #0080c3;
text-align: left;
}
.blogpost-text p {
text-align: left;
font-size:1rem;
}
@media all and (max-width: 676px) { 
#blog h2 {
font-size: 1.5rem;
margin: 0;
}
} .footer-col {
width: 25%;
}
.footer-logo {
padding-top: 15px;
}
.footer-logo img {
width: 90%;
max-width: 250px;
height: auto;
}
.footer-bottom {
text-align: center;
padding: 0;
}
.footer-bottom p,
.footer-bottom a {
font-size: 1rem;
color: #313131;
text-decoration: none;
}
.footer-details {
background-color: #313131;
padding: 25px 0;
}
h3.footer-title {
text-transform: uppercase;
color: #ffffff;
}
img.rics {
margin: 25px;
max-width: 130px;
height:auto;
}
.footer-logo p {
color: #ffffff;
font-size: 1rem;
}
@media all and (max-width: 1080px) {
.footer-wrap {
flex-direction: column;
-webkit-flex-direction: column;
display: block;
}
.footer-col {
display: inline-block;
width: 50%;
float: left;
text-align: left;
}
.footer-col:nth-child(3) {
clear: left;
}
.footer-logo {
padding:0;
}
}
@media all and (max-width: 730px) { 
.footer-col {
width: 100%;
clear: both;
text-align: center;
float: none;
}
}
@media all and (max-width: 676px) {
h3.footer-title {
text-transform: uppercase;
color: #ffffff;
font-size: 1rem;
margin-bottom: 0;
}
.footer-logo img {
max-width: 150px;
}
}   .blogSlider.blog-slide-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
display: -webkit-flex;
}
@media all and (max-width: 400px) {
.wpmm_brand_logo_wrap {
width: 50%;
}
.wpmm_brand_logo_wrap img {
width: 100%;
height: auto;
}
} .equal-height-flex .slick-slider,
.equal-height-flex .slick-list,
.equal-height-flex .slick-track,
.equal-height-flex .slick-slide {height: 100% !important;} ul.social-links li:nth-of-type(2) {
bottom: 2px;
}
#wp-megamenu-menu-1>.wpmm-nav-wrap .wpmm_brand_logo_wrap img {
width: 240px;
height: auto;
}
@media only screen and (max-width: 400px) {
#wp-megamenu-menu-1>.wpmm-nav-wrap .wpmm_brand_logo_wrap img {width: 100%}
}