/*
Theme Name: Tech Mech Industries
Version: 3.0
Theme URI: http://www.techmechindustries.com
Author: Innovative Website Design
Author URI: http://innovativewebsitedesign.com
Description: 
Tags: 
*/

@font-face {
    font-family: 'Font Awesome Brands';
    src: url('fonts/fa-brands-400.eot');
    src: url('fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-brands-400.woff2') format('woff2'),
         url('fonts/fa-brands-400.woff') format('woff'),
         url('fonts/fa-brands-400.ttf') format('truetype'),
         url('fonts/fa-brands-400.svg#fa-brands-400') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome Regular';
    src: url('fonts/fa-regular-400.eot');
    src: url('fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-regular-400.woff2') format('woff2'),
         url('fonts/fa-regular-400.woff') format('woff'),
         url('fonts/fa-regular-400.ttf') format('truetype'),
         url('fonts/fa-regular-400.svg#fa-regular-400') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome Solid';
    src: url('fonts/fa-solid-900.eot');
    src: url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-solid-900.woff2') format('woff2'),
         url('fonts/fa-solid-900.woff') format('woff'),
         url('fonts/fa-solid-900.ttf') format('truetype'),
         url('fonts/fa-solid-900.svg#fa-solid-900') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
font-family: 'Khula', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/*************** Global CSS ***************/
.fab{font-family: 'Font Awesome Brands';}
.fas{font-family: 'Font Awesome Solid';}
.far{font-family: 'Font Awesome Regular';}
html, body{padding:0;margin:0;height: 100%;width: 100%;}
body{font-family: 'Montserrat', sans-serif;font-style:normal;font-weight:400;line-height:1.5;overflow-x:hidden;color:#333333;font-size: .835vw;-webkit-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;}
img{max-width:100%;width: auto;height: auto;}
b, strong{font-weight: 600;}
blockquote{padding: 10px 20px;margin: 30px 0 30px 0;border-left: 5px solid #003466;font-style: italic;font-size: inherit;color:#003466;}
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.no-padding{padding: 0;}
.no-margin{margin: 0;}
.margin-bottom{margin-bottom:0;}
.clear{clear: both;}
.text-center{text-align: center;}

a{text-decoration: none;outline: none;color: #E30613;}
a, a:hover, a:focus{-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;outline:none;}

.entry-content {display: inline-block;width: 100%;font-size: 1.4em;line-height: 1.8;font-weight: 300;color: #333333;}
.entry-content p{margin-bottom:1.5em;}
.entry-content ul, .entry-content ol{padding-left:1em;}
.entry-content ul ul, .entry-content ul ol, .entry-content ol ol, .entry-content ol ul{}
.entry-content ul li{}
.entry-content h2, .entry-content h3, .entry-content h4{color: #E30613;font-weight:500;}
.entry-content *:first-child {}
.entry-content table{font-size:14px;}
.entry-content .table > thead > tr > th{font-family: 'Montserrat', sans-serif;font-weight:50;border: 1px solid #034d94 !important;
  background-color: #003466 !important;color:#fff;font-size: 0.9em;}
.entry-content .table tbody tr:nth-of-type(odd) td{background-color: rgba(0,0,0,0.03) !important;}
/******* Form Elements *******/
::-webkit-input-placeholder {color:inherit;}
:-moz-placeholder {color:inherit;}
::-moz-placeholder {color:inherit;}
:-ms-input-placeholder {color:inherit;}

/* Button */
.primary-button{font-size: 1.5em;border-radius: 0.2em;padding: 1em 1em 1em 1em;line-height: 1;text-align: center;border: 0.1em solid #E30613;background-color:#E30613;color:#fff;font-weight:500;outline:none;cursor:pointer;text-transform:uppercase;}
.primary-button:hover{background-color:transparent;color:#E30613;border: 0.1em solid #E30613;}
.secondary-button, .quote-form .button{font-size: 1.5em;border-radius: 0.2em;padding: 1em 1em 1em 1em;line-height: 1;text-align: center;border: 0.1em solid #000000;background-color:#000000;color:#ffffff;font-weight:500;outline:none;cursor:pointer;text-transform:uppercase;}
.secondary-button:hover, .quote-form .button:hover{background-color:transparent;color:#000000;border: 0.1em solid #000000;}

/******* General Style *******/
section{padding:3em 0 5em 0;position:relative;display:block;width:100%;}

/******* Header *******/
.notification-bar {background: #000000; background: -webkit-linear-gradient(left, #000000, #e30613); background: -moz-linear-gradient(left, #000000, #e30613);background: linear-gradient(to right, #000000, #e30613); display: block; width: 100%; padding: 1em 0; }
.notification-bar p {color: #fff; font-size: 1.4em; line-height: 1; text-align: center; margin-bottom: 0; }
.notification-bar p br{display: none;}
header.notification-show{}

header{padding:0;width: 100%;position:fixed;top:0;left:0;z-index:5;background-color:transparent;background: linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.55) 30%, rgba(255,255,255,0.85) 90%, #FFFFFF 100%);background:linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.55) 30%, rgba(255,255,255,0.85) 90%, #FFFFFF 100%);background: linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.55) 30%, rgba(255,255,255,0.85) 90%, #FFFFFF 100%);}
header .flex{align-items: center;justify-content: space-between;}
header .logo{position:relative;}
header .logo a{}
header .logo img{display:block;max-width:18em;}
header .primary-button{margin-left: 1em;padding: 0.6em 1.2em;font-size: 1.4em;}

/******* Navigation *******/
header nav{position: relative;}
header nav ul{margin-bottom: 0;padding-left:0;}
header nav ul li{display: inline-block;margin:0;padding:0;position: relative;}
header nav ul li.desktop-hide{display: none;}
header nav ul li:last-child{padding-right:0;}
header nav ul li a{display: block;color: #333333;font-size: 1.3em;padding: 2em 1.5em;text-decoration: none;position: relative;z-index: 5;text-transform:uppercase;font-weight: 500;}
header nav ul li a:hover, 
header nav ul li a:focus, 
header nav ul li a:active{background-color:transparent;}
header nav ul > li > a:hover, header nav ul > li.current-menu-item > a, header nav ul > li.current-menu-parent > a{background: linear-gradient(to right, #000000, #e30613 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
header nav li ul.sub-menu {padding: 0;margin: 0; background-color: transparent;position: absolute;top: 7em;left: 2em;width: 22em;text-align: left;display: none;max-height:40em;overflow-y:auto;z-index:4;}
header nav li:last-child ul.sub-menu {right: 0;left: inherit;}
header nav li:hover ul.sub-menu{display:block;}
header nav li ul.sub-menu li{margin: 0;display: block;width: 100%;padding: 0;}
header nav li ul.sub-menu li a{display: block;width: 100%;text-align: left;background-color: #333333;color: #ffffff;padding: 0.5em 1em 0.5em 1em;line-height: 1.5;border-bottom: 0.05em solid rgba(0, 0, 0, 0.5);text-transform: capitalize;}
header nav li ul.sub-menu li a:before{display:none;}
header nav li ul.sub-menu li:hover a, header nav ul > li ul.sub-menu li.current-menu-item a{background: #E30613;color: #ffffff;-webkit-background-clip: initial;-webkit-text-fill-color: initial;}
header nav li.menu-item-has-children > a:after {content: "\f0d7";font-family: 'Font Awesome Solid';display: inline-block;margin:0 0 0 0.5em;}
.menu-arrow{display:none;}

/* Header Fixed */
body.fixed header{box-shadow:0px 0px 0.5em 0px rgba(0, 0, 0, 0.5);background-color:#fff;top: 0;}
body.fixed header .logo img{max-width: 16em;}
body.fixed header nav ul li a{font-size: 1.3em;padding: 1.4em 1.5em;}
body.fixed header nav li ul.sub-menu{top: 5.6em;}
body.fixed header nav li ul.sub-menu li a{padding: 0.5em 1em 0.5em 1em;}

/******* Mobile Navigation *******/
#nav-icon{width: 28px;height: 20px;position: relative;margin:0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display:none;}
#nav-icon span{display: block;position: absolute;height: 2.5px;width: 100%;background: #333333;border-radius: 10px;opacity: 1;left: 0;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);    -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3){top: 8px;}
#nav-icon span:nth-child(4){top: 16px;}
#nav-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);  transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

.mm-menu_offcanvas.mm-menu_opened{z-index:99;}
.mm-slideout .mm-sronly{position: relative !important;overflow: visible !important;width: 40px !important;height: 40px !important;clip: inherit !important;clip-path: initial !important;color:transparent;}
.mm-slideout span.mm-sronly:before {font-family: 'Font Awesome Solid';font-size: 1.2em;content: "\f00d";color: #ffffff;width: 40px;height: 40px;text-align: center;display: block;line-height: 40px;background-color: #000000;}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{background-color: rgba(0,0,0,0.4);}
.mm-listview .mm-listitem:after{left:0;}
.mm-navbar.mm-navbar_has-btns{background: #000000;background: -webkit-linear-gradient(left, #000000, #e30613);background: -moz-linear-gradient(left, #000000, #e30613);background: linear-gradient(to right, #000000, #e30613);}
.mm-navbar .mm-navbar__title {color: #fff !important;text-transform: uppercase;opacity: 1;}
.mm-listview .mm-listitem a.mm-listitem__text{text-overflow: initial;white-space: normal;padding-left: 0.5em;padding-right: 0.5em;color: #ffffff;}
.mm-listview .mm-listitem.mm-listitem_selected a{background-color: #e30613;}
.mm-wrapper__blocker{z-index: 9 !important;}

/* Home Page */
.banner-section{padding:0;position:relative;}
.banner-section img{width:100%;display:block;}
.banner-section .banner-caption{color:#353535;position: absolute;max-width: 100%;left: 0;top: 55%;right: 0;margin: 0 auto;padding: 0 15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.banner-section .banner-caption .banner-caption-inner{max-width: 100%;width: 60%;text-align: center;margin: 0 auto;display: block;}
.banner-section .banner-caption h1{font-size:4em;font-weight:300;line-height:1;margin-bottom:0.2em;background: linear-gradient(to right, #000000, #e30613 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-section .banner-caption h2{font-size:2.5em;font-weight:300;margin-bottom: 1.5em;color: #000000;}
.banner-section .primary-button{display:inline-block;min-width: 12em;}

.section-heading{font-size:3em;color:#333333;font-weight:400;text-align:center;margin-bottom:1em;}
.section-heading:after{content:'';display:block;border-radius: 1em;height: 0.15em;width: 4em;margin:0 auto;margin-top:0.5em;background: #000000;background: -webkit-linear-gradient(left, #000000, #e30613);background: -moz-linear-gradient(left, #000000, #e30613);background: linear-gradient(to right, #000000, #e30613);}
.section-content{font-size: 1.8em;font-weight: 400;text-align: center;margin: 0 auto;line-height: 1.5;color: #333333;}
.exceptional-work-section{position:relative;}
.exceptional-work-section .flex-btn{align-items: center;justify-content: center;margin-top: 3em;}
.exceptional-work-section .flex-btn .primary-button{min-width:10em;}

.image-text-section{position:relative;padding: 0;}
.image-text-section .section-heading{text-align: left;}
.image-text-section .section-heading:after{margin-left: 0;}
.image-text-section .content-wrapper{background-color: #f0f4f8;padding-top: 5em;padding-bottom: 5em;padding-right: 5em;}
.image-text-section .image-content{color:#333333;line-height:1.5;font-size: 1.8em;font-weight: 400;}
.image-text-section .image-content p{margin-bottom:1em;}
.image-text-section .image-content p:last-child{margin-bottom:0;}
.image-text-section .image-wrapper{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.image-text-section .image-wrapper img{opacity: 0;}

.our-work-section{}
.our-work-section .our-work-row{margin-top: 5em;}
.our-work-section .our-work-item{position: relative;text-align: center;}
.our-work-section .our-work-item .our-work-image{display: block;margin-bottom: 1em;}
.our-work-section .our-work-item .our-work-image img{display: block;width: 100%;}
.our-work-section .our-work-item h3{font-size: 1.8em;font-weight: 400;color: #000000;margin-bottom: 0;}
.our-work-section .our-work-item:hover h3{color: #e30613;}

/* CTA Section */
.cta-section{position:relative;background-color:#f0f4f8;padding:5em 0 6em 0;}
.cta-section .section-heading {margin-bottom: 0.5em;font-size: 3em;line-height: 1.2;font-weight: 100;}
.cta-section .section-heading:after{display:none;}
.cta-section .section-content{font-size: 20px;}
.cta-section .flex-btn{align-items: center;justify-content: center;margin-top:3em;}
.cta-section .flex-btn a{margin:0 1em;min-width:12em;}

.cta-section.parallax:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color:rgba(0,0,0,0.5);}
.cta-section.parallax .container{position:relative;z-index:2;}
.cta-section.parallax .section-heading{color:#fff;}
.cta-section.parallax .section-content{color:#fff;}
.cta-section.style-2 .section-heading{font-weight: 700;}
.cta-section.parallax .flex-btn .primary-button:hover{background-color: #fff;border: 0.1em solid #ffffff;}
.cta-section.parallax .flex-btn .secondary-button:hover{background-color: #fff;border: 0.1em solid #ffffff;}

/* Banner Inner Pages */
.banner-inner-page{padding:0;position:relative;}
.banner-inner-page img{display: block;width: 100%;margin: 0 auto;-webkit-filter: grayscale(1);filter: grayscale(1);}
.banner-inner-page:before {content: '';display: block;width: 100%;height: 100%;z-index: 1;position: absolute;top: 0;left: 0;
background: transparent;background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.99) 90%, #FFFFFF 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.99) 90%, #FFFFFF 100%);background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.99) 90%, #FFFFFF 100%);}
.banner-inner-page .banner-inner-caption{text-align:center;margin: 0 auto;max-width: 80%;width: 100%;padding: 0;z-index: 2;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);margin-top: 2em;}
.banner-inner-page .banner-inner-caption .page-title{font-size:5em;font-weight:300;margin-bottom:0;background: linear-gradient(to right, #000000, #e30613 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: normal;}
.banner-inner-page .banner-inner-caption .flex-btn{margin-top: 2em;align-items: center;justify-content: center;}
.banner-inner-page .banner-inner-caption .flex-btn a{min-width: 10em;margin: 0 1em;padding:0.8em;}

.banner-inner-page.style-2 img{-webkit-filter: grayscale(0);filter: grayscale(0);}
.banner-inner-page.style-2:before{display: none;}

.no-banner-inner-page{position: relative;width: 100%;padding: 0;padding-top: 12em;}
.no-banner-inner-page .page-title{font-size:3em;color:#333333;font-weight:600;margin-bottom:1em;}
.no-banner-inner-page .page-title:after{content: '';display: block;border-radius: 1em;height: 0.15em;width: 4em;margin: 0;margin-top: 0.2em;    background: #000000;background: -webkit-linear-gradient(left, #000000, #e30613);background: -moz-linear-gradient(left, #000000, #e30613);background: linear-gradient(to right, #000000, #e30613);}

.banner-inner-page .banner-inner-caption .search-form{width: 100%;max-width: 80%;margin: 0 auto;margin-top: 3em;}
.banner-inner-page .banner-inner-caption form.search-form { position: relative;}
.banner-inner-page .banner-inner-caption form.search-form:before {content: ''; background-image: url(./images/search.svg);width: 2em;height: 2em;display: block; position: absolute;top: 1.2em;left: 1em; background-size: 100%;}
.banner-inner-page .banner-inner-caption .search-form .search-box input[type="text"]{width: 100%; background-color: #fff; padding: 0.8em 0.8em 0.8em 3em; color: #333333; height: 3em; border: 0.08em solid #DADADA; border-radius: 0.2em; outline: none; font-size: 1.5em !important; margin: 0; font-weight: 400;}
.banner-inner-page .banner-inner-caption .search-form .search-box input[type="text"]:focus{border: 0.08em solid #E30613;}

/* General Content Page*/
.wrapper-content{padding:0 0 5em 0;border-bottom: 0.2em solid #f0f4f8;}
.wrapper-content .wp-block-gallery{}
.wrapper-content .wp-block-gallery .blocks-gallery-grid{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;    display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;    justify-content: center;}
.wrapper-content .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item{width: 21%;display: initial !important;flex-grow: unset;    flex-direction: unset;justify-content: unset;margin: 0 0 1em 0;padding: 0 0.5em;}
.wrapper-content .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure{}
.wrapper-content .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item figure a{border: 1px solid #eaeaea;padding: 10px;}
.wrapper-content .wp-block-gallery.columns-1 .blocks-gallery-grid .blocks-gallery-item,
.wrapper-content .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item,
.wrapper-content .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item{width: 21%;}

/* Contact Us */
.page-contact .entry-content{}
.page-contact .contact-list-info{justify-content: space-between;align-items: flex-start;}
.page-contact .contact-info{width: 100%;margin-bottom: 3em;}
.page-contact .contact-info a{position:relative;display:block;width:100%;font-size:1.2em;color:#333333;line-height:1.8;padding-left: 4em;}
.page-contact .contact-info a:before {content: '';display: block;background-color: #f0f4f8;width: 3em;height: 3em;position: absolute;    left: 0;top: 0;border-radius: 5em;}
.page-contact .contact-info a label{display:block;font-weight:700;color:#333333;}
.page-contact .contact-info a svg{content: '';fill: #000000;display: block;position: absolute;left: 0;top: 0.6em;width: 3em;height: 1.8em;    -webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.page-contact .contact-info a:hover{color: #E30613;}
.page-contact .contact-info a:hover svg{fill: #E30613;}

/* Contact Form */
.page-contact .contact-form {position: relative;max-width: 100%;margin: 0;}
.page-contact .gform_wrapper {margin: 0 !important;} 
.gform_wrapper .contact-form label {display: block;padding: 5px 0 5px 0;font-size: 14px;font-weight: normal;}
.gform_wrapper .contact-form form {position: relative;}
.gform_wrapper .contact-form .gform_body .gform_fields .gfield {width: 100%;margin: 0 0 1.5em 0;padding: 0 !important;}
.gform_wrapper .contact-form .gform_body .gform_fields .gfield .gfield_label {font-weight: 400;font-size: 1em !important;font-weight: 400;}
.gform_wrapper .contact-form .gform_body .gform_fields .gfield .ginput_container {margin: 0;margin: 0;}

.gform_wrapper .contact-form input, 
.gform_wrapper .contact-form textarea, 
.gform_wrapper .contact-form select, 
.gform_wrapper .contact-form input[type="submit"], 
.gform_wrapper .contact-form input[type="button"], 
.gform_wrapper .contact-form button, 
.gform_wrapper .contact-form .button {
	vertical-align: middle;
}

.gform_wrapper .contact-form textarea {height: 11em !important;}
.gform_wrapper .contact-form select {background-image: url(images/select.svg);-webkit-appearance: none;background-repeat: no-repeat;background-position: 96%;background-size: 10px;}
.gform_wrapper .contact-form li.hidden_label input {margin: 0 !important;}
.gform_wrapper .contact-form input[type=text], 
.gform_wrapper .contact-form input[type=email], 
.gform_wrapper .contact-form input[type=tel], 
.gform_wrapper .contact-form input[type=url], 
.gform_wrapper .contact-form input[type=search], 
.gform_wrapper .contact-form input[type=password], 
.gform_wrapper .contact-form input[type=number], 
.gform_wrapper .contact-form textarea, 
.gform_wrapper .contact-form select {
	width: 100% !important;
    background-color: #fff;
    padding: 0.6em 1em 0.4em !important;
    color: #bebebe;
    border-radius: 0.2em;
    outline: none;
    margin: 0;
    border: 0.12em solid #f0f4f8;
    font-size: 0.9em !important;
    height: 3em;
}
.gform_wrapper .contact-form input[type=text]:focus, 
.gform_wrapper .contact-form input[type=email]:focus, 
.gform_wrapper .contact-form input[type=tel]:focus, 
.gform_wrapper .contact-form input[type=url]:focus,
.gform_wrapper .contact-form input[type=search]:focus, 
.gform_wrapper .contact-form input[type=password]:focus, 
.gform_wrapper .contact-form input[type=number]:focus, 
.gform_wrapper .contact-form textarea:focus, 
.gform_wrapper .contact-form select:focus {
	 border: 0.12em solid #e30613;
}
.gform_wrapper .contact-form .gform_footer {margin: 0;padding: 0;width: 100%;}
.gform_wrapper .contact-form .gform_footer .button {width: 100%;text-transform: uppercase;font-size: 1.1em;border: 0.1em solid #e30613;    background-color: #e30613;color: #fff;font-weight: 600;outline: none;cursor: pointer;border-radius: 0.2em;padding: 0.6em 1em 0.5em 1em;    letter-spacing: 0.05em;font-family: 'Montserrat', sans-serif;}
.gform_wrapper .contact-form .gform_footer .button:hover {border: 0.1em solid #e30613;background-color: transparent;color: #e30613;}

/******* Post Listing *******/
.blog-banner .featured_image { position: relative; display: block; width: 100%; overflow: hidden; margin-bottom: 20px; height: 700px; }
.blog-template {padding: 5em 0;background-color: #F0F4F8;}
.blog-template .blog-grid{margin-bottom:2em;}
.blog-template .blog-grid .blog-grid-item{margin-bottom:3em;overflow: hidden;}
.blog-template .blog-grid .blog-grid-item .blog-image-link{display: block;}
.blog-template .blog-grid .blog-grid-item .blog-image-link .blog-image{display: block;}
.blog-template .blog-grid .blog-grid-item .blog-image-link .blog-image img{width: 100%;display: block;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner{padding:2em;background-color: #fff; height: 100%;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta{ display: flex; justify-content: space-between;margin-bottom: 1em;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .blog-cat-name{margin-bottom: 0;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .blog-cat-name a{font-size: 1.2em; color: #E30613;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .blog-cat-name a:hover{color: #333333;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .read-time{font-size: 1.2em;font-weight: 400;margin-bottom: 0;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .read-time span {font-weight: 500;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner h3{margin:0 0 1em 0;line-height: unset;font-weight: 600;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner h3 a { font-size: 1.8em; color: #333333; font-weight: 600;text-transform: capitalize;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner h3 a:hover{color:#E30613;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-content p {font-size: 1.4em;line-height: 1.6;margin-bottom: 1em;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more { display: flex; align-items: center; justify-content: space-between; }
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .publish-author { margin-bottom: 0; }
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .publish-author a{font-size: 1.4em;color: #333333;text-transform: capitalize;}
.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .primary-button{font-size: 1.2em;padding: 0.8em 0.8em 0.75em 0.8em;}

.blog-template .post-navigation { display: flex; align-items: center; justify-content: center;}
.blog-template .post-navigation .pagination-section .pagination h2.screen-reader-text{display: none;}
.blog-template .post-navigation .pagination-section .pagination a.next, .post-navigation .pagination-section .pagination a.prev{display: none;}
.blog-template .post-navigation .pagination-section .pagination a { padding: 0 0.6em;}
.blog-template .post-navigation .pagination-section .pagination .page-numbers {padding: 0 0.6em;font-weight: 500;font-size: 1.5em;}

/******* Single Post *******/
.single-post .banner-inner-page .banner-inner-image{height: 65vh;position:relative;display:block;width:100%;overflow:hidden;margin-bottom:2em;}
.single-post .banner-inner-page .banner-inner-image img{display:block;width:100%;max-width:100%;}
.single-post .single-post-inner .post-featured-image{margin-bottom: 2em;}
.single-post .single-post-inner .post-featured-image img{display:block;width:100%;max-width:100%;}
.single-post .single-post-inner .post-category{margin-bottom: 2em;text-align: center;}
.single-post .single-post-inner .post-category a{font-size: 1.2em; color: #333333;}
.single-post .single-post-inner .post-category a:hover{color:#E30613;}
.single-post .single-post-inner .post-meta{justify-content: space-between;width: 100%;margin-bottom: 2em;align-items: center;}
.single-post .single-post-inner .post-meta .post-author{margin-bottom: 0;}
.single-post .single-post-inner .post-meta .post-author svg{width: 2em;height: 2em;vertical-align: middle;position: relative;top: -0.1em;fill:#E30613;margin-right: 0.4em;}
.single-post .single-post-inner .post-meta .post-author a{font-size: 1.4em;color: #333333;text-transform: capitalize;vertical-align: middle;}
.single-post .single-post-inner .post-meta .post-author a:hover{color:#E30613;}
.single-post .single-post-inner .post-meta .post-navigation{width: 5em;justify-content: space-between;}
.single-post .single-post-inner .post-meta .post-navigation.last-post{justify-content: flex-end;}
.single-post .single-post-inner .post-meta .post-navigation a{font-size: 2em;color: #333333;}
.single-post .single-post-inner .post-meta .post-navigation a i{}
.single-post .single-post-inner .post-meta .post-navigation a:hover{color:#E30613;}
.single-post .single-post-inner .entry-content{}

/******* Sidebar *******/
.right-sidebar{position: relative;}
.right-sidebar .inner-sidebar{}
.right-sidebar .widget{margin-bottom:30px;padding:15px;box-shadow: 2px 2px 8px 2px rgba(225,225,225,0.5);background-color: #E30613;color:#fff;border-radius: 5px;line-height:1.4;}
.right-sidebar .widget-title{text-transform: none;font-size: 22px;padding-bottom: 5px;border-bottom: 2px solid #3a619e; font-weight: 600;margin-bottom: 15px;letter-spacing: 0;color:#fff;text-transform: uppercase;}
.right-sidebar .widget ul{padding-left:20px;margin-bottom:0;}
.right-sidebar .widget ul li{}
.right-sidebar .widget ul li a{display: block;width: 100%;font-size: 16px;line-height: normal;padding: 6px 0;color: #fff;}
.right-sidebar .widget ul li:last-child a{border-bottom:none;}
.right-sidebar .widget ul li a:hover{color: #fff;text-decoration:underline;}
.right-sidebar .widget.widget_recent_entries{background-color: #E30613;}
.right-sidebar .widget.widget_recent_entries .widget-title{border-bottom: 0.1em solid #d60915;}

/******* Footer *******/
footer{position:relative;display:block;width:100%;padding: 0;color: #000000;background-color: #ffffff;}
footer .f-widget{position:relative;padding:5em 0 3em 0;}
footer .f-widget .widget_media_image img{width: 18em;}
footer .f-widget .widget-title{font-size:1.5em;color:#E30613;font-weight:700;margin-bottom:1.5em;text-transform:uppercase;}
footer .f-widget .textwidget {font-size: 1.3em;}
footer .f-widget .contact-info{position:relative;}
footer .f-widget .contact-info a{position:relative;display:block;width:100%;font-size:1.2em;color:#333333;font-family: 'Montserrat', sans-serif;line-height:1.5;padding-left: 2.5em;margin-bottom:2em;}
footer .f-widget .contact-info a svg{content:'';fill:#000000;display: block;position: absolute;left: 0;top: 0;width:1.6em;height:1.6em;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
footer .f-widget .contact-info .icon-phone svg{}
footer .f-widget .contact-info .icon-mobile svg{height: 1.8em;top: -0.2em;}
footer .f-widget .contact-info .icon-email svg{}
footer .f-widget .contact-info a:hover{color: #E30613;}
footer .f-widget .contact-info a:hover svg{fill: #E30613;}
footer .f-bottom{background-color:#f0f4f8;padding:1em 0;}
footer .f-bottom .flex {align-items: center;justify-content: space-between;}
footer .f-bottom p{margin:0;font-size:1.2em;color:#333333;}
footer .f-bottom .flex p br{display: none;}
footer .f-bottom p a{color: #333333;}
footer .f-bottom p a:hover{color: #E30613;}
#back-to-top {position: fixed;bottom: 0.25em;right: 0.5em;z-index: 9;width: 1.2em;height: 1.2em;font-size: 2em;border-radius: 0.1em; line-height: 1.2em;color: #fff;background-color: #E30613;text-align: center;cursor: pointer;border: 0;text-decoration: none;    transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top.show {opacity: 1;}

/* 404 */


/******* Responsive CSS *******/
@media only screen and (max-width: 991px){
	body{font-size: .90vw;}
}
@media only screen and (max-width: 767px){
	body{font-size: 100%;}
	#nav-icon{display: block;}
	.primary-button, .secondary-button{font-size: 1em;padding: 0.8em;}
	.notification-bar{padding: 0.3em 0;}
	header #mainmenu #menu-main-menu{display: none;}
	header{background: #fff;}
	header .logo img, body.fixed header .logo img{max-width: 10em;top: 0.15em;position: relative;}
	header .flex{padding: 0.5em 0 0.5em 0;}
	header + section {margin-top: 3.8em;}
	header.notification-show + section {margin-top: 6em;}
	.notification-bar .container{padding-left: 0.1em;padding-right: 0.1em;}
	.notification-bar p{font-size: 0.7em;line-height: 1.3;}
	.notification-bar p br{display: block;}
	section {padding: 2em 0 2em 0;}
	.section-heading{font-size: 1.5em;line-height: 1.2;}
	.section-content{font-size: 1em}
	.banner-section img{height: 40vh;object-fit: cover;}
	.exceptional-work-section .flex-btn{margin-top: 2em;}
	.image-text-section .content-wrapper{padding-top: 2em;padding-bottom: 2em;padding-right: 1em;padding-left: 1em !important;}
	.image-text-section .image-content{font-size: 1em;}
	.our-work-section .our-work-row {margin-top: 2em;}
	.our-work-section .our-work-item .our-work-image{margin-bottom: 0.5em;}
	.our-work-section .our-work-item h3{font-size: 1.2em;margin-bottom: 1em;}
	.our-work-section .row > div:last-child .our-work-item h3 {margin-bottom: 0;}
	.cta-section{padding: 2em 0;}
	.cta-section .section-heading {margin-bottom: 0;font-size: 1.2em;line-height: 1.5;}
	.cta-section .flex-btn{margin-top: 1.5em;}
	.cta-section .flex-btn a{min-width: 10em;}
	footer .f-widget{padding: 2em  0 1em 0;}
	footer .f-widget .widget{margin-bottom: 1em;}
	footer .f-widget .widget_media_image img {width: 12em;margin: 0 auto;display: block;}
	footer .f-widget .widget-title{font-size: 1em;margin-bottom: 0.5em;text-align: center;font-weight: 600;}
	footer .f-widget .widget.widget_text{display: none;}
	footer .f-widget .textwidget{font-size: 0.9em;text-align: center;}
	footer .f-widget .contact-info a{font-size: 0.9em;padding-left: 0;text-align: center;margin-bottom: 1.1em;}
	footer .f-widget .contact-info a svg {position: relative;left: inherit;top: inherit;margin: 0 auto;margin-bottom: 0.3em;}
	footer .f-bottom {padding: 1.2em 0;font-size: 0.54em;}
	footer .f-bottom  .container{padding: 0 0.5em;}
	footer .f-bottom .flex{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
	footer .f-bottom .flex p{margin-bottom: 0.5em;font-size: 1.4em;text-align: center;}
	footer .f-bottom .flex p:last-child{margin-bottom: 0;}
	footer .f-bottom .flex p br{display: block;}
	#back-to-top{bottom: 3.6em;right: 0.3em;width: 1em;height: 1em;font-size: 1.5em;line-height: 1em;}
	.banner-inner-page .banner-inner-caption .page-title{font-size: 1.8em;}
	.banner-inner-page .banner-inner-caption{margin-top: 0;max-width: 98%;}
	.banner-inner-page img{height: 40vh;object-fit: cover;}
	.entry-content{font-size: 1em;line-height: 1.5;}
	.entry-content .has-medium-font-size{font-size: 0.85em;}
	.wrapper-content{border-bottom: 0.1em solid #f0f4f8;}
	.wrapper-content {padding: 0 0 2em 0;}
	.wrapper-content .wp-block-gallery .blocks-gallery-grid{margin: 0 -0.5em;}
	.wrapper-content .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item, .wrapper-content .wp-block-gallery.columns-1 .blocks-gallery-grid .blocks-gallery-item, .wrapper-content .wp-block-gallery.columns-2 .blocks-gallery-grid .blocks-gallery-item, .wrapper-content .wp-block-gallery.columns-3 .blocks-gallery-grid .blocks-gallery-item{width: 50%;}
	.page-contact .contact-list-info{margin-bottom: 2em;}
	.page-contact .contact-info{margin-bottom: 1.2em;}
	.page-contact .contact-info a{font-size: 0.88em;line-height: 1.5;padding-left: 3.5em;}
	.page-contact .contact-info a:before{width: 2.5em;height: 2.5em;}
	.page-contact .contact-info a svg{width: 2.5em;height: 1.2em;}
	.gform_wrapper .contact-form .gform_body .gform_fields .gfield{margin-bottom: 1em;}
	.gform_wrapper .contact-form textarea {height: 8em !important;}
	.gform_wrapper .contact-form .gform_footer .button{padding: 0.3em 0.5em 0.3em 0.5em;font-size: 1em;}
	.blog-template {padding: 2em 0;}
	.banner-inner-page .banner-inner-caption .search-form{max-width: 90%;margin-top: 1em;}
	.banner-inner-page .banner-inner-caption .search-form .search-box input[type="text"]{font-size: 0.9em !important;}
	.banner-inner-page .banner-inner-caption form.search-form:before{width: 1em;height: 1em;top: 0.9em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner {padding: 1em 1em 1.8em 1em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta{margin-bottom: 0.5em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .blog-cat-name a {font-size: 0.8em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-meta .read-time {font-size: 0.8em;line-height: 2;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner h3 a {font-size: 1em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner h3 {margin: 0 0 0.3em 0;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .blog-content p{font-size: 0.95em;line-height: 1.5;margin-bottom:1em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .publish-author{font-size: 0.8em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .publish-author a {font-size: 1em;}
	.blog-template .blog-grid .blog-grid-item .blog-grid-item-inner .author-more .primary-button {font-size: 0.9em;padding: 0.6em 0.5em 0.6em 0.5em;}
	.single-post .banner-inner-page .banner-inner-image{height: auto;;}
	.single-post .banner-inner-page .banner-inner-image{margin-bottom: 1em;}
	.single-post .single-post-inner .post-category {margin-bottom: 1em;}
	.single-post .single-post-inner .post-category a {font-size: 1em;}
	.single-post .single-post-inner .post-meta{margin-bottom: 1em;}
	.single-post .single-post-inner .post-meta .post-author svg {width: 1em;height: 1em;margin-right: 0;}
	.single-post .single-post-inner .post-meta .post-author a {font-size: 1em;}
	.single-post .single-post-inner .post-meta .post-navigation a {font-size: 1.5em;}
	.single-post .single-post-inner .post-meta .post-navigation {width: 3.5em;}
	.single-post .single-post-inner .post-featured-image {margin-bottom: 1em;}

}