/*!
Theme Name: creativemodularot
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creativemodularot
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

creativemodularot is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html { line-height: 1.15; -webkit-text-size-adjust: 100%; } 
body { margin: 0; } 
main { display: block; } 
h1 { font-size: 2em; margin: 0.67em 0; } 
hr { box-sizing: content-box; height: 0; overflow: visible; } 
pre { font-family: monospace, monospace; font-size: 1em; } 
a { background-color: transparent;text-decoration: none;} 
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } 
b, strong { font-weight: bolder; } 
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } 
small { font-size: 80%; } 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 
sub { bottom: -0.25em; } 
sup { top: -0.5em; } 
img { border-style: none; } 
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } 
button, input { overflow: visible; } 
button, select { text-transform: none; } 
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } 
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } 
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } 
fieldset { padding: 0.35em 0.75em 0.625em; } 
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } 
progress { vertical-align: baseline; } 
textarea { overflow: auto; } 
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } 
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } 
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } 
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } 
details { display: block; } 
summary { display: list-item; } 
template { display: none; } 
[hidden] { display: none; } 
*, *::before, *::after { box-sizing: inherit; } 
html { box-sizing: border-box; } 
body, button, input, select, optgroup, textarea { color: #202020; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.5;} 
h1, h2, h3, h4, h5, h6 { clear: both; } 
p { margin-bottom: 15px; } 
dfn, cite, em, i { font-style: italic; } 
blockquote { margin: 0 15px; } 
address { margin: 0 0 15px; } 
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 15px; max-width: 100%; overflow: auto; padding: 15px; } 
code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } 
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } 
mark, ins { background: #fff9c0; text-decoration: none; } 
big { font-size: 125%; } 
body { background: #fff; } 
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } 
ul, ol { margin: 0 0 1.5em 3em; } 
ul {list-style: disc;margin: 0 0 15px;padding-left: 15px;} 
ol {list-style: decimal;margin: 0 0 15px;padding-left: 15px;} 
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } 
dt { font-weight: 700; } 
dd { margin: 0 1.5em 1.5em; } 
embed, iframe, object { max-width: 100%; } 
img { height: auto; max-width: 100%; } 
figure { margin: 1em 0; } 
table { margin: 0 0 1.5em; width: 100%; } 
a { color: #4169e1; } 
a:visited { color: #800080; } 
a:hover, a:focus, a:active { color: #191970; }
a:hover, a:active { outline: 0; } 
textarea{width: 100%;}
.main-navigation{display: block; width: 100%;}
.main-navigation > ul{display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation a{display: block; text-decoration: none;}
.menu-toggle, .main-navigation.toggled ul{display: block;}
@media screen and (min-width: 37.5em){
    .menu-toggle{display: none; }
    .main-navigation ul{display: flex;}
} 
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } 
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } 
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } 
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } 
.sticky { display: block; }  
.updated:not(.published) { display: none; } 
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } 
.page-links { clear: both; margin: 0 0 1.5em; } 
.comment-content a { word-wrap: break-word; } 
.bypostauthor { display: block; } 
.widget { margin: 0 0 1.5em; } 
.widget select { max-width: 100%; } 
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } 
.custom-logo-link { display: inline-block; } 
.wp-caption { margin-bottom: 1.5em; max-width: 100%; } 
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } 
.wp-caption .wp-caption-text { margin: 0.8075em 0; } 
.wp-caption-text { text-align: center; } 
.gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } 
.gallery-item { display: inline-block; text-align: center; width: 100%; } 
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } 
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } 
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } 
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } 
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } 
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } 
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } 
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } 
.gallery-caption { display: block; } 
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } 
.infinity-end.neverending .site-footer { display: block; } 
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } 
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } 
#primary[tabindex="-1"]:focus { outline: 0; } 
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } 
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } 
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }

/* Custom CSS */
.slick-slide img{width: 100%;}
.sectionTitle::before,.homeAbout h1::before{content: "";left: 0;right: 0;margin: auto;position: absolute;bottom: 0;width: 150px;height: 4px;background: #fff;border-radius: 10px;z-index: 1;}
.sectionTitle::after,.homeAbout h1::after{content: "";left: 0;right: 0;margin: auto;position: absolute;bottom: 0;width: 50px;height: 4px;background: #000;border-radius: 10px;z-index: 2;}
.sectionTitle,.homeAbout h1{font-size: 34px;font-weight: 700;}
.titleBarLeft.sectionTitle::before,.titleBarLeft.sectionTitle::after{margin: 0;right: auto;}
.sectionTitle.titleBarBlue::before{background: #0078c1;}
.sectionTitle.titleBarBlueSmall::after{background: #0078c1;}
.homeAbout .sectionTitle.titleBarBlue::before{background: #0078c1;}
.sectionTitleWrap small{font-size: 18px;font-weight: 600;}
.customBtn,.woocommerce ul.products li.product .button{padding: 10px 25px;transition: all 0.5s ease-in-out 0s;text-transform: uppercase;display: inline-block;color: #000;border: 2px solid #000;font-size: 18px;border-radius: 0px;}
.customBtn:hover,.woocommerce ul.products li.product .button:hover{background-color: #000;color: #fff;}
.customBtn.customBtnWhite{border-color: #fff;color: #fff;}
.customBtn.customBtnWhite:hover{background-color: #fff;color: #000;}
.customBtn.customBtnBlue{border-color: #0078c1;background-color: #0078c1;color: #fff;}
.customBtn.customBtnBlue:hover{border-color: #000;background-color: #000;color: #fff;}


/* Header */
.mainHeader{z-index: 999;left: 0;right: 0;top: 0;background: rgba(0,0,0,0.2);border-bottom: 1px solid #575757;position: absolute;}
.mainHeader.stricky{position: fixed;background: #222;}
.mainHeader.stricky .custom-logo{max-width: 100px;}
.mainHeader .container{position: relative;}
.mainHeader .custom-logo{width: 150px;padding: 5px;border-radius: 4px;background: #fff;max-width: 100%;}
.main-navigation > ul{justify-content: end;}
.main-navigation > ul > li > a{color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.main-navigation > ul > li:not(:first-child){margin-left: 25px;}
.subMenu{left: 20px;right: 20px;background: #fff;top: 100%;box-shadow: 0px 2px 6px 1px #ddd;transition: all 0.5s ease-in-out 0s;visibility: hidden;overflow-y: scroll;max-height: 450px;}
.main-navigation .nav-menu li:hover .subMenu{visibility: visible;}
.subMenu ul li{display: block;}
.subMenu ul li a{display: block;font-size: 14px;}
.main-navigation ul ul{display: block;}
.subMenu label{display: block;font-weight: 700;color: #0078c1;position: relative;}
.subMenu label::before{content: "";height: 2px;width: 51px;background: #0078c1;
  position: absolute;bottom: -5px;}
.subMenu ul li a{color: #202020;}
.subMenu ul li a:hover{color: #0078c1;}
.subMenu ul li:not(:last-child){border-bottom: 1px solid #f2f2f2;padding-bottom: 5px;margin-bottom: 5px;}
.subMenu .col{width: 33.33%;max-width: 33.33%;padding-bottom: 20px;}
.headerSocial li a{color: #fff;background: #0078c1;padding: 1px 6px;border-radius: 4px;}
.headerSocial li a:hover{color: #0078c1;background: #fff;}
.headerSocial li:not(:first-child) a{width: 28px;}
.page-id-0 .pageTitle{background-image: url(images/pagetitle-bg.jpg) !important;}

/* Home About */
.homeAbout{font-size: 18px;}
.homeAbout h1{margin-bottom: 1.5rem;padding-bottom: 1.5rem;}

/* Home Products */
.homeProducts{background: #0078c1 url(images/texture.png) repeat;}
.homeAbout figure{margin-bottom: 0px;}
.homeAbout .wp-block-columns{margin-bottom: 0px;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,.woocommerce ul.products li.product a{display: block;position: relative;border: 1px solid #ddd;}
.woocommerce ul.products li.product .button{margin: 0;display: none;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align: center;margin-bottom: 30px;margin-right: 30px;width: calc(25% - 23px);}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3,.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product h3{color: #000;font-weight: 600;font-size: 18px;position: static;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background: rgba(255, 255, 255, 0.6);display: block;align-content: center;padding: 10px 15px;transition: all 0.5s ease-in-out 0s;}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product a:hover h2{display: grid;background: #000;color: #fff;}
.woocommerce ul.products li.product a img{margin: 0px;}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{margin-right: 0;}
.woocommerce ul.products li.product .woocommerce-loop-category__title{display: grid;}

/* Home Categories */
.woocommerce-loop-category__title mark.count{display: none;}

/* Home Feature */
.companyFeatures{font-size: 18px;}
.companyFeatures .col-12{background: #0078c1 url(images/pattern.png) no-repeat center / cover;}
.companyFeatures .col-12:nth-child(2){background: #ee1d22  url(images/pattern.png) no-repeat center / cover;;}
.featureBox h2{font-size: 30px;font-weight: 600;border-bottom: 1px dotted #fff;}
.companyFeaturesTwo{background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;z-index: 0;font-size: 20px;}
.companyFeaturesTwo::before{content: "";left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.8);z-index: -1;position: absolute;}
.companyFeaturesTwo .sectionTitle h2::after{background: #0078c1;}

/* Video */
.allVideos{background: #0078c1 url(images/pattern.png) no-repeat fixed center / cover;}
.allVideos iframe{background: #fff;padding: 3px;border: 1px solid #ddd;width: 100%;}

/* Footer */
.mainFooter{background: #f7f7f7;word-wrap: break-word;}
.footerTop{background: #ececec;}
.footerProducts{background: #5a64d3;}
#productMenu li{display: inline-block;margin-right: 25px;position: relative;}
#productMenu li + li::before{position: absolute;background: #f7f7f7;left: -15px;top: 6px;width: 1px;height: 15px;content: "";}
#productMenu li a{color: #fff;}
.widgettitle{position: relative;font-size: 24px;font-weight: 600;margin-bottom: 20px;}
.footerMiddle ul,.productSideBar ul{margin: 0px;padding: 0px;}
.footerMiddle ul li,.productSideBar ul li{list-style: none;}
.footerMiddle ul li:not(:last-child),.productSideBar ul li:not(:last-child){margin-bottom: 5px;}
.footerMiddle ul li a,.productSideBar ul li a{color: #202020;position: relative;display: block;transition: all 0.5s ease-in-out 0s;padding-left: 15px;}
.footerMiddle ul li a::before,.productSideBar ul li a::before{position: absolute;left: 0px;content:"\f105";font-family: "FontAwesome";}
.footerMiddle ul li a:hover,.productSideBar ul li a:hover{color: #cc292f;padding-left: 12px;}
.widgettitle::before{content: "";height: 2px;width: 51px;background: #202020;position: absolute;bottom: -10px;}
.footerMiddle .widget{margin-bottom: 0px;}

/* Page Title */
.pageTitle{min-height: 350px;background-position: center center;background-repeat: no-repeat;background-size: cover;display: grid;align-content: center;z-index: 0;}
.pageTitle::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: "";background-color: rgba(0,0,0,0.6);z-index: -1;}
.pageTitle h1{font-weight: 700;font-size: 44px;}

/* Inner Pages */
.mainContent h2{font-weight: 700;font-size: 24px;margin-bottom: 15px;}
.contactAddForm ul li a{color: #202020;display: block;transition: all 0.5s ease-in-out 0s;}
.contactAddForm ul li a:hover{color: #cc292f;}
.contactAddForm ul li:not(:last-child){border-bottom: 1px solid #eaeaea;margin-bottom: 8px;padding-bottom: 8px;}

/* Popup & Form */
.ays-pb-modals .ays_content_box{padding: 0;}
.wpcf7-form .col-12{position: relative;}
.wpcf7-spinner{position: absolute;right: 0;margin: 0;top: 10px;}
.wpcf7 form .wpcf7-response-output{margin: 12px 0 0;}
.wpcf7-not-valid-tip{font-size: 12px;text-align: left;}
.ays-pb-modal_1 .ays_pb_timer{display: none;}

/* Woocomerce */
.woocommerce div.product div.summary .product_meta,.woocommerce div.product .woocommerce-tabs ul.tabs,.woocommerce div.product p.price, .woocommerce div.product span.price{display: none;}
.woocommerce div.product div.summary{margin-top: 0px;}
.woocommerce div.product div.images .flex-control-thumbs li img{padding: 4px 2px;}
.woocommerce .woocommerce-ordering{display: none;}
.getaquote{border-top: 1px solid #e8e8e8;margin: 20px 0 0;overflow: hidden;padding: 15px 0 0;}
.getaquotewrap{background: #fafafa; border: 1px solid #dddddd; margin-top: 15px; padding: 15px; position: relative;}
.getaquotewrap::before{border-bottom: 10px solid #ddd; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; left: 50px; position: absolute; top: -9px;}
.getaquotewrap::after{border-bottom: 10px solid #fafafa; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; left: 50px; position: absolute; top: -8px;}
.customBtn.customBtnBlue.enqget{border-color: #000; background-color: #000; color: #fff;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link, .woocommerce ul.products li.product a{transition: all 0.5s ease-in-out 0s;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover, .woocommerce ul.products li.product a:hover{transform: scale(1.05);}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width: 100%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width: 100%;}
.productSideBar{background-color: #ececec;}
.productSideBar h2 a{color: #202020;}
.main-navigation > ul > li:nth-last-child(2) .subMenu{overflow: visible;max-height: none;}



/* Media */
@media screen and (max-width: 1199px){
  .sectionTitle, .homeAbout h1{font-size: 40px;}
  .featureBox h2{font-size: 25px;}
}

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

}

@media screen and (max-width: 991px){
  .sectionTitle, .homeAbout h1{font-size: 30px;}
  .sectionTitleWrap small{font-size: 16px;}
  .widgettitle{font-size: 20px;}
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{width: 48%;margin: 0 0 1.3em;}
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) {float: right;clear: none !important;}
  .companyFeaturesTwo{font-size: 18px;}
  .featureBox h2{font-size: 22px;}
  .mainContent h2{font-size: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .main-navigation > ul > li:not(:first-child){margin-left: 12px;}
  .main-navigation > ul > li > a{font-size: 12px;}
  .subMenu{top: 98%;}
  .featureBox.p-4{padding: 1rem !important;}
  .companyFeatures{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (orientation: landscape){
  .main-navigation .nav-menu{max-height: 300px;overflow-y: scroll;}
}

@media screen and (max-width: 767px){
  .sectionTitle, .homeAbout h1{font-size: 28px;}
  .container.py-5{padding-top: 0px !important;padding-bottom: 0px !important;}
  .footerMiddle .col-12{padding-bottom: 1.5rem;}
  .footerMiddle.py-5{padding-bottom: 1.5rem !important;}
  .main-navigation button.menu-toggle{float: right;border: none;background: none;color: #fff;padding: 0px;font-size: 30px;}
  .main-navigation .nav-menu{position: absolute;top: 100%;width: 100%;left: 0;right: 0;text-align: left;background: rgba(0,0,0,0.9);}
  .main-navigation > ul > li:not(:first-child){margin-left: 0;}
  .main-navigation > ul > li > a{padding: 10px 15px;}
  .mainHeader .custom-logo{width: 80px;}
  .mainHeader.stricky .custom-logo{max-width: 70px;}
  .mainHeader.stricky .main-navigation .nav-menu{background: #222;}
  .menu-toggle{display: block;}
  .main-navigation > ul{display: none;}
  .main-navigation .nav-menu li:hover .subMenu{visibility: hidden;}
  .main-navigation .nav-menu li .subMenu{position: static !important;display: none;box-shadow: none;max-height: 300px;overflow-y: scroll;}
  .main-navigation .nav-menu li.subMenuParent.openSubmenu .subMenu{display: block;visibility: visible;height: auto !important;}
  .subMenu .col{width: 100%;max-width: 100%;position: static !important;}
  .main-navigation .nav-menu > li:not(:last-child){border-bottom: 1px solid #353535;}
  .main-navigation .nav-menu li.subMenuParent{position: relative;}
  .main-navigation .nav-menu li.subMenuParent::after{position: absolute;font-family: 'FontAwesome';right: 10px;color: #fff;top: 8px;content:"\f106";}
  .main-navigation .nav-menu li.subMenuParent.openSubmenu::after{content:"\f107";}
  .main-navigation > ul > li > a:hover{color: #aeaeae;}
  .pageTitle h1{font-size: 30px;}
  .ays-pb-modal.ays-pb-modal_1{width: 95% !important;}
}

@media screen and (min-width: 576px) and (max-width: 767px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product h3{font-size: 17px;}
}

@media screen and (max-width: 575px){
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{width: 100%;}
  .pageTitle h1{font-size: 28px;}
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover, .woocommerce ul.products li.product a:hover{transform: scale(1.02);}
}

@media screen and (max-width: 360px){
  .headerSocial{display: none;}
}