/*
Theme Name: JCW Theme 2022
Theme URI: 
Description:  JC Whelan  Theme
Author URI: 
Version: 3.4
*/

/*google fonts
font-family: 'Kanit', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Montserrat',sans-serif;
green #a6ce39 ( #bce159 )
yellow: #f8ad07

*/
:root {	
	--font1: 'Kanit',sans-serif;
	--font2: 'Poppins',sans-serif;
	--font3: 'Montserrat',sans-serif;
	--color1: #bce159;
	--color2: #eeb537;
	--color3: #878787;
	--color4: #444;
	--color5: #9cb55b;
	--color6: #cca857;
	--back1: #f7f8f0;
}






body{font-family:'Kanit',sans-serif;color:#333;font-size:18px;font-weight:300}
a{color:var(--color1);text-decoration:none}
a:hover{color:#f8ad07}


.main-header{background:#ffffff6e}
.main-header .widget-wrap{display:inline-block}

.main-header .top-header{padding:5px 0 4px;font-size:16px;background:#ffffff8c;color:#555}
.main-header .top-header p{margin:0;padding:0}
.main-header .top-header .top-details{text-align:right;margin:0;padding:0}
.main-header .top-header .top-details .fa{margin:0 4px 0 0;display:inline-block;font-size:14px;color:var(--color2);position:relative;top:-1px}
.main-header .top-header .top-details a{text-decoration:none;color:var(--color2);font-weight:500;font-size:18px;line-height:1}
.main-header .top-header .top-details a:hover{color:var(--color5)}
.main-header .top-header .get{margin:0 0 0 25px}
.main-header .top-header .get a{color:#fff;background:var(--color1);padding:3px 18px;font-family:Montserrat,sans-serif;font-weight:600;border-radius:4px;border:solid 1px var(--color1)}

.main-header .header{padding:5px 0 0}
.main-header .header .logo img{width:auto;height:auto;max-width:100%;margin:5px 0 10px}
.main-header .header .mid-right{float:right;margin-bottom:25px}
.main-header .header .widget-wrap.widget_block{display:inline-block}
.main-header .header-below1{text-align:center;color:#fff;padding:0;font-size:18px;background:var(--color5)}
.main-header .header-below1 .widget-wrap{padding:3px 0}
.main-header .header-below1 p{margin:0;padding:0}
.main-header .header-below1 a{color:#fff;text-decoration:underline}
.main-header .header-below2{background:var(--color4);text-align:center;color:#333;padding:0;font-size:18px}
.main-header .header-below2 .widget-wrap{padding:3px 0}
.main-header .header-below2 p{margin:0;padding:0}
.main-header .header-below2 a{color:#fff;text-decoration:underline}
.main-header .header-below1,.main-header .header-below2,.main-header .top-header{transition-timing-function:ease-in-out;transition:all .5s}


/* Menu */
.navWrap{background:transparent;width:auto;float:right;margin-top:53px}
.navbar{background-color:transparent;border-color:transparent;margin:0;padding:0}
.navbar ul.navbar-nav{font-size:22px}
.navbar ul.navbar-nav>li{border-left:solid 1px #f5f9ed}
.navbar ul.navbar-nav>li:first-child{border:none}
.navbar .caret,.navbar .dropdown-toggle::after{display:none}
.navbar ul.navbar-nav>li a{padding:5px 20px!important;line-height:1;color:#333}
.navbar ul.navbar-nav>li a:hover{color:var(--color5)}
.navbar ul.navbar-nav>li.active a{color:var(--color5)}
.navbar ul.navbar-nav>li:first-child a{padding-left:0!important}
.navbar ul.navbar-nav>li:last-child a{padding-right:0!important}
.navbar ul.navbar-nav .dropdown-menu{margin-top:-1px;min-width:15rem;background:#eaeadf;}
.navbar ul.navbar-nav .dropdown-menu li a{padding:7px 7px!important;font-size:18px}
.navbar ul.navbar-nav .dropdown-menu li a:hover{color:var(--color5)}



/* Mobile Menu */
#mobile{position:fixed;left:-90%;top:0;overflow-x:auto;width:90%;height:100%;z-index:1700;max-width:400px;padding-top:0;-webkit-transition:left .1s linear 0s;-moz-transition:left .1s linear 0s;-ms-transition:left .1s linear 0s;-o-transition:left .1s linear 0s;transition:left .1s linear 0s;background:var(--color1);color:var(--color3);border:solid 2px var(--color3)}
#mobile.fa{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;-transition:all .25s ease;float:right}
.rotate45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.mobilemenu .menubutton{display:none;border:solid 0 transparent;border-radius:4px;padding:5px 10px;font-size:20px;line-height:20px;color:#fff;background-color:var(--color3)}
.mobilemenu .filterbutton:hover,.mobilemenu .menubutton:active{color:#fff}
.mobilemenu .mobile-header{background:#fff;margin:0;padding:10px 10px 0;text-align:center;border-bottom:solid 2px var(--color3)}
.mobilemenu img.mobile-logo{width:75%;display:inline-block;max-width:180px;margin-top:7px}
.mobilemenu .mobile-logo{font-size:28px;display:inline-block;width:calc(100% - 40px);line-height:1;position:relative;top:-10px;text-transform:uppercase;font-weight:600;color:var(--color3)}
.mobilemenu button.menuClose{position:absolute;top:0;right:0;color:var(--color3);background:0 0;font-size:30px;padding:5px 10px;border:0;line-height:30px}
.mobilemenu .menu-wrap{width:100%;margin-top:10px}
.mobilemenu .menu-wrap ol,.mobilemenu .menu-wrap ul{margin:0;padding:0;text-align:left}
.mobilemenu .menu-wrap li{list-style:none;padding:3px 15px;margin:0}
.mobilemenu .menu-wrap a{text-decoration:none;transition:all .25s ease;color:var(--color4);font-weight:500;font-size:20px;text-transform:uppercase}
.mobilemenu .menu-wrap ul li span.fa{color:var(--color4);position:absolute;right:15px;cursor:pointer;padding-top:3px;font-size:19px}
.mobilemenu .menu-wrap ul ul{display:none;padding-top:8px}
.mobilemenu .menu-wrap ul li ul li{padding:2px 15px}
.mobilemenu .menu-wrap ul li ul li a{text-transform:uppercase;font-size:18px;padding:0}
.mobilemenu .menu-wrap a:hover{color:var(--color3)}

.site-footer{background:#111;color:#fff}
.site-footer a{color:#aaa}
.site-footer .main-footer{padding:20px 0 45px}
.site-footer .footer-1{display:flex}
.site-footer .footer-1 .widget-wrap{display:inline-flex;flex:33%;align-items:center}
.site-footer .footer-1 .contact{font-size:15px;line-height:1.3;color:var(--color2)}
.site-footer .footer-1 .contact a{color:var(--color2)}
.site-footer .footer-1 .wp-block-image{margin:0 auto 20px}
.site-footer .footer-1 .social{list-style:none;margin:0 0 0 auto;padding:0}
.site-footer .footer-1 .social li{display:inline-block;padding:0 0 0 10px}
.site-footer .footer-1 .social li a{color:var(--color2);font-size:24px}
.site-footer .footer-2 .menu{list-style:none;margin:0;padding:25px 0 0;text-align:center}
.site-footer .footer-2 .menu li{display:inline-block;padding:0 15px;border-right:solid 1px #222;font-size:16px}
.site-footer .footer-2 .menu li:last-child{border-right:none}
.site-footer .site-info{border-top:solid 1px #191919;padding:10px 0}
.site-footer .site-info p{margin:0;font-size:14px;text-align:center;color:#999}


/* Home Page *********************/
.banner-section{height:600px;padding-top:250px;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner-section .banner{display:flex;align-items:center}
.banner-section .banner .hd{font-size:36px;font-weight:600;font-family:Montserrat,sans-serif;width:90%;margin-right:auto;text-align:left;color:var(--color4)}
.banner-section .banner .hd2 h1{font-size:50px;text-align:left;font-weight:500;color:var(--color1);text-shadow:1px 1px 24px #111111a1;line-height:1}

.hdr{font-size:34px;font-family:Montserrat,sans-serif;color:var(--color4);font-weight:600;padding:0 0 10px 0;line-height:1.3}
.hdr2{font-size:19px;color:var(--color1)}
.after-hdr{display:block;border:solid 1px var(--color4);width:65px;margin:0 auto 21px 66px;position:relative;height:3px;background:var(--color4)}
.after-hdr::before{content:' ';border-top:solid 3px var(--color6);height:1px;width:65px;display:inline-block;margin:0;position:relative;left:-66px;top:-18px}
.after-hdr::after{content:' ';border-top:solid 3px var(--color5);height:1px;width:65px;display:inline-block;margin:0;position:relative;left:64px;top:-45px}
section .hd-cntr{padding:0 10% 55px;text-align:center}
section .hd-cntr .after-hdr{margin:0 auto 20px}
section .hd-cntr .cnt{font-size:26px;color:var(--color3)}
a.more{color:var(--color4);background:var(--color2);padding:3px 15px;font-size:15px;border-radius:4px;line-height:1}
a.more:after{content:'\f061';font-family:'Font Awesome\ 5 Free';display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-left:8px;position:relative;font-size:13px}


/*.after-hdr{display:block;border:solid 1px var(--color4);width:75px;margin:0 auto;position:relative;height:3px;background:var(--color4)}
.after-hdr::before{content:' ';border-top:solid 3px var(--color6);height:1px;width:75px;display:inline-block;margin:0;position:relative;left:-76px;top:-18px}
.after-hdr::after{content:' ';border-top:solid 3px var(--color5);height:1px;width:75px;display:inline-block;margin:0;position:relative;left:74px;top:-45px}
.hdr{margin:0 auto;text-align:center;padding:0 0 65px}
.hdr .cnt{font-size:36px;font-weight:500;padding-bottom:10px;text-transform:uppercase}
*/

.why-section{ padding:50px 0; text-align:center;}
/*.why-section .cont{background:#fff;box-shadow:0 0 1.25rem 0 rgb(0 0 0 / 15%);border-radius:10px;padding:26px 0}*/
.why-section .hdr{padding:0 0 30px 0}
.why-section .val-item{background:#fff;padding:0 15px;text-align:center;border-right:solid 1px #ccc;margin:0 -12px;min-height:125px}
.why-section .val-item.val-0{margin:0 -12px 0 0}
.why-section .val-item.val-5{border:none;margin:0 0 0 -12px}
.why-section .val-item .blck{background:var(--color1);width:52px;margin:0 auto;padding:12px;border-radius:10px}
.why-section .val-item .blck img{width:100%}
.why-section .val-item .cnt{padding:25px 0 0;font-size:20px;font-weight:600;font-family:Montserrat,sans-serif;line-height:1.2}
.why-section .val-item .blck.blck-1{background:var(--color3)}
.why-section .val-item .blck.blck-2{background:var(--color2)}
.why-section .val-item .blck.blck-3{background:var(--color4)}
.why-section .val-item .blck.blck-4{background:var(--color5)}
.why-section .val-item .blck.blck-5{background:var(--color6)}

.about-section{padding:60px 0 30px;background:var(--back1)}
.about-section .cnt{line-height:1.7}
.about-section .image{width:425px;max-width:100%}
.about-section.about1 .image{margin:0 0 0 auto}
.about-section.about2 .image{margin:0 auto 0 0}
.about-section .image img{width:100%}
/*.about-section .image .image-wrap{border: solid 1px #f8ad07;border-radius: 2px;margin-top: 5px;width: 100%;height: 425px;padding: 20px;}
.about-section.about2 .image .image-wrap{border: solid 1px #f8ad07;border-radius: 2px;margin-top: 5px;width: 100%;height: 334px;padding: 20px;}*/
.about-section .image .image-wrap{border:solid 3px var(--color5);border-radius:6px;margin-top:5px;width:100%;padding:10px;box-shadow:0 0 .85rem 0 rgba(0,0,0,.15);background:#fafafa;border-left-color:var(--color3);border-bottom-color:var(--color6);border-right-color:var(--color4)}
.about-section .image .image-wrap img{border-radius:4px}

.service-section{padding:70px 0 30px}
.service-section .serv-item{background:#f2f7f3;border-radius:12px;box-shadow:0 0 16px 0 rgba(0,0,0,.2);padding:25px;margin:0 15px 40px;background:var(--back1);box-shadow:0 0 .95rem 0 rgba(0,0,0,.15)}
.service-section .serv-item .blck{border-radius:10px;padding:15px;width:40%;margin:0 auto}
.service-section .serv-item .blck img{width:100%;height:auto}
.service-section .serv-item .blck.blck-0{background:var(--color1)}
.service-section .serv-item .blck.blck-1{background:var(--color2)}
.service-section .serv-item .blck.blck-2{background:var(--color4)}
.service-section .serv-item .blck.blck-3{background:var(--color5)}
.service-section .serv-item .blck.blck-4{background:var(--color6)}
.service-section .serv-item .blck.blck-5{background:var(--color3)}
.service-section .serv-item a{text-decoration:none}
.service-section .serv-item .cnt{min-height:180px;padding:15px 0 0;text-align:center}
.service-section .serv-item .hd{color:#333;font-family:Montserrat,sans-serif;font-weight:600;padding:10px 0 5px;font-size:26px;line-height:1.3}

.portfolio-section{background:#555;padding:50px 0;margin-top:0}
.portfolio-section .hdr{color:#fff}
.portfolio-section  a.more{color:#fff}
.portfolio-section .cnt{color:#979797}
.portfolio-section .proj-item .blck{min-height:260px;background-size:cover;border:solid 5px #555;border-block-width:2px}

.review-section{padding:60px 0;background:#e5e4e4;background:#e4e6e4}
.review-section .hdr2{color:var(--color5)}
.review-section .carousel{padding-bottom:20px}
.review-section .carousel .carousel-inner .carousel-item{padding:65px 40px 50px}
.review-section .carousel .carousel-inner p{margin:0}
.review-section .carousel .carousel-item{min-height:185px}
.review-section .rev{background:#f9f9f9;padding:21px 18px;border-radius:10px;border:solid 1px #dfdfdf}
.review-section .rev .quote{position:relative;top:18px;font-size:65px;font-family:'Times New Roman',Times,serif;line-height:.05;font-weight:700;color:#aaa;/*! display: none; */
margin:0 9px 0 0;float:left}
.review-section .rev .testimony{text-align:left;font-size:16px;font-style:italic;color:#555;line-height:1.6;min-height:235px}
.review-section .rev .title{font-size:17px;font-family:Montserrat,sans-serif;font-weight:600;text-align:left;margin-top:25px}
.review-section .rev .closing{text-align:left;font-size:14px;color:var(--color1);min-height:42px}
.review-section .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.review-section .carousel .carousel-indicators button.active{border-color:var(--color2);background:var(--color2)}
.review-section .carousel .carousel-indicators{margin-bottom:0}


.contact-section{background:#eff2f8;background:#eee;padding:60px 0 80px;background:var(--back1)}
.contact-section .hd-lft{padding:0 30%;text-align:center}
.contact-section .after-hdr{margin-left:auto;margin-right:auto}
.contact-section .form-wrap{width:460px;max-width:100%;margin:0 auto}
.contact-section .gform_wrapper.gravity-theme{width:450px;max-width:100%;font-family:Montserrat,sans-serif;padding:30px 25px 5px;box-shadow:0 0 1.25rem 0 rgb(0 0 0 / 15%);border-radius:10px;background:#fcfcfc}
.contact-section .gform_wrapper.gravity-theme .gfield_label{display:none}
.contact-section .gform-body .gfield input,.contact-section .gform-body .gfield textarea{border-radius:5px 5px 0 0;border:solid 1px #eee;border-bottom:solid 2px var(--color5)}
.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{font-size:16px}
.contact-section .gform_wrapper.gravity-theme legend.gfield_label{display:block;font-weight:400}
.contact-section .gform-body .gfield .gfield_checkbox .gchoice{float:left;width:45%}
.contact-section .gform-body .gfield .gfield_checkbox label{font-size:13px}
.contact-section .gform_wrapper.gravity-theme .gfield textarea.large{height:80px}
.contact-section .gform-body .gfield .gfield_checkbox .gchoice.gchoice_1_8_2{width:55%}
.contact-section .gform_footer .gform_button{margin:0 auto;padding:7px 50px;border:solid 1px var(--color6);border-radius:5px;color:#fff;font-weight:600;background:var(--color6)}


#portModal{z-index:2200}
#portModal .modal-header .btn{background:var(--color1)}
#portModal .modal-img{max-width:100%;width:auto}
#portModal .modal-body{background:#00000099}

.portModal{z-index:2200}
.portModal .modal-header .btn{background:var(--color1)}
.portModal .modal-img{max-width:100%;width:auto}
.portModal .modal-body{background:#00000099}

/*----------------------------------------------------------------------*/
/* Inner Pages */

/*.page-header{background-image:url(images/green-bg2.jpg);background-size:cover;background-repeat:no-repeat;padding:190px 0 30px}
.page-header h1{color:#fff;font-family:Montserrat,sans-serif;font-weight:500}
.page-header h2{color:#f2fbda;font-weight:300}*/
.page-header{background-image:url(images/header-bg.jpg);background-size:cover;background-repeat:no-repeat;padding:190px 0 30px;background-position-y: 10%;}
.page-header h1{color:#fff;font-family:Montserrat,sans-serif;font-weight:500;font-weight: 600;text-shadow: 0 0 15px #eeb5374a;color: #555;}
.page-header h2{color:#f2fbda;font-weight:300;color:#fafae2;color: var(--color1);/*! text-shadow: 0 0 15px #f0f3e4bd; */color: #555;font-size: 1.5rem;}

/*.page-header{background-image:url(images/green-bg-lt.jpg);background-size:cover;background-repeat:no-repeat;padding:190px 0 30px}
.page-header h1{font-family:Montserrat,sans-serif;font-weight:500;color:#333}
.page-header h2{font-weight:300;color:#555;font-size:1.8rem}*/
.page-content{padding:30px 0}
.page-content p{line-height:1.8}
.page-content .featured img{width:100%;height:auto}

.value-section{margin:0 auto;padding:50px 0}
.value-section .cont{padding:30px 0}
.value-section .val-item{background:#fff;padding:0 20px;text-align:center;border-right:solid 1px #ddd;margin:0 -12px;min-height:205px}
.value-section .val-item.val-0{margin:0 -12px 0 0}
.value-section .row .col-md-3:last-child .val-item{border:none;margin:0 0 0 -12px}
.value-section .val-item .blck{background:var(--color1);width:34%;margin:0 auto;padding:12px;border-radius:10px}
.value-section .val-item .blck img{width:100%}
.value-section .val-item .cnt{padding:20px 0 0;font-size:18px;font-weight:600;font-family:Montserrat,sans-serif;line-height:1.2}
.value-section .val-item .cnt-ex{font-size:16px;color:#666;padding:8px 10px 0}
.value-section .val-item .blck.blck-1{background:var(--color3)}
.value-section .val-item .blck.blck-2{background:var(--color2)}
.value-section .val-item .blck.blck-3{background:var(--color4)}

/*.rev-section{padding:50px 0;margin:0 auto}
.rev-section .reviews{width:68%;margin:0 auto}
.rev-section .carousel .carousel-inner .carousel-item{padding:0 0 50px}
.rev-section .carousel .carousel-inner p{margin:0}
.rev-section .rev{background:#fcfcfc;padding:20px 18px;border-radius:10px;border:solid 1px #eaeaea;box-shadow:0 0 .95rem 0 rgba(0,0,0,.15)}
.rev-section .rev .quote{position:relative;top:18px;font-size:65px;font-family:'Times New Roman',Times,serif;line-height:.05;font-weight:700;color:#aaa;margin:0 9px 0 0;float:left}
.rev-section .rev .testimony{text-align:left;font-size:16px;font-style:italic;color:#555;line-height:1.6}
.rev-section .rev .title{font-size:17px;font-family:Montserrat,sans-serif;font-weight:600;text-align:left;margin-top:25px}
.rev-section .rev .closing{text-align:left;font-size:14px;color:var(--color1)}
.rev-section .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.rev-section .carousel .carousel-indicators button.active{border-color:var(--color2);background:var(--color2)}*/

.rev-section .carousel .carousel-inner .carousel-item{padding:0 0 50px}
.rev-section .carousel .carousel-inner p{margin:0}
.rev-section .rev{background:#fcfcfc;padding:20px 18px;border-radius:10px;border:solid 1px #eaeaea;box-shadow:0 0 .95rem 0 rgba(0,0,0,.15)}
.rev-section .rev .quote{position:relative;top:18px;font-size:65px;font-family:'Times New Roman',Times,serif;line-height:.05;font-weight:700;color:#aaa;margin:0 9px 0 0;float:left}
.rev-section .rev .testimony{text-align:left;font-size:16px;font-style:italic;color:#555;line-height:1.6}
.rev-section .rev .title{font-size:17px;font-family:Montserrat,sans-serif;font-weight:600;text-align:left;margin-top:25px}
.rev-section .rev .closing{text-align:left;font-size:14px;color:var(--color1)}
.rev-section .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.rev-section .carousel .carousel-indicators button.active{border-color:var(--color2);background:var(--color2)}


.post-type-archive-cpt_review{background:#eaebea/*var(--back1)*/}
.review-section.inner{background:transparent}
.review-section.inner .rev{margin-bottom:30px}
.review-section.inner .rev .testimony{min-height:initial}


/*
.testimonials-list .review-item .rev{margin:10px 0 20px;width:90%;background:#e5e4e4}
.testimonials-list .review-item .rev::before{font-size:90px;height:30px;left:-10px}
.review-item .rev{margin:8px 90px;background:var(--greyAlt);border-radius:5px;padding:15px 25px;color:var(--color4);line-height:1.4;min-height:155px}
.review-item .rev::before{content:'"';font-size:105px;font-family:var(--font3);font-style:italic;line-height:1;display:block;height:36px;left:-15px;position:relative;color:var(--grey2)}
.review-item .rev .name{text-align:right;font-weight:600;font-size:.9rem}
.review-item .rev .txt{font-style:italic}*/


.recent-projects{padding:25px;background:var(--back1)}
.recent-projects .project-item{padding:20px 20px;background:#fff;border-radius:12px;box-shadow:0 0 .95rem 0 rgba(0,0,0,.05);margin:5px;text-align:center}
.recent-projects .project-item a{color:var(--color4);font-family:Montserrat,sans-serif;font-weight:500}
.recent-projects .project-item .hd{text-align:center;margin:10px 0 0;font-size:22px;line-height:1.1;min-height:49px}
.recent-projects .project-item .blck{height:170px;background-size:cover;background-position:center top;border:solid 1px #eee;text-align:center}
.recent-projects .carousel .carousel-inner{padding:0 0 50px}
.recent-projects .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.recent-projects .carousel .carousel-indicators button.active{border-color:var(--color5);background:var(--color5)}


.page-template-service .featured{width:45%;float:left;margin:0 15px 10px 0}
.value-sidebar{padding:20px 15px;margin:0 10px 40px;background:var(--back1);box-shadow:0 0 .75rem 0 rgba(0,0,0,.15)}
.value-sidebar .hd-cntr{padding:0 0 15px}
.value-sidebar .hd{font-size:26px;text-align:center;padding:0 0 20px;color:#555;text-transform:uppercase;font-weight:500}
.value-sidebar .cont{padding:0 10px 0 15px}
.value-sidebar .val-item{float:left;width:100%}
.value-sidebar .val-item .blck{float:left;width:42px;background:var(--color1);border-radius:4px;text-align:center;padding:5px;margin:0 10px 10px 0;line-height:1}
.value-sidebar .val-item .blck img{width:100%}
.value-sidebar .val-item .blck.blck-1{background:var(--color3)}
.value-sidebar .val-item .blck.blck-2{background:var(--color2)}
.value-sidebar .val-item .blck.blck-3{background:var(--color4)}
.value-sidebar .val-item .cnt{float:left;width:calc(100% - 52px);font-size:21px;margin:8px 0 10px;line-height:1}

/*.rev-sidebar{padding:0;margin:0 auto}
.rev-sidebar .hd-cntr{padding:0 0 15px}
.rev-sidebar .hd{font-size:25px;text-align:center;padding:0 0 18px;color:#555;text-transform:uppercase;font-weight:500}
.rev-sidebar .reviews{margin:0 10px}
.rev-sidebar .carousel .carousel-inner .carousel-item{padding:0 0 50px}
.rev-sidebar .carousel .carousel-inner p{margin:0}
.rev-sidebar .rev{background:#fcfcfc;padding:20px 18px;border-radius:10px;border:solid 1px #eaeaea;box-shadow:0 0 .95rem 0 rgba(0,0,0,.15)}
.rev-sidebar .rev .quote{position:relative;top:18px;font-size:65px;font-family:'Times New Roman',Times,serif;line-height:.05;font-weight:700;color:#aaa;margin:0 9px 0 0;float:left}
.rev-sidebar .rev .testimony{text-align:left;font-size:16px;font-style:italic;color:#555;line-height:1.6}
.rev-sidebar .rev .title{font-size:17px;font-family:Montserrat,sans-serif;font-weight:600;text-align:left;margin-top:25px}
.rev-sidebar .rev .closing{text-align:left;font-size:14px;color:var(--color1)}
.rev-sidebar .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.rev-sidebar .carousel .carousel-indicators button.active{border-color:var(--color2);background:var(--color2)}
*/
.recent-projects2{padding:20px 0 0}
.recent-projects2 .hd-cntr{padding:0 0 25px}
.recent-projects2 .hdr{font-size:28px}
.recent-projects2 .project-item{padding:20px 20px;background:#fff;border-radius:12px;box-shadow:0 0 .95rem 0 rgba(0,0,0,.05);margin:5px;text-align:center}
.recent-projects2 .project-item a{color:var(--color4);font-family:Montserrat,sans-serif;font-weight:500}
.recent-projects2 .project-item .hd{text-align:center;margin:10px 0 20px;font-size:22px;line-height:1.1;min-height:49px}
.recent-projects2 .project-item .blck{height:170px;background-size:cover;background-position:center top;border:solid 1px #eee;text-align:center}
.recent-projects2 .carousel .carousel-inner{padding:0 0 50px}
.recent-projects2 .carousel .carousel-indicators button{border-radius:4px;height:7px;border-color:var(--color3);margin-left:3px;margin-right:3px;width:26px;border-width:4px;background:var(--color3)}
.recent-projects2 .carousel .carousel-indicators button.active{border-color:var(--color5);background:var(--color5)}

/**** Project Page **************************************************************************************************/
.related-projects{padding:10px 0 40px}
.related-projects .sec-head{color:var(--color4);font-family:var(--font2);text-transform:uppercase;font-weight:500;font-size:32px}
.related-projects .sec-line{text-align:left;margin-bottom:25px;line-height:15px}
.related-projects a{display:block;text-decoration:none}
.related-projects .proj-item{height:530px;background-size:cover;background-position:center center;padding:10px 10px;margin-bottom: 30px;background-size: cover;background-position: center center;padding: 160px 25px 25px;}
.related-projects .proj-item .title{font-family: var(--font3);color:#fff;font-size: 24px;font-weight: 600;text-shadow: 3px 3px 4px #0000004d;line-height:1.2}
.project-list .nav{margin:25px auto}
.project-list .nav .nav-link{font-family:var(--font1);font-weight:400;color:#eee;font-size:18px;background:#ccc;padding:10px 0 7px;text-decoration:none;text-transform:uppercase;border-radius:4px}
.project-list .nav .nav-link.active{color:#fff;background:var(--color2)}
.project-list .nav .nav-item{padding:0 10px 0 0}

.project-images{margin:15px auto 30px;border:solid 1px var(--color3);padding:20px 40px}
.project-images .selected-img{margin:0 10px 30px}
.project-images .selected-img img{max-width:100%;border:solid 2px #e9e9eb}
#thumbs-carousel .image.xprojimg{height:90px;width:100%;background-size:cover;background-position:center center;border:solid 1px var(--color3)}
#thumbs-carousel .thumb{float:left;width:25%;padding:0 10px}
#thumbs-carousel .carousel-control-prev{width:30px;margin-left:-20px}
#thumbs-carousel .carousel-control-next{width:30px;margin-right:-20px}
#thumbs-carousel .fas{color:var(--color4);font-size:30px}

#project-modal{z-index:1500}
#project-modal .modal-header{align-items:flex-end;justify-content:right;padding:7px 10px 0 0;border:none}
#project-modal .modal-header .close .fas{font-size:20px}
#project-modal .modal-body{padding:5px 1rem 1rem}
#project-modal #proj-modal-carousel{padding:0 15px}
#project-modal .thumb_img .gallery-slider-img{max-width:100%}
#project-modal #proj-modal-carousel .carousel-control-prev{width:20px;margin-left:-15px}
#project-modal #proj-modal-carousel .carousel-control-next{width:20px;margin-right:-15px}
#project-modal #proj-modal-carousel .fa{font-size:40px;color:var(--color4)}
.inner-content img.feat-only{margin-bottom:15px}

.post-type-archive-cpt_gallery{background:var(--back1)}
.project-list .page-gallery .gallthumb{display:block;padding:20px 20px;background:#fff;border-radius:12px;box-shadow:0 0 .95rem 0 rgba(0,0,0,.05);margin:5px 5px 30px 5px;text-align:center}
.project-list .page-gallery .gallthumb .gallery-item{width:100%;height:300px}
/*.project-list .page-gallery .gallthumb{display:block;margin-bottom:30px}
.project-list .page-gallery .gallthumb .gallery-item{height:450px; max-width:450px; border:solid 1px #000000;}*/
.gallery-modal{z-index:1400}
.gallery-modal .modal-header{padding:4px 0;border:none}
.gallery-modal .close{margin:-14px -8px 0 auto;background:#000;border:solid 2px #fff;border-radius:50%;color:#fff;opacity:1;font-size:20px;height:27px;width:28px;text-shadow:initial;-webkit-box-shadow:-3px 3px 3px 0 rgba(153,153,153,.75);-moz-box-shadow:-3px 3px 3px 0 rgba(153,153,153,.75);box-shadow:-3px 3px 3px 0 rgba(153,153,153,.75);text-align:center;line-height:25px}
.gallery-carousel{padding:0 10px 5px}
.gallery-carousel .thumb_img img{width:1000px;max-width:100%;height:auto;margin:0 auto}
.gallery-carousel .carousel-control{background:0;width:4%;margin:0 auto;opacity:1}
.gallery-carousel .carousel-control .glyphicon-chevron-left,#proj-modal-carousel .carousel-control .glyphicon-chevron-right{color:#fff;background:#000;border-radius:50%;height:28px;width:28px;font-size:12px;padding:6px;border:solid 2px #fff}
.gallery-carousel .carousel-control-prev{width:28px;margin-left:-19px;color:#000}
.gallery-carousel .carousel-control-next{width:28px;margin-right:-19px;color:#000}
.gallery-carousel .carousel-control-next .fa,.gallery-carousel .carousel-control-prev .fa{font-size:28px}


.portModal .gallery-carousel .carousel-control-next,.portModal .gallery-carousel .carousel-control-prev{color:#fff;opacity:.9}
.portModal .gallery-carousel .carousel-control-next .fa,.portModal .gallery-carousel .carousel-control-prev .fa{font-size:55px;top:30%;position:absolute}


.contact-section.inner{background:0 0;padding:10px 0;max-width:100%;width:600px}
.hdr.inn{font-size:26px}

/********************************************************************************************************************/

/*@media (min-width:992px) {*/
@media (min-width:768px) {
	.main-header.sticky-head{position:fixed;width:100%;top:0;z-index:1300}

	.main-header.sticky-head.sticky-min{background:#fff;border-bottom:solid 1px var(--color5)}
	.main-header.sticky-head.sticky-min .top-header{background:0 0;padding:0;margin:0;height:10px;border:0}
	.main-header.sticky-head.sticky-min .top-header .location{display:none}
	.main-header.sticky-head.sticky-min .top-header .get{display:none}
	.main-header.sticky-head.sticky-min .header{padding:5px 0}
	.main-header.sticky-head.sticky-min .header .logo img{max-height:53px;height:auto;width:auto;margin:-13px 0 0}
	.main-header.sticky-head.sticky-min .header .navWrap{margin-top:18px}
	.main-header.sticky-head.sticky-min .navbar ul.navbar-nav>li a{font-size:17px}
	.main-header.sticky-head.sticky-min .navbar ul.navbar-nav>li:last-child a{padding-right:0!important}
	.main-header.sticky-head.sticky-min .navbar ul.navbar-nav ul.dropdown-menu a{font-size:16px}
	.main-header.sticky-head.sticky-min .header-below1{visibility:hidden;opacity:0;height:0;padding:0}
	.main-header.sticky-head.sticky-min .header-below2{visibility:hidden;opacity:0;height:0;padding:0}

	.main-header.sticky-head.sticky-min,
	.main-header.sticky-head.sticky-min .header,
	.main-header.sticky-head.sticky-min .top-header,
	.main-header.sticky-head.sticky-min .top-header .location,
	.main-header.sticky-head.sticky-min .top-header .top-details,
	.main-header.sticky-head.sticky-min .header .logo img,
	.main-header.sticky-head.sticky-min .header .navWrap,
	.main-header.sticky-head.sticky-min .navbar ul.navbar-nav>li a,
	.main-header.sticky-head.sticky-min .header-below1,
	.main-header.sticky-head.sticky-min .header-below2{transition-timing-function: ease-in-out;transition: all 0.5s}


	/*.sticky-head.sticky-min #portModal .modal-header{padding-top:70px}*/
	
	/*.main-content.sticky-head{margin-top:145px}
	.main-content.sticky-head.sticky-min{margin-top:100px}*/
	
}


/*==========  Non-Mobile First Method  ==========*/
@media (min-width:768px) {
    /*for hover on main menu*/
	.navbar ul.navbar-nav li.dropdown:hover>ul.dropdown-menu{display:block}
	.navWrap .navbar .dropdown-submenu{position:relative}
	.navWrap .navbar .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0;display:none}
	.navWrap .navbar .dropdown-submenu:hover>.dropdown-menu{display:block}
	.navWrap .navbar .dropdown-submenu span.caret{-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}
}



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

	.main-header .header .logo img{width:265px}
	.page-header{padding:160px 0 20px}
	.page-header h1{font-size:32px}
	.navbar ul.navbar-nav{font-size:18px}
	.navbar ul.navbar-nav>li a{padding:5px 12px!important}

	.banner-section{height:530px;padding-top:220px}
	.banner-section .banner .hd2{font-size:40px; line-height:1em;}
	.banner-section .banner .hd{width:100%; font-size:32px;}
	.banner-section .banner .hd2 h1{font-size:40px}
	.hdr{font-size:30px}
	.service-section .serv-item .hd{font-size:24px}
	
	.why-section .val-item .cnt{font-size:18px}
	
	.page-header h2{font-size:1.3rem}
	.value-sidebar .hd{font-size:21px;line-height:1.2}
	.value-sidebar .val-item .cnt{font-size:18px}
	
	.recent-projects .project-item .hd{font-size:18px}
	.rev-section .rev .title{font-size:15px}

}

@media only screen and (max-width:991px) {	
	.navbar-expand-md .navbar-collapse{display:none!important}
	.mobilemenu .menubutton{display:block;margin:-15px 0 0 0}
	
	/*.navWrap{margin-top:45px}
	.navbar ul.navbar-nav>li a{padding:5px 15px!important}*/
	.main-header.sticky-head .top-details{right:55px;position:relative}
	.page-header{padding:140px 0 20px}
	
	.banner-section .banner .hd{width:100%;font-size:30px}
	.banner-section{height:485px}
	.banner-section .banner .hd2{font-size:32px; line-height:1em;}
	.banner-section .banner .hd2 h1{font-size:38px}
	
	.why-section{padding:30px 0}
	.why-section .val-item{margin:0 -12px 25px;min-height:110px}
	.why-section .val-item .cnt{font-size:17px;padding:15px 0 0}	
	.why-section .val-item.val-0,.why-section .val-item.val-5{margin:0 -12px 25px}
	.why-section .val-item.val-2{border:none}

	.about-section{padding:30px 0}
	
	
	.hdr{font-size:22px}
	.hdr2{font-size:17px}
	section .hd-cntr .cnt{font-size:20px}
	
	.service-section{padding:30px 0}
	.service-section .serv-item{padding:25px 15px}
	.service-section .serv-item .hd{font-size:20px}
	.service-section .serv-item .blck{width:35%}
	.service-section .serv-item .cnt{min-height:150px}
	.portfolio-section .proj-item .blck{height: 170px;min-height:initial}
	.review-section .rev{padding:20px 10px}
	.review-section .carousel .carousel-inner .carousel-item{padding:45px 0 50px}
	.review-section .rev .testimony{font-size:14px;min-height:200px}	
	.review-section .rev .title{font-size:15px;margin-top:10px}
	
	.contact-section .hd-lft{text-align:center;padding-bottom:20px}
	.contact-section .hd-lft .after-hdr{margin:0 auto 21px}
	.contact-section .form-wrap{width:530px;max-width:100%;margin:0 auto}
	
	.value-sidebar{width:100%;max-width:360px;margin:35px auto}
	.rev-section{width:360px;max-width:100%;margin:20px auto}
	.recent-projects .project-item{margin:5px 5px 25px}
	
	
}

@media only screen and (max-width:767px) {
	.main-header .header .logo img{width:200px}
	
	.page-header{padding:10px 0;background-size:200%;background-position-y:50%}
	.page-header h1{font-size:24px}
	.page-header h2{font-size:1.1rem}
	
	.banner-section{height:350px;padding-top:100px}
	.banner-section .banner .hd{width:50%;font-size:30px;line-height:1}
	.banner-section .banner .hd2{width:60%;font-size:28px}
	.banner-section .banner .hd2 h1{font-size:30px}
	
	.why-section .val-item.val-0,.why-section .val-item.val-2,.why-section .val-item.val-4{border-right:solid 1px #ccc;margin:0 -12px 25px}
	.why-section .val-item.val-1,.why-section .val-item.val-3,.why-section .val-item.val-5{border:none;margin:0 -12px 25px}
	
	.about-section.about1 .image,.about-section.about2 .image{margin:0 auto 30px}
	
	.service-section .serv-item .cnt{min-height:195px}
	
	.review-section .carousel .carousel-inner .carousel-item{padding:50px 0 0 0}
	.review-section .rev{margin-bottom:30px}
	.review-section .rev .testimony{min-height:initial}

	.portfolio-section .proj-cont{padding:0 40px}
	.portfolio-section .proj-item{margin:0 10px 25px}
	
	.testimonials-list .review-item .rev{width:100%}
	
	.recent-projects .project-item{width:300px;max-width:100%;margin:5px auto 25px}
	
	.project-list .nav .nav-link{line-height:1.1;min-height:60px;vertical-align:middle;display:table-cell;height:60px;padding:0 10px;font-size:16px;width:25%}
	
}

@media only screen and (max-width:575px) {
	h3{font-size:20px}
	.main-header .top-header p.location{line-height:1;margin-right:-60px}
	.main-header .top-header .top-details{display:block;text-align:right;right:0;left:0}
	.mobilemenu .menubutton{margin:-40px 0 0 0}
	.main-header .header .logo img{width:160px;max-width:initial;margin-top:-5px}
	
	.banner-section{height:275px;padding-top:70px}
	.banner-section .banner .hd{font-size:23px;width:60%}
	.banner-section .banner .hd2{font-size:20px;width:65%}
	.banner-section .banner .hd2 h1{font-size:23px}
	
	.service-section .serv-item{width:330px;margin:0 auto 40px;max-width:88%}
	.service-section .serv-item .cnt{min-height:initial}
	
	.portfolio-section .proj-item .blck{width:300px;margin:0 auto;max-width:100%}
	
	.contact-section .gform_footer .gform_button{padding:7px 32px}
	
	.footer-1{flex-wrap:wrap}
	.site-footer .footer-1 .widget-wrap:first-child{order:2;flex:0 0 50%}
	.site-footer .footer-1 .widget-wrap:last-child{order:3;flex:0 0 50%}
	.site-footer .footer-1 .widget-wrap:nth-child(2){flex:0 0 100%}
	.site-footer .footer-1 .widget-wrap:nth-child(2) img{width:200px}
	.site-footer .footer-1 .contact{max-width:200px}
	
	.project-list .nav .nav-item{padding:0 10px 10px 0}
	.project-list .page-gallery .gallthumb{width:330px;margin:5px auto 30px;max-width:90%}
	
}

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

}