/* Table of Content
==================================================
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face 
*/
:root {
	--teal: #56b6b1;
	--tan: #d5d2c5;
	--black: #1a1818;
}
/* #Site Styles
================================================== */

* {
	outline: none;
}
html,
body {
	color: var(--black);
	font-size: 18px;
	font-weight: 400;
	font-family: proxima-nova-condensed, sans-serif;
	line-height: 1.5rem;
}
body {
	margin: 0 !important;
}
body.page-template-elementor_canvas {
	margin: 0 !important;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
img.aligncenter {
	float: none;
	display: block;
	margin: 0 auto 15px;
}
img.alignleft {
	float: left;
	margin-right: 15px;
}
img.alignright {
	float: right;
	margin-left: 15px;
}
.w900 {
	font-weight: 900;
}
.w800 {
	font-weight: 800;
}
.w700 {
	font-weight: 700;
}
.w600 {
	font-weight: 600;
}
.w500 {
	font-weight: 500;
}
.w400 {
	font-weight: 400;
}
.w300 {
	font-weight: 300;
}
.w200 {
	font-weight: 200;
}
.w100 {
	font-weight: 100;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.font18 {
	font-size: 18px;
}
.font20 {
	font-size: 20px;
}
.font22 {
	font-size: 22px;
}
.font24 {
	font-size: 24px;
}
.font28 {
	font-size: 28px;
}
.font30 {
	font-size: 30px;
}
.font32 {
	font-size: 32px;
}
.font36 {
	font-size: 36px;
}
.font40 {
	font-size: 40px;
}
.font50 {
	font-size: 50px;
}
.font60 {
	font-size: 60px;
}
.font70 {
	font-size: 70px;
}
.s1 {
	letter-spacing: 1px;
}
.s2 {
	letter-spacing: 2px;
}
.s3 {
	letter-spacing: 3px;
}
.s4 {
	letter-spacing: 4px;
}
.s5 {
	letter-spacing: 5px;
}
.s6 {
	letter-spacing: 6px;
}
.s7 {
	letter-spacing: 7px;
}
.s8 {
	letter-spacing: 8px;
}
.lh1 {
	line-height: 1em;
}
h1, h2, h3, h4, .uk-h1, .uk-h2, .uk-h3, .uk-h4 {
	font-family: industry-inc-base, sans-serif;
	color: inherit;
	line-height: 1.2em;
	font-weight: 400;
}
.grecaptcha-badge {
    display:none !important;
}
.script {
	font-family: lemongrass-script, sans-serif;
	font-weight: 400;
}
h1 > .script, .uk-h1 > .script {
	font-size: 140%;
}
h1 > .script.small, .uk-h1 > .script.small {
	font-size: 130%;
}
h2 > .script, .uk-h2 > .script {
	font-size: 140%;
}
h3 > .script, .uk-h3 > .script {
	font-size: 140%;
}
.blog-title {
	font-family: industry-inc-base,sans-serif;
    color: inherit;
    line-height: 1.2em;
    font-weight: 400;
	overflow-wrap: break-word;
	font-size: 2.625rem;
}
.blog-title>.script {
    font-size: 140%;
}
blockquote {
	border-bottom: 2px solid #f2f2f2;
	padding: 0 50px 50px 50px;
	margin-bottom: 50px;
	position: relative;
}
blockquote p {
	font-size: 18px;
	line-height: 1.5em;
}
blockquote cite {
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 18px;
	font-weight: 600;
	color: var(--teal);
	text-transform: uppercase;
	margin-top: 25px;
}
blockquote:before {
	position: absolute;
	content: open-quote;
	font-size: 10em;
	margin-left: 0;
	margin-top: -0.4em;
	opacity: 0.1;
	left: -10px;
}
blockquote:after {
	position: absolute;
	content: close-quote;
	font-size: 10em;
	bottom: -50px;
	right: 10px;
	padding-right: 10px;
	opacity: 0.1;
	line-height: 1em;
}
.uk-link,
a,
.uk-section-secondary .uk-card-contrast-link a {
	/* color: var(--teal); */
	color: #f44336;
}
.uk-link:hover,
a:hover,
.uk-section-secondary .uk-card-contrast-link a:hover {
	text-decoration: none;
	/* color: var(--teal);*/
	color: #337ab7;
}


/* #UIKit Styles
================================================== */

.uk-container-alt {
	padding: 0 2%;
}
.uk-text-tan {
	color: var(--tan) !important;
}
.uk-text-teal {
	color: var(--teal) !important;
}
.uk-text-black {
	color: var(--black) !important;
}
.uk-text-contrast {
	color: #fff !important;
}
.uk-text-large {
	font-size: 120%;
}
.uk-text-link {
	text-transform: uppercase;
	font-size: 20px;
	color: inherit;
}
.uk-text-link:after {
	content: '»';
	display: inline-block;
	margin-left: 5px;
}
.uk-section-teal,
.uk-background-teal {
	background: var(--teal);
}
.uk-section-tan,
.uk-background-tan {
	background: var(--tan);
}
.uk-section-secondary,
.uk-background-secondary {
	background: var(--black);
	color: #fff;
}
.uk-overlay-tan {
	background: rgba(213, 210, 197, .75);
}
.uk-overlay-teal {
	background: rgba(86, 182, 177, .75);
}
.uk-button {
	font-family: industry-inc-base, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 26px;
	padding: 5px 10px 0;
	line-height: 30px;
}
.uk-button:hover {
	cursor: pointer !important;
}
.uk-button-primary {
	background: var(--teal);
}
.uk-button-primary:hover {
	color: #fff !important;
}
a.uk-button-large {
	font-family: industry-inc-base, sans-serif;
	text-transform: uppercase;
	border-radius: 5px;
	line-height: 30px;
	font-size: 26px;
	padding: 20px 10px 16px;
	display: block;
	max-width: 400px;
	margin: 0 0 30px;
}
a.uk-buttonlarge:hover {
	text-decoration: none;
}
a.uk-button-extra-large {
	font-family: industry-inc-base, sans-serif;
	text-transform: uppercase;
	border-radius: 5px;
	line-height: 30px;
	font-size: 26px;
	padding: 20px 10px 16px;
	display: block;
	max-width: 200px;
}
a.uk-button-extra-large:hover {
	text-decoration: none;
}
.uk-button-black {
	background: var(--black);
}
.uk-button-secondary {
	color: #fff !important;
}
.gform_button.button {
	padding: 10px 20px;
	    background-color: #f44336 !important;
    color: #fff !important;
	border: 1px solid #f44336 !important; 
	font-size: 18px;
}
.gform_button.button:hover {
		background-color: #337ab7 !important;
	border: 1px solid #337ab7 !important; 
}
.background-color-1 {
	background-color: #5cb85c !important;
	/* Green */
	color: #fff !important;
}
.background-color-2 {
	background-color: #337ab7 !important;
	/* Blue */
	color: #fff !important;
}
.background-color-3 {
	background-color: #5bc0de !important;
	/* Light blue */
	color: #fff !important;
}
.background-color-4 {
	background-color: #f0ad4e !important;
	/* Orange */
	color: #fff !important;
}
.background-color-5 {
	background-color: #f44336 !important;
	/* Red */
	color: #fff !important;
}
input.background-color-5:hover,
a.background-color-5:hover {
	background-color: #337ab7 !important;
	color: #fff !important;
}
.uk-subnav>*>:first-child {
	font-size: 17px;
	letter-spacing: 2px;
	color: var(--teal);
}
.uk-input,
.uk-textarea {
	background: #f2f1ed;
	border-radius: 4px;
}
.uk-card-border {
	border: 1px solid #c6c6c6;
	padding: 10px !important;
}
.uk-subnav-pill>.uk-active>a {
	background: var(--black);
}
#chat.uk-modal {
	top: 50px;
}
/* #Page Styles
================================================== */
.header {
	padding: 0 0 5px;
}
.header nav {
	background: var(--teal);
}
.header .logo {
	width: 185px;
	height: auto;
	/*background: #fff;*/
	padding: 10px 10px 5px;
	margin: 0;
}
.header .uk-navbar-nav>li>a {
	font-weight: 400;
	font-size: 18px;
	font-family: industry-inc-base, sans-serif;
	color: #fff;
	height: 50px;
	line-height: 1em;
}
.header .uk-navbar-nav>li>a:hover,
.header .uk-navbar-nav>li:hover>a {
	color: #222;
}
.header .uk-navbar-item {
	height: 50px;
}
.header[class*=uk-navbar-dropdown-bottom] {
	margin-top: 0;
}


.header .fast-answer {
    background: #f44336!important;
    min-width: 225px;
    height: 100%;
    z-index: 1;
    position: relative;
	display: inline-block;
	margin: 0 20px;
	top:-1px;
}
.header .fast-answer a {
	background: #f44336!important;
    padding: 0 8px!important;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    position: relative;
    height: 100%;
    display: flex!important;
    align-items: center;
    border-bottom: 0px solid transparent!important;
    border-top: 0px solid transparent!important;
}

/*.header .fast-answer  {
	background: #f44336!important;
    padding: 0 8px!important;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    position: relative;
    height: 100%;
    display: flex!important;
    align-items: center;
    border-bottom: 5px solid transparent!important;
    border-top: 5px solid transparent!important;
}
*/
.header .fast-answer a:hover {
    color: #fff;
}
.header .fast-answer .fs-box .fs-box-wrapper {
    flex: .8;
    display: flex;
    justify-content: center;
}
.header .fast-answer .fs-box .description-wrapper {
    flex: 2.5;
}
.header .fast-answer .fs-box .fs-box-wrapper img {
    width: 58px;
    height: 58px;
}
.header .fast-answer .fs-box .description-wrapper div {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}
.uk-navbar-dropdown { --uk-position-offset:0 !important; --uk-position-viewport-offset:0 !important; }

.phone-number a.init {
	display: inline-block;
}
.phone-number a.scroll {
	display: none;
}
.uk-sticky.uk-active.phone-number a {
	display: inline-block;
	background: #fff;
	padding: 10px 15px;
	border-bottom: 5px solid var(--teal);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
.uk-sticky.uk-active.phone-number a.scroll {
	display: inline-block;
	vertical-align: top;
}
.uk-sticky.uk-active.phone-number a.init {
	display: none;
}
.page-title {
	margin: 20px 0 0;
}
.comm-nav {
	border: 1px solid #d5d2c5;
	border-radius: 40px;
	display: inline-block;
	padding: 0;
	overflow: hidden;
}
.comm-nav li {
	list-style: none;
	margin: 0px;
	display: inline-block;
}
.comm-nav li a {
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: inherit;
	padding: 15px 15px;
}
.comm-nav li a:hover {
	text-decoration: none;
	background: #f2f2f2;
}
.comm-nav li.uk-active a {
	background: #d5d2c5;
}
.comm-nav li.uk-active a i {
	color: var(--black) !important;
}
.comm-logo {
	height: 140px;
	width: auto;
}
.min-photo-height {
	min-height: 185px;
}
.badge {
	font-size: 12px;
	display: inline-block;
	padding: 5px 10px;
	background: #c6c6c6;
	text-transform: uppercase;
	min-width: 90px;
	text-align: center;
	line-height: 1em;
}
.banner {
	background-image: url('../images/bg-pattern.png');
	background-position: top left;
	background-size: 70%;
	background-repeat: no-repeat;
}
.pattern01 {
	background-image: url('../images/cta-overlay01.png');
	background-position: bottom center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.pattern02 {
	background-image: url('../images/cta-overlay02.png');
	background-position: bottom center;
	background-size: 100%;
	background-repeat: no-repeat;
}
/*
.shadow:before { content:''; background: rgb(213,210,197); background: linear-gradient(90deg, rgba(213,210,197,1) 0%, rgba(213,210,197,0) 100%); position:absolute; top:0; left:0; height:100%; width:20%; z-index:2; }
*/

.widget_search {
	margin-bottom: 25px;
}
.postid-431 h1 {
	font-size: 40px;
}
.finance-section {
	padding: 20px 36px 0;
	text-align: center;
	border: 2px solid #000;
	width: 60%;
	margin: 20px auto;
}
.table-documents {
	vertical-align: top !important;
	width: 100%;	
}
.table-documents tr{	
}
.table-documents th.date,
.table-documents td.date{
	width: 20%;
	vertical-align: top !important;
	border-bottom: 1px solid #ddd;	
	padding-left: 6px;
    padding-right: 6px;
}
.table-documents th.description,
.table-documents td.description{
	width: 60%;
	vertical-align: top !important;	
	border-bottom: 1px solid #ddd;
	padding-left: 6px;
    padding-right: 6px;
}
.table-documents th.document,
.table-documents td.document{
	width: 20%;
	vertical-align: top !important;	
	border-bottom: 1px solid #ddd;
	padding-left: 6px;
    padding-right: 6px;	
}
.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 10px 5px !important;
}
.post-password-form {
	text-align: center;
	margin-top: 100px;
	
}
.post-password-form p:first-child {
    visibility: hidden;
}
/* documents closing 1 */
.page-id-12432 .post-password-form p:first-child:before {
    content: 'Please enter the temporary password below to access our closing process document portal.';
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -80px);
}
/* documents closing 2 */
.page-id-12031 .post-password-form p:first-child:before {
    content: 'Please enter the temporary password below to access our homeowner document portal.';
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -80px);
}
/* documents contracts */
.page-id-12029 .post-password-form p:first-child:before {
    content: 'Please enter the temporary password below to access our new home sales contract document portal.';
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -80px);
}
/* documents vendors */
.page-id-12027 .post-password-form p:first-child:before {
    content: 'Thank you for considering becoming a vendor for Comerio Homes.  We are always looking for the best trade partners to help us build the best homes for our clients. Please enter your password below to gain access to our required vendor documents. For assistance, please email vendor@comeriocorp.com';
    visibility: visible;
	position: absolute;
    left: 50%;
    transform: translate(-50%, -80px);	
}





.post-password-form input#pwbox-12027,
.post-password-form input#pwbox-12029,
.post-password-form input#pwbox-12031,
.post-password-form input#pwbox-12432 {
	padding: 10px 20px;
	margin: 0 12px;
	font-size: 16px;
}
.post-password-form input[type="submit"] {
	padding: 10px 20px;
	    background-color: #f44336 !important;
    color: #fff !important;
	border: 1px solid #f44336 !important; 
	font-size: 18px;	
}
.post-password-form input[type="submit"]:hover {
	background-color: #337ab7 !important;
	border: 1px solid #337ab7 !important; 
}
.page-template-template-documents span.script {
	font-family: industry-inc-base, sans-serif;
	font-weight: 400;
	font-size: 2.625rem;
	color: var(--teal) !important;

}


.footer .uk-navbar-nav>li>a {
	font-weight: 400;
	font-size: 18px;
	font-family: industry-inc-base, sans-serif;
}
.footer .uk-navbar-dropdown {
	display: none !important;
}
.footer a {
	color: var(--teal);
}
.toggle-switcher {
	border: 5px solid #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 35px;
	font-size: 36px;
	font-family: industry-inc-base, sans-serif;
	display: inline-block;
	background: #1a1919;
	color: #fff;
	overflow: hidden;
}
.toggle-switcher a {
	display: inline-block;
	padding: 20px 15px 10px;
	color: #fff;
	text-decoration: none;
}
.special-title {
	background: rgba(255, 255, 255, .3);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding: 50px 0 30px;
	margin-bottom: 50px;
}
.special-title h1, .special-title .uk-h1 {
	font-size: 70px;
}
.icons {
	background-size: contain;
	height: 300px;
	width: 1000px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
}
a.smart-hover:hover {
	background: #0f7ae5 !important;
}
a.smart-hover:hover span {
	//color: #fff !important;

}
a.healthy-hover:hover {
	background: #0f7ae5 !important;
	color: #fff !important;
}
a.healthy-hover:hover span {
	//color: #fff !important;

}
.uk-position-relative.uk-visible-toggle.uk-margin-bottom.uk-slideshow > div > a.uk-position-center-right.uk-position-small.uk-slidenav-next.uk-icon.uk-slidenav > svg > polyline {
	stroke-width: 4 !important;
	color: #56B6B1 !important;
}
.uk-position-relative.uk-visible-toggle.uk-margin-bottom.uk-slideshow > div > a.uk-position-center-left.uk-position-small.uk-slidenav-previous.uk-icon.uk-slidenav > svg > polyline {
	stroke-width: 4 !important;
	color: #56B6B1 !important;
}
.uk-position-relative.uk-visible-toggle.uk-margin-bottom.uk-slideshow > div > a.uk-position-center-right.uk-position-small.uk-slidenav-next.uk-icon.uk-slidenav > svg {
	width: 50px !important;
	height: 50px !important;
}
.uk-position-relative.uk-visible-toggle.uk-margin-bottom.uk-slideshow > div > a.uk-position-center-left.uk-position-small.uk-slidenav-previous.uk-icon.uk-slidenav > svg {
	width: 50px !important;
	height: 50px !important;
}
.mcalc.mcalc-conventional.mcalc-color {
	margin-bottom: 0;
}
/* #Landing Pages
================================================== */

.page-template-template-landing-page .mob-menu-header-holder.mobmenu {
	display: none;
}
body.page-template-template-landing-page {
	padding: 0px;
	margin: 0 !important;
}
.landing-phone div div a {
	color: #fff;
	background: rgb(0, 0, 0, .5);
	padding: 6px 14px;
}
.landing-gf p {
	margin: 0;
}
.landing-gf label {
	color: #ffffff;
}
.landing-gf input,
.landing-gf select {
	border-radius: 20px;
	border: none !important;
}
.landing-gf select {
	padding: 5px 0 5px 3px !important;
}
.landing-gf .gform_wrapper {
	margin-bottom: 0px;
	margin-top: 0px;
}
.landing-gf .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0px;
}
body .landing-gf .gform_wrapper ul li.gfield {
	margin-top: 8px !important;
}
body .landing-gf .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}
.landing-gf .gform_wrapper .gform_footer {
	padding: 0px;
	margin: 20px 0 0;
}
.landing-gf .gform_wrapper .gform_footer input[type=submit] {
	font-size: 1em;
	width: 100%;
	margin: 0;
	background: #000;
	color: #fff;
	padding: 10px 0;
}
.landing-gf .gform_wrapper .gfield_required {
	color: #fff !important;
}

/* #Popups
================================================== */


#elementor-popup-modal-8606 form {
	margin: 0 auto;
	max-width: 350px;
}

#elementor-popup-modal-8606 .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}
#elementor-popup-modal-8606 .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0px;
}
#elementor-popup-modal-8606 .gform_wrapper p {
	margin: 0;
}
#elementor-popup-modal-8606 label {
	color: #ffffff;
	font-size: 17px;
	padding-bottom: 4px;
}
#elementor-popup-modal-8606 input,
#elementor-popup-modal-8606 select {
	border-radius: 20px;
	border: none !important;
	padding: 10px;
}
#elementor-popup-modal-8606 select {
	font-size: 17px;
}
#elementor-popup-modal-8606 .gform_wrapper select option {
    padding: 8px !important;
}
#elementor-popup-modal-8606 .gform_wrapper {
	margin-bottom: 0px;
	margin-top: 0px;
}
#elementor-popup-modal-8606 .gform_wrapper .gform_footer {
	padding: 0px;
	margin: 20px 0 0;
}
#elementor-popup-modal-8606 .gform_wrapper .gform_footer input[type=submit] {
	font-size: 1em;
	width: 100%;
	margin: 0;
	background: #000;
	color: #fff;
	padding: 10px 0;
}
#elementor-popup-modal-8606 .gform_wrapper .gfield_required {
	color: #fff !important;
}

#elementor-popup-modal-8606 .gform_wrapper .gform_footer input[type=submit] {
	font-size: 18px;
	width: 100%;
	margin: 0;
	background: #000;
	color: #fff;
	padding: 10px 0 !important;
}



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

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1024px) {
	.header .uk-navbar-item {
		margin-top: 30px;
	}
	
}

/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.toggle-switcher {
		border-radius: 25px;
		font-size: 20px;
	}
	.toggle-switcher a {
		padding: 10px 15px 5px;
	}
	.special-title {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		padding: 20px 0 10px;
		margin-bottom: 10px;
	}
	.special-title h1, .special-title .uk-h1 {
		font-size: 50px;
	}
	.icons {
		height: auto;
		width: 100%;
		font-size: 14px;
		background: none !important;
	}
	.icon {
		position: static !important;
		display: inline;
	}
	.icon img {
		height: 60px;
		width: 60px !important;
	}
	.special-hero {
		line-height: 1.2em;
	}
	.special-hero p {
		margin: 0 0 10px;
		line-height: 1em;
	}
	.special-hero .font30 {
		font-size: 24px !important;
	}
	.special-hero .uk-margin-large-top {
		margin-top: 10px !important;
	}
}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
	html,
	body {
		font-size: 17px;
	}
	h1, .uk-h1 {
		font-size: 28px;
	}
	h2, .uk-h2 {
		font-size: 22px;
	}
	h3, .uk-h3 {
		font-size: 18px;
	}
	.header {
		margin-bottom: 15px;
		margin-top: 43px;
	}	
	.header .logo {
		width: 140px;
		padding: 20px 10px;
		height: auto;
		margin-bottom: 5px
	}
	.header .uk-margin.uk-navbar {
		margin-top: 50px !important;
	}
	.header .uk-container .uk-text-right {
		text-align: center !important;
	}
	.header .fast-answer {
		display: none;
	}
	

	.slide-btn {
		width: 200px;
	}
	.page-title {
		font-size: 24px;
	}
	.banner {
		text-align: center;
		background-image: none;
		background-size: 100%;
		padding: 20px 0;
	}
	.banner .font20 {
		font-size: 18px !important;
	}
	.comm-nav.alt li a {
		font-size: 11px;
		padding: 5px 10px;
	}
	.comm-nav.full li {
		width: 100%;
	}
	.comm-nav.full li a {
		padding: 10px 10px;
	}
	.uk-subnav {
		justify-content: center;
	}
	.uk-subnav>* {
		padding-left: 10px;
	}
	.uk-subnav>*>:first-child {
		font-size: 14px;
		letter-spacing: 0;
	}
	.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
		margin-right: 10px;
	}
	.home {
		text-align: center;
	}
	.home .font20 {
		font-size: 17px;
	}
	.details {
		text-align: center;
	}
	.details .font20 {
		font-size: 18px;
	}
	.toggle-switcher {
		border-radius: 25px;
		font-size: 20px;
	}
	.toggle-switcher a {
		padding: 10px 15px 5px;
	}
	.special-title {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		padding: 20px 0 10px;
		margin-bottom: 10px;
	}
	.special-title h1, .special-title .uk-h1 {
		font-size: 30px;
	}
	.icons {
		height: auto;
		width: 100%;
		font-size: 14px;
		background: none !important;
	}
	.icon {
		position: static !important;
		display: inline;
	}
	.icon img {
		height: 40px;
		width: 40px !important;
	}
	.special-hero {
		line-height: 1.2em;
	}
	.special-hero p {
		margin: 0 0 5px;
		line-height: 1em;
	}
	.special-hero .font30 {
		font-size: 14px !important;
	}
	.special-hero .uk-margin-large-top {
		margin-top: 5px !important;
	}
	.special-hero small {
		font-size: 50%;
	}
	
	.uk-section.docs-wrap {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.uk-section.docs-wrap .uk-container{
		padding-left: 0!important;
		padding-right: 0!important;
	}	
	
	
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
		
}
/* #Font-Face
================================================== */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/