body{ padding: 0; margin: 0;}
html, html body, body #wrapper {overflow-x: hidden;}
body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; }

@font-face {
    font-family: 'rhizomeextralighttrial';
    src: url('assets/fonts/rhizomeextralighttrial.eot');
    src: url('assets/fonts/rhizomeextralighttrial.eot') format('embedded-opentype'),
        url('assets/fonts/rhizomeextralighttrial.woff') format('woff'),
        url('assets/fonts/rhizomeextralighttrial.ttf') format('truetype'),
        url('assets/fonts/rhizomeextralighttrial.svg#rhizomeextralighttrial') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Defolt CSS
------------------------------- */

.container {padding:0px;}
.elementor-widget-container {margin: 0px;padding:0px;}
.elementor-widget {margin: 0 !important; padding: 0 !important;}
.elementor-button {margin: 0;padding: 0;}
.elementor-element-populated {padding: 0px;}
h2, h3, h4, h5, h6{margin: 0px;padding:0px;}
p {margin: 0 !important;}
.form-control:focus {border-color:none;box-shadow:none;}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0px;}
a{text-decoration: none !important;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: none;
  box-shadow: none;
  outline: 0 none;
}
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline !important;
}
.elementor-widget .elementor-icon-list-icon i {
    padding: 8px 0 0 0 !important;
}

.innerpage {padding: 72px 0 108px;}
.innerpage .search-form {padding: 27px;}
.innerpage .search-form  [type="search"] {padding: 27px;border-radius: 50px;box-shadow: none;width: 100%;border:2px solid #000;}
.innerpage .search-form  [type="submit"] {padding: 27px 78px 25px 78px;border-radius: 50px;box-shadow: none;text-transform: uppercase;background-color: #117ac1; color: #fff; border:2px solid #fff;}
/*============================================*/

#git a{color: #474646;}
.form-control {background: transparent;min-height: 62px;border: 1px solid #6a6a6a;border-radius: 9px;}
textarea.form-control{resize: none;}
input[type="submit"] {background: #ecbd52;min-height: 62px;border:none;border-radius: 9px;color: #3f3f3f;min-width: 213px;text-transform: uppercase;font-size: 24px;font-weight: bold;}

input[type="submit"]:hover{animation-name: elementor-animation-pulse;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}


.servicebox img{width: 100%;}
/* Service Page CSS
------------------------------- */
.servicebox{width: 100%; clear: both; margin-bottom: 75px;}
.servicebox.even {width: 100%;clear: both;}
.servicecon p {font-size: 16px;font-weight: 400;line-height: 25px; color: #454545; text-align: justify;}

.servicecon h2 {font-size: 35px;font-weight: bold; text-transform: uppercase; margin: 0;padding: 0;font-family: "Roboto", Sans-serif; margin-bottom: 42px;}
.servicebox a {font-family: "Roboto", Sans-serif;font-size: 17px;font-weight: 500;text-transform: uppercase;fill: #FFFFFF;color: #FFFFFF;background-color: #0A507A;border-radius: 50px 50px 50px 50px;padding: 21px 32px 21px 32px;}
.servicebox a:hover {animation-name: elementor-animation-pulse;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
.home .servicebox.odd {background: #f7f7f7;padding: 65px 0;}
.home .servicebox .serviceimg {
	background-image: url("http://localhost/gulfshieldroofing/wp-content/uploads/2023/06/bg3.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 27px 0;
}
.home .servicebox .servicecon h2 {margin-bottom: 24px;}
.home .servicebox .servicecon {margin-bottom: 27px;}

.rhizomeextralighttrial .elementor-heading-title { font-family: 'rhizomeextralighttrial' !important; }

/*--------- Contact Page Start --------*/
.contactPageForm {}
.contactPageForm form .row {margin: 0 -12px;}
.contactPageForm form .row > .form-group {margin-bottom: 14px; padding: 0 12px;}
.contactPageForm form input {border-radius: 10px; padding: 0px 20px; height: 71px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 25px 3px #e3e4e4; text-transform: uppercase; }
.contactPageForm form textarea {padding: 22px 20px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 25px 3px #e3e4e4; height: 110px; text-transform: uppercase; }
.contactPageForm form input[type=date] {color: #616161; font: 300 14px/24px 'rhizomeextralighttrial';}

.contactPageForm form input: laceholder,
.contactPageForm form textarea: laceholder {color: #616161; font: 300 14px/24px 'rhizomeextralighttrial';}

.contactPageForm form input[type="submit"] { height: 53px; max-width: 214px; margin: 20px auto 0; text-transform: uppercase; font: 700 20px/23px 'Roboto'; border-radius: 50px; background: #0e507a; color: #fff; border: 2px solid #0e507a; padding: 10px 0; transition: all .5s ease-in-out; box-shadow: none; }
.contactPageForm form input[type="submit"]:hover {background: transparent; color:#0e507a;animation-name: elementor-animation-pulse;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}

.contactPageForm form input:focus, 
.contactPageForm form textarea:focus {border: 1px solid #0e507a; box-shadow: 0px 0px 25px -3px #cccccce3;}
.contactPageForm form input[type="submit"]:focus {border: 2px solid #0e507a;}
/*--------- Contact Page End --------*/

/*--------- donate-form-sec Start --------*/
.donate-form-sec #dgx-donate-container{background: inherit;}
.donate-form-sec #dgx-donate-form-donation-section,.donate-section #dgx-donate-form-tribute-section,.donate-section #dgx-donate-form-donor-section,.donate-section #dgx-donate-form-billing-section,.donate-section #dgx-donate-form-payment-section {background-color:inherit;border-top-color: inherit;border-top-width: inherit;box-shadow:none;border-right-width: 0;border-left-width: 0;}
.donate-form-sec #seamless-donations-form h2 {letter-spacing: 0;font:700 25px/27px 'Roboto';color:#242423;}
.donate-form-sec #header_desc {padding-bottom: 20px;padding-top: 20px;}
.donate-form-sec .horiz {padding-right: 15px;font:700 24px/26px 'Roboto' !important;color:#242423;}
.donate-form-sec .dgx-donate-form-section p{font-family: 'Roboto' !important;color:#454545;}
.donate-form-sec .seamless-donations-col-25{width:100%;}
.donate-form-sec .dgx-donate-form-section label{width:inherit;min-height: inherit;background-color: transparent;font:400 16px/18px 'Roboto';font-size: 16px;line-height: 18px;color: #212121;}
.donate-form-sec .dgx-donate-form-section input[type="text"],.donate-section .dgx-donate-form-section select{width: 100%;height: 56px;border-radius: 5px;border: 1px solid #bebebe;outline: none;box-shadow: none;padding-left: 20px;padding-right: 20px;font:400 16px/24px 'Roboto';color: #212121;resize: none;position: relative;transition: all 500ms ease-in-out;background:#fff;margin-bottom:18px;max-width: 100%;}
.donate-form-sec .dgx-donate-form-section input[type="text"]:focus,.donate-section .dgx-donate-form-section select:focus{border: 1px solid #0e507a;}
.donate-form-sec .seamless-donations-col-75{width: 100%;}
.donate-form-sec .dgx-donate-form-section input[type="submit"]{height: inherit;font:700 18px/20px 'Roboto';color: #ffffff;border: none !important;background: #0e507a;padding-top: 20px;padding-bottom: 15px;transition: all 500ms ease-in-out;text-transform: uppercase;}
.donate-form-sec .dgx-donate-form-section input[type="submit"]:hover{background: #f5b753;}
.donate-form-sec #_dgx_donate_anonymous{padding-bottom:15px;}

.donate-form-sec #dgx-donate-form-tribute-section,.donate-form-sec #dgx-donate-form-donor-section,.donate-form-sec #dgx-donate-form-payment-section{border: none;box-shadow: none;background-color: transparent;}
.donate-form-sec #dgx-donate-form-sandbox-warning{display: none;}

/*--------- donate-form-sec end --------*/


/*Donate Page
--------------------------------- */
.beneficiary-list .item{padding: 0 1px;}
.beneficiary-list .beneficiary_box{border: 1px solid #e1e1e1; border-radius: 12px;background-color: #fff; padding: 36px 20px 49px; text-align: center;}
.beneficiary-list .beneficiary_box > img{display: block;max-width: 100%; transform: none;}
.beneficiary-list .beneficiary_box h2{font:700 22px/26px 'Roboto';color: #454545; text-transform: uppercase; margin:24px 0 0; padding: 0;}
.beneficiary-list .beneficiary_box p{font:400 17px/24px 'Roboto';color: #454545;margin:13px 0 0; padding: 0;}
.beneficiary-list .owl-carousel .owl-controls{margin-top: 0;}
.beneficiary-list .owl-carousel .owl-controls .owl-nav > div{position: absolute; left: -71px;top: 50%;margin-top: -22px;width: 44px; height: 44px; text-align: center; background-color: #e4e4e4;border-radius: 40px;padding-top: 8px;}
.beneficiary-list .owl-carousel .owl-controls .owl-nav > div.owl-next{left: auto;right: -71px;}
.beneficiary-list .owl-carousel .owl-controls .owl-nav > div .fa{font-size: 26px;color: rgba(69,69,69,0.5);margin-left: -2px;}
.beneficiary-list .owl-carousel .owl-controls .owl-nav > div.owl-next .fa{margin-left: auto;margin-right: -2px;}

.roofcontact_form .form-group{margin-bottom: 28px;}
.roofcontact_form .form-control{font: 400 15px 'Roboto', sans-serif;color: #313030;height: 73px;border-radius: 40px;letter-spacing: normal;border: 2px solid rgba(226,156,43,0.8);background-color: #fff;background-image: none;outline: none;text-shadow: none;box-shadow: none; padding: 6px 36px;}
.roofcontact_form textarea.form-control{height: 130px;border-radius: 70px;padding: 16px 36px; resize: none;}
.roofcontact_form .form-control::-webkit-input-placeholder {color: rgba(49,48,48,0.7);}
.roofcontact_form .form-control:-moz-placeholder {color: rgba(49,48,48,0.7);}
.roofcontact_form .form-control::-moz-placeholder {color: rgba(49,48,48,0.7);}
.roofcontact_form .form-control:-ms-input-placeholder {color: rgba(49,48,48,0.7);}

.roofcontact_form input.btn.btn-default,
.roofcontact_form input.btn.btn-default:hover,
.roofcontact_form input.btn.btn-default:active,
.roofcontact_form input.btn.btn-default:focus{font:800 30px/30px 'Roboto', sans-serif; color: #f6b750;padding:23px 74px 19px;margin-top: 32px; letter-spacing: normal; white-space: normal; background-image: none; background-color: #313030; border:none !important; border-radius: 60px; box-shadow: none !important; text-shadow:none;outline: none; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; max-width: 406px;}
.roofcontact_form input.btn.btn-default:hover{background-color: #000;}
.roofcontact_form p.policy_text{font:400 15px/25px 'Roboto', sans-serif; color: #3a3939;}
.roofcontact_form p.policy_text > b{font-weight: 700;}
.donate-progressbar.elementor-element .elementor-progress-wrapper{width: 372px; border: 2px solid rgba(203,236,255,0.5);-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);}


.liststyle .elementor-widget-container ul li {list-style: none;}

.homeContactForm .form-captcha > p{display: flex;align-items: center;justify-content: center;column-gap: 8px;}
.homeContactForm .form-captcha > p .form-control{max-width: 150px; text-align: center;}
.header_btn .elementor-button-wrapper a{clip-path: polygon(0 0, 100% 0, 96% 49%, 100% 100%, 0 100%, 4% 49%);}


/* -------27.01.25 start--------- */
.header_btn{position:relative;}
.header_btn::after{content:''; background:#094F7A;width:302px;height:57px;position:absolute;clip-path: polygon(0 0, 100% 0, 96% 49%, 100% 100%, 0 100%, 4% 49%);left: 28px;top: -2px;z-index: -1;}
/* -------27.01.25 end--------- */


/* responsive */

@media screen and (max-width: 1299px){
}

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

@media screen and (max-width: 1024px){
	
.header_btn::after{position: absolute;left: 50%;transform: translateX(-50%);}
	
}

@media screen and (max-width: 991px){
/* 	------- Home PAge Start ------- */
/* 	---- Service Start ----- */
	.homeService .Service .servicebox:nth-child(odd) .align-right {order: 2;}
	.homeService .Service .servicebox:nth-child(odd) .align-left {order: 1;}
/* 	---- Service End ----- */
/* 	------- Home PAge End ------- */
	
/* 	------- Service Page Start ----- */
	.serviceListPage .Service .servicebox:nth-child(even) .align-right {order: 1;}
	.serviceListPage .Service .servicebox:nth-child(even) .align-left {order: 2;}
	
	.serviceListPage .Service .servicebox .serviceimg {padding: 0px 0px 27px 0;}
	.serviceListPage .Service .servicebox .servicecon h3 { margin-top: -30px;}
/* 	------- Service Page End ----- */
}

@media screen and (max-width: 767px){
	
.header_btn::after{width: 262px;height: 46px;position: absolute;left: 50%;top: 8px;transform: translateX(-50%);}

}

@media screen and (max-width: 575px){
/* 	------ Home Service Start ------ */
	.Service .servicebox {text-align: center; margin-bottom: 60px;}
	.Service .servicebox.odd {padding: 30px 0 50px;}
	.Service .servicebox .servicecon {margin-bottom: 50px;}
	.Service .servicebox .servicecon h2 {font-size: 30px; text-align: center;}
	.Service .servicebox .servicecon h3 {font-size: 25px; margin-top: -10px !important;}
	.Service .servicebox .servicecon p {text-align: center;}
	.Service .servicebox a {font-size: 16px; padding: 16px 30px 16px 30px; }
	
/* 	------- Home Conatct Form Start ------ */
	.homeContactForm form > .row .form-group:last-child {margin: 10px 0 0;}
	.homeContactForm form > .row .form-group:last-child p {display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.homeContactForm form > .row .form-group input[type="submit"] {font-size: 20px; min-width: 190px; min-height: 55px;}
	
/* 	------- Service Page Start ------ */
	.serviceListPage .Service .servicebox .servicecon {margin-bottom: 0;}
	.serviceListPage .Service .servicebox .serviceimg {padding: 0px 0px 27px 0;}
	.serviceListPage .Service .servicebox .servicecon h2 {margin-bottom: 24px;}
	.serviceListPage .Service .servicebox.odd {margin-bottom: 0;}
	
/* 	------- Conatct Form Start ------ */
	
}

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





/* Responsive bootstrup 4.6
============================================*/

/*Extra large devices (large desktops, 1200px and up)
=================================================================*/
@media (min-width: 1200px) { ... }

/*Large devices (desktops, 992px and up)
=================================================================*/
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

/*Medium devices (tablets, 768px and up)
=================================================================*/
@media (min-width: 768px) and (max-width: 991.98px) { ... }

/* Small devices (landscape phones, 576px and up)
=================================================================*/
@media (min-width: 576px) and (max-width: 767.98px) { ... }

/*Extra small devices (portrait phones, less than 576px)
=================================================================*/
@media (max-width: 575.98px) { ... }