@media (hover:hover) { }
@media (hover:none) { }
* { box-sizing:border-box; -moz-box-sizing:border-box; }
/*
font-family: 'Work Sans', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/
/* */

:root {
 --red: #d43238; /*  */
 --red2: #f71c24;
 --blue:#0083ca;  /*blue hover */
 --text: #272727;
 --text2:#0083ca;
}

html,body,h1,h2,h3 {margin:0;padding:0; }
html {}
html.home {overflow-x:visible;}
body {color: #0083ca;color:var(--text2);font-family: 'Work Sans', sans-serif;font-size: 1.25em;font-size: clamp(1.1rem, 3vw, 1.3rem);background: #ffffff;}
img {border:none;}
a {
    border:none;
    outline:none;
    font-weight:normal;
    text-decoration: none;
}
h1 {display:block;color:var(--red);font-size: 2.5em;font-size: clamp(2rem, 5vw, 3.1rem);font-family: 'Titillium Web', sans-serif;line-height: 1em;font-weight: 800;letter-spacing: 1px;margin: 0px 0 38px 0;text-transform: uppercase;/* text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.22); */}
.home h1 {margin: 0 auto 0.9em;}
h2 {color: var(--red);font-family: 'Titillium Web', sans-serif;font-size: 2.6em;line-height: 1em;margin: 25px 0 30px 0;text-align: left;font-weight: 800;font-size: clamp(2rem, 4vw, 2.6rem);font-family: 'Titillium Web', sans-serif;}

h3 {font-size: 19px;margin:17px 0 0 0;line-height: 25px;/* font-weight:normal; */}
html:not(.home) h3 {font-size:2rem;font-size: clamp(1.4rem, 3vw, 1.6rem);}

h4 {font-size:2rem;font-size: clamp(1.4rem, 3vw, 1.6rem);}
p {margin: 12px 0 27px 0;}

@media (max-width:730px) {
	h1 {/* font-size: 2.3em; */}
	.content p {font-size: 18px;line-height: 25px;}
}

table {
    font-size: 1em;
}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #2ea4a5;}
input {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: #d2d2d2; color:#292929 ;}
::-moz-selection {background: #d2d2d2; color:#292929 ;}
::-webkit-selection {background: #d2d2d2; color:#292929 ;}

.clear {clear:both;}

.tel, .tel:hover {text-decoration:none !important; cursor:default; color:white;}


.button {
    display:inline-block;
    color:white  !important;
    padding: 5px 4%;
    border-radius: 10px;
    font-family: 'Titillium Web', sans-serif;
    border: 5px solid white;
    font-weight: normal;
    background:var(--red);
    margin: 10px 2%;
    text-decoration: none !important;
    transition:0.3s;
}
.button:hover {
    background:var(--red2);
}



/*HEADER===================================================*/

header {position: absolute;left: 0;top: 0;width:100%;display:block;z-index: 100;width: 100%;transition:background 0.3s;}
.top {background: #43a5c2;}
.top .center {display: flex;max-width: 1400px;margin: 0 auto;}
header .top {box-shadow: inset 0px -9px 11px -10px rgba(0, 0, 0, 0.42);}	
		
	.header-inner {display: flex;justify-content: space-between;align-items: center;position:relative;margin:0 auto;padding: 11px 5%;/* max-width: 1630px; */}

		/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(../images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
		.logo {position: relative;z-index: 1000;display: inline-block;padding: 0  0 0 12px;transition: 0.3s;}
		.logo img {width: 445px;height:auto;}

.header-inner .box {
	height:auto;
}

@media screen and (max-width: 1360px) {	
	.header-inner .box {
		display:none;
	}
}

@media (max-width:1100px) {
	.logo img {width: 350px;}
}

@media (max-width:850px) {
   .header-inner {height: 80px;}
}

@media (max-width:560px) {
	.header-inner {
		    justify-content: center;
	}
	.logo img {
		width: 360px;
		max-width: 100%;
	}
}


	/* Nav======================= */
	nav {position:relative;float: right;z-index: 110;}
	nav .mobileMenu {display:none;position:absolute;bottom: 0px;right: 2.5%;width:90px;font-weight: 900;height:100%;color: var(--blue);}
	nav > .mobileMenu:before {position:absolute;content:"MENU";right: 35px;top: 0px;display:block;cursor:pointer;font-weight: bold;line-height: 78px;font-size: 2rem;font-weight: 900;letter-spacing: 1px;font-family: 'Titillium Web', sans-serif;transition: 0.3s line-height;}
	nav > .mobileMenu:after {position:absolute;content:"\f0c9";right: 0px;top: 1px;font-family:Font Awesome\ 5 Pro;display:block;cursor:pointer;line-height: 77px;font-size: 1.9rem;transition: 0.3s line-height;}
	nav > ul { list-style:none; margin:0; padding:0; }
	nav > ul > li {position:relative;z-index:10;float:left;font-weight: bold;}
			   li.hasChildren:before {display: none;position:absolute;left: 50%;bottom: 34px;margin-left: -8px;content:'';width: 0px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #ffc11e;transition:0.3s;}
	nav > ul > li > a {display:block;text-align:center;padding: 1px 0px 0px 34px;line-height: 45px;color: var(--blue);/* background:white; */text-transform: uppercase;font-size: 1.2em;font-family: 'Titillium Web', sans-serif;font-weight: 900;}
	nav > ul > li:first-child > a {/* border-left: 1px solid #262626; */}
	nav > ul > li:hover {}
			   li.hasChildren:hover:before {border-top: 8px solid #000000;}
	nav > ul > li:hover a {text-decoration: underline;}

	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 6px 0 1px 0;/*width: 210px;*/left: 0;top: 45px;overflow:hidden;transition: 0.2s;}
	nav > ul > li ul.ourRestaurants {left:inherit; right:0px; }
	nav > ul > li ul  li  {position:relative;margin: 0;float: left;box-sizing: border-box;margin:1px 1% 1px 0px;width:100%;box-shadow: 1px 5px 5px -3px  rgba(0, 0, 0, 0.3);}

	nav > ul > li ul  li  a {position:relative;display:block;line-height:17px;padding: 0;letter-spacing: -3px;font-weight: bold!important;font-size: 17px;font-size: 0.85em;color: #593904;color:rgba(255,255,255,0);transition: 0.3s;}
	nav > ul > li:hover ul  li  a  {background: #ffffff;letter-spacing: 0;color: #593904;transition: 0.3s;}
	nav > ul > li ul  li:first-child:before {border:none !important}
	nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	nav > ul > li:hover ul  li:before {}
	nav > ul > li ul  li:hover a {/* background: #ffc11e; *//* color:#ffffff !important; */}
	nav > ul > li ul  li:hover  a.pdf:before {/*background:url(../images/pdf2.png) center -23px no-repeat;*/}
	nav > ul > li:hover ul {height:405px;  transition: 0.4s ;}


	nav > ul > li:first-child:hover ul {height: 230px !important;}
	nav > ul > li:hover ul li a { padding: 7px;}

	@media (max-width:1000px) {
		nav > ul > li > a {font-size: 19px; padding: 1px 10px 0px;}
	}
	@media (max-width:800px) {

		nav {/* float:none; */position: absolute;width: 100%;min-height: 80px;left: 0%;}
		nav .mobileMenu {display:block;z-index: 1000;}
		nav > ul {padding: 80px 0 0 0;background: white;}
		nav > ul.selected {position: absolute;border-bottom: solid 5px #fff;right: 0px;top: 0px;width: 100%;background: white;}
		nav > ul.selected > li {width:100%; }
		nav > ul.selected > li a {font-size: 1em;line-height: 3em;text-align: right;color: black !importnat;/* background: #009ea0; *//* background:rgba(0, 158, 160, 0.78); */background: rgba(255, 255, 255, 0.15);}
		nav > ul > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
		nav > ul.selected > li { display:block; margin-top: 1px; }
		nav > ul > li:before {display:none;}
		nav > ul > li {display:none;margin-top:0px !important;border-top: 2px solid rgba(68, 68, 68, 0.27) !important;}
		nav > ul > li > a {position:relative;padding: 0 15px 0 0;color: #494747 !important;/* background: #ffc11e !important; */color: var(--blue)!important;}
		nav > ul > li.hasChildren > a:before {/* display:none; */position:absolute;content:"\f0d8";font-family:Font Awesome\ 5 Pro;right: 17px;bottom: -16px;font-size: 20px;color: #ead8c0;}
		nav > ul > li ul {width: 100%;/* display: none; */height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: rgba(255, 255, 255, 0.42);}
		nav > ul > li:first-child:hover ul {height:inherit !important;}
		nav > ul > li:hover ul, nav > ul > li.opened ul {display: block;}
		nav > ul > li:hover a:before, nav > ul > li.opened a:before {}
		nav > ul > li ul  li  {/*width: 50%;*/width: 100%;margin:0;box-shadow: none;}
		nav > ul > li ul  li  a,
		nav > ul > li ul  li:hover a {padding: 0px 15px 0px 0 !important;letter-spacing: 0px;background: none !important;color: #5c544a  !important;font-size: 15px !important;     line-height: 36px !important; border-bottom: 1px solid  rgba(0, 0, 0, 0.19);border-right: 1px solid rgba(0, 0, 0, 0.19);}
	}
	@media (max-width:560px) {
		nav {
			    top: 69px;
		}
		nav > ul {
			padding: 62px 0 0 0;
			
		}
		nav .mobileMenu {
			bottom: 7px;
			right:calc(50% - 64px);
		}
    }
	@media (max-width:200px) {
		.header-inner {height: inherit;}
		.logo {display:block; position:relative; top:0px; left:0px; margin:0 auto; max-width: 275px;min-width: 248px}
		nav > ul {padding: 53px 0 0 0;}
		nav > ul > li ul  li  {width: 100%;}
		nav .mobileMenu {right: 50%; margin: 0 -58px 0 0;}
		nav > .mobileMenu:before, nav > .mobileMenu:after {top:0px;}
	}
	@media (max-width:370px) {
	/*	nav > .mobileMenu:before {display:none;}*/
	}



/*HERO  on Homepage================================*/

.hero {
	position: relative;
	display:flex;
	justify-content: space-between;
	height: 879px;
	padding: 50px 0 40px;
	background: url(/templates/client/images/starburst.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}
html:not(.home) .hero {
    height: 580px;
    padding: 50px 0 40px;
}
.hero .overlay {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 445px;
	/* max-width: 445px; */
	margin-left: 5%;
}
html:not(.home) .hero .overlay {
    justify-content:flex-start;
    margin-top:40px;
}
.hero .overlay .box {
	height:auto;
	display:none;
}
.hero .overlay .box-pod{display:none;}
.hero .overlay ul {
	counter-reset: training;
	list-style:none;
	max-width: 1600px;
	margin: 0 auto;
	padding: calc(2px + 2vh) 0 calc(2px + 2vh);
}
.hero .overlay ul li {
	color:var(--blue);
	font-size: clamp(2rem, 5vw,3rem);
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}
.hero .overlay ul li:before {
	display: inline-block;
	position:relative;
	counter-increment: training;
	content: counter(training);
	border-radius: 50%;
	color: #94cced;
	background:white;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	font-size: 2.7rem;
	width: 50px;
	height: 50px;
	line-height: 49px;
	font-weight: 900;
	margin-right: 15px;
}
.hero .overlay .button {
	/* max-width: 271px; */
	width: 314px;
	background:var(--red);
	font-size: 2.5rem;
	text-align: center;
	box-shadow: 0 0 10px 2px white;
    cursor:pointer;
}
.hero .overlay .button:hover {
    background:var(--red2);
    box-shadow: 0 0 16px 8px white;
}
.hero .overlay .call {
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.7rem;
	color:var(--red);
	text-decoration: none;
}
.hero .overlay .call span {
	color:var(--blue);
	text-decoration: none;
}
.hero .slant1 {
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height: 27%;
	pointer-events: none;
}
.hero div.slant1 {
	    background: url(../images/slant1.svg) center no-repeat;
   		 background-size: 1800px 100%;
}
html:not(.home) .hero div.slant1 {
    height: 38%;
}
.hero .podmain {
    position: absolute;
    left: 4%;
    bottom: 0%;
    width: 59%;
    max-width: 805px;
    height: auto;
}
.home .hero .podmain {
	margin-left: 445px;
}
html:not(.home) .hero .podmain {
    right: inherit;
    left:4%;
    bottom: -1%;
    width: 50%;
    max-width: 575px;
}

@media screen and (min-width: 1550px) {	
	.hero div.slant1 {
		height: 215px; */
        width: 100%;
        height: 15vw;
        background-size: cover;
  
	}
    html:not(.home) .hero div.slant1 {
        height: 55%;
    }
}
@media screen and (max-width: 1360px) {	
    html:not(.home) .hero {
        flex-direction: column;
        height: 380px;
    }
    .hero  .overlay {
        margin-bottom: 98px;
    }
	.hero .overlay .box-pod {
		display:inline-block;
		max-width: 240px;
		height: auto;
	}
    html:not(.home) .hero .podmain {
        display: none;
    }
    html:not(.home) .hero div.slant1 {
        height: 48%;
    }
}
@media (max-width:1100px) {
    html:not(.home) .hero {
        height: 430px;
    }
	.hero .overlay {
		    width: 368px;
		    /* margin-left: 0%; */
	}

    
    .hero div.slant1  {
        height: 18%;
    }
    html:not(.home) .hero div.slant1 {
        height:58%;
        bottom: -10px;
    }
}
@media (max-width:800px) {
    .hero {
	   flex-direction: column;
	   justify-content: space-evenly;
	   align-items: center;
	   height: inherit;
	   padding: 185px 0 20px;
	}
    html:not(.home)  .hero  {
        justify-content: flex-start;
        height: 360px !important;
    }
    .hero  .overlay {
        margin-bottom: 0px;
        margin-left: 0%;
    }
    html:not(.home) .hero .overlay {
        margin-top: 73px;
    }
    .hero .overlay .box {
        width: 170px;
	}
    .hero .podmain {
    position: relative;
    object-fit: contain;
    margin: -50px 0 1vw;
    right: 0%;
    width: 92%;
    transform: translate(0,10px);
    left: 0;
    margin-left: 0 !important;
    }
    html:not(.home) .hero .podmain {
        
    }
    html:not(.home) .hero div.slant1 {
        height: 36%;
    }
}

@media (max-width:560px) {
    .hero  .overlay  {
        margin: 0px 0 9vw;
    }
    html:not(.home) .hero  .overlay {
        margin-top: 100px;
    }
    html:not(.home) .hero {
        height: 480px;
    }
    .hero .podmain {
        transform: translate(0,-20px);
    }
    html:not(.home) .hero .podmain {
        
    }
}



/* Main section layouts */
.main {
    padding: calc(10px + 6vh) 0;
}
html:not(.home) .main {
    padding: calc(0px + 5vh) 0;
}
.main article {width:100%;display:inline-block;padding:0 2em 1em;}
.main article {display: block;width: 100%;max-width: 1200px;margin: 0 auto;}
.main aside { width:30%; float:right; background: #A6B7BF; padding:0 2em 1em; overflow:auto; }

.main article a {
    text-decoration: underline;
    font-weight:bold;
    color:var(--blue);
}
.main article img {
    height: auto;
    border: 0;
    height: auto !important;
    border-radius: 7px;
    margin: 0 3% 10px;
    margin-bottom: 10px;
    max-width: 50%;
    transition: 0.3s;
}

.main article table.col2,
.main article table.col2 tbody,
.main article table.col2 tr,
.main article table.col2 td {
    display:block;
}
.main article table.col2 tbody {
    display:flex;
    flex-wrap:wrap;
}
.main article table.col2 tr {
    display: flex;
    width:50%;
}
.main article table.col2 td {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border:0;
    width: 100%;
}
.main article table.col2 td img {
    max-width: 100%;
    margin: 0 3% 10px;
}


.main article ul  {
    list-style: none;
    margin: 0;
    padding: 0 0 0 21px;
}
.main article ul li {
    position: relative;
    padding: 5px 0 5px 21px;
}
.main article ul li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--red);
}

.main article .box {
    clear:both;
    max-width: 880px;
    border: 4px solid var(--blue);
    border-radius: 10px;
    padding: 30px 3% 30px 3%;
    margin: 20px auto;
}
.main article .box h2 {
    margin: 0px 0 30px 0;
}


@media (max-width:700px) {
    .main article table.col2 tr {
        width:100%;
    }
}


/*Homepage stuff=======================================START*/

/*conteinersCTA*/
.conteinersCTA {
    /* border:4px solid var(--blue); */
    /* border-radius:10px; */
    display:flex;
    align-items: stretch;
    justify-content: space-between;
    margin: calc(130px + 6vh) auto calc(100px + 6vh);
    max-width: 910px;
}
html:not(.home) .conteinersCTA {
    margin: calc(120px + 5vh) auto calc(40px + 3vh);
}
.conteinersCTA > * {
    position: relative;
    width: 46%;
    display:inline-block;
    border: 4px solid var(--blue);
    border-radius: 10px;
    text-align: center;
    padding: 130px 4% 30px;
}
.conteinersCTA > div {
    padding: 130px 4% 0px;
}
.conteinersCTA > * .image {
    position: absolute;
    left: 50%;
    top: -107px;
    margin: 0 0 0 -97px;
    display:flex;
    align-items: center;
    width: 210px;
    height: 210px;
    border-radius:50%;
    border: 5px solid white;
    background: #c0e0f2;
}
.conteinersCTA > * .image img {
    position: absolute;
    left: -42px;
    top: 20px;
    width: 230px;
    height:auto;
    max-width: 100%;
}
.conteinersCTA > * h3 {
    font-weight:900;
    font-size: 2rem !important;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    color: black;
}
.conteinersCTA > * strong {
    font-size:1.6rem;
    color: black;
}
.conteinersCTA > * ul {
    list-style: none !important;
    margin: 37px 0 !important;
    padding: 0  !important;
    font-size: 1rem;
    line-height: 1.1em;
    font-weight: bold;
    color: #646464;
    text-align: left;
}
.conteinersCTA > * ul li {
    position: relative;
    padding: 5px 0 5px 18px;
}
.conteinersCTA > * ul li:before {
    position:absolute;
    content:'';
    left:0px;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius:50%;
    background:var(--red);
}
.conteinersCTA > * .button_wrapper {
    position:absolute;
    width:100%;
    left: 0;
    bottom: -36px;
    text-align:center;
}
.conteinersCTA > * .button_wrapper .button {

padding: 5px 5%;
}
.conteinersCTA > *:hover .button_wrapper .button {
    background:var(--red2);
}
.main .conteinersCTA a{ text-decoration:none;}
.conteinersCTA .button{ text-decoration:underline;}

@media screen and (max-width: 700px) {
    .conteinersCTA {
        flex-wrap: wrap;
        justify-content: center;
        margin: calc(60px + 5vh) auto calc(20px + 5vh);
    }
    .conteinersCTA > * {
        width: 100%;
        max-width: 440px;
        margin: 100px 0;
    }
}

/*Guarantee  Box*/
.guarantee {
    display:flex;
    align-items: center;
    max-width: 880px;
    border: 4px solid var(--blue);
    border-radius: 10px;
    padding: 30px 3% 30px 1%;
    margin: 20px auto;
}
.guarantee img {
    width:122px;
    height:auto;
}
.guarantee .right {
    text-align:center;
    flex-grow: 1;
}
.guarantee .right h2 {
    font-size: clamp(1.9rem, 3vw, 2.2rem);
    text-align: center !important;
    margin: 0px 0 10px 0;
}
.guarantee .right strong {
    font-size:1.2rem;
    font-size: clamp(1.4rem, 2vw, 1.5rem);
    displaY: block;
}
.guarantee .right span {
    font-style: italic;
}

@media screen and (max-width: 780px) {
    /* .guarantee .right {
        text-align:left;
    } */
}
@media screen and (max-width: 530px) {
    .guarantee  {
        flex-direction: column;
    }
}


/*Free Quote*/
.freeQuoteCTA {
    display: flex;
    flex-direction: column;
    background:#0081cc  url(../images/quoteBack.jpg) no-repeat;
    center;
    background-size:cover;
}
html:not(.home) .freeQuoteCTA  {
    margin-bottom: 120px;
}
.freeQuoteCTA .content {
    display:flex;
    flex-direction: initial;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 4%;
    margin: calc(30px + 6vh) auto;
    color: white;
    text-align: center;
    font-size: clamp(1.7rem, 2.8vw, 2rem);
    font-family: 'Titillium Web', sans-serif;
    line-height: 1em;
    max-width: 1880px;
}
.freeQuoteCTA .content  span {
    flex-grow: 1;
    display: inline-block;
    text-align: left;
    /* max-width: 310px; */
}
.freeQuoteCTA .content .center {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 7%;
    flex-grow: 1;
    /* width: 50%; */
}

.freeQuoteCTA .content .center .getQuote {
    display: inline-block;
    position:relative;
    background:red;
    font-size: 2rem;
    padding: 12px 24px 15px 24px;
    color: white;
    font-size: clamp(1.9rem, 2.8vw, 2.3rem);
    line-height: 1em;
    border-radius: 6px;
    transition: 0.3s;
}
.freeQuoteCTA .content .center .getQuote:before {
    position:absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border:5px solid white;
    border-radius: 10px;
    content:'';
    transition: 0.3s;
}
.freeQuoteCTA .content .center .getQuote:hover {
    background: var(--red2);
}
.freeQuoteCTA .content .center .getQuote:hover:before {
    opacity:0.3;
}
.freeQuoteCTA .content .center .tel {
    position: absolute;
    left: 0px;
    bottom: -52px;
    width: 100%;
    text-decoration:none;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 2.8vw, 1.6rem);
}
.freeQuoteCTA .images {
    display: flex;
    justify-content: space-around;
    margin: 0 auto -100px auto;
    max-width: 1860px;
	align-items: center;
    align-content: center;
}
.freeQuoteCTA .images img {
    width: 18%;
    height:auto;
    border-radius:50%;
    border: 8px solid white;
}


@media screen and (max-width: 1000px) {
    .freeQuoteCTA .images img {
        width: 30%;
        border: 7px solid white;
    }
    .freeQuoteCTA .images img:nth-child(4), 
    .freeQuoteCTA .images img:nth-child(5) {
            display:none;
    }
    

}
@media screen and (max-width: 780px) {
    .freeQuoteCTA .content {
            flex-direction: column;
    }
    .freeQuoteCTA .content span {
        text-align: center;
    }
    .freeQuoteCTA .content .center {
        padding: 40px 7%;
        margin-bottom: 24px;
    }
    .freeQuoteCTA .content .center .getQuote {
        max-width: 280px;
        margin: 0 auto; 
    }
    .freeQuoteCTA .content .center .tel {
        position: relative;
        bottom: -22px;
    }
}

@media screen and (max-width: 600px) {
    .freeQuoteCTA .images img {
        width: 44%;
        border: 6px solid white;
    }
    .freeQuoteCTA .images img:nth-child(3) {
            display:none;
    }
    

}

/*Testimonials*/
.testimonials {
    padding: calc(120px + 6vh) 2% calc(0px + 4vh) 2%;
    overflow: hidden;
}
.testimonials h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    width: 80%;
    margin: 0  auto;
}
.testimonials ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1350px;
    padding: 0px 0px;
    margin: calc(46px + 6vh) auto calc(0px + 1vh)  auto;
}
.testimonials ul li {
    flex-basis: 29.3%;
    display: flex;
    flex-direction: column;
    margin: 2%;
    transition: 0.3s;
}
.testimonials ul li .quote {
    position: relative;
    background: #daeef8;
    padding: 41px calc(10px + 8%);
    border-radius: 5px;
    line-height: 1.7em;
    color: #015ca4;
    /* font-weight: 600; */
    transition: 0.3s;
}
.testimonials ul li .quote .qq {
    position: absolute;
    left: 5%;
    top: -40px;
}
.testimonials ul li h3.author {
    text-align: right;
    font-weight: 600;
    padding: 6px 11px;
    font-size: 1.6rem;
    color: #015ca4;
    font-family: 'Work Sans', sans-serif;
}

@media (max-width: 1100px) {
    .testimonials ul {
        display: block;
    }
    .testimonials ul li {
        flex-basis: 100%;
        margin: 60px 2%;
    }
}





/*Homepage stuff=======================================END*/




/* Blog */
section .blogitem { border-bottom:1px solid #8AA1AC; }
section .blogitem img { vertical-align:top; float:left; margin:0 0.7em 0.7em 0; }
section .blogitem .date { font-style:italic; }
section .blogitem .category { border:1px solid gray; background:lightgray; border-radius:0.5em; font-size:0.9em; padding:0.1em 0.3em; }

/* Gallery */
#gallery-categories { list-style: none; padding: 0; margin: 0; }
#gallery-categories li { width: 50%; display: block; margin: 0; padding: 1em; float:left; }
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { position: absolute; right: 0; bottom: 0; background:darkgray; background: rgba(128, 128, 128, 0.75); padding: 0.4em; color: white; }
#gallery-categories li a img { display:block; width:100%; height:auto; }

#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0 0 40px 0; margin: 0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:1px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px 2px #7D868A; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager .next { position:absolute; right:-0.3em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }

#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
#gallery-photos .next { position:absolute; right:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }


/*Contact form */

.form {margin-top:25px; /*background:rgba(255, 255, 255, 0.75);*/ transition:3s; transition: 0.3s;}
	::-webkit-input-placeholder {color:#A8A8A8;}
	:-moz-placeholder {color:#A8A8A8;}
	::-moz-placeholder {color:#A8A8A8;}
	:-ms-input-placeholder {color:#A8A8A8;}

.form ul {padding:0 !important;}
.form ul li {padding-left:0 !important; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 100%; }		
.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
.form input, .form select, .form textarea {outline: 0; border: none; background-color: #E1E6EA; padding: 6px 2%;margin: 0;border-right: none;  font-size: 17px; margin-bottom: 20px; transition: 0.3s;
/* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */ box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);   -moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);  -webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }	
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; -moz-box-shadow:none !important;  -webkit-box-shadow:none !important;  box-shadow:none !important;}*/

.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size: 18px; font-weight: 400; cursor:pointer;  border-radius:2px;  text-transform:uppercase; font-family: 'Oswald', sans-serif;  margin-top: -9px; outline: 0;color: #fff; background: #f50f0f; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s;}		

.form button:hover, .form  input[type="submit"]:hover  { background: #D81515; }			
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #fff;}	

.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form img { box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;    margin-top: 5px !important; box-shadow: 1px 1px 6px #BDBABA;}
	.inputsFull {padding:0; list-style:none !important}
	.inputsFull label {margin-top:10px;}
	.inputsFull li {width:47.5%; float:left;}
		/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/
	
	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}
	
	.error{background: url(/templates/client/images/asterisc.png) no-repeat right -29px !important; background-color: #F50F0F !important; color:white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition:0.3s, background-color 0.3s !important;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26);}
	.error::-webkit-input-placeholder {color:#fff;}
	.error:-moz-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}
	
	.required {background: url(/templates/client/images/asterisc.png) no-repeat right 2px; }
	.form label.error  {display: none !important;}
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}
	
	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

@media screen and (max-width: 700px) {	
	.inputsFull li {width:100% !important; margin:0 !important;}	
	.form button {margin-top:0px;}
}



/*Sizes PAge=================*/
#sizes-page {
    
}
.conteinersCTA ul ul {
    display:flex;
    flex-wrap: wrap;
    max-width: 195px;
    padding: 0 20px 0 0 !important;
    margin: 21px auto  21px auto !important;
}
.conteinersCTA ul ul li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 5px 0;
    margin: 11px 0px;
    font-size: 1.5rem;
    line-height: 1.2em;
}

.conteinersCTA ul ul li:before {
    display:none;
}
.conteinersCTA ul ul li > em {
    color:red;
    font-size: 2.3rem;
    font-style: normal;
    display: inline-block;
    margin: -3px 6px 0 0;
}
.conteinersCTA ul ul li strong {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    padding: 20px;
    border-radius:50%;
    font-size: 2rem;
    color: white;
    background: #0083ca;
    /* border: 2px solid #d43238; */
    margin: 0 0 0 20px;
}
.conteinersCTA ul ul li strong em {opacity: 0.65;font-size: 1.1rem;}






/*Contact Page==============*/
form fieldset div.formfields input,
form fieldset div.formfields textarea {
    background-color: #d3e8f3;
}
 .contact button {
    border-radius: 10px;
    font-family: 'Titillium Web', sans-serif;
    border: 5px solid white;
    background-color: var(--red) !important;
    transition:0.3s;
 }   
 .contact button:hover {
    background-color: var(--red2) !important;
}





/*FAQ Page=================================*/
#faq-page {

}
#faq-page h3 {
    position: relative;
    font-size: 1.8rem;
    font-size: clamp(1.5rem, 3.7vw, 1.7rem);
    line-height: 1.2em;
    color: white;
    border: 4px solid var(--blue);
    border-radius: 10px;
    padding: 15px 3% 15px 54px;
    font-style: italic;
    background: var(--blue);
}
#faq-page h3:before {
    position:absolute;
    content:'?';
    left: 17px;
    top: calc(50% --20px);
    color: rgb(255 255 255 / 58%);
    font-size:2rem;
    font-weight:bold;
    font-size: clamp(2rem, 5vw, 3.1rem);
    font-family: 'Titillium Web', sans-serif;
}













/* Footer */
footer {   
z-index: 1; 
flex-direction: row; 
position:relative;
background:white;

}
footer  .starburst {
    transform: scale(-1,-1);
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:-1;
}

footer .slant2 {
	/* left:0; */
	/* top: 0; */
	margin-top: -2px;
	width:100%;
	height: 27%;
}
footer .slant2 {
	    background: url(../images/slant2.svg) center top no-repeat;
	    background-size: 1800px 100%;
	    height: 15vw;
	    background-size: cover;
}
footer .telephone {
    color:var(--red);
    font-size: clamp(1.7rem, 4.2vw, 2.1rem);
    /* font-size: clamp(1.4rem, 3.5vw, 1.6rem); */
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
}
footer .telephone span {
    color:var(--blue);
    
}
footer .center {
    display: flex;
    justify-content: space-between;
    padding: calc( 2% + 50px) 4% calc( 2% + 50px);
}
footer .left {
    display:flex;
    flex-direction: column;
    align-items: center;
}
footer .left .box {
    margin-top:20px;
    width: 227px;
    height: auto;
}

footer .right {
    text-align: right;
    color: #015ca4;
    font-weight: bold;
}
footer .right .footerNav {

margin: 0 0 30px 0px;
}
footer .right .footerNav a {
    font-size: 21.1em;
    font-size: clamp(1.4rem, 3.5vw, 1.6rem);
    font-family: 'Titillium Web', sans-serif;
    font-weight: 800;
    color: var(--blue);
    margin: 10px 0px 10px 10px;
    text-transform: uppercase;
}

@media screen and (min-width: 1550px) {	
    footer .slant2 {
		height: 215px;
		height: 15vw;
		background-size: cover;
		margin-top: -2px;
	}
}

@media (max-width:1100px) {

    footer .slant2  {
        /* height: 18%; */
    }
    footer .left .box {
        width: 200px;
        height: auto;
    }
}
@media (max-width:890px) {
    footer .center {
        flex-direction:column;
    }
    footer .right {
        text-align: center;
        margin: 100px 4% 100px;
    }
}




/* Compucast Logo CSS */
.compucast-stamp a {
    color:#015ca4;
}
span.compucast { font-family:sans-serif; display:inline-block; overflow:hidden; white-space:nowrap; position:relative; padding:0.5em 1.45em; width:0; color:transparent; transition:0.5s; text-align:center; border-radius:1em; line-height:1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
span.compucast a {color:black; font-weight:bold;}
span.compucast:before,
span.compucast:after { content:""; width:1em; height:1em; display:inline-block; border-radius:1em; transition:0.5s; position:absolute; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:0.3em; }
span.compucast:before { border:0.2em solid #66459C; border-right-color:transparent; left:0.4em; }
span.compucast:after { border:0.2em solid #219A31; border-left-color:transparent; right:0.4em; }
span.compucast.hover,
span.compucast:hover { width:18.8em; color:gray; background:white; background:rgba(255,255,255,0.8); }
span.compucast.hover a,
span.compucast:hover a { color:black; }
span.compucast.hover:before,
span.compucast.hover:after,
span.compucast:hover:before,
span.compucast:hover:after { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }

/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* ================================================== Media Queries ================================================== */

/* Landscape phones and smaller */
@media (max-width:550px) {

}