/* ----------------------------------------------------
  
	File Name: rohrbach.css
	Template Name: augencentren.de
	Created By: WordPress Showcase Team
	http://themeforest.net/user/wordpressshowcase

------------------------------------------------------- */ 

	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
	@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
	
	body {
		background:url(images/bg.jpg) repeat center center scroll #ffffff; 
	}

	p {
		font-family: "Lato", Arial;
		font-size:14px;
		color:#525252;
		line-height: 24px;
	}
	h1,h2,h3,h4,h5,h6{ 
		letter-spacing:0;
		font-family:"Open Sans", Arial;
		position: relative;
		padding: 0 0 10px 0;         
		line-height:140%;
		color:#323232;
		margin:0;
	}

	.wrapper {
		margin: 0 auto;
		max-width: 1280px;
		background-color: #fff;
	}
	.contactdetails .icon-container {
		margin-bottom: 80px;
	}

	.form-control {
		border:0 !important;
		border-bottom:1px solid #dddddd !important;
	}
	#contactform textarea {
		min-height: 140px !important;
	}

/* ----------------------------------------------------
	HEADER
------------------------------------------------------- */ 

	.navbar-default .nav > li > a {
		font-family:"Open Sans", Arial;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 16px;
		padding:10px 20px !important;
	}

/* ----------------------------------------------------
	SECTIONS
------------------------------------------------------- */ 

	.readmore_1 {
		padding-top: 20px;
		display: block;
		color:#333333;
		font-family: "Open Sans", Arial;
		font-size:13px;
	}
	.readmore_1:after {
		content: "";
	}
	.service-box h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	padding: 7px 0;
	text-transform: capitalize;
	}
	.service-box p {
		padding-bottom: 0;
	}
	.style-service-2 img {
		margin: 0 20px 30px 0
	}
	.icon-container {
		float:left;
		clear: both;
		margin: 0 20px 80px 0;
		width: 70px;
		height: 70px;
		line-height: 70px;
		color:#ffffff;
		font-size: 18px;
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
	.processes .icon-container {
		float:none;
		margin:0 auto 20px;
	}

	.portfolio-filter li a {
		font-weight: 400;
		color:#7b7b7b;
	}

	.processes .icon-container {
		position: relative;
	}
	.processes .icon-container:after {
		left: 98%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #88b7d5;
		border-width: 7px;
		margin-top: -7px;
	}

	.section.grey {
		background-color: #fafafa;
	}
	.stat-count {
		font-size: 36px;
		color:#333333;
	}
	.milestone-details h4 {
		font-size: 18px;
		padding:0;
		text-transform: capitalize;
	}
	.general-title hr,
	.milestone hr {
		width: 60px;
		margin:20px auto 17px;
		border-width: 1px;
		border-color:#333333;
	}
	.milestone i {
		font-size: 24px;
		display: block;
		padding-bottom: 15px;
	}
	.general-title h3 {
		font-size: 30px;
		line-height: 1;
		padding:0;
	}
	.general-title hr {
		border-color:#cecece !important;
	}
	.hservices .service-box {
	    display: block;
	    margin: 15px 0;
	    padding: 10px 0;
	}
	.hservices .icon-container {
		margin:0 20px 36px 0;
	}
	.hservices .service-box p {
		padding-bottom: 0 !important;
	}
	.visible-portfolio-title {
	    background: #ffffff none repeat scroll 0 0;
	    padding: 20px 20px 25px;
	}
	.f20 .visible-portfolio-title h3, .f20 .visible-portfolio-title h3 a {
	    font-size: 16px;
	    padding-bottom: 10px;
	}
	.visible-portfolio-title small {
	    color: #7b7b7b;
	    font-family: "Lato",Georgia,"Times New Roman",serif;
	    font-size: 14px;
	    font-style: italic;
	}

	.banner {
		padding:40px 0 !important;
	}

	.banner h2 {
		color:#333333 !important;
		font-weight: 600;
	    font-family: "Open Sans",Georgia,"Times New Roman",serif;
		font-size: 18px;
	}
	.footer-widget ul li {
		margin:0;
		font-size: 16px;
	}
	.footer-widget h3,
	.footer-widget ul li a {
		color:#ffffff;
	}
	.footer-widget h3 {
		font-size: 18px;
		padding:0 0 20px;
	}
	.footer-widget ul {
		padding: 7px 0 0;
	}
	.footer-widget ul li:after {
		content: "/";
		padding:0 10px;
	}
	.footer-widget ul li:last-child:after {
		content: "";
		padding:0 0 0 10px;
	}
	.footer-widget span {
		margin: 30px 10px 25px 0;
		display: inline-block;
	}
	.footer-widget span,
	.footer-widget p {
		font-size: 14px !important;
		font-family: Open Sans;
		font-weight: 400;
		padding: 0;
		color:#7b7b7b !important;
	}
	.footer-widget span i {
		width: 35px;
		height: 35px;
		text-align: center;
		margin-right: 10px;
		line-height: 35px;
		color:#ffffff;
		font-size: 14px;
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
	.footer-widget .social {
		margin-top: 10px;
	}

	.slider_layer_01,
	.tp-caption.slider_layer_01 {
		font-family: "Lato", Arial;
		font-size:18px;
		color:#333333;
		line-height: 90px;
		font-size: 400;
	}

	.slider_layer_02,
	.tp-caption.slider_layer_02 {
		font-family: "Lato", Arial;
		font-size:80px;
		color:#333333;
		text-transform: capitalize;
		font-style: normal;
		font-weight: 100;
		line-height: 90px;
	}

	.slider_layer_03,
	.tp-caption.slider_layer_03 {
		font-family: "Lato", Arial;
		font-size:14px;
		color:#7b7b7b;
		text-transform: capitalize;
		font-style: normal;
		font-weight: 300;
		line-height: 24px;
	}

	.btn-default:hover,
	.btn-default:focus,
	.btn-default {
		background-color: #ffffff !important;
		border-color:#ffffff !important;
	}
	.btn {
		text-transform: capitalize;
		font-size: 14px;
		font-family: Open Sans;
		font-weight: 400;
	}
	.tp-rightarrow.default,
	.tp-leftarrow.default {
		border-radius: 0 !important
	}
	@media (max-width: 968px) {
		.header .social {
			display: none;
		}
	}
	.pageheader {
		padding:40px 0;
	}
	.pageheader h1 {
	    font-size: 20px;
	    text-transform: capitalize;
	    font-weight: 300;
	    letter-spacing: 0;
	    margin: 0;
	    line-height: 1;
	    padding: 0;
	}
	.breadcrumb > li + li::before {
		padding:0.5em;
	}
	 .breadcrumb {
		background: none;
		background-color: transparent !important;
		padding: 0;
		margin: 5px 0 0;
		color:#333333;
	}
	.breadcrumb > .active,
	.breadcrumb > li a,
	.breadcrumb > li {
		color:#333333;
		text-transform: capitalize;
		letter-spacing: 0;
		line-height: 1;
		font-size: 14px;
		font-weight: 300;
	}
	.owl-nav {
		display: none;
	}
	#owl-testimonials .owl-controls .owl-dots .owl-dot span {
	    background: none !important;
	    border: 1px solid #ffffff;
	    width: 13px;
	    height: 13px;
	    float:none;
	    display: inline-block;
	    border-radius: 13px;
	    margin: 0px;
	}
	#owl-testimonials .owl-controls .owl-dots .owl-dot {
	    background: none !important;
	    width: 13px;
	    height: 13px;
	    float:none;
	    margin:0 5px;
	    display: inline-block;
	    border-radius: 13px;
	}
	#owl-testimonials .owl-controls {
		z-index: 1000;
		position: relative;
		margin: -40px auto !important;
	}
	#owl-testimonials .owl-controls .owl-dots .owl-dot.active span {
		background-color: #ffffff !important;
	}
	.testi-item .lead {
		font-size: 18px;
		color:#7b7b7b;
		line-height: 28px;
		font-style: normal;
		padding:30px 0 0 !important;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	.testi-item h4 {
		font-family: 'Lato', sans-serif;
		font-size: 14px;
		padding: 20px 0 0;
		font-weight: 400;
		line-height: 1;
		margin:0 0 -10px;
	}
	.team-member small {
		color:#ffffff !important;
		font-size: 12px;
	}
	.team-member .visible-buttons a,
	.team-member .visible-buttons .fa {
		background-color: transparent !important;
		color:#ffffff !important;
		border:0 !important;
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin: 0 !important
	}
	.lists-elements {
	 	margin: 0;
	  	overflow: hidden;
	  	padding: 0 0 1px 1px;
	  	width: calc(100% - 1px);
	}

	.lists-elements li {
	  	float: left;
	  	cursor: default;
	  	list-style: none outside none;
		margin: 0;
		width: 25%;
	}
	.lists-elements li .box {
		border-width: medium medium 1px 1px;
	    display: block;
	    padding:30px;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    margin: 0;
	    overflow: hidden;
	    position: relative;
	    background: #ffffff none repeat scroll 0 0;
	    border-color: #f3f3f3;
	    border-image: none;
	    border-style: none none solid solid;
	}

	.lists-elements li:nth-child(1) .box,
	.lists-elements li:nth-child(2) .box,
	.lists-elements li:nth-child(3) .box, 
	.lists-elements li:nth-child(4) .box {
	    border-top: 1px solid #f3f3f3;
	} 

	.lists-elements li:nth-child(5) .box,
	.lists-elements li:nth-child(1) .box {
	    border-left:1px solid #f3f3f3;
	} 

	.lists-elements li:nth-child(4) .box,
	.lists-elements li:nth-child(8) .box {
	    border-right:1px solid #f3f3f3;
	} 

	.lists-elements li:nth-child(5) .box,
	.lists-elements li:nth-child(6) .box,
	.lists-elements li:nth-child(7) .box,
	.lists-elements li:nth-child(8) .box {
	    border-bottom: 1px solid #f3f3f3;

	}
	.lists-elements li:hover .box {
		background-color: #FAFAFA;
	}
	.welcome-message h2 {
		color:#ffffff;
		font-size: 24px;
		font-weight: 600;
		padding:0 0 40px;
	}

/* ----------------------------------------------------
	COLORS
------------------------------------------------------- */ 
	
	.magnifier {
		background-color: rgba(66,155,225,0.9);
	}

	.tp-rightarrow.default:hover,
	.tp-rightarrow.default:focus,
	.tp-leftarrow.default:hover,
	.tp-leftarrow.default:focus,
	.btn-primary,
	.btn-theme,
	.service-box:hover .icon-container,
	.btn-primary:hover,
	.footer-widget span i,
	.icon-container,
	.btn-primary,
	.btn-primary:hover,
	.about-message hr,
	.general-title hr,
	.blue,
	#owl-testimonials .owl-controls .owl-dots .owl-dot.active span,
	.team-member .social a:hover,
	.btn-primary:focus {
		background-color: #0088cc !important;
		border-color: #0088cc !important;
	}
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus,
	.navbar-default .nav > li > a.active {
		background-color: #0088cc !important;
	}

	.testi-item h4,
	.btn-default:hover,
	.processes .icon-container,
	.btn-default:focus,
	.btn-default,
	.footer-widget ul li.active a,
	.footer-widget ul li:hover a,
	.milestone i,
	.service-box:hover .readmore_1 {
		color:#0088cc !important;
	}

	.btn-white,
	.testi-item-wrapper small,
	.welcome-message span,
	.contact-detail .fa,
	#owl-testimonials .owl-controls .owl-dots .owl-dot span,
	#owl-testimonials .owl-controls .owl-dots .owl-dot.active span,
	.btn-white:hover,
	.circle-info-half,
	.btn-white:focus {
		color:#0088cc !important;
		border-color: #0088cc !important;
	}
	.general-title hr {
		border-color:#cecece !important;
	}
	.general-title.text-left hr {
		margin-left: 0;
	}

	.service-box:hover .icon-container {
		border:1px solid #fff !important;
		-webkit-box-shadow: 0px 0px 0px 3px rgba(0,136,204,1);
		-moz-box-shadow: 0px 0px 0px 3px rgba(0,136,204,1);
		box-shadow: 0px 0px 0px 3px rgba(0,136,204,1);
	}

	.service-box .icon-container {
		border:1px solid transparent !important;
	}

	.processes 	.service-box .icon-container {
		border:0 solid transparent !important;
		box-shadow: none !important;
	}
	.processes .service-box:hover .icon-container {
		border:0 solid transparent !important;
		box-shadow: none !important;
	}

	.processes .service-box:hover .icon-container:after {
		border-left-color: #0088cc !important;
	}
	.processes .icon-container:after {
		border-left-color: #fafafa !important;
	}
	.processes .icon-container {
		background-color: #fafafa !important;
	}
	.entry img {
	width: 100%;
	padding-bottom: 15px;
	}