@import url('owl.carousel.css');
@import url('magnific-popup.css');
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,100,200,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,700,600);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,100,200,300,500,600,700);
@import url('animate.min.css');
@import url('style.css');


html, body { padding: 0; margin: 0; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #fff; }
body::-webkit-scrollbar { width: 0em; }
a:hover, a:focus { text-decoration: none; outline:none !important;}
button:focus { outline: none !important; }
::selection { background: #E4DDCA; }
h1, h4, h6 { font-family: 'Source Sans Pro', sans-serif; }
h2, h3 { font-family: 'Raleway', sans-serif; }
h5 { font-family: 'Raleway', sans-serif; font-size: 24px; }
p { font-family: 'Montserrat', sans-serif; font-weight: 200; }
footer, section {
	z-index: 1;
	position: relative;
}
/* Margin Top */
.mt-1x { margin-top: 25px; }
.mt-2x { margin-top: 50px; }
.mt-3x { margin-top: 75px; }
.mt-4x { margin-top: 100px; }
.mt-5x { margin-top: 125px; }
.mt-6x { margin-top: 150px; }
.mt-after-nav { margin-top: 100px;}
/* Margin Bottom */
.mb-1x { margin-bottom: 25px; }
.mb-2x { margin-bottom: 50px; }
.mb-3x { margin-bottom: 75px; }
.mb-4x { margin-bottom: 100px; }
.mb-5x { margin-bottom: 125px; }
.mb-6x { margin-bottom: 150px; }
/* Padding Top */
.pt-1x { padding-top: 25px; }
.pt-2x { padding-top: 50px; }
.pt-3x { padding-top: 75px; }
.pt-4x { padding-top: 100px; }
.pt-5x { padding-top: 125px; }
.pt-6x { padding-top: 150px; }
/* Padding Bottom */
.pb-1x { padding-bottom: 25px; }
.pb-2x { padding-bottom: 50px; }
.pb-3x { padding-bottom: 75px; }
.pb-4x { padding-bottom: 100px; }
.pb-5x { padding-bottom: 125px; }
.pb-6x { padding-bottom: 150px; }
/* Color */
.cl-dark { color: #000; }
.cl-light { color: #fff; }
/* Background Basic*/
.bg-dark { background: #000; }
.bg-light { background: #fff; }
.bg-cream { background: #E4DDCA; }
/* Flat UI Colors */
.bg-peter-river { background-color: #3498db !important; }
.bg-belize-hole {background-color: #2980b9 !important;}
.bg-turquoise { background-color: #1abc9c !important;}
.bg-emerald { background-color: #2ecc71 !important; }
.bg-amethyst { background-color: #9b59b6 !important; }
.bg-wisteria {background-color: #8e44ad !important;}
.bg-orange { background-color: #f39c12 !important; }
.bg-sunflower {background-color: #f1c40f !important;}
.bg-pumpkin { background-color: #d35400 !important; }
.bg-pomegranate { background-color: #d35400 !important; }
.bg-carrot { background-color: #e67e22 !important; }
.bg-alizarin { background-color: #e74c3c !important; }
.bg-concrete { background-color: #95a5a6 !important;}
.bg-asbestor { background-color: #7f8c8d !important; }
.bg-silver { background-color: #bdc3c7 !important; }
.bg-clouds { background-color: #ecf0f1 !important; }
.bg-midnight-blue { background-color: #2c3e50 !important; }
.bg-wet-asphalt { background-color: #34495e !important; }
/* Background Image settings */
.bg-at-fixed { background-attachment: fixed}
.bg-default { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 100%; width: 100%; }
.bg-after-white:after { background: rgba(255, 255, 255, 0.8); content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.bg-after-black:after { background: rgba(0, 0, 0, 0.8); content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.bg-default .container { z-index: 1; position: relative; }
.bg-pattern { background-repeat: repeat; }
/* Custom Bootstrap */
.no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important;}
.no-padding-left-right { padding-right: 0 !important; padding-left: 0 !important; }
.no-margin-left-right { margin-right: 0 !important; margin-left: 0 !important; }
.no-pm { margin: 0 !important; padding: 0 !important; }
/* Loader */
.animsition-overlay-slide { z-index: 80 !important; background: rgba(0, 0, 0, 0.9); }
.animsition-loading { background-color: transparent !important; border-color: #E4DDCA !important; }
/* Navigation */
.navbar-brand { text-indent: -9999px; margin-top: -10px; }
/*.logo { background-image: url(../assets/logo-main.png); width: 200px; height: 50px; background-repeat: no-repeat;}*/
.navbar { margin-bottom: 0; z-index: 90;}
.navbar li a { font-family: 'Montserrat', sans-serif; text-transform: capitalize; letter-spacing: 1px;}
/* Meta Nav Header */
.meta-nav-header { background: rgba(34, 34, 34, 1); }
.meta-nav-header .breadcrumb { margin: 10px 0; background: transparent; }
.meta-nav-header .breadcrumb li.active a { font-weight: bold; cursor: default; }
.meta-nav-header .breadcrumb a { color: #fff; font-family: 'Montserrat', sans-serif; letter-spacing: 0.8px; font-size: 14px; }
.meta-nav-header h1 { text-transform: capitalize; font-size: 32px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #E4DDCA; letter-spacing: 1.2px; line-height: 64px; margin-top: 0 !important; margin-bottom: 0 !important; }
.meta-nav-header h2 { font-size: 20px; font-family: 'Raleway', sans-serif; font-weight: 500; letter-spacing: 0.8px; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 40px; color: #fff; }
/* Section */
.section-title {
	font-weight: 300;
	font-size: 28px;
	line-height: 50px;
	margin:0;
}
.section-sub {
	font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 47px;
	letter-spacing: -0.3px;
	line-height: 52px;
	margin:0;
}
.section-header {
	box-shadow: 0px 0px 1px #cdcdcd;
	background: #f9f9f9;
}
.section-divider {
	width: 40px;
	height: 5px;
	border-radius: 100px;
	background: red;
	display: block;
	left:0;
	right: 0;
	margin:0 auto;
	text-align: center;
}
/* Footer */
footer { background: rgba(0, 0, 0, 0.9); }
.quick-links { background: rgba(34, 34, 34, 0.3); }
.quick-links p { font-family: 'Source Sans Pro', sans-serif; font-size: 13px; letter-spacing: 0.8px; font-weight: normal; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
.quick-links h4, .copyright span { font-family: 'Montserrat', sans-serif; }
.copyright .right-side { float: right; }
.quick-links h4 { font-weight: bold; }
.quick-links h4:after { content: ''; display: block; width: 22px; height: 2px; margin-top: 5px; margin-bottom: 25px; position: relative; background: #E4DDCA; }
.quick-story .list-inline { padding-left: 0; }
.quick-story .list-inline li { margin-right: 10px; }
.quick-story .list-inline li:first-child { padding-left: 0 !important; }
.quick-story .list-inline li i:before { margin-left: 0; font-size: 23px; color: rgba(255, 255, 255, 0.7); transition: color 150ms ease-in; -webkit-transition: color 150ms ease-in; }
.quick-story .list-inline li a:hover i:before { color: #fff; }
.quick-links .recent-projects a { height: 100%; width: 100%; display: block; max-width: 100%;}
.quick-links .recent-projects img { border:1px solid #fff; min-width: 100%;}
.quick-links .recent-projects .owl-controls { text-align: right; top: -50px; right: 0; position: absolute; }
.quick-links .recent-projects .owl-nav div { display: inline-block; padding: 4px 6px; margin: 0px 2px; background: rgba(228, 221, 202, 1); box-shadow: 0px 0px 2px #f7f7f7; color: #222; font-family: Flaticon; border-radius: 100px; font-size: 8px; }
.quick-links .recent-projects .owl-nav div:hover { color: #52472a; background: #fff; }
.quick-links .recent-projects .owl-nav { font-weight: bold; }
.quick-contacts p { cursor: default; }
.quick-contacts p, .quick-contacts i:before { font-size: 13px; padding-left: 0 !important; margin-left: 0 !important; }
.quick-contacts p { margin-bottom: 5px; }
.quick-contacts p > span { margin-left: 23px !important; display: block; }
.quick-contacts i:before { margin-right: 10px; }
footer .social { padding: 0 !important; margin-bottom: 0; border-top: 1px solid rgba(215, 215, 215, 0.3); }
footer .social .panel { border: none !important; }
footer .social .panel-group { margin-bottom: 0; border: none; }
footer .social .panel-title .caret { transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform 200ms ease-in-out; -webkit-transition: transform 200ms ease-in-out; }
footer .social .panel-title.collapsed .caret { transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: transform 400ms ease-in-out; -webkit-transition: transform 400ms ease-in-out; }
footer .social .panel-heading { background: rgba(0, 0, 0, 0.85) !important; }
footer .social .panel-heading h4 { font-weight: bold; color: #f7f7f7; text-align: center; text-transform: uppercase; }
footer .social .panel-heading a:hover h4 { color: #fff; }
footer .social .panel-body { background: rgba(0, 0, 0, 0.85) !important; border-top: 0 !important; }
footer .social ul { margin-bottom: 0; text-align: center; }
footer .social li:first-child { margin-left: 0; }
footer .social li { padding-bottom: 0; margin: 0px 15px; }
footer .social li i:before { font-size: 33px; color: rgba(248, 248, 248, 0.4); margin-bottom: 0; margin-left: 0; }
footer .social li a:hover i:before { color: #e4ddca;}
.alert-warning {
	background: #FCF8E3 !important;
	color: #f1c40f !important;
}
.alert-warning .close {
	color: #f1c40f !important;
}
.alert-info {
	background: #D9EDF7 !important;
	color: #4B708F !important;
}
.alert-info .close {
	color: #4B708F !important;
}
.alert-info a {
	text-decoration: none !important;
	color: #2c3e50 !important;
	text-transform: capitalize;
}
.alert-success {
	background: #DFF0D8 !important;
	color: #2ecc71 !important;
}
.alert-success .close {
	color: #2ecc71 !important;
}
.alert-danger {
	background: #F2DEDE !important;
	color: #e74c3c !important;
}
.alert-danger .close {
	color: #e74c3c !important;
}
.btn-info {
	border:#D9EDF7;
	background: #D9EDF7;
	color: #2c3e50;
	font-weight: bold;
}
.btn-info:hover {
	background: #2c3e50;
}
.btn-danger {
	border:#F2DEDE;
	color: #e74c3c !important;
}
.btn-danger:hover {
	background: #e74c3c;
}
.btn-success {
	border:#DFF0D8;
	color: #2ecc71 !important;
}
.btn-success:hover {
	background: #2ecc71;
}
.btn-warning {
	border:#FCF8E3;
	color: #f1c40f !important;
}
.btn-warning:hover {
	background: #f1c40f;
}
/*  
    Created on : 13/10/2015, 04:32:02 
    Author     : Y
    Theme Name : Lite
    Description: Lite , Multipurpose HTML Template
    Version    : 1.0
    From 	   : Websiapaja
*/
.websiapaja {
	line-height: 12px;
	padding: 2px 5px 2px 5px;
	border-radius: 20px;
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	width: 85px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.websiapaja a {
	color: #fff;
}
.websiapaja:hover {
	padding: 2px 5px 2px 5px;
	border-radius: 20px;
	color: #111;
	background-color: rgba(255,255,255,0.9);
	font-weight: bold;
	width: 85px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.websiapaja:hover a {
	color: #111;
}