*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

@import 'https://fonts.googleapis.com/css?family=Raleway';

body input:focus:required:invalid,
body textarea:focus:required:invalid {

}
body input:required:valid,
body textarea:required:valid {

}
body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
	min-width: 320px;
	position: relative;
	background-color: #bdc7c9;
}


h1, h2, h3, h4, h5 {
	font-family: "RobotoBold", sans-serif;
	color: #000;
}

img {
    max-width: 100%;
    height: auto;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}
.carousel img {
	width: 100%;
	height: auto;
}
.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	position: relative;
}

/* my styles */
	.header {
		background-color: #fff;
		min-height: 50px!important;
		box-sizing: border-box;
	}


	header.default{
	  position: fixed;
	  z-index: 2;
	  top: 0px;
	  width: 100%;
	  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	  -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
	
	
	
	.logo {
		height: 68px;
		margin: 23px 0 23px 0;
	}
	
		.language {
	    height: 25px;
		margin: 45px 0 23px 0;
	
	}
	
	



	ul.menuTop {
		margin-top: 40px;
	}

	ul.menuTop li{
		list-style: none;
		float: left;
		margin: 0px 0 0 50px;
		outline: 1px solid red;


}


	/* effects Menu */

	div.typeChannel
	{
	    font-family: Raleway, sans-serif;
	    margin: 0 auto;
		padding: 2.8em 3em;
		text-align: center;
	}

	div.typeChannel a
	{
	    color: #8396af;
	    text-decoration: none;
	    font: 1.25em Raleway;
	    padding: 10px 10px;
	    position: relative;
	    z-index: 0;
	    cursor: pointer;
	}


	/* Border X get width  */
	div.borderXwidth a:before, div.borderXwidth a:after
	{
	    position: absolute;
	    opacity: 0;
	    width: 0%;
	    height: 2px;
	    content: '';
	    background: #8396af;
	    transition: all 0.3s;
	}

	div.borderXwidth a:before
	{
	    left: 0px;
	    top: 0px;
	}

	div.borderXwidth a:after
	{
	    right: 0px;
	    bottom: 0px;
	}

	div.borderXwidth a:hover:before, div.borderXwidth a:hover:after
	{
	    opacity: 1;
	    width: 100%;
	}

	/* end effect Menu */


	.topImgWrapp {
		background-image: url(../img/hero.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		min-height: 900px;
		position: relative;
	}

	.topImgWrapp .topTitle {
		position: absolute;
		font-size: 2.5em;
		top:300px;
		left:170px;
		font-family: Raleway, sans-serif;
		font-weight: normal;
		color: #fff;


	}


	section {
		max-width: 960px;
		min-width: 320px;
		margin: 0 auto;
		background:#fff;
		padding: 0 50px;
	}

	section h1, h2, h3, h4 {
		font-family: Raleway, sans-serif;
		color: #8396a8;
	}

	.service > h2 {
		font-size: 2em;
		font-weight: normal;
		margin: 0;
		padding: 50px 0 100px 0;
		text-transform: uppercase;
	}

	.wrapp50 {
		width: 50%;
	}

	.wrapp51 {
	    width: 33%;
	}

	.service p {
		font-size: 1em;
		font-weight: 400;
		color: #8396a7;
/*		letter-spacing: 0.075em;*/
	}



	.hrButton {
		color: #fff;
		padding: 10px 20px;
		display: block;
		background:#e14f61;
		width: 150px;
		text-align: center;
		font-size: 0.8em;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-webkit-transition: top 3s ease-in-out 1s;
		-moz-transition: top 3s ease-in-out 1s;
		-o-transition: top 3s ease-in-out 1s;
		transition: top 3s ease-in-out 1s;
	}


	.hrButton:hover {
		transform: translateY(-3px);
		-webkit-transition: top 3s ease-in-out 1s;
		-moz-transition: top 3s ease-in-out 1s;
		-o-transition: top 3s ease-in-out 1s;
		transition: top 3s ease-in-out 1s;
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 10px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		background: #e7354b;
	}

	.notNormalText {
		font-weight: normal;
		color: #4f4f4f!important;
		font-size: 0.9em!important;
	}

	article + [data-readmore-toggle] {
		margin: 20px 0;
		color: #fff;
		padding: 8px 20px;
		background:#e14f61;
		width: 120px!important;
		text-align: center;
		font-size: 0.7em;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-webkit-transition: top 3s ease-in-out 1s;
		-moz-transition: top 3s ease-in-out 1s;
		-o-transition: top 3s ease-in-out 1s;
		transition: top 3s ease-in-out 1s;
	}

	div#equal10 {
	    padding-bottom: 100px;
	}

	article + [data-readmore-toggle]:hover {
		transform: translateY(-3px);
		-webkit-transition: top 3s ease-in-out 1s;
		-moz-transition: top 3s ease-in-out 1s;
		-o-transition: top 3s ease-in-out 1s;
		transition: top 3s ease-in-out 1s;
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 10px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		background: #e7354b;
	}

	.callback  {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.callback h2{
		margin: 0;

	}

	.callbackMenu {
		padding: 0;
		width: 250px;
	}

	.callbackMenu li{
		list-style-type: none;
		padding: 20px 0;
		background: #afafaf;
		border-bottom: 1px solid #fff;
	}



	.callbackMenu li i {
		margin-right: 10px;
		margin-left: 20px;
		color: #fff;
	}

	.callbackMenu li span {
		font-size: 0.8em;
		color: #fff;
	}


	#map {
		width: 100%;
		height: 500px;
	}

	footer.footer {
		background: #afafaf;
		min-height: 150px;
		padding-top: 50px;
		max-width: 960px;
		margin: 0 auto;
		padding-left: 60px;
		color: #fff;
	}

/* end my styles */