/*-----fonts-----*/
@font-face {
  font-family: 'bookos black';
  src: url('../fonts/bookos-black.ttf') format('truetype');
}
@font-face {
  font-family: 'bookos blod cursi';
  src: url('../fonts/bookos-blod-cursi.ttf') format('truetype');
}
@font-face {
  font-family: 'bookos cursiva';
  src: url('../fonts/bookos-cursiva.ttf') format('truetype');
}
@font-face {
  font-family: 'bookos light';
  src: url('../fonts/bookos-light.ttf') format('truetype');
}
@font-face {
  font-family: '"Open Sans", Arial, sans-serif;';
  src: url('../fonts/staccato222bt.ttf') format('truetype');
}
@font-face {
  font-family: 'tahoma regular';
  src: url('../fonts/tahoma-regular.ttf') format('truetype');  
}
@font-face {
  font-family: 'tahoma blod';
  src: url('../fonts/tahoma-blod.ttf') format('truetype');  
}
@font-face {
	font-family: 'staccato222bt';
	src: url('../fonts/staccato222bt.eot');
	src: url('../fonts/staccato222bt.eot?#iefix') format('embedded-opentype'),
url('../fonts/staccato222bt.woff') format('woff'),
url('../fonts/staccato222bt.ttf') format('truetype'),
}
@font-face {
	font-family: 'fontawesome-webfont';
	src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
	 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg')
url('../fonts/FontAwesome.otf') format('otf');
}

/*-----Icomoon iconfont-----*/
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Buscador. 
Contenedor principal: form */



/*------CSS efects for "ver directorio"-----*/
.animation {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
	animation-name: fadeOutUp;
	-webkit-animation-name: fadeOutUp;
}
.appear{
	opacity: 1 !important;
}

.grid {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 1140px;
}
.fixed {
	position: fixed;
	z-index: 1050;
	width: 100%;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-moz-box-shadow:0.8px 6px 6px #777777;
-webkit-box-shadow:0.8px 6px 6px #777777;
box-shadow:0.8px 6px 6px #777777; 
}
header {
	height: 75px;
	background-color: #FFFFFF;
}
header.active{
	background-color: #743030;
}
header #gelma-logo-container {
	display: block;
	float: left;
	margin-top: 0px;
	
}
header nav{
	display: block;
	float: right;
	border: 0px none transparent !important;
}
header nav ul{
	float: right;
	margin-right: -15px !important;
	margin-left: -15px !important;
}
header nav ul li{
	list-style: none;
	display: inline-block;
}
header nav ul li a{
	margin-top: 10px;
	font-family: "staccato222bt";
	font-size: 14px;
	text-decoration: none !important;
	text-transform: uppercase;
	color: rgb(0, 152, 70) !important;
	padding: 15px 8px !important;
}
header nav ul li a:hover{
	background-color: transparent !important;
	opacity: .6 !important;
}
header nav ul li a:focus{
	background-color: transparent !important;
}


.caption {
	 	display: block;
	 	width: 100%;
	 	background: #64e0ef;
	 	height: 55px;
	 	padding-left: 10px;
	 	color: #fff;
	 	font-size: 20px;
	 	line-height: 55px;
	 	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	 	box-sizing: border-box;
	 }


	 .header-fila {
	 	background: #8b8b8b;
	 	color: #fff;

	 }

	.fila {
		display: table-fila;
	}

	.cell {
		display: table-cell;
		
		padding: 6px; 
		border-bottom: 1px solid #e5e5e5;
		text-align: center;
	}

	.primary {
		text-align: left;
	}


	input[type="radio"],
	input[type="checkbox"]{
		display: none;
	}


	@media only screen and (max-width: 760px)  {

		body {
			padding: 0;
		}

		#table {
			display: block;
			margin: 44px 0 0 0;
		}

		.caption {
			position: fixed;
			top: 0;
			text-align: center;
			height: 44px;
			line-height: 44px;
			z-index: 5;
			border-bottom: 2px solid #999;
		}

		.fila { 
			position: relative;
			display: block;
			border-bottom: 1px solid #ccc; 

		}

		.header-fila {
			display: none;
		}
		
		.cell { 
			display: block;

			border: none;
			position: relative;
			height: 65px;
			line-height: 45px;
			text-align: left;
		}

		.primary:after {
			content: "";
			display: block;
			position: absolute;
			right:40px;
			top:18px;
			z-index: 2;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			border-right:10px solid #ccc;

		}

		.cell:nth-of-type(n+2) { 
			display: none; 
		}


		input[type="radio"],
		input[type="checkbox"] {
			display: block;
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
			opacity: 0;
		}
    
    input[type="radio"]:checked,
		input[type="checkbox"]:checked {
		  z-index: -1;
		}

		input[type="radio"]:checked ~ .cell,
		input[type="checkbox"]:checked ~ .cell {
			display: block;

			border-bottom: 1px solid #eee; 
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
			
			background: #e0e0e0;
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
			content: attr(data-label);

			display: inline-block;
			width: 60px;
			background: #999;
			border-radius: 10px;
			height: 40px;
			margin-right: 10px;
			font-size: 12px;
			line-height: 20px;
			text-align: center;
			color: white;

		}

		input[type="radio"]:checked ~ .primary,
		input[type="checkbox"]:checked ~ .primary  {
			border-bottom: 2px solid #999;
		}

		input[type="radio"]:checked ~ .primary:after,
		input[type="checkbox"]:checked ~ .primary:after {
	 		position: absolute;
			right:38px;
			top:22px;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent; 
			border-top:10px solid #ccc;
			z-index: 2;
		}
	}

/*-----menu scrollspy effects-----*/
.menu {
	line-height: 1;
	margin: 0;
	background-color: transparent;
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__list1 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 40px 23%;
	list-style: none;
}
.menu__item {
	display: block;
	margin: 0;
}
.menu__link {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu__link:hover,
.menu__link:focus {
	outline: none;
}
.menu--scrollspy .menu__link {
	position: relative;
	display: block;
	text-align: center;
	color: rgb(204, 153, 153);
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}
.menu--scrollspy .menu__link:hover,
.menu--scrollspy .menu__link:focus {
	color: rgb(0, 0, 0);
	opacity: .8;
	background-color: transparent;
}
.menu--scrollspy .menu__link,
.menu--scrollspy .menu__link:active{
	background-color: transparent !important;
}
.menu--scrollspy .active .menu__link {
	color: rgb(204, 153, 153);
}
.menu--scrollspy .menu__link::before,
.menu--scrollspy .menu__link::after{
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgb(204, 153, 153);
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}
.menu--scrollspy .menu__link::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.menu--scrollspy .menu__link::after {
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
.menu--scrollspy .active .menu__link::before,
.menu--scrollspy .active .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
/*-----end of menu scrollspy effects-----*/

/* menu desplegable */

.menu ul ul {
 display:none;
 position:absolute;
 top:100%;
 left:15px;
 background:#ffffff;
 padding:0;
}

/* items del menu desplegable */

.menu ul ul li {
 float:none;
 width:140px
}

/* enlaces de los items del menu desplegable */

.menu ul ul a {
 line-height:120%;
 padding:10px 15px;
}

/* items del menu desplegable al pasar el ratón */

.menu ul li:hover > ul {
 display:block;
}

/*-----end of CSS efects for "ver directorio"-----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 99%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

.blue {
	color: #06C;
}

.green {
	color: #090;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
img {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]:-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: .83em;
  line-height: 1.75;
  color: #666666;
  background-color: white;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

a {
  color: #2d9647 ;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
a:hover {
  color: black;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, sans-serif;
  color: #444444;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

button,
input,
select,
textarea {
  border: 1px solid #d5d5d5;
  outline: 0;
  padding: 30px 30px 30px 30px;
  color: #666666;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: #666666;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.main-btn {
  color: white;
  border: 1px solid white;
  padding: 12px 20px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}

.grid {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 1101px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e2e2e2;
  margin: 40px 0;
}

.site-header ul.social-icons {
  position: relative;
  z-index: 11;
  margin: 30px ;
}
.site-header ul.social-icons li {
  display: inline-block;
  margin: 0 2px;
}
.site-header ul.social-icons li a {
  width: 36px;
  height: 36px;
  background-color: white;
  color: #444444;
  text-align: center;
  line-height: 36px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
}

.main-header {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  z-index: 1000;
  top: 100px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.scrolled {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#menu-wrapper {
  background-color: rgba(255, 255, 255, 0.90);
  overflow: hidden;
  -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
}

.logo-wrapper {
  background: url(../images/logo-gelma-con-color-128x7.png) no-repeat;
  height: 100px;
  weight: 10px;
  background-position: 10px;
}
.logo-wrapper a {
  display: inline-block;
  overflow: hidden;
  padding-left: 130px;
  line-height: 100px;
  text-transform: uppercase;
  color: #ec523f;
  font-size: 32px;
  font-weight: 700;
}

.main-menu ul li {
  display: inline-block;
  margin: 0 20px;
}
.main-menu ul li:last-child {
  margin-right: 35px;
}
.main-menu ul li a {
  text-transform: uppercase;
  font-size: 14px;
  color: #444444;
  line-height: 100px;
  padding-top: 37px;
}
.main-menu ul li.active a {
  border-top: 3px solid #2d9647;
  font-family: "bookos black";
  color: #2d9647;
}

.toggle-menu {
  width: 36px;
  height: 36px;
  float: right;
  margin-top: 33px;
  margin-right: 30px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  background: #EC523F;
  display: inline-block;
  color: white;
  cursor:pointer;
}

.container-blog-promotion {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}
#blog-promotion {
	min-height: 120px;
	background-image: url(../images/bg-blog-promotion.jpg);
	padding: 25px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.blog-promotion-p {
	font-size: 36px;
	font-family: "bookos black";
	color: rgb(1, 1, 1);
	display: inline-block;
	padding-top: 10px;
	margin: 0 0 0 100px;
	
}
.blog-promotion-btn{
	font-size: 30px;
	font-family: "Roboto Bold";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: center;
	border: 2px solid rgb(255, 255, 255);
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.149);
	padding: 22px 34px;
	padding-top: 10px;
	
	display: inline-block;
	line-height: 0.8;
}
.blog-promotion-btn:hover {
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
	color: rgb(0, 152, 70);
}

/*.menu-responsive {
  display: none;
  background-color: rgba(50, 50, 50, 0.88);
}
.menu-responsive ul li {
  padding: 5px 0px 5px 25px;
}
.menu-responsive ul li a {
  display: block;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}
.menu-responsive ul li.active a {
  color: #ec523f;
}*/

.flexslider {
  position: relative;
  top: -30px;
}

.flexslider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.flexslider .slider-caption {
  position: absolute;
  z-index: 9;
  width: 100%;
  text-align: center;
  top: 380px;
  left: 0;
}
.flexslider .slider-caption h2 {
  color: white;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  display: inline-block;
  text-shadow: #009846 2px 2px 2px;
}
.flexslider .slider-caption p {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 26px;
  display: block;
  text-shadow: #009846 2px 2px 2px;
}
.flexslider .slider-caption a.slider-btn {
  color: white;
  background-color: #009846;
  padding: 12px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: #000000 2px 2px 2px;
}
@media screen and (min-width: 989px) {
  .flexslider .slider-caption {
    top: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .flexslider .slider-caption {
    top: 580px;
  }
}

.flexslider1 {
  position: relative;
  top: 50px;
}
.flexslider1 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.flexslider1 .slider-caption {
  position: absolute;
  z-index: 9;
  width: 100%;
  text-align: center;
  top: 380px;
  left: 0;
}
.flexslider1 .slider-caption h2 {
  color: white;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  display: inline-block;
  text-shadow: #009846 2px 2px 2px;
}
.flexslider1 .slider-caption p {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 26px;
  display: block;
  text-shadow: #009846 2px 2px 2px;
}
.flexslider1 .slider-caption a.slider-btn {
  color: white;
  background-color: #009846;
  padding: 12px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: #000000 2px 2px 2px;
}
@media screen and (min-width: 989px) {
  .flexslider1 .slider-caption {
    top: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .flexslider1 .slider-caption {
    top: 580px;
  }
}


@media screen and (max-width: 1199px) {
  .main-menu ul li {
    margin-left: 15px;
    margin-right: 15px;
  }
  .main-menu ul li:last-child {
    margin-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .logo-wrapper { 
    background-size: contain;     
  }
  .logo-wrapper{
    height: 50px;
  }
  .logo-wrapper a {
    line-height: 50px;
    padding-left: 70px;
  }
  .toggle-menu {
    margin-top: 7px;
    margin-right: 10px;
  }
  .main-menu ul li {
    display: block;
  }
  .menu-first.show {
    /*opacity: 1;*/
    /*height: auto;  */  
    margin-top: 10px;
    display: block;
    /*transition: opacity 1s, height 0;*/
  }
  .menu-first {
    float: right;
    overflow: auto;
    width: 100%;  
    display: none;  
    /*opacity: 1;  */  
    /*height: 0;  */  
    /*background: rgba(50, 50, 50, 0.88);*/
    /*transition: opacity 1s, height 0 1s; */
    /*transition: all 0.3s ease;    */
  }
  .main-menu ul li a {
    line-height: 40px;
    padding-top: 10px;   
  }
  .main-menu ul li.active a {
    border-top: none;
  }
  .main-menu ul li:last-child { margin-right: 20px; }
}
@media screen and (max-width: 767px) {
  .main-header {
    top: 0;
  }
  .site-header {
    margin-top: 40px;
  }
  .logo-wrapper {
    float: left;
  }
  .menu-first {
    margin-top: 0;
  }
  .flexslider {
    margin-top: 80px;
  }
  
  .flexslider1 {
    margin-top: 80px;
  }
}

@media screen and (max-height: 500px) {
  .menu-first.show {
    max-height: 250px;
    padding-right: 15px;
  }
}

/*-----modal bootstrap styles reset-----*/
.fade{
	background-color: rgba(211, 233, 216, 0.8);
}
.modal-content {
	border-radius: 20px;
}

.modal-header {
	border-radius: 10px 10px 0px 0px;
	padding-top: 24px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: rgb(45, 150, 71);
	height: 80px;
}
.modal-body {
	padding: 40px;
	overflow-y: scroll;
	max-height: 65vh !important;
}

.modal-body1 {
	padding: 5px 5px 5px 5px;
	overflow-y: scroll;
	max-height: 55vh !important;
}

.modal-h2-enlaces {
	font-size: 17px;
	font-family: "bookos blod cursi";
	color: rgb(255, 255, 255);
	text-align: center;
	margin-left: 50px;
	-moz-transform: scale(1, 1.6);
	-webkit-transform: scale(1, 1.6);
	-ms-transform: scale(1, 1.6);
	transform: scale(1, 1.6);
	max-width: 500px;
}

.modal-h2 {
	font-size: 16px;
	font-family: "bookos blod cursi";
	color: rgb(255, 255, 255);
	text-align: left;
	-moz-transform: scale(1, 1.6);
	-webkit-transform: scale(1, 1.6);
	-ms-transform: scale(1, 1.6);
	transform: scale(1, 1.6);
	max-width: 500px;
}

.modal-h3 {
	color: #2d9647;
	font-size: 18px;
	font-family: "bookos black";
	text-transform: upper-roman;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: normal;
}
.modal-h4 {
	font-size: 20px;
	font-family: "tahoma-blod";
	color: #2d9647;
	text-transform: upper-roman;
}

.modal-h5 {
	font-size: 24px;
	font-family: "tahoma-blod";
	color: #2d9647;
	text-transform: uppercase;
}
.modal-p {
	color: #000201;
	font-size: 16px;
	font-family: "tahoma-regular";
	line-height: 1.714;
	margin-top: 5px;
	margin-bottom: 15px;
}

.modal-p-sum {
	color: #000201;
	font-size: 16px;
	font-family: "tahoma-regular";
	line-height: 1.714;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 35px;
}

.modal-p-direcc {
	color: rgb(255, 255, 255);
	font-size: 17px;
	font-family: "tahoma-blod";
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 130%;
	
}
.modal-li{
	padding-left: 13px;
	text-indent: -10px;
	
}
.modal-a{
	color: rgb(102, 102, 102);
	font-size: 16px;
	font-family: "tahoma-blod;
}

.modal-a:hover{
	color: rgb(211, 233, 216);
}

.modal-a span{
	color: rgb(211, 233, 216);
}

.modal-btn1{
	color: #2d9647;
	opacity: 1;
	font-family: "Open Sans, Arial, sans-serif";
	font-size: 36px;
	text-shadow: none;
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	margin-right: 10px;
}

.modal-btn{
	color: #fff;
	opacity: 1;
	font-family: "Open Sans, Arial, sans-serif";
	font-size: 36px;
	text-shadow: none;
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	margin-right: 10px;
}
.modal-footer {
	background-color: rgb(45, 150, 71);
	border-top-left-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height: 80px;
}
.modal-dialog-slideshow{
	width: 60% !important;
}
.modal-slideshow {
	border-radius: 0px;
	margin-top: 50px;
}
.modal-slideshow .modal-body {
	padding: 0;
	overflow-y: visible;
	max-height: none;
}
.modal-slideshow-btn {
	color: #2e9647;
	style: black;
	opacity: 1;
	font-family: "bookos-black";
	font-size: 36px;
	text-shadow: none;
	position: absolute;
	z-index: 100;
	right: 0;
	margin-right: 10px;
}
.modal-slideshow .carousel-inner{
	/*height: 399px;*/
}
.modal-slideshow-img {
	width: 100%;
}
.modal-slideshow .modal-footer{
	border-top: none;
}
.container-slider-control{
	position: absolute;
	top: 45%;
	width: 50%;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.carousel-slider-control{
	color: #fff;
	font-size: 20px;
}
.carousel-slider-control:hover {
	color: rgb(211, 233, 216);
}
.modal-slideshow-controls {
	color: #2e9647;
	font-size: 72px;
	font-family: "bookos-black";
	style: black;
	line-height: 0.8;
	position: absolute;
	top: 45%;
}
.modal-slideshow-controls.pull-left {
	left: 1%;
	right: auto;
}
.modal-slideshow-controls.pull-right {
	right: 1%;
}
.modal-slideshow-counter {
	font-size: 18px;
	font-family: "Open Sans, Arial, sans-serif";
	color: rgb(255, 255, 255);
}

.content-section {
  margin-top: 60px;
  padding-top: 60px;
}

.heading-section {
  margin-bottom: 60px;
}

.heading-section h3 {
  font-family: "bookos-black";
  font-size: 20px;
  font-weight: 600;
  color: #2e9647;
  margin-left: 20px;
  text-transform: upper-roman;
  border-bottom: 1px solid #2e9647;
  display: inline-block;
}
.heading-section h4 {
  font-size: 28px;
  font-weight: 600;
  color: #fffefe
  text-transform: uppercase;
  
  display: inline-block;
}

.heading-section h2 {
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #fffefe;
  display: inline-block;
  text-shadow: #828483 2px 2px 2px;
}

.heading-section1 h2 {
  margin-top: 70px;
  font-size: 30px;
  font-weight: 600;
  text-transform: upper-roman;
  text-shadow: #ffffff 2px 2px 2px;
}

.heading-section2 h2 {
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #fffefe;
  display: inline-block;
  text-shadow: #000000 2px 2px 2px;
}

.heading-section p {
  color: #444444;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 10px;
}

.small-text {
  color: #aaaaaa;
}

.space-fixed {
  width: 100%;
  height: 130px;
  overflow: hidden;
  position: relative;
  
}

#container-somos {
	background-color: rgb(211, 233, 216);
}
#somos {
	min-height: 640px;
	width: auto;
	max-width: 715px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 100px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 100px;
}
#somos-btn {
	display: block;
	margin-top: 90px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: rgb(255, 255, 255);
	font-family: "bookos-black";
	border-radius: 3px;
	background-color: #2e9647;
	padding: 12px 20px;
	font-size: 16px;
	width: 110px;
	line-height: 0.8;
	border: 1px solid transparent;
	box-shadow: #000000 2px 2px 2px;
}
#somos-btn:hover {
	background-color: rgb(211, 233, 216);
	border: 1px solid #2e9647;
	color: #669966;
}

#somos-btn1 {
	display: block;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: rgb(255, 255, 255);
	font-family: "bookos-black";
	border-radius: 3px;
	background-color: #2e9647;
	padding: 16px 13px;
	font-size: 20px;
	width: 150px;
	height: 50px;
	line-height: 0.8;
	border: 1px solid transparent;
	
}
#somos-btn1:hover {
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
	color: rgb(0, 152, 70);
	-webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    transition-property: all;
    transition-duration: 1s;
}

#banner-info {
	min-height: 180px;
	Background-attachment: scroll;
	padding: 60px 20px;
	text-transform: uppercase;
	background-position: center center;
	background-repeat: no-repeat;
}
.img-over  {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 541px;
	height: 168px;
	text-align: center;
	font-size: 14px;
	font-family: "bookos-black";
	font-style: black;
	color: rgba(1, 1, 0, 0);
	padding-top: 108px;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.img-over:active{
	color: transparent !important;
	background-color: transparent !important;
}
.img-over:focus{
	color: transparent !important;
	background-color: transparent !important;
}
.img-over:hover  {
	color: rgb(1, 1, 0) !important;
	background-color: rgba(92, 198, 118, 0.8) !important;
}
.img-over:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio-item {
  margin-bottom: 30px;
}

.portfolio-item .portfolio-thumb {
  position: relative;
  overflow: hidden;
}

.portfolio-item .portfolio-thumb img {
  width: 100%;
}
.portfolio-item .portfolio-thumb .portfolio-overlay {
  background-color: #2e9647;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 20px 20px;
  text-align: center;
  color: white;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.portfolio-item .portfolio-thumb .portfolio-overlay h3 {
  font-size: 15px;
  text-transform: uppercase;
  color: white;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid white;
}

.portfolio-item .portfolio-thumb .portfolio-overlay a.expand {
  margin-top: 15px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  background-color: white;
  display: inline-block;
  text-align: center;
}
.portfolio-item .portfolio-thumb .portfolio-overlay a.expand i {
  line-height: 36px;
}
.portfolio-item .portfolio-thumb:hover .portfolio-overlay {
  opacity: 1;
  visibility: visible;
}

.team-member {
  margin-bottom: 30px;
}
.team-member .member-thumb {
  position: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.team-member .member-thumb img {
  width: 100%;
}
.team-member .member-thumb .team-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  top: 0;
  left: 0;
  background-color: #2d9647;
  color: white;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.team-member .member-thumb .team-overlay h3 {
  font-size: 18px;
  font-style: blod;
  text-transform: upper-roman;
  color: white;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid white;
  margin-top: 67px;
}
.team-member .member-thumb .team-overlay span {
  text-transform: upper-roman;
  font-style: blod;
  font-size: 18px;
  margin-top: 10px;
  display: block;
}
.team-member .member-thumb .team-overlay ul.social {
  display: block;
  margin-top: 20px;
}
.team-member .member-thumb .team-overlay ul.social li {
  display: inline-block;
}
.team-member .member-thumb .team-overlay ul.social li a {
  width: 36px;
  height: 36px;
  background-color: white;
  line-height: 40px;
  color: #2d9647;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
}
.team-member .member-thumb:hover .team-overlay {
  opacity: 1;
  visibility: visible;
}
.skills-heading {
  margin-top: 60px;
  margin-bottom: 50px;
}
.skills-heading h3.skills-title {
  font-style: italic;
  font-size: 18px;
  text-transform: uppercase;
  color: #5e5e5e;
}
.skills-heading .small-text {
  font-style: italic;
}
.impacto-link {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width: 360px;
}
.container-impacto-foto {
	overflow: hidden;
}
.zoom-img {
    -webkit-transition: all 1.9s ease;
    -moz-transition: all 1.9s ease;
    -o-transition: all 1.9s ease;
    -ms-transition: all 1.9s ease;
    transition: all 1.9s ease;
}
.zoom-img-over {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.detalle {
	background-color: rgb(0, 0, 0);
	width: 40px;
	height: 4px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.impacto-h3 {
	font-size: 22px;
	font-family: "bookos-black";
	color: rgb(0, 0, 0);
	text-align: left;
}
.modal-h2-impacto {
	font-size: 20px;
	font-family: "tahoma-blod";
	color: rgb(46, 150, 71);
	text-transform: uppercase;
}

.modal-h2-impact {
	font-size: 16px;
	font-family: "tahoma-blod";
	color: rgb(46, 150, 71);
	text-transform: uppercase;
	margin-top: 15px;
}
}

.modal-h2-impac {
	font-size: 16px;
	font-family: "tahoma-blod";
	color: rgb(46, 150, 71);
	text-transform: uppercase;
	padding-left: 35px;
}

.progress {
  height: 34px;
  box-shadow: none;
  border-radius: 0;
  background-color: #e7e7e7;
  margin-bottom: 10px;
}

.progress-bar {
  line-height: 34px;
  text-align: left;
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #ec523f;
  box-shadow: none;
}

.googlemap-wrapper {
  height: 380px;
  margin-bottom: 40px;
}

.map-canvas {
  height: 380px;
  border: 10px solid #efefef;
}


/*
*Mapa
*/
.provincia{
    fill: #d3e9d8;
    fill-opacity: 1;
    stroke:white;
    stroke-opacity: 1;
    stroke-width:0.5;

}

.provincia:hover{
    cursor: pointer;
    fill: #2e9647;
    fill-opacity: 1;
    stroke:#ffffff
    stroke-opacity: 1;
    stroke-width:0.5;
    /* color: #ffffff;*/
    transition: all 0.5s ease-in-out 0s;
}

#wrapper_countrys{
    width: 100px;
    padding: 30px;

}

.info-show {
    width: 600px;
    height: 170px;
    background-color:rgba(46, 150, 71, 0.38) ;
    bottom:5px;
    opacity: 0.8;
    padding: 10px;
    position: relative;
	margin-left: 50px;
	margin-top: -200px;
    margin-bottom: 10px!important;
     display: none;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;

}

.info-provincias{
    display: none;
}


.elementos{
    color: #3c3c3c!important;
	padding-left: 22px;
	text-indent: -29px;
	
}


.container-info {
	width: 50%;
	margin-top: -20px;
}
.container-contacto-info {
	width: 100%;
}
.contacto-col {
	width: 100%;
}
	
.contacto-h3 {
	font-size: 18px;
	font-family: "bookos-black";
	color: #2e9647;
	text-align: left;
	display: inline-block;
}
.contacto-icon {
	color: rgb(51, 102, 51);
	font-size: 18px;
	text-align: left;
}

.contacto-icon1 {
	color: rgb(255, 255, 255);
	font-size: 13px;
	text-align: left;
}

.contacto-p {
	color: rgb(102, 102, 102);
	font-size: 16px;
	text-align: left;
	line-height: 1.714;
	font-family: "bookos-black";
	-moz-transform: matrix( 1,0,0,1.00000197232449,0,0);
	-webkit-transform: matrix( 1,0,0,1.00000197232449,0,0);
	-ms-transform: matrix( 1,0,0,1.00000197232449,0,0);
	transform: matrix( 1,0,0,1.00000197232449,0,0);
	margin-top: 10px;
	margin-bottom: 40px;
}
.container-form {
	width: 45%;
	margin-top: 20px;
}
.container-form .form-control {
	border: 1px solid rgb(46, 150, 71);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0);
}
.form-control:focus {
	border-color: rgb(46, 150, 71);
	background-color: #fff;
	color: rgb(102, 102, 102);
	box-shadow: none;
}
.form-50 {
	margin-bottom: 15px;
	width: 49% !important;
}
.form-btn {
	border-radius: 2px;
	background-color: rgba(51, 102, 51,0);
	box-shadow: 0px 2px 1.96px 0.04px rgba(51, 51, 51, 0.35);
	font-size: 18px;
	font-family: "bookos-light";
	color: rgb(51, 102, 51);
	text-transform: uppercase;
	border: 1px solid rgb(51, 102, 51);
	text-align: center;
	margin-top: 15px;
	float: right;
	width: 100%;
}
.form-btn:hover {
	border: 1px solid rgb(51, 102, 51);
	color: #fff;
	background-color: rgb(51, 102, 51);
}

#go-top {
  background-color: #2d9647;
  color: white;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 700;
}

<--Socail icons-->
#socialicons
{
width:75%;
margin:0 auto;
overflow:auto;
}
  
.socialicon
{
width:100px;
height:100px;
border-radius:50%;
overflow:hidden;
background:#e4e4e4;
position:relative;
float:left;
margin:0px 0px 10px 10px ;
} 

.socialiconcircle1
{
width:150px;
height:150px;
position:absolute;
left:0px;
top:100px;
-webkit-animation:fill 2s infinite;
-moz-animation:fill 2s infinite;
animation:fill 2s infinite;
}

.socialiconcircle2
{
width:94px;
height:94px;
border-radius:50%;
background:#fff;
position:absolute;
left:3px;
top:3px;
}

.icons
{
font-size:2em;
position:absolute;
left: 33px;
top: 33px;
-webkit-animation:iconjump 2s infinite;
-moz-animation:iconjump 2s infinite;
animation:iconjump 2s infinite;  
}

/* fill color */  
.dribbblecolor{background:#ea4c89;}
.facebookcolor{background:#3b5998;} 
.googlecolor{background:#dd4b39;} 
.flickrcolor{background:#ff0084;}
.pinterestcolor{background:#c8232c;}
.youtubecolor{background:#c4302b;}
.githubcolor{background:#171515;}
.linkedincolor{background:#0e76a8;}
.tumblrcolor{background:#34526f;}

/* icons color */  
.dribbble{color:#ea4c89!important}
.facebook{color:#3b5998!important}
.google{color:#dd4b39!important}                                   
.flickr{color:#ff0084!important}
.pinterest{color:#c8232c!important;}
.youtube{color:#c4302b!important;}  
.github{color:#171515!important;}  
.linkedin{color:#0e76a8!important;} 
.tumblr{color:#34526f!important;}


/* fill background */      
@-webkit-keyframes fill
{
0%{top:100px;}
100%{top:0px;}
}

@-moz-keyframes fill
{
0%{top:100px;}
100%{top:0px;}
}

@keyframes fill
{
0%{top:100px;}
100%{top:0px;}
}

/* jump social icons */
@-webkit-keyframes iconjump
{
0%{top:33px;}
10%{top:70px;}
20%{top:33px;}
50%{top:33px;}
90%{top:33px;} 
100%{top:33px;}
}

@-moz-keyframes iconjump
{
0%{top:33px;}
10%{top:70px;}
20%{top:33px;}
50%{top:33px;}
90%{top:33px;} 
100%{top:33px;}
}

@keyframes iconjump
{
0%{top:33px;}
10%{top:70px;}
20%{top:33px;}
50%{top:33px;}
90%{top:33px;} 
100%{top:33px;}
}

<!--otras redes-->
.social {
	position: relative;  /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}




#footer {
	background-image: url(../images/bg-footer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 50px;
	padding-top: 30px;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	
}

#footer1 {
	background-image: url(../images/bg-blog-promotion.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 50px;
	padding-top: 30px;
	background-size: cover;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	
}

.nos-integran-h2 {
	
	font-size: 14px;
	font-family: "tahoma-blod";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	-moz-transform: scale(1, 1.6);
	-webkit-transform: scale(1, 1.6);
	-ms-transform: scale(1, 1.6);
	transform: scale(1, 1.6);
	text-shadow: #000000 2px 2px 2px;
}

.nos-integran1-h2 {
	
	font-size: 14px;
	font-family: "bookos-light";
	color: #000000;
	text-align: center;
	-moz-transform: scale(1, 1.6);
	-webkit-transform: scale(1, 1.6);
	-ms-transform: scale(1, 1.6);
	
}

.container-footer-h2 {
	width: 291px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
	padding-bottom: 10px;
	height: 42px;
	background-size: cover;
}
.container-links {
	width: 50%;
	margin: 60px auto;
	text-align: center;
}
.container-links ul {
	padding: 0px;
}
.container-links ul li {
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
}
.container-links ul li a {
	font-size: 22px;
	font-family: "aria-black";
	color: rgb(6, 69, 173);
	letter-spacing: 1px;
	text-shadow: #ffffff 2px 2px 2px;
}
.container-links ul li a:hover {
	color: #ffffff;
}
.container-links ul li a:hover span {
	background-color: rgb(204, 102, 102);
}


/*Galeria*/
#sp-extension {
  background: #eee;
  padding: 60px 0 50px;
}
#sp-extension .module-title {
  text-align: center;
}
.ot_testimonial {
  text-align: center;
}
.ot_testimonial .arrow-down {
  border: none;
}
.ot_testimonial div .ot_tcontent {
  background: none;
}
.ot_testimonial .ot_title::before,
.ot_testimonial .ot_title::after {
  content: none;
}
.ot_testimonial div.ot_title {
  width: 100%;
  margin: 15px auto 45px auto;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  line-height: 22px;
  font-size: 16px;
}
.ot_testimonial .ot_info {
  display: inline;
  padding: 0px;
}
.ot_testimonial .ot_info .ot_image {
  display: inline;
  float: left;
  padding: 20px 0 10px;
  width: 100%;
}
.ot_testimonial .ot_info .ot_image img {
  padding: 0;
  display: inline-block;
  float: none;
  width: 50%;
  height: 50%;
  border: 2px solid #2bb673;
}
.ot_testimonial .ot_info .ot_aditional {
  width: 100%;
  display: block;
}
.ot_testimonial .ot_info .ot_aditional .ot_name {
  font-size: 18px;
  color: #262626;
}
.ot_testimonial .ot_info .ot_aditional .ot_work {
  color: #262626;
  font-size: 18px;
}
.ot_testimonial ol.carousel-indicators li {
  background: #ddd;
  width: 30px;
  border-radius: 0;
  height: 4px;
  border: none;
}
.ot_testimonial ol.carousel-indicators li.active {
  background: #2bb673;
  border: none;
  width: 30px;
  height: 4px;
}
.ot_testimonial .ot_tcontent1 div.ot_title {
  width: 90%;
}
.ot_testimonial .ot_list {
  width: 100%;
  margin: 0 0 10px;
  text-align: left;
  padding: 0 0 10px;
  display: inline-block;
  border-bottom: 1px solid #ddd;
}
.ot_testimonial .ot_list .ot_info {
  float: left;
  width: 220px;
  text-align: center;
}
.ot_testimonial .ot_list .ot_info .ot_aditional {
  display: block;
}
.ot_testimonial .ot_list .ot_tcontent {
  float: left;
  width: 80%;
}
.ot_testimonial .ot_list .ot_tcontent .ot_title {
  width: 100%;
}
.ot_testimonial .caroufredsel_wrapper {
  text-align: center !important;
}
.ot_testimonial .caroufredsel_wrapper .ot_title {
  text-align: center !important;
}
.ot_testimonial #thumbs-wrapper {
  padding: 40px 40px 10px;
}
.ot_testimonial #thumbs-wrapper #thumbs {
  width: 100% !important;
  height: auto !important;
  text-align: center !important;
}
.ot_testimonial #thumbs-wrapper #thumbs a {
  margin: 0;
  float: none;
  display: inline-block;
  width: auto !important;
  height: auto !important;
}


#footer hr {
	border-color: rgba(255, 255, 255, 0.302);
}
.footer-p {
	font-size: 18px;
	font-family: "Roboto Regular";
	color: rgb(255, 255, 255);
	font-style: italic;
	line-height: 2;
	text-align: center;
	padding-top: 70px;
}
#footer img {
	margin-top: 150px;
	margin-bottom: 80px;
}
.footer-h3 {
	font-size: 15px;
	font-family: "bookos-black";
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	text-align: center;
	margin-top: 100px;
}

#copyright {
	height: 3px;
	background-image: url(../images/bg-footer.jpg);
	background-position: center top;
}
.copyright-h3 {
	font-size: 26px;
	font-family: "bookos-blod-cursi";
	color: #2e9647;
	-moz-transform: matrix( 0.58776726095231,0,0,0.82630140868271,0,0);
	-webkit-transform: matrix( 0.58776726095231,0,0,0.82630140868271,0,0);
	-ms-transform: matrix( 0.58776726095231,0,0,0.82630140868271,0,0);
	transform: matrix( 0.58776726095231,0,0,0.82630140868271,0,0);
	margin-left: 120px;
}
.copyright-h4 {
	font-family: "staccato222bt";
	font-size: 14px;
	margin-right: 90px;
	margin-top: 3px;
}
.copyright-h4 span {
	font-weight: bold;
}

.go-top {
 width: 50px;
    right: 30px;
    bottom: 30px;
    height: 50px;
    z-index: 100;
    position: fixed;
    box-shadow: none;
    padding: 12px 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    text-indent: -999999px;
    background: #2e9647 url(../images/top-arrow.png) no-repeat center center;
	box-shadow: #000000 2px 2px 2px;
}
 
.go-top:hover {
background-color: rgb(211, 233, 216);
}

/*
body, p, div, h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", Arial, Verdana, Geneva, sans-serif;
   	font-style: normal;
}
*/