@charset "utf-8";
/* CSS Document */


@import url("bootstrap.css");
@import url("fontello.css");
@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Amatic+SC:400,700");
@import url("http://fonts.googleapis.com/css?family=Fredoka+One");



html,body{
	width:100%;
	height:100%;
	color:#fff;
	font-family: 'Amatic SC', cursive;
	font-size:22px;
	-webkit-text-stroke: rgba(255,255,255,0.01) 0.1px;
}

.nav-bar .navigation {
	margin:0 auto;
	padding:10px;
	float:none;
	background:#fff}

.nav-bar .navigation li {
	font-family: 'Fredoka One', cursive;
	color:#262626;
	font-size:15px;
	font-weight:700;
	letter-spacing:3px;
	text-transform:uppercase}
	
.navigation ul{
	text-align: center;
	margin:0;

}
.navigation ul li{
	display:inline-block;
	padding:5px 12px 5px 12px;
}
.navigation ul li:hover{
	color:#fff;
	border-radius:15px;
	cursor:pointer;
	background:#569391;
}

.navigation ul li.active{
	color:#262626;
}
	
.navigation ul li.active:hover{
	color:#fff}	

.slidename {
	font-family: 'Fredoka One', cursive;
	text-transform:uppercase;
	font-size:70px;
	line-height:70px;
	margin-bottom:15px;
	margin-top:10px;
	text-align:center;
	text-shadow: 2px 2px 0px rgba(0,0,0, 0.3)}

.slide-subheader {
	font-family: 'Fredoka One', cursive;
	font-size:45px;
	line-height:60px;
	margin-bottom:35px;
	margin-top:30px;
	text-align:center;
	text-transform:uppercase;
	text-shadow: 2px 2px 0px rgba(0,0,0, 0.3)
}			

h1 {
	font-family: 'Amatic SC', cursive;
	font-size:56px;
	font-weight:700}

h2 {
	font-family: 'Amatic SC', cursive;
	font-size:46px;
	font-weight:700}

.slide{
	width: 100%;
	height: 100%;
	position:relative;
}

/*Styling Button from slide to slide navigation */

.button-wrap {
	text-align: center;
	position:absolute;
	bottom:0;
	left:48.3%;
	z-index:1000;
	padding: 0;
}

.button {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 0;
	width: 60px;
	height: 60px;
	background:#4aa897;
	border-radius:50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.button:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.button:before {
	font-family: 'FontAwesome';
	font-size: 45px;
	line-height: 62px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content:"\f13a";
	display: block;
	-webkit-font-smoothing: antialiased;
}

.button:hover {
	color:#252526;
	text-decoration:none}

.button-effect .button:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}



/******************************
 SLIDE 1 
*******************************/
#slide1{
	position:relative
}

.first-slide{
	height:100%;
	width:100%;
	background-color: #edc74c;
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-image: url(../images/slide1/clouds.png);
	position: absolute;
	top:0;
	left:0;
	background-attachment:scroll;
}

#hello {
	text-align: center;
	position:absolute;
	width:100%;
}

#hello h1,
#hello h3,
#hello h4 {
	font-family: 'Amatic SC', cursive;
	font-weight:700;
	text-shadow: 2px 2px 0px rgba(0,0,0, 0.3)}


/*Overriding header styles only for hello block*/

#hello h3 {
	font-size:46px;}

#hello h4 {
	font-size:30px;}


#hello h1 {
	font-family: 'Fredoka One', cursive;
	font-size:90px;
	line-height:60px;
	text-transform:uppercase;}
	
	
/* jQuery Countdown styles*/

#defaultCountdown {
	width:740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px;
}

.hasCountdown {
}

.countdown_rtl {
	direction: rtl;
}

.countdown_holding span {
	color: #888;
	
}
.countdown_row {
	clear: both;
	padding: 0px 2px;
	text-align: center;

}
.countdown_show4 .countdown_section {	
	width: 160px;
	float:left;
	background-color:#ce5f3f;
	height:163px;
	border-radius:50%;
	line-height:0px;
	text-align:center;
 	box-shadow: 5px 5px rgba(0,0,0,0.1);
}

.countdown_section {
	font-weight:700;
	color:#000;
	display: block;
	float: left;
	font-size: 32px;
	font-family: 'Amatic SC', cursive;
	text-transform:uppercase;
	letter-spacing:0px;
	margin:10px;
	text-align: center;
}
.countdown_amount {
	font-size: 65px;
	font-weight:300;
	font-family: 'Fredoka One', cursive;
	text-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
	color:#fff;
	letter-spacing:-1px;
	line-height:115px;
}
.countdown_descr {
	display: block;
	width: 100%; 	
}

.city-contour-back {
	height: 100%;
	width:100%;
	background-image: url(../images/slide1/city2.png);
	background-repeat: repeat-x;
	position:absolute;
	bottom:-40%;
	left:0;
	background-position: bottom;
	background-attachment:scroll;
}

.city-contour {
	height: 100%;
	width:100%;
	background-image: url(../images/slide1/city.png);
	background-repeat: repeat-x;
	position:absolute;
	z-index:auto;
	left:0;
	bottom:0;
	background-position: bottom;
	background-attachment:scroll;
}

.traffic {
	background-image: url(../images/slide1/traffic.png);
	background-repeat: repeat-x;
	position: absolute;
	background-position: bottom;
	height:120px;
	width:100%;
	bottom:0px;
}

.vehicles1 {
	background: url(../images/slide1/vehicles-1.png);
	background-repeat:repeat-x;
	position:absolute;
	height:100%;
	width:100%;
}

.vehicles2 {
	background: url(../images/slide1/vehicles-2.png);
	position:absolute;
	background-repeat:repeat-x;
	height:100%;
	width:100%;
}

/******************************
 SLIDE 2 
*******************************/
#slide2{
	background:url(../images/slide2/wallpaper-pattern.png) #ce5f3f;
	height:auto; /*Adjusting Auto Height*/
	max-height:auto;  /*Adjusting Auto Height*/
}

#introduction {
	margin:0 auto;
	width:75%;
	padding-top:50px;
	font-size:28px;
	font-weight:700;
	font-family: 'Amatic SC', cursive;
	text-align:center}


#guys-room {
	padding: 0;
	background: url(../images/slide2/background-top.png) repeat-x;
}
	
.guys-room-interior {
	}	

#guys {
	background: url(../images/slide2/guys.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 550px;
	padding-top: 270px;
}

#guys p {
	font-family: 'Amatic SC', cursive;
	font-size:24px;
	font-weight:700}
	
#guys .subscribe-block {
	width:380px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;}
	
	
.subscribe-block input {
	display: inline-block;
	width: 210px;
	height: 39px;
	padding: 3px 12px;
	font-size: 22px;
	font-weight:700;
	line-height: 1.428571429;
	color: #000;
	vertical-align: middle;
	background: #fff;
	border: 4px solid #d7b492;
	border-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.subscribe-block input:focus {
	border-color: #49aab0;
	outline: 0;
}

.subscribe-block .btn {
	background: #d7b492;
	display:inline-block;
	border: 4px solid #d7b492;
	color:#fff;
	font-weight:700;
	font-size:27px;
	line-height:21px;
	padding:5px;
	margin-left:-4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.error {
	background:#e4af65;
	width:295px;
	display: block;
	margin-top:5px;
	padding:4px;
	margin-left:auto;
	margin-right:auto;
	border-radius:4px;
	font-size: 25px;
	font-weight:700;
	color:#fff;
	line-height:30px;
}



/******************************
 SLIDE 3 
*******************************/
#slide3 {
	background:#593640;
	margin-top:-8px;
	height:auto; /*Adjusting Auto Height*/
	max-height:auto;  /*Adjusting Auto Height*/
}



/* Big half circle */
#bigHalfCircle path {
	fill: #593640;
	stroke: #593640;
}

#bigHalfCircle2 path {
	fill: #569391;
	stroke: #569391;
}

#we-do-intro {
	margin:0 auto;
	width:75%;
	padding-top:20px;
	font-size:28px;
	font-weight:700;
	font-family: 'Amatic SC', cursive;
	text-align:center}
	
.we-do-container 
{
	margin-top:90px;
}	

.we-do-icon {
	display: block;
	font-size:0;
	width: 120px;
	height: 120px;
	margin: 0px auto;
	background:#e4af65;
	border-radius:50%;
	text-align: center;
	position: relative;
	color: #262626;
	top:-60px;
	margin-bottom:-60px;
	box-shadow: 1px 1px rgb(102, 102, 102), 2px 2px rgb(102, 102, 102), 3px 3px rgb(102, 102, 102), 4px 4px rgb(102, 102, 102), 5px 5px rgb(102, 102, 102), 6px 6px rgb(102, 102, 102), 7px 7px rgb(102, 102, 102), 8px 8px rgb(102, 102, 102), 9px 9px rgb(102, 102, 102), 10px 10px rgb(102, 102, 102), 11px 11px rgb(102, 102, 102), 12px 12px rgb(102, 102, 102), 13px 13px rgb(102, 102, 102), 14px 14px rgb(102, 102, 102), 15px 15px rgb(102, 102, 102);
}

.we-do-icon:after {
	position: absolute;
	content:"";
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.we-do-icon:before {
	font-family: 'FontAwesome';
	font-size: 80px;
	line-height: 110px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.we-do-blocks {
	background:#666;
	padding:15px 15px 25px 15px;
	margin-bottom:10px;
	font-weight:700;
	text-align:center;
}

.we-do-blocks,
.cbp-qtrotator {
	box-shadow: 1px 1px rgb(66, 41, 47), 2px 2px rgb(66, 41, 47), 3px 3px rgb(66, 41, 47), 4px 4px rgb(66, 41, 47), 5px 5px rgb(66, 41, 47), 6px 6px rgb(66, 41, 47), 7px 7px rgb(66, 41, 47), 8px 8px rgb(66, 41, 47), 9px 9px rgb(66, 41, 47), 10px 10px rgb(66, 41, 47), 11px 11px rgb(66, 41, 47), 12px 12px rgb(66, 41, 47), 13px 13px rgb(66, 41, 47), 14px 14px rgb(66, 41, 47), 15px 15px rgb(66, 41, 47);
}


/*Testimonials Rotator*/

.cbp-qtrotator {
	position: relative;
	background:#e4af65;
	margin: 10px auto 10px auto;
	width: 100%;
	min-height:200px;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	text-align:center;
	min-height: 150px;
	border-top: 15px solid #8bbdb1;
	padding: 10px 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #569391;
	height: 15px;
	width: 0%;
	top: 0;
	z-index: 100;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0 20px;
	border-left: 0;

}

.cbp-qtrotator blockquote:before {
	color: #d89c48;
	position:relative;
	top:30px;
	font-family: 'Fredoka One', cursive;
	content: "\201d";
	font-size: 4em;
	line-height: 0.1em;
	z-index: 1000;
}


.cbp-qtrotator blockquote p {
	font-size: 24px;
	font-weight:700;
	color: #262626;

}

.cbp-qtrotator blockquote footer {
	font-size: 37px;
	font-weight:700;
}

.cbp-qtrotator blockquote footer:before {
	content: '― ';
}


/******************************
 SLIDE 4 
*******************************/

#slide4{
	background:#569391; 
	margin-top:-8px;
	height:auto; /*Adjusting Auto Height*/
	max-height:auto;  /*Adjusting Auto Height*/
}

#slide4 .container {
	padding-bottom:50px;}

.contact-us-form {
	background: url(../images/slide4/bg-contact.png) #fff;
	border-radius:3px;
	box-shadow:3px 3px 0 rgba(0,0,0,0.15);
	padding:15px;
	margin-top:25px;
	margin-bottom:40px;
	color:#777
	}
	

.contact-us-form .alert-danger,
.contact-us-form .alert-success {
	color:#fff;
	font-weight:700;
	border:0}

.contact-us-form .alert-danger {
	background:#ce5f3f;
}
	
.contact-us-form .alert-success {
	background:#ce5f3f;
}	

.contact-us-form a {color:#777;}

.contact-us-form-inner .btn-default {
	background:#d7b492;
	border:0;
	font-size:27px;
	color:#fff;
	font-weight:700}

.contact-us-form-inner .btn-default:hover {
	background:#7093a0}


.contact-us-form-inner {
	background:#ebd3b8;
	padding:15px 0;
	border-radius:3px;
	padding-bottom:0}
	
.contact-info {
	margin-left:15px;
	padding:40px;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
	font-size:24px}	
	
.contact-info h2 {
	margin:0}	
	

/*Styles for Contact Form*/

.contact-us-form-inner .form-control {
	display: block;
	width: 100%;
	height: 39px;
	padding: 3px 12px;
	font-size: 22px;
	font-weight:700;
	line-height: 1.428571429;
	color: #000;
	vertical-align: middle;
	background-color: #fff;
	border: 4px solid #d7b492;
	border-radius: 6px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.contact-us-form-inner .form-control:focus {
	border-color: #49aab0;
	outline: 0;
}

.contact-us-form-inner textarea.form-control {
  height: auto;
}



/*Styles for Collapsible Google Map*/	


.contact-us-form-inner .panel-body {
	background:#ebd3b8;
	padding:0;
	border:0;}
	
.contact-us-form-inner .panel {
	border:0;}	
	
.contact-us-form-inner .panel-heading {
	text-align:center;
	background:#ebd3b8;
	border:0;
	border-top:4px dotted #d7b492;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;}
	
.contact-us-form-inner .panel-title {
	font-family: 'Amatic SC', cursive;
	text-transform:uppercase;
	font-size: 26px;
	font-weight:700;
}

.contact-us-form-inner .panel-title > a {
  color: #7093a0;
  border-bottom:2px dashed #7093a0;
}

.contact-us-form-inner .panel-title > a:hover {
	text-decoration:none;
	color: #262626;
}		

#map-container {
	width:100%;
	height:100%;
}	

#map_canvas {
	width:100%;
	height:430px;
}

.button-go-top {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 0;
	width: 60px;
	height: 60px;
	background:#4aa897;
	border-radius:50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.button-go-top:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.button-go-top:before {
	font-family: 'FontAwesome';
	font-size: 45px;
	line-height: 62px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content:"\f139";
	display: block;
}

.button-go-top:hover {
	color:#252526;
	text-decoration:none}

.button-effect .button-go-top:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

/******************************
 FOOTER
*******************************/

.footer {
	background:#333;
	color:#ccc;
	text-align:center;
	padding:25px;}

.footer a {
	color:#fff;
	font-weight:700}	

/* Social Icons */

.social-buttons {
	margin:20px auto 20px auto;
	clear:both;
}

.social {
	list-style:none;
	line-height:32px;
	text-align:center;
	font-size:26px;
}

.social-buttons ul {
	margin: 0px;}

.social li {
	display:inline;
	margin:0px;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 500ms;
	-moz-transition-property: opacity;
	-moz-transition-duration: 500ms;
}

.social li a {
	color:#999;
	text-decoration:none;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.1);
	padding:8px;
}

.social:hover li { 
	opacity:0.2;
}

.social li:hover {
	opacity:1;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

/*Media Queries - Don't even try to change something here! :)*/


@media (max-width: 767px) { 

html,body{
	font-size:18px;
}

.nav-bar {
	display:none}

#hello {
	padding:0;
	margin:0
}

.slide{
	height:450px;
}


#hello h1,
#hello h3,
#hello h4 {
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.3)}

#hello h3 {
	font-size:24px;
	line-height:24px;
	margin-top:5px;}

#hello h4 {
	font-size:25px;}

#hello h1 {
	font-size:45px;
	line-height:25px;}

.slidename {
	font-size:35px;
	line-height:35px;
	margin-bottom:15px;
	margin-top:10px;
	text-shadow: 2px 2px 0px rgba(0,0,0, 0.3)}
	
.button-wrap {
	left:43%;
}

.button {
	width: 45px;
	height: 45px;
}

.button:before {
	font-size: 35px;
	line-height: 44px;
}	

.slide-subheader {
	font-size:35px;
	line-height:40px;
	margin-bottom:35px;
	margin-top:30px;
}

.city-contour-back {
	background-size:500px auto;
}
	
.city-contour {
	background-size:500px auto;
}

.traffic {
	background-size:550px auto;
}

.vehicles1 {
	background-size:550px auto;
}
	
.vehicles2 {
	background-size:550px auto;
	bottom:-75px}
	
#defaultCountdown {
	width:250px;
}	

.countdown_show4 .countdown_section {	
	width: 103px;
	height:103px;
}
.countdown_section {
	font-weight:700;
	font-size: 23px;
	letter-spacing:0px;
	margin:5px;
}
.countdown_amount {
	font-size: 45px;
	line-height:80px;
}

#introduction {
	width:90%;
	padding-top:20px;
	font-size:22px;
}

#guys-room {
	background-size:500px auto;
}

#guys .subscribe-block {
	width:310px;}
	
.subscribe-block input {
	width: 200px;
}

#we-do-intro {
	width:90%;
	padding-top:20px;
	font-size:22px;
}

.we-do-container 
{
	margin-top:70px;
}

.we-do-blocks {
	margin-bottom:30px;
}

.contact-us-form-inner .btn-default {
	margin:0 auto}
	
.contact-info {
	margin:0;
	padding:10px 20px;
	font-size:24px}	
	
.contact-us-form .alert-danger,
.contact-us-form .alert-success {
	text-align:center;
}

.footer ul {
	margin:0;
	padding:0}
}