/* CSS Document */
html{overflow-x:hidden}
nav .phone{
	font-weight: 501;
	margin-left: 20px;
}

#index #services .row{
  width: 1320px;
  margin: auto;
  max-width: 95%;
}
#index #services{  padding-top: 75px;
  padding-bottom: 75px;}
#index #services h2{text-align: center;}

nav .phone a{color:black;}

/*General*/
html body p,
html body li,
html body {
    font-size: 18px;
    line-height: 150%;
    color: rgb(10, 12, 15);
}

body h1{font-weight:100 !important;}

.wrapper > .container img:not([src*="/staff/"]) {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px;
}

#hero-logo {
    transform: scale(0.75);
}

@media screen and (max-width: 767px) {
    .header_logo {
        max-width: 100%;
        width: 150px;
    }
	
	.mobile{display:block;}
	
	#footer .footer-container .row > .col-md-6.col-lg-3.col-12:not(:nth-of-type(3)) h2{
		display:none;
	}
	#footer .footer-container .row > .col-md-6.col-lg-3.col-12:nth-of-type(3) h2:nth-of-type(2){display:none;}
	#footer .footer-container .col-md-6.col-lg-3.col-12:not(:last-of-type){
		margin-bottom:50px;
	}
	
	
	
}

@media screen and (min-width:768px){
	.mobile{display:none;}
	#footer .footer-container .row > .col-md-6.col-lg-3.col-12:last-of-type h2 ~ h2{
		display:none;
	}
	
}
@media screen and (max-width: 991px) {
    .basic_topheader > .container {
        max-width: 100%;
    }
    .logo {
        margin-left: 0px;
    }
}

#home_hero img {
    transition: rotate 2s, transform 1s;
    transform: scale(1);
}
#home_hero img.small {
    transform: scale(0.6);
}
#home_hero {
    background: url("../../sitehold/images/fileman/hero-background.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.title ~ .wrapper > .container {
    padding-top: 40px;
    padding-bottom: 24px;
}

/* Home Quote */

.overlay.open #profit_form.modal {
    height: 80%;
    width: 80%;
    top: 10%;
    left: 10%;
}

.overlay #profit_form.modal {
    top: 100vh;
    transition: 0.5s;
    text-align: center;
}

.mobile-bar {
    background: white;
    text-align: center;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    border-bottom: 1px solid black;
    display: none;
}

.mobile-bar .row {
    height: 100%;
}

.center-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.open_overlay {
    border-left: 1px solid grey;
}

/* End Home Quote */

/* YouTube iFrame*/
.youtube-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%;
}
.youtube-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* END YouTube iFrame*/

/* Start Button */

.btn {
    color: #f4c380 !important;
    background-color: #000 !important;
    border-color: #000;
    padding: 14px 38px;
    padding-bottom: 13px;
    font-family: Montserrat, sans-serif;
    font-weight: 501;
    font-size: 18px;
    line-height: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35);
    transition: transform 0.1s linear, box-shadow 0.1s linear,
        background-color 0.1s linear;
}
.btn:hover{color:white !important;}
.service-content:hover h2{font-weight:700;}

[class*="btn"]:hover,
.btn-white:hover,
.navbar-nav .nav-item:nth-last-child(2) a:hover,
.navbar-nav .nav-item:last-of-type a:hover {
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.35);
    position: relative;
    cursor: pointer;
}

@media screen and (min-width:992px){
	[class*="btn"]:hover,
.btn-white:hover,
.navbar-nav .nav-item:nth-last-child(2) a:hover,
.navbar-nav .nav-item:last-of-type a:hover {transform: translateY(-4px);}
}

[id *= "profitability_assessment_form_inc"] .row .col-md-8 .col-12 input{
	width:100%;
}

[id *= "profitability_assessment_form_inc"] .row .col-md-8 .col-12:first-of-type br{display:none;}

#offcanvasRight [class*="btn-close"] {
    float: right;
    padding-top: 30px;
    padding-right: 30px;
}
#offcanvasRight [class*="btn-close"]:hover {
    box-shadow: unset;
    transform: unset;
    position: static;
}
.btn-assessment {
    outline: unset;
    border: 0;
    display: inline-block;
    padding: 20px 30px;
    border-radius: 5px;
    font-weight: 501;
    text-align: center;
}

.video-container {
  	position: relative;
	max-width: 100%;
	width: 360px;
	margin: auto;
}

.video-container iframe {
  width: 100%;
}


.navbar-nav .nav-item:nth-last-child(2) a:hover {
    color: white;
}



/* End Button */

.slick-slide .card {
    height: unset;
}

.error {
    border: 3px solid red !important;
}
span.error { color: white; border: 0 !important;}

.main-home {
    padding: 0px !important;
}

.card {
    margin: 20px;
    height: 100px;
}

#banner-text{
	height: 250px;
	display: flex;
	align-items: center;
}


.hero-text {
    display: flex;
    align-items: center;
}

.hero-text > div {
    width: 100%;
}

#hero_overlay {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    min-height: 300px;
    padding: 20px 0px;
}

#hero_overlay_text {
    padding: 15px;
}

#hero_overlay_text h2,
#hero_overlay_text p {
    color: white;
}

.btn-orange {
    background: #eb8900;
    color: white;
	text-shadow: 2px 2px 6px #000;
}
.btn-white {
    background: white;
    color: black;
}

@media screen and (max-width: 991px) {
    .white_hero_text div.col-0 {
        display: none;
    }
    .white_hero_text h1 {
        text-align: center;
    }
	.offcanvas-body .nav-item{
		text-align:center;
	}
	
	.navbar-nav .nav-item:last-child {margin-top:13px}
	
	
	.container{ padding-right:5%;padding-left:5%;}
	.nav-link{color:black;}
}

/* FAQ*/
#faqs_inc .accordion > .accordion-section {
    background: white;
}

/* End FAQ*/

/* Footer */
#footer h2 {
    line-height: 120%;
}

.footer #footer-social p {
    color: #888888;
}

#footernav li {
    list-style: none;
}
#footernav li a:hover {
    color: #eb8900;
}

/* End Footer*/


@media screen and (max-width: 767px) {
    #reviews {
        padding-left: 0px;
        padding-right: 0px;
    }
	#home_hero > .row{flex-direction:column-reverse;}
}

.reviews .slick-track {
    margin-top: 50px;
    margin-bottom: 50px;
}
.reviews img[src*="star.webp"] {
    width: 100px;
    margin: 5px auto;
}

#image_extender {
    background-image: linear-gradient(
        to right,
        #D98C0C 0%,
        #E8A12B 37%,
        #E8A22D 56%,
        #D28300 100%
    );
    height: 100px;
}

#image_guide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

#image_guide img {
    width: 100%;
}

#hero_overlay {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    min-height: 300px;
    padding: 20px 0px;
}

#hero_overlay_text {
    padding: 15px;
}

#hero_overlay_text h2,
#hero_overlay_text p {
    color: white;
}

/*Start Trivia*/
#trivia-content {
    text-align: center;
    padding: 20px;
}

#trivia_hero {
    position: relative;
    /*	max-height: 500px;*/
    overflow: hidden;
}
#trivia-content p {
    font-size: 20px;
}

#trivia-content .highlight {
    /*	background-color: #289;*/
    background-color: #0083af;
    color: white;
    font-weight: 500;
}

#trivia-content input[type="radio"] {
    opacity: 0;
}

#trivia-question-content {
    padding: 20px;
}

#trivia-question-content[class*="correct"] h3,
#trivia-question-content[class*="correct"] p,
#trivia-question-content[class*="correct"] label {
    color: white;
}

#trivia-question-content.correct {
    background-color: green;
}

#trivia-question-content.incorrect {
    background-color: red;
}

input[id^="trivia"] {
    padding: 10px 15px;
    border-radius: 20px;
    border: 0px;
}

#winner_submit {
    border: 0px;
    padding: 10px 20px;
    border-radius: 5px;
}

#trivia-submit {
    background-color: #eb8900;
    color: white;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*END Trivia*/

/* Start Services*/
#service_boxes_container > * {
    text-align: center;
}

#service_boxes_container > .service-box {
    position: relative;
    padding: 10px;
}
#service_boxes_container > .service-box:hover {
    padding: 0px;
}
#service_boxes_container > .service-box a .service-content {
    padding: 80px 10px;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(253, 156, 0, 0.7);
    align-items: center;
    display: flex !important;
}

#service_boxes_container > .service-box:hover .service-content {
    padding-top: 90px;
    padding-bottom: 90px;
}

#service_boxes_container > .service-box a {
    background-size: cover;
    background-position: center;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
}

.service-content h2 {
    margin: 0px;
    color: white;
    text-shadow: 2px 2px 8px #000000;
    font-size: 28px;
    text-align: center;
    width: 100%;
}




.overlay.open{z-index:99999;}


@media screen and (max-width:991px){
     .case_studies .ui-state-default, .case_studies .ui-state-default a{
          width:100%;
}
}


@media screen and (min-width: 1200px) {
    #service_boxes_container > .service-box:nth-of-type(1) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(3) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(6) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(8) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(9) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(11) a .service-content {
        background: rgba(0, 131, 175, 0.7);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #service_boxes_container > .service-box:nth-of-type(1) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(3) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(5) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(7) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(9) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(11) a .service-content {
        background: rgba(0, 131, 175, 0.7);
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    #service_boxes_container > .service-box:nth-of-type(1) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(4) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(5) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(8) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(9) a .service-content,
    #service_boxes_container > .service-box:nth-of-type(12) a .service-content {
        background: rgba(0, 131, 175, 0.7);
    }
}

@media screen and (max-width: 991px) {
    .overlay.open #profit_form.modal {
        height: 90%;
        width: 100%;
        left: 0;
        transition: 0s;
    }
	.basic_topheader{position:fixed; width:100%;z-index: 9999; top:0;}
	.offcanvas-end{width:100%;}

    .overlay #profit_form.modal {
        transition: 0s;
    }

    .overlay {
/*        top: 90vh;*/
		bottom: 0;
/*        height: 100%;*/
		height: 100px;
        opacity: 1;
        background: transparent;
        transition: 0s;
    }

    .overlay.open {
        top: 0;
        transition: 0.5s;
    }
	
	.overlay.open .mobile-bar {
		height: 10%;
	}

    .mobile-bar {
        display: block;
    }

    .btn-white {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    #service_boxes_container
        > .service-box:nth-of-type(odd)
        a
        .service-content {
        background: rgba(0, 131, 175, 0.7);
    }
	body h1{font-size:36px}
	body h2{font-size:30px}
	#banner-text{
		height:200px;
		
	}
	#hero-logo{
		display: none;
		/*
		max-width:80%;
		*/
	}
}


#service_boxes_container > .service-box:nth-of-type(1) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(2) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(3) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(4) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(5) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(6) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(7) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(8) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(9) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(10) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(11) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}
#service_boxes_container > .service-box:nth-of-type(12) a {
    background-image: url("../../sitehold/images/fileman/SSL.jpg");
}

/*#service_boxes_container > .service-box:hover{animation: kenBurns 0.5s;}*/

/* End Services*/

@media screen and (max-width: 991px) {
    .desktop {
        display: none;
    }
    button[data-bs-toggle="offcanvas"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        height: 28px;
        padding: 17px;
        border: 0px;
        top: -17px;
        position: relative;
        box-shadow: unset !important;
    }
}
@media screen and (min-width: 992px) {
    .tablet {
        display: none;
    }
}

/* Key Frames*/

@keyframes kenBurns {
    0% {
        transform: scale(1) translate(0, 0);
    }
    50% {
        transform: scale(1.2) translate(10%, 10%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

/* FAQS */

.accordion-section-title {
    background: #f7d099 !important;
    border-bottom: 1px solid #eb8900 !important;
}
.accordion-section-title.active,
.accordion-section-title:hover {
    background: #f7d099 !important;
    text-decoration: none !important;
}
/*END FAQ*/

/*TABS*/
	.ui-widget-content,.ui-widget-header{
		background:white;
		border:0px; 
	}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #eb8900}

.case_studies .ui-state-default a, .case_studies .ui-state-default a:link, .case_studies .ui-state-default a:visited {
  color: white;
  background: #eb8900;
  font-weight: 501 !important;
}
.case_studies .ui-state-active a {
  color: #eb8900 !important;
  background: white !important;
  border-bottom: 1px solid white !important;
}
@media screen and (min-width:992px){
	.case_studies .ui-tabs-nav li.ui-tabs-active{
		padding-bottom: 10px;
		top: -20px;
		position: relative;
		padding-top: 10px;
	}
	.case_studies .ui-tabs-nav > li:not(.ui-state-active):hover{
		padding-top:5px;
		padding-bottom:5px;
		top:-10px;
		position: relative;
		background:#eb8900
	}
	.case_studies > ul{border-bottom: 1px solid #eb8900;
height: 52px;
	margin-bottom:25px !important;}
}
/*END TABS*/

.reviews .date{font-size:14px;}
.reviews .box img{width: 50px;
	max-width:30%;
display: block;
margin: auto;margin-bottom:5px}

#studies > div > h2{margin-top: 65px;
text-align: center;}

#profit_form{
	background:white;
}
#profit_form  input{width:100%;}

/* Calendly scheduling Calendar*******************************/
.calendly-inline-widget { position: relative; }



#landing-page table{width: 100%;}
#landing-page tbody, #landing-page td, #landing-page tfoot, #landing-page th, #landing-page thead, #landing-page tr {
    border-color: inherit;
    border-style: solid;
	border-width: 2px;}
#landing-page .package-row-container .col-md-4 * {color: green}
#landing-page .package-row-container .col-md-4 {border: 1px solid}
#landing-page .package-row-container .col-md-4:not(:first-child) {border-left: none}
#landing-page .package-row-container :not(:first-child) .col-md-4 {border-top: none}
#landing-page .package-row-container .col-md-4 {padding-right: 0}
#landing-page .package-row-container .col-md-4 {padding-left: 0}