/***********************

	* Kiwee Rouge -  http://www.kiweerouge.com/
	* 2016

************************/

/*****************************************************/
	/* RESET CSS ******************/

	*{box-sizing:border-box;}
	a{text-decoration:none;color:inherit;}

	a:hover, a, *:focus, input[type=submit], input[type=submit]:hover{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	input, textarea{
		outline-style:none!important;
		border:0;
		resize:none;
	}
	::-moz-selection{color:#e5227e;background:rgba(236,80,114,0.5);}
	::selection     {color:#e5227e;background:rgba(236,80,114,0.5);}

	::-webkit-input-placeholder {
	  color: rgba(229,34,126,0.7);
	}
	::-moz-placeholder {
	  color: rgba(229,34,126,0.7);
	}
	:-ms-input-placeholder {
	  color: rgba(229,34,126,0.7);
	}
	:-moz-placeholder {
	  color: rgba(229,34,126,0.7);
	}

	@import 'https://fonts.googleapis.com/css?family=Work+Sans';

		html{font-family:'Work Sans', sans-serif!important;font-weight:300;background: #ffffff;background: linear-gradient( to bottom, #ffffff, #eeefea);background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;}
		strong{font-weight:700;}
		body{padding-top:120px;padding-bottom:15px;color:#000000;text-shadow:0 1px 2px rgba(0,0,0,0.15);background: #eeefea;}
		header #main{width:100%;margin:auto;text-align:center;}
		h2, .butt, input, textarea{background:transparent;color:#e5227e;font-size:23px;border:1px solid #e5227e;height:45px;line-height:44px;text-align:center;border-radius:30px;min-width:230px;padding:0 30px;margin:auto;display:table;}
		.social{
			background:transparent;
			font-size:23px;
			border:none;
			height:45px;
			line-height:44px;
			text-align:center;
			max-width: 1000px;
			width: 90%;
			padding:0 30px;
			margin:auto;
			display:table;
		}
		.social i{color:#e5227e;}
		.social td{padding: 0 40px 20px 40px;}
		h3{text-align:center;margin-top:15px;}
		p{width:100%;font-size:23px;text-align:center;}
		.ico{width:56px;height:56px;border:1px solid #ffffff;border-radius:3px;text-align:center;font-size:27px;line-height:54px!important;margin:auto;}
		input, textarea{margin-top:10px;font-size:23px;text-align:left;padding:0 20px;background:rgba(255,255,255,0.15);}
		input:focus, textarea:focus{box-shadow:0 0 10px rgba(255,255,255,0.8), 0 0 3px rgba(255,255,255,0.8) inset;background:rgba(255,255,255,0.25);}
		textarea{width:400px;height:130px;border-radius:3px;padding:20px 20px;line-height:16px;font-family:'Open Sans', sans-serif!important;}
		input[type=submit]{box-shadow:0;text-align:center;text-transform:uppercase;font-weight:300;letter-spacing:4px;background:transparent;border:1px solid #e5227e;box-shadow:0}
		@media screen and (max-width:400px){
			textarea{width:90%!important;}
		}

		h3{font-size:23px;font-weight:700;}
		span{color:#e5227e;font-weight:300;}

		*[data-change]{display:inline;position:relative;width:100%;}
		*[data-change] *{position:absolute;top:3px;left:50%;top:0;color:#f26e58;}
		*[data-change] *.anim{animation:rotateTxt 1s linear;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
			@keyframes rotateTxt{
				0{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:0;}
				1%{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0;}
				100%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
			}	

		h3{color:#e5227e;box-sizing: border-box;float: left;font-size: 23px;font-weight: 700;line-height: 40px;text-align: center;text-transform: uppercase;width:100%;margin-bottom:50px;}

		
		.hidden{display:none;}

/*****************************************************/
	/* HEADER ******************/
		header h1{margin:auto;text-align:center}
		header h1 img{margin:auto;width:395px;max-width:85%;}

/*****************************************************/
	/* MAIN ******************/
		#main{}
		#main article{width:1200px;margin:auto;margin-top:40px;}
		#main article p{font-size:23px;padding:30px;}
		#main p{font-size:18px;line-height:22px;}
		#main p adress{font-size:25px;margin-bottom:30px;display:inline-block;}
		#main a[data-form], .icon-close{cursor:pointer;background:rgba(255,255,255,0.1);}
			#main a[data-form]:hover, .icon-close:hover{background:rgba(255,255,255,0.5);}

		#main .ico.icon-send{font-size:23px;}
		@media screen and (max-width:800px){
			#main article{width:100%;}
		}

		#form{display:none;}

/*****************************************************/
	/* FOOTER ******************/
		footer{width:100%;font-size:12px;text-align:center;margin-top:80px;}


.row {
	clear: both;
}
.width-1-2 {
	width: 45%;
	margin-right: 5%;
	float: left;
}
.width-1-2:nth-child(even) {
	margin-right: 0;
}
@media (max-width: 960px) {
	.width-1-2 {
		width: 100%;
		margin-right: 0 !important;
		float: none;
	}
	.social {
		padding:0px;
	}
}