/*-----------------------------------------------------------------------------------
	Theme Name: Cultiva
	Theme URI: http://www.membranaestudio.cl
	Author:  Membranaestudio
	Version: 4.4
-----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'LunchBoxBold';
    src: url('fonts/LunchBox-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/LunchBox-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/LunchBox-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/LunchBox-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/LunchBox-Bold.svg#LunchBox-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'VistaSansBook';
	src: url('fonts/VistaSansBook.eot');
	src: url('fonts/VistaSansBook.eot?#iefix') format('embedded-opentype'),
		url('fonts/VistaSansBook.woff') format('woff'),
		url('fonts/VistaSansBook.ttf') format('truetype'),
		url('fonts/VistaSansBook.svg#VistaSansBook') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'VistaSansAltBook';
	src: url('fonts/VistaSansAltBook.eot');
	src: url('fonts/VistaSansAltBook.eot?#iefix') format('embedded-opentype'),
		url('fonts/VistaSansAltBook.woff') format('woff'),
		url('fonts/VistaSansAltBook.ttf') format('truetype'),
		url('fonts/VistaSansAltBook.svg#VistaSansAltBook') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'VistaSansLight';
	src: url('fonts/VistaSansLight.eot');
	src: url('fonts/VistaSansLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/VistaSansLight.woff') format('woff'),
		url('fonts/VistaSansLight.ttf') format('truetype'),
		url('fonts/VistaSansLight.svg#VistaSansLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #3e7c5e;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #3e7c5e; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #3e7c5e; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.65;
	color: #777777;
	font-family: "VistaSansLight";
    overflow-x: hidden;
    font-size: 15.2px
}

a {
	text-decoration: none !important;
	color: #1ABC9C;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/





h1 { font-size: 33px; font-family: "VistaSansAltBook"; color: #047265; margin-bottom: 44px}


h2.VistaSansAltBook { font-family: 'VistaSansAltBook'; font-weight: 500; font-size: 30px; line-height: 48px; color: #06726b}
h2.VistaSansLight {font-family: 'VistaSansLight'; font-weight:300; font-size: 28px; line-height: 48px; color: #06726b}
h2.LunchBoxBold { font-size:38px; text-transform: uppercase; letter-spacing: 0.8px; color: #3e7c5e; font-family: "LunchBoxBold"}
h2#LunchBoxBold2 { font-size: 36px}


h3 { font-size: 20px; }
h3.Lato { font-size: 23px; text-transform: uppercase; letter-spacing: 16px; color: #7f7f7f;font-weight:300; font-family: "Lato",sans-serif; line-height: 30px}

#Lato2 { font-size: 20px; color: #b5b5b5; }
#Lato3 { font-size: 18px; letter-spacing: 12px;}
h3.LunchBoxBold { font-size:44px; text-transform: uppercase; letter-spacing: 1px; color: #3e7c5e; font-family: "LunchBoxBold"}
h3.VistaSansAltBook { font-family: 'VistaSansAltBook'; font-weight: 500; font-size: 22px; line-height: 32px; color: #217f7f; letter-spacing: 1px}

h3.t1, h1.t1 { color: #3e7c5e; font-family: 'VistaSansLight';font-weight: 300; font-size: 26px; letter-spacing: 1.4px; margin: 0px }
h3.t1 span, h1.t1 span { font-family: "LunchBoxBold"; text-transform: uppercase; font-size: 40px; line-height: 46px; }
h4 { font-size: 18px; }
h4.Lato { font-size: 18px;  font-family: 'Lato', sans-serif; text-transform: uppercase; color: #4c8564; line-height: 29px; letter-spacing: 1px}









h5 { font-size: 14px; }
h5.Lato { font-size: 16.4px;  font-family: 'Lato', sans-serif; text-transform: uppercase; color: #4c8564; line-height: 24px; letter-spacing: 1.6px; margin-bottom: 16px}

h6 { font-size: 12px; }
h3, h4, h5,h6 { margin-bottom: 20px; }
p.VistaSansAltBook {font-family: 'VistaSansAltBook'; font-weight: 500; font-size: 23px; line-height: 40px; color: #06726b}

p.VistaSansAltBook {font-family: 'VistaSansLight'; font-weight: 500; font-size: 23px; line-height: 40px; color: #707070}





p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }




/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/


.uppercase { text-transform: uppercase !important; }

.lowercase { text-transform: lowercase !important; }

.capitalize { text-transform: capitalize !important; }

.nott { text-transform: none !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: none;
	width: 1220px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
	display: block !important;
	position: relative !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

.header-stick { margin-top: -50px !important; }

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { background-color: #1ABC9C !important; }

.color { color: #1ABC9C !important; }

.border-color { border-color: #1ABC9C !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls0 { letter-spacing: 0px !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }

.font-body { font-family: 'Lato', sans-serif; }

.font-primary { font-family: 'Raleway', sans-serif; }

.font-secondary { font-family: 'Crete Round', serif; }

.bgicon {
	display: block;
	position: absolute;
	bottom: -60px;
	right: -50px;
	font-size: 210px;
	color: rgba(0,0,0,0.1);
}

.imagescale,
.imagescalein {
	display: block;
	overflow: hidden;
}

.imagescale img,
.imagescalein img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.imagescale:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imagescalein:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.grayscale {
	filter: brightness(80%) grayscale(1) contrast(90%);
	-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
	-moz-filter: brightness(80%) grayscale(1) contrast(90%);
	-o-filter: brightness(80%) grayscale(1) contrast(90%);
	-ms-filter: brightness(80%) grayscale(1) contrast(90%);
	transition: 1s filter ease;
	-webkit-transition: 1s -webkit-filter ease;
	-moz-transition: 1s -moz-filter ease;
	-ms-transition: 1s -ms-filter ease;
	-o-transition: 1s -o-filter ease;
}

.grayscale:hover {
	filter: brightness(100%) grayscale(0);
	-webkit-filter: brightness(100%) grayscale(0);
	-moz-filter: brightness(100%) grayscale(0);
	-o-filter: brightness(100%) grayscale(0);
	-ms-filter: brightness(100%) grayscale(0);
}

/* MOVING BG -  TESTIMONIALS */
.bganimate {
	-webkit-animation:BgAnimated 30s infinite linear;
	 -moz-animation:BgAnimated 30s infinite linear;
		-ms-animation:BgAnimated 30s infinite linear;
		 -o-animation:BgAnimated 30s infinite linear;
			animation:BgAnimated 30s infinite linear;
}
 @-webkit-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-moz-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-ms-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @-o-keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}
 @keyframes BgAnimated {
	from  {background-position:0 0;}
	to    {background-position:0 400px;}
	}


.input-block-level {
	display: block;
	width: 100% !important;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vertical-middle {
	height: auto !important;
	left: 0;
    bottom: 0px;
}

.vertical-bottom{
	height: auto !important;
	left: 0;
}

.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/


.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #F9F9F9;
	overflow: hidden;
}

.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.mobile-parallax,
.video-placeholder {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center !important;
}

.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
	position: relative;
	bottom: -100px;
	transition: bottom .3s ease-in-out;
	-webkit-transition: bottom .3s ease-in-out;
	-o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }


/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/


.postcontent { width: 730px; border-right: 2px dotted #d1d1d1; padding-right: 70px; margin-right: 0px !important}
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 280px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
	margin-right: 0 !important;
	clear: right;
}





/* ----------------------------------------------------------------
	Top Bar
-----------------------------------------------------------------*/


#top-bar {
	position: relative;
	height: 60px;
	line-height: 60px;
	font-size: 13px;
    z-index: 10;
}


#top-bar .col_half { width: auto; }


/* Top Links
---------------------------------*/


.top-links {
	position: relative;
	float: left;
}

.top-links ul {
	margin: 0;
	list-style: none;
}

.top-links ul li {
	float: left;
	position: relative;
	height: 44px;
	border-left: 1px solid #EEE;
}

.top-links ul li:first-child,
.top-links ul ul li { border-left: 0 !important; }

.top-links li > a {
	display: block;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	height: 44px;
	color: #666;
}

.top-links li i { vertical-align: top; }

.top-links li i.icon-angle-down { margin: 0 0 0 5px !important; }

.top-links li i:first-child { margin-right: 3px; }

.top-links li.full-icon i {
	top: 2px;
	font-size: 14px;
	margin: 0;
}

.top-links li:hover { background-color: #EEE; }

.top-links ul ul,
.top-links ul div.top-link-section {
	display: none;
	pointer-events: none;
	position: absolute;
	z-index: 210;
	line-height: 1.5;
	background: #FFF;
	border: 0;
	top: 44px;
	left: 0;
	width: 140px;
	margin: 0;
	border-top: 1px solid #1ABC9C;
	border-bottom: 1px solid #EEE;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
}

.top-links li:hover ul,
.top-links li:hover div.top-link-section { pointer-events: auto; }

.top-links ul ul li {
	float: none;
	height: 36px;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #EEE;
}

.top-links ul ul li:hover { background-color: #F9F9F9; }

.top-links ul ul li:first-child {
	border-top: none !important;
	border-left: 1px solid #EEE;
}

.top-links ul ul a {
	height: 36px;
	line-height: 36px;
	font-size: 12px;
}

.top-links ul ul img {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.top-links ul ul.top-demo-lang img {
	top: 4px;
	width: 16px;
	height: 16px;
}

.top-links ul div.top-link-section {
	padding: 25px;
	left: 0;
	width: 280px;
}

.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
	left: auto;
	right: 0;
}


/* Top Social
-----------------------------------------------------------------*/

#top-social,
#top-social ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
	display: block;
	position: relative;
	float: left;
	width: auto;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
}



#top-social li:first-child { border-left: 0 !important; }

#top-social li a {
	float: none;
	width: 30px !important;
	color: #fff;
	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 5px;
    font-size: 12px
}

#top-social li a i { position: relative;top: -1px}
#top-social li a:hover {
	color: #FFF !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#top-social li .ts-icon {
	width: 40px;
	text-align: center;
	font-size: 14px;
}




/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/


#header {
	position: relative;
	background-color: #FFF;
	border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }

#header.transparent-header {
	background: transparent;
	border-bottom: none;
	z-index: 199;
}

#header.semi-transparent { background-color: rgba(255,255,255,0.8); }

#header.transparent-header.floating-header { margin-top: 60px; }

#header.transparent-header.floating-header .container {
	width: 1220px;
	background-color: #FFF;
	padding: 0 40px;
	border-radius: 2px;
}

#header.transparent-header.floating-header.sticky-header .container {
	width: 1170px;
	padding: 0 15px;
}

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header, .page-title-fix   {
	top: -170px;
	margin-bottom: -170px;
}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
	top: -160px;
	margin-bottom: -160px;
}

#header.transparent-header + #page-title.page-title-parallax .container {
	z-index: 5;
    padding-top: 240px
}

#header.full-header { border-bottom-color: #EEE; }

body.stretched #header.full-header .container {
	width: 100%;
	padding: 0 30px;
}

#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }

#slider + #header.transparent-header.full-header #header-wrap {
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
}


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	line-height: 100%;
	margin-right: 40px;
}

#header.full-header #logo {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

#logo a {
	display: block;
	color: #000;
}

#logo img {
	display: block;
	max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }


/* ----------------------------------------------------------------
	Header Right Area
-----------------------------------------------------------------*/


.header-extras {
	float: right;
	margin: 30px 0 0;
}

.header-extras li {
	float: left;
	margin-left: 20px;
	height: 40px;
	overflow: hidden;
	list-style: none;
}

.header-extras li i { margin-top: 3px !important; }

.header-extras li:first-child { margin-left: 0; }

.header-extras li .he-text {
	float: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.43;
}

.header-extras li .he-text span {
	display: block;
	font-weight: 400;
	color: #1ABC9C;
}


/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/


#primary-menu { float: right; }

#primary-menu ul.mobile-primary-menu { display: none; }

#header.full-header #primary-menu > ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }

#primary-menu-trigger,
#page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

#primary-menu ul {
	list-style: none;
	margin: 0;
}

#primary-menu > ul { float: left; }

#primary-menu ul li { position: relative; }

#primary-menu ul li.mega-menu { position: inherit; }

#primary-menu ul > li {
	float: left;
	margin-left: 2px;
}








#primary-menu ul li > a {
	display: block;
	line-height: 22px;
	padding:0px;
    margin: 24px 20px;
	color: #fff;
	font-size: 19px;
	letter-spacing: 2.6px;
	text-transform: uppercase;
	font-family: 'LunchBoxBold';
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
    font-weight: normal !important
}

#primary-menu ul li > a span { display: none; }

#primary-menu ul li > a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
}

#primary-menu ul li > a i.icon-angle-down:last-child {
	font-size: 12px;
	margin: 0 0 0 5px;
}

#primary-menu ul > ul li:hover a,{ color: #3e7c5e; }

#primary-menu > ul > li.sub-menu > a > div { }

body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column),
body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block; }

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 240px;
	background: rgba(41,51,43,0.9);
	height: auto;
	z-index: 199;
	top: 100%;
	left: 0;
	margin: 0;
    border: none !important;
}

#primary-menu ul ul:not(.mega-menu-column) ul {
	top: -2px !important;
	left: 218px;
}

#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content.menu-pos-invert {
	left: auto;
	right: 0;
}

#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px; }

#primary-menu ul ul li {
	float: none;
	margin: 0;
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul li > a {
	font-size: 12px;
	color: #92ac65;
	border: 0;
	letter-spacing: 2.6px;
    font-size: 18px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
    border-bottom: 2px dotted #4d4e49; 
    padding-bottom: 5px;
    margin: 16px 24px;
    
}
#primary-menu ul ul { padding: 10px 0}
#primary-menu ul ul li > a i { vertical-align: middle; }


#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("images/icons/submenu.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#primary-menu li.sub-menu ul li a:hover { color: #fff}









/* Primary Menu - Split Menu
-----------------------------------------------------------------*/

@media (min-width: 992px) {

	#header.split-menu #logo {
		position: absolute;
		width: 100%;
		text-align: center;
		margin: 0;
		float: none;
		height: 100px;
	}

	#header.split-menu #logo a.standard-logo { display: inline-block; }

}

#header.split-menu #primary-menu {
	float: none;
	margin: 0;
}

#header.split-menu #primary-menu > ul { z-index: 199; }

#header.split-menu #primary-menu > ul:first-child { float: left; }

#header.split-menu #primary-menu > ul:last-child { float: right; }


/* ----------------------------------------------------------------
	Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap {
	height: 100px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

#header.sticky-style-2 { height: 161px; }

#header.sticky-style-3 { height: 181px; }

#header.sticky-style-2 #header-wrap { height: 60px; }

#header.sticky-style-3 #header-wrap { height: 80px; }

#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {
	-webkit-transition: top .4s ease;
	-o-transition: top .4s ease;
	transition: top .4s ease;
}

#top-search,
#top-cart {
	-webkit-transition: margin .4s ease, opacity .3s ease;
	-o-transition: margin .4s ease, opacity .3s ease;
	transition: margin .4s ease, opacity .3s ease;
}

body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account { opacity: 0; }

#header.sticky-header.semi-transparent { background-color: transparent; }

#header-wrap {
	position: relative;
	z-index: 199;
	-webkit-backface-visibility: hidden;
}

#header.sticky-header #header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
	padding-top: 19px;
	padding-bottom: 19px;
}

#header.sticky-header:not(.static-sticky).sticky-style-2,
#header.sticky-header:not(.static-sticky).sticky-style-3 { height: 161px; }

#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu { border-top: 0; }

#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-account {
	margin-top: 12px !important;
	margin-bottom: 13px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }

#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }



/* ----------------------------------------------------------------
	Page Menu
-----------------------------------------------------------------*/

#page-menu,
#page-menu-wrap {
	position: relative;
}

#page-menu-wrap {
	z-index: 9;
	background-color:#142129;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
}

#page-menu.sticky-page-menu #page-menu-wrap {
	position: fixed;
	z-index: 9999999 !important;
	left: 0;
	width: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 100px; }

#header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header ~ #content #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 0; }

#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

#page-submenu-trigger {
	top: 0;
	margin-top: 0;
	left: auto;
	right: 15px;
	width: 40px;
	height: 94px;
	line-height: 94px;
}

#page-menu .menu-title {
	float: left;
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}

#page-menu .menu-title span { font-weight: 600; }

#page-menu nav {
	position: relative;
	float: left;
}

#page-menu nav ul {
	margin-bottom: 0;
	height: 94px;
}

#page-menu nav li {
	position: relative;
	float: left;
	list-style: none;
    padding: 0px 20px;
}

#page-menu nav li a {
	display: block;
	height: 94px;
	line-height: 22px;
	margin:0px;
	padding:0px;
	color: #FFF;
	font-size: 17px;
}

#page-menu nav li a .icon-angle-down { margin-left: 5px; }

body:not(.device-touch) #page-menu nav li a {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}



#page-menu li:hover ul { display: block; }

#page-menu ul ul {
	display: none;
	position: absolute;
	width: 150px;
	top: 44px;
	left: 0;
	z-index: 149;
	height: auto;
	background-color: #1ABC9C;
}

#page-menu ul ul ul { display: none !important; } /* Disable Multi-Level Links */

#page-menu ul ul li { float: none; }

#page-menu ul ul a {
	height: auto;
	line-height: 22px;
	margin: 0;
	padding: 8px 14px;
	border-radius: 0;
	background-color: rgba(0,0,0,0.15);
}

#page-menu ul ul li:hover a,
#page-menu ul ul li.current a { background-color: rgba(0,0,0,0.3); }




/* ----------------------------------------------------------------
	One Page
-----------------------------------------------------------------*/

.one-page-arrow {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	font-size: 32px;
	text-align: center;
	color: #222;
}


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax { position: relative; }

.slider-parallax,
.slider-parallax .swiper-container {
	visibility: visible;
	-webkit-backface-visibility: hidden;
}

.slider-parallax .slider-parallax-inner {
	position: fixed;
	width: 100%;
	height: 100%;
}

.device-touch .slider-parallax .slider-parallax-inner { position: relative; }

body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; }

body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; }

#header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; }

.slider-parallax .slider-parallax-inner,
.slider-parallax .slider-caption,
.slider-parallax .ei-title {
	will-change: transform;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: transform 0s linear;
	-webkit-backface-visibility: hidden;
}


/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 40px; }


/* Swiper Slider
-----------------------------------------------------------------*/

.swiper_wrapper {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
	position: relative;
	width:100%;
	height:100%;
	margin: 0;
	background: url('images/pattern2.png') repeat;
}

.swiper_wrapper .swiper-slide {
	position: relative;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }

.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}

#slider .container {
	position: relative;
	height: 100%;
}

#slider.canvas-slider .swiper-slide img { width: 100%; }

#slider.canvas-slider a {
	display: block;
	height: 100%;
}


.swiper-pagination {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 20px !important;
	text-align: center;
	line-height: 1;
}

.swiper-pagination span {
	display: inline-block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFF !important; }


/* Revolution Slider
-----------------------------------------------------------------*/

.tp-banner .button { height: auto !important; }


/* Video Overlay
-----------------------------------------------------------------*/

.video-wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.video-wrap video {
	position: relative;
	z-index: 1;
	width: 100%;
}

.video-overlay,
.video-placeholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	-webkit-backface-visibility: hidden;
}

.video-placeholder {
	z-index: 4;
	background-repeat: no-repeat !important;
}


/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption,
.nivo-caption,
.flex-caption {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 20;
	max-width: 550px;
	color: #EEE;
	font-size: 22px;
	font-weight: 300;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2, .slider-caption:not(.dark) h3 {
	color: #222;
	text-shadow: none;
}

.slider-caption h2 {
	margin-bottom: 12px;
	font-size: 30.6px;
    font-family: 'VistaSansBook';
    letter-spacing: 1px;
    line-height: 44px
}


.slider-caption h3 {
	margin-bottom: 10px;
	font-size: 28px;
    font-family: 'VistaSansBook';
    letter-spacing: 1px;
    line-height: 44px
}

.slider-caption p {
	margin-bottom: 50px;
	font-size: 20.6px;
    font-family: 'VistaSansLight';
    letter-spacing: 0.6px;
    line-height: 32px
}

.slider-caption.slider-caption-right {
	left: auto;
	right: 15px;
}

.slider-caption.slider-caption-center {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.slider-caption-bg {
	padding: 5px 12px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.6);
	top: auto;
	bottom: 50px;
	left: 50px;
}

.slider-caption-bg.slider-caption-bg-light {
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-weight: 400;
	text-shadow: none;
}

.slider-caption-top-left {
	top: 50px;
	bottom: auto;
}

.slider-caption-top-right {
	top: 50px;
	bottom: auto;
	left: auto;
	right: 50px;
}

.slider-caption-bottom-right {
	left: auto;
	right: 50px;
}
.slider-caption a.video { background: #e1dfe0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 18px 17px; position: relative; top: -30px} 
.slider-caption a.video .icon-line-play { color: #413f40; font-size: 25px; position: relative; top: 5px; left: 4px}


/* Slider Arrows
-----------------------------------------------------------------*/

#slider .owl-carousel { margin: 0; }

#slider-arrow-left,
#slider-arrow-right,
.camera_prev,
.camera_next,
#slider .owl-prev,
#slider .owl-next,
.flex-prev,
.flex-next,
.nivo-prevNav,
.nivo-nextNav,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	top: 50%;
	left: 0;
	margin-top: -26px;
	background-color: rgba(0,0,0,0.3);
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 0 3px 3px 0;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	top: auto;
	bottom: 57px;
	left: auto;
	right: 20px;
	margin: 0;
	width: 32px;
	height: 32px;
	border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
	bottom: 20px;
	border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -64px; }

#slider .owl-prev,
#slider .owl-next {
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

#slider-arrow-right,
.camera_next,
#slider .owl-next,
.flex-next,
.nivo-nextNav {
	left: auto;
	right: 0;
	border-radius: 3px 0 0 3px;
}

#slider-arrow-left i,
#slider-arrow-right i,
.camera_prev i,
.camera_next i,
#slider .owl-prev i,
#slider .owl-next i,
.flex-prev i,
.flex-next i,
.nivo-prevNav i,
.nivo-nextNav i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	line-height: 50px;
	width: 34px;
	height: 52px;
	color: #DDD;
	color: rgba(255,255,255,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	text-align: center;
	margin-left: 7px;
}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	width: 32px;
	height: 32px;
	margin: 0;
	line-height: 30px;
	font-size: 18px;
	color: #FFF;
	color: rgba(255,255,255,1);
}

.flex-prev i { margin-left: 9px; }

#slider .owl-prev i { margin-left: 0; }

#slider-arrow-right i,
.camera_next i,
.nivo-nextNav i { margin-left: 10px; }

.flex-next i { margin-left: 11px; }

#slider .owl-next i { margin-right: 4px; }

#slider .owl-nav {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#slider .owl-nav div,
#slider:hover .owl-nav { opacity: 1; }

#slider-arrow-left:hover,
#slider-arrow-right:hover,
.camera_prev:hover,
.camera_next:hover,
#slider .owl-prev:hover,
#slider .owl-next:hover,
.flex-prev:hover,
.flex-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; }


/* Slide Number
-----------------------------------------------------------------*/

#slide-number {
	position: absolute;
	opacity: 0;
	top: auto;
	right: 20px;
	bottom: 20px;
	z-index: 20;
	width: 36px;
	height: 40px;
	text-align: center;
	color: rgba(255,255,255,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	font-size: 18px;
	font-weight: 300;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

#slider:hover #slide-number { opacity: 1; }

#slide-number-current,
#slide-number-total {
	position: absolute;
	line-height: 1;
	top: 5px;
	left: 0;
}

#slide-number-total {
	top: auto;
	bottom: 5px;
	left: auto;
	right: 0;
}

#slide-number span {
	display: block;
	font-size: 32px;
	line-height: 40px;
}


/* Pagination
-----------------------------------------------------------------*/

#slider .owl-dots {
	position: absolute;
	width: 100%;
	z-index: 20;
	margin: 0;
	top: auto;
	bottom: 15px;
}

#slider .owl-dots span {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #FFF;
}

#slider .owl-dots .owl-dot.active span,
#slider .owl-dots .owl-dot:hover span { background-color: #FFF !important; }


/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
	padding: 50px 0;
	background-color: #F5F5F5;
	border-bottom: 1px solid #EEE;
}

#page-title .container { position: relative; }

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #333;
	font-size: 28px;
	text-transform: uppercase;
}



.breadcrumb {
	position: absolute !important;
	width: auto !important;
	top: 50% !important;
	left: auto !important;
	right: 15px !important;
	margin: -10px 0 0 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 12px;
}

body.stretched .container-fullwidth .breadcrumb { right: 60px !important; }

#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #555; }

.breadcrumb a:hover { color: #1ABC9C; }

.breadcrumb i { width: auto !important; }

/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
	background-color: #333;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
	border-bottom: none;
}

#page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; }

#page-title.page-title-dark span { color: rgba(255,255,255,0.7); }

#page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); }

#page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); }

#page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); }

/* Page Title - Right Aligned
-----------------------------------------------------------------*/

#page-title.page-title-right { text-align: right; }

#page-title.page-title-right .breadcrumb {
	left: 15px !important;
	right: auto !important;
}

/* Page Title - Center Aligned
-----------------------------------------------------------------*/

#page-title.page-title-center { text-align: center; }

#page-title.page-title-center span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin: 20px 0 0 !important;
}

/* Page Title - Background Pattern
-----------------------------------------------------------------*/

#page-title.page-title-pattern {
	background-image: url('images/pattern.png');
	background-repeat: repeat;
	background-attachment: fixed;
}

/* Page Title - Parallax Background
-----------------------------------------------------------------*/

#page-title.page-title-parallax {
	padding: 100px 0;
	text-shadow: none;
	border-bottom: none;
}

#page-title.page-title-parallax h1 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 2px;
}

#page-title.page-title-parallax span { font-size: 22px; }

#page-title.page-title-parallax .breadcrumb { font-size: 13px; }

#page-title.page-title-parallax {
	background-color: transparent;
	background-image: url('images/parallax/parallax-bg.jpg');
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
}


/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
	font-weight: 600;
	font-size: 18px;
	color: #444;
}

#page-title.page-title-mini span { display: none; }


/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
	background: transparent !important;
	border-bottom: 1px solid #F5F5F5;
}


/* Page Title - Video
-----------------------------------------------------------------*/

#page-title.page-title-video {
	background: none;
	position: relative;
	overflow: hidden;
}

#page-title.page-title-video .container { z-index: 3; }

#page-title.page-title-video .video-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#page-title.page-title-video .video-wrap video { width: 100%; }


/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/


#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}



.content-wrap {
	position: relative;
	padding: 90px 0;
}

#content .container { position: relative; }

.grid-container {
	position: relative;
	overflow: hidden;
}

body:not(.device-touch) .grid-container {
	-webkit-transition: height .4s ease;
	-o-transition: height .4s ease;
	transition: height .4s ease;
}

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/


#posts { position: relative; }

.entry {
	position: relative;
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: 2px dotted #d1d1d1;
}

.entry-image { margin-bottom: 30px; }

.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.entry-image iframe { display: block; }



.entry-title h2 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.entry-title h2 a { color: #016773; } 

.entry-title h2 a:hover { color: #435377; }

.entry-meta {
	margin: 10px -10px -15px 0;
	list-style: none;
}

.single-post .entry-meta { margin-bottom: 20px; }

.entry-meta li {
	float: left;
	font-size: 13px;
	line-height: 14px;
	margin: 0 10px 15px 0;
	color: #a5a5a4;
}

.entry-meta li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: 0.5
}

.entry-meta li i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px;
}

.entry-meta li a { color: #999; }

.entry-meta li a:hover { color: #1ABC9C; }

.entry-meta li:first-child:before { display: none; }

.entry-meta li ins {
	font-weight: 600;
	text-decoration: none;
}

.entry-c {
	position: relative;
	overflow: hidden;
}

#posts .entry-content { margin-top: 20px; }
#posts .entry-content  p { font-size: 14.6px; line-height: 1.6; text-transform: }

.single-post .entry-content .entry-image { max-width: 350px; }

.entry-content { position: relative; }

.entry-link {
	display: block;
	width: 100%;
	background-color: #F5F5F5;
	padding: 30px 0;
	text-align: center;
	color: #444;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 24px;
	font-weight: 700;
	border-radius: 3px;
}

body:not(.device-touch) .entry-link {
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.entry-link:hover {
	color: #FFF;
	background-color: #1ABC9C;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.entry-link span {
	display: block;
	margin-top: 5px;
	font-family: 'Crete Round', serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	color: #AAA;
}

.entry-link:hover span { color: #EEE; }

.entry blockquote p {
	font-weight: 400;
	font-family: 'Crete Round', serif;
	font-style: italic;
}


/* Small Thumbs
-----------------------------------------------------------------*/

.small-thumbs .entry-image,
.ievent .entry-image {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}

.small-thumbs .entry-image img,
.ievent .entry-image img { border-radius: 0; }

.small-thumbs .entry-c .entry-image,
.ievent .entry-c .entry-image {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}

.small-thumbs .entry-c .entry-image img,
.ievent .entry-c .entry-image img { border-radius: 5px; }

.small-thumbs .entry-title h2,
.ievent .entry-title h2 {
	font-size: 20px;
	font-weight: 600;
}


/* Small Thumbs - Right
-----------------------------------------------------------------*/

.small-thumbs.alt .entry-image {
	float: right;
	margin: 0 0 0 30px;
}

.small-thumbs.alt .entry-c .entry-image {
	float: none;
	margin: 0 0 20px 0;
}


/* Small Thumbs - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .small-thumbs .entry-image {
	width: 200px;
	margin: 0 25px 0 0;
}

.bothsidebar .small-thumbs.alt .entry-image { margin: 0 0 0 25px; }

.bothsidebar .small-thumbs .entry-c .entry-image {
	width: 100%;
	margin: 0 0 20px 0;
}

.bothsidebar .small-thumbs .entry-title h2 { font-size: 18px; }


/* Blog - Grid
-----------------------------------------------------------------*/

.post-grid { margin-right: -28px; }

.post-grid .entry {
	float: left;
	width: 264px;
	margin-right: 28px;
}

.post-grid .entry-image img { border-radius: 0; }

.post-grid .entry-title h2 {
	font-size: 21px;
    font-family: "VistaSansBook";
    font-weight: normal;
    text-transform: none;
    line-height: 27px;
}

.post-grid .entry-link { font-size: 24px; }

.post-grid .entry-link span { font-size: 13px; }


/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/

.post-grid.grid-3 { margin-right: -30px; }

.post-grid.grid-3 .entry {
	width:330px;
	margin-right: 30px;
}




/* Blog - Grid - 3 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-3 { margin-right: -25px; }

.postcontent .post-grid.grid-3 .entry {
	width: 270px;
	margin-right: 25px;
}

.postcontent .post-grid.grid-3 .entry-title h2 { font-size: 16px; }


/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/

.post-grid.grid-2 { margin-right: -40px; }

.post-grid.grid-2 .entry {
	width: 550px;
	margin-right: 40px;
}

.post-grid.grid-2 .entry-title h2 { font-size: 20px; }


/* Blog - Grid - 2 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-2 .entry { width: 410px; }

.postcontent .post-grid.grid-2 .entry-title h2 { font-size: 18px; }


/* Blog - Grid - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .post-grid.grid-2 .entry { width: 270px; }

.bothsidebar .post-grid.grid-2 .entry-title h2 { font-size: 16px; }


/* Blog - Masonry
-----------------------------------------------------------------*/

.post-masonry .entry-image,
.post-masonry .entry-image img { height: auto !important; }


/* Blog - Masonry Full
-----------------------------------------------------------------*/

.post-masonry-full { margin: -80px 0 -80px -1px !important; }

.post-masonry-full .entry {
	width: 24.9% !important;
	margin: 0 !important;
	padding: 40px 30px;
	border-bottom: 1px dashed;
	border-left: 1px dashed;
	border-color: #E5E5E5;
}

.post-masonry-full.grid-3 .entry { width: 33.30% !important; }


/* Blog - Timeline
-----------------------------------------------------------------*/

.timeline-border {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -71px;
	width: 0;
	border-left: 1px dashed #CCC;
	height: 100%;
}

.post-timeline { margin-right: -140px !important; }

.post-timeline .entry {
	width: 500px !important;
	margin-right: 140px !important;
}

.entry.entry-date-section {
	width: 100% !important;
	margin: 50px -70px 80px;
	padding: 0;
	border: 0;
	text-align: center;
}

.entry.entry-date-section span {
	display: inline-block;
	padding: 10px 15px;
	background-color: #FFF;
	border: 2px solid #EEE;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}

.post-timeline .entry-timeline {
	display: none;
	position: absolute;
	border: 2px solid #CCC;
	background-color: #FFF;
	padding-top: 0;
	text-indent: -9999px;
	top: 40px;
	left: auto;
	right: -76px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	font-size: 26px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	line-height: 1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.post-timeline .entry-timeline div.timeline-divider {
	position: absolute;
	top: 4px;
	left: -58px;
	width: 50px;
	height: 0;
	border-top: 1px dashed #CCC;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.post-timeline .alt .entry-timeline {
	right: auto;
	left: -77px;
}

.post-timeline .alt .entry-timeline div.timeline-divider {
	left: auto;
	right: -58px;
}

.post-timeline .entry-timeline span {
	display: block;
	margin-top: 3px;
	font-size: 13px;
	font-weight: normal;
}

.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider {
	border-color: #1ABC9C;
	color: #1ABC9C;
}


/* Blog - Timeline - Sidebar
-----------------------------------------------------------------*/

.postcontent .timeline-border {
	left: 32px;
	margin-left: 0;
}

.postcontent .post-timeline {
	padding-left: 100px;
	margin-right: 0 !important;
}

.postcontent .post-timeline .entry {
	width: 100% !important;
	margin-right: 140px !important;
}

.postcontent .post-timeline .entry-timeline {
	display: block;
	border: 3px solid #CCC;
	background-color: #FFF;
	padding-top: 10px;
	text-indent: 0;
	top: 20px;
	left: -100px;
	right: auto;
	width: 64px;
	height: 64px;
	font-size: 24px;
}

.postcontent .post-timeline .entry-timeline div.timeline-divider {
	top: 29px;
	left: 64px;
	width: 32px;
}


/* Individual Post
-----------------------------------------------------------------*/

.ipost .entry-image img { border-radius: 0; }

.ipost .entry-title h3,
.ipost .entry-title h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.ipost .entry-title h4 { font-size: 15px; }

.ipost .entry-title h3 a,
.ipost .entry-title h4 a { color: #333; }

.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover { color: #1ABC9C; }

.ipost .entry-meta { margin-right: -10px; }

.ipost .entry-meta li {
	font-size: 13px;
	margin-right: 10px;
}

.ipost .entry-content { margin-top: 20px; }

.ipost .entry-content p { margin-bottom: 0; }


.more-link {
	display: inline-block;
	border-bottom: 1px solid #1ABC9C;
	padding: 0 2px;
	font-family: 'Crete Round', serif;
	font-style: italic;
}

.more-link:hover { border-bottom-color: #555; }


/* Related Posts
-----------------------------------------------------------------*/

.overlay-icon {
	position: absolute;
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.2);
	text-align: center;
}

.overlay-icon i {
	line-height: 48px;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Small Post
-----------------------------------------------------------------*/

.spost,
.mpost {
	margin-top: 10px;
	padding-top: 10px;
}

.mpost {
	margin-top: 25px;
	padding-top: 25px;
}

.spost:first-child,
.mpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.spost .entry-image,
.mpost .entry-image {
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
	width: 70px;
	height: 70px;
}

.spost .entry-image a i,
.mpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.spost .entry-title h4,
.mpost .entry-title h4 {
	margin: 0;
	font-size: 14px;
    font-family: "VistaSansBook";
    line-height: 18px;
}

.spost .entry-title h4 a,
.mpost .entry-title h4 a { color: #50687a; }

.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover { color: #1ABC9C; }

.spost .entry-meta { margin: 8px -10px 0 0; }

.spost .entry-meta li,
.mpost .entry-meta li {
	font-size: 13px;
	margin: 0 10px 0 0;
}


/* Medium Post
-----------------------------------------------------------------*/

.mpost .entry-image { margin-right: 20px; }

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
	width: 170px;
	height: 128px;
}

.mpost .entry-image a,
.mpost .entry-image img { border-radius: 2px; }

.mpost .entry-image a i {
	font-size: 42px;
	line-height: 128px;
}

.mpost .entry-title h4 {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
}

.mpost .entry-meta { margin-top: 5px; }

.mpost .entry-meta li i { margin-right: 2px; }

.mpost .entry-content { margin-top: 15px; }

.post-navigation + .line { margin: 40px 0 50px; }


/* ----------------------------------------------------------------
	Blog - Author
-----------------------------------------------------------------*/

.author-image {
	float: left;
	width: 84px;
	height: 84px;
	margin-right: 15px;
}

.author-image img {
	width: 84px;
	height: 84px;
}


/* ----------------------------------------------------------------
	Comments List
-----------------------------------------------------------------*/


#comments {
	position: relative;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #EEE;
}

.commentlist {
	list-style: none;
	padding-bottom: 50px;
	margin: 0 0 50px;
	border-bottom: 1px solid #EEE;
}

#reviews .commentlist {
	padding-bottom: 30px;
	margin: 0 0 20px;
}

.commentlist ul { list-style: none; }

.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 30px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li {
	position: relative;
	margin: 30px 0 0 30px;
}

#reviews .commentlist li { margin-top: 20px; }

.comment-wrap {
	position: relative;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	padding: 20px 20px 20px 35px;
}

.commentlist ul .comment-wrap {
	margin-left: 25px;
	padding-left: 20px;
}

#reviews .comment-wrap {
	border: 0;
	padding: 10px 0 0 35px;
}

.commentlist > li:first-child,
#reviews .commentlist > li:first-child {
	padding-top: 0;
	margin-top: 0;
}

.commentlist li .children { margin-top: 0; }

.commentlist li li .children { margin-left: 30px; }

.commentlist li .comment-content,
.pingback {
	position: relative;
	overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p { margin: 20px 0 0 0; }

.commentlist li .comment-content { padding: 0 0 0 15px; }

.commentlist li .comment-meta {
	float: left;
	margin-right: 0;
	line-height: 1;
}

.comment-avatar {
	position: absolute;
	top: 15px;
	left: -35px;
	padding: 4px;
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 50%;
}

.comment-avatar img {
	display: block;
	border-radius: 50%;
}

.commentlist li .children .comment-avatar { left: -25px; }

.comment-content .comment-author {
	margin-bottom: -10px;
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

.comment-content .comment-author a {
	border: none;
	color: #333;
}

.comment-content .comment-author a:hover { color: #1ABC9C; }

.comment-content .comment-author span { display: block; }

.comment-content .comment-author span,
.comment-content .comment-author span a {
	font-size: 12px;
	font-weight: normal;
	font-family: 'Crete Round', serif;
	font-style: italic;
	color: #AAA;
}

.comment-content .comment-author span a:hover { color: #888; }

.comment-reply-link,
.review-comment-ratings {
	display: block;
	position: absolute;
	top: 4px;
	left: auto;
	text-align: center;
	right: 0px;
	width: 14px;
	height: 14px;
	color: #CCC;
	font-size: 14px;
	line-height: 1;
}

.review-comment-ratings {
	width: auto;
	color: #333;
}

.comment-reply-link:hover { color: #888; }


/* ----------------------------------------------------------------
	Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
	color: #999;
	font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 20px; }

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
	display: block !important;
	width: 100% !important;
	margin: 0;
}


/* Post Elements
-----------------------------------------------------------------*/

img.alignleft,
div.alignleft {
	float: left;
	margin: 5px 20px 13px 0;
	max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
	display: block;
	float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
	display: block;
	margin: 10px 0;
	float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

img.alignright,
div.alignright {
	float: right;
	margin: 5px 0 13px 20px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 13px 20px;
	font-family: 'Lato', Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.wp-caption img,
.wp-caption img a {
	display: block;
	margin: 0;
}

p.wp-caption-text {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	background-color: #EEE;
	border-radius: 50px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}








/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/


.tabs {
	position: relative;
	margin: 0 0 30px 0;
}

ul.tab-nav:not(.tab-nav-lg) {
	margin: 0;
	border-bottom: 1px solid #DDD;
	list-style: none;
    text-align: center
}

ul.tab-nav:not(.tab-nav-lg) li {
	border: 1px solid #DDD;
	border-bottom: 0;
	border-left: 0;
	height: 41px;
	text-align: center;
    display: inline-block;
}

ul.tab-nav:not(.tab-nav-lg) li:first-child {
	margin-left: 15px;
	border-left: 1px solid #DDD;
}

ul.tab-nav:not(.tab-nav-lg) li a {
	display: inline-block;
	padding: 0 26px;
	color: #444;
	height: 40px;
	line-height: 40px;
	background-color: #F2F2F2;
	font-size: 14px;
	font-weight: normal;
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
	position: relative;
	top: 1px !important;
	background-color: #FFF;
}


/* Tabs - Alternate Nav
-----------------------------------------------------------------*/

.tabs.tabs-alt ul.tab-nav li { border-color: transparent; }

.tabs.tabs-alt ul.tab-nav li:first-child { border-left: 0; }

.tabs.tabs-alt ul.tab-nav li a { background-color: #FFF; }

.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
	border: 1px solid #DDD;
	border-bottom: 0;
}


/* Tabs - Top Border
-----------------------------------------------------------------*/

.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
	top: -1px;
	height: 43px;
	line-height: 38px;
	border-top: 2px solid #1ABC9C;
}

.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a { height: 42px; }


/* Tabs - Bottom Border
-----------------------------------------------------------------*/

.tabs.tabs-bb ul.tab-nav li {
	border: 0;
	margin: 0;
}

.tabs.tabs-bb ul.tab-nav li a {
	background-color: transparent;
	border-bottom: 2px solid transparent;
}

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
	border-bottom: 2px solid #1ABC9C;
	top: -2px;
	height: 44px;
	line-height: 44px;
}


/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/


ul.tab-nav.tab-nav2 {
	border-bottom: 0;
}

ul.tab-nav.tab-nav2 li {
	border: 0;
	margin-left: 0px;
}

ul.tab-nav.tab-nav2 li:first-child {
	margin-left: 0;
	border-left: 0;
}

ul.tab-nav.tab-nav2 li a {
	background-color: #F5F5F5;
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
	top: 0;
	background-color: #1ABC9C;
	color: #FFF;
}


/* Tabs - Large Navigation
-----------------------------------------------------------------*/


ul.tab-nav-lg {
	margin-bottom: 20px;
	list-style: none;
}

ul.tab-nav-lg li {
	float: left;
	position: relative;
	text-align: center;
	padding: 15px;
}

ul.tab-nav-lg li a {
	display: inline-block;
	color: #444;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

ul.tab-nav.tab-nav-lg li i {
	display: block;
	font-size: 28px;
	margin: 0 0 7px;
}

ul.tab-nav-lg li.ui-tabs-active a {
	color: #1ABC9C;
}



ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before,
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: auto;
	bottom: -50px;
	border: solid transparent;
}

ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {
	border-top-color: #FFF;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}

ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {
	border-top-color: #FFF;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}


/* Tabs - Content Area
-----------------------------------------------------------------*/

.tab-container {
	position: relative;
	padding: 20px 0 0;
}

ul.tab-nav li a i {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-right: 3px;
}

/* Tabs - Bordered
-----------------------------------------------------------------*/

.tabs-bordered ul.tab-nav li:first-child { margin-left: 0; }

.tabs-bordered .tab-container {
	border: 1px solid #DDD;
	border-top: 0;
	padding: 20px;
}


/* Tabs - Side Tabs
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav {
	float: left;
	width: 200px;
	padding: 20px 0;
	border-bottom: 0;
	border-right: 1px solid #DDD;
}

.side-tabs ul.tab-nav li {
	float: none;
	border: 1px solid #DDD;
	border-right: 0;
	border-top: 0;
	height: auto;
	text-align: left;
}

.side-tabs ul.tab-nav li:first-child {
	margin-left: 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.side-tabs ul.tab-nav li a {
	height: auto;
	line-height: 44px;
}

.side-tabs ul.tab-nav li.ui-tabs-active a {
	top: 0;
	right: -1px;
}

.side-tabs .tab-container {
	overflow: hidden;
	padding: 15px 0 0 20px;
}

.ui-tabs .ui-tabs-hide {
	position: absolute !important;
	left: -10000px !important;
	display:block !important;
}


/* Tabs - Side Tabs & Nav Style 2
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav.tab-nav2 { border: 0; }

.side-tabs ul.tab-nav.tab-nav2 li {
	border: 0;
	margin: 6px 0 0;
}

.side-tabs ul.tab-nav.tab-nav2 li:first-child { margin-top: 0; }

.side-tabs ul.tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a { right: 0; }


/* Tabs - Side Tabs & Bordered
-----------------------------------------------------------------*/

.tabs-bordered.side-tabs ul.tab-nav {
	position: relative;
	padding: 0;
	z-index: 2;
	margin-right: -1px;
}

.tabs-bordered.side-tabs ul.tab-nav li a {
	height: auto;
	line-height: 44px;
}

.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
	right: -1px;
	border-right: 1px solid #FFF;
}

.tabs-bordered.side-tabs .tab-container {
	overflow: hidden;
	padding: 20px;
	border-top: 1px solid #DDD;
}


/* ----------------------------------------------------------------
	Side Navigation
-----------------------------------------------------------------*/


.sidenav {
	width: 100%;
	padding: 0;
	background-color: #FFF;
	border-radius: 4px;
}

.sidenav li { list-style-type: none; }

.sidenav li a {
	display: block;
	position: relative;
	margin: 0 0 -1px;
	padding: 11px 20px 11px 14px;
	font-size: 14px;
	border: 1px solid #E5E5E5;
	border-right-width: 2px;
	color: #666;
}

.sidenav > li:first-child > a { border-radius: 4px 4px 0 0; }

.sidenav > li:last-child > a {
	border-radius: 0 0 4px 4px;
	border-bottom-width: 2px;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
	position: relative;
	z-index: 2;
	border-color: rgba(0,0,0,0.1) !important;
	color: #FFF !important;
	font-weight: 600;
	background-color: #1ABC9C !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sidenav li ul { display: none; }

.sidenav li.ui-tabs-active ul { display: block; }

.sidenav li li a {
	padding: 6px 20px 6px 35px;
	font-size: 14px;
	border-top: none;
	border-bottom: none;
}

.sidenav li li:first-child a { padding-top: 20px; }

.sidenav li li:last-child a { padding-bottom: 20px; }

.sidenav li i {
	position: relative;
	top: 1px;
	margin-right: 6px;
	font-size: 14px;
	text-align: center;
	width: 16px;
}

/* Chevrons */
.sidenav .icon-chevron-right {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 50%;
	left: auto;
	right: 6px;
	margin-top: -8px;
	margin-right: 0;
	opacity: .4;
	font-size: 12px !important;
}

.sidenav > li > a:hover {
	background-color: #F5F5F5;
	color: #222;
}

.sidenav a:hover .icon-chevron-right { opacity: .5; }

.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; }







/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut  {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.owl-height {
	-webkit-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out
}

.owl-carousel {
	display:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
	width: 100%;
}

.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}

.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
}

.owl-carousel.owl-loaded { display:block }

.owl-carousel.owl-loading {
	display:block;
	min-height: 100px;
	background: url('images/preloader.gif') no-repeat center center
}

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display:block;
	width:100%;
	-webkit-transform-style:preserve-3d;
}

#slider .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden { opacity: 0; }

.mega-menu-content .owl-carousel.owl-hidden { opacity: 1; }

.owl-carousel.owl-refresh .owl-item { display: none; }

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.owl-carousel .owl-item .owl-lazy {
	opacity:0;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper {
	position:relative;
	height:100%;
	background:#111
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 64px;
	width: 64px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	background: url("images/icons/play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition:scale(1.3,1.3);
	-o-transition:scale(1.3,1.3);
	transition:scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display:none }

.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
	height: 100%;
	width: 100%;
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	line-height: 1;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: -36px;
	zoom: 1;
	width: 36px;
	height: 36px;
	line-height: 32px;
	border: 1px solid rgba(0,0,0,0.2);
	color: #666;
	background-color: #FFF;
	font-size: 18px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; }

.owl-carousel-full .owl-nav [class*=owl-] {
	margin-top: -30px;
	left: 0 !important;
	height: 60px;
	line-height: 60px;
	border: none;
	color: #EEE;
	background-color: rgba(0,0,0,0.4);
	font-size: 28px;
	border-radius: 0 3px 3px 0;
}

.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; }

.owl-carousel  .owl-nav .owl-next {
	left: auto;
	right: -36px;
}

.owl-carousel-full  .owl-nav .owl-next {
	left: auto !important;
	right: 0 !important;
	border-radius: 3px 0 0 3px;
}

.owl-carousel:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: -18px;
}

.owl-carousel:hover .owl-nav .owl-next {
	left: auto;
	right: -18px;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: #1ABC9C !important;
	color: #FFF !important;
	text-decoration: none;
}

.owl-carousel .owl-nav .disabled { display: none !important; }


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	margin-top: 30px;
	*display: inline;
}

.owl-carousel .owl-dots .owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	opacity: 0.5;
	border-radius: 50%;
	background-color: #c0bebc;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span { opacity: 1; }




/* News Carousel Overlays
-----------------------------------------------------------------*/

.news-carousel .text-overlay { padding: 40px 30px 25px; }

.news-carousel .text-overlay-title { margin: 15px 0 10px; }

.news-carousel .text-overlay-title h2,
.news-carousel .text-overlay-title h3,
.news-carousel .text-overlay-title h4 {
	line-height: 1.2;
	text-overflow: none;
	white-space: normal;
}

.news-carousel .text-overlay-meta { font-size: 14px; }

.news-carousel .rounded-skill {
	position: absolute;
	margin: 0 !important;
	top: 30px;
	right: 30px;
	color: #FFF;
	font-weight: 600;
}









/* ----------------------------------------------------------------
	27. Go To Top
-----------------------------------------------------------------*/


#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #44517b; }




/* ----------------------------------------------------------------
	30. Preloaders
-----------------------------------------------------------------*/


.preloader,
.preloader2,
.form-process {
	display: block;
	width: 100%;
	height: 100%;
	background: url("images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }

.form-process {
	display: none;
	position: absolute;
	z-index: 3;
	background-color: rgba(255,255,255,0.7);
}





/* ----------------------------------------------------------------
	32. Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
}

.device-lg.sticky-footer #top-bar,
.device-md.sticky-footer #top-bar { z-index: 299; }

.device-lg.sticky-footer #header,
.device-md.sticky-footer #header { z-index: 199; }

.device-lg.sticky-footer #slider,
.device-lg.sticky-footer #page-submenu,
.device-lg.sticky-footer #page-title,
.device-lg.sticky-footer #content,
.device-md.sticky-footer #slider,
.device-md.sticky-footer #page-submenu,
.device-md.sticky-footer #page-title,
.device-md.sticky-footer #content { z-index: 2; }

.device-lg.sticky-footer #footer,
.device-md.sticky-footer #footer {
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.device-lg.sticky-footer:not(.stretched) #footer,
.device-md.sticky-footer:not(.stretched) #footer {
	left: 50%;
	margin-left: -610px;
	width: 1220px;
}

.device-md.sticky-footer:not(.stretched) #footer {
	margin-left: -500px;
	width: 1000px;
}

#footer .footer-widgets-wrap {
	position: relative;
	padding: 80px 0px 40px 0px;
}

.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth { margin-bottom: 0; }

#copyrights {
	padding: 40px 0;
	background-color: #DDD;
	font-size: 14px;
	line-height: 1.8;
}

#copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #333;
	border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
	color: #555;
	border-bottom: 1px solid #666;
}

.copyrights-menu { margin-bottom: 10px; }

.copyrights-menu a {
	font-size: 14px;
	margin: 0 10px;
	border-bottom: 0 !important;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }

.footer-logo {
	display: block;
	margin-bottom: 30px;
}








/* Navigation Tree
-----------------------------------------------------------------*/


.nav-tree {
	position: relative;
	margin-bottom: 40px;
}

.nav-tree ul {
	margin-bottom: 0;
	list-style: none;
}

.nav-tree > ul { margin: -8px 0; }

.nav-tree li { position: relative; }

.nav-tree li a {
	display: block;
	padding: 8px 0;
	color: #333;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Raleway', sans-serif;
}

.nav-tree li i {
	font-size: 14px;
	width: 16px;
	text-align: center;
}

.nav-tree li i:not(.icon-angle-down) {
	margin-right: 8px;
	position: relative;
	top: 1px;
}

.nav-tree li a i.icon-angle-down {
	width: auto;
	font-size: 12px;
	margin-left: 2px;
}

.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { color: #1ABC9C !important; }

.nav-tree ul ul { display: none; }

.nav-tree li.current > ul { display: block; }

.nav-tree ul ul a {
	font-size: 12px;
	padding: 6px 0;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
}

.nav-tree ul ul a i.icon-angle-down { font-size: 12px; }

.nav-tree ul ul a { padding-left: 20px; }
.nav-tree ul ul ul a { padding-left: 40px; }
.nav-tree ul ul ul ul a { padding-left: 60px; }
.nav-tree ul ul ul ul ul a { padding-left: 80px; }




/* ----------------------------------------------------------------
	35. Bootstrap Specific
-----------------------------------------------------------------*/

.table .success { color: #3c763d; }

.table .info { color: #31708f; }

.table .warning { color: #8a6d3b; }

.table .danger { color: #a94442; }

.btn-link,
.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #1ABC9C; }

.btn-link:hover,
.btn-link:focus { color: #222; }

.boot-tabs { margin-bottom: 20px !important; }

.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
	position: absolute;
	top: 47.5%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .icon-chevron-left { left: 50%; }

.carousel-control .icon-chevron-right { right: 50%; }

.responsive-utilities th small {
	display: block;
	font-weight: 400;
	color: #999;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EEE;
	border: 1px solid #DDD;
}

.img-circle { border-radius: 50% !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #FFF !important;
	background-color: #1ABC9C !important;
	border-color: #1ABC9C !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: #1ABC9C; }

label.radio,
label.checkbox { padding-left: 20px; }

.input-group-lg > .input-group-addon { line-height: 1; }


/* ----------------------------------------------------------------
	36. Cookie Notification
-----------------------------------------------------------------*/


#cookie-notification {
	position: fixed;
	top: auto;
	bottom: -70px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	line-height: 24px;
	background-color: #EEE;
	color: #444;
	z-index: 99;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15);
	-webkit-transition: bottom .4s ease;
	-o-transition: bottom .4s ease;
	transition: bottom .4s ease;
}

.cookie-noti-btn {}


/* ----------------------------------------------------------------
	37. Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}


/* ----------------------------------------------------------------
	38. Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper,
.animsition-overlay {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.css3-spinner {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background-color: #FFF;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.css3-spinner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: 13px;
	width: 18px;
	height: 18px;
	background-color: #DDD;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.css3-spinner .css3-spinner-bounce1 {
	margin-left: -31px;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.css3-spinner .css3-spinner-bounce2 {
	margin-left: -9px;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 40% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	}
}


.css3-spinner > .css3-spinner-flipper {
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px;
	border-radius: 0;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	} 50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	} 100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

.css3-spinner > .css3-spinner-double-bounce1,
.css3-spinner > .css3-spinner-double-bounce2 {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	opacity: 0.6;
	-webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out;
	animation: cssspinnerbounce 2.0s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes cssspinnerbounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes cssspinnerbounce {
	0%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 50% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	}
}

.css3-spinner > .css3-spinner-rect1,
.css3-spinner > .css3-spinner-rect2,
.css3-spinner > .css3-spinner-rect3,
.css3-spinner > .css3-spinner-rect4,
.css3-spinner > .css3-spinner-rect5 {
	height: 30px;
	width: 6px;
	margin-top: -15px;
	margin-left: -21px;
	border-radius: 0;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-rect2 {
	margin-left: -12px;
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.css3-spinner > .css3-spinner-rect3 {
	margin-left: -3px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.css3-spinner > .css3-spinner-rect4 {
	margin-left: 6px;
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.css3-spinner > .css3-spinner-rect5 {
	margin-left: 15px;
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}  20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}


.css3-spinner > .css3-spinner-cube1,
.css3-spinner > .css3-spinner-cube2 {
	width: 16px;
	height: 16px;
	border-radius: 0;
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
	25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
	50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
	75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
	100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
	25% {
	transform: translateX(42px) rotate(-90deg) scale(0.5);
	-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
	} 50% {
	transform: translateX(42px) translateY(42px) rotate(-179deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
	} 50.1% {
	transform: translateX(42px) translateY(42px) rotate(-180deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
	} 75% {
	transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	} 100% {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	}
}


.css3-spinner > .css3-spinner-scaler {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: scaleout 1.0s infinite ease-in-out;
	animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
	0% { -webkit-transform: scale(0.0) }
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes scaleout {
	0% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 100% {
	transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}


.css3-spinner > .css3-spinner-grid-pulse {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	margin-left: -24px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-grid-pulse > div {
	background-color: #DDD;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block;
	float: left;
	-webkit-animation-name: ball-grid-pulse;
	animation-name: ball-grid-pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.css3-spinner-grid-pulse > div:nth-child(1) {
	-webkit-animation-delay: 0.73s;
	animation-delay: 0.73s;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
}

.css3-spinner-grid-pulse > div:nth-child(2) {
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
}

.css3-spinner-grid-pulse > div:nth-child(3) {
	-webkit-animation-delay: 0.71s;
	animation-delay: 0.71s;
	-webkit-animation-duration: 0.88s;
	animation-duration: 0.88s;
}

.css3-spinner-grid-pulse > div:nth-child(4) {
	-webkit-animation-delay: 0.62s;
	animation-delay: 0.62s;
	-webkit-animation-duration: 1.06s;
	animation-duration: 1.06s;
}

.css3-spinner-grid-pulse > div:nth-child(5) {
	-webkit-animation-delay: 0.31s;
	animation-delay: 0.31s;
	-webkit-animation-duration: 0.62s;
	animation-duration: 0.62s;
}

.css3-spinner-grid-pulse > div:nth-child(6) {
	-webkit-animation-delay: -0.14s;
	animation-delay: -0.14s;
	-webkit-animation-duration: 1.48s;
	animation-duration: 1.48s;
}

.css3-spinner-grid-pulse > div:nth-child(7) {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
	-webkit-animation-duration: 1.47s;
	animation-duration: 1.47s;
}

.css3-spinner-grid-pulse > div:nth-child(8) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-duration: 1.49s;
	animation-duration: 1.49s;
}

.css3-spinner-grid-pulse > div:nth-child(9) {
	-webkit-animation-delay: 0.73s;
	animation-delay: 0.73s;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}

@-webkit-keyframes ball-grid-pulse {
	0% {
	-webkit-transform: scale(1);
	transform: scale(1); }

	50% {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0.7; }

	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; }
}

@keyframes ball-grid-pulse {
	0% {
	-webkit-transform: scale(1);
	transform: scale(1); }

	50% {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0.7; }

	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1; }
}


.css3-spinner > .css3-spinner-clip-rotate {
	width: 33px;
	height: 33px;
	margin-top: -17px;
	margin-left: -17px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-clip-rotate > div {
	border-radius: 100%;
	border: 2px solid #DDD;
	border-bottom-color: transparent !important;
	height: 33px;
	width: 33px;
	background: transparent !important;
	-webkit-animation: rotate 1s 0s linear infinite;
	animation: rotate 1s 0s linear infinite;
}

@keyframes rotate {
	0% {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1); }

	50% {
	-webkit-transform: rotate(180deg) scale(0.6);
	transform: rotate(180deg) scale(0.6); }

	100% {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1); }
}


.css3-spinner > .css3-spinner-ball-rotate {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	margin-left: -6px;
	background-color: transparent !important;
	-webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
	animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
}

.css3-spinner-ball-rotate > div {
	background-color: #DDD;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: relative;
}

.css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	content: "";
	position: absolute;
	opacity: 0.7;
}

.css3-spinner-ball-rotate > div:nth-child(1) {
	top: 0px;
	left: -22px;
}

.css3-spinner-ball-rotate > div:nth-child(3) {
	top: 0px;
	left: 22px;
}


@-webkit-keyframes ballrotate {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }

  50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); }
}

@keyframes ballrotate {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg); }

  50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg); }
}


.css3-spinner > .css3-spinner-zig-zag {
	background-color: transparent !important;
	-webkit-transform: translate(-15px, -15px);
	-ms-transform: translate(-15px, -15px);
	transform: translate(-15px, -15px);
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-zig-zag > div {
	background-color: #DDD;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	position: absolute;
	margin-left: 15px;
	top: 4px;
	left: -7px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.css3-spinner-zig-zag > div:first-child {
	-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
	animation: ball-zig-deflect 1.5s 0s infinite linear;
}

.css3-spinner-zig-zag > div:last-child {
	-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
	animation: ball-zag-deflect 1.5s 0s infinite linear;
}


@-webkit-keyframes ball-zig-deflect {
  17% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  34% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  84% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@keyframes ball-zig-deflect {
  17% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  34% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(15px, -30px);
	transform: translate(15px, -30px); }

  84% {
	-webkit-transform: translate(-15px, -30px);
	transform: translate(-15px, -30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@-webkit-keyframes ball-zag-deflect {
  17% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  34% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  84% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@keyframes ball-zag-deflect {
  17% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  34% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  50% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }

  67% {
	-webkit-transform: translate(-15px, 30px);
	transform: translate(-15px, 30px); }

  84% {
	-webkit-transform: translate(15px, 30px);
	transform: translate(15px, 30px); }

  100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}


.css3-spinner > .css3-spinner-ball-scale-multiple {
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-ball-scale-multiple > div {
	background-color: #DDD;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 60px;
	height: 60px;
	-webkit-animation: ball-scale-multiple 1.25s 0s linear infinite;
	animation: ball-scale-multiple 1.25s 0s linear infinite;
}

.css3-spinner-ball-scale-multiple > div:nth-child(2) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.css3-spinner-ball-scale-multiple > div:nth-child(3) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

@-webkit-keyframes ball-scale-multiple {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0; }

  5% { opacity: 1; }

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0; }
}

@keyframes ball-scale-multiple {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0; }

  5% { opacity: 1; }

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0; }
}


.css3-spinner > .css3-spinner-triangle-path {
	background-color: transparent !important;
	-webkit-transform: translate(-29.994px, -37.50938px);
	-ms-transform: translate(-29.994px, -37.50938px);
	transform: translate(-29.994px, -37.50938px);
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-triangle-path > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #DDD;
}

.css3-spinner-triangle-path > div:nth-child(1) {
	-webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-child(2) {
	-webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-child(3) {
	-webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-of-type(1) { top: 50px; }

.css3-spinner-triangle-path > div:nth-of-type(2) { left: 25px; }

.css3-spinner-triangle-path > div:nth-of-type(3) {
	top: 50px;
	left: 50px;
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
	-webkit-transform: translate(25px, -50px);
	transform: translate(25px, -50px); }

  66% {
	-webkit-transform: translate(50px, 0px);
	transform: translate(50px, 0px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-1 {
  33% {
	-webkit-transform: translate(25px, -50px);
	transform: translate(25px, -50px); }

  66% {
	-webkit-transform: translate(50px, 0px);
	transform: translate(50px, 0px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-2 {
  33% {
	-webkit-transform: translate(25px, 50px);
	transform: translate(25px, 50px); }

  66% {
	-webkit-transform: translate(-25px, 50px);
	transform: translate(-25px, 50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-2 {
  33% {
	-webkit-transform: translate(25px, 50px);
	transform: translate(25px, 50px); }

  66% {
	-webkit-transform: translate(-25px, 50px);
	transform: translate(-25px, 50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-3 {
  33% {
	-webkit-transform: translate(-50px, 0px);
	transform: translate(-50px, 0px); }

  66% {
	-webkit-transform: translate(-25px, -50px);
	transform: translate(-25px, -50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-3 {
  33% {
	-webkit-transform: translate(-50px, 0px);
	transform: translate(-50px, 0px); }

  66% {
	-webkit-transform: translate(-25px, -50px);
	transform: translate(-25px, -50px); }

  100% {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px); }
}


.css3-spinner > .css3-spinner-ball-pulse-sync {
	width: 70px;
	height: 34px;
	margin-left: -35px;
	margin-top: -17px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-ball-pulse-sync > div {
	display: inline-block;
	background-color: #DDD;
	width: 14px;
	height: 14px;
	margin: 10px 3px 0;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.css3-spinner-ball-pulse-sync > div:nth-child(0) {
	-webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
	animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(1) {
	-webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
	animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(2) {
	-webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
	animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(3) {
	-webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
	animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
}


@-webkit-keyframes ball-pulse-sync {
  33% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0.85;
	}

  66% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	opacity: 0.7;
	}

  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}
}

@keyframes ball-pulse-sync {
  33% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0.85;
	}

  66% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	opacity: 0.7;
	}

  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	}
}


.css3-spinner > .css3-spinner-scale-ripple {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background-color: transparent !important;
	-webkit-animation: none;
	animation: none;
}

.css3-spinner-scale-ripple > div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #DDD;
	-webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
	animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
}

.css3-spinner-scale-ripple > div:nth-child(0) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.css3-spinner-scale-ripple > div:nth-child(1) {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.css3-spinner-scale-ripple > div:nth-child(2) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.css3-spinner-scale-ripple > div:nth-child(3) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}


@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 1; }

  70% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.7; }

  100% {
	opacity: 0.0; }
}

@keyframes ball-scale-ripple-multiple {
  0% {
	-webkit-transform: scale(0.1);
			transform: scale(0.1);
	opacity: 1; }

  70% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.7; }

  100% {
	opacity: 0.0; }
}



/* ----------------------------------------------------------------
	39. HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/


.mb_YTVPlayer :focus { outline: 0; }

.mb_YTVPlayer {
	display:block;
	transform:translateZ(0);
	transform-style: preserve-3d;
	perspective: 1000;
	backface-visibility: hidden;
	transform:translate3d(0,0,0);
	animation-timing-function: linear;
}

.mb_YTVPlayer.fullscreen {
	display:block!important;
	position: fixed!important;
	width: 100%!important;
	height: 100%!important;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity:1 !important; }


.mbYTP_wrapper iframe { max-width: 4000px !important; }

.inline_YTPlayer {
	margin-bottom: 20px;
	vertical-align:top;
	position:relative;
	left:0;
	overflow: hidden;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	background: rgba(0,0,0,.5);
}

.inline_YTPlayer img {
	border: none!important;
	-moz-transform: none!important;
	-webkit-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
	margin:0!important;
	padding:0!important
}

/* General */
.ui-state-default.ui-corner-top:nth-child(2) {border-left:0px!important;}
#m7.boton-links {padding-top:15px;padding-bottom:15px;}
.boton-links #c4 a.boton {margin-top:0px;}
#equipo .tab-nav li {width:100%;}
#equipo #ui-id-2 {display:none;}
.bajada1 { font-size: 23px; color: #777777; line-height: 42px}
.bajada2 { font-size: 17px; color: #777777; line-height: 29px}
.titulo_hoja { margin-top: 40px; margin-bottom: 70px}
.titulo_hoja h3 { font-weight: normal; font-family: "Lato",sans-serif; font-size: 20px; color: #458459; text-transform: uppercase; letter-spacing: 8px; margin-top: 50px}
.fix_paddingright { padding-right: 40px}
.fix_paddingleft { padding-left: 40px}
.owl-carousel p { font-family: "Lato",sans-serif; text-transform: uppercase; font-size: 15px; letter-spacing: 2.6px; line-height: 23px}
.owl-carousel .color1 { color: #0a378a}
.owl-carousel .color2 { color: #2d6677}
.owl-carousel .color3 { color: #3c7b60}
.owl-carousel .color4 { color: #4f8b4b}
.boton { color: #417c60; text-transform: uppercase; font-family: "Lato",sans-serif; font-size: 12px; letter-spacing: 1px; border: 1px solid #dce5e2; padding: 8px 22px; margin-top: 10px; display: inline-block}
#footer { margin-top: 0px !important; background: #fff; padding-top: 70px; z-index: 1}
#footer #img { padding-top: 240px}
.give-donation-amount .give-hidden {display: none;}
.give-hidden {display: none}
#primary-menu ul.sub-menu li.current_page_item a{ color: #fff !important}
#quienes_somos ul.sub-menu a { color: #92ac65 !important}




/* Header */

#menu-footer li a {background-image: url(imagenes/puntitos-footer.png); background-repeat: repeat-x; background-position:bottom}
.idioma {position:absolute;left:-140px;}
.idioma ul li a {font-size:14px;font-family:"lunchBoxBold"!important;color:#fff!important;padding-left:0px!important;letter-spacing:2.4px!important;text-transform:uppercase;position:relative;}
.idioma ul li.wpml-ls-first-item a::before {content:"|";position:absolute;color:#fff;display:block;right:4px;}
.wpml-ls-legacy-list-horizontal a {padding:5px 12px;}

#primary-menu > ul > li:first-child a {margin-left: 0px !important }
#primary-menu > ul > li:last-child a {margin-right: 0px !important }
#logo img { position: relative; top: -40px}
#top-bar #top-social { position: relative; top: 18px}
.barraizquierda {position: fixed; top: 30%; z-index: 9 !important; left: 14px; width: 100px}
.barraizquierda a { margin-bottom:6px; display: block}
.icon-googleplay { position: relative;left: 2px; top: -1px}
.icon-facebook { font-size: 14px; position: relative; top: -1px}

/* Hojas */
.hoja_verde img { width: 23px;}
.hoja_verde .linea1 { border-top: 1px solid #d9e7d1;display: inline-block; width: 66px; position: relative; left: -14px}
.hoja_verde .linea2 { border-top: 1px solid #d9e7d1;display: inline-block; width: 66px; position: relative; left: 14px}
.hoja_gris {  margin-bottom: 40px}
.hoja_gris img { width: 20px;}
.hoja_gris .linea1 { border-top: 1px solid #eeeeee;display: inline-block; width: 220px; position: relative; left: -14px}
.hoja_gris .linea2 { border-top: 1px solid #eeeeee;display: inline-block; width: 220px; position: relative; left: 14px}

/* Dark */
.dark .slider-caption, .dark .slider-caption h2, .dark .slider-caption h3 {color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.15);}

/* Banner home  */
.botonslider {height: 45px; border: 1px solid #607173; line-height: 45px; display: inline-block; padding: 0 26px; position: relative; text-transform: uppercase; background-color: rgba(56, 83, 78, 0.8); color: #fffefa; }
.botonslider {color: #fff; font-size: 14.6px; letter-spacing: 2px; margin-top: 36px}
.botonslider:hover {color: #fff !important}
#slider .slider-caption { margin-top: 40px}
.flechahomeslider {font-size: 44px; bottom: 50px !important;}
.flechahomeslider i {color: #fff !important;}

/*  home  */
#home_trabajamos #m1, #home_trabajamos #m2 { margin-top: 100px}
#home_trabajamos #m1 img {  width: 68px; padding-bottom: 20px}
#home_trabajamos #m2 img {  width: 82px; padding-bottom: 20px; margin-top: 14px}
#home_numeros .col-lg-3 { border-right: 2px dotted #fdfbfe; padding:10px; height: 220px}
#home_numeros .col-lg-3:last-child { border: none}
#home_numeros h3.t1 { color: #fff; font-size: 38px; line-height: 36px; font-family: 'Roboto', sans-serif; font-weight: 200 !important; margin-bottom: 0px; font-weight: 200; letter-spacing: 1px}
#home_numeros h3.t1 span { font-size: 27px; color: #fff; display: block; position: relative; top:8px} 
#home_numeros #m1 img { width: 105px; margin-bottom: 20px}
#home_numeros #m2 img { width: 62px; margin-bottom: 24px}
#home_numeros #m3 img { width: 65px; margin-bottom: 26px}
#home_numeros #m4 img { width: 70px; margin-bottom: 20px}
#home_numeros #m1 .alinear { position: relative; top: 14px}
#home_numeros #m2 .alinear { position: relative; top: -9px}
#home_numeros #m3 .alinear { position: relative; top: 22px}
#home_numeros .fix { display: block; line-height: 0px}
#home_pilares { margin-bottom: 120px; margin-top: 20px}
#home_alianzas #oc-clients { margin-top: 50px} 
#home_alianzas h3.Lato { font-size: 21px}
#home_trabajamos .hoja_verde {  margin-bottom: 80px}


/*  Quienes somos  */
#m1.qsomos .hoja_verde { margin-top: 70px}
#m2 #c2 { background: #707e71; text-align:center;}
#m2.qsomos h3, #m2.qsomos p {color: #fff !important}
#m2.qsomos p { font-size: 19px; line-height: 34px}
#m2.qsomos h3 { margin-bottom: 40px}
#quienes_somos .col-padding { padding: 60px 80px}
/*#m2 { text-align: center}*/
#m2.qsomos .owl-carousel p {line-height:23px;}
#m2.qsomos .owl-carousel img {width:100%!important;margin-bottom:0px!important;}
#m2.qsomos img { margin-top: 40px; width: 230px}
#m2.qsomos #c2 p {color:#fff;}
#m3.qsomos h3 { color: #047265; margin-bottom: 40px}
#m4.qsomos h3 { font-size: 34px; margin:30px 0px 20px; line-height: 34px}
#m4.qsomos #c1 h3 { color: #2a8768}
#m4.qsomos #c2 h3 { color: #277275}
#m4.qsomos #c3 h3 { color: #246180}
#m4.qsomos .col-md-4 { padding: 0px 30px}
#m4.qsomos  img { width: 100px}
#m5.qsomos h3 { color: #0a378a; font-size: 22px; letter-spacing: 16px; margin-bottom: 50px}
#m5.qsomos .content-wrap { padding-top: 40px}

/*  historia  */
.historia .bajada1 {line-height: 36px; color: #2c817c; font-size: 21px; margin-bottom: 40px}
.historia #c1 { margin-bottom: 10px}
.historia #c2 { padding-right:44px; }
.historia #c3 { padding-left:44px; }
.historia #m2 { padding: 0px 30px}
#m2.historia h5 {font-family: "Roboto",sans-serif; color: #438057; font-size: 30px; margin-bottom: 10px}
#m2.historia p {color: #438057 !important; font-size: 15px !important}
#m2.historia img { margin-bottom: 10px !important}
#m2.historia .hoja_verde { margin-top: 140px !important; margin-bottom: 20px !important}
#m2.historia .owl-carousel p { text-transform:none; font-family: "VistaSansLight"; letter-spacing: 0px}
#m2.historia .owl-carousel { padding-bottom: 40px !important}
#m2.historia .hoja_verde .linea1, #historia .hoja_verde .linea2 { border-top: 1px solid #c7d4e5 !important}


/*  equipo  */
#equipo #m1 .hoja_verde { margin-top: 70px; margin-bottom: 20px}
#equipo #listado img { margin: 0 auto}
#equipo #m4 h3 { color: #0b4688; margin-bottom: 100px}
#equipo #m3 .titulo_hoja h3 { margin-bottom: 100px}
#equipo #m4 p { margin-bottom: 12px; font-size: 16px; color: #617e82; font-family: "VistaSansLight" !important} 
#equipo .portfolio-item { min-height: 340px}
#equipo ul.tab-nav.tab-nav2 li.ui-state-active a, #equipo ul.tab-nav.tab-nav2 li a  { letter-spacing: 7px; font-size: 18px}
#equipo  ul.tab-nav:not(.tab-nav-lg) li a { padding: 0px 36px}
#equipo .tab-container .col-md-3 { padding: 0 40px 0px; min-height: 340px}
#equipo .portfolio-desc { text-align: center}
#equipo #listado_corporacion, #equipo #empresa   { margin-top: 100px}
#equipo .titulo_hoja { margin-bottom: 120px}
#equipo #footer, #blog #footer { padding-top: 120px}
#causas #footer { padding-top: 200px}

/*  proyecto  */
#proyecto .portfolio-filter li a { letter-spacing: 3px; font-size: 16px }
#proyecto .portfolio-filter { margin: 80px 0px 120px} 
#proyecto #listado img.img { margin: 0 auto; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%}
#proyecto .portfolio-item { padding: 0px 40px 80px 40px}
#proyecto .hoja_verde img { margin: 0 auto; width: 12px}
#proyecto .hoja_verde .linea1, #proyecto .hoja_verde .linea2 { margin: 0px; width: 28px;}
#proyecto .hoja_verde .linea1 { top: 0px; left: -12px; }
#proyecto .hoja_verde .linea2 { top: 0px; left: 12px}
#proyecto .fecha { text-transform: uppercase; color: #b4b4b4; font-size: 10.8px; font-weight: normal; letter-spacing: 3px; font-family: "Lato",sans-serif; margin: 8px 0px 14px 0px; display: block; text-align: center;}
.col-md-3.psocioambientales, .col-md-3.scompensacion {cursor: pointer !important; padding: 0 40px 80px;}
.col-md-3.psocioambientales h3, .col-md-3.scompensacion h3 {text-align: center;}
#proyecto .portfolio-desc h3 {margin-bottom: 15px;}
ul.tab-nav.tab-nav2 li.ui-state-active a {background-color: transparent; color: #627583; letter-spacing: 3px; font-size: 17px; text-transform: uppercase; font-family: "Lato" !important;}
ul.tab-nav.tab-nav2 li a {background-color: transparent; color: #ababab; font-family: "Lato"; font-size: 17px; letter-spacing: 3px; text-transform: uppercase;}
.ui-state-default.ui-corner-top:nth-child(2) {border-left: 1px solid #a9a9a9;}
ul.tab-nav:not(.tab-nav-lg) li a {line-height: 30px;}
.ui-state-default.ui-corner-top {height: 30px !important;}

#proyecto .tab-container {padding: 100px 0 0;}
#proyecto .ui-widget-content, #equipo .ui-widget-content { border: none}
#proyecto .modal .icon-angle-right { position: relative; left: 24px}
#proyecto .modal .icon-angle-left { position: relative; right: 24px}
#proyecto .modal .textointeriormodal { padding: 10px 50px 60px 50px}
#proyecto .modal h3 { font-family: "VistaSansBook"; color: #006a75; font-size: 22px; margin-top: 24px; margin-bottom: 50px;}
#proyecto .modal  p { font-family: "VistaSansLight"; color: #59837f; font-size: 15.6px; margin-bottom: 10px}
#proyecto .modal table { max-width: 400px; margin: 0 auto}
#proyecto .modal table  td { font-family: "Lato"; color: #45818c; font-size: 13px; text-transform: uppercase}
#proyecto .modal .table td {border-bottom: 1px solid #dddddd; border-top: none}
#proyecto .carousel.slide a i { margin-top: 170%}
#proyecto h1 { margin-bottom:60px}

#proyecto .table-responsive { margin-top: 40px}


/*  socioambientales  */
#socioambientales #m1 h1.t1 span { line-height: 50px} 
#socioambientales #m1 img { width: 60px; margin-bottom: 10px} 
#socioambientales #m1 p { margin-top: 60px !important}
#socioambientales #m2 img { width: 90px; margin-bottom: 10px}
.socioambiental.empresa img { width: 100%!important; margin-bottom: 20px!important}
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(1) p { color: #05347c }
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(2) p { color: #3c7684}
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(3) p { color: #51894a }
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(4) p { color: #6db15c }
#m2.socioambiental, #m2.socioambiental h3 {text-align:left!important;}
#m2.socioambiental #c2 p, #m2.socioambiental #c2 h5.Lato {text-align:left;}
#m2.socioambiental #c2 {background-color:#fff;}
#m2.socioambiental #c1 { margin-bottom: 30px}
#m2.socioambiental #c2 h3 { margin-bottom: 40px}
#m2.socioambiental #c2 h3 { margin-bottom: 40px}
#m2.socioambiental #c1 h2 { margin-bottom: 22px}
#m3.socioambiental { background: #f8faef; }
#m3.socioambiental h5 { margin-bottom: 10px}
#m3.socioambiental h2.LunchBoxBold { margin-bottom: 40px; }
#m3.socioambiental #c2 .col-md-2 { width: 12%}
#m3.socioambiental #c2 .col-md-10 { width: 70%}
#m3.socioambiental #c2 h3 { margin-top: 80px; margin-bottom: 36px}
#m3.socioambiental .metodologia { margin-bottom: 40px}
#m3.socioambiental .metodologia h5 { margin-top: 0px}
#m4.socioambiental { background: #99a050}
#m4.socioambiental h3 { color: #fff; font-size: 28px; margin-bottom: 10px; line-height: 30px}
#m4.socioambiental p { color: #fff; margin: 0px}
#m4.socioambiental .col-md-4 { border-right: 3px dotted #c8cb9e; min-height: 500px; padding: 0px 50px }
#m4.socioambiental .col-md-4:last-child { border: none; }
#m4.socioambiental .hoja_verde .linea1 { border-top: 1px solid #c9cca1; width: 100px} 
#m4.socioambiental .hoja_verde .linea2 { border-top: 1px solid #c9cca1; width: 100px }
#m4.socioambiental h4 { color: #fff; letter-spacing: 14px; font-size: 19px; margin-bottom: 120px}
#m4.socioambiental .hoja_verde { margin-bottom: 30px} 
#m6.empresa.socioambiental p {color: #6b6b6b;font-size: 16px;margin-bottom: 10px; text-transform: uppercase; font-weight: normal}
#m6.empresa.socioambiental h3 { margin-bottom: 70px}
#hoja_blanca .hoja_verde { margin-bottom: 40px}
#hoja_blanca h3 { margin-bottom: 100px}
#m4.socioambiental #c1 img, #m4.socioambiental #c2 img, #m4.socioambiental #c3 img { width: 100px; margin-bottom: 20px}

/*  compensación ambiental  */
.compensacion .barraizquierda {display: none;}
#m1.compensacion h1.t1 span { line-height: 50px} 
#m1.compensacion .logo1 { width: 74px; }
#m1.compensacion .logo2 { width: 70px; }
#m1.compensacion .linea { width: 60px; height: 1px; background-color: #999; margin: 30px auto 40px; display: block;}
#m1.compensacion p { margin-top: 60px !important; margin-bottom: 20px !important}
#m2.compensacion, #m3.compensacion, #causas #m2, #causas #m3, #historia #m2 { z-index: 99 !important; background: #fff; position: relative}
#historia #footer, .compensacion #footer, #causas #footer { z-index: 99 !important; }
#m2.compensacion p { font-size: 16px; line-height: 32px;}
#m2.compensacion p:last-child {margin-bottom: 0;}
#m2.compensacion h2, #m2.compensacion p, #m4.compensacion .titulo-trabajamos, .compensacion .columna p, #m5.compensacion  .titulo-trabajamos { color: #fff}
#m5.compensacion h3.titulo-trabajamos {font-size:30px;letter-spacing:2px;}
#m2.compensacion .modulo > div{ padding: 70px 140px; }
#m2.compensacion p, #m2.compensacion {color:#fff!important;}
#m2.compensacion .modulo .boton-blanco { margin-top: 30px; color: #456b60; display: inline-block;}
#m2.compensacion #c3 #mm1 { margin: -70px -45px 0px -45px; padding: 70px 50px 120px 50px}
#m2.compensacion #c3 #mm2 { margin: 0px -45px; background: #456b60; padding: 40px 50px; }
#m2.compensacion #c1 {background: #456b60;}
#m2.compensacion #c4, .compensacion #m5, #m5.compensacion {background: #44517b;}
#m2.compensacion h2.LunchBoxBold { font-size: 32px; margin-bottom: 16px; line-height: 32px}
#m3.compensacion  #oc-trabajo {max-width: 1250px; margin: 0 auto;}
#m3.compensacion  h3 {  letter-spacing: 8px}
#m3.compensacion h3.titulo-trabajamos {font-size: 30px; color: #06726a; letter-spacing: 2px !important;}
#m4.compensacion  {font-size: 30px; color: #06726a; letter-spacing: 2px;}
#m4.compensacion .conborde{border: 1px solid #d9e7d1; border-top: 0; padding-bottom: 30px; margin-bottom: 40px;}
#m4.compensacion .conborde .titulo-trabajamos {margin-top: -15px; position: relative;margin-bottom: 0;font-size:30px!important;}
#m4.compensacion .titulo-trabajamos .borde-titulo {width: 300px; height: 1px; background-color: #d9e7d1; position: absolute; left: -15px; top: 15px; display: block;}
#m4.compensacion .titulo-trabajamos .borde-titulo.derecha {right: -15px; left: auto;}
#m4.compensacion .content-wrap{padding: 70px 0 30px;}
#m4.compensacion .columna:after {
    content:"";
    height: 163px;
    width: 1px;
    background-color: #d9e7d1;
    display: block;
    position: absolute;
    right: 0;
    bottom: 14px;}
#m4.compensacion .columna:last-child:after, .compensacion #m5 .columna:last-child:after {display: none;}
.compensacion .columna img {max-width: 70px; margin: 40px auto 20px;}
.compensacion .columna p {margin-bottom: 0;}
.compensacion .columna .numero {font-size: 40px; font-weight: 300; line-height: 50px;}
.compensacion .columna .total{font-family: "LunchBoxBold"; text-transform: uppercase;font-size: 30px; letter-spacing: 2px;}
.compensacion .logoeb {width: 65px; position: absolute; right: 30px; bottom: 15px;}
.boton-blanco {
    background-color: #FFF;
    font-size: 16px;
    letter-spacing: 0.6px;
    padding: 12px 32px;
    font-weight: 500;
    cursor: pointer;
}

.compensacion .titulo-trabajamos {
    margin-bottom: 40px;
}

.compensacion #m5 .columna:after {
    content:"";
    height: 84px;
    width: 2px;
    border-right: 2px dotted #d9e7d1;
    display: block;
    position: absolute;
    right: 0;
    bottom: 14px;}

.compensacion #m6 #m4 .titulo-trabajamos {color: #06726a;}
.compensacion #m6 #m4 h3:not(.titulo-trabajamos) {margin-bottom: 20px;}

.compensacion .reforestemos #m4 .boton {
    color: #44517b;
}

.compensacion .reforestemos #m4 .superficie {
    color: #666;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.compensacion #proyecto .modal .modal-lg {
    width: 940px;
} 
.compensacion #proyecto .modal .textointeriormodal {
    padding: 40px 120px 60px 120px;
}
.compensacion #proyecto .modal .textointeriormodal .center{
    max-width: 500px;
    margin: 0 auto;
}

.compensacion #proyecto .modal p {
    font-size: 14px;
    line-height: 21px;
    color: #9b9b9b;
}

.compensacion #proyecto .modal h3 {
    color: #44517b;
    margin-bottom: 25px;
    font-size: 17px;
}
.compensacion #proyecto .modal h3 .light{
    font-weight: 300 !important;
}

.compensacion #proyecto .modal .fecha {
    margin-bottom: 25px;
}

.compensacion #proyecto .modal table {
    max-width: 700px;
}
.compensacion #proyecto .modal table th{
    color: #44517b;
    font-family: "VistaSansLight" ;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dashed #ddd;
    border-right: 1px solid #ddd;
}
.compensacion #proyecto .modal table td{
    font-family: "VistaSansLight" ;
    font-size: 12px;
    color: #9b9b9b;
    text-transform: none;
    border-bottom: 1px dashed #ddd;
    border-right: 1px solid #ddd;
}

.compensacion #proyecto .modal table th:last-child,
.compensacion #proyecto .modal table td:last-child{
    border-right: 0;
}

/*  empresa  */
#m1.empresa.socioambiental .hoja_verde { margin-bottom: 20px;margin-top: 70px;}
#m2.empresa.socioambiental #c1 { padding-right:20px; }
#m2.empresa.socioambiental #c2 { padding-left:20px; }
#m2.empresa.socioambiental h2 { color: #435377; }
#m2.empresa.socioambiental h3 { margin: 0px 0px 40px 0px}
#m3.empresa.socioambiental { background: #44517b}
#m3.empresa.socioambiental h2, #m3.empresa.socioambiental p { color: #fff}
#m3.empresa.socioambiental .owl-carousel { margin-top: 30px}
#empresa #footer { background: #44517b}

/*  que-hacemos  */
#que-hacemos #m1 .hoja_verde { margin-top: 70px; margin-bottom: -20px}
#que-hacemos #m2 #c1 img { margin-bottom: 10px; width: 60px;}
#que-hacemos #m2 #c2 img { width: 72px; margin-bottom: 8px;}
#que-hacemos #m2 #c1 { padding-right: 50px}
#que-hacemos #m2 #c2 { padding-left: 50px; position: relative; top: 16px}
#que-hacemos #m2 h3.t1 span { margin-bottom: 26px; display: block}
#que-hacemos #m1 .hoja_verde { margin-top: 70px;}

/*  Blog general */
#blog #pag-blog { margin-top: 100px; text-align: center}
#blog .hoja_verde { margin-bottom: 30px}
#blog .boton { border-color: #e3e3e3;color: #6c6d67; margin-top: 0px; font-size: 11.2px; padding: 6px 18px}
#blog .fecha { width: 44px; position: absolute; z-index: 99999 !important; background: #fff; top: 8px; left: 8px;  padding: 8px 0px }
#blog .fecha span { display: block; margin-bottom: 0px;  font-family: "Lato",sans-serif; letter-spacing:0.6px; line-height: 18px}
#blog.fecha span.num { color: #2f2f2f;font-weight: bold;  font-size: 14.6px; }
#blog .fecha span.mes { color: #959595; font-weight: lighter; font-size: 14px; letter-spacing: 0.2px}
#content-blog { margin-top: -30px}

#blog .page-numbers.current, #blog a.page-numbers {background-color: #016773; padding: 9px 12px; border-radius: 2px; color: #fff; font-size: 16px;}

/*  Blog interna  */
#blog-interna #slider .slider-caption, .reforestemos #slider .slider-caption { bottom: 26px; top: auto !important;}
#blog-interna .slider-caption.slider-caption-center, .reforestemos .slider-caption.slider-caption-center { position: absolute}
#blog-interna .slider-caption h2, .reforestemos .slider-caption h2 { font-size: 30px; margin-bottom: 20px; line-height: 40px; margin-bottom: 20px} 
#blog-interna .postcontent .bajada1{ color:#2f7269; font-family: "VistaSansBook"; line-height: 32px; font-size: 22px; margin-bottom: 30px}
#blog-interna .postcontent p { margin-bottom: 20px}
#blog-interna .content-wrap { padding: 90px 0px}
#blog-interna .widget > h4 { color: #f2fdff; text-transform: uppercase; text-align: center; padding: 10px; margin-bottom: 30px; font-family: "Lato",sans-serif; font-weight:400; font-size: 11.6px; letter-spacing: 4px} 
#blog-interna .azul > h4 {background: #195883;}
#blog-interna .verde > h4 {background: #33716a;}
#blog-interna #footer {margin-top: 80px !important}
#blog-interna .ism-shortcode-display { margin-top: 20px}

/*  Causas  */
#causas #m2 .col-md-4 { padding-right: 10px !important;}
#causas #m2 .col-md-8 { padding-left: 10px !important; text-align: left}
#causas #m2 h2 {  font-size: 31px; margin: 0px; line-height: 30px; padding-top: 10px !important }
#causas #m2 .vertical-middle { position: relative !important}
#causas #m2 p, #causas #m2 h2, #causas #m2 a { color: #fff}
#causas #m2 #c1{ background: #6e7257}
#causas #m2 #c2{ background: #56603e}
#causas #m2 #c3{ background: #829c9b}
#causas #m2 #c4{ background: #44517b}
#causas #m2 .col-padding { padding: 100px 50px}
#causas #m2 p { margin-top: 30px}
#causas #m1 .hoja_verde { margin-top: 70px; margin-bottom: 20px}
#causas .boton { padding: margin-top: 20px}
#causas #m3 img { width: 80px}
#causas #m3 h3 { margin: 20px 0px}
#causas #m3 #c1 h3 { color: #3b63a0}
#causas #m3 #c2 h3 { color: #6b9e65}
#causas #m3 #c1 .boton {border: 1px solid #dae2ed; color: #366899}
#causas #m3 #c2 .boton {border: 1px solid #e6ebe5 color: #6aa265}
#causas #m3 #c2 { padding-left: 100px}
#causas #m3 #c1 { padding-right: 100px}
#causas #m3 .boton { margin-top:10px}

#single_causas #m1 p { margin-top: 40px !important; margin-bottom: 0px !important}
#single_causas .bajada2 { font-size: 18px; line-height: 34px}
#single_causas #c8 .bajada1 {margin-top: 40xpx !important;}
#single_causas .verde {color: #2c8b84 !important;}
#single_causas .plomo {color: #777777 !important;}
#single_causas .azul {color: #435579 !important;}
#single_causas #c6 {margin-top: 50px; margin-bottom: 36px;}
#single_causas #c6 h3.lato {text-transform: uppercase; font-family: "Lato"; font-size: 19px; letter-spacing: 2.4px; font-weight: normal; line-height: 30px}
#single_causas #c7 .bajada2 {text-align: left; font-size: 14px !important; line-height: 24px;}
#single_causas #m1 #c7 p { margin-top:20px !important;}
#single_causas #m2, #single_causas footer { background: #f5f2ed}
#single_causas #m2 .content-wrap { padding-top: 40px}
#single_causas #give_offline_payment_info { display: none}

.recuadros .recuadro-video {background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; flex-direction: column;}
.recuadros .recuadro-video .video {background: #e1dfe0; border-radius: 50px; position: relative; margin: 0 auto; width: 58px; height: 58px; text-align: center;line-height: 57px; font-size: 24px; padding-left: 5px; color: #000;}
.recuadros .recuadro-color { background-color: #44517b; text-align: center;}
.recuadros .recuadro-color > div {padding: 90px 60px;}
.recuadros .recuadro-color .icono-recuadro { max-width: 70px; margin: 0 auto 30px;}
.recuadros .recuadro-color h3 {  color: #FFF; text-transform: uppercase; font-family: "Lato"; font-size: 17px; letter-spacing: 3px; font-weight: 300; line-height: 30px; max-width: 250px; margin: 0 auto 20px;}
.recuadros .recuadro-color .linea { max-width: 70px; height: 1px; background-color: #FFF; margin:0 auto 40px; display: block;}
.recuadros .recuadro-color .boton-socio{ color: #44517b; background-color: #FFF; font-size: 16px; letter-spacing: 0.6px; padding: 15px 40px; font-weight: 500;}
#single_causas #footer { padding-top: 110px;}

/* Adopta un arbol */
#single_causas #pasos {margin-bottom: 100px;}
#single_causas #pasos h3, #single_causas #diseno-tarjetas h3 {text-transform: uppercase; font-family: "Lato"; font-size: 20px; letter-spacing: 4px; font-weight: normal; line-height: 30px; color: #6a8f97; margin-top: 40px; margin-bottom: 70px}
#single_causas.adopta_arbol #c9 div p {text-align: left; color: #3e8366 !important; font-size: 18px; max-width: 100px; line-height: 25px;}
#single_causas.adopta_arbol #c6 .hoja_verde {margin-bottom: 40px;}
#single_causas #diseno-tarjetas {
    background-color: #829c9b;
    text-align: center;
    padding: 10px 0 30px;
} 
#single_causas #diseno-tarjetas h3 {
    color: #FFF;
    font-weight: 300;
    margin-bottom: 50px;
}
#single_causas #diseno-tarjetas .bajada1 {
    color: #FFF;
    line-height: 30px;
    margin-bottom: 0;
}
#single_causas #diseno-tarjetas .bajada1 i {
    font-size: 30px;
}
#single_causas #diseno-tarjetas #oc-diseno {
    padding-bottom: 50px;
} 
#single_causas #diseno-tarjetas #oc-diseno h4 {
    color: #FFF;
    text-transform: uppercase;
    font-family: "Lato";
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2px;
}
#single_causas .modal1 #slider .owl-nav {
    opacity: 1 !important;
}
#single_causas .modal1 #slider .owl-nav .owl-next {
    background-color: transparent !important;
    right: -60px;
}
#single_causas .modal1 #slider .owl-nav .owl-prev {
    background-color: transparent !important;
    left: -60px;
}
#single_causas .modal1 #slider .owl-nav .owl-next i,
#single_causas .modal1 #slider .owl-nav .owl-prev i {
    color: #FFF;
}
.adopta_arbol .ui-widget-content { border: none; background: #f5f2ed}
.adopta_arbol .tab-nav { text-align: left !important}
.adopta_arbol ul.tab-nav:not(.tab-nav-lg), .adopta_arbol ul.tab-nav:not(.tab-nav-lg) li { border: none; padding-right: 4px;} 
.adopta_arbol ul.tab-nav:not(.tab-nav-lg) li:first-child { margin-left: 0px;}
.adopta_arbol ul.tab-nav:not(.tab-nav-lg) li a { line-height: 37px}
.adopta_arbol ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {background: #829c9b; color: #fff}
.adopta_arbol ul.tab-nav:not(.tab-nav-lg) li a { font-family: "Lato"; text-transform: uppercase; letter-spacing: 2px; background: #f5f2ed; border: 1px solid #e2dfda; color: #989795; font-size: 12px}

.adopta_arbol #give-payment-mode-select > #input_div { float: left}

.adopta_arbol #ffm-fecha_adopcionbcygz { font-size: 15px !important; padding: 10px 12px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: transparent !important; position: relative !important; top: -1px !important}
.adopta_arbol .ui-helper-reset { line-height: 40px}
.ui-widget { font-family: "VistaSansLight" !important}

.give_tributes_ecard_personalized_message { float: left; width: 100%;}
.give_tributes_ecard_personalized_message textarea, .give_tributes_mail_card_personalized_message textarea { background: #fff !important; border: none !important; font-family: "Lato",sans-serif !important;
letter-spacing: 0.4px !important;}

.adopta_arbol #give-payment-mode-select h2 { font-size: 16px !important; font-family: "Lato",sans-serif !important}
#single_causas.adopta_arbol #give-payment-mode-select .afterMonto, .adopta_arbol #give-payment-mode-select .give-final-total-amount {font-family: "Lato",sans-serif; font-weight: normal !important; font-size: 16px; letter-spacing: 1px; color: #829c9b !important}



.adopta_arbol #give-payment-mode-select .afterMonto { margin-left: 15px !important; margin-left: 10px !important}
.adopta_arbol .set-price { display: none}
.adopta_arbol .give-form-wrap { margin-top: -10px}
.adopta_arbol #give-payment-mode-select { margin-top: 0px}

.adopta_arbol .stepper .stepper-input { border-radius: 0px !important; font-family: "Lato",sans-serif !important; color: #829c9b !important; padding: 10px 0px 10px 16px !important; text-align: left !important; font-size: 15px !important; line-height: 0px}
.adopta_arbol .stepper {margin: 0px 10px -12px 16px; width: 70px; border-radius: 0px}

.give-AlertTribute{ font-size: 14px!important; font-family: "VistaSansLight"; color: #969593; margin-top: 10px; margin-bottom: 0px}
.give-tributes-mail-card-personalized-message-left, .give-tributes-ecard-personalized-message-left {color: #969593; font-family: "VistaSansLight"; font-style: normal !important}




/* Transparencia */
#equipo.transparencia .filter-option {text-align: center !important; color: #077268; text-transform: uppercase; letter-spacing: 3px; font-size: 22px; font-family: "Lato";}
#equipo.transparencia .corporacion.open .btn {border-radius: 0px !important; border-color: #f0f0f0 !important;}
#equipo.transparencia .btn {border-radius: 0px !important; background-color: unset !important; border-color: unset; border: 0;}
#equipo.transparencia .dropdown-menu.open {background-color: #efefef; border-radius: 0px !important; border-top: 0px !important; margin-top: -3px !important;}
#equipo.transparencia .dropdown-menu.inner li a {text-align: center; font-size: 18px; color: #b4b2b3; letter-spacing: 3px; text-transform: uppercase; font-family: "VistaSansLight"}
#equipo.transparencia .dropdown-menu.inner {background-color: #efefef !important;}
#equipo.transparencia .caret {border-top: 10px dashed !important; border-right: 5px solid transparent !important; border-left: 5px solid transparent !important; color: #485582 !important; top: 42% !important; right: 60px !important;}
#equipo.transparencia .btn-group.open .dropdown-toggle {box-shadow: unset !important; -webkit-box-shadow: unset !important;}
#equipo.transparencia .dropdown-menu {-webkit-box-shadow: unset !important; box-shadow: unset !important; border: 1px solid #f0f0f0 !important;}
#equipo.transparencia .dropdown-menu.inner {border: 1px solid #f0f0f0 !important;}
#equipo.transparencia #listado_corporacion.listatransparencia ul div li {margin-bottom: 8px;}
#equipo.transparencia #listado_corporacion.listatransparencia ul div li a {font-family: "VistaSansLight"; letter-spacing: 1px; color: #b4b2b3; font-size: 18px;}
#equipo.transparencia .ui-widget-content {color: #b4b2b3;}
#equipo.transparencia #listado_corporacion.listatransparencia {margin-top: 40px !important;}
#equipo.transparencia #listado_corporacion, #equipo.transparencia #listado_empresa { margin-top: 80px} 
.ulcorporacion { display: inline-block} 
.btn:active, .btn.active { box-shadow: unset !important}
#equipo.transparencia #empresa { margin-top: 0px}
#equipo 


/* Contacto */

#equipo.contacto #home_trabajamos a {color: #777777 !important; font-size: 18px;}
#equipo.contacto h3.t1 {margin-bottom: 20px !important;}
#equipo.contacto #content a { color: #777777 !important}
/* Footer */

.footer-widgets-wrap .redessociales {margin: auto;}
#footer #top-social li { float: none !important; display: inline-block !important}
#footer #top-social li a { margin-right: 3px !important}
#footer h6 { font-family: "LunchBoxBold"; color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px}
#footer #f2 { margin-top: 20px}
#footer h5 {font-family: "Lato",sans-serif; font-weight:600; color: #fff; text-transform: uppercase; font-size: 12.4px; line-height: 17px; letter-spacing: 0.4px; margin-bottom: 0px; margin-top: 0px; display:inline-block}
#footer a, #footer p, #footer span { color: #fff; font-size: 13.2px; letter-spacing: 0px; margin-bottom: 0px; line-height: 14px}
#footer #f2 span { padding-left: 6px}
#footer #f2 .col-md-9 { padding-right: 0px; padding-left: 24px}
#footer #ff1 .col-md-7, #footer #ff1 .col-md-5 { margin-bottom: 10px}
#footer #ff1 .col-md-7 { padding-left: 10px !important}
#footer #ff1 .c1 { letter-spacing: 1px}
#footer #newsletter { padding-left: 26px !important}
#newsletter img { left: 164px; position: absolute; top: -48px; width: 90px;}
#footer #ff1 .col-lg-9  { padding-left: 20px !important} 
#footer #ff1 img { position: relative; top: 2px}
#footer #logos { margin-top: 10px; padding-left: 30px !important}
#footer #ff2 h5 { letter-spacing: 4px; font-weight: normal; font-size: 11px; margin-bottom: 26px}
#footer .correo { color: #7f7f7f; width: 100%; padding: 5px 4px 3px 4px ; font-size: 14p 12px; border: none}
#newsletter h6 { margin-bottom: 2px}
#newsletter .boton { margin-top: 7px; padding: 4px 8px; font-size: 10.4px; letter-spacing: 0.6px; background: #fff; border-radius: none}
#newsletter .mc4wp-response p { font-size: 12px; line-height: 16px; margin-top: 8px;}
#menu-footer li {display: inline-block; list-style: none;  }
#menu-footer li a { color: #fff; font-family: "LunchBoxBold"; letter-spacing: 1px; line-height: 22px; text-transform: uppercase; font-size: 19px; margin-left: 20px; }
#menu-footer { margin-top:20px}

/* ETC */

.col-md-3.verde {background-color: #829464;}
.col-md-3.beige {background-color: #eadfc1;}
.col-md-3.verdeoscuro {background-color: #56603e;}
.col-md-3.azulgris {background-color: #829c9b;}
.carousel.slide a i {margin-top: 200px; font-size: 42px;}
#menu-menu-der { float: right; height: 0px}
#menu-menu-izq { float: left; height: 0px}
#menu-menu-izq > li:first-child > a { margin: 24px 20px 24px 0px } 
#menu-menu-izq > li:last-child > a { margin: 24px 0px 24px 20px } 
#menu-menu-der > li:first-child > a { margin: 24px 20px 24px 0px } 
#menu-menu-der > li:last-child > a { margin: 24px 0px 24px 20px; text-align: center}
.realiza_donacion .give-donation-total-labe, .realiza_donacion #give-final-total-wrap, .realiza_donacion .give-final-total-amount  {display: none;}

/* Educación */
#menu_educacion { background: #1f5f7b}
#menu_educacion ul li { list-style: none; color: #fffffb; text-transform: uppercase; font-family: "Lato",sans-serif; padding: 8px 26px; border-top: 1px solid #4b7c9c; font-weight: 300; letter-spacing: 2px; font-size: 14px}
#menu_educacion a { color: #fbfbff}
#menu_educacion ul li.active { background: #337363} 
#menu_educacion ul { margin: 0px}
#menu_educacion img { display: block; margin: 20px auto; width: 43px;}
.educacion h1, h2, h3, h4, .educacion .postcontent ul li a { color: #1b5b7f}
.educacion h1 { font-size: 33px; margin-bottom: 50px}
.educacion h2 { font-size: 26px; margin-bottom: 20px}
.educacion h3 { font-size: 22px; margin-bottom: 20px}
.educacion h4 { font-size: 18px; margin-bottom: 20px}
.educacion ul, .educacion ol { margin-left: 10px}
 

#blog-interna.educacion .slider-caption h2 { font-size: 36px}

/* Formularios Give */

#single_causas .formulario .content-wrap {
	padding: 90px 0 120px 0px
}


#give-payment-mode-select { margin-top: 20px !important}
#give_error_test_mode, #give-final-total-wrap { display: none}
body h2.give-form-title { display: none}
body #give-final-total-wrap { display: none} 
#fecha-wrap {padding: 0px 0px !important; width: 100% !important;}
#direccion_pn-wrap, #actividad_pn_desarrollo-wrap, #rut_pn-wrap, #name_rs-wrap, #rut_rs-wrap, #nombre_rl-wrap, #rut_rl-wrap, #direccion_comercial-wrap, #giro_rs-wrap, #persona_nj-wrap, #direccion_pn-wrap, #ciudad_rs-wrap, #comuna_rs-wrap, #persona_nj-wrap {padding: 0px 0px !important;}
#fecha {display: none !important;}
body form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before {border-left: 2px solid #4b8a44; background: #4c8a47; color: #fff; font-size: 22px}
body form[id*="give-form"] .give-donation-amount .give-currency-symbol {border-top: 2px solid #4b8a44; border-bottom: 2px solid #4b8a44}
body form[id*="give-form"] .give-donation-amount #give-amount, form[id*="give-form"] .give-donation-amount #give-amount-text { border: 2px solid #4b8a44 !important; color: #656565} 
body .give-form legend, legend { color: #b3afb0 !important; text-transform: uppercase !important; font-family: "Lato",sans-serif !important; font-weight: 400 !important; letter-spacing: 3.6px !important; border: none !important; margin-bottom: 8px !important; font-size: 18px !important; margin-top: 50px !important; line-height: 30px}
body .give-form legend { float: left}

body .give-form label { color: #969593 !important;  font-family: "Lato",sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 11px}
#give_show_terms a{ color: #969593 !important;  font-family: "Lato",sans-serif; font-weight: normal; letter-spacing: 1px; font-size: 12.6px; text-transform: uppercase;  border-bottom: 2px solid #969593 }
#give_terms p { color: #969593; font-size: 13px}
body .give-form input, .give-select { background: #fff !important; border: none !important; font-family: "Lato",sans-serif !important; letter-spacing: 0.4px !important; font-size: 15px !important}
body .give-form #give-payment-mode-select label { letter-spacing: 2px; font-size: 14.4px}
body .give-form #give-purchase-button {background: #498a46 !important; color: #fff; text-transform: uppercase;  font-family: "Lato",sans-serif;font-weight:400; letter-spacing: 2px; padding: 10px 20px !important; border-radius: 0px }
give_error::before, .give_success::before { box-shadow: none !important}
.give_error, .give_success { box-shadow: none !important; background: #fff !important}
#give-tributes-type-wrap-478 {display: none !important;}
.fl-select { background: #fff !important; color: #a1a1a1; text-transform: uppercase; letter-spacing: 1px; font-weight:normal; font-family: "Lato",sans-serif; border: none !important}
#persona_nj-wrap .give-label {display: none !important;}
.adopta_arbol .ffm-fields.ffm-radio-field, .adopta_arbol .ffm-fields.ffm-radio-field label {float: left; font-size: 15px; margin-right: 30px}
.give-tributes-would-to {font-size: 15px !important;}
#give-donation-level-button-wrap > li { margin: 0 10px 10px 0 !important}
.give-donation-level-btn {background: #4c8a47 !important; color: #fff !important; border: none; border: none !important; font-size: 13.8px !important;}
.give_tributes_type_wrap {display: none !important;}
[id*="give-form"] .fl-form input.fl-input, [id*="give-form"] .fl-form select.fl-select, [id*="give-form"] .fl-form textarea.fl-textarea { font-size: 15px !important}

[id*="give-form"] .fl-form label.fl-label { font-size: 11.2px !important; letter-spacing: 0.6px !important}

#ui-datepicker-div { background: #fff !important; font-size: 14.6px !important } 

.give-modal #give_offline_payment_info { display: none}


/* Hazte socio */
#single_causas.hazte_socio #give_purchase_form_wrap { float: left; width: 100%}
#single_causas.hazte_socio #give-donation-level-button-wrap .give-btn {background: #4c8a47 !important; color: #fff !important; font-size: 13.8px !important; width: 76px; border: none !important; border-radius: 80px; height:76px; line-height: 16px}
#single_causas.hazte_socio #give-donation-level-button-wrap { margin-bottom: 30px; margin-top: 30px}


/* Causas interna */
#img_causa { width: 94px !important}
.give-mailchimp-fieldset label, #give_terms_agreement label { font-size: 12.4px !important}
.give-select { color: #5b5a5a !important}


#single_causas ::-webkit-input-placeholder, .reforestemos ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a1a1a1;
text-transform: uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Lato",sans-serif;
}
#single_causas ::-moz-placeholder, .reforestemos ::-moz-placeholder { /* Firefox 19+ */
color: #5b5a5a;
text-transform: uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Lato",sans-serif;
        
}
#single_causas :-ms-input-placeholder, .reforestemos :-ms-input-placeholder { /* IE 10+ */
color: #5b5a5a;
text-transform: uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Lato",sans-serif;
}
#single_causas :-moz-placeholder, .reforestemos :-moz-placeholder{ /* Firefox 18- */
color: #5b5a5a;
text-transform: uppercase;
letter-spacing: 1px;
font-weight:normal;
font-family: "Lato",sans-serif;
}

/* Reforestemos */ 
.reforestemos #m4 .oc-item h3 {margin-bottom:15px;}
.reforestemos .modal table { max-width: 400px; margin: 0 auto}
.reforestemos .modal table  td { font-family: "Lato"; color: #45818c; font-size: 13px; text-transform: uppercase}
.reforestemos .modal table td {border-bottom: 1px solid #dddddd; border-top: none}
.reforestemos #slider h2 { font-size: 44px}
.reforestemos .one-page-menu .icono, .reforestemos .one-page-menu .texto { float:left; height: 70px; position: relative; top: 24px}
.reforestemos .one-page-menu .texto { margin-left: 10px}
.reforestemos .one-page-menu .fix { position: relative; top: 21px}
.reforestemos #donacion { background: #2e706e}
.reforestemos #uno { padding-left: 0px}
.reforestemos .one-page-menu img#menu1 { width: 44px; }
.reforestemos .one-page-menu img#menu2 { width: 40px;position: relative; top: -2px}
.reforestemos .one-page-menu img#menu3 { width: 45px;position: relative; top: -2px}
.reforestemos .one-page-menu img#menu4 { width: 48px; position: relative; top: -2px}
.reforestemos .one-page-menu img#menu5 { width: 46px;}
.reforestemos .one-page-menu img#menu6 { width: 46px;}
#m1.reforest #c1 h1 { color: #246674; margin-bottom: 34px}
#m1.reforest #c1 .bajada1 { color: #758f8c; font-size: 21px; line-height: 36px; font-family:'VistaSansAltBook';}
#m1.reforest #c1 { margin-bottom: 60px}
#m1.reforest #c2 #m1 img{ border-radius: 50%;}
#m1.reforest #c2 #m2 { padding-left: 20px}
#m1.reforest #c2 #m1 { padding-right:20px}
#m1.reforest #c2 #m2 h1 { color: #438158; margin-bottom: 20px}
#m1.reforest #c2 #m3 { margin-top: 60px}
#m1.reforest #c2 #m3 p { color: #347267; font-size: 22px; font-family:'VistaSansAltBook'; margin-bottom: 0px; line-height: 34px}
#m1.reforest .content-wrap { padding-bottom: 60px} 
.reforestemos #m3 h1 { color: #276476}
.reforestemos .imagendonde1 {border-radius: 50%; width: 350px; display: block; margin: auto; position: relative; top: 50px;}
.reforestemos #m4 h1 { margin-top: 40px}
.reforestemos #m4 h5 { color: #868686; letter-spacing: 4px; margin-bottom: 80px; font-size: 17px}
.reforestemos #m4 { padding: 0px 100px}
.reforestemos #m4 .oc-item .img {width: 160px !important; margin: auto; border-radius: 50%; margin-bottom: 10px}
.reforestemos #m4 .oc-item h3 {font-size: 20px; font-family: 'VistaSansAltBook'}
.reforestemos #m4 .oc-item .fecha { font-size: 11px; letter-spacing:1px; margin-bottom: 10px; margin-top: 4px; color: #8c8c8c}
.reforestemos #m4 .oc-item .contenido.center.proyecto {font-family: "VistaSansLight"; text-transform: none !important; letter-spacing: 0px; margin-bottom: 14px; font-size: 14px; line-height: 22px; color: #9b9b9b}
.reforestemos #m4 .boton { font-size: 10.4px; color:#607f82; padding: 6px 16px; cursor: pointer;}
.reforestemos #m4 .owl-carousel .owl-dots .owl-dot { margin-top: 40px}
#m5.reforest h1 {margin-top: 30px; margin-bottom: 80px}
#m5.reforest .content-wrap, .reforestemos #m6 .content-wrap  { padding: 50px 0px}
#m5.reforest #c2 img, #m5.reforest #c3 img {width: 70px;}
#m5.reforest h3 {font-family: 'VistaSansAltBook'; font-size: 25px; }
#m5.reforest #c2 h3, .reforestemos #m5 #c2 a { color: #13438b;}
#m5.reforest #c3 h3 { color: #2a6176;}
#m5.reforest p {max-width: 350px; margin: auto;}
#m5.reforest .give-btn-modal { margin-top: 20px}
.reforestemos h1.verde_claro { color: #448e37 !important}
#m6.reforest p {max-width: 500px; margin: auto; margin-bottom: 20px;}
#m6.reforest h1 {margin-top: 30px; margin-bottom: 60px}
#m6.reforest .iconovoluntario {width: 80px; margin: auto; margin-bottom: 25px;}
#m6.reforest .boton { color: #6da568 } 
#m6.reforest .hoja_verde img { width: 20px}
#m6.reforest #c4 p {font-size: 22px; color: #047265;}
.give-btn-modal { border: 1px solid #d6e2e2 !important; background: #ffffff !important; text-transform: uppercase !important; color: #23636d !important; font-family: "Lato",sans-serif !important; font-size: 12px! important; letter-spacing: 1px !important; padding: 8px 14px !important}

.reforestemos 
.reforestemos #m7 h3 { font-weight: normal; font-size: 15px; color: #c1c1c1; letter-spacing: 6.4px; margin-bottom: 50px}
#m7.reforest .hoja_verde .linea1, #m7.reforest .hoja_verde .linea2{width: 100px }
.reforestemos #m7 .owl-carousel { margin-bottom: 100px}
.reforestemos #m7 #c4 .owl-carousel { margin-bottom: 0px}
.reforestemos .linkdescarga {margin: 30px 0px;}
.reforestemos .linkdescarga a {font-family: "Lato"; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; font-size: 13px; color: #006a75 !important; padding-bottom: 2px; border-bottom: 1px solid;}
.reforestemos .oc-item a {cursor: pointer;}
#causas #c4 .boton {pointer-events: auto !important; cursor: pointer !important;}
#m5.empresa.socioambiental img {width:auto!important;}
#m5.empresa.socioambiental .hoja_verde img {max-width:23px!important;}
#seccion-video.reforest  {
    height: 500px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#seccion-video.reforest .video {
    background: #e1dfe0;
    border-radius: 50px;
    position: relative;
    margin: 0 auto;
    width: 58px;
    height: 58px;
    text-align: center;
    line-height: 57px;
    font-size: 24px;
    padding-left: 5px;
    color: #000;
}

/* Give lightbox */ 
body .give-modal .mfp-content {background: #f5f2ed !important; max-width: 800px !important; padding: 30px}
body .give-modal legend { font-size: 17.6px !important; letter-spacing: 2px !important; margin-top: 26px !important; margin-bottom: 12px !important; float: left}
body .give-modal #give-payment-mode-select label { font-size: 13px !important; letter-spacing: 1.4px !important}
.give-modal .mfp-close { font-size: 40px}
body .give-modal label  { font-size: 12.6px !important}

body .give-modal input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-transform: uppercase;
color: #000;
}
body .give-modal input ::-moz-placeholder { /* Firefox 19+ */
text-transform: uppercase;
color: #000    
}
body .give-modal input :-ms-input-placeholder { /* IE 10+ */
text-transform: uppercase;
color: #000    
}
body .give-modal input :-moz-placeholder { /* Firefox 18- */
text-transform: uppercase;
color: #000    
}

/* Give páginas de exito, rechazo, pendiente */ 
body.id-475 #content .container {
    max-width: 640px
}

body.id-475 h1 { margin-bottom: 30px}
body.id-475 .give_success, body.id-475 .give_error { font-size: 33px; font-family: "VistaSansAltBook"; color: #047265; margin-bottom: 44px; line-height: 46px}


.ulcorporacion .\32 016 {display: block;}
#give_donation_receipt strong, .give-receipt-thead-text { text-transform: uppercase; font-family: "Lato",sans-serif; font-weight: normal; font-size: 13px}
.give_success::before, .give_error.give_warning::before, .give_success.give_warning::before { display: none}
table.give-table tbody tr td { padding: 14px !important}
.give-receipt-thead-text { color: #3e7c5e; letter-spacing: 2px; font-size: 17px !important}
#give_donation_receipt strong { letter-spacing: 1px}
.give_success, .give_error.give_warning, .give_success.give_warning { border: none !important}

#give-final-total-wrap {display: none;}
legend.give-payment-mode-label {float: left;}

#c2.reforest h3 { font-weight: normal; font-size: 15px; color: #c1c1c1; letter-spacing: 6.4px; margin-bottom: 50px}
#c2.reforest .hoja_verde .linea1, #c2.reforest .hoja_verde .linea2{width: 100px }
#c2.reforest .owl-carousel { margin-bottom: 100px}
#m1.socioambiental h1.t1 span { line-height: 50px} 
#m1.socioambiental img { width: 60px; margin-bottom: 10px} 
#m1.socioambiental p { margin-top: 60px !important}
#m2.socioambiental img { width: 90px; margin-bottom: 10px}
#socioambientales #empresa img { width: 100%; margin-bottom: 20px}
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(1) p { color: #05347c }
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(2) p { color: #3c7684}
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(3) p { color: #51894a }
#m2.empresa.socioambiental .owl-carousel .owl-stage div:nth-child(4) p { color: #6db15c }
#m5.qsomos .owl-dots {display:none;}
@media (max-width:1300px) and (min-width:1200px) {
    .container { width: 1000px}
    #primary-menu ul li > a { margin: 24px 16px; letter-spacing: 2.2px}
    #logo img { width: 190px}
    .sidebar { width: 230px;}
    .postcontent { width: 700px}
    #m4.compensacion .titulo-trabajamos .borde-titulo {width: 280px;}
}

@media (max-width: 1500px) { 
    #m2.compensacion p { font-size: 15.2px;}
}

@media (max-width: 1300px) {
    .barraizquierda { left: 6px; width: 90px}
    .barraizquierda a { margin-bottom: 4px}
    .post-grid.grid-3 .entry { width: 303px}
    #page-menu nav li a { font-size: 15px; line-height: 20px}
     .reforestemos .one-page-menu img#menu1 { width: 24px; }
    .reforestemos .one-page-menu img#menu2 { width: 36px; }
    .reforestemos .one-page-menu img#menu3 { width: 27px;}
    .reforestemos .one-page-menu img#menu4 { width: 30px;}
    .reforestemos .one-page-menu img#menu5 { width: 36px;}
    .reforestemos .one-page-menu img#menu6 { width: 27px;}
    .reforestemos .one-page-menu .fix { top: 17px}
    .reforestemos #slider h2 { font-size: 40px}
    #footer a, #footer p, #footer span { font-size: 12.8px}
}

@media (max-width: 1199px) {
    #logo img { width: 180px}
    #primary-menu ul li > a { margin: 24px 16px; letter-spacing: 1.8px; font-size: 18.6px}
    #m2.compensacion #c3 #mm1, #m2.compensacion #c3 #mm2 { width: 50%; margin: 0px; float: right}
    #m2.compensacion #c3 { padding: 0px}
    #m2.compensacion #c3 #mm2 { padding: 70px 50px 120px;}
    #home_trabajamos #m1 { border-right: none !important}
    #home_numeros .col-md-6 { border-right: none !important;}
    #home_numeros #m1, #home_numeros #m2 { border-bottom: 2px dotted #fdfbfe;}
    #home_numeros #m3, #home_numeros #m4 { margin-top: 20px}
    #home_numeros #m1 .alinear { top: -10px}
    #home_numeros #m2 .alinear { top: -33px}
    #home_numeros #m3 .alinear { top: 40px}
    #home_numeros #m4 .alinear { top: 20px; position: relative}
    body #home_numeros .content-wrap { padding: 100px 0px !important} 
    #proyecto ul.tab-nav.tab-nav2 li a, #equipo ul.tab-nav.tab-nav2 li a  { font-size: 17px !important; }
    #proyecto ul.tab-nav.tab-nav2 li, #equipo ul.tab-nav.tab-nav2 li { border: none !important; width: 100%; margin-bottom: 14px}
    #proyecto .tab-container, #equipo .tab-container { padding: 80px 0 0}
    .post-grid.grid-3 .entry { width: 270px}
    #posts .entry-content p { font-size: 14px}
    .post-grid .entry-title h2 { font-size: 20px; letter-spacing: 0.6px}
    #blog-interna .slider-caption h2 { font-size: 26px; line-height: 36px}
    .owl-carousel p { font-size: 15px; line-height: 20px}
    #newsletter h6 { font-size: 19px }
    #footer #ff2 {padding-left: 0px !important;}
    #ff1 { padding-right: 20px !important}
    #footer #newsletter {margin-top: 0px;}
    #footer #newsletter { padding-left: 0px !important}
    #footer #logos { padding-top: 56px !important}
    #logos h5 {display: none}
    #newsletter img { width: 100px; left: 130px}
    #page-menu nav li { padding: 0px 10px}
    .reforestemos #slider h2 { font-size: 34px}
    .reforestemos .imagendonde1 { top: 30px; width: 300px}
    
    #equipo #listado_corporacion, #equipo #empresa { margin-top: 20px !important}
    #m4.compensacion .titulo-trabajamos .borde-titulo {width: 230px;}
    .compensacion .columna .total {font-size: 28px;}
   
}

@media (max-width:1100px) and (min-width:992px) {
   .container { width: 800px}
    #logo img { width: 160px }
    #primary-menu ul li > a { margin: 24px 14px 24px 0px !important; letter-spacing: 1px; font-size: 18px} 
    .post-grid.grid-3 .entry { width: 236px}
    body .postcontent {width: 530px; !important; padding-right: 50px }
    #footer a, #footer p, #footer span { font-size: 12.6px}
    #footer #ff2 { padding-left: 20px !important}
    #ff1 { padding-right: 0px !important}
    #footer #logos { padding-left: 0px !important}
    #newsletter { display: none}
    #logos h5 {display: block}
    #footer #logos { float: right; width: 80%; padding-top: 0px !important}
    .reforestemos .one-page-menu img#menu2 { width: 32px; }
    .reforestemos .one-page-menu img#menu3 { width: 23px;}
    .reforestemos .one-page-menu img#menu4 { width: 26px;}
    .reforestemos .one-page-menu img#menu5 { width: 32px;}
    .reforestemos .one-page-menu img#menu6 { width: 23px;}
    #page-menu nav li a { font-size: 13px; line-height: 16px}
    #page-menu nav li a { height: 70px}
    .reforestemos .one-page-menu .icono, .reforestemos .one-page-menu .texto { height: 50px; top: 18px}
    #page-menu nav ul { height: 70px}
    .reforestemos .one-page-menu .fix { top: 14px}
    .reforestemos .one-page-menu img#menu2 { top: -4px}
    .reforestemos .one-page-menu img#menu1 { position: relative; top: -6px}
    
    #m4.compensacion .titulo-trabajamos .borde-titulo {width: 190px;}
    .compensacion .columna .total {font-size: 27px;}
    .compensacion h3.titulo-trabajamos {font-size: 28px;}
    
    #m2.compensacion .modulo > div {
        padding: 60px;
    }
}

@media (min-width: 992px) { #primary-menu ul {background-image: url(imagenes/puntos-menu.png); background-repeat: repeat-x; height: 4px}}


@media (max-width: 991px) {
    .barraizquierda { display: none}
    #m2.compensacion #c1, #m2.compensacion #c2, #m2.compensacion #c3 { height: auto !important; }
    #top-bar { display: none}
    #slider, #page-title { top: -100px !important; margin-bottom: -100px !important}
    .primary-menu-open #slider, .primary-menu-open #page-title { top: 0px !important}
    #primary-menu-trigger { color: #fff; font-size: 20px; top: 70px !important}
    #logo img { width: 160px; top: 20px} 
    .slider-caption h3 { font-size: 26px; line-height: 40px}
    .slider-caption h2 { font-size: 28px; line-height: 44px}
    .slider-caption p { font-size: 18px}
    .primary-menu-open #header { background: #333}
    #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { padding: 0px !important;}
    #primary-menu ul ul li > a { font-size: 18.6px !important; font-weight: normal !important; color: #92ac65 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important}
    h2.VistaSansAltBook, h2.VistaSansLight { font-size: 27px; line-height: 42px}
    h3.t1 span, h1.t1 span { font-size: 36px; line-height: 40px}
    #home_trabajamos #m1 img { width: 60px}
    #home_trabajamos #m2 img { width: 74px}
    #home_numeros h3.t1 { font-size: 32px; line-height: 28px}
    #home_numeros h3.t1 span { top: 4px}
    #home_numeros .fix { line-height: 6px}
    h3.t1, h1.t1 { font-size: 24px}
    .content-wrap { padding: 90px 0px}
    #home_numeros .container {  max-width: 640px !important}
    h1 { font-size: 31px}
    .bajada1, .reforestemos #m1 #c1 .bajada1{ font-size: 20.6px; line-height: 36px}
    h3.Lato { font-size: 22px}
    #page-title { padding: 170px 0px !important}
    
    #m2.qsomos p { font-size: 18px}
    
    #m4.qsomos .content-wrap .col-md-4 { margin-bottom: 60px }
    #historia #c3 {padding-left: 15px;}
    #historia #c2 {padding-right: 15px;}
    .portfolio-filter li a { font-size: 17px; border-left: none; margin-bottom: 14px}
    #equipo .titulo_hoja h3 { font-size: 19px; margin-bottom: }
    #que-hacemos #m2 #c1 { padding-right: 15px}
    #que-hacemos #m2 #c2 { padding-left: 15px; margin-top: 60px}
    #m4.socioambiental .col-md-4 { border-right: 0px; min-height: auto; margin-bottom: 100px}
    #m4.socioambiental #c3 { margin-bottom: 20px}
    #m4.socioambiental h4 { font-size: 18px; letter-spacing: 10px}
    #Lato2 { font-size: 19px; letter-spacing: 12px; line-height: 34px}
    #causas #m3 #c2 { padding-left: 15px}
    #causas #m3 #c1 { padding-right: 15px}
    body .postcontent { padding-right: 0px !important; width: 100% !important; border-right: none}
    #blog-interna .swiper-slide { height: 500px !important; background-repeat: no-repeat}
    #footer #f2 .col-md-7 {padding-left: 0px !important}
    #footer #f2 .col-md-7 h5 { margin-top: 10px}
    #footer #f2 .col-md-7  { margin-bottom: 10px}
    #footer #f2 span { display: block; padding: 0px}
    #newsletter img { display: none}
    #footer #ff1 .col-lg-9 { padding-left: 0px !important}
    #footer #newsletter { margin-top: 0px}
    #footer #ff2 { display: none}
    #footer #ff1 .col-lg-9 { text-align: center} 
    #footer #f2 { margin-top: 30px !important}
    #footer h5 { display: block}
    #footer #f2 span { margin-top: 6px}
    #footer #f2 .col-md-7 { margin-bottom: 20px }
    #blog-interna .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid), #blog-interna .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide { height: 500px !important; margin-bottom: 0px !important}
    #content { top: -100px !important; margin-bottom: -100px !important} 
    #home #content { top: 0px !important; margin-bottom: 0px !important} 
    #causas #m2 img.vertical-middle {  width: 60px !important; position: relative; top: -40px !important}
    #causas #m2 .col-md-8 { text-align: center}
    #causas #m2 .col-md-4 { padding-right: 0px !important}
    #causas #m2 .col-md-8 { padding-left: 0px}
    #causas #m2 .col-md-4, #causas #m2 .col-md-8 { height: auto !important}
    #causas #m2 .col-padding {padding: 160px 50px 100px 50px; }
    #causas #m2 p {margin-top: 20px;}
    .reforestemos .one-page-menu .icono {width: 30px;}
    #page-menu span {font-family: "Lato",sans-serif !important; font-weight: 300; text-transform: uppercase; font-size: 15px; letter-spacing: 2px;}
    #page-menu .menu-title { padding: 10px 0px}
    #page-submenu-trigger { line-height: 50px; height: 50px}
    #page-menu .icono, #page-menu br { display: none}
    .reforestemos .one-page-menu .icono, .reforestemos .one-page-menu .texto { height: auto} 
    #page-menu nav { width: 300px !important; top: 53px !important; right: 0px !important}
    .reforestemos .one-page-menu .texto {margin: 0px}
    .reforestemos .one-page-menu .icono, .reforestemos .one-page-menu .texto { top: auto}
    .reforestemos .one-page-menu .fix { top: auto}
    #page-menu nav li { float: left !important; width: 100% !important;}
    #page-menu li a, #page-menu li span { text-transform: none !important; letter-spacing: 0px; font-family: "VistaSansLight" !important}
    #page-menu nav li a { height: auto !important; line-height: 20px !important}
    .one-page-menu { padding: 10px 0px}
    #page-menu nav { background: #2e706e !important}
    .reforestemos.primary-menu-open #page-menu {display: none} 
    #page-menu nav li { padding: 0px; }
    .reforestemos .one-page-menu .texto {border-bottom: 1px solid #538f8d; width: 100%; padding: 10px 0px; font-size: 13.6px !important}
    .reforestemos .one-page-menu span.fix { font-size: 13.6px !important}
    .reforestemos .one-page-menu ul li:last-child .texto { border: none}
    .reforestemos #slider .slider-caption {bottom: 0px}
    .reforestemos #slider h2 { font-size: 30px}
    .reforestemos #content {top: -10px !important;margin-bottom: -10px !important;}
    .reforestemos .content-wrap { padding: 70px 0px;}
    #img_causa {width: 80px !important;}
    #single_causas #c6 h3.lato { font-size: 17px; line-height: 28px; margin-bottom: 60px}
    .compensacion .logoeb {right: 30px; bottom: 0px; top: 50px;}
    .compensacion .logoeb {display: none;}
    .compensacion #proyecto .modal .modal-lg {width: 700px;}
    .compensacion #proyecto .modal .textointeriormodal {
        padding: 40px 60px 60px 60px;
    }
    
    
    
    #blog .post-grid .entry-title h2 {min-height: 55px !important;}
    
    #single_causas #diseno-tarjetas #slider {
        top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    #m2.compensacion #c1, #m2.compensacion #c2, #m2.compensacion #c3, #m2.compensacion #c4 { height: auto !important;}
    
    #m4.compensacion .titulo-trabajamos .borde-titulo {
        width: 150px;
    }
    
    .compensacion h3.titulo-trabajamos {font-size: 26px;}
    
    .reforestemos #seccion-video {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .bajada1, #historia .bajada1, .reforestemos #m1 #c1 .bajada1{ font-size: 19px;line-height: 35px;}
    #quienes_somos #m4 h3 { font-size: 30px; margin-bottom: 14px}
    h1 { font-size: 29px}
    #m2.compensacion #c3 #mm1, #m2.compensacion #c3 #mm2 { width: 100%;}
    #m2.compensacion #c3 #mm1 { padding-bottom: 70px}
    #home_numeros #m1 .alinear { top: 0px}
    #home_numeros #m2 .alinear { top: 0px}
    #home_numeros #m3 .alinear { top: 0px}
    #home_numeros #m4 .alinear { top: 0px; }
    #home_numeros #m3, #home_numeros #m4 { margin-top: 0px}
    #slider .slider-caption { margin-top: 80px}
    .slider-caption h3, .slider-caption h2 { font-size: 23px; line-height: 34px}
    .botonslider {font-size: 13px}
    .botonslider { line-height: 40px; height: 40px}
    #home_trabajamos #m2 { margin-top: 40px}
    #home_numeros .container { max-width: 340px !important}
    #home_numeros #m3 { border-bottom: 2px dotted #fdfbfe;}
    #home_numeros .col-lg-3 { margin: 40px 0px !important}
    #home_numeros #m2 .alinear { top: -10px}
    #home_numeros #m3 .alinear, #home_numeros #m1 .alinear { top: 10px}
    h2.VistaSansAltBook, h2.VistaSansLight { font-size: 25px; line-height: 40px}
    body #home_numeros .content-wrap {padding:20px 0px !important}
    .slider-caption a.video { padding: 13px 14px}
    .slider-caption a.video .icon-line-play { font-size: 20px; left: 3px; top: 3px}
    .slider-caption h2 { margin-top: 12px}
    .hoja_gris .linea1, .hoja_gris .linea2{ width: 80px}
    #m6.empresa.socioambiental p, #equipo #m4 p { font-size: 15px}
    #Lato2 { letter-spacing: 10px;}
    #causas #m3 #c2 { margin-top: 100px}
    #footer .fright { float: left !important} 
    #logos { margin-top: 20px} 
    #footer h5 { display: block}
    #footer #top-social { display: block !important} 
    #blog-interna .hoja_verde { display: none}
    .reforestemos .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height:240px !important}
    .reforestemos #slider h2 { display: none}
    .reforestemos #m1 #c2 #m1 { padding: 0px 0px 40px 0px} 
    .reforestemos #m1 #c2 #m1 img { width: 200px}
    .reforestemos #m1 #c2 #m2 { padding: 0px}
    .reforestemos #m1 #c2 #m3 p { text-align: left !important; font-size: 17px; line-height: 29px}
    .reforestemos #m1 #c2 #m3 { margin-top: 0px; padding: 0px}
    #give-recurring-form .form-row-first, #give-recurring-form .form-row-last, form.give-form .form-row-first, form.give-form .form-row-last, form[id*="give-form"] .form-row-first, form[id*="give-form"] .form-row-last, form[id*="give-form"] .give-ffm-form-row-half { width: 100% !important}
    body .give-form legend, legend { font-size: 17px !important; line-height: 26px !important; letter-spacing: 3px !important}
    body .give-form #give-payment-mode-select label, .give-tributes-would-to { font-size: 14px}
    
   .compensacion .columna::after { display: none !important;}
    
   #m4.compensacion .conborde .titulo-trabajamos {
        margin-top: 0;
        top: -15px;
       margin-bottom: 0;
    } 
    
    #m4.compensacion .titulo-trabajamos .borde-titulo {
        width: 50px;
    }
    
    #m2.compensacion .modulo > div {
        padding: 40px 80px;
    }
    .compensacion .columna .total {
        font-size: 25px;
    }
    .compensacion h3.titulo-trabajamos {
        font-size: 24px;
    }
    
    .compensacion #proyecto .modal {
        padding-right: 0 !important;
    }
    
    .compensacion #proyecto .modal .modal-lg {
        width: 450px;
        margin: 30px auto;
    }
    
    .compensacion #proyecto .modal table, 
    .compensacion #proyecto .modal thead, 
    .compensacion #proyecto .modal tbody, 
    .compensacion #proyecto .modal th,
    .compensacion #proyecto .modal td, 
    .compensacion #proyecto .modal tr { 
		display: block; 
	}
    
    .compensacion #proyecto .modal table {
        width: 100%;
    }
    
    .compensacion #proyecto .modal thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.compensacion #proyecto .modal td { 
		border: none;
		border-bottom: 1px dashed #ddd; 
		position: relative;
        padding: 10px 10px 10px 150px;
        border-right: 0 !important;
	}
	
	.compensacion #proyecto .modal td:before { 
        content: attr(data-title) ": ";
		position: absolute;
		top: 6px;
		left: 6px;
		width: 150px; 
		padding-right: 10px; 
		white-space: nowrap;
        color: #44517b;
        font-family: "VistaSansLight";
        font-size: 13.4px;
        font-weight: 500;
	}
    
    .reforestemos #seccion-video {
        height: 350px;
    }

}

@media (max-width: 479px) {
    .bajada1, .reforestemos #m1 #c1 .bajada1 {font-size: 18.6px;line-height: 32px;} 
    h1 { font-size: 28px}
    #historia .bajada1 {font-size: 17px;line-height: 30px;}     
    .bajada2 { color: #777777; font-size: 16px; }    
    #logo img { top: 20px; width: 130px;}
    #primary-menu-trigger { top: 60px !important;  font-size: 18px}    
    .slider-caption h3, .slider-caption h2 { font-size: 21px; line-height: 30px}    
    .botonslider { margin-top: 20px; font-size: 11.6px; height: 34px; line-height: 34px; padding: 0px 20px;}    
    h2.VistaSansAltBook, h2.VistaSansLight { font-size: 24px; line-height: 38px}
    #home_pilares h2.VistaSansLight { font-size: 23px}   
    h3.t1, h1.t1 { font-size: 22px}    
    h3.t1 span, h1.t1 span { font-size: 32px}  
    #home_numeros h3.t1 { font-size: 30px}
    #home_numeros .col-lg-3 {margin: 30px 0 !important;}
    #home_numeros #m1 img { width: 96px; margin-bottom: 20px}
    #home_numeros #m2 img { width: 60px; margin-bottom: 24px}
    #home_numeros #m3 img { width: 52px; margin-bottom: 26px}
    #home_numeros #m4 img { width: 60px; margin-bottom: 20px}   
    #page-title { padding: 140px 0px !important} 
    #quienes_somos .col-padding {padding: 60px 40px;}
    #proyecto .modal .textointeriormodal { padding: 10px 30px 40px;}
    #proyecto .modal .icon-angle-right { position: relative; left: 10px}
    #proyecto .modal .icon-angle-left { position: relative; right: 10px} 
    #proyecto .col-xs-6 { width: 100%}    
    h2#LunchBoxBold2 {font-size: 32px; line-height: 34px}
    h4.Lato { font-size: 16px; line-height: 26px} 
    h3.VistaSansAltBook { font-size: 21px; line-height: 28px}  
    #m4.socioambiental h4 { font-size: 18px; letter-spacing: 6px; line-height: 30px}
    #Lato2 { letter-spacing: 6px; line-height:30px}    
    #m2.compensacion h2.LunchBoxBold { font-size: 30px; line-height: 30px}    
    .reforestemos #m4 {padding: 0px 30px;}
    .reforestemos #m1 .content-wrap { padding-bottom: 80px;}
    .reforestemos #m4 h5 { font-size: 15px}
    #single_causas.hazte_socio #give-donation-level-button-wrap .give-btn { font-size: 13px !important}
    body form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before { font-size: 20px}
    [id*="give-form"] .fl-form input.fl-input, [id*="give-form"] .fl-form select.fl-select, [id*="give-form"] .fl-form textarea.fl-textarea { font-size: 14px !important}
    .give-mailchimp-fieldset label { display: inline; line-height: 0px}
    #single_causas #c6 h3.lato { font-size: 15px; line-height: 24px; }
    .adopta_arbol ul.tab-nav:not(.tab-nav-lg), .adopta_arbol ul.tab-nav:not(.tab-nav-lg) li, .adopta_arbol ul.tab-nav:not(.tab-nav-lg) li a { width: 100%}
    
    ul.tab-nav:not(.tab-nav-lg) li a {line-height: 26px; margin-bottom: 30px; }
    .ui-state-default.ui-corner-top {height: auto !important;}
    
    #equipo .col-md-3 { width: 100% !important;  min-height: auto !important; margin-bottom: 70px}
    #equipo #listado_corporacion, #equipo #empresa {  margin-top: 0px !important;}

    #m2.compensacion .modulo > div {
        padding: 30px;
    }
    
    #m4.compensacion .titulo-trabajamos .borde-titulo {
        display: none;
    }
    
    .reforestemos #seccion-video {
        height: 300px;
    }
    
    .compensacion #proyecto .modal .modal-lg {
        width: 90%;
        margin: 30px auto;
    }
    
}



/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root #primary-menu ul li > a {

-webkit-font-smoothing: antialiased;
letter-spacing: 1px; 
font-size: 21px

}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media
{
    #primary-menu ul li > a { 

-webkit-font-smoothing: antialiased;
letter-spacing: 1px; 
font-size: 21px

    }
}}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
   #primary-menu ul li > a  { 

-webkit-font-smoothing: antialiased;
letter-spacing: 1px; 
font-size: 21px

    }
}}


/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-color-index:0)
{  
   #primary-menu ul li > a  {(;

-webkit-font-smoothing: antialiased;
letter-spacing: 1px; 
font-size: 21px

    );}
}

.construccion {
    text-align: center;
    background: #829c9b;
    color: #fff;
    line-height: 30px;
    font-size: 18px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 20px;
}
/*#single_causas.adopta_arbol #top-bar { margin-top: 70px}*/

#oc-trabajo img {width:65px ; margin: 0 auto 20px;}
#oc-trabajo p {
    text-transform:capitalize;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 20px;
    font-family: "VistaSansLight";
    max-width: 142px;
    margin: 0 auto;
}

.page-id-4344 #content,
.page-id-4335 #content {
    background-color: #e8e3df !important
}

#m2.senderoeducativo #cz {
    min-height: 500px !important;
}

#m2.senderoeducativo #cz .max-height {
    height: 100% !important;
}

#m2.senderoeducativo #cz h2.LunchBoxBold,
#m2.senderoeducativo #cz a.boton {
    color: #fff !important;
}

#m2.senderoeducativo #cz a.boton {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    max-width: 200px;
    margin: auto !important;
}

.logoseducacion .container {
    max-width: 740px;
}

.logoseducacion #oc-clients {
    margin-top: 90px !important;
}

.stretched.reforestemos.internaextra #footer,
#descargas {
    background-color: #e8e3df !important;
}

#descargas.lalapos h2 {
    text-align: center !important;
}

#descargas.lalapos .descargamayor img {
    width: 25px;
}

#descargas.lalapos .descargamayor a {
    color: #0d7160 !important;
    font-size: 22px !important;
}

#descargas.lalapos ul li {
    text-align: center;
}

#descargas {
    padding: 80px 0px;
}

#descargas h2 {
    margin-bottom: 45px;
}

#descargas h3 {
    font-weight: 600 !important;
    margin-bottom: 0px;
    font-family: 'VistaSansAltBook' !important;
    margin-bottom: -15px;
}

#descargas ul {
    list-style: none !important;
}

#descargas.lalapos .descargassingle li a img {
    display: block !important;
    margin: 5px auto !important;
}

#descargas ul img {
    width: 20px;
    margin-left: 5px;
}

#descargas ul li {
    margin-bottom: 20px;
    line-height: 20px;
}

#descargas ul li a {
    color: #777777 !important;
    font-size: 18px;
}

#descargas h2,
#descargas h3 {
    color: #0d7160 !important;
}

#descargas .itemlink p {
    margin-bottom: 15px;
    max-width: 400px;
}

#descargas .itemlink {
    border-bottom: 1px solid #777777;
    padding-bottom: 20px;
}

#descargas .itemlink a {
    margin-bottom: 15px;
    color: #0d7160 !important;
}

#descargas .hoja_verde .linea1,
#descargas .hoja_verde .linea2,
.internaextra #c1 .hoja_verde .linea1,
.internaextra #c1 .hoja_verde .linea2 {
    border-top: 1px solid #777 !important;
}

.reforestemos.internaextra .hoja_verde {
    padding: 50px 0px 50px;
}

.reforestemos.internaextra #c3,
.reforestemos .internaextra #c2 {
    margin-top: 60px;
}

.reforestemos.internaextra #m1 #c1 {
    margin-bottom: 30px;
    margin-top: 60px;
}

.reforestemos.internaextra #m1 #c1 h4 {
    letter-spacing: 2px;
    color: #2e706e !important;
}

#c2.galeriafixboton h2 {
    text-align: center;
    color: #0d7160 !important;
    margin-bottom: 30px;
}

#c2.galeriafixboton .botongaleria {
    max-width: 180px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: #2e706e !important;
    display: block;
    margin: auto;
    text-align: center;
    padding: 10px 15px !important;
}

.galeria {
    padding: 70px 0px;
}

.page-id-4288 #descargas.lalapos .hoja_verde {
    display: none !important;
}

.page-id-4340 .hoja_verde {
    display: none;
}

.page-id-4340 #c2.galeriafixboton {
    margin-top: 60px;
}

.page-id-4342 #descargas .hoja_verde {
    display: none;
}

#c1.fixhojaverdegaleria .hoja_verde {
    display: block;
}


#give_donation_receipt ul li { list-style: none !important}
.give-tributes-would-to, .give-gateway-option, .ffm-radio-field label { text-transform: uppercase; font-size: 14px !important}
#comuna_pn-wrap { padding-left: 0px !important}
#ciudad_pn-wrap { padding-right: 0px !important}


@media (max-width: 767px) {
#comuna_pn-wrap { padding: 0px !important}
#ciudad_pn-wrap { padding: 0px !important}  
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {padding:0;margin:0;list-style-type:none;display:inline-block;}