/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		font-family: "Utsaah", "Myriad Pro", Arial, sans-serif;
		font-size: 11pt;
		line-height: 1.85em;
		color: #888;
		background-color: #fff;
		height: 100%;
		letter-spacing: 0.7px;
		margin: 0;
		min-height: 100%;
		padding: 0;
		width: 100%;
		background: url("../images/dark_mosaic.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	a
	{
		color: #fff;
		text-decoration: none;
	}
	
		a:hover
		{
			color: #4b8f93;
		}
	
	h1, h2, h3, h4, h5, h6
	{
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		font-weight: 300;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

		
	

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	
	.container {
		width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
	}
	


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		margin-bottom: 0;
		min-height: 220px;
		padding-top: 20px;
	}
	.site-logo 
	{
		float: left;
		width: 30%;
	}
	.language 
	{
		float: right;
		width: 70%;
		text-align: right;
	}

	.language a 
	{
		letter-spacing: 2px; 
		text-transform: uppercase;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
		margin-bottom: 0;
		margin-top: 30px;
		text-align: center;
	}
		#content h2
		{
			font-size: 1.2em;
		}
		#content h2 .description
		{
			border-bottom: 3px solid rgba(255, 255, 255, 0.15);
		}
		#content h1
		{
			background: url("../images/slogan.png") no-repeat scroll center center;
			height: 124px;
			text-indent: -9999px;
			margin: 20px 0;
		}
		#content h1.title_bg
		{
			background: url("../images/sloganBG.png") no-repeat scroll center center;
			height: 124px;
			text-indent: -9999px;
			margin: 20px 0;
		}
		
		.btn-holder
		{
			display: inline-block;
			margin-top: 20px;
		}
			a.btn 
			{
				background: transparent;
				color: #FFFFFF;
				border: 1px solid rgb(255, 255, 255);
				border: 1px solid rgba(255, 255, 255, 0.15);
				font-size: 24px;
				letter-spacing: 5px;
				padding: 12px 30px 8px;
				cursor: pointer;
				text-transform: uppercase;
				text-align: center;
				display: inline-block;
				-webkit-transition: 0.2s background linear;
				-moz-transition: 0.2s background linear;
				transition: 0.2s background linear;
				font-family: "Utsaah", Helvetica, Arial, sans-serif;
				text-decoration: none;
			}
			a.btn:hover 
			{
				background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
				color: #FFFFFF;
			}
			a.btn_bg 
			{
				background: transparent;
				color: #FFFFFF;
				border: 1px solid rgb(255, 255, 255);
				border: 1px solid rgba(255, 255, 255, 0.15);
				font-size: 20px;
				letter-spacing: 5px;
				padding: 12px 30px 8px;
				cursor: pointer;
				text-transform: uppercase;
				text-align: center;
				display: inline-block;
				-webkit-transition: 0.2s background linear;
				-moz-transition: 0.2s background linear;
				transition: 0.2s background linear;
				font-family: "Utsaah", "Myriad Pro", Arial, sans-serif;
				text-decoration: none;
			}
			a.btn_bg:hover 
			{
				background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
				color: #FFFFFF;
			}
		
		
		.contacts
		{
			/*background: none repeat scroll 0 0 #FFFFFF;
			border: 10px solid #F6F6F6;
			border-radius: 125px;*/
			background: url("../images/contactsBgr.png") no-repeat scroll center center;
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
			float: right;
			height: 344px;
			overflow: hidden;
			position: relative;
			top: -65px;
			transition: all 400ms linear 0s;
			width: 344px;
		}
		.contacts a {
			color: #333333;
			display: block;
			height: 100%;
			position: relative;
			text-align: left;
			width: 100%;
		}

		.main {
			color: #4B8F93;
			font-size: 38px;
			height: 80px;
			left: 90px;
			letter-spacing: 2px;
			line-height: 32px;
			opacity: 1;
			position: absolute;
			text-align: left;
			text-transform: uppercase;
			top: 70px;
		}
		.main_bg {
			color: #4B8F93;
			font-size: 30px;
			height: 80px;
			width: 180px;
			left: 90px;
			letter-spacing: 2px;
			line-height: 32px;
			opacity: 1;
			position: absolute;
			text-align: left;
			text-transform: uppercase;
			top: 80px;
		}
		.sub {
			color: #fff;
			font-size: 38px;
			height: 80px;
			left: 80px;
			line-height: 36px;
			letter-spacing: 2px;
			opacity: 0;
			position: absolute;
			text-align: left;
			top: 90px;
			text-transform: uppercase;
			transition: all 400ms linear 0s;
		}
		.sub_bg {
			color: #fff;
			font-size: 26px;
			max-width: 180px;
			height: 80px;
			left: 85px;
			line-height: 30px;
			letter-spacing: 2px;
			opacity: 0;
			position: absolute;
			text-align: left;
			top: 90px;
			text-transform: uppercase;
			transition: all 400ms linear 0s;
		}
		.tel {
			color: #FFFFFF;
			font-size: 17px;
			left: 90px;
			letter-spacing: 1px;
			line-height: 20px;
			position: absolute;
			text-align: left;
			top: 175px;
			transition: all 400ms linear 0s;
		}
		.tel_bg {
			color: #FFFFFF;
			font-size: 17px;
			left: 90px;
			letter-spacing: 1px;
			line-height: 20px;
			position: absolute;
			text-align: left;
			top: 175px;
			transition: all 400ms linear 0s;
		}
		.contacts:hover {		
			transform: rotate(360deg);
		}
		.contacts:hover .tel {
			color: #4b8f93;
			font-size: 17px;
			top: 175px;
			left: 80px;
		}
		.contacts:hover .tel_bg {
			color: #4b8f93;
			font-size: 17px;
			top: 175px;
			left: 85px;
		}
		.contacts:hover .main, .contacts:hover .main_bg {
			display: none;
		}
		.contacts:hover .sub, .contacts:hover .sub_bg {
			opacity: 0.8;
		}

		
		
			
	footer
	{
		font-family: "Utsaah", "Myriad Pro", Arial, sans-serif;
		text-transform: uppercase;
		color: #fff;
		font-size: 12px;
		margin-top: 250px;
	}