/*
Theme Name: Royal Granite
Theme URI: http: http://thememotive.com/
Description: Child theme is the recommended way to modify an existing theme if you want to make changes in the theme.
Author: ThemeMotive
Author URI: http://thememotive.com/
Template: multipurpose
Version: 1.0.0
*/

body,li,p{line-height:1.4}
.cta h3,h2{font-weight:700}
.testIcons li:last-of-type svg #yellow-pages-new,.visBoxes>article>div,.wpcf7 input[type=submit],a,header nav a,input[type=submit]{transition:all ease-out .2s!important}
.home .serviceSection .columns,.visBoxes{overflow:visible}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 1rem}
.main{margin-bottom:0}
li,p{font-size:1.125rem}
.content a{color:#0032ad;opacity:.9}
.content a:hover{opacity:1}
.col1{margin:0}
.home .content .page.notitle p{padding-top:0}
.p-none{background-image:none}
header nav ul ul li a{padding:10px 15px}
aside.sidebar{-webkit-box-shadow:4px 4px 20px 0 rgba(0,0,0,.2);-moz-box-shadow:4px 4px 20px 0 rgba(0,0,0,.2);box-shadow:4px 4px 20px 0 rgba(0,0,0,.2);padding:2rem;box-sizing:border-box;color:#969696}
aside.sidebar h3{font-size:2rem;padding:8px 0;color:#e2e2e2!important}
aside.sidebar h3 span{display:inline-block;margin-bottom:-1px;padding:8px 0;border-bottom:none}
aside.sidebar a{color:#e2e2e2}
aside.sidebar a:hover{color:#fff}
.blackMarble,.breadcrumb,.serviceSection,aside.sidebar,footer,header .top{background:url(images/black-marble-pattern.jpg)!important}
.breadcrumb div{font-size:1rem!important}
.breadcrumb div a{color:#777}
body:not(.home) .root>section.content{padding-top:80px;padding-bottom:80px}
.innerbannerArea{padding:5rem 0;background-position:center 70%;position:relative}
.innerbannerArea:before,ul.slides li:before{position:absolute;content:'';left:0}
.innerbannerArea:before{top:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:0}
header.h1 nav.mainmenu>ul>li.current-menu-ancestor:hover{height:30px!important}
.page>h2,.page>p:first-child,aside{margin-top:0}
.wpcf7 input[type=submit]{color:#212121!important;font-size:1.5rem!important;background-color:#fee600!important;padding:1rem 2.5rem!important;display:inline-block;box-shadow:none!important}
.wpcf7 input[type=submit]:hover{color:#212121!important;background-color:#E6E6E6!important;box-shadow:none!important}
hr{margin:3rem 0 3.5rem}
.headertitle h1{font-size:5rem;line-height:1}
h2{font-size:2.5rem;line-height:1}
.highlightTxt{font-size:1.5rem;margin-bottom:2rem}
.centerTxt{text-align:center}
.page-id-270 .innerbannerArea{background-position:center}
@media screen and (max-width:800px) {
.headertitle h1{font-size:3rem}
h2{font-size:2rem}
.innerbannerArea{padding:2rem 0}
aside.sidebar{margin:4rem 0 0}
#fullwidth-container-1,.cta,body:not(.home) .root>section.content,footer{padding-top:60px!important;padding-bottom:60px!important}
}
@media screen and (max-width:600px) {
.root>section .cta{margin:0 -10px}
}
header p.title{margin:20px 0 28px}
header .main-header-wrapper{padding:0;background:url(images/granite-pattern.jpg)}
header.sticky{-webkit-box-shadow:4px 4px 20px 0 rgba(0,0,0,.2);-moz-box-shadow:4px 4px 20px 0 rgba(0,0,0,.2);box-shadow:4px 4px 20px 0 rgba(0,0,0,.2)}
header.sticky img{width:auto;max-height:80px}
header.sticky .main-header-wrapper{padding:10px 0}
header.sticky .main-header-wrapper .headCta{display:none}
header .top{background-color:#212121;box-shadow:none;margin-right:-20px}
header .top nav>ul>li>a{display:inline-block;height:30px;padding:0 10px;line-height:30px;font-size:1rem;color:#fff}
header .top nav>ul>li:hover>a{background-color:transparent;color:#ccc}
.h1 .mainmenu>ul>li.current-menu-ancestor:hover>a,.h1 .mainmenu>ul>li.current-menu-item:hover>a,.h1 .mainmenu>ul>li.current_page_item:hover>a{padding:0 20px!important;border-left:none!important}
.top nav>ul>li.current-menu-ancestor>a,.top nav>ul>li.current-menu-item:hover>a,.top nav>ul>li.current-menu-item>a,.top nav>ul>li.current_page_item:hover>a,.top nav>ul>li.current_page_item>a{background-color:#3c3c3c}
header.h1 nav.mainmenu>ul>li>ul{top:43px!important}
#menu-item-268 .sub-menu{width:320px}
@media (max-width:1280px) {
header section{padding-left:14px;padding-right:8px}
.main-header-wrapper nav.mainmenu>ul{margin-right:0!important}
}
@media only screen and (min-width:1001px) {
.homeBtn{display:none}
}
@media (max-width:400px) {
header .top nav{padding:0;margin:0 auto}
}
header.h1:not(.sticky) .main-header-wrapper nav.mainmenu{margin-top:32px}
.sticky .main-header-wrapper nav.mainmenu{margin-top:15px}
.main-header-wrapper nav.mainmenu>ul>li{padding-bottom:0;padding-top:0}
.main-header-wrapper nav.mainmenu>ul>li:hover{height:auto;padding-top:10px!important}
.main-header-wrapper nav.mainmenu>ul{margin-right:-20px}
.main-header-wrapper nav.mainmenu>ul>li>a{font-size:1.25rem;line-height:1!important;height:auto;padding:0 20px;border-left:none;color:#525252}
.main-header-wrapper nav.mainmenu>ul>li:hover>a{color:#868686}
.main-header-wrapper nav.mainmenu>ul>li:hover>a,.top nav>ul>li>a:hover{background-color:transparent;border-bottom:none}
.cbp-spmenu li{border-bottom:1px solid #e8e8e8}
.cbp-spmenu>ul li:first-of-type{border-top:1px solid #e8e8e8}
@media screen and (min-width:801px) {
header.h1.sticky nav.mainmenu>ul>li:hover,header.h1.sticky nav.mainmenu>ul>li>a{margin-top:0!important}
header.h1.sticky nav.mainmenu>ul>li:hover>a{padding-top:0!important}
}
@media only screen and (max-width:1300px) {
header .top{margin-right:0}
}
@media only screen and (max-width:1200px) {
.main-header-wrapper nav.mainmenu>ul>li>a{font-size:1.25rem}
}
@media only screen and (max-width:1100px) {
.h1 .mainmenu>ul>li.current-menu-item:hover>a,.h1 .mainmenu>ul>li.current_page_item:hover>a,.main-header-wrapper nav.mainmenu>ul>li>a{font-size:1.25rem;padding:0 10px!important}
header.h1 nav.mainmenu>ul>li:hover>a{padding-left:10px!important}
}
@media only screen and (max-width:1000px) {
header p.title img{width:250px}
.menu-toggle{margin-top:37px}
#assistantPopup { bottom: 70px !important; }
}
.cta{padding:80px 4%}
.cta h3{color:#212121;font-size:3rem;line-height:1.2;padding:0;margin:0}
.cta p{margin:2rem 0 3rem;font-size:1.4rem;color:#777}
.ctabtn,.productsList a{color:#212121!important;font-size:1.5rem;line-height:1;padding:1.5rem 2.5rem 1.625rem;font-weight:700}
.ctabtn{background-color:#fee600;display:inline-block}
.ctabtn:hover,.productsList a:hover{background-color:#fff26e}
.productsList{margin-top:4rem}
.productsList a{background-color:#fee600;width:100%;height:100%;display:block;box-sizing:border-box}
.productsList a.blueBtn{color:#fff!important;background-color:#1945b4}
.productsList a.blueBtn:hover{background-color:#3b68da}
@media only screen and (max-width:800px) {
.cta h3{font-size:1.75rem}
}
footer{padding-top:60px;padding-bottom:60px;color:#aeaeae}
footer section article:nth-of-type(2) h3{opacity:0}
.t01 footer h3,.t01 footer h3 span{font-size:2rem;border-bottom:none;color:#aeaeae}
footer a{font-size:1.125rem}
footer section.bottom{margin-top:40px;padding-left:10px!important;padding-right:10px!important}
footer section.bottom p{padding:40px 0 0;font-size:1rem;text-align:left}
footer section.bottom a{font-size:1rem}
.mobileContact{-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,.4);box-shadow:0 0 40px 0 rgba(0,0,0,.4)}
.reviewBtn{display:inline-block;margin-top:20px;margin-right:10px;background-color:#ccc;padding:15px;color:#fff!important;opacity:.9}
.reviewBtn:hover{opacity:1}
.reviewBtn i{margin-right:5px}
.reviewBtn.facebookBtn{background-color:#3b5998;margin-right:10px}
.reviewBtn.facebookBtn i{margin-right:10px}
.reviewBtn.googleBtn{background-color:#ea4335}
.footer .reviewBtn{clear:both;float:left}
@media screen and (max-width:1040px) {
.ctabtn{font-size:1.325rem}
}
@media only screen and (max-width:480px) {
footer section article:nth-of-type(2) h3{display:none}
footer section article:first-of-type,footer section article:first-of-type .textwidget ul{margin-bottom:0}
footer section article:nth-of-type(2) .textwidget ul{margin-top:0}
}
@media screen and (min-width:481px) {
footer>section.widgets{display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:-ms-wrap;flex-wrap:webkit-wrap;flex-wrap:wrap}
}
a.go-top{background-color:#0032AD;bottom:110px;}
.flexslider .slides li{background-position:center 17%}
div.flexslider{margin:0}
.flex-direction-nav{display:none}
ul.slides li:before{top:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:-1}
ul.slides li div.basic{z-index:9999;max-width:1000px;padding:175px 0}
ul.slides li div.basic .hero-title,ul.slides li div.basic h3{margin:0 0 1rem;color:#ccc;font-size:4.125rem;font-weight:700;line-height:1.1;margin-bottom:1rem;-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(transparent,transparent),url(images/marble-pattern.jpg);background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text;background-position:center left}
ul.slides li div.basic p{color:#fff;font-size:1.5rem;line-height:1.4;margin-top:0;margin-bottom:3rem}
ul.slides li .basic a{color:#ffe700;font-size:1.5rem;font-weight:700;padding:.875rem 1.5rem;border:4px solid #ffe700;display:inline-block}
ul.slides li .basic a:hover{color:#212121;background-color:#ffe700}
ul.slides li .basic a:first-of-type{margin-right:2rem}
@media screen and (max-width:1240px) {
ul.slides li div.basic{padding-left:2rem;padding-right:2rem}
}
@media screen and (max-width:1040px) {
ul.slides li div.basic .hero-title,ul.slides li div.basic h3{font-size:4rem}
ul.slides li div.basic a,ul.slides li div.basic p{font-size:1.5rem}
}
@media screen and (max-width:800px) {
div.flexslider .slides>li,div.flexslider:not(.carousel) .slides{min-height:600px}
ul.slides li div.basic{padding:72px 2%}
ul.slides li div.basic .hero-title,ul.slides li div.basic h3{font-size:2.75rem}
ul.slides li div.basic a,ul.slides li div.basic p{font-size:1.325rem}
ul.slides li .basic a:first-of-type{margin-right:1rem}
}
@media screen and (max-width:500px) {
ul.slides li div.basic a{display:block;width:96%;padding-left:0;padding-right:0;margin:0}
ul.slides li div.basic a:first-of-type{margin-bottom:1.1rem}
}
@media (max-width:480px) {
ul.slides li div.basic .hero-title,ul.slides li div.basic h3{font-size:2rem}
ul.slides li div.basic p{font-size:1rem}
}
.content .main h2{font-size:2.825rem;line-height:1.2;margin:0 0 1rem;font-weight:700}
.content .main img{-webkit-box-shadow:2px 2px 20px 0 rgba(0,0,0,.2);-moz-box-shadow:2px 2px 20px 0 rgba(0,0,0,.2);box-shadow:2px 2px 20px 0 rgba(0,0,0,.2)}
.home .serviceSection{padding:80px 0;background-color:#212121}
.home .serviceSection h2{line-height:1.2;color:#e2e2e2}
.home .serviceSection p{color:#969696}
.home .serviceSection section article:hover a{transform:translateY(-4px);-webkit-box-shadow:4px 20px 20px 0 rgba(0,0,0,.5);-moz-box-shadow:4px 20px 20px 0 rgba(0,0,0,.5);box-shadow:4px 20px 20px 0 rgba(0,0,0,.5)}
.home .serviceSection section article a.stitle{display:block;background-color:#969696;text-align:center;padding:8% 8% 10%;color:#e6e6e6}
.home .serviceSection section article:hover a.stitle{background-color:#a0a0a0}
.home .serviceSection section article a span img{width:100%}
.home .serviceSection section article a.stitle span{font-size:2.5rem;font-family:"Crimson Text";margin-bottom:1rem;color:#fff}
.home .serviceSection section article a{display:block;color:#fff}
.home .serviceSection section article a.servimg span{position:relative}
.home .serviceSection section article a.servimg span:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.1;z-index:0;transition:all ease-out .2s!important}
.custTest>div:before,.testimonial-slider .testimonial>p:before{content:"- "}
.home .serviceSection section article:hover a.servimg span:before{opacity:0}
.home .serviceSection section article a.stitle{font-size:1.5rem;line-height:1.2}
@media screen and (max-width:800px) {
.content .main h2,.home h2,h2{font-size:1.825rem}
}
@media (max-width:480px) {
.home .serviceSection section article a.stitle{font-size:1rem}
}
.wpcf7 .select,.wpcf7 input,.wpcf7 textarea{width:100%;padding:20px}
.wpcf7 input[type=submit]{margin-top:1.5rem}
.custTest{display:block;margin-bottom:2rem;font-size:1.5rem;background-color:#f1f1f1;padding:8%;line-height:1.6;border-left:4px solid #FEE600}
.custTest>div{font-size:1.5rem;font-weight:700}
.testIcons li:first-child{margin-left:0}
.testIcons li,.testIcons li a{display:inline-block}
.columns .testimonial-slider h2.underline,.fbx-modal .fbx-caption,.testimonial-slider .controls,.testimonial-slider h2.underline,h2.underline span{display:none}
.testIcons li:last-of-type svg{width:80px;height:80px;margin-bottom:-17px}
.testIcons li:last-of-type svg:hover #yellow-pages-new{fill:#fee600}
.testIcons li a:hover{color:#fee600}
@media only screen and (max-width:800px) {
.custTest,.custTest>div{font-size:1.125rem}
}
@media only screen and (max-width:400px) {
.testIcons li{box-sizing:content-box;width:18%;text-align:center;padding:2%;margin:0 2% 0 0}
.testIcons li:last-child{margin:0 0 0 -25px}
}
.foogallery-container{margin:0}
.foogallery{margin-top:3rem}
.page-id-272 .content .ctabtn{margin-top:1rem}
.foogallery-simple_portfolio .bf-caption>h4{border-bottom:none!important}
.visBoxes{margin-top:3.5rem}
.visBoxes>article>div{height:100%;padding:45px 3% 35px;box-sizing:border-box;border:1px solid #e6e6e6;border-left:4px solid #003D7C;text-align:center}
.visBoxes>article>div:hover{-webkit-box-shadow:2px 2px 15px 0 rgba(0,0,0,.15);-moz-box-shadow:2px 2px 15px 0 rgba(0,0,0,.15);box-shadow:2px 2px 15px 0 rgba(0,0,0,.15)}
.content .main .visBoxes>article>div h2{font-size:2rem;color:#003D7C;margin-bottom:30px}
.visBoxes>article>div .ctabtn{font-size:1rem}
body.page-id-270 .root>section.content,body.page-id-272 .root>section.content{padding-top:0!important;padding-bottom:0!important}
#fullwidth-container-1 .col h3{font-size:2.5rem;font-weight:700;margin:0 0 1rem}
.inlineLst li,.testimonial-slider .testimonial>div p{font-size:1.5rem}
.inlineLst,.testimonial-slider{margin-top:2rem}
.darkBg h3{color:#e2e2e2}
.darkBg .inlineLst,.darkBg p{color:#969696}
.testimonial-slider .testimonial>div>p:first-child{background-image:none;text-indent:0}
.testimonial-slider .testimonial>div{border-bottom:none}
.testimonial-slider .testimonial>div:before{display:none;background:0 0}
.testimonial-slider .testimonial{background-color:#f1f1f1;padding:1rem 2rem;border-left:4px solid #FEE600}
.testimonial-slider .testimonial>div>p{font-style:normal}
.testimonial-slider .testimonial>p{font-size:1.5rem;font-weight:700}
.inlineLst{list-style:disc}
.inlineLst li{display:inline-block;margin:0 0 1.5rem 1.5rem}
.faqList,.faqList li:first-of-type,.faqList li:first-of-type h3{margin-top:0}
.inlineLst li:before{content:"\2022";margin-right:.25rem}
.faqList li{margin-left:0}
.flex{display:flex;flex-wrap:wrap;justify-content:center}
#fullwidth-container-1 .processSec i{font-size:80px;color:#003d7c;margin:0 0 20px}
#fullwidth-container-1 .processSec h2{margin-bottom:50px}
#fullwidth-container-1 .processSec h3 strong{display:block;font-size:2.5rem;color:#003d7c}
#fullwidth-container-1 .processSec h3{margin-bottom:1rem;font-size:1.5rem}
.our-process-box h3{font-size:2.825rem;margin-top:1rem;margin-bottom:0;color:#003d7c}
.our-process-box h3 strong{font-size:2rem;display:block;margin-bottom:0;color:#747474}
.our-process-box>p>i{color:#fee600}
.supplierList{box-sizing:content-box;background-color:#e6e6e6;padding:10%}
.supplierList h3{text-align:left;margin-top:0;padding-bottom:.25rem;border-bottom:1px solid #ccc}
.supplierList ul{list-style:none}
.supplierList li{margin:0 0 1rem}
.supplierList li strong{color:#003d7c}
.page-id-464 .col2{padding-top:0}
@media only screen and (max-width:1200px) {
.page-id-272 .foogallery-default a{width:20%}
.page-id-270 .foogallery-default a{width:33.3333333%}
}
@media only screen and (max-width:800px) {
.page-id-272 .foogallery-default a{width:25%}
.page-id-270 .foogallery-default a{width:50%}
#fullwidth-container-1 .col h3{font-size:1.5rem}
.testimonial-slider .testimonial{background-color:#f1f1f1;padding:1rem;border-left:4px solid #FEE600}
.testimonial-slider .testimonial>div p,.testimonial-slider .testimonial>p{font-size:1.125rem}
.inlineLst li{margin:0 0 .5rem .5rem;font-size:.875rem}
}
@media (max-width:480px) {
.cta p,p{font-size:1rem}
.headertitle,.root>section{padding:0 10px}
header section{padding-left:10px;padding-right:8px}
.serviceSection p{text-align:left}
.serviceSection h2{margin-top:0;font-weight:800;text-align:left}
.highlightTxt{font-size:1.25rem}
.hide_on_mobile{display:none}
}
input#gform_submit_button_1, input#gform_submit_button_2 {background-color: #fee600;border: 0;transition:.2s ease all;}
input#gform_submit_button_1:hover, input#gform_submit_button_2:hover {background-color: #003d7c;color: #ffffff;transition:.2s ease all;}