/*

Theme Name: Campos Girardi

Description: Campos Girardi

Author: SC Studio

Author URI: http://www.scstudio.com.ar

Version: 1.0

*/



/* CSS Document TEST */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p,

a, em, img, strong, sub,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

}



body {

	font-family: "Open Sans",sans-serif;

	color: #555;

	font-size: 14px;

	background: #f3f3f3;

	min-width: 320px;

}



html, body {

	height: 100%;

}



ol, ul {

	list-style: none;

}



a,

button {

	text-decoration: none;

	outline: none !important;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

}









/*  General   */



.container {

	position: relative;

}



.clear {

	clear: both;

}



h1,h2,h3,h4,h5,h6 {

	font-family: "Dosis", sans-serif;

}



a.block {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 9;

}



h3.error {

    text-align: center;

}







/*############################# HEADER #############################*/



#header {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	padding: 15px 0;

	background: #FFF;

	box-shadow: 0 2px 3px #888;

    -webkit-box-shadow: 0 2px 3px #888;

    -moz-box-shadow: 0 2px 3px #888;

	z-index: 99;

}



#header .logo {

	width: 180px;

}



#main-menu {

	font-family: "Dosis", sans-serif;

	text-align: right;

	margin: 3px 0 0 0;

}



#main-menu li {

	display: inline-block;

}



#main-menu li a {

	text-transform: uppercase;

	color: #333;

	letter-spacing: 4px;

	font-size: 13px;

	font-weight: 500;

}



#main-menu li a:hover,

#main-menu li a:focus,

#main-menu li a:active {

	background-color: transparent;

}



#main-menu .lang-item {

    margin: -2px 0 0 0;

}



#header .navbar {

	margin: 0;

}



#header .navbar-nav a:hover,

#header .navbar-nav > .active > a,

#header .navbar-nav > .active > a:hover,

#header .navbar-nav > .active > a:focus,

#header .navbar-nav .current-menu-item a {

    background-color: transparent;

    color: #27a834 !important;

}



#header .navbar-toggle {

	border-color: #555455;

	position: absolute;

	right: 0;

	top: -43px;

	margin: 0;

}



#header .navbar-toggle .icon-bar {

	background: #555455;

}







/*############################# CONTENT #############################*/



#content {

	position: relative;

	width: 100%;

}



#main-slider {

	position: relative;

	width: 100%;

}



#main-slider .title {

	position: absolute;

	top: 30%;

	left: 0;

	z-index: 9;

	background: rgba(0,0,0,0.3);

	padding: 15px 20px;

}



#main-slider .title h1 {

	font-weight: 600;

	color: #FFF;

	font-size: 50px;

	text-shadow: 1px 1px 1px #333;

}



#main-slider .title h3 {

	color: #FFF;

	font-size: 25px;

	text-shadow: 1px 1px 1px #333;

}



#main-slider .owl-dots {

	position: absolute;

	bottom: 30px;

	left: 0;

	right: 0;

	text-align: center;

}



#main-slider .owl-dots .owl-dot {

	display: inline-block;

	width:  35px;

	height: 3px;

	background: rgba(0,0,0,0.6);

	margin: 0 3px;

}



#main-slider .owl-dots .owl-dot.active {

	background: #000;

}



#content .main-text {

    font-size: 15px;

    line-height: 23px;

}



#content .divider {

	width: 100%;

	padding: 30px 0;

	text-align:  center;

	background: url('img/divider-bg.jpg') center no-repeat;

	background-attachment: fixed;

	background-size: cover;

}



#content .divider .logo {

	width: 180px;

}



.section h2 {

	color: #27a834;

	font-size: 35px;

	position: relative;

	padding: 0 0 15px;

	margin: 0 0 20px;

}



.section {

	padding: 70px 0;

}



.section h2:after {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin: 0 0 0 -25px;

	width: 50px;

    background: #999;

	content: "";

    display: block;

    height: 2px;

    overflow: hidden;

    width: 50px;

}



#about {

	text-align: center;

}



.section p {

	margin: 15px auto 0;

	text-align: justify;

	font-size: 15px;

	line-height: 23px;

}



#content .small-header {

	width: 100%;

	text-align:  center;

	margin: 86px 0 0 0;

	padding: 40px 0;

	background: url('img/divider-bg.jpg') center no-repeat;

	background-attachment: fixed;

	background-size: cover;

}



#content .small-header h1 {

	color: #FFF;

	font-size: 33px;

}



#boxes.section,

#forms.section {

	padding: 20px 0 70px;

}



#content .boxes {

	position: relative;

	width:  100%;

	padding: 0 0 150px;

}



#content .boxes .box {

	position: relative;

	background: #FFF;

	border: 1px solid #BBB;

	margin: 0 0 30px;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	-ms-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

}



#content .boxes .box:hover {

	border: 1px solid #27a834;

}



#content .boxes .box figure {

	width: 100%;

	height: 269px;

	overflow: hidden;

}



#content .boxes .box .text {

	padding: 15px 10px;

	height: 110px;

}



#content .boxes .box h3 {

	max-height: 53px;

	overflow: hidden;

}



#content .boxes .box .price {

	color: #27a834;

	font-weight: 500;

	font-size: 25px;

	display: block;

}



.location {

	display: block;

	font-size: 12px;

    padding: 4px 0 0 0;

}



#sheet {

}



#sheet h2 {

	text-align: left;

	margin: 0 0 15px;

}



#sheet h2:after {

	left: 0;

	margin: 0;

}



#sheet h3 {

	font-size: 18px;

	text-transform: uppercase;

	border-bottom: 1px solid #BBB;

	padding: 0 0 5px;

	margin: 30px 0 15px;

}



#sheet p {

	text-align: justify;

	padding: 0 0 15px;

}



#sheet ul {

	padding: 0 0 15px;

}



#sheet ul li {

	list-style: inside;

}



#sheet .video,

#sheet iframe {

	width: 100%;

	height: 400px;

	border: none;

	overflow: hidden;

}



#sheet .map,

#sheet iframe {

	width: 100%;

	height: 400px;

	border: none;

}



#sheet .rwmb-map-canvas {

	border: 1px solid #CCC;

}



#inner-slider {

	position: relative;

	margin: 15px 0 0 0;

}



#inner-slider .owl-nav {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

}



#inner-slider .owl-prev,

#inner-slider .owl-next {

	position: absolute;

	width: 37px;

	height: 37px;

	text-indent: -9999em;

	overflow: hidden;

	top: 0;

	display: block;

	background-image: url('img/slider/slider-nav.png');

}



#inner-slider .owl-prev {

	left: 20px;

	background-position: 0 0; 

}



#inner-slider .owl-next {

	right: 20px;

	background-position: -37px 0; 

}



#sheet .sidebar-box {

	background: #FFF;

	border: 1px solid #CCC;

	padding: 15px 15px 30px;

	margin: 73px 0 0 0;

}



#sheet .sidebar-box h3 {

	margin: 10px 0 20px;

}



#sheet .sidebar-box p {

	line-height: 19px;

	padding: 0 0 15px;

	margin: 0;

}



#sheet .sidebar-box .button {

	display: table;

	padding: 5px 20px;

	color: #FFF;

	font-size: 15px;

	border: 1px solid #27a834;

	background: #27a834;

	text-align: center;

	margin: 10px auto 0;

}



#sheet .sidebar-box .button:hover {

	text-decoration: none;

	background: #FFF;

	color: #27a834;

}



.form form {

    position: relative;

	padding: 40px 0 0 0;

}



.form form input {

	margin: 0 0 15px;

}



.form form textarea {

	overflow: auto;

	resize: none;

	height: 120px;

	margin: 0 0 20px;

}



.form form button {

	display: table;

	padding: 5px 20px;

	color: #FFF;

	font-size: 15px;

	border: 1px solid #27a834;

	background: #27a834;

	text-align: center;

	margin: 0 auto;

	border-radius: 5px;

}



.form form button:hover {

	opacity: 0.8;

}



.messagebox {

	position: absolute;

	font-size: 12px;

	text-align: center;

	bottom: -24px;

    left: 0;

    right: 0;

	width: 100%;

	color: #333;

}



.messageboxerror {

	color: #F00;

}



.messageboxok {

	color: #1cbb07;

}







/*############################# FOOTER #############################*/



#footer {

	position: relative;

	width: 100%;

}



#footer .info {

	position: relative;

	width: 100%;

	text-align: center;

	padding: 40px 0 0 0;

}



#footer .info .icon {

	width: 60px;

	height: 60px;

	line-height: 58px;

	color: #FFF;

	font-size: 25px;

	margin: 0 auto;

	background: #27a834 ;

	border-radius: 100%;

}



#footer .info p {

	padding: 15px 0;

}



#footer .info p a {

    color: #555;

}



#footer .info p a:hover {

    color: #27a834;

    text-decoration: none;

}



#footer .bottom {

	position: relative;

	width: 100%;

	background: #25252a;

	padding: 20px 0;

	overflow: hidden;

}



#footer .bottom p {

	float: left;

	color: #FFF;

	font-size: 13px;

	line-height: 28px;

}



#footer .bottom p a {

	color: #FFF;

}



#footer .bottom p a:hover {

	color: #27a834;

	text-decoration: none;

}



#footer .bottom .icon {

	float: right;

	border-radius: 100%;

	background: #27a834;

	color: #FFF;

	width: 30px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	font-size: 17px;

    margin: 0 0 0 10px;

}



#footer .bottom .icon:hover {

	background: #FFF;

	color: #27a834;

}