/* KolovosWood.css */

body{
	width: 100%;
	height:100%;
	font-family:'Roboto',Arial,sans-serif;
	font-size:13px;
	font-weight:400;
	color:#fff;
	background-color:white;
}
html{
	width:100%;
	height:100%;
}
h1,h2,h3,h4,h5,h6{
	font-family:'Open Sans',Arial,sans-serif;
	font-weight:400;
}
p{
	font-size:18px;
	line-height:1.5;
}
a:not(.totop) {
	color:white;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;	
}
a,a:hover,a:active,a:focus{outline:none; text-decoration:none;}
a:hover,a:active,a:focus{color:#ff6600;}

.marg-1{margin-top:40px;}
.marg-2{margin-top:15px;}
.marg-3{margin-bottom:30px;}

 /* myNavbar */

.navbar-custom {
	padding: 3px 0;
    border-bottom: 0;
	text-transform: uppercase;
    background:rgba(0,0,0,0.8) none repeat 0 0 scroll;  
	}
	
.navbar-brand {padding:0px;}
.navbar-brand img{max-height:100%;}	

.navbar-inverse .navbar-nav > li > a {color:inherit;font-family:'Open Sans',Arial,sans-serif; font-weight:600;}
.navbar-inverse .navbar-nav > li.nav-social > a{padding:14px 0 14px 15px;}	
.navbar-inverse .navbar-nav > li.nav-social > a> i{font-size:1.5em;}	
.navbar-custom .navbar-nav > .active > a,
 .navbar-custom .navbar-nav > .active > a:hover,
 .navbar-custom .navbar-nav > .active > a:focus,
 .navbar-custom .navbar-nav li a:hover{
	outline:0;
	text-decoration:none;
	color:#ff6600;
	background-color:transparent;}   

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
	background-color:transparent;
}

/* Header */

header{
	width:100%;
	height:auto;
	min-height:100%;
	background:url(../img/hero.jpg) no-repeat center center scroll;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	color:#fff;
	text-align:center;
	}
	
header .intro-text{
	text-align:center;
	margin-top:70px;
}
header .intro-text img{
	max-width:50%;
	min-width:150px;
	margin-bottom:20px;
}
header .intro-text h1{
	font-size:40px;
	font-weight:400;
	letter-spacing:1px;
	margin:0px;
}
header .intro-text p{
	font-family:'Josefin Sans', Arial, sans-serif;
	font-size:36px;
	margin-top:10px;
	line-height:1;
}
header .intro-text .scroll-more i, header .intro-text a:focus i{
	margin-top:10px;
	padding-top:12px;
	height:70px;
	width:70px;
	font-size:40px;
	color:white;
	border:1px solid #ff6600;
	border-radius:100%;
}
header .intro-text a:hover i {
	background-color:rgba(255,255,255,0.2);
	color:#ff6600;
	border-radius:100%;
}

@media (max-width:384px) { 
	header .intro-text h1{
		font-size:30px;
	}
	header .intro-text .scroll-more{margin-top:0px;}
}
@media (max-width:767px) { 
	header .intro-text img{
		max-width:30%;
	}
}
@media (max-width:992px) { 
	header .intro-text h1{
		font-size:32px;
	}
}

a.totop {
    bottom: 30px;right:0;display:inline;position: fixed;
    margin:15px;z-index: 9999;height:50px;width:50px;font-size:30px;
	line-height:50px;text-align:center;background-color:rgba(0,0,0,0.3); 
	color:#fff;border-radius:10%;
}
a.totop:hover{background-color:#ff6600;}


/* section #company */

#company, #services, #portfolio{padding:80px 0;}
#company,#portfolio{background-color:white; color:grey;} 

/* section #services */

#services{background-color:#202020; color:white;}
ul.tabs>li{
	float:none;
}
ul.tabs>li>a{
	border-right:2px solid #ededed;
	color:inherit;
}
ul.tabs>li>a>h3{margin:0px; font-size:20px;}

.nav >li>a:hover, .nav >li>a:focus{
	background-color:transparent;
}
ul.tabs>li>a:hover, ul.tabs>li.active a{
	border-right:3px solid #ff6600;
	color:#ff6600;
}
#services .detail{text-align:center;}
#services .tab-content i{color:#ff6600;}
#services .tab-content .flaticon-kitchen:before, #services .tab-content .flaticon-closet:before, #services .tab-content .flaticon-bathroom:before, 
#services .tab-content .flaticon-bunk:before, #services .tab-content .flaticon-door:before, #services .tab-content .flaticon-book:before{font-size:85px;}
#services .tab-content .flaticon-window:before{font-size:100px;}
#services #accordion{margin-left:10px;margin-right:10px;}
#services #accordion .panel{padding:0px;}
#services #accordion .panel-heading{border-bottom:1px solid #ff6600;padding:5px 0px;}
#services #accordion .panel-heading a{display:block;}
#services #accordion .panel-heading h4{font-size:20px; margin-top:0px;margin-bottom:0px;}
#services #accordion .panel-heading .accordion-sign{float:right; font-size:14px; top:20px; right:20px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; }	
#services #accordion .panel-heading .accordion-sign.active{-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
#services #accordion a:hover,#services #accordion a:focus{color:#ff6600;text-decoration:none;}
#services  #accordion .flaticon-kitchen:before, #services #accordion .flaticon-closet:before, #services #accordion .flaticon-bathroom:before, 
#services #accordion .flaticon-bunk:before, #services #accordion .flaticon-door:before, #services #accordion .flaticon-window:before, #services #accordion .flaticon-book:before{font-size:40px; margin-right:5px;}
#services #accordion .panel-body{padding:10px; font-size:1.1em;}

/* section #portfolio */
.no-pad{padding-left:0px;padding-right:0px;}
.work-box{display:block; margin:0 auto; max-width:600px; position:relative;}
.work-box-caption{
	position:absolute; 
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height:100%;
	width:100%;
	bottom:0;
	color:#fff;
	text-align:center;
	opacity:0;
	transition: all 0.35s ease 0s;
	display:block;
	}
.work-box-caption-content{
	position:absolute; top:40%;	width:100%;
	}
.work-box:hover .work-box-caption {
	opacity:1;
}
.work-box-caption-content h4{
	font-size:24px;
	font-family:'Roboto Condensed',Arial,sans-serif;
	letter-spacing:1px;
}
@media (max-width:767px) { 
	.work-box{margin-bottom:20px;}
	.work-box-caption{
	position:absolute; 
	background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height:80%;
	width:80%;
	left:10%;
	bottom:10%;
	color:#fff;
	text-align:center;
	opacity:1;
	display:block;
	}
	.work-box-caption-content h4{font-size:20px;}
}

/* section #partners */
#partners{padding-bottom:80px;}
#partners .row{margin:0px;}

/* footer */

footer{background-color:#202020; color:inherit;padding-top:80px; color:#969696;}
#contact h2{color:white;}
#contact .footer-info{padding:30px 0;font-size:1.1em;}
#contact .footer-box{margin-top:20px;}
#contact .footer-info i{float:left;color:#ff6600;	font-size:24px;}
#contact .footer-box-text{float:left; margin-left:15px;color:white;}
#contact .footer-bottom{border-top:1px solid #969696; padding:20px 0;}
#contact .footer-bottom a{font-size:1.2em; color:#969696;}
#contact .footer-bottom a:hover{color:#ff6600;}