@charset "UTF-8";
/* CSS RESPONSIVE Document */


/*
//
//		COMMON SCREEN WIDTHS
//


/* #######################################################################  M  A  X    4  8  0  ####################################################################### */
@media only screen and (max-width: 480px) {

/* ---|  CONTAINERS  |--- */

.fourth {
	width:100%;
	padding:30px 10px;
}

/* ---|  FORMS  |--- */

label.select:after {
	display:none;
}
label.select.tools:after {
	display:inherit;
}
form .one_half, form .one_fourth {
	width:100%;
}
form.about_form fieldset.first input,
form.about_form fieldset.second input,
form.about_form textarea {
	width:95%;
	max-width:600px;
	margin:0 auto 20px;
}
form#step_four fieldset.first .table_cell_first,
form#step_four fieldset.first .table_cell_second {
	width:100%;
	height:40px;
	text-align:center;
}
form#step_four fieldset.first .table_cell_second.second {
	width:210px;
	margin:0 auto;
}

/* ---|  OVERLAYS  |--- */

#login {
	top:60px;
	right:0;
}

/* ---|  MOBILE MENU  |--- */

label[for="nav-trigger"] {
	display:block;
}
#logo {
	width:200px;
	left:0;
	margin-left:calc(50% - 100px);
}

/* ---|  HOME  |--- */

.top-container {
	min-height:35px;
}
header {
	display:none;
}
.negative {
	display:none;
}
.home4 p {
	margin-bottom:50px;
}
.home-banner .content {
	text-align:center;
}
.front {
	height:245px;
}

/* ---|  PRODUCT OVERVIEW  |--- */

.main_1, .main_2, .main_3 {
	min-height:200px;
}

/* ---|  PACKAGES AND PRICING  |--- */

.price_col {
	width:calc(100% - 4px);
	margin:15px 2px;
}
.package_content {
	/*min-height:875px;*/
}
.price_col.last .package_content {
	min-height:950px;
}
.price_col.value:before,
.price_col.results:before {
	left:-10px;
}

/* ---|  ABOUT/COMPANY  |--- */

.photo_container, .bio_container {
	width:100%;
	text-align:center;
}

/* ---|  SIGNUP STEPS (NOT FORMS)  |--- */

.steps h3 {
	margin:0 !important;
	padding:10px 20px !important;
}
.steps h6 {
	display:none;
}

/* ---|  FOOTER  |--- */

#prefooter h5 {
	text-align:center;
	float:none;
}
#social {
	width:126px;
	margin:0 auto;
	padding:10px 0 0;
	float:none;
}

}
/* #######################################################################  M  I  N    4  8  1  ####################################################################### */
@media only screen and (min-width: 481px) {

/* ---|  CONTAINERS  |--- */

.fourth {
	width:100%;
	padding:30px 10px;
}

/* ---|  FORMS  |--- */

label.select:after {
	display:none;
}
label.select.tools:after {
	display:inherit;
}
form .one_half, form .one_fourth {
	width:100%;
}
form.about_form fieldset.first input,
form.about_form fieldset.second input,
form.about_form textarea {
	width:95%;
	max-width:600px;
	margin:0 auto 20px;
}
form.signup input[type=checkbox]:not(old) + label {
	margin-left:-30px;
}
form.signup div#CASLdiv input[type=checkbox]:not(old) + label {
	margin-left: 0;
    margin-bottom: 20px;
}
form#step_four fieldset.first .table_cell_first,
form#step_four fieldset.first .table_cell_second {
	width:100%;
	height:40px;
	text-align:center;
}
form#step_four fieldset.first .table_cell_second.second {
	width:210px;
	margin:0 auto;
}

/* ---|  MOBILE MENU  |--- */

label[for="nav-trigger"] {
	display:block;
}
#logo {
	width:200px;
	left:0;
	margin-left:calc(50% - 100px);
}

/* ---|  HOME  |--- */

.top-container {
	min-height:35px;
}
header {
	display:none;
}
.negative {
	display:none;
}
.home4 p {
	margin-bottom:50px;
}
.home-banner .content {
	text-align:center;
}
.front {
	height:200px;
}

/* ---|  PRODUCT OVERVIEW  |--- */

.main_1, .main_2, .main_3 {
	min-height:250px;
}

/* ---|  PACKAGES AND PRICING  |--- */

.price_col {
	width:calc(100% - 20px);
	margin:15px 10px;
}
.package_content {
	/* min-height:875px; */
}
.price_col.value:before,
.price_col.results:before {
	left:0;
}

/* ---|  ABOUT/COMPANY  |--- */

.photo_container, .bio_container {
	width:100%;
	text-align:center;
}


/* ---|  FOOTER  |--- */

.subfooter p {
	text-align:center;
}

}
/* #######################################################################  M  I  N    5  4  2  ####################################################################### */
@media only screen and (min-width: 542px) {

/* ---|  CONTAINERS  |--- */

.fourth {
	width:50%;
}

/* ---|  FORMS  |--- */

label.select:after {
	right:6%;
	display:inherit;
}
form .one_half, form .one_fourth {
	margin-right:2%;
}
form .one_half {
	width:47%;
}
form .one_fourth {
	width:23%;
	min-width:250px;
}
form#step_four fieldset.first .table_cell_first,
form#step_four fieldset.first .table_cell_second {
	width:auto;
	height:auto;
	float:left;
}
form#step_four fieldset.first .table_cell_first {
	width:80%;
	text-align:left;
}
form#step_four fieldset.first .table_cell_second {
	width:20%;
	text-align:right;
	padding-right:25px;
}
form#step_four fieldset.first .table_cell_second.second {
	width:20%;
	margin:inherit;
}

/* ---|  HOME  |--- */

.home-banner .content {
	height:90px;
}
.three_nos {
	position:absolute;
}
.three_nos.hleft {
	width:180px;
	left:10px;
}
.three_nos.hcenter {
	width:165px;
	left:50%;
	transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
			-ms-transform:translateX(-50%);
}
.three_nos.hright {
	width:140px;
	right:10px;
}
.front {
	height:180px;
}

/* ---|  PACKAGES AND PRICING  |--- */

.price_col {
	width:calc(50% - 20px);
	float:left;
}
.packages {
	height:650px;
	overflow:visible !important;
}
.package_content {
	/* min-height:925px; */
}
.price_col.value:before {
	left:-30px;
}

/* ---|  FOOTER  |--- */

#social {
	width:auto;
	padding:0;
}



}
/* #######################################################################  M  I  N    7  6  8  ####################################################################### */
@media only screen and (min-width: 768px) {

/* ---|  STYLES  |--- */

.max767 {
	display:none;
}

/* ---|  CONTAINERS  |--- */

.header {
	height:275px;
	margin-top:50px;
}
.container3 {
	padding-top:75px;
	padding-bottom:75px;
}
.half {
	width:50%;
}
.third {
	width:33.333%;
}
.two-third {
	width:66.666%;
}
.fourth {
	width:25%;
}
.match {
	display:table-cell;
}

/* ---|  FORMS  |--- */

form.about_form fieldset.first input {
	margin:0 2.5% 20px;
	float:left;
}
form.about_form fieldset.first input,
form.about_form fieldset.second input,
form.about_form textarea {
	max-width:800px;
}

/* ---|  HOME  |--- */

.hero, .hero .overlay {
	height:460px;
}
.feature-text {
	background:rgba(255,255,255,0.5);
	width:485px;
	margin:75px 0 0 0;
	padding:25px;
	float:right;
}
.flexContainer {
	display:flex !important;
}
.home4 p {
	margin-bottom:75px;
}
.three_nos.hleft {
	left:25px;
}
.three_nos.hright {
	right:25px;
}
.front {
	height:270px;
}

/* ---|  PRODUCT OVERVIEW  |--- */

.circle {
	display:inherit;
}
.po_fix-90 {
	padding-bottom:90px !important;
}
.main_1, .main_2, .main_3 {
	min-height:0px;
}

/* ---|  PACKAGES AND PRICING  |--- */

.packages_alt .third, .packages_alt .two-third {
	width:50%;
}
img.basic_template_overlay {
	width:46%;
}.package_content {
	/* min-height:900px; */
}
.price_col.value:before,
.price_col.results:before {
	left:20px;
}

/* ---|  ABOUT/COMPANY  |--- */

.photo_container {
	width:200px;
}
.photo_container.left {
	margin-left:4px;
}
.photo_box {
	border:5px solid #22bcec;
}
.who_banner_contain {
	width:200px;
	margin:-30px 0 0 -3px;
}
.name_box {
	background:url(../images/patterns/circle-gradient.png) center -40px no-repeat;
	background-size:60px 60px;
	background-color:#22bcec;
	color:#fff;
	text-align:center;
	border:2px solid #37bfea;
	box-shadow:0 -1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 -1px 4px rgba(0,0,0,0.3);
		   -moz-box-shadow:0 -1px 4px rgba(0,0,0,0.3);
	z-index:10;
	margin:0 auto;
	padding:5px 0;
}
.name_box h3 {
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.bio_container {
	width:calc(100% - 210px);
}
.bio_container.left {
	text-align:left;
	padding-left:50px;
}
.bio_container.right {
	text-align:right;
	padding-right:50px;
}


/* ---|  FOOTER  |--- */

footer .fourth {
	width:230px;
	text-align:left;
}
.fourth.sideline {
	border-right:1px solid #ddd;
}
section.fourth .logo {
	margin:0;
}
section.fourth .lspace-3 {
	margin-left:30px;
}

}
/* #######################################################################  M  I  N    9  6  0  ####################################################################### */
@media only screen and (min-width: 960px) {

/* ---|  PACKAGES AND PRICING  |--- */

.price_col {
	width:calc(20% - 4px);
	margin:0 2px;
	float:left;
}
.package_content {
	/* min-height:1075px; */
}
.price_col.value:before, .price_col.results:before {
	left:-50px;
}

/* ---|  FOOTER  |--- */

footer .fourth {
	width:280px;
}

/* ---|  SIGNUP STEPS  |--- */

.step_one {
	background-position:center -125px;
}

}
/* #######################################################################  M  I  N    1  0  2  5  ####################################################################### */
@media only screen and (min-width: 1025px) {

/* ---|  STYLES  |--- */

.max1024 {
	display:none;
}

/* ---|  CONTAINERS  |--- */

.header {
	height:335px;
	margin-top:65px;
}

/* ---|  MOBILE MENU  |--- */

label[for="nav-trigger"] {
	display:none;
}
#logo {
	width:290px;
	left:20px;
	margin-left:0;
}
#logo.mobile {
	display:none;
}

/* ---|  HOME  |--- */

.top-container {
	min-height:0px;
}
header {
	display:block;
}
.hero, .hero .overlay {
	height:640px;
}
.negative {
	display: none;
}
.feature-text {
	background:none;
	width:52%;
	margin:150px 3% 0 0;
	padding:0;
	float:right;
}
.home-banner .content {
	height:120px;
}
.three_nos.hleft {
	width:305px;
}
.three_nos.hcenter {
	width:280px;
}
.three_nos.hright {
	width:235px;
}
.front {
	width:240px;
	height:240px;
	border-radius:100%;
		-webkit-border-radius:100%;
		   -moz-border-radius:100%;
}
.effect:hover .back{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	   -moz-transform:rotateY(360deg);
		 -o-transform:rotateY(360deg);
		-ms-transform:rotateY(360deg);
}
.effect:hover .front {
	transform:rotateY(180deg);
		-webkit-transform:rotateY(180deg);
		   -moz-transform:rotateY(180deg);
			 -o-transform:rotateY(180deg);
			-ms-transform:rotateY(180deg);
}
.services .mobile {
	display:none;
}

/* ---|  DESIGN GALLERY  |--- */

.design_gallery {
	height:95px;
}
.design_gallery:after {
	top:90px;
}

/* ---|  PRODUCT OVERVIEW  |--- */

.po_fix-90 {
	padding-bottom:0;
}

/* ---|  PACKAGES AND PRICING  |--- */

.packages_alt .third {
	width:33.333%;
}
.packages_alt .two-third  {
	 width:66.666%;
}
img.basic_template_overlay {
	width:30%;
}
.bundles h2 {
	float:left;
}
.price_col:hover {
	box-shadow:0px 5px 10px rgba(0,0,0,0.3);
		-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3);
		   -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3);
	transform:scale(1.05);
		-webkit-transform:scale(1.05);
		   -moz-transform:scale(1.05);
			 -o-transform:scale(1.05);
			-ms-transform:scale(1.05);
	z-index:10;
}

.overview .header h2, .social .header h2, .seo .header h2, .basic .header h2 {
	font-size: 50px;
}

}


/*
//
//		CUSTOM SCREEN WIDTHS
//
*/

/* #######################################################################  M  A  X    7  6  7  ####################################################################### */
@media only screen and (max-width: 767px) {

/* ---|  STYLES  |--- */

.min768 {
	display:none !important;
}

/* ---|  CONTAINERS  |--- */

.header {
	height:200px;
	margin-top:40px;
}
.container3 {
	padding-top:25px;
	padding-bottom:25px;
}
.half, .third, .two-third {
	width:100%;
}
.match {
	display:block;
}

/* ---|  FORMS  |--- */

label.mini {
	width:100%;
	clear:both;
	margin-bottom:15px;
	float:left;
}

/* ---|  HOME  |--- */

.feature-text {
	background:rgba(255,255,255,0.85);
	width:100%;
	text-align:center;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	margin:50px 0 0 0;
	padding:25px;
}

/* ---|  PRODUCT OVERVIEW  |--- */

.circle {
	display:none;
}

/* ---|  PRODUCTS PAGES  |--- */

.products .half {
	padding:15px 0;
}
.pre-article, .products article {
	width:100%;
	text-align:center;
	padding:0 !important;
	float:none;
}
.pre-article img {
	width:65px;
}

/* ---|  BASIC PACKAGE  |--- */

.product .text_block {
	width:100%;
}
.basic_img {
	opacity:0.2;
}
.basic_content {
	padding-top:25px;
	padding-bottom:25px;
}
.basic_main_container:before {
	background:rgba(34,188,236,0.5);
	width:100%;
	height:100%;
	content:"";
	position:absolute;
}
.basic_content .first {
	display:none;
}
.basic_content .second {
	width:100%;
}
.bp_to_gallery {
	background:#fff !important;
}
.bp_to_gallery p, .bp_to_gallery a {
	color:#f8a928 !important;
}
.bp_to_gallery p {
	text-align:center;
}
.bp_to_gallery a {
	margin-top:15px;
}
.bp_to_gallery a:hover {
	background:#f8a928 !important;
	color:#fff !important;
	border-color:#f8a928 !important;
}

/* ---|  SEO  |--- */

.seo_img {
	width:100%;
	top:70px;
	right:-25%;
	opacity:0.1;
}

/* ---|  SOCIAL MEDIA  |--- */

.social_img {
	width:100%;
	top:70px;
	right:-25%;
	opacity:0.1;
}

/* ---|  PACKAGES AND PRICING  |--- */

.pnpOverlay {
	display:none;
}
.packages_alt {
	background:rgba(34,188,236,0.1);
}
img.basic_template_overlay {
	opacity:0.08;
}

/* ---|  PARTNERS  |--- */

.partner_logos .third {
	width:33.333% !important;
}

/* ---|  ABOUT/COMPANY  |--- */

.teaser {
	text-align:center;
}
.teaser h3, .teaser a {
	float:none !important;
}
.photo_box {
	border:1px solid #f5f5f5;
	margin:0 auto;
}
.who_banner_contain {
	width:100%;
}
.name_box {
	color:#22bcec;
	margin:10px auto -5px;
}
.undershadow, .ribbon {
	display:none;
}

/* ---|  FOOTER  |--- */

footer section p {
	font-weight:400;
}
footer .fourth {
	width:100%;
	text-align:center;
}
footer .fourth.sideline {
	border:none;
}
section.fourth .logo {
	margin:0 auto;
}
section.fourth .lspace-3 {
	margin-left:0;
}
.master-shape-container {
	display:none;
}

}
/* #######################################################################  M  A  X    9  5  9  ####################################################################### */
@media only screen and (max-width: 959px) {

.price_col.last {
	width:calc(100% - 20px);
}

}
/* #######################################################################  M  A  X    1  0  2  4  ####################################################################### */
@media only screen and (max-width: 1024px) {

/* ---|  STYLES  |--- */

.min1025 {
	display:none;
}
h1 {
	font-size:40px;
	letter-spacing:-1.7px;
}
h2 {
	font-size:32px;
	letter-spacing:-1px;
}
.header h2 {
	font-size:40px;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:24px;
}
p {
	font-size:18px;
}

/* ---|  CONTAINERS  |--- */

.content, .content_wide {
	padding:25px 15px;
}

/* ---|  COMMON  |--- */

.page_header, .page_header_alt {
	height:auto;
}

/* ---|  BUTTONS  |--- */

.button-md, .button-lg {
	font-size:15px;
	padding:10px 15px;
}

/* ---|  HOME  |--- */

.group6.content {
	overflow:hidden !important;
}
.front {
	width:100%;
	border-radius:5px;
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
	margin:10px 0;
	padding:15px;
	position:relative !important;
}
.front a {
	text-decoration:underline;
	color:#fff;
}
.services .mobile {
	z-index:10;
	margin:0 auto;
	position:relative;
}
.services .mobile h3 {
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
		-webkit-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
		   -moz-text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	color:#fff;
}
.services h2.nomobile {
	display:none;
}
.services {
	width:100% !important;
	height:auto;
}

/* ---|  DESIGN GALLERY  |--- */

.design_gallery {
	height:56px;
}
.design_gallery:after {
	top:56px;
}

/* ---|  PACKAGES AND PRICING  |--- */

.bundles .content {
	text-align:center;
}
.bundles a:hover {
	background:#fff;
	color:#22bcec;
	border-color:#22bcec;
}
.packages {
	margin-top:50px;
}


 .we_build_header {font-size: 40px;	}

}
/* #######################################################################  M  A  X    1  1  5  0  ####################################################################### */
@media only screen and (max-width: 1150px) {

.cs_people {
	display:none;	
}

}
/* ##########################################################  M  I  N    1  0  2  4    &    M  A  X    1  1  0  0  ########################################################## */
@media only screen and (min-width: 1024px) and (max-width: 1100px) {			/*  fix nav element overlay  */

header {
	height:110px !important;
}
#logo {
	top:10px !important;
}
.design_gallery:after {
	top:130px !important;
}

}
/* ################################################################  M  A  X    H  E  I  G  H  T    5  4  9  ################################################################ */
@media only screen and (max-height: 549px) {

#gallery {
	height:550px;
	overflow:scroll;
}

}

/* ################################################################  M  I  N    H  E  I  G  H  T    5  5  0  ################################################################ */
@media only screen and (min-height: 550px) {

#gallery {
	position:fixed;
}
.gal_container {
	top:50%;
	transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
}

}