@charset "iso-8859-1";
/* CSS Document */

/* ================================================================================================================ IMPORTS ================ */
/* font-family:'Poppins', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);

/* font-family:'PT Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

/* font-family:'Satisfy', cursive; */
@import url(https://fonts.googleapis.com/css?family=Satisfy);

/* font-family:'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/* font awesome */
@import "fonts/font-awesome.css";


/* ================================================================================================================ TRANSITIONS ================ */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
ul.contacts a li,
.logo{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}

/* ~~~~~~ SCROLL TO TOP */
.scrolltop{
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0.5rem;
	right:0rem;
	z-index:2000;}

.scroll{
	position:absolute;
	right:0rem;
	bottom:0.25rem;
	background:rgba(178, 178, 178, 0.5);
	padding:0 0.33rem;
	text-align:center;
	margin:0 0 0 0;
	cursor:pointer;
	letter-spacing:0;}

.scroll:hover{
	background:#bc6266;}

.scroll:hover .fa{color:white;}

.scroll .fa{
	font-size:30px;}
	
.thetop{margin-top:-300px;}


/* ====================================================================================================== HEADER ======================== */
body{padding-top:300px;}

header{background:rgba(12,12,36,0); height:165px; position:fixed; top:0; transition:all 2s ease; width:100%; z-index:2000; border-bottom:1px dashed rgba(255,255,255,0);}
.nav-up{top:-128px;}
header.scrolling{background:rgba(12,12,36,1); border-bottom:1px dashed rgba(255,255,255,0.45);}

.top-bar{text-align:center;}
.menu-icon{padding-top:2rem;}

ul.contacts{margin:0; padding:0; margin-bottom:1rem;}
ul.contacts a li{width:100%; display:inline-block; background:#bc6266; padding:0.25rem 0; color:rgba(255,255,255,1);}
ul.contacts a:hover li{background:#cf3e44;}

.logo{padding-bottom:0rem; width:740px; height:auto; margin:auto;}
.logo:hover{opacity:0.34;}
ul.center-buttons{display:inline-block;}


/* ====================================================================================================== SECTIONS ======================== */
/* ~ intro ~ */
.intro{color:rgba(255,255,255,1); margin-top:100px; text-align:center; padding-top:100px;}
.intro h2{font-weight:300; font-size:1.7rem;}
.intro .dash{width:100%; margin:0 auto; height:1px; border-top:1px dashed rgba(255,255,255,0.45);}
.intro .dash:first-child{margin-bottom:3rem;}
.intro .dash:last-child{margin-top:3rem;}
/* ~ uno ~ */
.uno{color:rgba(255,255,255,1); margin-top:50px; text-align:center;}
.uno h2{font-weight:300; text-transform:uppercase; margin-bottom:0;}
.uno p{margin-top:0;}
/* ~ dos ~ */
.dos{color:rgba(255,255,255,1); margin-top:50px; text-align:center;}
.dos h2{font-weight:300; text-transform:uppercase; margin-bottom:0;}
.dos p{margin-top:0;}
/* ~ tres ~ */
.tres{color:rgba(255,255,255,1); margin-top:50px; text-align:center;}
.tres h2{font-weight:300; text-transform:uppercase; margin-bottom:0;}
.tres p{margin-top:0;}
/* ~ quatro ~ */
.quatro{color:rgba(255,255,255,1); margin-top:50px; text-align:center;}
.quatro h2{font-weight:300; text-transform:uppercase; margin-bottom:0;}
.quatro p{margin-top:0;}
/* ~ cinco ~ */
.cinco{color:rgba(255,255,255,1); margin-top:50px; text-align:center;}
.cinco h2{font-weight:300; text-transform:none; font-size:1.7rem;}
.cinco p{margin-top:0;}
.cinco .dash{width:100%; margin:0 auto; height:1px; border-top:1px dashed rgba(255,255,255,0.45);}
.cinco .dash:first-child{margin-bottom:3rem;}
.cinco .dash:last-child{margin-top:3rem;}

/* ~~~~~~ ROLLOVERS */
.image-wrapper{width:100%; height:100%; overflow:hidden; position:relative; text-align:center; margin-bottom:0.15rem; cursor:pointer;}
.image-overlay-content{width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0;}
/* slide */
.overlay-slide-in-left img{transition:all 0.3s ease-in-out;}	
.overlay-slide-in-left .image-overlay-content{background:url(../images/geometry2.png) 0 0 repeat; background-color:rgba(0, 0, 0, 0.5); transform:translateX(-110%); opacity:1; transition:all 0.4s ease-in-out; box-shadow:0 0 7px #ccc;}	
.overlay-slide-in-left h2{font-size:1.23rem; background:rgba(255, 255, 255, 0.7); color:#000; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1); text-transform:none; font-weight:600; margin-bottom:0.73rem;}	
.overlay-slide-in-left p.special{opacity:0; color:#7f7f7f; transition:all 0.2s linear; font-family:'Satisfy', cursive; font-size:1.2rem; border-bottom:2px solid rgba(0,0,0,0.13); margin-bottom:0.33rem;}	
.overlay-slide-in-left p.special img{width:50%; margin-left:-82%;}
.overlay-slide-in-left p{color:#333; font-size:1rem; margin-bottom:0.33rem; padding:10px;}
.overlay-slide-in-left p.note{font-size:1rem; border-bottom:0; color:HotPink; margin-bottom:0.33rem;}
.overlay-slide-in-left p.note span.star{color:MediumAquaMarine;}
.overlay-slide-in-left .button{display:inline-block; text-decoration:none; padding:7px 14px; background:#bc6266; color:#fff; position:relative; font-size:1rem;}	
.overlay-slide-in-left .button:hover{background-color:#cf3e44;}
.overlay-slide-in-left:hover .image-overlay-content{transform:translateX(0px);}	
.overlay-slide-in-left:hover img{transform:translateX(80%); transition-delay:0.1s;}	
.overlay-slide-in-left:hover p{opacity:1; transition-delay:0.4s;}


/* ====================================================================================================== MQ ======================== */
/* +++++++++++++++++++++++++++++++++++++++++++++++ Small Screens +++++++++++++++++++++++ */
@media only screen {
    body{
		/*background:DarkCyan;*/}
			
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
    body{
		/*background:YellowGreen;*/}
		
	body{padding-top:94px;}
	header{height:94px; position:fixed; top:0; transition:top 0.4s ease-in-out; width:100%; z-index:2000;}
	.nav-up{top:-34px;}
		
	/* topbar */
	.top-bar{height:5rem; line-height:5rem;}
	.menu-icon{padding-top:1.85rem;}
	ul.contacts{margin:0; padding:0; margin-bottom:0rem;}
    ul.contacts a li{width:100%; display:inline-block; background:#bc6266; padding:0.25rem 0; color:rgba(255,255,255,1);}
    ul.contacts a:hover li{background:#cf3e44;}
	.logo{width:auto; max-width:260px; margin-top:-0.75rem; margin-left:1rem;}
	
	/* intro */
	.intro{margin-top:190px; padding-top:100px;}
	.intro h2{font-weight:300; font-size:1.15rem;}
	.intro .dash:first-child{margin-bottom:3rem;}
	.intro .dash:last-child{margin-top:3rem;}
	
	/* cinco */
	.cinco h2{font-weight:300; font-size:1.15rem;}
	
	/* rollovers */
	.overlay-slide-in-left h2{font-size:1rem; margin-bottom:0.53rem;}	
	.overlay-slide-in-left p.special{font-size:1rem; margin-bottom:0.13rem;}	
	.overlay-slide-in-left p.special img{width:40%; margin-left:-72%;}
	.overlay-slide-in-left p{font-size:0.7rem; margin-bottom:0.13rem; padding:6px; margin-top:0;}
	.overlay-slide-in-left p.note{font-size:0.7rem; border-bottom:0; color:HotPink; margin-bottom:0;}
	.overlay-slide-in-left .button{padding:6px 12px; font-size:0.7rem;}	
			
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: portrait) {
    body{
		/*background:DarkSlateBlue;*/}
		
	/* Small Block Grid */
	.small-block-grid-2 > li{list-style:none; width:100%;}
    .small-block-grid-2 > li:nth-of-type(1n){clear:none;}
    .small-block-grid-2 > li:nth-of-type(2n+1){clear:both;}
				
} /* orientation: portrait | max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: landscape) {
    body{
		/*background:ForestGreen;*/}
				
} /* orientation: landscape | max-width 640px, mobile-only styles, use when QAing mobile issues */

/* +++++++++++++++++++++++++++++ Small Screens/DEVICE SPECIFIC (iphone 6, iphone 6+, Nexus 6 | reads medium queries) +++++++++++++++++++++++ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	
} /* orientation: portrait | iphone 6 */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.medium-block-grid-3 > li{list-style:none; width:50%;}
    .medium-block-grid-3 > li:nth-of-type(1n){clear:none;}
    .medium-block-grid-3 > li:nth-of-type(2n+1){clear:both;}
		
} /* orientation: landscape | iphone 6 */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
	
} /* orientation: portrait | iphone 6+ */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
	.medium-block-grid-3 > li{list-style:none; width:50%;}
    .medium-block-grid-3 > li:nth-of-type(1n){clear:none;}
    .medium-block-grid-3 > li:nth-of-type(2n+1){clear:both;}
	
} /* orientation: landscape | iphone 6+ */

/* +++++++++++++++++++++++++++++ Small Screens/DEVICE SPECIFIC (Nexus 7, Blackberry PlayBook) +++++++++++++++++++++++ */
@media only screen and (min-device-width : 600px) and (max-device-width : 735px) and (orientation : portrait) {
	
} /* orientation: portrait | nexus 7, blackberry playbook */

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {
	
} /* orientation: landscape | nexus 7, blackberry playbook */


/* +++++++++++++++++++++++++++++++++++++++++++++++ Medium Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 40.063em) {
    body{
		/*background:RosyBrown;*/}
		
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	body{
		/*background:Pink;*/} /* my screen size 2 (FF) */
		
	body{padding-top:94px;}
	header{height:94px; position:fixed; top:0; transition:top 0.4s ease-in-out; width:100%; z-index:2000;}
	.nav-up{top:-34px;}
		
	/* topbar */
	.top-bar{height:5.45rem; line-height:5.45rem;}
	.menu-icon{padding-top:2rem;}
	ul.contacts{margin:0; padding:0; margin-bottom:0rem;}
	ul.contacts a li{width:100%; display:inline-block; background:#bc6266; padding:0.25rem 0; color:rgba(255,255,255,1);}
	ul.contacts a:hover li{background:#cf3e44;}
	.logo{width:auto; max-width:400px; margin-top:-0.75rem;}
	
	/* intro */
	.intro{margin-top:200px; padding-top:100px;}
	.intro h2{font-weight:300; font-size:1.5rem;}
	.intro .dash:first-child{margin-bottom:3rem;}
	.intro .dash:last-child{margin-top:3rem;}
	
	/* cinco */
	.cinco h2{font-weight:300; font-size:1.5rem;}
	
	/* rollovers */
	.overlay-slide-in-left h2{font-size:1.23rem; margin-bottom:0.63rem;}	
	.overlay-slide-in-left p.special{font-size:1.2rem; margin-bottom:0.23rem;}	
	.overlay-slide-in-left p.special img{width:40%; margin-left:-72%;}
	.overlay-slide-in-left p{font-size:0.9rem; margin-bottom:0.23rem; padding:8px; margin-top:0;}
	.overlay-slide-in-left p.note{font-size:0.9rem; border-bottom:0; color:HotPink; margin-bottom:0;}
	.overlay-slide-in-left .button{padding:7px 14px; font-size:0.9rem;}	
		
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
	body{
		/*background:Crimson;*/
		/*background:Tomato;*/}
		
	/* Medium Block Grid */
	.medium-block-grid-3 > li{list-style:none; width:50%;}
    .medium-block-grid-3 > li:nth-of-type(1n){clear:none;}
    .medium-block-grid-3 > li:nth-of-type(2n+1){clear:both;}
	
} /* orientation: portrait | min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
	body{
		/*background:Olive;*/
		/*background:Chocolate;*/}
	
} /* orientation: landscape | min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Large Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 64.063em) {
    body{
		/*background:Azure;*/}
		
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    body{
		/*background:LightGrey;*/} /* my screen size 2 (IE) */
			
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ XLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 90.063em) {
    body{
		/*background:LavenderBlush;*/}
			
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    body{
		/*background:SlateGrey;*/} /* my screen size 1 */
		
	/* ~ intro ~ */
	.intro .large-12{width:66.66667%;}
	/* ~ uno ~ */
	.uno .large-12{width:66.66667%;}
	/* ~ dos ~ */
	.dos .large-12{width:66.66667%;}
	/* ~ tres ~ */
	.tres .large-12{width:66.66667%;}
	/* ~ quatro ~ */
	.quatro .large-12{width:66.66667%;}
	/* ~ cinco ~ */
	.cinco .large-12{width:66.66667%;}
		
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


/* +++++++++++++++++++++++++++++++++++++++++++++++ XXLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 120.063em) {
    body{
		/*background:IndianRed;*/}
		
	/* ~ intro ~ */
	.intro .large-12{width:66.66667%;}
	/* ~ uno ~ */
	.uno .large-12{width:66.66667%;}
	/* ~ dos ~ */
	.dos .large-12{width:66.66667%;}
	/* ~ tres ~ */
	.tres .large-12{width:66.66667%;}
	/* ~ quatro ~ */
	.quatro .large-12{width:66.66667%;}
	/* ~ cinco ~ */
	.cinco .large-12{width:66.66667%;}
		
} /* min-width 1921px, xxlarge screens */

/* +++++++++++++++++++++++++++++++++++++++++++++++ FIREFOX +++++++++++++++++++++++ */
@-moz-document url-prefix() {

}