* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
}

div.clear {
	clear: both;
}

body {
	background: #ffffff;
	font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


div.container {
	max-width: 1100px;
	margin: 0 auto;
}

div.blackOut {
	padding: 40px 0 100px 0;
}

div.headerInner {
	background: url(img/bgbg.jpg) no-repeat 0% 50px;
	background-size: cover;
	background-position: center;
	text-align: left;
	position: relative;

	a.logo {
		display: block;
		float: left;
		margin-top: -20px;

		img {
			height: 90px;
		}
	}

	div.recall {

		span.recall {
			display: block;
			width: 213px;
			float: right;
			background: #F5C9C8;
			color: #fff;
			padding: 10px 0;
			text-align: center;
			margin-right: 20px;
			text-shadow: 1px 1px 0 #e8b4b3;
			font-size: 16px;

			&:hover {
				cursor: pointer;
				background: #e8b4b3;
				-webkit-transition: all .25s ease;
			   		-moz-transition: all .25s ease;
			   		 -ms-transition: all .25s ease;
			   		  -o-transition: all .25s ease;
			   		     transition: all .25s ease;
			}
		}
	}

	a.mobphone {
		display: none;
		font-size: 27px;
		margin-left: 15px;
		font-weight: bold;
		text-decoration: none;
		color: #363636;
		margin-top: 25px;
	}

	nav {
		float: right;
		padding: 25px 0;
		position: relative;

		ul {

			li {
				list-style-type: none;
				float: left;

				a {
					color: #000;
					padding: 5px 20px;
					text-decoration: none;
					text-transform: uppercase;
					border-radius: 15px;
					border: 2px solid transparent;
					font-size: 16px;
					line-height: 16px;

					&:hover {
						color: #e8b4b3;
						-webkit-transition: all .25s ease;
			   				-moz-transition: all .25s ease;
			   				 -ms-transition: all .25s ease;
			   				  -o-transition: all .25s ease;
			   				     transition: all .25s ease;
					}
				}

				a.phone {
					font-size: 25px;
					font-weight: bold;
				}
			}
		}
	}

	ul#mobmenu {
		display: none;
		background: rgba(0,0,0, 0.5);
		background: #f7f7f7;
		width: 100%;
		position: absolute;
		right: 0px;
		top: 67px;

		li {
			list-style-type: none;
			width: 100%;
			border-bottom: 1px solid #e4e4e4;
			border-top: 1px solid #fff;

			a {
				display: block;
				padding: 10px 20px;
				color: #000;
				font-size: 20px;
				text-decoration: none;
			}
		}
	}

	span.lefttext {
		font-size: 70px;
		font-weight: bold;
		text-align: right;
		color: #363636;
		float: left;
		line-height: 85px;
		text-transform: uppercase;
		display: block;
		width: 50%;

		span.more {
			font-size: 20px;
			text-transform: none;
			line-height: 25px;
		}

		span.recall {
			padding: 0 50px;
			border: 3px solid #F5C9C8;
			color: #000;
			font-size: 18px;
			display: inline-block;
			line-height: 45px;
			margin-top: 30px;
			text-transform: none;

			&:hover {
				cursor: pointer;
				background: #F5C9C8;
				color: #fff;
				text-shadow: 1px 1px 0 #e8b4b3;
				-webkit-transition: all .25s ease;
			   		-moz-transition: all .25s ease;
			   		 -ms-transition: all .25s ease;
			   		  -o-transition: all .25s ease;
			   		     transition: all .25s ease;
			}
		}
	}
}

div.who {
	background: #f7f7f7;
	margin-bottom: 40px;

	div.why {
		float: left;
		width: 50%;
		height: 514px;
		background: #F5C9C8;

		div.body {
			width: 600px;
			padding: 90px 80px 30px 0px;
			float: right;

			div.advice {
				width: 48%;
				float: left;
				padding: 50px 20px 20px 20px;
				text-align: center;
				margin-bottom: 40px;

				span.title {
					font-size: 21px;
					font-weight: normal;
					display: block;
					margin-bottom: 10px;
					color: #fff;
					text-shadow: 1px 1px 0 #e8b4b3;
				}

				p {
					font-size: 15px;
					line-height: 20px;
				}
			}

			div.advice:nth-of-type(2n) {
				float: right;
			}

			div.advice:nth-of-type(1) {
				background: url(advice1.svg) no-repeat 50% 0;
			}
			div.advice:nth-of-type(2) {
				background: url(advice2.svg) no-repeat 50% 0;
			}
			div.advice:nth-of-type(3) {
				background: url(advice3.svg) no-repeat 50% 0;
			}
			div.advice:nth-of-type(4) {
				background: url(advice4.svg) no-repeat 50% 0;
			}
		}
	}

	div.about {
		float: right;
		height: 514px;
		width: 50%;

		div.body {
			width: 600px;
			padding: 30px 0 30px 80px;

			span.title {
				font-size: 40px;
				text-transform: uppercase;
				font-weight: normal;
				color: #363636;
				margin-bottom: 20px;
				display: block;
				text-shadow: 1px 1px 0 #fff;
			}

			span.title2 {
				font-size: 17px;
				font-weight: normal;
				display: block;
				margin-top: 50px;
				margin-bottom: 20px;
				color: #333;
				text-shadow: 1px 1px 0 #fff;
			}

			p {
				color: #777;
				margin-bottom: 20px;
				line-height: 26px;
				font-size: 15px;
			}

			form {
				width: 70%;

				input, textarea {
					width: 100%;
					margin-bottom: 15px;
					padding: 10px;
					border: none;
					box-shadow: 0px 1px 1px 0 rgba(0,0,0,.2);

					&:focus {
						outline: none;
					}
				}

				input.send2 {
					background: #F5C9C8;
					border: none;
					color: #fff;
					font-weight: normal;
					text-transform: uppercase;
					text-shadow: 1px 1px 0 #e8b4b3;
					font-size: 17px;

					&:hover {
						cursor: pointer;
						background: #e8b4b3;
						-webkit-transition: all .25s ease;
			   				-moz-transition: all .25s ease;
			   				 -ms-transition: all .25s ease;
			   				  -o-transition: all .25s ease;
			   				     transition: all .25s ease;
					}
				}
			}
		}
	}
}

div.video {

	iframe {
		padding: 10px;
		border: 5px solid #F5C9C8;
	}
}

div.bigform {
	background: #f9f9f9;
	width: 100%;
	position: relative;
	text-align: center;
	background: url(call.jpg) no-repeat;
	margin-top: 40px;

	span.title {
		font-size: 40px;
		text-transform: uppercase;
		font-weight: normal;
		color: #363636;
		margin-bottom: 20px;
		display: block;
		text-shadow: 1px 1px 0 #e8b4b3;
	}

	div.blackOut {
		padding: 60px 0 50px 0;
		background: rgba(245, 201, 200, .5);;
	}

	span.title {
		color: #fff;
		margin-bottom: 50px;
	}

	form {
		width: 40%;
		margin: 0 auto;

		input, textarea {
			width: 100%;
			margin-bottom: 25px;
			padding: 15px;
			border: none;
			box-shadow: 0px 1px 1px 0 rgba(0,0,0,.2);

			&:focus {
				outline: none;
			}
		}

		input.send2 {
			background: #F5C9C8;
			border: none;
			color: #fff;
			font-weight: normal;
			text-transform: uppercase;
			text-shadow: 1px 1px 0 #e8b4b3;
			font-size: 16px;
			text-transform: uppercase;

			&:hover {
				cursor: pointer;
				background: #e8b4b3;
				-webkit-transition: all .25s ease;
			   		-moz-transition: all .25s ease;
			   		 -ms-transition: all .25s ease;
			   		  -o-transition: all .25s ease;
			   		     transition: all .25s ease;
			}
		}
	}
}

div.pack {
	padding: 40px;
	text-align: center;

	span.title {
		font-size: 40px;
		text-transform: uppercase;
		font-weight: normal;
		color: #363636;
		margin-bottom: 20px;
		display: block;
		margin-bottom: 30px;
	}

	table.mob {
		display: none;
		border-spacing: 0;
		width: 100%;
		border-left: 6px solid rgba(245, 201, 200, 0.5);
		border-top: 6px solid rgba(245, 201, 200, 0.5);

		td {
			text-align: left;
			padding: 10px;
			border-right: 6px solid rgba(245, 201, 200, 0.5);
			border-bottom: 6px solid rgba(245, 201, 200, 0.5);
			font-weight: normal;
			line-height: 27px;
		}
	}

	table.full {
		border-spacing: 0;
		width: 100%;

		td {
			text-align: left;
			padding: 20px 15px;
			border-right: 6px solid rgba(245, 201, 200, 0.5);
			border-bottom: 6px solid rgba(245, 201, 200, 0.5);
			font-weight: normal;
			line-height: 27px;
		}

		td:nth-of-type(2n) {
			width: 15%;
			text-align: center;
			color: ;
			font-size: 30px;
			color: rgba(245, 201, 200, 1);
		}
	}
}

div.demands {
	background: #F5C9C8;
	padding: 40px;
	text-align: center;

	span.title {
		font-size: 40px;
		text-transform: uppercase;
		font-weight: normal;
		color: #fff;
		margin-bottom: 20px;
		display: block;
		margin-bottom: 50px;
		text-shadow: 1px 1px 0 #e8b4b3;
	}

	div.dem {
		float: left;
		width: 32%;
		margin-right: 2%;
		padding: 70px 20px 20px 20px;
		box-shadow: 3px 6px 4px #e8b4b3;

		span.demname {
			display: block;
			margin-bottom: 10px;
			line-height: 25px;
		}

		p {
			font-size: 40px;
			text-align: center;
			color: #fff;
			text-shadow: 1px 1px 0 #e8b4b3;
		}
	}

	div.dem:nth-of-type(1) {
		background: url(dem1.svg) no-repeat 50% 10px;
	}
	div.dem:nth-of-type(2) {
		background: url(dem2.svg) no-repeat 50% 10px;
	}

	div.dem:nth-of-type(3) {
		float: right;
		margin-right: 0;
		background: url(dem3.svg) no-repeat 50% 10px;
	}
}

div.fin {
	padding: 40px;
	text-align: center;
	background: #f7f7f7;

	span.title {
		font-size: 40px;
		text-transform: uppercase;
		font-weight: normal;
		color: #363636;
		margin-bottom: 20px;
		display: block;
		margin-bottom: 50px;
	}

	div.dem {
		float: left;
		width: 32%;
		margin-right: 2%;
		padding: 80px 20px 20px 20px;
		box-shadow: 3px 6px 4px rgba(0,0,0, 0.2);
		margin-bottom: 50px;

		span.demname {
			display: block;
			margin-bottom: 10px;
			line-height: 25px;
		}

		p {
			font-size: 40px;
			text-align: center;
			color: #F5C9C8;
			text-shadow: 1px 1px 0 #e8b4b3;
		}
	}

	div.dem:nth-of-type(1) {
		background: url(fin1.svg) no-repeat 50% 20px, #fff;
	}
	div.dem:nth-of-type(2) {
		background: url(fin2.svg) no-repeat 50% 20px, #fff;
	}

	div.dem:nth-of-type(3) {
		float: right;
		margin-right: 0;
		background: url(fin3.svg) no-repeat 50% 20px, #fff;
	}

	div.finblock {
		float: left;
		width: 32%;
		margin-right: 2%;

		span.name {
			display: block;
			margin-bottom: 20px;
			font-size: 23px;
			text-transform: uppercase;
			font-weight: normal;
		}

		span.num {
			font-size: 40px;
			text-align: center;
			text-shadow: 1px 1px 0 #e8b4b3;
			padding: 10px;
			background: #F5C9C8;
			color: #fff;
			display: block;
			box-shadow: 3px 6px 4px rgba(0,0,0, 0.2);
		}
	}

	div.third {
		float: right;
		margin-right: 0;
	}
}

div.connect {
	padding: 40px 0;
	text-align: center;

	span.title {
		font-size: 40px;
		text-transform: uppercase;
		font-weight: normal;
		color: #363636;
		margin-bottom: 20px;
		display: block;
		margin-bottom: 50px;
	}

	form {
		width: 80%;
		margin: 0 auto;

		input {
			width: 23.5%;
			float: left;
			margin-right: 2%;
			padding: 15px;
			border: none;
			box-shadow: 0px 1px 1px 0 rgba(0,0,0,.2);
			border-top: 1px solid #eaeaea;

			&:focus {
				outline: none;
			}
		}

		input.send2 {
			margin-right: 0;
			background: #F5C9C8;
			color: #fff;
			text-shadow: 1px 1px 0 #e8b4b3;
			font-size: 16px;
			text-transform: uppercase;
			border: none;

			&:hover {
				cursor: pointer;
				background: #e8b4b3;
				-webkit-transition: all .25s ease;
			  			-moz-transition: all .25s ease;
			  			 -ms-transition: all .25s ease;
			  			  -o-transition: all .25s ease;
			  			     transition: all .25s ease;
			}
		}
	}
}

footer {
	padding: 20px 0;
	background: #f7f7f7;

	span.copy {
		width: 34%;
		color: #666;
	}

	span.copy, a.soc {
		display: block;
		padding: 0 15px;
		float: left;
	}

	a.soc {
		color: #555;
		width: 23%;
		padding-left: 25px;
		font-weight: bold;

		&:hover {
			text-decoration: none;
			color: #e8b4b3;
		}
	}
	a.soc:nth-of-type(1) {
		background: url(soc1.svg) no-repeat 0 50%;
		width: 20%;
	}
	a.soc:nth-of-type(2) {
		background: url(soc2.svg) no-repeat 0 50%;
	}
	a.soc:nth-of-type(3) {
		background: url(soc3.svg) no-repeat 0 50%;
	}
}

div.fform_bg {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .5);
	z-index: 90;
	display: none;
}

div.fform {
	width: 650px;
	height: 300px;
	background: #fff;
	margin: auto;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 101;
	text-align: center;
	padding: 15px 40px;
	display: none;
	-webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);

	span.title {
		font-size: 35px;
		font-weight: normal;
		line-height: 52px;
		display: block;
		margin-bottom: 20px;
	}

	span.close {
		float: right;
		font-size: 30px;
		color: #F5C9C8;

		&:hover {
			cursor: pointer;
		}
	}

	form {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 50px;

		input, textarea, button {
			background: #ffeceb;
			padding: 15px;
			width: 48%;
			font-style: italic;
			color: #000;
			border: none;
			font-size: 15px;
			margin-bottom: 20px;

			&::-webkit-input-placeholder {color:#000;}
			&::-moz-placeholder          {color:#000;}
			&:-moz-placeholder           {color:#000;}
			&:-ms-input-placeholder      {color:#000;}

			&:focus {
				outline: none;
			}
		}

		input:nth-of-type(1) {
			width: 100%;
		}

		input:nth-of-type(2) {
			float: left;
		}

		textarea {
			float: right;
			height: 120px;
		}

		input.send2 {
			padding: 15px;
			width: 48%;
			float: left;
			border: 3px solid #F5C9C8;
			color: #000;
			text-transform: uppercase;
			font-style: normal;
			letter-spacing: 1px;
			margin: 0 auto;
			display: block;
			background: none;
			font-weight: bold;

			&:hover {
				cursor: pointer;
				background: #F5C9C8;
				color: #fff;
				-webkit-transition: all .45s ease;
			   		-moz-transition: all .45s ease;
			    		-ms-transition: all .45s ease;
			    	 		-o-transition: all .45s ease;
			    	    		transition: all .45s ease;
			}
		}
	}
}

a#menu-btn {
	display: none;
}

@media screen and (max-width: 1100px) and (min-width: 900px) {

	div.headerInner span.lefttext {
		font-size: 60px;
		line-height: 70px;
	}

	div.headerInner span.lefttext span.more {
		font-size: 17px;
	}

	div.headerInner nav ul li a {
		font-size: 15px;
		padding: 5px 15px;
	}

	div.who div.why div.body {
		width: 450px;
		padding: 70px 20px 30px 0px;
	}

	div.who div.about div.body {
		width: 450px;
		padding: 30px 0 30px 30px;
	}

	footer a.soc {
		font-size: 14px;
	}

	footer a.soc:nth-of-type(1) {
		width: 17%;
	}
}

@media screen and (max-width: 800px) {

	div.headerInner {

		nav {
			display: none;
		}

		a.mobphone {
			display: inline-block;
		}

		ul#mobmenu {
			//display: block;
		}

		ul#mobmenu.active {
			display: none;
		}

		div.recall {
			display: none;
		}
	}
	
	a#menu-btn {
		//display: block;
		position: absolute;
		right: 20px;
		top: 20px;
	}

	#menu-btn {
		cursor: pointer;
		float: right;
		width: 17px;
		padding: 0 20px;
		height: 44px;
		position: relative;
	}

	#hamburger {
		top: 20px;
	}

	#hamburger:after { bottom: -3px; }
	#hamburger:before, 
	#hamburger:after, 
	#hamburger {
		background: #000;
		content: "";
		display: block;
		height: 3px;
		left: 0;
		position: relative;
		width: 17px;
	}

	#hamburger:before {
		top: -6px;
	}

	#menu-head {
		display: none;
	}

	#menu-head.open {
		display: block;
	}

	#menu-head a {
		border-top: 1px solid #222;
		display: block;
		height: 1%;
		padding: 10px 20px;
		color: #fff;
	}

	#menu-head a:hover {
		background: #ee4923;
		text-decoration: none;
	}

	div.headerInner span.lefttext {
		font-size: 50px;
		line-height: 60px;
		width: 100%;
		float: none;
		padding: 0 20px;
		text-align: left;
	}

	div.who div.about {
		height: auto;
		float: none;
		width: 100%;

		div.body {
			width: 100%;
			padding: 20px;
		}
	}

	div.who div.why {
		float: none;
		width: 100%;
		height: auto;

		div.body {
			width: 100%;
			padding: 0 20px;

			div.advice {
				width: 100%;
				float: none;
				margin-bottom: 20px;
				margin-top: 20px;
				box-shadow: 3px 6px 4px #e8b4b3;

				span.title {
					font-size: 27px;
				}

				p {
					font-size: 20px;
					line-height: 29px;
				}
			}

			div.advice:nth-of-type(2n) {
				float: none;
			}
		}
	}

	div.who div.about div.body p {
		font-size: 21px;
		line-height: 31px;
	}

	div.who div.about div.body span.title2 {
		font-size: 24px;
	}

	div.who div.about div.body form {
		width: 100%;

		input, textarea {
			font-size: 18px;
			padding: 15px;
		}
	}

	div.video iframe {
		height: 250px;
	}

	div.bigform div.blackOut {
		padding: 30px 20px 10px 20px;
	}

	div.bigform form {
		width: 100%;

		input,textarea {
			font-size: 20px;
		}
	}

	div.demands {
		padding: 20px;

		span.title {
			margin-bottom: 20px;
		}

		div.dem {
			width: 100%;
			float: none;
			margin-bottom: 20px;

			span.demname {
				font-size: 20px;
				line-height: 31px;
			}

			p {
				font-size: 55px;
			}
		}

		div.dem:nth-of-type(3) {
			float: none;
		}
	}

	div.pack {
		padding: 20px;

		table.full {
			display: none;
		}

		table.mob {
			display: table;
		}
	}

	div.fin {
		padding: 20px;

		span.title {
			margin-bottom: 20px;
		}

		div.dem {
			width: 100%;
			float: none;
			margin-bottom: 20px;

			span.demname {
				font-size: 20px;
				line-height: 31px;
			}

			p {
				font-size: 55px;
			}
		}

		div.dem:nth-of-type(3) {
			float: none;
			margin-bottom: 50px;
		}

		div.finblock {
			float: none;
			width: 100%;
			margin-bottom: 40px;

			span.name {
				margin-bottom: 5px;
			}
		}

		div.third {
			margin-bottom: 0;
		}
	}

	div.connect {
		padding: 20px 20px;

		span.title {
			font-size: 34px;
			margin-bottom: 20px;
		}

		form {
			width: 100%;

			input {
				width: 100%;
				float: none;
				margin-bottom: 20px;
				font-size: 20px;
			}
		}
	}

	footer {
		padding: 10px 20px;

		span.copy, a.soc, a.soc:nth-of-type(1) {
			float: none;
			width: 100%;
			margin-bottom: 10px;
			padding: 0;
		}

		a.soc, a.soc:nth-of-type(1) {
			padding-left: 30px;
		}
	}

	div.fform {
		width: 100%;
		height: 450px;
		padding: 20px;

		span.title {
			font-size: 30px;
		}

		form {
			input:nth-of-type(2) {
				float: none;
				width: 100%;
			}

			textarea {
				float: none;
				width: 100%;
			}

			input.send2 {
				float: none;
				width: 100%;
			}
		}
	}
}