/* Typography */



#mano {
	background-repeat: no-repeat;
	background-image: url(../img/footermano.png);
	width: 740px;
	height: 200px;
	min-width: 0px;
	padding-top: 0px;
}

body {
	background-image: url(../images/bgnoise_lg.png);
}

p {
	color: #070707;
	line-height: 1.6em;
	text-align: justify;
	font-size: 1.1em;
	border-style: none;
}
p titular {
	color: #3200FF;
	font-size: 1,0em;
	line-height: 1.6em;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

a, a:link, a:visited, a:hover, a:active {
	color: #AC0BAA;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #000;
  margin-bottom: 15px;
  margin-top: 0;
}

h1, .h1 {
  font-size: 1.8em;
}

h2, .h2 {
  font-size: 1.4em;
}

h3, .h3 {
  font-size: 1.2em;
}

h4, .h4 {
  font-size: 1.1em;
}

h5, .h5 {
  font-size: 1em;
}

h6, .h6 {
  font-size: 0.9em;
}

h1.headline, .h1.headline {
  font-size: 3.8em;
  letter-spacing: -2.5px;
}

h2.headline, .h2.headline {
  font-size: 3em;
  letter-spacing: -2px;
  font-family: 'Quicksand', sans-serif;
}

h3.headline, .h3.headline {
  font-size: 2.6em;
  letter-spacing: -2px;
}

h4.headline, .h4.headline {
  font-size: 2.4em;
  letter-spacing: -1.5px;
}

h5.headline, .h5.headline {
  font-size: 2.2em;
  letter-spacing: -1.4px;
}

h6.headline, .h5.headline {
  font-size: 2em;
  letter-spacing: -1.3px;
}

.text-size-2x {
  font-size: 2em;
  line-height: 1.2em;
}

.text-size-12, .text-l-size-12 {
  font-size: 12px !important;
  line-height: 1.4em;
}

.text-size-16, .text-l-size-16 {
  font-size: 16px !important;
  line-height: 1.4em;
}

.text-size-20, .text-l-size-20 {
  font-size: 20px !important;
  line-height: 1.4em;
}

.text-size-25, .text-l-size-25 {
  font-size: 25px !important;
  line-height: 1.4em;
}

.text-size-30, .text-l-size-30 {
  font-size: 30px !important;
  line-height: 1.4em;
}

.text-size-40, .text-l-size-40 {
  font-size: 40px !important;
  line-height: 1.4em;
}

.text-size-50, .text-l-size-50 {
  font-size: 50px !important;
  line-height: 1.4em;
}

.text-size-60, .text-l-size-60 {
  font-size: 60px !important;
  line-height: 1.4em;
}

.text-size-70, .text-l-size-70 {
  font-size: 70px !important;
  line-height: 1.4em;
}

.background-primary .section-title:after, .primary-color-primary .background-primary .section-title:after {
  color: #fff;
}

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

.text-right {
  text-align: right;
}

.text-thin {
	color: #393939;
	font-size: 1.0em;
	line-height: 1.6em;
	text-align: center;
}

.text-lee {
	font: 1.7em 'Open Sans', sans-serif;
	color: #5B4279;
	text-align: center;
}



b, strong, .text-strong {
  font-weight: 700;
}

.text-extra-strong {
  font-weight: 800;
}

blockquote::before {
  color: #e0e0e0;
  content: "“";
  display: block;
  float: left;
  font-family: georgia;
  font-size: 80px;
  height: 30px;
  left: -40px;
  position: relative;
  top: -20px;
  width: 0;
}

blockquote {
  font-size: 1em;
  padding: 0 0 0 40px;
}

ul.text-list, ol.text-list {
  font-size: 0.85em;
  line-height: 1.8em;
  padding: 0 16px;
}

ul.text-list ul, ol.text-list ol {
  padding: 0 14px;
}

iframe {
  display: block;
  margin: 0;
}

/* Backgrounds */
.background-white-hightlight .top-nav .active-item > a, .background-white-hightlight .top-nav li a:hover {
	background: #fff none repeat scroll 0 0;
	color: #743373;
}

.background-primary-hightlight .top-nav .active-item > a, .background-primary-hightlight .top-nav li a:hover {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #F8E63F;
	background-attachment: scroll;
	color: #743373;
}

.background-dark-hightlight .top-nav .active-item > a, .background-dark-hightlight .top-nav li a:hover {
  background: #743373 none repeat scroll 0 0;
  color: #fff;
}

/* Breaks */
hr.break {
  border: 0;
  border-top: 1px solid #e5e5e5;
  display: block;
  margin: 40px 0;
}

hr.break:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

hr.break.break-dashed {
  border-top: 1px dashed #e5e5e5;
}

hr.break.break-dotted {
  border-top: 1px dotted #e5e5e5;
}

hr.break.break-double {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  height: 8px;
}

hr.break.break-dashed-double {
  border-bottom: 1px dashed #e5e5e5;
  border-top: 1px dashed #e5e5e5;
  height: 8px;
}

hr.break.break-dotted-double {
  border-bottom: 1px dotted #e5e5e5;
  border-top: 1px dotted #e5e5e5;
  height: 8px;
}

video {
  display: block;
} 

/* Top Nav */
.top-nav li a, .background-white .top-nav li a {
	color: #743373;
	font-size: 0.9em;
	padding: 0.7em 1.25em;
}

nav {
  border-bottom: 4px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 1.7em 0;
  position: relative;
  z-index: 2;
}

.top-nav ul ul {
  background: #98A7FC none repeat scroll 0 0;
}

.top-nav li ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.top-nav li ul li:last-child {
  border-bottom: 0;
}

.top-nav li ul li a, .background-white .top-nav li ul li a, .top-nav .active-item li a {
  background: #98A7FC none repeat scroll 0 0;
  color: rgba(255,255,255, 0.75);
}

ul.chevron .submenu > a::after, ul.chevron .sub-submenu > a::after, ul.chevron .aside-submenu > a::after, ul.chevron .aside-sub-submenu > a::after {
  margin: 0 0 0 1.25em;
}

.top-nav ul ul a {
  color: #eee;
}

.logo img {
	margin: 5px auto 10px;
	max-width: 715px;
	width: 100%;
	height: auto;
}

/* Font colors */
.background-white, .background-white p, a.background-white, .background-white a, .background-white a:link, .background-white a:visited, .background-white a:hover, .background-white a:active {
	color: #5B5656;
	font-size: 1.0em;
	text-align: center;
}

.background-dark, .background-dark p, a.background-dark, a.background-dark:visited, a.background-dark:link, .background-dark a, .background-dark a:link, .background-dark a:visited, .background-dark a:hover, .background-dark a:active {
	color: #FFE500;
}

.background-white h1, .background-white h2, .background-white h3, .background-white h4, .background-white h5, .background-white h6,
.background-white .h1, .background-white .h2, .background-white .h3, .background-white .h4, .background-white .h5, .background-white .h6 {
	color: #5B4379;
	font-family: 'Quicksand', sans-serif;
}

.image-hover-overlay-content *,
.background-primary, .background-primary p, a.background-primary, a.background-primary:visited, a.background-primary:link, .background-primary a, .background-primary a:link, .background-primary a:visited, .background-primary a:hover, .background-primary a:active {
	color: #5B4379;
	text-align: center;
}

.background-dark h1, .background-dark h2, .background-dark h3, .background-dark h4, .background-dark h5, .background-dark h6,
.background-dark .h1, .background-dark .h2, .background-dark .h3, .background-dark .h4, .background-dark .h5, .background-dark .h6,
.background-primary h1, .background-primary h2, .background-primary h3, .background-primary h4, .background-primary h5, .background-primary h6,
.background-primary .h1, .background-primary .h2, .background-primary .h3, .background-primary .h4, .background-primary .h5, .background-primary .h6 {
	color: #FFFFFF;
	text-align: center;
}

.text-white, .text-white * {
	color: #6E306D !important;
}

.text-primary, .text-primary * {
	color: #FFFFFF !important;
}

.text-dark, .text-dark * {
  color: #002633 !important;
}

.text-white-hover, .text-primary-hover, .text-dark-hover {
  transition: color 0.20s linear 0s;
  -o-transition: color 0.20s linear 0s;
  -ms-transition: color 0.20s linear 0s;
  -moz-transition: color 0.20s linear 0s;
  -webkit-transition: color 0.20s linear 0s;
}

.text-white-hover:hover {
  color: #fff !important;
}

.text-primary-hover:hover {
	color: #061AF9 !important;
}

.text-dark-hover:hover {
  color: #002633 !important;
} 

/* Background Colors */
.background-white {
	background-repeat: repeat-x;
	background-image: url(../images/bgnoise_lg.png);
}

.background-white2 {
	background-repeat: repeat-x;
	background-image: url(../images/bgnoise_lg.png);
}

.background-primary {
	background-color: #FFE500 !important;
	height: 320px;
}

.background-primary2 {
	background-color: #FFE500 !important;
	height: 80px;
}

.background-primary3 {
	background-color: #FFEE00 !important;
	height: 208px;
}

.background-grupo{
	background-color: #6E306D !important;
}

.background2-grupo{
	background-color: #000000 !important;
}

.background-dark {
	background-color: #743373 !important;
}


.background-dark2 {
	background-color: #C7BDF9 !important;
}

.background-dark3 {
	background-color: #000000 !important;
	background-repeat: no-repeat;
}



/* Hover Overlay */
.image-hover-overlay {
  bottom: 0;
  color: rgba(255,255,255, 0.75)!important;
  left: 0;
  opacity: 0;
  padding: 1.25em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.image-border-radius .image-hover-overlay {
  border-radius: 3px;
}

.image-hover-overlay:hover {
  opacity: 1;
}



.image-hover-overlay-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.image-hover-overlay:hover > .image-hover-overlay-content {
	top: 50%;
	color: rgba(116,51,115,1);
}

/* Image blocks */
.image-with-hover-overlay {
  display: block;
  position: relative;
}

.image-border-radius img {
  border-radius: 3px;
}

.image-hover-zoom {
  display: block;
  overflow: hidden;
}

.image-hover-zoom img {
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.image-with-hover-overlay img {
  width: 100%;
}

.image-hover-zoom:hover img {
  transform: scale(1.1);
}

/* Buttons */
.button, a.button, a.button:link, a.button:visited {
	border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.3);
	border-style: solid;
	border-width: 1px;
	color: #6E306D;
	display: inline-block;
	padding: 0.625em 1.25em;
	text-align: center;
	transition: all 0.20s linear 0s !important;
	-o-transition: all 0.20s linear 0s !important;
	-ms-transition: all 0.20s linear 0s !important;
	-moz-transition: all 0.20s linear 0s !important;
	-webkit-transition: all 0.20s linear 0s !important;
}

.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover {
	box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.25) inset;
	color: #0A0A0A;
}

/* Containers */
.section {
	padding-right: 1.25em;
	padding-left: 1.25em;
}

.section2 {
	padding: 2em 1.25em;
	font-size: 1.0em;

}

.section3 {
	padding: 2em 1.25em;
	background-color: #000000;
}

.section-small-padding {
  padding: 2.5em 1.25em;
}

.section-top-padding {
  padding-top: 6em;
}

.section-top-small-padding {
  padding-top: 2.5em;
}

.float-left {
  float: left;
}

.block-bordered {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.padding {
	padding: 1.25em;
	background-color: #000000;
}

.padding-2x {
  padding: 2.5em;
}

.full-width:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.position-fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.center {
  display: block!important;
}

.border-radius {
  border-radius: 3px;
}

.content-center-vertical {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.content-bottom {
  bottom: 0;
  position: absolute;
}

.grayscale {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

.image-grayscale {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
  position: relative;
}

*:hover > .image-grayscale {
  filter: none;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=0);
}


/* Margins */
.margin-top {
  margin-top: 1.25em !important;
}

.margin-top-bottom {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
}

.margin-top-2x {
  margin-top: 2.5em !important;
}

.margin-bottom-2x {
  margin-bottom: 2.5em !important;
}

.margin-top-bottom-2x {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.margin-top-0 {
  margin-top: 0 !important;
  display: block;
}

.margin-top-10 {
  margin-top: 10px !important;
  display: block;
}

.margin-top-15 {
  margin-top: 15px !important;
  display: block;
}

.margin-top-20 {
  margin-top: 20px !important;
  display: block;
}

.margin-top-30 {
  margin-top: 30px !important;
  display: block;
}

.margin-top-40 {
  margin-top: 40px !important;
  display: block;
}

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

.margin-top-60 {
  margin-top: 60px !important;
  display: block;
}

.margin-top-70 {
  margin-top: 70px !important;
  display: block;
}

.margin-top-80 {
  margin-top: 80px !important;
  display: block;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
  display: block;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
  display: block;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
  display: block;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
  display: block;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
  display: block;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
  display: block;
}

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

.margin-bottom-60 {
  margin-bottom: 60px !important;
  display: block;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
  display: block;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
  display: block;
}

.margin-top-bottom-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
}

.margin-top-bottom-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  display: block;
}

.margin-top-bottom-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  display: block;
}

.margin-top-bottom-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: block;
}

.margin-top-bottom-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  display: block;
}

.margin-top-bottom-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  display: block;
}

.margin-top-bottom-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  display: block;
}

.margin-top-bottom-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  display: block;
}

.margin-top-bottom-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
  display: block;
}

.margin-top-bottom-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  display: block;
}

.margin-left-80 {
  margin-left: 80px !important;
}
/* More info button */
a.text-more-info {
  display: block;
  font-size: 0.85em;
  margin-top: 0.625em;
}

a.text-more-info:after {
  content: "\f006";
  font-family: mfg;
  font-size: 0.8em;
  margin-left: 0.625em;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

a.text-more-info:hover:after {
  margin-left: 0.825em;
}

/* Top bar */
.top-bar-contact p {
  height: 35px;
  line-height: 35px;
}

.top-bar-social li {
  border-left: 1px solid rgba(0,0,0, 0.05);
  float: left;
  height: 35px;
  line-height: 35px;
  list-style: outside none none;
  text-align: center;
  width: 35px;
}

.top-bar-social li:last-child {
  border-right: 1px solid rgba(0,0,0, 0.05);
}

.top-bar-social i {
	color: rgba(91,67,121,1.00);
	font-size: 25px;
}

/* Icon blocks */
i.icon-circle-small {
  border-radius: 60px;
  display: block;
  height: 60px;
  line-height: 60px;
  margin-bottom: 0.625em;
  text-align: center;
  width: 60px;
}

/* Carousel */
.owl-theme .owl-controls {
  margin-top: 0;
}

.owl-theme .owl-controls .owl-page span {
  background: #7697a2 none repeat scroll 0 0;
  border-radius: 0;
  height: 1px;
  margin: 0 1px;
  width: 30px;
}

.owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #7697a2!important;
  border: 1px solid #7697a2;
  border-radius: 0;
  font-family: mfg;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}

.carousel-bottom-arrows.owl-theme .owl-controls .owl-buttons div {
  bottom: 0;
  top: auto;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
}

.carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -60px;
}

.carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -60px;
}

.carousel-nav-white.owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
}

.carousel-nav-white.owl-theme .owl-controls .owl-buttons div {
  color: #fff!important;
  border: 1px solid #fff;
}

.carousel-main .carousel-content {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.owl-pagination {
  margin-top: 0.625em;
}

.carousel-main .owl-pagination {
  bottom: 0;
  padding: 1.25em 0;
  position: absolute;
  width: 100%;
}

.carousel-blocks {
  padding: 0 3em;
}

.carousel-blocks .owl-item {
  padding: 0 0.625em;
}

/* Forms */
form.customform input, form.customform textarea, form.customform select {
  background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.14);
  font-size: 12px;
  padding: 0.625em;
  width: 100%;
}

form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.required {
  border-left: 1px solid #dd442c !important;
}


/* -1120px version */
@media screen and (max-width:1120px) {
  .size-1140 .line.content-center-vertical {
    padding: 0 2em;
  }
}

/* -768px version */
@media screen and (max-width:768px) {
  .top-nav .right {
    float: none;
  }

  .logo {
    max-width: 250px;
    margin: 0 auto;
  }

  .nav-text {
    color: #fff;
    display: block;
    font-size: 1.2em;
    line-height: 3em;
    margin-right: 0.625em;
    max-width: 100%;
    text-align: center;
    vertical-align: middle;
  }

  .nav-text::after {
    color: #002633;
    display: inline-block;
    font-size: 3em;
    margin-left: 0;
    margin-top: 30px;
  }

  .top-nav li a, .background-white .top-nav li a {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #5B4379;
	background-attachment: scroll;
	color: #fff;
	font-size: 1.1em;
	padding: 1em;
	text-align: center;
  }

  .owl-buttons, .owl-pagination {
    display: none;
  }

  .carousel-main .owl-item img {
    max-width: 300%;
    width: auto;
  }

  .margin-m-top {
    margin-top: 1.25em !important;
    display: block;
  }

  .margin-m-bottom {
    margin-bottom: 1.25em !important;
    display: block;
  }

  .margin-m-top-bottom {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    display: block;
  }

  .margin-m-top-2x {
    margin-top: 2.5em !important;
    display: block;
  }

  .margin-m-bottom-2x {
    margin-bottom: 2.5em !important;
    display: block;
  }

  .margin-m-top-bottom-2x {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
    display: block;
  }

  .margin-m-top-0 {
    margin-top: 0 !important;
    display: block;
  }

  .margin-m-top-10 {
    margin-top: 10px !important;
    display: block;
  }

  .margin-m-top-15 {
    margin-top: 15px !important;
    display: block;
  }

  .margin-m-top-20 {
    margin-top: 20px !important;
    display: block;
  }

  .margin-m-top-30 {
    margin-top: 30px !important;
    display: block;
  }

  .margin-m-top-40 {
    margin-top: 40px !important;
    display: block;
  }

  .margin-m-top-50 {
    margin-top: 50px !important;
    display: block;
  }

  .margin-m-top-60 {
    margin-top: 60px !important;
    display: block;
  }

  .margin-m-top-70 {
    margin-top: 70px !important;
    display: block;
  }

  .margin-m-top-80 {
    margin-top: 80px !important;
    display: block;
  }

  .margin-m-bottom-0 {
    margin-bottom: 0 !important;
    display: block;
  }

  .margin-m-bottom-10 {
    margin-bottom: 10px !important;
    display: block;
  }

  .margin-m-bottom-15 {
    margin-bottom: 15px !important;
    display: block;
  }

  .margin-m-bottom-20 {
    margin-bottom: 20px !important;
    display: block;
  }

  .margin-m-bottom-30 {
    margin-bottom: 30px !important;
    display: block;
  }

  .margin-m-bottom-40 {
    margin-bottom: 40px !important;
    display: block;
  }

  .margin-m-bottom-50 {
    margin-bottom: 50px !important;
    display: block;
  }

  .margin-m-bottom-60 {
    margin-bottom: 60px !important;
    display: block;
  }

  .margin-m-bottom-70 {
    margin-bottom: 70px !important;
    display: block;
  }

  .margin-m-bottom-80 {
    margin-bottom: 80px !important;
    display: block;
  }

  .margin-m-top-bottom-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block;
  }

  .margin-m-top-bottom-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    display: block;
  }

  .margin-m-top-bottom-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    display: block;
  }

  .margin-m-top-bottom-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    display: block;
  }

  .margin-m-top-bottom-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    display: block;
  }

  .margin-m-top-bottom-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    display: block;
  }

  .margin-m-top-bottom-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    display: block;
  }

  .margin-m-top-bottom-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    display: block;
  }

  .margin-m-top-bottom-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
    display: block;
  }

  .margin-m-top-bottom-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    display: block;
  }

  .text-m-size-12 {
    font-size: 12px !important;
    line-height: 1.4em;
  }

  .text-m-size-16 {
    font-size: 16px !important;
    line-height: 1.4em;
  }

  .text-m-size-20 {
    font-size: 20px !important;
    line-height: 1.4em;
  }

  .text-m-size-25 {
    font-size: 25px !important;
    line-height: 1.4em;
  }

  .text-m-size-30 {
    font-size: 30px !important;
    line-height: 1.4em;
  }

  .text-m-size-40 {
    font-size: 40px !important;
    line-height: 1.4em;
  }

  .text-m-size-50 {
    font-size: 50px !important;
    line-height: 1.4em;
  }

  .text-m-size-60 {
    font-size: 60px !important;
    line-height: 1.4em;
  }

  .text-m-size-70 {
    font-size: 70px !important;
    line-height: 1.4em;
  }

  .owl-buttons {
    display: none;
  }
}  

/* -480px version */
@media screen and (max-width:480px) {
  .top-bar .right {
    float: none;
  }

  .top-bar-contact p {
    height: auto;
    line-height: 1.3em;
    padding: 10px 0;
    text-align: center;
  }

  .top-bar-social.right {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }

  .margin-s-top {
    margin-top: 1.25em !important;
    display: block;
  }

  .margin-s-bottom {
    margin-bottom: 1.25em !important;
    display: block;
  }

  .margin-s-top-bottom {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    display: block;
  }

  .margin-s-top-2x {
    margin-top: 2.5em !important;
    display: block;
  }

  .margin-s-bottom-2x {
    margin-bottom: 2.5em !important;
    display: block;
  }

  .margin-s-top-bottom-2x {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
    display: block;
  }

  .margin-s-top-0 {
    margin-top: 0 !important;
    display: block;
  }

  .margin-s-top-10 {
    margin-top: 10px !important;
    display: block;
  }

  .margin-s-top-15 {
    margin-top: 15px !important;
    display: block;
  }

  .margin-s-top-20 {
    margin-top: 20px !important;
    display: block;
  }

  .margin-s-top-30 {
    margin-top: 30px !important;
    display: block;
  }

  .margin-s-top-40 {
    margin-top: 40px !important;
    display: block;
  }

  .margin-s-top-50 {
    margin-top: 50px !important;
    display: block;
  }

  .margin-s-top-60 {
    margin-top: 60px !important;
    display: block;
  }

  .margin-s-top-70 {
    margin-top: 70px !important;
    display: block;
  }

  .margin-s-top-80 {
    margin-top: 80px !important;
    display: block;
  }

  .margin-s-bottom-0 {
    margin-bottom: 0 !important;
    display: block;
  }

  .margin-s-bottom-10 {
    margin-bottom: 10px !important;
    display: block;
  }

  .margin-s-bottom-15 {
    margin-bottom: 15px !important;
    display: block;
  }

  .margin-s-bottom-20 {
    margin-bottom: 20px !important;
    display: block;
  }

  .margin-s-bottom-30 {
    margin-bottom: 30px !important;
    display: block;
  }

  .margin-s-bottom-40 {
    margin-bottom: 40px !important;
    display: block;
  }

  .margin-s-bottom-50 {
    margin-bottom: 50px !important;
    display: block;
  }

  .margin-s-bottom-60 {
    margin-bottom: 60px !important;
    display: block;
  }

  .margin-s-bottom-70 {
    margin-bottom: 70px !important;
    display: block;
  }

  .margin-s-bottom-80 {
    margin-bottom: 80px !important;
    display: block;
  }

  .margin-s-top-bottom-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block;
  }

  .margin-s-top-bottom-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    display: block;
  }

  .margin-s-top-bottom-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    display: block;
  }

  .margin-s-top-bottom-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    display: block;
  }

  .margin-s-top-bottom-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    display: block;
  }

  .margin-s-top-bottom-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    display: block;
  }

  .margin-s-top-bottom-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    display: block;
  }

  .margin-s-top-bottom-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    display: block;
  }

  .margin-s-top-bottom-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
    display: block;
  }

  .margin-s-top-bottom-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    display: block;
  }

  .text-s-size-12 {
    font-size: 12px !important;
    line-height: 1.4em;
  }

  .text-s-size-16 {
    font-size: 16px !important;
    line-height: 1.4em;
  }

  .text-s-size-20 {
    font-size: 20px !important;
    line-height: 1.4em;
  }

  .text-s-size-25 {
    font-size: 25px !important;
    line-height: 1.4em;
  }

  .text-s-size-30 {
    font-size: 30px !important;
    line-height: 1.4em;
  }

  .text-s-size-40 {
    font-size: 40px !important;
    line-height: 1.4em;
  }

  .text-s-size-50 {
    font-size: 50px !important;
    line-height: 1.4em;
  }

  .text-s-size-60 {
    font-size: 60px !important;
    line-height: 1.4em;
  }

  .text-s-size-70 {
    font-size: 70px !important;
    line-height: 1.4em;
  }
} 

/* Typography */
.text-uppercase {
  text-transform: uppercase;
  line-height: 1em;
}

.text-line-height-1 {
  line-height: 1em;
}

/* Containers */
.text-padding {
  display: inline-block !important;
  padding: 15px 20px;
}

.text-padding-small {
  display: inline-block !important;
  padding: 7px 10px;
}     



@import "lesshat";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.transition{
  -webkit-transition: all 500ms ease-in-out; // IE 9
  -moz-transition: all 500ms ease-in-out; // Firefox
  -ms-transition: all 500ms ease-in-out; // Safari and Chrome 
  -o-transition: all 500ms ease-in-out; // Opera
}

.transform(@x,@y,@s){
  transform: translate(@x,@y) scale(@s);
  -webkit-transform: translate(@x,@y) scale(@s);
  -moz-transform: translate(@x,@y) scale(@s);
  -o-transform: translate(@x,@y) scale(@s);
  -ms-transform: translate(@x,@y) scale(@s);
}

.container{   
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top:20px;
}

.div-img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    .img{
        display:block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        .transform(0px,0px,1);
        .transition;    
    }      
    .text{
        font-family: 'Open Sans';
        position:absolute;
        z-index: -1;
        display:block;
        bottom:20px;
        width:100%;
        text-align:center;
        .transform(0px,0px,1);
        .transition;
    }
    &:hover{
        .img{
            .transform(0px,-30px,0.5);
            border-radius: 50%;
        }
        .text{
            .transform(0px,0px,2);
          }
     }