/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700;800&display=swap');

/* Defaults */
body{
    font-family: 'Barlow', sans-serif;
}
body hr {    
    height: 3px;
    width: 25%;
    margin: 0 0 20px 0;
    background-image: linear-gradient(90deg, #00d6ff, transparent);
    border: 0;
}
*:focus{outline: none;}
a{text-decoration: none;color: inherit;}
ul,ol{list-style: none; margin: 0; padding: 0;}
.tal{text-align: left;}
.tar{text-align: right;}
.tac{text-align: center;}
.mobileNav {display: none;}
.makeBg {height: 100%;}

/* Colors
Primary - 
Secondary - 
*/

.top-section{
    background-color: #00d6ff;
    padding-block:1rem;
}
header {
    padding-top: 0px;
    position: relative;
    background-image: url(../images/header.jpg);
    z-index: 1;
}
header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0f6475;
    opacity: 0.9;
    z-index: -1;
}
.logo img {
    width: 85%;
    border-radius: 10px;
}

/* Nav Stuff */

nav ul li {
    display: inline-block;
    padding: 0px 15px;
    position: relative;
    z-index: 1;
}
nav ul li:last-of-type {
	float: right;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
nav ul li:last-of-type:before {
    content: '';
    position: absolute;
	background-color: #020202;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: -1;
    transition: all .2s ease-in-out;
}
nav ul li:last-of-type:hover:before {
    transform: scale(1.03, 1.03);
}
nav ul li a {
    opacity: 0.85;
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    text-shadow: 1px 1px 5px #111111;
    font-size: 18px;
    transition: opacity 0.4s ease;
}
nav ul li a:hover {
    opacity: 1;
}
.active {
    opacity: 1;
}
nav ul > li:last-child > a {
    opacity: 1;
}
nav ul li > a:after {
	content: '\f078';
	color: #00d6ff;
	font-size: 14px;
	margin-left: 6px;
	text-align: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
}
nav ul li > a:only-child:after { content: ''; }
.sub-menu {
	position: absolute;
	left: 0;
	padding: 5px 0px;
    display: none;
}
.sub-menu::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0f6475;
    opacity: 1;
    border-radius: 5px;
	z-index: -1;
}
.sub-menu li {
	display: block;
	margin: 0;
	text-align: left;
	white-space: nowrap;
	clear: both;
    padding-right: 25px;
}
.sub-menu li a {
    opacity: 1;
    line-height: 25px;
}
.sub-menu li:last-of-type {
    border-radius: 0;
    float: left;
}
.sub-menu li:last-of-type:before {
    display: none;
}
.sub-menu > li:last-child > a {
    opacity: 1;
}
nav ul li:hover .sub-menu, nav ul li .sub-menu .active {
    display: block;
}

/* Splash Stuff*/

.splashMg {
    margin-block: 2rem;
}
.splashContent {
    padding-right: 50px;
}
.splashDeets {
    margin-bottom: 15px;
}
.splashDeets a {
    color: #00d6ff;
    font-weight: 600;
    display: block;
}
.splashDeets i {
    font-size: 14px;
    color: #ffffff;
}
.splashDeets span {
    margin: 0px 20px;
    font-size: 18px;
}
.splashContent h1 {
    margin: 0;
    padding: 0;
    line-height: initial;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 36px;
    text-shadow: 1px 1px 5px #111111;
}
.splashContent p {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: 600;
}
.splashContent button {
    margin-top: 25px;
    background-color: #00d6ff;
    border-radius: 5px;
    line-height: 35px;
    padding: 0px 20px;
}
.splashContent button a {
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    text-shadow: 1px 1px 5px #111111;
    font-size: 18px;
}
.splashSlider .slide {
    height: 560px;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 5px 5px 0 0;
    z-index: 1;
}
.slick-next, .slick-prev {
    font-size: initial;
}
.slick-prev:before {
    font: var(--fa-font-solid);
    content: "\f355";
}
.slick-next:before {
    font: var(--fa-font-solid);
    content: "\f356";
}

/* Other Page Headers */

.otherHeaderSplash {
    margin-top: 50px;
    height: 300px;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 5px 5px 0 0;
    z-index: 0;
}
.servicesSplash {
    background-image: url(../images/services.jpg);
}
.gallerySplash {
    background-image: url(../images/gallery.jpg);
}
.reviewsSplash {
    background-image: url(../images/reviews.jpg);
}
.contactSplash {
    background-image: url(../images/contact.jpg);
}

/* Services Page */

.mainContent ul li:nth-of-type(even) {
    background-color: #0f6475!important;
}
.servicesImage {
    background-size: cover;
    background-position: center center;
    background-image: url(../images/services-main.jpg);
}
.padLeft {
    padding-left: 50px;
}

/* Gallery Page */

.gallery .columns:hover img {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	transform: scale(1.02);
}
.gallery .columns img {
	transition: transform 0.4s, box-shadow 0.4s;
	margin: 0!important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.gallery .columns {
	margin-bottom: 35px;
}
.gallery .columns img {
	border-radius: 5px;
}

/* Reviews Page */

.servicesContent blockquote {
    margin: 0;
    padding: 0;
    background-color: #e5f4ff;
    padding: 20px 30px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.servicesContent blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #0f6475;
    opacity: 0.2;
    border-radius: 5px 0px 0px 5px;
    z-index: -1;
}
.servicesContent blockquote i {
    color: #00d6ff;
    font-size: 20px;
}
.servicesContent blockquote p {
    line-height: 20px;
}
.servicesContent blockquote h5 {
    font-size: 18px;
    color: #0f6475;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.servicesContent blockquote h5:after {
    content: '-';
    padding: 0px 5px;
}
.servicesContent blockquote h6 {
    font-size: 16px;
    color: #0f6475;
    display: inline-block;
    margin: 0;
    padding: 0;
    opacity: 0.5;
}
.masonry .columns {
    margin-bottom: 30px;
}

/* Contact Page */

.addressCard i {
    font-size: 30px;
    color: #00d6ff;
}
.addressCard address {
    font-style: normal;
}
.addressCard address p {
    margin: 0;
    padding: 0;
}
.map {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}
.map iframe {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% + 385px);
    z-index: -1;
	left: 0;
	opacity: 0.9;
    border-radius: 5px;
}
.formBox {
    background-color: #e5f4ff;
    padding: 20px 30px;
    border-radius: 5px;
}
.formBox h2 {
    font-size: 22px!important;
}
.formBox form ::placeholder {color: #444444;opacity: 1;}
.formBox form :-ms-input-placeholder {color: #444444;}
.formBox form ::-ms-input-placeholder {color: #444444;}
.formBox.light form ::placeholder {color: #FFFFFF;opacity: 1;}
.formBox.light form :-ms-input-placeholder {color: #FFFFFF;}
.formBox.light form ::-ms-input-placeholder {color: #FFFFFF;}
.formBox form{
	margin-bottom: 30px;
}
.formBox form .btn{
	margin-top: 20px;
}
.formBox.light form label{
	color: #DFF2F1
}
.formBox form .checker *{
	line-height: 100%;
	margin: 0;
}
.formBox form #sum{
	margin-top: 6px!important;
}
.formBox form label{
	display: block;
	font-size:16px;
	line-height: 200%;
	font-weight: 600;
	margin-top: 12px;
	margin-bottom: 10px;
	color: #0f6475;
}
.paleBg .formBox form input, .paleBg .formBox form select, .paleBg .formBox form textarea{
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
}
.formBox form input, .formBox form select{
	width: 100%;
	height: 52px;
	color: #333333;
	background-color: #ffffff;
	font-size: 16px;
	padding: 0 20px;
	box-shadow: 0px;
	outline: 0;
	border-radius: 5px;
	border: 0px solid #BBBBBB;
	display: block;
}
.formBox.light form input, .formBox.light form select, .formBox.light form textarea{
	background-color: rgba(255,255,255,0.2);
	color: white;
}
.formBox.light form select option{
	background-color: #0f6475;
}
.formBox form select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.formBox form select::-ms-expand {
  display: none;
}
.formBox form textarea{
	border-radius: 5px;
	width: 100%;
	background-color: #ffffff;
	color: #333333;
	resize: none;
	padding: 20px;
	border: 0px solid #BBBBBB;
	height: 180px;
	margin-bottom: 30px;
}
.formBox form .sendForm{
	cursor: pointer;
	display: block;
	width: 100%;
	line-height: 52px;
	color: white;
	border: none!important;
	background-color: #0f6475!important;
	font-weight: bold;
	letter-spacing: 1px;
	transition: all 0.5s;
}
@media screen and (max-width: 64.9375em) {
	.formBox form .sendForm{
		margin-top: 30px;
		margin-bottom: 30px!important;
	}
}
.formBox form .sendForm:hover{
	background-color: #0f6475; 
}

/* About Us */

.aboutUs {
    padding: 100px 0px;
}
.aboutUs hr {
    margin-bottom: 25px;
}
.aboutInner {
    padding-left: 50px;
}
.aboutContent h2 {
    font-size: 34px;
    line-height: 34px;
    color: #0f6475;
}
.aboutContent h2 span {
    color: #00d6ff;
}
.aboutContent p {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.aboutAccreds {
    margin-bottom: 20px;
}
.aboutAccreds img {
    margin: 20px 0px;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.3));
}

/* Why Boxes */

.whyBoxes {
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}
.whyBoxes:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-image: url(../images/whybox.jpg);
    z-index: -2;
}
.whyBoxes:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: #0f6475;
    opacity: 0.85;
    z-index: -1;
}
.whyBoxes hr {
    margin-top: 20px;
    margin-left: 5px;
}
.whyBoxes h2 {
    color: #ffffff;
    font-size: 36px;
    text-shadow: 1px 1px 5px #111111;
    margin: 0;
    padding: 0;
}
.whySlider {
    width: 100%;
}
.whyInner {
    margin: 20px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
    box-shadow:
    0.2px 0.2px 15px rgba(0, 0, 0, 0.02),
    0.5px 0.5px 15px rgba(0, 0, 0, 0.02),
    1.1px 1.1px 15px rgba(0, 0, 0, 0.02),
    2.2px 2.2px 15px rgba(0, 0, 0, 0.02),
    6px 6px 12px rgba(0, 0, 0, 0.14);
}
.whyInner h3 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #0f6475;
}
.whyInner p {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
.whyInner i {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    background-color: #00d6ff;
    color: #ffffff;
}
.honesty {
    color: red;
    background-color: rgba(255,0,0,0.1);
}
.trustworthy {
    color: blue;
    background-color: rgba(0,0,255,0.1);
}
.reputation {
    color: green;
    background-color: rgba(0,128,0,0.1);
}
.highquality {
    color: purple;
    background-color: rgba(128,0,128,0.1);
}
.whyPrev, .whyNext {
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
}
.whyPrev {
    margin-right: 15px;
}
.whyNext {
    color: #00d6ff;
}

/* Home FAQs */

.faqs {
    padding: 50px 0px 100px 0px;
}
.faqsInner {
    padding-left: 75px;
}
.faqsInner h2 {
    font-size: 34px;
    line-height: 34px;
    color: #0f6475;
}
.openingDays p {
    opacity: 0.6;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.openingDays p:first-of-type {
    padding-top: 1em;
}
.openingDays p:last-of-type {
    padding-bottom: 1em;
}

/* Accordion */

.service-accordion:first-of-type {
    margin-top: 30px;
}
.service-accordion {
	margin: 20px 0px;
}
.accordion-title {	
	border-radius: 5px;
	background-color: #0f6475;
	padding: 15px 25px;
	position: relative;
	cursor: pointer;
}
.accordion-title h3 {
	font-weight: 700;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.accordion-title:before {
	content: '\f067';
	font-family: 'Font Awesome 5 Pro';
	right: 30px;
	position: absolute;
	top: 50%;
    font-weight: 900;
	transform: translateY(-50%);
	font-size: 20px;
	color: #00d6ff;
}
.accordion-content {
	display: none;
	background-color: #e5f4ff;
	padding: 10px 25px;
	border-radius: 0px 0px 5px 5px;
}
.no-border-radius {
	border-radius: 5px 5px 0px 0px;
}
.service-accordion:first-of-type > .accordion-content {
    display: block;
}

/* Request Quote */

.requestQuote {
    position: relative;
    z-index: 1;
    background-image: url(../images/quote.jpg);
    background-size: cover;
    background-position: center center;
    margin-top: 150px;
}
.requestQuote .row {
    position: relative;
    z-index: 1;
    padding: 100px 0px;
}
.requestQuote:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00d6ff;
    opacity: 0.8;
}
.requestQuote h2 {
    color: #ffffff;
    font-size: 36px;
    text-shadow: 1px 1px 5px #111111;
    margin: 0;
    padding: 0;
    line-height: 36px;
}
.requestQuote hr {
    margin-top: 30px;
    background-image: linear-gradient(90deg, #ffffff, transparent);
}
.requestQuote button {
    margin-top: 5px;
    background-color: #0f6475;
    border-radius: 5px;
    line-height: 35px;
    padding: 0px 20px;
}
.requestQuote button a {
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    text-shadow: 1px 1px 5px #111111;
    font-size: 18px;
}
.quoteSideImg {
    position: absolute;
    bottom: 0;
    right: 0.9375rem;
}
.quoteSideImg img {
    border-radius: 5px 5px 0 0;
}

/* Main Content */

.mainContent {
    padding: 125px 0px;
}
.mainContent h2 {
    font-size: 34px;
    line-height: 34px;
    color: #0f6475;
}
.mainContent h3 {
    color: #00d6ff;
    font-size: 24px;
}
.homeCentered hr {
    margin: auto;
    background-image: linear-gradient(90deg, transparent, #00d6ff, transparent);
    margin-bottom: 10px;
}
.mainContent ul li {
    background-color: #0f6475;
    color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    line-height: 35px;
    padding: 0px 20px;
    font-weight: 700;
    font-size: 17px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.mainContent ul li:nth-of-type(even) {
    background-color: #00d6ff;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

/* Home Gallery */

.homeGallery {
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}
.homeGallery:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-image: url(../images/homegallery.jpg);
    z-index: -2;
}
.homeGallery:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: #0f6475;
    opacity: 0.85;
    z-index: -1;
}
.homeGallery hr {
    margin-top: 20px;
    margin-left: 5px;
}
.homeGallery h2 {
    color: #ffffff;
    font-size: 36px;
    text-shadow: 1px 1px 5px #111111;
    margin: 0;
    padding: 0;
}
.homeThumbs {
    margin-top: 15px;
}
.homeThumbs img {
    border-radius: 5px;
}
.homeGallery button {
    margin-top: 5px;
    background-color: #ffffff;
    border-radius: 5px;
    line-height: 35px;
    padding: 0px 20px;
}
.homeGallery button a {
    color: #0f6475;
    font-weight: 600;
    line-height: 35px;
    font-size: 18px;
}
.homeGallery i {
    padding-left: 15px;
    color: #00d6ff;
}

/* Home Reviews */

.homeReviews {
    padding-bottom: 125px;
}
.homeReviews h2 {
    font-size: 34px;
    line-height: 34px;
    color: #0f6475;
}
.homeReviews h3 {    
    color: #00d6ff;
    font-size: 24px;
    margin: 0;
    padding: 0;
}
.homeReviews blockquote {
    background-color: #e5f4ff;
    border-radius: 5px;
    padding: 15px 25px;
    position: relative;
    z-index: 1;
}
.homeReviews blockquote:first-of-type:before {
    content: '';
    position: absolute;
    top: -12.5px;
    left: 50px;
    width: 30px;
    height: 30px;
    background-color: #e5f4ff;
    transform: rotate(45deg);
    border-radius: 5px;
    z-index: -1;
}
.homeReviews blockquote:last-of-type:before {
    content: '';
    position: absolute;
    bottom: -12.5px;
    right: 50px;
    width: 30px;
    height: 30px;
    background-color: #e5f4ff;
    transform: rotate(45deg);
    border-radius: 5px;
    z-index: -1;
}
.homeReviews blockquote p:before {
    content: '\f10d';
	font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    padding-right: 15px;
    color: #0f6475;
}
.homeReviews blockquote p:after {
    content: '\f10e';
	font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    padding-left: 15px;
    color: #0f6475;
}

/* Home Counter */

.homeCounter {
    position: relative;
    z-index: 1;
}
.homeCounter:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #0f6475;
    z-index: -2;
}
.counterContainer {
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
}
.counterContainer:before {
    border-radius: 5px;
    content: '';
    box-shadow: 5px 6px 19px 0px rgba(0,0,0,0.29);
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-color: #00d6ff;
    z-index: -1;
}
.counterBlocks {
    padding: 30px 0px;
}
.counterBlocks .columns {
    position: relative;
    z-index: 1;
}
.counterBlocks .columns:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    top: 0;
    right: 0;
    z-index: -1;
}
.counterBlocks .columns:last-of-type:after {
    display: none;
}
.counterBlocks i {
    color: #00d6ff;
    font-size: 24px;
    margin-bottom: 15px;
}
.counterBlocks h2 {
    color: #0f6475;
    line-height: 26px;
    margin: 0;
    padding: 0;
    font-size: 22px;
}
.counterBlocks h2 span {
    opacity: 0.5;
}

/* Footer */

footer {
    background-color: #0f6475;
    padding-top: 75px;
}
footer .row {
    padding: 30px 0px;
}
footer .row:first-of-type {
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.footerNav ul li {
    display: inline-block;
    padding-right: 25px;
}
.footerNav ul li a {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}
.footerDeets {
    text-align: right;
}
.footerDeets a {
    color: #00d6ff;
    font-weight: 600;
    display: block;
    font-size: 18px;
}
.footerCopyright div:last-of-type {
    text-align: right;
}
.footerCopyright div:first-of-type {
    opacity: 0.5;
}
.footerCopyright p,
.footerCopyright a {
    padding: 0;
    margin: 0;
    color: #ffffff;
    font-weight: 600;
}
.footerCopyright i {
    padding: 0px 10px;
    transition: ease-in-out 0.2s;
}
.footerCopyright i:hover {
    color: #00d6ff;
}

/* Media Queries */

/* 1366 lAPTOP */
@media screen and (max-width: 1366px) {

/*.squeeze {
    padding-left: 30px;
    padding-right: 30px;
}
*/
}

/* 1280 MONITOR */
@media screen and (max-width: 1280px) {}

/* Medium Foundation */
@media screen and (max-width: 1025px) {

.formContainer {
    margin-top: 50px;
}
.map {display: none;}
.padLeft {
    padding-left: 30px!important;
}
.splashDeets a {
    display: block;
}
.footerNav ul li {
    display: block;
}
.homeCounter {display: none;}
.counterContainer:before {
    display: none;
}
.aboutInner {padding-left: 0;}
.counterBlocks {
    padding-bottom: 0;
}
.counterBlocks .columns {
    margin-bottom: 30px;
}
.reviewsShift {
    margin-top: 50px;
}
.homeGallery:before,
.homeGallery:after {
    height: 40%;
}
.homeThumbs .columns {
    margin-bottom: 30px;
}
.galleryHomeButton {
    text-align: left;
    margin-bottom: 30px;
}
.whyBoxes {
    padding-bottom: 30px;
}
.requestQuote {
    margin-top: 0;
}
.whyInner i {
    margin-bottom: 20px;
}
.quoteSideImg {display: none;}
.faqsImage {display: none;}
.faqsInner {
    padding-left: 0;
}
.aboutImage {display: none;}
.whyArrows {display: none;}
.navContainer {
    text-align: right;
}
.mobileNav {
    display: inline-block;
    background-color: #00d6ff;
    border-radius: 5px;
    line-height: 35px;
    padding: 0px 20px;
}
.mobileNav span {
    color: #ffffff;
    font-weight: 600;
    line-height: 35px;
    text-shadow: 1px 1px 5px #111111;
    font-size: 18px;
}
.mobileNav i {
    padding-left: 10px;
    text-shadow: 1px 1px 5px #111111;
    color: #ffffff;
}
nav {
    position: relative;
    z-index: 1000;
}
nav ul {
    margin-top: 30px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 10px 0px 10px 20px;
    background-color: #020202;
    border-radius: 5px;
}
nav ul li {
    display: block;
    padding-left: 0;
}
nav ul li:last-of-type {
    float: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
}
nav ul li:last-of-type:before {
    display: none;
}
nav ul li:last-of-type:hover:before {
    display: none;
}
nav ul li a {
    opacity: 1;
}
.sub-menu {
    position: relative;
    right: 0;
    padding: 0;
	text-align: right;
}
.sub-menu {
    margin-top: 0px;
}
.sub-menu li {
    display: block;
    text-align: right;
    padding: 0;
}
.sub-menu li a {
    line-height: 35px;
}
.sub-menu::before {
    display: none;
}

}

/* MOBILE PHONES */
@media screen and (max-width: 800px) {

.padLeft {
    padding-left: 50px;
}

}