
	
	body{
		margin:0;
		padding:0;
		color:#4b4d50;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,251,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,252,251,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,251,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,251,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,252,251,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,252,251,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffcfb', GradientType=0 );
		font-family: 'Open Sans', sans-serif;
		line-height:24px;
		font-size:16px;
	}
	
	
	.hr{
			
		    height: 68px;
		    background-size: cover;
		    padding-top: 52px;
		
	}
	
	h1,h2,h3{color:#4185bb;}
	
	h3{font-weight:normal;}
	
	img{max-width:100%;}

	
	#container{
		width:1200px;
		
		margin:0 auto;
		text-align:center;
		
	}
	
	figcaption{
	
	    width: 100%;
	    text-align: center;
	   
	    color: #5a4a42;
	    font-size: 18px;
	    background: #f8f6f5;
	    padding: 8px;
	}
	
	.port_image img{height:260px;}
	
	#menu_top{
		float: right;
		 margin-top: 31px;
	}
	#menu_top li{
	 	list-style-type:none;
		display:inline-block;
	}
	
	#contact_form{
		padding: 0 22px;
		    border: 1px solid #ccc;
		    background: #eee;
	}
	
	textarea,
	input{
		color:#828a95;
		padding:10px;
		border-radius:2px;
		width:100%;
		font-size:16px;
		border:1px solid #4185bb;
		margin-top:2px;
	}
	
	input[type="submit"]{
		background:#4185bb;
		color:#fff;
	}
	.port_image img{margin-top:20px;}
	.content{margin-top:30px;}
	a{color:#5a4a42;}
	ul#check {
		margin-left:0;
		padding-left:2px;
	}
	ul#check li{list-style-type:none;}
	ul#check li i{
		margin-right: 10px;
		color:#6db36d;
	}
	
	a.read_more{
			display: block;
		    margin-top: 10px;
		    width: 100%;
		    text-align: right;
		    text-decoration: none;
		    font-size: 18px;
		    font-weight: bold;
		    color: #828a95;
	}
	

	
	#menu_top
	a{
		text-decoration:none;
		display:inline-block;
		padding-left:4px;
		border-left:1px solid #828a95;
	}
	
	.form-error{
		color:#c05a5a;
		display:block;
		margin:5px 0;
	}
	header{
		
		
	}
		
	.foto{text-ssalign:right;}
	.header_container{
		overflow:hidden;
		padding:20px;
		width:1200px;
		margin: 0 auto;
	}
	.grid-pad.header{
		padding-top:0;
		background:#fdfcfc;
	}
	.hr{

		height:68px;
		background-size:cover;
	}
	.grid-pad{background:#fff;}
	header.top{

	}
	
	

	a {
	  color: #000;
	}

	/* header */

	.header {
	  background-color: #fff;
	  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
	  position: fixed;
	  width: 100%;
	  z-index: 3;
	}

	.header ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  overflow: hidden;
	 
	}

	.header li a {
	  display: block;
	  padding: 20px 20px;
	  border-right: 1px solid #f4f4f4;
	  text-decoration: none;
	}

	.header li a:hover,
	.header .menu-btn:hover {
	  background-color: #f4f4f4;
	}

	.header .logo {
	  display: block;
	  float: left;
	  font-size: 2em;
	  padding: 10px 20px;
	  text-decoration: none;
	}

	/* menu */

	.header .menu {
	  clear: both;
	  max-height: 0;
	  transition: max-height .2s ease-out;
	  margin-top:23px;
	}

	/* menu icon */

	.header .menu-icon {
	  cursor: pointer;
	  display: inline-block;
	  float: right;
	  padding: 28px 20px;
	  position: relative;
	  user-select: none;
	}

	.header .menu-icon .navicon {
	  background: #333;
	  display: block;
	  height: 2px;
	  position: relative;
	  transition: background .2s ease-out;
	  width: 18px;
	}

	.header .menu-icon .navicon:before,
	.header .menu-icon .navicon:after {
	  background: #333;
	  content: '';
	  display: block;
	  height: 100%;
	  position: absolute;
	  transition: all .2s ease-out;
	  width: 100%;
	}

	.header .menu-icon .navicon:before {
	  top: 5px;
	}

	.header .menu-icon .navicon:after {
	  top: -5px;
	}

	/* menu btn */

	.header .menu-btn {
	  display: none;
	}

	.header .menu-btn:checked ~ .menu {
	  max-height: 240px;
	}

	.header .menu-btn:checked ~ .menu-icon .navicon {
	  background: transparent;
	}

	.header .menu-btn:checked ~ .menu-icon .navicon:before {
	  transform: rotate(-45deg);
	}

	.header .menu-btn:checked ~ .menu-icon .navicon:after {
	  transform: rotate(45deg);
	}

	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	  top: 0;
	}

	/* 48em = 768px */

	@media (min-width: 48em) {
	  .header li {
	    float: left;
	  }
	  .header li a {
	    padding: 20px 30px;
	  }
	  .header .menu {
	    clear: none;
	    float: right;
	    max-height: none;
	  }
	  .header .menu-icon {
	    display: none;
	  }
	}
	
	
	