@charset "UTF-8";

/* CSS Document */


/*@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Quicksand:400,500,600,700|Oswald:wght@500;600;700|Jost:wght@400;500;600;700|Oswald:wght@300;400|Raleway:wght@300;400;600;700;800&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jost:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&family=Raleway:wght@300;400;600;700;800&family=Roboto:wght@300&display=swap');

/* ===================================================

PRELOADER

======================================================*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100vw;
	height: 100vh;
	/*    background:#03191e;*/
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 99999999999999;
	overflow: hidden;
	/*background: rgba(3, 37, 48, 1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(3, 37, 48, 1) 30%, rgba(0, 32, 42, 1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%, rgba(3, 37, 48, 1)), color-stop(100%, rgba(0, 32, 42, 1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(3, 37, 48, 1) 30%, rgba(0, 32, 42, 1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(3, 37, 48, 1) 30%, rgba(0, 32, 42, 1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(3, 37, 48, 1) 30%, rgba(0, 32, 42, 1) 100%);
        background: radial-gradient(ellipse at center, rgba(3, 37, 48, 1) 30%, rgba(0, 32, 42, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#032530', endColorstr='#00202a', GradientType=1);*/
	background: rgb(255, 255, 255);
	background: -moz-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd", GradientType=1);
}

.preloader_inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px !important;
	right: 0;
	margin: auto;
	width: 4em;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 40px;
	font-family: 'Bebas Neue', cursive !important;
	/*font-family: 'Jost', sans-serif !important;*/
	font-weight: 400;
	/*    font-weight: 300;*/
	color: #133c4a;
	/*color: #00a7e1;*/
}

.page {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100vh;
	opacity: 0;
	overflow: hidden;
	transition: all 0.5s ease;
}

.show {
	visibility: visible !important;
	opacity: 1 !important;
	transition: all 0.5s ease;
	overflow: visible;
}


/* ===================================================

BODY

======================================================*/

html {
	-webkit-text-size-adjust: 100%;
}

body.loading {
	overflow: hidden;
}

html,
body {
	height: 100%;
	margin: 0;
}

body {
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}

p {
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.text-left {
	text-align: justify !important;
}

.medium-6 {
	width: 100% !important;
	padding: 0 50px !important;
}


/*nav.off-screen .nav-toggle {
        color: #004d71 !important;
        }*/

nav.off-screen .nav-toggle {
	right: 300px !important;
	/*color: #3e6caf !important;*/
	color: #022b3f !important;
	height: auto !important;
	width: 100px !important;
}

.row.header {
	position: relative;
	top: 0;
}

.cmcc-headers {
	width: 50% !important;
}

.cmcc-headers-full {
	width: 100% !important;
}

.cmcc-headers-right {
	width: 75% !important;
	float: right !important;
}

h3 {
	font-size: 32px !important;
	font-family: 'Jost', sans-serif !important;
	color: #004d71 !important;
	text-align: center;
	line-height: 34px !important;
	margin: 0 !important;
	font-weight: 400 !important;
}

h3.light-blue {
	color: #3e6caf !important;
}

.subheader-container {
	display: table;
	margin: 15px auto 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #CCC;
}

h4 {
	font-size: 18px !important;
	font-family: 'Raleway', sans-serif !important;
	color: #0075c9 !important;
	font-weight: 600 !important;
	display: table-cell;
	width: auto;
}

h1.cmcc {
	background: url(../img/menu/the-menu-header-204x48.png);
	width: 204px;
	height: 48px;
	background-size: 204px 48px;
	margin: 0 auto 20px;
}

h1.cmcc-header {
	font-size: 60px !important;
	/*font-family: 'Bebas Neue', cursive !important;*/
	font-family: 'Jost', sans-serif !important;
	color: #003a5d !important;
	margin: 0;
	font-weight: 600;
	letter-spacing: 3px;
	text-align: center;
}

h1.cmcc-header.light-blue {
	color: #3e6caf !important;
}

h1.cmcc-header.brown {
	color: #72370a !important;
}

h1.cmcc-header.white {
	color: #ffffff !important;
}

.sub-title {
	font-weight: 800 !important;
	font-size: 18px !important;
	font-family: 'Raleway', sans-serif !important;
	/*color: #0075c9 !important;*/
	/*color: #003a5d !important;*/
	color: #FFF !important;
}

.sub-title .bullet {
	font-size: 32px;
	/*color: #54c0e8;*/
	color: #003a5d;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	padding: 0 4px;
}

.headline-style-2 .line {
	/* background: #003a5d !important; */
	background: #003a5d !important;
	margin-top: 0 !important;
}

.headline-style-2 .line.brown {
	background: #72370a !important;
	margin-top: 0 !important;
}

.headline-style-2 .line.white {
	background: #fff !important;
	margin-top: 0 !important;
}

.divider-background {
	padding: 105px 0px !important;
	/*    top: -5px;*/
}

.divider-background .shadow {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.divider-background.mobile {
	display: none;
}

.divider-background.ipad {
	display: none;
}

.background-image-holder-divider {
	position: absolute;
	width: 100%;
	/* height: 160%; */
	height: 160%;
	z-index: 0;
	background-size: cover !important;
	/* top: -20%; */
	top: -110px;
}

.background-image-holder-divider .background-image {
	width: 100%;
}

.row.full {
	max-width: 100%;
	margin-bottom: 70px;
}


/* =====================================

FOOTER 

===================================== */

.cmcc-footer {
	padding: 28px 0;
	text-align: center;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
	background: rgb(1, 53, 77) !important;
	background: -moz-linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: -webkit-linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
}

.cmcc-footer .logo {
	width: 172px;
	height: 15px;
	background: url(../img/footer/fourzerosix-logo-2x.png) no-repeat;
	background-size: 172px;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}

a.footerLogo:hover:after,
a.footerLogo:hover:before {
	transform: scaleX(0) !important;
}


/* =====================================

GOOGLE

===================================== */

.grecaptcha-badge {
	visibility: hidden;
}

.google-para {
	color: #222 !important;
	font-size: 13px !important;
	line-height: 15px !important;
	letter-spacing: 0 !important;
	padding: 10px 0;
	font-weight: 400 !important;
	text-align: center !important;
	margin: 25px 0 0 0;
}

p.googleContent {
	font-size: 12px !important;
	line-height: 14px;
}

a.googleLink:link {
	color: #00a7e1 !important;
	font-weight: 600;
	padding: 0 0 0 0;
	border-bottom: 1px solid transparent;
	display: inline-block;
}

a.googleLink:hover {
	padding: 0 0 0 0;
	border-bottom: 1px solid;
}

a.googleLink:active {
	padding: 0 0 0 0;
	border-bottom: 1px solid;
}

a.googleLink:focus {
	padding: 0 0 0 0;
	border-bottom: 1px solid;
}

a.googleLink:visited {
	color: #00a7e1 !important;
	padding: 0 0 0 0;
	border-bottom: 1px solid transparent;
	font-weight: 600;
}

a.googleLink:visited:hover {
	padding: 0 0 0 0;
	border-bottom: 1px solid;
}

a.googleLink:hover:after,
a.googleLink:hover:before {
	transform: scaleX(0) !important;
}


/* ===================================================

NAV

======================================================*/

.nav-overlay {
	/*	border-top: 10px solid #CCC;*/
	/*	padding-top: 120px !important;*/
	padding-top: 90px !important;
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90%);
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

nav.logo-center {
	padding-bottom: 110px;
}

.fixed-nav {
	/*padding-bottom: 20px !important;*/
	padding-bottom: 15px !important;
	/*padding-top: 65px !important;*/
	padding-top: 55px !important;
	/*background: rgb(1, 53, 77) !important;*/
	background: rgb(1, 53, 77) !important;
	background: -moz-linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: -webkit-linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(3, 44, 58, 1) 0%, rgba(1, 53, 77, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);
	/*outline: 2px solid #0075c9;*/
	outline: 2px solid #00a7e1;
	outline-offset: 4px;
	border-bottom: 4px solid #00a7e1;
}


/*.fixed-nav .medium-2 {
        width: 13% !important;
        }*/

.fixed-nav .medium-2 {
	width: 13% !important;
	margin-top: -42px !important;
}

.fixed-nav .medium-5 {
	width: 43% !important;
	padding: 5px 0;
}

.fixed-nav .logo {
	width: 100% !important;
	bottom: 0 !important;
	/*top: 25px !important;*/
	top: 0px !important;
}

.fixedGradient {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(1, 53, 77) !important;
	background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
}

.medium-2 {
	width: 20% !important;
	top: 0;
	margin-top: -50px;
}

.medium-5 {
	width: 40% !important;
	left: -7px;
	padding: 25px 0 0 0;
}

nav.off-screen .logo {
	max-width: 220px !important;
}

nav.off-screen .menu li a {
	color: #54c0e8 !important;
	font-size: 18px !important;
	font-family: 'Bebas Neue', cursive !important;
	font-weight: normal !important;
}

nav.off-screen .menu li a:hover {
	color: #fff !important;
}

nav.off-screen .bottom-content a {
	color: #54c0e8 !important;
}

nav.off-screen .bottom-content a:hover {
	color: #fff !important;
}

nav.off-screen .bottom-content a.social-icons:link {
	color: #999 !important;
}

nav.off-screen .bottom-content a.social-icons:hover {
	color: #fff !important;
}

.icon_menu:before {
	color: #fff;
}

nav .menu li a {
	font-family: 'Raleway', sans-serif !important;
	/*color: #f3be20 !important;*/
	color: #FFF !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	-moz-transition: all 0.3s ease-out !important;
	-o-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
	text-decoration: none;
}

nav .phone-icon {
	color: #FFF;
	font-family: 'Jost', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	right: -50px;
}

nav .phone-icon-ipad {
    color: #FFF;
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    right: 0;
    margin-right: 60px;
    padding-bottom: 0 !important;
}

a[href^="tel:"].cmccPhone {
	font-family: 'Jost', sans-serif !important;
	text-decoration: none;
	letter-spacing: 0.25px;
	font-weight: 500 !important;
	font-size: 16px !important;
	padding-left: 5px;
}

a[href^="tel:"].cmccPhone:after {
	border-bottom: solid 0 #fff;
}

.fixed-nav .phone-icon {
	right: 0px;
}

.fa-phone-alt {
	padding: 0 2px 0 0;
	transform: rotate(45deg);
	position: relative;
	top: 2px;
	color: #00a7e1;
}

a:after {
	display: block;
	content: '';
	border-bottom: solid 2px #fff;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

a:before {
	display: block;
	content: '';
	border-bottom: solid 2px transparent;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

a:before {
	position: absolute;
	bottom: .75em;
	left: 0;
	width: 100%;
}

a:hover:after,
a:hover:before {
	transform: scaleX(1);
}

.fixed-nav .menu li a {
	color: #fff !important;
}

.flex-direction-nav a:before {
	border-bottom: solid 0px transparent !important;
	transform: scaleX(1) !important;
	transition: transform 250ms ease-in-out !important;
}

a.social-icons {
	padding-left: 0;
	color: #6ce0ff !important;
	/*	border-left: 1px solid #888;*/
}

a.social-icons {
	color: #fff !important;
	background: #256bb3;
	/* border-radius: 2px; */
	/* padding: 6px 0 0px 5px; */
	line-height: 0;
	position: relative;
	border-radius: 50%;
	padding: 6px 2px 0 4px;
	text-align: center;
	/* vertical-align: inherit; */
	/* display: inline-block; */
	font-size: 17px !important;
}

a.social-icons:hover {
	color: #FFF !important;
	background: #033549;
}

.fixed-nav .menu li a.social-icons {
	color: #fff !important;
	background: #256bb3;
	/* border-radius: 2px; */
	/* padding: 6px 0 0px 5px; */
	line-height: 0;
	position: relative;
	border-radius: 50%;
	padding: 6px 2px 0 4px;
	text-align: center;
	/* vertical-align: inherit; */
	/* display: inline-block; */
	font-size: 17px !important;
}

.fixed-nav .menu li a.social-icons:hover {
	color: #fff !important;
	background: #033549;
}

a.social-icons:after {
	border-bottom: solid 0px #fff;
}

a.social-icons:before {
	border-bottom: solid 0px #fff;
}

a.lb-close:before {
	border-bottom: solid 0px transparent !important;
}

a.lb-close:after {
	border-bottom: solid 0px transparent !important;
}

a.lb-next:before {
	border-bottom: solid 0px transparent !important;
}

a.lb-next:after {
	border-bottom: solid 0px transparent !important;
}

a.lb-prev:before {
	border-bottom: solid 0px transparent !important;
}

a.lb-prev:after {
	border-bottom: solid 0px transparent !important;
}

.flex-control-paging li a:before {
	border-bottom: solid 0px transparent !important;
}

.flex-control-paging li a:after {
	border-bottom: solid 0px transparent !important;
}

a.logoLink:before {
	border-bottom: solid 0px transparent !important;
}

a.logoLink:after {
	border-bottom: solid 0px transparent !important;
}

.ipadPhone {
	display: none;
}


/**********************************

SLIDER

*********************************/

.flexslider {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.cmcc-slider-sec {
	top: 0;
	display: block;
}

.Gcontainer {
	width: 100%;
	/*
        height: 768px;
        */
	overflow: hidden;
	position: absolute;
}

.background-image-holder {
	/*
        height: 800px !important;
        top: -35px !important;
        */
	height: 100% !important;
	top: 0 !important;
}

.hero-slider .slides li {
	/*	height: 768px !important;*/
	height: 100vh !important;
}

.cmcc-logo {
	width: 255px;
	height: 255px;
	background: rgba(1, 16, 20, 0.5) url(../img/slider/CMCC-slider-logo.png)no-repeat;
	background-size: 270px;
	position: absolute;
	top: 12.5px;
	left: 12.5px;
	z-index: 5;
	background-position: center;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	border-radius: 50%;
}

.cmcc-logo-mobile {
	display: none;
}

.cmcc-gradient {
	width: 100%;
	height: 101%;
	background: rgb(0, 0, 0);
	background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
	background: radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
	position: absolute;
	top: -13px;
	left: 0;
	z-index: 3;
	mix-blend-mode: multiply;
}

.overlay {
	background: rgb(0, 0, 0) !important;
	background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 100%) !important;
	background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 100%) !important;
	background: radial-gradient(circle, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1) !important;
	opacity: 1 !important;
}

.cmcc-logo-container-top {
	width: 100%;
	height: 220px;
	background: rgba(255, 255, 255, 0.3);
	/*background: rgb(0,77,113,0);*/
	background-size: 350px;
	position: absolute;
	top: 45%;
	left: 0;
	z-index: 9997;
	background-position: center;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: none;
}

.cmcc-logo-container {
	width: 280px;
	height: 102.5%;
	/*    background: rgba(3,37,48,0.9);*/
	background: rgb(3, 25, 30);
	background: -moz-linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	background: -webkit-linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	background: linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02394f", endColorstr="#02394f", GradientType=1);
	position: absolute;
	top: -23px;
	left: 0;
	z-index: 4;
	background-position: center;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	/* mix-blend-mode: overlay; */
	/* mix-blend-mode: multiply; */
}

.foodName {
	font-size: 16px;
	font-weight: 400;
	/*font-family: 'Bebas Neue', cursive !important;*/
	font-family: 'Raleway', sans-serif !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	position: absolute;
	z-index: 5;
	/*background: rgb(3, 25, 30);*/
	background: #54c0e8;
	background: -moz-linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	background: -webkit-linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	background: linear-gradient(0deg, rgba(3, 25, 30, 0.9) 10%, rgba(3, 37, 48, 0.9) 50%, rgba(3, 25, 30, 0.9) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02394f", endColorstr="#02394f", GradientType=1);
	padding: 15px 40px;
	/*color: #CFEEFA;*/
	/*color: #54c0e8;*/
	color: #fff;
	top: 80%;
	right: 0;
}

.cmcc-s1 {
	background: url("../img/slideshow/slide-show-1-Lobster-Roll-mdm.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s2 {
	background: url("../img/slideshow/slide-show-2.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s3 {
	background: url("../img/slideshow/slide-show-3.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s4 {
	background: url("../img/slideshow/slide-show-4.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s5 {
	background: url("../img/slideshow/slide-show-5.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s6 {
	background: url("../img/slideshow/slide-show-6.jpg") no-repeat !important;
	background-size: cover !important;
}

.cmcc-s7 {
	background: url("../img/slider/ns7.jpg") no-repeat !important;
	background-size: cover !important;
}


/**********************************

MOBILE SLIDER

*********************************/

.mobileSlider {
	width: 400px;
	height: 100vh;
	background: url("../img/mobile/CMCC-mobile-background-portrait.jpg") no-repeat;
	background-size: cover;
	display: none;
}

.full-height {
	display: none;
}


/* ===================================================

SLIDER NAV

======================================================*/

.flex-direction-nav .flex-next {
	right: 30px !important;
}

.flex-direction-nav .flex-prev {
	left: 30px !important;
}

.flex-direction-nav a {
	width: 50px !important;
	height: 50px !important;
	margin: 0 0 0 !important;
	/*border: 2px solid #0075c9 !important;*/
	border: 2px solid #FFF !important;
	opacity: 0.7 !important;
}

.flex-direction-nav a:before {
	top: -8px !important;
	left: -1.5px !important;
	/*color: #0075c9 !important;*/
	color: #FFF !important;
}

.flex-direction-nav a.flex-next:before {
	left: -4.5px !important;
}


/* .--- PREV / NEXT --- */

.flex-direction-nav a:hover {
	/* 	background: rgba(255, 255, 255, 0.3);*/
	/*	background: #ffb71b !important;*/
	/*background: rgba(255, 183, 27, 0.5) !important;*/
	/*background: rgba(1, 16, 20, 0.5) !important;*/
	/*background: rgba(84, 192, 232, 0.7) !important;*/
	/*background: rgba(0,117,201,0.7) !important;*/
	border: 2px solid #FFF !important;
	background: none !important;
	opacity: 1 !important;
}

.flex-direction-nav a:hover:before {
	/*color: #003a5d !important; */
	color: #FFF !important;
}


/* ===================================================

ABOUT SECTION

======================================================*/

.about-section-bckgd {
	top: -2px;
	border-top: 10px solid #ccc;
	background: rgb(255, 255, 255) !important;
	background: -moz-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 70%, rgba(222, 222, 222, 1) 100%) !important;
	background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 70%, rgba(222, 222, 222, 1) 100%) !important;
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 70%, rgba(222, 222, 222, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dedede", GradientType=1) !important;
}

.signature {
	display: block;
	margin: 25px auto 0;
	width: 150px;
	height: 89px;
	background: url(../img/about/ryan-signature.png) no-repeat;
	background-size: 150px 89px;
}

.push-large {
	margin-bottom: 25px !important;
}


/* ===================================================

MENU SECTION

======================================================*/

#menu {
	height: 0 !important;
}

.anchor {
	display: block;
	position: relative;
	width: 0;
	height: 0;
	z-index: -1;
	top: -110px;
	left: 0;
	visibility: hidden;
}

.cmcc-menu {
	padding-bottom: 0 !important;
}

.medium-9-cmcc {
	width: 100%;
}

.line-sep {
	width: 100%;
	display: block;
	background: #97daf8;
	height: 2px;
	margin: 0 0 6px;
}

.line-sep-2 {
	width: 100%;
	display: block;
	background: #5887da;
	height: 2px;
	margin: 50px 0 5px;
}

.line-sep.bottom {
	margin: 6px 0 0;
}

.line-sep-2.bottom {
	margin: 6px 0 0;
}

.cmcc-tabs {
	/*
        background: rgb(62, 108, 175);
        background: -moz-linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        background: linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e6caf", endColorstr="#3e6caf", GradientType=1);
        */
	background: rgb(1, 53, 77);
	background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1);
}

.menu-filters {
	margin: 30px 0 !important;
}

.menu-filters li {
	font-size: 20px !important;
	color: #54c0e8 !important;
	font-family: 'Bebas Neue', cursive !important;
	font-weight: normal !important;
	-moz-transition: all 0.3s ease-out !important;
	-o-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
	letter-spacing: 1.5px !important;
}

.menu-filters li:hover {
	color: #fff !important;
}

.menu-filters li:active {
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}

.menu-filters li:focus {
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}

.menu-filters li:visited {
	color: #022b3f !important;
}

.menu-filters li:visited:hover {
	color: #fff !important;
}

.menu-filters li.active {
	border-bottom: 2px solid #fff !important;
	color: #FFF !important;
}

.menu-item {
	margin-bottom: 10px !important;
}

.menu-item .title,
.menu-item .price {
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif !important;
	line-height: 18px !important;
}

.menu-item .title {
	margin-bottom: 5px !important;
}

.menu-item p {
	height: 50px;
	line-height: 20px !important;
	color: #808080;
	padding: 0 35px 0 0;
}

.cmcc-table {
	width: 100%;
}

.cmcc-table .title {
	width: 50%;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
	vertical-align: top;
	line-height: 18px;
	text-align: center;
	padding: 0 5% 0 0;
}

.cmcc-table .titleFull {
	width: 100%;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
	vertical-align: top;
	line-height: 18px;
	text-align: center;
	padding: 0 0 15px 0;
}

.cmcc-table .title.left {
	text-align: right;
}

.cmcc-table .title.right {
	text-align: left;
}

.cmcc-table .title.last {
	text-align: center;
	width: 100%;
}

.cmcc-table .title.center {
	text-align: center;
}

.cmcc-table .seperator {
	width: 10%;
	height: 2px;
	background: #97daf8;
	margin: 40px auto;
	display: block;
	position: relative;
	left: -2.5%;
}

.cmcc-table .title.oneCol {
	width: 100%;
}


/*.cmcc-table .title {
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
        font-family: 'Raleway', sans-serif;
        vertical-align: top;
        line-height: 19px;
        }*/

.cmcc-table .description {
	display: block;
	color: #808080;
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 500 !important;
	margin: 3px 0 28px 0;
	letter-spacing: 0;
	font-size: 14px;
	padding: 0;
	line-height: 17px;
	letter-spacing: -0.4px;
}

.cmcc-table .description.last {
	margin: 3px 0 0 0;
}

.cmcc-table .price {
	vertical-align: top;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 1px;
	font-family: 'Raleway', sans-serif;
	line-height: 18px;
}


/*.cmcc-table .price {
        vertical-align: top;
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 1px;
        font-family: 'Raleway', sans-serif;
        line-height: 18px;
        padding: 0 25px;
        }*/

.cmcc-table .spacer {
	width: 4%;
}

.cmcc-customMenu {
	width: 100%;
	padding: 20px 25px;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	color: #FFF;
	background: rgb(1, 53, 77);
	background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1);
	margin: 20px 0 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
}


/* ===================================================

WHAT WE DO SECTION

======================================================*/


/*.what-we-do {
        display: block;
        width: 100%;
        padding: 10px 0 10px;
        margin: 0 0 0 0;
        background: rgb(157,225,252);
        background: -moz-linear-gradient(90deg, rgba(157,225,252,1) 0%, rgba(217,241,253,1) 25%, rgba(217,241,253,1) 50%, rgba(217,241,253,1) 75%, rgba(157,225,252,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(157,225,252,1) 0%, rgba(217,241,253,1) 25%, rgba(217,241,253,1) 50%, rgba(217,241,253,1) 75%, rgba(157,225,252,1) 100%);
        background: linear-gradient(90deg, rgba(157,225,252,1) 0%, rgba(217,241,253,1) 25%, rgba(217,241,253,1) 50%, rgba(217,241,253,1) 75%, rgba(157,225,252,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9de1fc",endColorstr="#9de1fc",GradientType=1);
        }*/

.what-we-do {
	display: block;
	width: 100%;
	padding: 22px 0 15px;
	margin: 50px 0 0 0;
	background: rgb(157, 225, 252);
	background: -moz-linear-gradient(90deg, rgba(157, 225, 252, 1) 0%, rgba(217, 241, 253, 1) 25%, rgba(217, 241, 253, 1) 50%, rgba(217, 241, 253, 1) 75%, rgba(157, 225, 252, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(157, 225, 252, 1) 0%, rgba(217, 241, 253, 1) 25%, rgba(217, 241, 253, 1) 50%, rgba(217, 241, 253, 1) 75%, rgba(157, 225, 252, 1) 100%);
	background: linear-gradient(90deg, rgba(157, 225, 252, 1) 0%, rgba(217, 241, 253, 1) 25%, rgba(217, 241, 253, 1) 50%, rgba(217, 241, 253, 1) 75%, rgba(157, 225, 252, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9de1fc", endColorstr="#9de1fc", GradientType=1);
}

.what-we-do.bottom {
	padding: 35px 0;
	margin: 0 0 0 0;
	background: #fff;
}

.what-we-do .header {
	width: 431px;
	height: 72px;
	background: url("../img/menu/wwdfy-431x72.png") no-repeat;
	background-size: 431px 72px;
	margin: 0 auto;
}

.wwd-content-container {
	display: block;
	text-align: center;
	margin: 0 auto 0;
	width: 100%;
	padding: 60px 0;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	/*background: rgb(62, 108, 175);
        background: -moz-linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        background: linear-gradient(90deg, rgba(62, 108, 175, 1) 0%, rgba(88, 135, 218, 1) 30%, rgba(88, 135, 218, 1) 50%, rgba(88, 135, 218, 1) 70%, rgba(62, 108, 175, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e6caf", endColorstr="#3e6caf", GradientType=1);*/
	background: rgb(1, 53, 77);
	background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1);
}

.wwd-content-container .subText {
	margin-top: 20px;
	display: block;
	color: #d9f1fd;
	font-weight: 600;
	font-style: italic;
	padding: 0 35px;
}

.wwd-content-container ul {
	display: inline-block;
	text-align: left;
	width: auto;
	vertical-align: top;
	margin-bottom: 0 !important;
	margin-left: 80px !important;
}

.fa-li {
	line-height: 21px !important;
}

.fa-square-full:before {
	font-size: 12px !important;
	color: #54c0e8 !important;
	vertical-align: middle !important;
}


/*.fa-ul {
        margin-left: 4.5em !important;
        }*/

.fa-ul>li {
	vertical-align: middle !important;
	line-height: 20px !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #FFF;
	margin-bottom: 16px;
	font-size: 16px;
	letter-spacing: -.25px;
}


/* ===================================================

GALLERY SECTION

======================================================*/

.galleryContainer {
	position: relative !important;
}

.galleryCol {
	padding-left: 2.5px !important;
	padding-right: 2.5px !important;
}

.image-gallery .lightbox-image-holder {
	margin-bottom: 5px !important;
}

.background-image-holder.gallery {
	top: -120px !important;
	left: -105px !important;
	width: 160% !important;
	height: 160% !important;
}

.lightboxOverlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.lb-loader {
	display: none !important;
}

.lb-outerContainer {
	background-color: transparent !important;
	/*border: 4px solid #666;*/
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.lb-dataContainer {
	padding-top: 0 !important;
	margin-bottom: 10px !important;
}

.lb-data .lb-number {
	display: none !important;
}

.lightbox .lb-image {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.lb-nav a.lb-next {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
	opacity: 1 !important;
	margin-right: -8%;
}

.lb-nav a.lb-prev {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
	opacity: 1 !important;
	margin-left: -8%;
}

.overlayGallery {
	position: absolute;
	top: 0;
	bottom: 2.5px;
	left: 2.5px;
	right: 2.5px;
	width: 99%;
	height: 98%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 2;
}

.vgm:hover .overlayGallery {
	opacity: 1;
}

.galleryText {
	color: #FFF;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 20px;
}


/* ===================================================

CONTACT US SECTION

======================================================*/

.contact {
	padding: 45px 0 110px !important;
}

.cmcc-directions-container {
	display: block;
	width: auto;
	margin: 0 auto;
}

.cmcc-directions-container .inside {
	display: block;
	text-align: center;
	margin: 0 0 45px 0;
}

.cmcc-directions-container .formContainer {
	width: 100%;
	display: table;
	background: #efefef;
	padding: 50px 0;
}

.cmcc-directions-container .dash {
	display: inline-block;
	width: 15px;
	height: 2px;
	background: #CCC;
	vertical-align: middle;
	margin: 0 5px;
}

.cmcc-directions-container .directions {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 500 !important;
}

.form-bottom p {
	font-size: 18px !important;
	font-weight: bold !important;
	text-align: center !important;
}


/* ===================================================

BIG SCREEN 1600px

======================================================*/

@media only screen and (min-width: 1600px) {
	
}


/* ===================================================

BIG SCREEN 1900px

======================================================*/

@media only screen and (min-width: 1800px) {
	
}

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	nav.logo-center {
		top: 38px;
	}
}


/* =====================================

MOBILE PORTRAIT

===================================== */

@media (max-width: 767px) and (orientation: portrait) {
	.preloader_inner {
		left: 5px;
	}
	/**********************************

    BODY

    *********************************/
	.column,
	.columns {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	h3 {
		font-size: 25px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	h4 {
		font-size: 17px !important;
		line-height: 18px !important;
	}
	.subheader-container {
		margin: 15px auto 30px;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	h1.cmcc-header {
		color: rgba(0, 77, 113, 1) !important;
		font-size: 40px !important;
		line-height: 40px;
	}
	.sub-title {
		color: #54c0e8 !important;
	}
	.sub-title .bullet {
		color: #0075c9;
	}
	.headline-style-2 .sub-title {
		line-height: .5 !important;
	}
	.headline-style-2 .line {
		margin-top: 15px !important;
		background: #fff !important;
		display: none;
	}
	.cmcc-headers {
		width: 100% !important;
		padding: 15px 0;
	}
	.cmcc-headers-full {
		padding: 15px 0;
	}
	.text-left {
		text-align: justify !important;
		padding: 0 0 !important;
	}
	.pad-small-bottom {
		padding-bottom: 50px !important;
	}
	.divider-background.mobile {
		display: block;
		background: #54c0e8;
		border-top: 0 solid #FFF;
	}
	.divider-background {
		display: none;
		padding: 10px 0 !important;
	}
	.row.header {
		top: 0;
	}
	.background-image-holder {
		top: 0 !important;
	}
	td {
		display: inline-block;
		width: 50%;
		clear: both
	}
	/* -- FOOTER -- */
	.cmcc-footer .logo {
		width: 140px;
		height: 12px;
		background-size: 140px;
		margin: 0 1px;
	}
	/**********************************

    MOBILE NAV

    *********************************/
	nav.logo-center {
		top: 38px !important;
		padding-top: 70px !important;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
		outline: 0 solid #00a7e1;
		outline-offset: 0;
		border-bottom: 4px solid #00a7e1;
	}
	nav.logo-center {
		padding-bottom: 0;
	}
	/*.nav-overlay {
		padding-top: 70px !important;
	}*/
	.off-screen.reveal-nav .nav-toggle {
		right: 105% !important;
	}
	nav.off-screen .menu li {
		margin-bottom: 16px !important;
	}
	nav .menu li a {
		font-size: 18px !important;
	}
	nav.off-screen .menu li a {
		color: #FFF !important;
		font-size: 22px !important;
	}
	nav.off-screen .menu li a:hover {
		color: #fff !important;
	}
	.logo-center .menu li a.social-icons {
		color: #fff !important;
	}
	a.social-icons {
		background: #256bb3;
	}
	a.social-icons:hover {
		background: #256bb3;
	}
	a.social-icons:active {
		background: #256bb3;
	}
	a.social-icons:focus {
		background: #256bb3;
	}
	a.social-icons:visited {
		background: #256bb3;
	}
	a.social-icons:visited:hover {
		background: #256bb3;
	}
	.medium-5 {
		width: 100% !important;
		left: 0;
		padding: 30px 0 0 0;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
	}
	.fixed-nav .medium-5 {
		width: 100% !important;
		padding: 20px 0 0 0;
	}
	.logo-center .menu {
		color: #fff;
		margin-bottom: 0;
		margin-left: 0;
	}
	.logo-center .menu li a {
		color: #fff !important;
	}
	.logo-center .menu li {
		text-align: center;
		padding-bottom: 15px !important;
	}
	nav .text-left .menu li {
		padding-right: 0 !important;
	}
	.logo-center.fixed-nav {
		padding-top: 66px !important;
		top: 0 !important;
	}
	.text-left {
		padding-bottom: 20px !important;
	}
	.fixed-nav {
		padding-bottom: 0 !important;
	}
	nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 15px 0 0 0;
	}
	.fixed-nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 15px 0 0 0;
	}
	a[href^="tel:"].cmccPhone {
		font-size: 18px !important;
	}
	/**********************************

    SLIDER

    *********************************/
	.cmcc-slider-sec {
		height: 100vh;
	}
	.slides {
		display: none;
	}
	.full-height {
		display: block;
		width: 100%;
		height: 102%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("../img/mobile/CMCC-mobile-background-portrait.jpg") no-repeat;
		background-size: cover;
		/*margin: -150% 0 0 0;*/
		margin: 0 0 0 0;
	}
	.cmcc-logo {
		display: none;
	}
	.cmcc-logo-mobile {
		display: block;
		width: 370px;
		height: 370px;
		/*		background: rgba(1, 16, 20, 0.7) url(../img/slider/CMCC-slider-logo.png)no-repeat;*/
		background: url("../img/nav/CMCC-logo-380x380-final-WEB-MOBILE.png") no-repeat;
		background-size: 370px;
		top: 50%;
		left: 50%;
		margin: -160px 0 0 -186px;
		background-position: center;
		position: absolute;
		border-radius: 50%;
	}
	/* =====================================

    ABOUT

    ===================================== */
	.about-section-bckgd {
		margin-top: 0;
		padding-top: 35px !important;
		padding-bottom: 70px !important;
		border-top: 10px solid #999;
		top: 0;
	}
	.signature {
		margin: 0 auto;
	}
	/* =====================================

    MENU

    ===================================== */
	.cmcc-menu {
		padding-bottom: 0 !important;
	}
	.cmcc-menu-row {
		margin-bottom: 40px !important;
	}
	.cmcc-menu {
		padding-top: 0 !important;
	}
	.menu-filters {
		line-height: 20px;
	}
	.menu-filters li {
		float: none !important;
		margin-bottom: 15px;
		margin-right: auto !important;
		font-size: 25px !important;
		width: max-content;
		margin-left: auto !important;
	}
	.menu-filters li:last-of-type {
		margin-bottom: 0;
	}
	.line-sep {
		background: transparent;
		/*height: 2px;*/
		height: 0;
		/*margin: 4px 0 0;*/
		margin: 0 0 0;
	}
	.cmcc-table {
		padding: 0 0;
		text-align: center;
	}
	.cmcc-table .title {
		/*		width: 80%;*/
		width: 100%;
		font-size: 18px;
		letter-spacing: 0.5px;
		line-height: 20px;
		padding: 0;
	}
	.cmcc-table .title.left {
		text-align: center;
	}
	.cmcc-table .title.right {
		text-align: center;
	}
	.cmcc-table .price {
		font-size: 16px;
		letter-spacing: 0.5px;
		width: 20%;
		text-align: right;
	}
	.cmcc-table .description {
		margin: 5px 0 30px 0;
		font-size: 16px;
		line-height: 17px;
	}
	.cmcc-table .seperator {
		width: 40%;
		height: 2px;
		background: #97daf8;
		margin: 40px auto;
		display: block;
		position: relative;
		left: 0;
	}
	.wwd-content-container ul {
		width: auto;
		margin-bottom: 0 !important;
		margin-left: 20px !important;
		padding: 0 35px;
	}
	.what-we-do {
		padding: 25px 35px 20px;
		margin: 20px 0 0 0;
	}
	.what-we-do.bottom {
		padding: 25px 35px 25px;
	}
	h1.cmcc-header.light-blue {
		color: #3e6caf !important;
		padding: 0 45px;
		line-height: 55px;
	}
	.wwd-content-container {
		padding: 45px 0 35px;
	}
	.cmcc-customMenu {
		margin: 0px 0 40px;
	}
	/* =====================================

    GALLERY

    ===================================== */
	section.gallery {
		padding-top: 25px !important;
		padding-bottom: 50px;
	}
	.lightbox {
		padding: 35% 0px;
	}
	.lb-nav {
		position: absolute;
		top: 100% !important;
		height: 50px !important;
	}
	.lb-nav a.lb-next {
		margin-right: 0 !important;
		background-size: 30px !important;
	}
	.lb-nav a.lb-prev {
		margin-left: 0 !important;
		background-size: 30px !important;
	}
	.lb-data .lb-close {
		width: 22px !important;
		height: 22px !important;
		background-size: 22px !important;
	}
	.overlayGallery {
		display: none;
	}
	/* =====================================

    CONTACT

    ===================================== */
	.contact {
		padding: 30px 0 70px !important;
	}
	.cmcc-directions-container .dash {
		display: none;
	}
	.cmcc-directions-container .formContainer {
		padding: 50px 10px;
	}
	.cmcc-directions-container .inside {
		margin: 0 0 30px 0;
	}
	.cmcc-directions-container .directions {
		line-height: 20px;
		padding: 0 30px;
	}
	input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
	input[type="text"]:focus,
	textarea:focus,
	textarea.form-control:focus {
		border: 0 solid #00a7e1 !important;
	}
}


/* =====================================

IPHONE 11 & 12 PRO PORTRAIT

===================================== */

@media only screen and (min-device-width: 414px) and (max-device-width: 428px) and (orientation: portrait) {
	/**********************************

    NAV

    *********************************/
	nav.logo-center {
		top: 57px !important;
	}
	/**********************************

    BODY

    *********************************/
	h3 {
		font-size: 27px !important;
		line-height: 29px !important;
	}
	h4 {
		font-size: 20px !important;
		line-height: 21px !important;
	}
	/**********************************

    ABOUT

    *********************************/
	.about-section-bckgd {
		padding-bottom: 40px !important;
	}
	.signature {
		width: 135px;
		height: 80px;
		background-size: 135px 80px;
		position: relative;
		top: -10px;
	}
	/**********************************

    MENU

    *********************************/
	.cmcc-table .title.left {
		text-align: center;
	}
	.cmcc-table .title.right {
		text-align: center;
	}
	.cmcc-table .title {
		padding: 0;
	}
}


/* =====================================

iPHONE 11 & 12 PRO LANDSCAPE

===================================== */

@media only screen and (min-device-width: 414px) and (max-device-width: 428px) and (orientation: landscape) {
	/**********************************

    BODY

    *********************************/
	.nav-toggle {
		display: block !important;
	}
	nav.logo-center {
		background: rgba(255, 255, 255, 0.9);
		max-height: 70px;
		overflow: hidden;
		padding-top: 70px;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
	}
	.logo-center.fixed-nav {
		padding-top: 66px !important;
	}
	.open-nav {
		max-height: 800px !important;
	}
	.logo-center .medium-2 {
		display: none;
	}
	.logo-center .menu {
		width: 100%;
		text-align: left !important;
	}
	.logo-center .menu li {
		padding-left: 0px;
		padding-right: 0px;
		float: none;
		padding-bottom: 11px;
	}
	.logo-center .menu li a {
		color: #333;
	}
	nav.top-bar .menu {
		text-align: center;
	}
	nav.top-bar .menu li {
		padding-left: 0px;
		float: none;
		padding-bottom: 0px;
	}
	.column,
	.columns {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	h3 {
		font-size: 25px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	h4 {
		font-size: 17px !important;
		line-height: 18px !important;
	}
	.subheader-container {
		margin: 15px auto 30px;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	h1.cmcc-header {
		color: rgba(0, 77, 113, 1) !important;
		font-size: 40px !important;
		line-height: 40px;
	}
	.sub-title {
		color: #54c0e8 !important;
	}
	.sub-title .bullet {
		color: #0075c9;
	}
	.headline-style-2 .sub-title {
		line-height: .5 !important;
	}
	.headline-style-2 .line {
		margin-top: 25px !important;
		background: #fff !important;
	}
	.cmcc-headers {
		width: 100% !important;
		padding: 15px 0;
	}
	.cmcc-headers-full {
		padding: 15px 0;
	}
	.headline-style-2 .line {
		display: none;
	}
	.text-left {
		text-align: justify !important;
		padding: 0 10px !important;
	}
	.pad-small-bottom {
		padding-bottom: 50px !important;
	}
	.divider-background.mobile {
		display: block;
		background: #54c0e8;
		border-top: 0 solid #FFF;
	}
	.divider-background {
		display: none;
		padding: 10px 0 !important;
	}
	.row.header {
		top: 0;
	}
	.background-image-holder {
		top: 0 !important;
	}
	.medium-6 {
		width: 100% !important;
	}
	/* -- FOOTER -- */
	.cmcc-footer .logo {
		width: 140px;
		height: 12px;
		background-size: 140px;
		margin: 0 1px;
	}
	/**********************************

    MOBILE NAV

    *********************************/
	nav.logo-center {
		/* top: 38px !important; */
		padding-top: 70px !important;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
		outline: 0 solid #00a7e1;
		outline-offset: 0;
		border-bottom: 4px solid #00a7e1;
	}
	.fixed-nav .menu li {
		padding-bottom: 15px !important;
	}
	nav.logo-center {
		padding-bottom: 0;
		top: -55px !important;
	}
	.nav-overlay {
		padding-top: 70px !important;
	}
	.off-screen.reveal-nav .nav-toggle {
		right: 105% !important;
	}
	nav.off-screen .menu li {
		margin-bottom: 16px !important;
	}
	nav .menu li a {
		font-size: 18px !important;
	}
	nav.off-screen .menu li a {
		color: #FFF !important;
		font-size: 22px !important;
	}
	nav.off-screen .menu li a:hover {
		color: #fff !important;
	}
	.logo-center .menu li a.social-icons {
		color: #fff !important;
	}
	a.social-icons {
		background: #256bb3;
	}
	a.social-icons:hover {
		background: #256bb3;
	}
	a.social-icons:active {
		background: #256bb3;
	}
	a.social-icons:focus {
		background: #256bb3;
	}
	a.social-icons:visited {
		background: #256bb3;
	}
	a.social-icons:visited:hover {
		background: #256bb3;
	}
	.medium-5 {
		width: 100% !important;
		left: 0;
		padding: 30px 0 0 0;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
	}
	.fixed-nav .medium-5 {
		width: 100% !important;
		padding: 20px 0 0 0;
	}
	.logo-center .menu {
		color: #fff;
		margin-bottom: 0;
		margin-left: 0;
	}
	.logo-center .menu li a {
		color: #fff !important;
	}
	.logo-center .menu li {
		text-align: center;
	}
	nav .text-left .menu li {
		padding-right: 0 !important;
	}
	.logo-center.fixed-nav {
		padding-top: 66px !important;
		top: 0 !important;
	}
	.text-left {
		padding-bottom: 20px !important;
	}
	.fixed-nav {
		padding-bottom: 0 !important;
	}
	nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 15px 0 0 0;
	}
	.fixed-nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 0 0 0 0;
	}
	a[href^="tel:"].cmccPhone {
		font-size: 18px !important;
	}
	/**********************************

    SLIDER

    *********************************/
	.cmcc-slider-sec {
		height: 100vh;
	}
	.slides {
		display: none;
	}
	.full-height {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("../img/mobile/CMCC-mobile-background-portrait.jpg") no-repeat;
		background-size: cover;
		/*margin: -56% 0 0 0;*/
		margin: 0 0 0 0;
	}
	.cmcc-logo {
		display: none;
	}
	.cmcc-logo-mobile {
		display: block;
		width: 330px;
		height: 330px;
		/* background: rgba(1, 16, 20, 0.7) url(../img/slider/CMCC-slider-logo.png)no-repeat; */
		background: url("../img/nav/CMCC-logo-380x380-final-WEB-MOBILE.png") no-repeat;
		background-size: 330px;
		top: 50%;
		left: 50%;
		margin: -165px 0 0 -165px;
		background-position: center;
		position: absolute;
		border-radius: 50%;
	}
	/* =====================================

    ABOUT

    ===================================== */
	.about-section-bckgd {
		margin-top: 0;
		padding-top: 35px;
		padding-bottom: 60px !important;
		top: 0;
	}
	.signature {
		margin: 0 auto;
	}
	/* =====================================

    MENU

    ===================================== */
	.cmcc-menu {
		padding-bottom: 0 !important;
	}
	.cmcc-menu-row {
		margin-bottom: 40px !important;
	}
	.cmcc-menu {
		padding-top: 0 !important;
	}
	.menu-filters {
		line-height: 20px;
		width: 83.333%;
	}
	.menu-filters li {
		float: left !important;
		margin-bottom: 0;
		margin-right: 22px !important;
		font-size: 25px !important;
		width: max-content;
		margin-left: auto !important;
	}
	.menu-filters li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}
	.menu-filters li.last {
		margin-right: 0 !important;
	}
	.line-sep {
		background: transparent;
		/*height: 2px;*/
		height: 0;
		/*margin: 4px 0 0;*/
		margin: 0 0 0;
	}
	/*
        .cmcc-table {
        padding: 0 25px;
        }
        */
	.cmcc-table {
		padding: 0;
		width: 85.3333%;
		margin: 0 auto;
	}
	.cmcc-table tr {
		display: block;
		text-align: center;
	}
	.cmcc-table .title {
		font-size: 18px;
		letter-spacing: 0.5px;
		line-height: 20px;
		display: inline-block;
		/*		width: 89%;*/
		width: 100%;
		padding: 0;
	}
	.cmcc-table .title.left {
		text-align: center;
	}
	.cmcc-table .title.right {
		text-align: center;
	}
	.cmcc-table .price {
		font-size: 16px;
		letter-spacing: 0.5px;
		width: 10%;
		text-align: right;
		display: inline-block;
	}
	.cmcc-table .description {
		margin: 5px 0 30px 0;
		font-size: 16px;
		line-height: 17px;
	}
	.cmcc-table .seperator {
		width: 20%;
		height: 2px;
		background: #97daf8;
		margin: 40px auto;
		display: inline-block;
		position: relative;
		left: 0;
	}
	.wwd-content-container ul {
		width: 72%;
		margin-bottom: 0 !important;
		margin: 0 auto !important;
	}
	.what-we-do {
		padding: 25px 0 20px;
	}
	.what-we-do.bottom {
		padding: 25px 35px 25px;
	}
	h1.cmcc-header.light-blue {
		color: #3e6caf !important;
		padding: 0 45px;
		line-height: 55px;
	}
	.wwd-content-container {
		padding: 45px 0 35px;
	}
	/**********************************

    GALLERY

    *********************************/
	section.gallery {
		padding-top: 5px !important;
	}
	.image-gallery {
		padding-right: 5px;
	}
	.galleryCol {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	.background-image-holder.gallery {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}
	.lb-nav {
		position: absolute;
		top: 100% !important;
		height: 50px !important;
	}
	.lb-nav a.lb-next {
		margin-right: 0 !important;
		background-size: 30px !important;
	}
	.lb-nav a.lb-prev {
		margin-left: 0 !important;
		background-size: 30px !important;
	}
	.lb-data .lb-close {
		width: 22px !important;
		height: 22px !important;
		background-size: 22px !important;
	}
	.overlayGallery {
		display: none;
	}
	/**********************************

    CONTACT

    *********************************/
	input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
	input[type="text"]:focus,
	textarea:focus,
	textarea.form-control:focus {
		border: 0 solid #00a7e1 !important;
	}
}


/* =====================================

MOBILE LANDSCAPE

===================================== */

@media (max-width: 767px) and (orientation: landscape) {
	/**********************************

    BODY

    *********************************/
	.column,
	.columns {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	h3 {
		font-size: 25px !important;
		line-height: 28px !important;
		font-weight: 500 !important;
	}
	h4 {
		font-size: 17px !important;
		line-height: 18px !important;
	}
	.subheader-container {
		margin: 15px auto 30px;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	/*h1.cmcc {
        background: url(../img/menu/the-menu-header-204x48-mobile.png);
        width: 173px;
        height: 41px;
        background-size: 173px 41px;
        }*/
	h1.cmcc-header {
		color: rgba(0, 77, 113, 1) !important;
		font-size: 40px !important;
		line-height: 40px;
	}
	.sub-title {
		color: #54c0e8 !important;
	}
	.sub-title .bullet {
		color: #0075c9;
	}
	.headline-style-2 .sub-title {
		line-height: .5 !important;
	}
	.headline-style-2 .line {
		margin-top: 25px !important;
		background: #fff !important;
	}
	.cmcc-headers {
		width: 100% !important;
		padding: 15px 0;
	}
	.cmcc-headers-full {
		padding: 15px 0;
	}
	.headline-style-2 .line {
		display: none;
	}
	.text-left {
		text-align: justify !important;
		padding: 0 10px !important;
	}
	.pad-small-bottom {
		padding-bottom: 50px !important;
	}
	.divider-background.mobile {
		display: block;
		background: #54c0e8;
		border-top: 0 solid #FFF;
	}
	.divider-background {
		display: none;
		padding: 10px 0 !important;
	}
	.row.header {
		top: 0;
	}
	.background-image-holder {
		top: 0 !important;
	}
	.medium-6 {
		width: 100% !important;
	}
	/* -- FOOTER -- */
	.cmcc-footer .logo {
		width: 140px;
		height: 12px;
		background-size: 140px;
		margin: 0 1px;
	}
	/**********************************

    MOBILE NAV

    *********************************/
	nav.logo-center {
		top: 0 !important;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(0, 77, 113, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(0, 77, 113, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
		outline: 2px solid #00a7e1;
		outline-offset: 4px;
		border-bottom: 4px solid #00a7e1;
	}
	nav.logo-center {
		padding-bottom: 0;
		top: -55px !important;
	}
	.nav-overlay {
		padding-top: 70px !important;
	}
	.off-screen.reveal-nav .nav-toggle {
		right: 105% !important;
	}
	nav.off-screen .menu li {
		margin-bottom: 16px !important;
	}
	nav .menu li a {
		font-size: 18px !important;
	}
	nav.off-screen .menu li a {
		color: #FFF !important;
		font-size: 22px !important;
	}
	nav.off-screen .menu li a:hover {
		color: #fff !important;
	}
	.logo-center .menu li a.social-icons {
		color: #fff !important;
	}
	a.social-icons {
		background: #256bb3;
	}
	a.social-icons:hover {
		background: #256bb3;
	}
	a.social-icons:active {
		background: #256bb3;
	}
	a.social-icons:focus {
		background: #256bb3;
	}
	a.social-icons:visited {
		background: #256bb3;
	}
	a.social-icons:visited:hover {
		background: #256bb3;
	}
	.medium-5 {
		width: 100% !important;
		left: 0;
		padding: 30px 0 0 0;
		background: rgb(1, 53, 77) !important;
		background: -moz-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		background: linear-gradient(90deg, rgba(1, 53, 77, 1) 0%, rgba(0, 77, 113, 1) 50%, rgba(1, 53, 77, 1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01354d", endColorstr="#01354d", GradientType=1) !important;
	}
	.fixed-nav .medium-5 {
		width: 100% !important;
		padding: 20px 0 0 0;
	}
	.logo-center .menu {
		color: #fff;
		margin-bottom: 0;
		margin-left: 0;
	}
	.logo-center .menu li a {
		color: #fff !important;
	}
	.logo-center .menu li {
		text-align: center;
	}
	nav .text-left .menu li {
		padding-right: 0 !important;
	}
	.logo-center.fixed-nav {
		padding-top: 66px !important;
		top: 0 !important;
	}
	.text-left {
		padding-bottom: 20px !important;
	}
	.fixed-nav {
		padding-bottom: 0 !important;
	}
	nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 15px 0 0 0;
	}
	.fixed-nav .phone-icon {
		font-size: 18px !important;
		position: relative;
		right: 8px;
		padding: 0 0 0 0;
	}
	a[href^="tel:"].cmccPhone {
		font-size: 18px !important;
	}
	/**********************************

    SLIDER

    *********************************/
	.cmcc-slider-sec {
		height: 100vh;
	}
	.slides {
		display: none;
	}
	.full-height {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url("../img/mobile/CMCC-mobile-background-portrait.jpg") no-repeat;
		background-size: cover;
		/*margin: -56% 0 0 0;*/
		margin: 0 0 0 0;
	}
	.cmcc-logo {
		display: none;
	}
	.cmcc-logo-mobile {
		display: block;
		width: 300px;
		height: 300px;
		/* background: rgba(1, 16, 20, 0.7) url(../img/slider/CMCC-slider-logo.png)no-repeat; */
		background: url("../img/nav/CMCC-logo-380x380-final-WEB-MOBILE.png") no-repeat;
		background-size: 300px;
		top: 50%;
		left: 50%;
		margin: -150px 0 0 -150px;
		background-position: center;
		position: absolute;
		border-radius: 50%;
	}
	/* =====================================

    ABOUT

    ===================================== */
	.about-section-bckgd {
		margin-top: 0;
		padding-top: 35px;
		padding-bottom: 60px !important;
		top: 0;
	}
	.signature {
		margin: 0 auto;
	}
	/* =====================================

    MENU

    ===================================== */
	.cmcc-menu {
		padding-bottom: 0 !important;
	}
	.cmcc-menu-row {
		margin-bottom: 40px !important;
	}
	.cmcc-menu {
		padding-top: 0 !important;
	}
	.menu-filters {
		line-height: 20px;
		width: 83.333%;
	}
	.menu-filters li {
		float: left !important;
		margin-bottom: 0;
		margin-right: 22px !important;
		font-size: 25px !important;
		width: max-content;
		margin-left: auto !important;
	}
	.menu-filters li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}
	.menu-filters li.last {
		margin-right: 0 !important;
	}
	.line-sep {
		background: transparent;
		/*height: 2px;*/
		height: 0;
		/*margin: 4px 0 0;*/
		margin: 0 0 0;
	}
	/*
        .cmcc-table {
        padding: 0 25px;
        }
        */
	.cmcc-table {
		padding: 0;
		width: 85.3333%;
		margin: 0 auto;
	}
	.cmcc-table tr {
		display: block;
		text-align: center;
	}
	.cmcc-table .title {
		font-size: 18px;
		letter-spacing: 0.5px;
		line-height: 20px;
		display: inline-block;
		/*		width: 89%;*/
		width: 100%;
		padding: 0;
	}
	.cmcc-table .title.left {
		text-align: center;
	}
	.cmcc-table .title.right {
		text-align: center;
	}
	.cmcc-table .price {
		font-size: 16px;
		letter-spacing: 0.5px;
		width: 10%;
		text-align: right;
		display: inline-block;
	}
	.cmcc-table .description {
		margin: 5px 0 30px 0;
		font-size: 16px;
		line-height: 17px;
	}
	.cmcc-table .seperator {
		width: 20%;
		height: 2px;
		background: #97daf8;
		margin: 40px auto;
		display: inline-block;
		position: relative;
		left: 0;
	}
	.wwd-content-container ul {
		width: 72%;
		margin-bottom: 0 !important;
		margin: 0 auto !important;
	}
	.what-we-do {
		padding: 25px 0 20px;
	}
	.what-we-do.bottom {
		padding: 25px 35px 25px;
	}
	h1.cmcc-header.light-blue {
		color: #3e6caf !important;
		padding: 0 45px;
		line-height: 55px;
	}
	.wwd-content-container {
		padding: 45px 0 35px;
	}
	/**********************************

    GALLERY

    *********************************/
	section.gallery {
		padding-top: 5px !important;
	}
	.image-gallery {
		padding-right: 5px;
	}
	.galleryCol {
		padding-left: 5px !important;
		padding-right: 0 !important;
	}
	.background-image-holder.gallery {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}
	.lb-nav {
		position: absolute;
		top: 100% !important;
		height: 50px !important;
	}
	.lb-nav a.lb-next {
		margin-right: 0 !important;
		background-size: 30px !important;
	}
	.lb-nav a.lb-prev {
		margin-left: 0 !important;
		background-size: 30px !important;
	}
	.lb-data .lb-close {
		width: 22px !important;
		height: 22px !important;
		background-size: 22px !important;
	}
	.overlayGallery {
		display: none;
	}
	/**********************************

    CONTACT

    *********************************/
	input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
	input[type="text"]:focus,
	textarea:focus,
	textarea.form-control:focus {
		border: 0 solid #00a7e1 !important;
	}
}


/* =====================================

IPAD PORTRAIT

===================================== */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	/**********************************

    BODY

    *********************************/
	.column,
	.columns {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	h3 {
		font-size: 30px !important;
		line-height: 35px !important;
	}
	h4 {
		font-size: 21px !important;
		line-height: 24px !important;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.text-left {
		text-align: justify !important;
		padding: 0 10px !important;
	}
	.medium-6 {
		width: 100% !important;
	}
	.medium-10 {
		width: 100% !important;
	}
	.pad-small-bottom {
		padding-bottom: 50px !important;
	}
	.cmcc-headers {
		width: 65% !important;
	}
	.divider-background {
		display: none;
		padding: 90px 0 !important;
	}
	.divider-background.ipad {
		display: block;
	}
	.row.header {
		top: 0;
	}
	h1.cmcc {
		width: 173px;
		height: 41px;
		background-size: 173px 41px;
		margin: 0 auto 20px;
	}
	.sub-title {
		/*color: #004d71 !important;*/
		color: #FFF !important;
		position: relative;
		top: -5px;
	}
	.sub-title .bullet {
		/*color: #fff !important;*/
		color: #004d71 !important;
	}
	h1.cmcc-header {
		font-size: 45px !important;
	}
	.headline-style-2 .line {
		margin-top: 10px !important;
		background: #fff;
	}
	.headline-style-2 .line.blue {
		background: #003a5d !important;
	}
	.headline-style-2 .line.brown {
		background: #72370a !important;
	}
	/**********************************

    NAV

    *********************************/
    
    .nav-overlay {
      padding-top: 65px !important;
      padding-bottom: 65px !important;
    }
	nav .logo {
		width: 90%;
	}
	.fixed-nav .logo {
		width: 80% !important;
		bottom: 0 !important;
		top: -15px !important;
	}
	.fixed-nav .medium-2 {
      width: 16% !important;
      margin-top: -25px !important;
    }
	.fixed-nav {
      padding-bottom: 20px !important;
      padding-top: 50px !important;
    }
	.text-center {
		padding: 0 !important;
	}
	.text-right {
		padding: 0 !important;
	}
	.text-left {
		padding: 0 !important;
	}
	nav .menu li {
		padding-left: 20px !important;
	}
	nav .text-left .menu li {
		padding-left: 0 !important;
		padding-right: 20px !important;
		padding-bottom: 0 !important;
	}
	.medium-12 {
		width: 90%;
	}
	nav.logo-center {
		padding-bottom: 0;
	}
	.nav-overlay {
		top: 0 !important;
	}
	ul {
		margin-bottom: 0 !important;
	}
	.medium-5 {
		width: 42% !important;
	}
	.medium-2 {
		width: 16% !important;
		margin-top: -25px;
	}
	.fixed-nav .medium-5 {
      width: 42% !important;
      top: -5px;
    }
	nav .phone-icon {
		display: none;
	}
    
    .ipadPhone {
	    display: block;
    }
	/**********************************

    SLIDER

    *********************************/
	.cmcc-logo {
		width: 185px;
		height: 185px;
		background-size: 193px;
		top: 20px;
		left: 8px;
	}
	.cmcc-logo-container {
		width: 200px;
		height: 100%;
		top: 0px;
	}
	.hero-slider .slides li {
		height: 470px !important;
	}
	.gallery-slider .slides li {
		height: 550px !important;
	}
	.background-image-holder {
		width: 100% !important;
		height: 100% !important;
		top: 0px !important;
	}
	.lightboxOverlay {
		position: fixed !important;
		overflow: hidden !important;
	}
	.flex-direction-nav {
		position: relative;
		bottom: 300px;
		z-index: 99999;
	}
	.flex-control-nav {
		bottom: 10px !important;
	}
	/* =====================================

    ABOUT

    ===================================== */
	.about-section-bckgd {
		padding-top: 60px;
		padding-bottom: 60px !important;
		padding-left: 60px;
		padding-right: 60px;
	}
	.subheader-container {
		margin: 10px auto 50px;
	}
	.signature {
		width: 135px;
		height: 80px;
		background-size: 135px 80px;
		margin: 5px auto;
	}
	/* =====================================

    MENU

    ===================================== */
	.cmcc-tabs {
		width: 100% !important;
	}
	.cmcc-menu {
		padding-top: 40px !important;
	}
	.cmcc-menu-row {
		margin-bottom: 50px !important;
	}
	.cmcc-table {
		padding: 0 40px;
	}
	.cmcc-table tr {
		display: block;
		text-align: center;
	}
	.cmcc-table .title {
		/*		width: 89%;*/
		width: 100%;
		font-size: 16px;
		letter-spacing: 0.5px;
		line-height: 18px;
		display: inline-block;
		padding: 0;
	}
	.cmcc-table .title.left {
		text-align: center;
		padding: 0;
	}
	.cmcc-table .title.right {
		text-align: center;
		padding: 0;
	}
	.cmcc-table .price {
		font-size: 16px;
		letter-spacing: 0.5px;
		width: 10%;
		text-align: right;
		display: inline-block;
	}
	.cmcc-table .description {
		margin: 5px 0 30px 0;
	}
	.cmcc-table .seperator {
		width: 15%;
		height: 2px;
		background: #97daf8;
		margin: 40px auto;
		display: inline-block;
		position: relative;
		left: 0;
	}
	.wwd-content-container ul {
		width: 656px;
		padding: 0 0 0 0;
		margin: 0 0 0 20px !important;
		display: inline-block;
	}
	.wwd-content-container .subText {
		padding: 0 40px;
		line-height: 22px;
		text-align: left;
	}
	/* =====================================

    GALLERY

    ===================================== */
	.gallery {
		padding-top: 3px !important;
		padding-bottom: 60px !important;
	}
	.cmcc-headers-right {
		width: 75% !important;
		float: right !important;
	}
	.galleryCol {
		padding: 0 2px !important;
		margin: -3px 0 0 0;
	}
	/* =====================================

    CONTACT

    ===================================== */
	.col-sm-offset-3 {
		margin-left: 20% !important;
	}
	.col-sm-6 {
		width: 60% !important;
	}
    input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
}


/* =====================================

iPAD PRO PORTRAIT

===================================== */

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
	/* =====================================

    BODY

    ===================================== */
	.medium-6 {
		width: 50% !important;
	}
	.medium-10 {
		width: 98.33333% !important;
	}
	h3 {
		font-size: 45px !important;
		line-height: 45px !important;
	}
	h4 {
		font-size: 21px !important;
		line-height: 24px !important;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.text-left {
		text-align: left !important;
		padding: 0 0.9375em !important;
	}
	.divider-background {
		padding: 120px 0 !important;
	}
	/* =====================================

    NAV

    ===================================== */
	.text-right {
		top: -10px !important;
	}
	.text-left {
		top: -10px !important;
	}
    nav .phone-icon {
		display: block;
	}
    
    .ipadPhone {
	    display: none;
    }
	/* =====================================

    MENU

    ===================================== */
	.cmcc-table {
		padding: 0 0 0 38px;
	}
	.cmcc-table tr {
		display: block;
	}
	.cmcc-table .title {
		width: 49%;
		padding: 0 0 0 0;
		margin-left: -4px;
	}
	.cmcc-table .title.left {
		text-align: right;
		padding: 0 20px 0 5%;
	}
	.cmcc-table .title.right {
		text-align: left;
		padding: 0 5% 0 20px;
	}
	.cmcc-table .title.last {
		text-align: center;
		width: 100%;
	}
	.cmcc-table .price {
		width: auto;
		padding: 0 38px 0 20px;
	}
	.wwd-content-container {
		padding: 60px 0 45px 37px;
	}
	.wwd-content-container ul {
		width: 446px;
		margin-left: 45px !important;
		padding: 0;
	}
}


/* =====================================

IPAD LANDSCAPE

===================================== */


/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {*/


/*@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) and (orientation:landscape) {*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* =====================================

    BODY

    ===================================== */
	.medium-10 {
		width: 90.33333% !important;
	}
	h3 {
		font-size: 30px !important;
		line-height: 35px !important;
	}
	h4 {
		font-size: 21px !important;
		line-height: 24px !important;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	h1.cmcc {
		width: 173px;
		height: 41px;
		background-size: 173px 41px;
	}
	h1.cmcc-header {
		font-size: 45px !important;
	}
	.sub-title {
		position: relative;
		top: -5px;
	}
	.headline-style-2 .line {
		margin-top: 10px !important;
	}
	.text-left {
		text-align: left !important;
		padding: 0 0.9375em !important;
	}
	.pad-small-bottom {
		padding-bottom: 50px !important;
	}
	.background-image-holder-divider {
		top: -25px !important;
	}
	.divider-background {
		padding: 80px 0px 80px !important;
	}
	/**********************************

    NAV

    *********************************/
	nav .logo {
		width: 90%;
	}
    nav.logo-center {
        top: 0;
    }
	.fixed-nav .logo {
		width: 80% !important;
		bottom: 0 !important;
		top: -15px !important;
	}
	.fixed-nav .medium-2 {
		width: 16% !important;
		margin-top: -50px !important;
	}
	.fixed-nav .medium-5 {
		width: 39% !important;
	}
	.fixed-nav {
		padding-bottom: 0px !important;
	}
	.text-center {
		padding: 0 !important;
	}
	.text-right {
		padding: 0 !important;
		top: 15px;
	}
	.text-left {
		padding: 0 !important;
		top: 15px;
	}
	.fixed-nav .text-left {
		padding: 0 !important;
		top: -10px;
	}
	.fixed-nav .text-right {
		padding: 0 !important;
		top: -10px;
	}
	nav .menu li {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	nav .text-left .menu li {
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 0 !important;
	}
	.medium-12 {
		width: 90%;
	}
	nav.logo-center {
		padding-bottom: 0;
	}
	.nav-overlay {
      padding-top: 75px !important;
    }
	ul {
		margin-bottom: 0 !important;
	}
    .medium-2 {
        width: 16% !important;
        top: 0;
        margin-top: -34px;
    }
	.medium-5 {
      width: 39% !important;
    }
    
    .ipadPhone {
	    display: none;
    }
    nav .phone-icon {
        right: -45px;
    }
    .fixed-nav .phone-icon {
        right: -45px;
    }
	/**********************************

    SLIDER

    *********************************/
	.cmcc-logo {
		width: 185px;
		height: 185px;
		background-size: 193px;
		top: 20px;
		left: 8px;
	}
	.cmcc-logo-container {
		width: 280px;
		height: 103%;
	}
	.background-image-holder {
		height: 103% !important;
	}
	.hero-slider .slides li {
		height: 470px !important;
	}
	.gallery-slider .slides li {
		height: 550px !important;
	}
	.background-image-holder {
		width: 100% !important;
		height: 100% !important;
		top: 0px !important;
	}
	.lightboxOverlay {
		position: fixed !important;
		overflow: hidden !important;
	}
	.flex-direction-nav {
		position: relative;
		bottom: 300px;
		z-index: 99999;
	}
	.flex-control-nav {
		bottom: 10px !important;
	}
	/* =====================================

    ABOUT

    ===================================== */
	.about-section-bckgd {
		padding: 60px 60px !important;
	}
	.push-large {
		padding: 0 20px 0 0;
	}
	.subheader-container {
		margin: 10px auto 50px;
	}
	.signature {
		width: 135px;
		height: 80px;
		background-size: 135px 80px;
	}
	/* =====================================

    MENU

    ===================================== */
	.cmcc-table {
		margin: 0 auto;
	}
	.cmcc-menu {
		padding-top: 40px !important;
	}
	.cmcc-menu-row {
		margin-bottom: 50px !important;
	}
	.wwd-content-container {
		padding: 60px 37px 45px 37px;
	}
	.wwd-content-container ul {
		width: 651px;
		margin-left: 45px !important;
	}
	.cmcc-table .title.left {
		padding: 0 3% 0 50px;
	}
	.cmcc-table .title.right {
		padding: 0 50px 0 3%;
	}
	.cmcc-table .seperator {
		left: 0;
	}
	/* =====================================

    GALLERY

    ===================================== */
	.gallery {
		padding-top: 5px;
	}
    /* =====================================

    CONTACT

    ===================================== */
    input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
}


/* =====================================

iPAD PRO PORTRAIT

===================================== */

@media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
	/* =====================================

    BODY

    ===================================== */
	.medium-6 {
		width: 100% !important;
	}
	.medium-10 {
		width: 98.33333% !important;
	}
	h3 {
		font-size: 38px !important;
		line-height: 39px !important;
	}
	h4 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.subheader-container {
		margin: 15px auto 50px;
	}
	p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.text-left {
		text-align: left !important;
		padding: 0 0 !important;
	}
	.divider-background {
		padding: 120px 0 !important;
	}
	/* =====================================

    NAV

    ===================================== */
	.nav-overlay {
		padding-top: 85px !important;
	}
	.text-right {
		top: 0 !important;
	}
	.text-left {
		top: 0 !important;
	}
	.medium-2 {
		margin-top: -45px;
	}
    .medium-5 {
        width: 40% !important;
    }
	.fixed-nav .medium-2 {
		margin-top: -50px !important;
	}
    nav .phone-icon {
      right: -35px;
    }
    /* =====================================

    ABOUT US

    ===================================== */
    .signature {
        margin: 30px auto 0;
    }
    
	/* =====================================

    MENU

    ===================================== */
	.cmcc-table {
		padding: 0 0 0 38px;
	}
	.cmcc-table tr {
		display: block;
		text-align: center;
	}
	.cmcc-table .title {
		width: 49%;
		padding: 0 0 0 0;
	}
	.cmcc-table .price {
		width: auto;
		padding: 0 38px 0 20px;
	}
	.wwd-content-container {
		padding: 60px 37px 45px;
	}
	.cmcc-table .seperator {
		left: 0;
		margin: 35px 0;
	}
	.wwd-content-container ul {
		width: 696px;
		margin-left: 45px !important;
		padding: 0;
	}
	.wwd-content-container .subText {
		padding: 0;
		line-height: 22px;
		text-align: center;
	}
}


/* =====================================

iPAD PRO LANDSCAPE

===================================== */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    
	/* =====================================

    BODY

    ===================================== */
	h1.cmcc {
		width: 173px;
		height: 41px;
		background-size: 173px 41px;
	}
	.sub-title {
		position: relative;
		top: -5px;
	}
	.background-image-holder-divider {
		top: -35px;
	}
	.divider-background {
      padding: 12% 0 !important;
    }
	h3 {
		font-size: 38px !important;
		line-height: 39px !important;
	}
	h4 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.subheader-container {
		margin: 15px auto 50px;
	}
	/* =====================================

    SLIDER

    ===================================== */
	.background-image-holder {
		top: -14px !important;
	}
    
    .background-image-holder {
        height: 103% !important;
    }
    /* =====================================

    PARALLAX

    ===================================== */
    .background-image-holder-divider {
        top: -25px !important;
    }
	/* =====================================

    MENU

    ===================================== */
	.cmcc-table {
		padding: 0 5px 0 0;
	}
	.cmcc-menu {
		padding-top: 40px !important;
	}
	.cmcc-table .title {
		width: 50%;
		padding: 0 3%;
	}
	.cmcc-table .seperator {
		left: 0;
	}
    /* =====================================

    GALLERY

    ===================================== */
    .gallery {
        padding-top: 80px;
    }
    /* =====================================

    CONTACT

    ===================================== */
    input[type="text"], textarea, textarea.form-control {
      border: 3px solid #ddd !important;
      border-top: 1px solid #ddd !important;
    }
}