/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .firstcontainer p {
    text-align: center;
    font-size: 28px;
    color: #fff;
}
.firstcontainer h2 {
    text-align: center;
    color: #fff;
    font-size: 36px !important;
    margin-bottom: 30px !important;
	font-weight: 700 !important;
}
.firstcontainer h3 {
    text-align: center;
    color: #fff;
}
.star-ratings {
    font-size: 2.25rem;
    padding: 1rem 0 0;
}
.my-2 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important;
}
.tm-rating_rev {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: auto;
}
i.fa.fa-star {
    color: #fb7f1d !important;
	font-size: 20px;
}
.pack-button{
 display:none !important;
}

.swiper-button-prev {
	width:100%;
	left: 0px;
}
.swiper-button-next {
	  width: 100%;
}
.swiper-button-prev:after,.swiper-button-next:after {
    content: "";
}
.swiper-slide.swiper-slide-active {
    width: 100% !important;
}
.swiper-container.swiper-container-initialized.swiper-container-horizontal {
    width: 100%;
}
.gyq_service{	
    float: left;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 40px;
    padding: 38px 0 50px 0;
    margin-bottom: 50px;
}
.gyq_service .roofing{
	background: #4c5b6d;padding: 10px;
}

.form_section {
    margin: 3%;
}
.gyq_service span.servicetitlesecond, .gyq_service .servicetitlefirst{
    color: white;
}
.swiper-button-next, .swiper-button-prev {  
   position:inherit;
   margin-top:unset;
 
}

fieldset .swiper-button-prev {  
   width:100%
}

.swiper-button-prev button {
    width: 100%;
	background: #ffffff none repeat scroll 0 0;
    color: #73ac00;
}
.submit_div .swiper-button-prev button {
    width: 100%;
	height: 53px;
}
.swiper-button-next button {
	  width: 100%;
	  background: #73ac00;
	  color: #fff;
	  height: 53px;
}
.swiper-button-next button:hover {
	opacity: 0.7;
	background: #73ac00;
}
.swiper-button-prev button:hover{
	opacity: 0.7;
	background: #fff;
}

.swiper-button-next {
    width: 100%;
}
.swiper-button-next {
   right: 0px;
}
.gyq_service input[type="text"], .gyq_service input[type="email"],.roofingbg  input[type="text"], .roofingbg input[type="email"]{
	margin: 1% 0%;
	height: 53px;
	width:100%;
}

.zip-form {
    color: white;
}
span.error {
    color: red;
    font-size: 13px;
	float: inherit;
}
input#submit_quote {
    background: #73ac00;
	width: 90%;
}
.col-md-3.col-sm-3.col-xs-12.customcol {
    width: 25%;
    float: left;
}
.col-md-4.col-sm-3.col-xs-12.customcol {
    width: 25%;
    float: left;
}
 .submit_div .swiper-button-prev {
    top: inherit;
}
input#submit_quote {
    background: #fb7f1d;
    width: 100%;
    height: 53px;
}
.service input#submit_quote {
    font-size: 17px;
    margin-right: 30px;
    height: 53px;
}

fieldset {
    border: unset !important;
	width:100%;
	padding:0px;
	margin:0px;
}
span.error.lname_error {
    margin-left: 13%;
}
span.error.email_error {
	 margin-left: 13%;
}
.controlsdiv {
    text-align: center;
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
}
a.left {
    color: #fb7f1d;
}
span.fa.fa-long-arrow-left {
    position: absolute;
    left: 44%;
    color: #fff;
    background: #fb7f1d;
    padding: 1px 7px;
    font-size: 15px;
    font-weight: 400;
}
a.right {
    color: #fb7f1d;
}
.carousel-indicators {
    position: absolute;
    display: inline;
    top: 0;
    left: 0 !important;
    z-index: 15;
    width: 100% !important;
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fb7f1d;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fb7f1d !important;
    margin: 2px;
    border-radius: 10px;
}
.fa-long-arrow-right {
    position: absolute;
    right: 44%;
    color: #fff;
    background: #fb7f1d;
    padding: 1px 7px;
    font-size: 15px;
    font-weight: 400;
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.submitdiv {
    width: 100%;
    text-align: center;
    margin-top: 55px;
}
 .entry-header
{
	margin-right: unset !important;
    margin-left: unset !important;
}
.card-content h4 {
    font-size: 2.75rem !important;
    color: #032c6e;
    font-weight: 700 !important;
}
.item h5 {
    font-weight: 500 !important;
    font-size: 2.5rem !important;
    color: #032c6e;
    margin-bottom: 13px !important;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
    color: #032c6e;
}
.price {
    color: #032c6e;
    margin-bottom: 0;
    font-size: 3.5rem;
    font-weight: 500;
    max-height: 65px;
}
.selectpackage label {
    background: #fb7f1d;
    color: #fff;
    padding: 9px 47px;
    border-radius: 20px;
    font-size: 15px;
    cursor: pointer;
}
.container.firstcontainer {
    padding: 20px 20px;
    background-color: rgba(76,91,109,.56);
}

.selectpackage input[type=checkbox] {
    visibility: hidden;
    opacity: 0;
    display: none;
}
.custom-card {
    position: relative;
    width: 100%;
    background: #fff;
    float: left;
    border-radius: 20px;
    margin-bottom: 20px;
    padding-bottom: 22px;
}
.custom-card .card-tag {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    background-color: #f2f1f5;
    border-radius: 17px 0;
    box-shadow: 0 2px 4px 2px rgba(3,44,110,.17);
    font-size: 1.95rem;
    padding: .5rem 1rem;
    font-family: Circular Std Regular;
}

.custom-card .step-content .stats-box {
    width: 28rem;
    background: #fff;
    border-radius: 20px;
    box-shadow: 1px 0 4px 1px #e2e3e5;
    position: absolute;
    right: -20%;
    top: 50%;
    -webkit-transform: translateY(-54%);
    transform: translateY(-54%);
    padding: 2rem;
    margin: 1rem 0;
}
.step-1 .image, .step-2 .image {
    width: 100%;
    min-height: 24rem;
    position: relative;
    background: #f1f2f4;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.custom-card .card-content .step-1 .image img {
    width: 20rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2rem;
}
.stats-box .selectpackage {
    float: none;
}
.entry-content {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.item .col-md-4 {
    float: right;
}
.custom-card .card-tag span {
    padding: .39rem 1rem;
    color: #032c6e;
    font-weight: 700;
    font-style: italic;
} 
.image {
    width: auto;
    padding: 23px;
    display: inline-block;
}
.custom-card .step-content i {
    margin-right: 1rem;
}
.custom-card .card-content p {
    margin-bottom: .5rem;
    color: #032c6e;
}
.fa-check-circle {
    color: #fb7f1d;
}
.starting-price {
    color: #fb7f1d !important;
}
input#submitpackages {
    background: #fb7f1d;
    border: 1px solid;
    padding: 18px 56px;
    color: #fff;
    font-size: 26px;
    border-radius: 9px;
    text-transform: inherit;
    font-weight: 600;
}
div#minilogo {
    text-align: center;
	}
	form#service_Security_Alarm_System {
    margin-top: 40px;
}
.roofingbg {
    float: left;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 40px;
    padding: 38px 0 50px;
    margin-bottom: 50px;
}
.roofing h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 33px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}
.roofing .zip-form1>p {
    margin-bottom: 19px;
    text-align: left;
    margin-left: 12px;
}
.zip-form1 {
    color: white;
    font-size: 18px;
}
span.servicetitlesecond {
    color: white;
    font-size: 20px;
}
h3.servicetitlefirst {
    font-size: 30px;
}
.roofing form .swiper-button-prev button, .roofing form .swiper-button-next button {
    background: #fb8015;
	font-size: 17px;
}
body .roofing form .swiper-button-prev button {
    background: #fff none repeat scroll 0 0;
    color: #fb8015;
	font-size: 17px;
	height:53px;
	padding: 0px;
}

.row{
	margin-left: 0px;
	margin-right: 0px;
}

.col-md-6,.col-md-12{
	/* padding-left: 0px; */
	/* padding-right: 0px; */
	box-sizing: border-box;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: none !important;
}
.plugin_header
{
	font-size:30px !important;
}

.custom-card .card-header {
    padding-left: 6rem;
    background: #fff;
    border-top-left-radius: 27px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-top-right-radius: 27px;
    box-shadow: 0 2px 4px 0 rgba(3,44,110,.18);
}
.custom-card .card-header {
	display: flex;
    padding: 0 4rem;
}
.justify-content-between {
    justify-content: space-between!important;
}

.custom-card .card-content {
    padding: 2rem 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-family: Circular Std Regular;
    width: 100%;
    float: left;
}
div#page {
    background: #F2F1F5;
}
.plugin_header{
	color:white;
	text-align:center;
	padding-top: 19px;
}
.plugin_text{
	color:white;
	text-align:center;
}
.partner_mobile{
	display:none;
}
#submitpackages{
	display:none;
}
h5.header {
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: .45rem!important;
}
.custom-card .step-content {
    font-size: 1.65rem;
}
.card-name-mobile h4.font-weight-bold.col-md-9 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.container-fluid.firstrow {
    padding-bottom: 0px;
}
#service_Security_Alarm_System .swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight {
    height: auto;
    padding-bottom: 135px;
}
#getquotes_form .swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight {
    height: auto;
    padding-bottom: 135px;
}
.col-md-4.col-sm-4.col-xs-12.my-2.text-right.pr-0 {
    padding-top: 14px;
}
h5.font-aleo.mb-4.mt-0.mx-0.p-0.border-0 {
    margin-top: 14px;
}
.name-class
{
	margin-bottom: 10px !important;
}

.firstcontainer {
    background: #b3abab;
    background-color: rgba(76,91,109,.56);
    box-shadow: 0 2px 4px 2px rgba(3,44,110,.17);
    padding: 20px 0;
    margin-top: 62px;
    border: 1px solid #ccc;
}
/*Media query start*/
@media only screen and (max-width: 980px) {
	 .custom-card .step-content .stats-box {
        right: 0;
    }
    
	.swiper-slide.swiper-slide-active {
		width: 500px !important;
	}
	.swiper-container.swiper-container-initialized.swiper-container-horizontal {
		width: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.col-md-6,.col-md-12{
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
	}
	.service span.error {
		float: left;
	}
	
	#submitpackages_mobile{
		display:none;
	}
	i.fa.fa-star {
		font-size: 16px;
	}
	.col-md-12.col-sm-12.col-xs-12.my-2.pl-0.image {
		width: 50%;
		padding: 0;
	}
	.d-flex {
		display: -ms-flexbox!important;
		display: flex!important;
	}
	.swiper-wrapper {
		display: inline-flex;
	}
	.col-md-3.col-sm-4.col-xs-6.my-2.text-right.pr-0.pho1 {
		margin-top: -70px !important;
		margin-left: -26px;
	}
	span.phone {
		color: #fb7f1d;
	}
	.card-name-mobile{
		float: right;
		font-size: 18px;
		padding: 2%;
		color: #fb7f1d;
		width: 86%;
	}
	.partner_mobile .stat1{
		padding:0px;
	}
	.partner_mobile .star-ratings{
		padding:0px;
	}
	.s1 {
		float: left;
		margin-left: 25%;
	} 
	#minilogo{
		display:none;
	}
	.custom-card .card-header {
		 padding: 0; 
	}
	.custom-card .card-header .image img {
		width: 100%;
	}
	.image {
		width: 50%;
		padding-top: 10px;
	}
	.s2{
		margin-top: -42px;
	} 
	.selectpackage label {
		padding: 9px 39px;
	}
	.partner_mobile{
		display:block;
	}
	.partners-desktop{
		display:none;
	}
	.d-flex {
		display: -ms-flexbox!important;
		display: block !important;
	}
	form#service_Security_Alarm_System {
		margin-top: 0px;
	}
	.col-md-3.col-sm-3.col-xs-12.customcol {
		width: 100%;
		float: left;
	}
	
	.item h5 {
		font-weight: 500 !important;
		font-size:2.5rem !important;
		color: #032c6e;
		margin-bottom: 13px !important;
		margin-top: 0px !important;
	}
	.pack-button{
	display:block !important;
	}
	.custom-card .card-content .step-1 .image img {
        width: 100%;
        left: 0 !important;
    }
	.custom-card .step-content .stats-box {
		width: 18rem;
    }
  
	span.error.lname_error {
		margin-left: unset;
	}
	span.error.email_error {
		margin-left: unset;
	}
	
	input#last-name {
		margin-left: 0px;
	}
	input#Email {
		margin-left: 0px;
	}
	.service input#last-name {
		margin-left: 0px;
	}
	.service input#Email {
		margin-left: 0px;
	}
		.full_width .col-md-6 {
		width: 89%;
	}

	.gyq_service input[type="text"], .gyq_service input[type="email"],.roofingbg  input[type="text"], .roofingbg input[type="email"]{
		margin: 1% 0%;
	}
	fieldset{
		padding: 0px;
		width:auto;
	}
	input#submit_quote {
		background: #73ac00;
		width: 100%;
		margin-top: 20px;
		box-sizing:border-box;
	}
	
	.zip-form {
		margin-bottom: 15px;
	}
	.swiper-button-prev, .swiper-button-next{
		position:inherit;
	}

	
	.swiper-button-prev {
		position: inherit; 
		margin-top: 0;
		top: inherit;
	}
	.swiper-button-next {
		 right: 0px; 
		 position: inherit; 
		 margin-top: 0;
		 top: inherit;
		 display: inline-block;
	}
	.swiper-slide.swiper-slide-active {
		width: 100% !important;
		padding: 2%;
	}
	.service .swiper-slide.swiper-slide-active {
		width: 100% !important;
	}
	.swiper-container.swiper-container-initialized.swiper-container-horizontal {
		width: auto;
	}

}
@media only screen and (max-width: 600px) {
	
	.carousel-indicators {
		margin: 0 auto !important;
	}
	.fa-long-arrow-left {
		left: 16% !important;
	}
.fa-long-arrow-right {
		right: 16%;
	}
	.price {
	  color: #032c6e;
		margin-bottom: 0;
		font-size: 1.95rem;
		font-weight: 600;
		max-height: 65px;
	}
}
@media only screen and (max-width: 425px) {
	.firstcontainer h2 {
		font-size: 30px !important;
		font-weight: 500 !important;
	}
	.card-content h4 {
		font-size: 21px;
	}
	.custom-card .step-content .stats-box {
		right: 7% !important;
		padding: 1rem 0;
		top: 24%;
	}
    .custom-card .card-content {
       width: 100%;
       float: left;
    }
	.col-md-3.col-sm-3.col-xs-12.customcol {
		width: 100%;
		float: left;
		margin: 0 auto;
		padding: 12%;
	}

	.swiper-slide.swiper-slide-active {
		margin-left: 0%;
	}

	.submit_div .swiper-button-prev button {
		width: 90%;
		font-size: 16px;
		text-transform: capitalize;
		margin-left: 11px;
	}
}
@media only screen and (max-width: 414px){
	.selectpackage label {
		padding: 9px 50px;
	}
}
@media only screen and (max-width: 375px){
	.selectpackage label {
		padding: 9px 40px;
	}
	
	.submit_div .swiper-button-prev button {
		font-size: 13px;
	}
}
@media only screen and (max-width: 360px){
	.selectpackage label {
		padding: 9px 38px;
	}
}
@media screen and (max-width: 1136px) and (min-width: 1135px) {
	.swiper-button-next, .swiper-button-prev {
		margin-top: 165px;
	}
}