/* ----------------------------------------------------
  
	File Name: simple.css
	Template Name: ForMinimal
	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=Montserrat:400,700");
	@import url("https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic");

	body {
		background-color: #f7f8f9;
		color:#a5a5a5;
		font-size: 14px;
		padding:10px;
		font-family: "Lato", Arial;
	}
	h1,h2,h3,h5,h6{ 
		font-family: "Montserrat", Arial;
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		line-height:1.8;
		color:#333333;

	}
	h4{font-size: 1.2rem;
		font-family: "Montserrat", Arial;
		font-weight:bold;
		position: relative;
		padding: 20px 0 10px 0;         
		font-weight:normal;
		line-height:1.5rem;
		color:#333333;}
	p {
		color:#a5a5a5;
		font-size: 14px;
		font-family: "Lato", Arial;
	}

	.wrapper {
		background-color: #ffffff;
	}

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

	.navbar-default .nav > li > a {
	    background-color: transparent !important;
	    border: 0 none;
	    border-radius: 0px;
	    color: #333333 !important;
	    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 12px;
	    font-weight: 400;
	    letter-spacing: 0;
	    margin: 0;
	    padding: 10px 15px !important;
	    text-transform: uppercase;
	}
	.social a {
	    background-color: #fff !important;
	    border: 0 solid #f2f2f2;
	    border-radius: 0;
	    color: #333 !important;
	    display: inline-block;
	    font-size: 14px;
	    height: 35px;
	    line-height: 35px;
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    width: 25px;
	}
	.header .social {
		padding-left: 20px;
	}

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

	.testi-item img {
		margin-bottom: 20px;
	}
	#owl-testimonials-2 .owl-controls .owl-dots .owl-dot span {
	    background: #3b3939 none repeat scroll 0 0;
	    border: 0px solid #898787;
	    width: 10px;
	    height: 10px;
	    float:left;
	    display: inline-block;
	    border-radius: 0;
	    margin: 0 0 0 10px;
	}
	#owl-testimonials-2 .owl-controls .owl-dots .owl-dot:hover span,
	#owl-testimonials-2 .owl-controls .owl-dots .owl-dot.active span {
		background-color: #ababab;
	}
	.testi-item h3 {
	    color: #fff;
	    display: block;
	    font-size: 18px;
	    font-weight: 400;
	    text-transform: uppercase;
	    width: auto;
	}
	.testi-item .small {
	    color: #a5a5a5;
	    font-size: 14px;
	}
	.testi-item .lead {
	    color: #7b7b7b;
	    font-family: Lato;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 400;
	    letter-spacing: 0;
	    line-height: 24px;
	    padding-bottom: 0;
	    padding-top: 30px;
	}

	.big-title .lead {
		font-family: "Lato", Arial;
		font-style: normal;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 14px;
		padding: 5px 0 0 ;
	}

	.big-title h3 {
		font-size:24px;
		line-height: 24px;
		font-weight: 400;
		text-transform: uppercase;
	}
	.fullscreen .big-title h3 {
		color:#ffffff;
	}
	.fullscreen .big-title .lead {
		color:#a5a5a5;
	}
	.service-list li {
		color:#7b7b7b;
		font-size:14px;
		margin:15px 0;
	}
	.service-list i {
		font-size: 18px;
		margin-top: 8px;
		text-align: right;
		color:#a5a5a5;
	}
	.service-list .btn {
		border-color:#222222 !important;
		color:#222222 !important;
		margin-top: 10px !important;
	}
	.service-list .btn:hover {
		background-color: #222222 !important;
		color:#ffffff !important;
	}
	.service-list h3 {
	    font-size: 18px;
	    text-transform: uppercase;
	} 
	.service-box hr {
		width:40px;
		border-width: 2px;
		margin-bottom: 30px;
		border-color:#242424;
	}
	.service-box h3 {
		font-size: 15px;
		line-height: 25px;
		padding:15px 0 5px;
		text-transform: uppercase;
	}
	.service-box p {
		padding:0;
	}
	.welcome-message p {
		text-transform: uppercase;
		font-weight: 400;
		font-size: 14px;
		letter-spacing: 2px;
		padding:0;
	}
	.welcome-message h2 {
		text-transform: uppercase;
		font-weight: bold;
		line-height: 36px;
		font-size: 24px;
		letter-spacing: 1px;
		color:#ffffff !important;
		padding:5px 0 20px;
	}
	.btn-primary,
	.btn-white {
		border-radius: 0 !important;
		color:#ffffff !important;
		font-family: "Montserrat", Arial;
		font-size: 14px;
		font-weight: bold;
		background-color: transparent !important;
	}
	.btn-primary {
		background-color: #333333 !important;
		border-color:#333333 !important;
	}
	.section.grey {
		background-color: #f7f8fa !important
	}
	.stat-count {
		font-size: 24px;
		letter-spacing: 2px;
		line-height: 36px;
		color:#333333;
	}
	.milestone-details h4 {
		padding:0;
		text-transform: uppercase;
		font-size: 18px;
		letter-spacing: 1px;
	}
	.milestone i {
		font-size: 72px;
		position: absolute;
		text-align: center;
		left:0;
		right: 0;
		z-index: -1;
	    opacity: 0.1;
	    color:#a5a5a5;
	    filter: alpha(opacity=10); /* For IE8 and earlier */
	}
	.contact_form .form-control {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background-image: none;
	    border-color: -moz-use-text-color -moz-use-text-color #e4e4e4;
	    border-image: none;
	    border-style: none none dashed;
	    border-width: 0 0 2px;
	    display: block;
	    width: 100%;
	}
	.form-control::-moz-placeholder {
	    color: #a5a5a5;
	}
	.contact_form textarea {
		min-height: 120px !important
	}
	.small-title h3 {
	    font-size: 18px;
	    font-weight: 400;
	    line-height: 40px;
	    padding: 0 0 20px;
	    text-transform: uppercase;
	}
	.widget address strong {
	    color: #fff;
	    display: inline-block;
	    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 14px;
	    color:#333333;
	    font-weight: 400;
	    margin-bottom: 0;
	    margin-right: 5px;
	}
	.widget p,
	.widget address p {
		padding:0;
		line-height: 28px;
		color:#7b7b7b;
		font-size: 14px;
	}
	#map {
		height: 400px;
	}
	.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: #F7F8FA;
	}

	.about-widget h3 {
		font-size: 24px;
		padding:0;
		text-transform: uppercase;
	}
	.about-widget h4 {
		font-size: 14px;
		padding-bottom: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color:#a5a5a5;
		font-family: Lato;
	}
	.about-widget {
		color:#7b7b7b;
	}
	.service-box {
		position: relative;
	}
	.service-box .alignleft {
	    display: block;
	    font-size: 18px;
	    height: auto;
	    margin: 20px 10px 40px 0;
	    padding: 0;
	    position: relative;
	    z-index: 10;
	}

	.service-box i {
		font-size: 100px;
		position: absolute;
		text-align: center;
		left:auto;
		right: 0;
		top:20px;
		z-index: -1;
	    opacity: 0.1;
	    color:#a5a5a5;
	    filter: alpha(opacity=10); /* For IE8 and earlier */
	}
	.progress .progress-bar {
		background-color: #333333 !important;
	}
	.skills p {
	    line-height: 1;
	    padding-top: 10px;
	    text-transform: uppercase;
	}
	.progress {
	    background-color: #e7e7e9;
	 }
	.team-member .magnifier {
		background-color: rgba(255,255,255,0.8);
		border:1px solid #222;
	}
	.progress-bar span {
	    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	    height: 30px !important;
	    line-height: 30px !important;
	    top: -31px;
	}
	.team-member .visible-buttons {
		text-align: left;
		top:10% !important;
		bottom:0 !important;
		padding:20px;
	}
	.p20l {
		padding-left: 40px;
	}
	.p20r {
		padding-right: 40px;
	}
	.team-member .visible-buttons h4 {
		padding:0 !important;
		font-size: 15px;
		text-transform: uppercase;
		color:#333333;
	}
	.team-member p {
		padding:0;
		line-height: 21px;
	}
	.team-member .visible-buttons small {
	    color: #333333;
	    display: block;
	    font-family: Lato;
	    font-size: 14px;
	    font-style: italic !important;
	    padding: 5px 0 15px;
	}
	.team-member .social a,
	.team-member .social i {
		background-color: transparent !important;
		width: 10px; 
		margin: 0 10px 0 0 !important;
		color:#333333;
	}
	.footer p {
		padding: 20px 0
	}

	.footer {
		background-color: #f7f8fa;
	}

	.footer .social a {
	    background-color: #333333 !important;
	    border: 0 solid #f2f2f2;
	    border-radius: 38px;
	    color: #fff !important;
	    display: inline-block;
	    font-size: 14px;
	    height: 38px;
	    line-height: 38px;
	    margin: 0 3px;
	    padding: 0;
	    text-align: center;
	    width: 38px;
	} 

	.footer p,
	.copyrights p {
		font-size: 14px;
		line-height: 24px;
		color:#7b7b7b;

	}
	.copyrights {
		background-color: #ffffff;
	}


/* ----------------------------------------------------
	SLIDER
------------------------------------------------------- */

	.tp-caption.slider_layer_07, 
	.slider_layer_07 {
	    background-color: rgba(255,255,255,0);
	    background: none;
	    border-color: rgb(0, 0, 0);
	    border-style: none;
	    border-width: 0;
	    font-weight: 300;
	    color: #000000;
	    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 16px;
	    line-height: 24px;
	    font-style: normal;
	    text-decoration: none;
	    text-transform: none;
	}
	.tp-caption.slider_layer_09, 
	.slider_layer_09 {
	    background-color: rgba(255,255,255,0);
	    background: none;
	    border-color: rgb(0, 0, 0);
	    border-style: none;
	    border-width: 0;
	    font-weight: 400;
	    color: #000000;
	    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 48px;
	    line-height: 48px;
	    font-style: normal;
	    text-decoration: none;
	    text-transform: capitalize;
	}
	.tp-caption.slider_layer_06, 
	.slider_layer_06 {
	    background-color: rgba(255,255,255,0);
	    background: none;
	    border-color: rgb(0, 0, 0);
	    border-style: none;
	    border-width: 0;
	    font-weight: 300;
	    color: #7b7b7b;
	    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 18px;
	    line-height: 24px;
	    font-style: normal;
	    text-decoration: none;
	    text-transform: none;
	}
	.tp-caption.slider_layer_05, 
	.slider_layer_05 {
	    background-color: rgba(255,255,255,0);
	    background: none;
	    border-color: rgb(0, 0, 0);
	    border-style: none;
	    border-width: 0;
	    font-weight: 400;
	    color: #000000;
	    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 36px;
	    line-height: 36px;
	    font-style: normal;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.tp-rightarrow.default,
	.tp-leftarrow.default {
		border-radius: 0 !important;
	}
	.tp.caption.slider_btn .btn,
	.slider_btn .btn {
		color:#000000 !important;
		font-size: 14px !important;
		border:1px solid #000000;
		background-color: transparent !important;
	}

/* ----------------------------------------------------
	PORTFOLIO
------------------------------------------------------- */ 

	.bannerfix .welcome-message h2 {
		padding-bottom:2px;
	}
	.portfolio-filter li a {
	    color: #7b7b7b;
	    font-size: 14px;
	    letter-spacing: 1px;
	}
	.portfolio-filter li {
	    background-color: #ffffff;
	    border: 0 none;
	    margin: 0 !important;
	    padding: 0;
	}
	.portfolio-filter li a:hover,
	.portfolio-filter li a:focus,
	.portfolio-filter li a.active {
		color:#242424 !important;
	}
	.portfolio-filter li:after {
		content: "/";
		padding: 0 10px;
	}
	.portfolio-filter li:last-child:after {
		content: ""
	}
	.visible-buttons img {
		width: auto;
	}
	.magnifier {
		background-color: rgba(0,0,0,0.8);
	}
	.visible-buttons h3,
	.visible-buttons h3 a {
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 18px;
	}
	.visible-buttons small {
		font-size: 14px;
		letter-spacing: 1px;
		font-family: "Lato", Arial;
		font-style: normal !important;
	}
	.pagination > li > a:hover, .pagination > li > span:hover,
	.tp-rightarrow.default:hover,
	.tp-rightarrow.default:focus,
	.tp-leftarrow.default:hover,
	.tp-leftarrow.default:focus {
		background-color: #222222 !important;
	}
	.pagination > li > a:hover, .pagination > li > span:hover,
	.form-control:not([readonly]):focus {
		border-color:#222222 !important;
	}