@import "animate.css";
/* Fuentes web movidas a en el
de cada página (eliminados los @import en serie que bloqueaban el render). */
/*========================================================
Main layout styles
=========================================================*/
body {
font: 300 14px/30px "Lato", sans-serif;
color: #464d52;
background: #e1e2e3;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
a {
text-decoration: none;
color: inherit;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
color: #000000;
}
.div__position-relative {
position: relative;
}
.div__float-right {
float: right !important;
}
@media (max-width: 767px) {
.div__float-right {
float: none;
}
}
.button-wrapper {
text-align: center;
}
img {
max-width: 100%;
page-break-before: auto;
page-break-after: auto;
}
* {
-webkit-text-size-adjust: none;
}
/* ======= Headers ======= */
h2 {
font: 900 23px/31px "Lato", sans-serif;
text-transform: uppercase;
color: #464d52;
position: relative;
text-align: center;
padding-bottom: 11px;
}
h2:after {
content: '';
display: block;
position: absolute;
width: 88px;
height: 1px;
background: #464d52;
left: 50%;
bottom: 0;
margin-left: -44px;
}
h3 {
font: 700 18px/31px "Lato", sans-serif;
color: #3b4246;
}
h3.h3__inset1 {
color: #464d52;
}
h3.h3__inset2 {
text-transform: uppercase;
}
h3.h3__inset3 {
color: #ffffff;
}
h4 {
font: 700 18px/30px "Lato", sans-serif;
color: #3b4246;
}
h5 {
font: 900 14px/14px "Lato", sans-serif;
color: #94a0a9;
text-transform: uppercase;
}
h5.h5__inset1 {
padding-left: 36px;
}
@media (max-width: 767px) {
h5.h5__inset1 {
padding-left: 0;
}
}
h6 {
font: 900 48px/60px "Lato", sans-serif;
text-transform: uppercase;
color: #ffffff;
}
@media (max-width: 767px) {
h6 {
font-size: 35px;
line-height: 40px;
}
}
/* ======= Buttons ======= */
.btn-default {
font: 700 20px/20px "Lato", sans-serif;
color: #ffffff;
display: inline-block;
text-transform: lowercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 213px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 29px;
text-align: center;
background: #e5012d;
}
@media (max-width: 979px) {
.btn-default {
min-width: 180px;
}
}
.btn-default.btn-default__color1 {
background-color: #e5012d;
}
.btn-default.btn-default__color1:hover {
background-color: #999999;
}
.btn-default:hover {
background-color: #e5012d;
}
.btn-default:hover a {
color: #ffffff;
background-color: #999;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
background-repeat: no-repeat;
}
.btn-default a {
display: block;
padding: 10px 10px 14px;
position: relative;
border-radius: 29px;
text-shadow: 2px 2px 3px #000000
}
.btn-default a:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: FontAwesome;
font-size: 18px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
line-height: 20px;
color: #ffffff;
content: '\f061';
cursor: pointer;
margin-top: 2px;
margin-left: 22px;
}
.btn-default a span {
display: inline-block;
margin-left: -37px;
background-color: ;
color: #FFF;
}
.btn-big {
font: 700 30px/30px "Lato", sans-serif;
color: #ffffff;
display: inline-block;
text-transform: lowercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 320px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 29px;
text-align: center;
}
@media (max-width: 767px) {
.btn-big {
min-width: 270px;
max-width: 270px;
}
}
.btn-big:hover {
background-color: #e5012d;
}
.btn-big:hover a {
color: #ffffff;
border-top-color: #e5012d;
border-right-color: #e5012d;
border-bottom-color: #e5012d;
border-left-color: #e5012d;
}
.btn-big a {
display: block;
padding: 13px 10px 19px;
position: relative;
border: 2px solid #ffffff;
border-radius: 29px;
}
.btn-big a:after {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: FontAwesome;
font-size: 27px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
line-height: 30px;
color: #ffffff;
content: '\f061';
cursor: pointer;
margin-top: 2px;
margin-left: 22px;
}
.btn-big a span {
display: inline-block;
margin-left: -45px;
text-shadow: 2px 2px 3px #000000
}
.btn-big.btn-big__inset1 {
background-color: #e5012d;
}
.btn-big.btn-big__inset1 a {
border-color: #e5012d;
}
.btn-big.btn-big__inset1:hover {
background: #666666;
}
.btn-big.btn-big__inset1:hover a {
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
/* ======= Wrappers ======= */
.wrapper1 {
padding: 107px 0 125px;
}
.wrapper1 .box1 {
margin-top: 125px;
}
.wrapper2 {
padding: 127px 0 134px;
background: #e1e2e3;
}
.wrapper2 .box2 {
margin-top: 58px;
}
.wrapper2 .btn-big__inset1 {
margin-top: 68px;
}
.wrapper3 {
padding: 134px 0 206px;
background: #818181;
}
.wrapper4 {
background: #ffffff;
position: relative;
overflow: hidden;
padding: 132px 0 114px;
}
.wrapper4 h5 {
margin-bottom: 22px;
}
.wrapper5 {
position: relative;
background: #464d52;
z-index: 5;
}
@media (max-width: 767px) {
.wrapper5 {
background: #ffffff;
}
}
.wrapper5 h5 {
color: #ffffff;
}
@media (max-width: 767px) {
.wrapper5 h5 {
color: #464d52;
}
}
.wrapper5 .big-link {
margin-top: 14px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.wrapper5 .big-link {
color: #464d52;
}
}
.wrapper5 .socials1 {
margin-bottom: 35px;
}
.wrapper6 {
padding: 122px 0 132px;
background: #818181;
}
.wrapper6.wrapper6__inset1 {
padding: 117px 0 161px;
}
.wrapper7 {
padding-bottom: 141px;
}
.wrapper8 {
background: #464d52;
padding: 127px 0 136px;
}
.wrapper8.wrapper8__inset1 {
padding-bottom: 154px;
}
.wrapper9 {
padding-bottom: 42px;
}
.wrapper10 {
padding-bottom: 163px;
}
.background-block {
z-index: 4;
width: 2000px;
height: 1000px;
display: block;
position: absolute;
left: -1630px;
top: -132px;
background: #464d52;
}
@media (max-width: 1199px) {
.background-block {
left: -1700px;
}
}
@media (max-width: 979px) {
.background-block {
left: -1764px;
}
}
@media (max-width: 767px) {
.background-block {
display: none;
}
}
/*========================================================
HEADER styles
=========================================================*/
#header {
background: url(../images/header_v150_fisher.webp) no-repeat center top #ffffff;
background-size: cover;
position: relative;
}
#header.main {
background: url(../images/page1_img1_v150_fisher.webp) no-repeat center top #ffffff;
}
@media (max-width: 979px) {
#header {
text-align: center;
}
}
#header .info {
padding: 13px 0 11px;
background: url(../images/background1.png) repeat;
text-align: right;
text-transform: uppercase;
letter-spacing: 0.075em;
font: 400 10px/10px "Open Sans", sans-serif;
color: #FF6600;
}
@media (max-width: 979px) {
#header .info {
color: #ffffff;
}
}
@media (max-width: 979px) {
#header .info {
margin-top: 20px;
text-align: center;
}
}
#header .info a {
display: inline-block;
margin-left: 11px;
}
#header .info a:hover {
color: #ffffff;
}
@media (max-width: 979px) {
#header .info a:hover {
color: #52a1b5;
}
}
#header #stuck_container .wrapper {
padding: 19px 0 103px;
}
@media (max-width: 979px) {
#header #stuck_container .wrapper {
padding: 10px 0 50px;
}
}
#header #stuck_container.isStuck .wrapper {
padding: 0;
}
#header #stuck_container.isStuck .wrapper .search-block {
display: none;
}
#header #stuck_container.isStuck .wrapper nav .sf-menu > li {
margin-top: 10px;
}
#header #stuck_container.isStuck .wrapper nav .sf-menu > li.with-menu {
padding-top: 10px;
padding-bottom: 2px;
margin-top: 0;
}
#header #stuck_container.isStuck .wrapper nav .sf-menu > li > .sf-with-ul:after {
bottom: 1px;
}
#header #stuck_container.isStuck .wrapper nav .sf-menu ul {
top: 42px;
}
#header #stuck_container.isStuck .wrapper nav .sf-menu ul ul {
top: -28px;
}
#header .search-block {
position: relative;
float: right;
}
#header .search-block .icon {
margin-top: 22px;
text-align: center;
display: block;
width: 48px;
height: 48px;
border-radius: 100px;
background: #1f4c58;
}
#header .search-block .icon i {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 20px;
line-height: 48px;
color: #ffffff;
}
#header .search-block .icon:hover {
cursor: pointer;
}
#header .search-block .icon:hover i {
color: #52a1b5;
}
#header .search-block #search {
position: absolute;
left: -152px;
bottom: -55px;
display: none;
}
@media (max-width: 767px) {
#header .search-block #search {
left: -213px;
bottom: 4px;
}
}
/* ======= Logo ======= */
h1 {
-webkit-box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.12);
position: absolute;
left: 0;
top: 0;
background: #ffffff;
display: inline-block;
text-align: center;
width: 182px;
}
h1 a {
display: block;
padding: 18px 0 33px;
}
h1 span {
display: block;
}
h1 img {
margin-bottom: 9px;
}
h1 .main {
font: 400 39px/39px "Sarina", sans-serif;
color: #333638;
}
h1 .secondary {
font: 700 12px/12px "Asap", sans-serif;
text-transform: uppercase;
color: #333638;
}
@media (max-width: 979px) {
h1 {
position: relative;
}
}
/* ======= Banner 1 Creating the future ======= */
.banner1 {
padding: 82px 0 253px;
text-align: center;
}
.banner1 .main {
margin-bottom: 26px;
font: 700 100px/100px "Lato", sans-serif;
display: block;
color: #ffffff;
text-shadow: 2px 2px 3px #000000
}
.banner1 .secondary {
display: block;
font: 400 24px/31px "Open Sans", sans-serif;
color: #ffffff;
text-shadow: 2px 2px 3px #000000
}
.banner1 .btn-big {
margin-top: 76px;
}
@media (max-width: 979px) {
.banner1 {
padding: 20px 0 40px;
}
.banner1 .btn-big {
margin-top: 25px;
}
}
@media (max-width: 767px) {
.banner1 .main {
font-size: 47px;
line-height: 47px;
}
}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav {
float: right;
margin-right: 12px;
}
@media (max-width: 979px) {
nav {
float: none;
display: inline-block;
margin-right: 0;
}
}
/* Main menu styles
========================================================*/
.sf-menu > li {
letter-spacing: 0.05em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
position: relative;
text-align: center;
margin-top: 38px;
}
.sf-menu > li.with-menu {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top: 0;
margin-right: 11px;
padding: 38px 33px 37px 41px;
}
@media (max-width: 1199px) {
.sf-menu > li.with-menu {
padding-left: 7px;
padding-right: 7px;
}
}
.sf-menu > li + li {
margin-right: 44px;
}
@media (max-width: 1199px) {
.sf-menu > li + li {
margin-right: 20px;
}
}
.sf-menu > li > .sf-with-ul:after {
font-family: FontAwesome;
font-size: 14px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
content: "\f078";
color: #ffffff;
bottom: 20px;
left: 50%;
margin-left: -7px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sf-menu > li > a {
text-transform: none;
font: 700 18px/18px "Roboto", sans-serif;
display: inline-block;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
color: #ffffff;
text-shadow: 1px 1px 1px #990000
}
.sf-menu > li > a:hover {
color: #0e3544;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.sf-menu > li > a:active {
background: transparent;
color: #0e3544;
}
.sf-menu .sfHover.with-menu {
background: #333638;
}
.sf-menu .sfHover.with-menu a {
color: #ffffff;
}
.sf-menu .sfHover.with-menu a:after {
color: #ffffff;
}
.sf-menu > li.current > a {
color: #0e3544;
}
.sf-menu > li.current > .sf-with-ul:after {
color: #0e3544;
}
.sf-menu > li.sfHover > a {
color: #0e3544;
}
.sf-menu > li.sfHover > a:after {
color: #ffffff;
}
.sf-menu > li.with-menu.sfHover:hover a:after {
color: #ffffff;
}
.sf-menu > li.current.with-menu:hover a:after {
color: #ffffff;
}
.sf-menu a {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.sf-menu a:hover {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
-webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
display: none;
min-width: 235px;
font: 400 14px/37px "Lato", sans-serif;
position: absolute;
top: 96px;
left: 0;
background: #333638;
text-align: left;
padding: 28px 0 32px;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sf-menu ul li {
letter-spacing: 0;
position: relative;
display: block;
}
.sf-menu ul li:hover > a {
background: #999999;
color: #ffffff;
}
.sf-menu ul li > .sf-with-ul:after {
font-family: FontAwesome;
font-size: 14px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
content: "\f054";
color: #ffffff;
bottom: -1px;
right: 15px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sf-menu ul li a {
padding-left: 32px;
display: block;
color: #ffffff;
text-transform: none;
}
.sf-menu ul > .sfHover > a {
background-color: #999999;
}
.sf-menu ul > .sfHover > a:after {
color: #ffffff;
}
.sf-menu ul li.sfHover > a {
background: #999999;
color: #ffffff;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
position: absolute;
top: -28px;
left: 235px;
margin-left: 0;
z-index: 4;
text-align: left;
}
@media only screen and (max-width: 767px) {
.sf-menu {
display: none;
}
nav {
width: 100%;
float: none;
}
.select-menu {
border-radius: none;
display: block;
text-transform: capitalize;
float: none;
color: #0e3544;
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
background: #ffffff;
font: 22px/28px "Open Sans", sans-serif;
text-align: left;
border: 1px solid #c1c1c1;
padding: 2px 0;
position: relative;
}
.select-menu option {
text-align: left;
position: relative;
}
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {
z-index: 999;
position: fixed;
-webkit-box-shadow: 0 0 4px 0 #000000;
box-shadow: 0 0 4px 0 #000000;
background: #A4040E;
}
@media only screen and (max-width: 979px) {
.isStuck {
display: none !important;
}
}
/*========================================================
CONTENT styles
=========================================================*/
#content {
background: #ffffff;
}
#content.common {
padding-top: 85px;
}
/* ======= Slogan 1 ======= */
.slogan1 {
text-align: center;
}
.slogan1 h2 {
margin-bottom: 33px;
}
.slogan1 p {
font-size: 16px;
}
.slogan1.slogan1__color1 h2 {
color: #ffffff;
}
.slogan1.slogan1__color1 h2:after {
background: #ffffff;
}
.slogan1.slogan1__color1 p {
color: #ffffff;
}
/* ======= Box 1 What we do ======= */
.box1 {
text-align: center;
}
.box1 img {
border-radius: 28px;
margin-bottom: 27px;
}
.box1.first img {
background: #e5012d;
-webkit-box-shadow: 0px 4px 0px 0px #bd0d2f;
box-shadow: 0px 4px 0px 0px #bd0d2f;
}
.box1.second img {
-webkit-box-shadow: 0px 4px 0px 0px #dfb914;
box-shadow: 0px 4px 0px 0px #A86E04;
background-color: #FF6600;
}
.box1.third img {
-webkit-box-shadow: 0px 4px 0px 0px #497f8d;
box-shadow: 0px 4px 0px 0px #497f8d;
background-color: #98A4BE;
}
.box1.fourth img {
background: #464d52;
-webkit-box-shadow: 0px 4px 0px 0px #2f3437;
box-shadow: 0px 4px 0px 0px #2f3437;
}
/* ======= Box 2 Our latest projects ======= */
.box2 {
float: left;
width: 25%;
}
@media (max-width: 767px) {
.box2 {
float: none;
width: 100%;
margin-top: 20px;
}
}
/* ======= Box 3 News & Events ======= */
.box3 time {
margin-top: 23px;
font: 300 51px/51px "Lato", sans-serif;
display: block;
margin-bottom: 46px;
}
.box3 .btn-default {
margin-top: 50px;
}
.box3 h3 {
margin-bottom: 36px;
}
.box3.box3__inset1 {
padding-left: 36px;
}
@media (max-width: 1199px) {
.box3 time {
font-size: 47px;
}
}
@media (max-width: 979px) {
.box3 time {
font-size: 30px;
}
}
@media (max-width: 767px) {
.box3 {
margin-bottom: 50px;
}
.box3.box3__inset1 {
padding-left: 0;
}
}
/* ======= Big link ======= */
.big-link {
font: 300 24px/31px "Lato", sans-serif;
display: inline-block;
color: #ffffff;
}
/* ======= Main page address ======= */
.main-page-address {
font: 900 12px/14px "Lato", sans-serif;
padding-left: 33px;
color: #ffffff;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.main-page-address {
color: #464d52;
}
}
.main-page-address.phone {
position: relative;
}
.main-page-address.phone:before {
font-family: FontAwesome;
font-size: 30px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
left: 0;
top: 10px;
color: #ffffff;
content: '\f095';
}
@media (max-width: 767px) {
.main-page-address.phone:before {
color: #464d52;
}
}
.main-page-address.phone .number {
text-transform: uppercase;
}
.main-page-address.location {
position: relative;
}
.main-page-address.location:before {
font-family: FontAwesome;
font-size: 42px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
left: 0;
top: 15px;
color: #ffffff;
content: '\f041';
}
@media (max-width: 767px) {
.main-page-address.location:before {
color: #464d52;
}
}
.main-page-address span {
display: block;
}
/* ======= Box 4 Markets & Services ======= */
.box4 {
margin-top: 46px;
margin-bottom: 123px;
}
.box4 img {
margin-top: 9px;
}
.box4 h4 {
margin-bottom: 15px;
}
.box4 .btn-default {
margin-top: 26px;
}
@media (max-width: 767px) {
.box4 img {
margin-bottom: 20px;
}
}
/* ======= Box 5 Additional Services ======= */
.box5 {
margin-top: 58px;
margin-bottom: -4px;
}
.box5 img {
margin-bottom: 36px;
}
.box5 h3 {
margin-bottom: 7px;
}
.box5 p {
margin-bottom: 24px;
}
.box5 p + p {
margin-top: 30px;
}
@media (max-width: 767px) {
.box5 img {
width: 100%;
}
}
/* ======= Box 6 Our projects ======= */
.box6 {
margin-top: 55px;
margin-bottom: -17px;
}
.box6 .gallery_image {
margin-bottom: 19px;
}
.box6 .content {
border-bottom: 1px solid #464d52;
padding-bottom: 15px;
}
.box6 .content .divider {
display: inline-block;
margin: 0 8px;
}
.box6 .content .secondary {
font-size: 14px;
line-height: 33px;
color: #464d52;
font-weight: 300;
}
@media (max-width: 767px) {
.box6 {
margin-bottom: 0;
}
}
/* ======= Box 7 Best proposals ======= */
.box7 {
margin-top: 50px;
}
.box7 img {
margin-top: 8px;
float: left;
margin-right: 28px;
}
.box7 h3 {
margin-bottom: 16px;
}
.box7 p {
color: #ffffff;
overflow: hidden;
}
.box7 .btn-default {
margin-top: 32px;
}
@media (max-width: 1199px) {
.box7 .btn-default {
float: right;
}
}
@media (max-width: 767px) {
.box7 .btn-default {
float: none;
}
}
@media (max-width: 979px) {
.box7 img {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
/* ======= Box 8 Carreer Development ======= */
.box8 {
margin-top: 55px;
margin-bottom: 108px;
}
.box8 img {
margin-bottom: 26px;
}
@media (max-width: 767px) {
.box8 {
margin-bottom: 50px;
}
.box8 img {
width: auto;
}
}
/* ======= Box 9 Vacancies ======= */
.box9 {
margin-top: 51px;
margin-bottom: -8px;
}
.box9 .heading {
display: block;
font: 700 21px/31px "Lato", sans-serif;
text-transform: uppercase;
color: #D8A605;
margin-bottom: 16px;
padding-left: 36px;
position: relative;
}
.box9 .heading:before {
font-family: FontAwesome;
font-size: 24px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
line-height: 31px;
content: '\f0a9';
color: #ffffff;
left: 0;
}
.box9 p {
color: #ffffff;
padding-left: 36px;
}
/* ======= Banner 2 ======= */
.banner2 img {
margin-top: 8px;
}
.banner2 h6 {
margin-bottom: 15px;
}
.banner2 h6 a:hover {
color: #464d52;
}
.banner2 p {
color: #ffffff;
font-size: 16px;
line-height: 30px;
}
@media (max-width: 767px) {
.banner2 img {
margin-bottom: 20px;
}
}
/* ======= Google Map ======= */
.google-map_contacts {
margin-top: 55px;
margin-bottom: 31px;
}
.google-map_contacts iframe {
width: 100%;
height: 458px;
}
@media (max-width: 767px) {
.google-map_contacts iframe {
height: 200px;
}
}
/* ======= Address ======= */
.contacts-page-address {
margin-top: 21px;
margin-bottom: 109px;
}
.contacts-page-address .wrapper {
display: block;
}
.contacts-page-address .wide {
display: inline-block;
min-width: 74px;
}
@media (min-width: 780px) and (max-width: 979px) {
.contacts-page-address .wide {
display: block;
margin-top: 5px;
}
}
.contacts-page-address .our-address {
display: block;
margin-bottom: 1px;
font: 300 18px/31px "Lato", sans-serif;
color: #464d52;
font-size: 18px;
}
@media (max-width: 767px) {
.contacts-page-address {
margin-bottom: 40px;
}
}
/* ======= Post 1 Blog ======= */
.post1 {
margin-top: 45px;
margin-bottom: 50px;
}
.post1 time {
text-align: right;
text-transform: uppercase;
padding-bottom: 11px;
position: relative;
display: block;
}
@media (max-width: 767px) {
.post1 time {
text-align: left;
}
}
.post1 time span {
display: block;
}
.post1 time .number {
margin-top: -2px;
margin-bottom: 2px;
font-size: 60px;
line-height: 60px;
font-weight: 900;
}
.post1 time:after {
position: absolute;
display: block;
content: '';
width: 88px;
height: 1px;
background: #464d52;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.post1 time:after {
left: 0;
right: 0;
}
}
.post1 .comments {
margin-top: 7px;
text-align: right;
}
@media (max-width: 767px) {
.post1 .comments {
text-align: left;
}
}
.post1 .comments span {
display: inline-block;
}
.post1 .comments .quantity {
font-size: 60px;
line-height: 60px;
font-weight: 900;
margin-bottom: 2px;
}
.post1 .comments .comm {
text-transform: uppercase;
}
.post1 img {
margin-top: 10px;
margin-bottom: 41px;
}
.post1 .info {
margin-top: 1px;
margin-bottom: 10px;
text-transform: uppercase;
}
.post1 .btn-default {
margin-top: 28px;
}
/* ======= Box 10 Privacy Policy ======= */
.box10 {
margin-top: 46px;
margin-bottom: -18px;
}
.box10 .heading {
font: 300 18px/30px "Lato", sans-serif;
color: #464d52;
display: block;
margin-bottom: 2px;
}
.box10 .simple-link {
margin-top: 39px;
}
/* ======= Simple link ======= */
.simple-link {
display: inline-block;
color: #52a1b5;
}
.simple-link:hover {
color: #464d52;
}
/* ======= List 1 ======= */
.list1 li {
padding-left: 23px;
position: relative;
font: 300 16px/18px "Lato", sans-serif;
color: #e5012d;
}
.list1 li:before {
font-family: FontAwesome;
font-size: 14px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
line-height: 18px;
content: '\f0a9';
left: 0;
top: 1px;
color: #e5012d;
}
.list1 li + li {
margin-top: 18px;
}
.list1.list1__margin1 {
margin-top: 13px;
}
.list1.list1__inset1 {
margin-top: 50px;
}
.list1.list1__inset1 li {
color: #ffffff;
}
.list1.list1__inset1 li:before {
color: #ffffff;
}
.list1.list1__inset1 a:hover {
color: #464d52;
}
/* ======= Socials buttons 1 ======= */
.socials1 li {
display: inline-block;
margin-right: 8px;
margin-bottom: 10px;
}
.socials1 li a i {
color: #ffffff;
background: transparent;
text-align: center;
font-size: 22px;
display: block;
width: 50px;
height: 50px;
line-height: 48px;
border-radius: 200px;
border: 2px solid #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.socials1 li a i {
border-color: #464d52;
color: #464d52;
}
}
.socials1 li a i.fa-twitter {
font-size: 24px;
}
.socials1 li a i.fa-envelope,
.socials1 li a i.fa-linkedin {
font-size: 18px;
}
.socials1 li a i.fa-google-plus {
font-size: 20px;
}
.socials1 li a i:hover {
color: #343434;
background: #ffffff;
}
@media (max-width: 767px) {
.socials1 li a i:hover {
color: #ffffff;
background: #52a1b5;
border-color: #52a1b5;
}
}
/* ======= Gallery ======= */
.gallery_image a {
text-align: center;
display: block;
position: relative;
}
.gallery_image a img {
margin-bottom: 0;
}
@media (max-width: 979px) {
.gallery_image a img {
width: 100%;
}
}
.gallery_image a:hover .gallery_info {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gallery_image a img {
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gallery_image a .gallery_info {
width: 100%;
display: block;
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 50%;
font-size: 48px;
margin-top: -40px;
color: #ffffff;
}
.gallery_image a .gallery_info span {
margin-top: 20px;
font-family: Verdana, Geneva, sans-serif;
display: block;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #FFF;
}
.gallery_image.gallery_image__inset1 a img {
background: #96A1BE;
}
.gallery_image.gallery_image__inset1 a:hover img {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/*========================================================
FOOTER styles
=========================================================*/
#footer {
padding: 88px 0;
font: 400 14px/16px "Lato", sans-serif;
color: #464d52;
}
/*========================================================
Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 80px;
right: 30px;
border: none;
color: #999999;
font-size: 67px;
line-height: 67px;
z-index: 20;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
#toTop:hover {
outline: none;
color: #babcbe;
}
@media only screen and (max-width: 1199px) {
#toTop {
display: none !important;
}
}
/*Core variables and mixins*/
/* ==== OWL NAV (override limpio) ==== */
#owl { position: relative; }
/* asegura que los controles se posicionen contra el carrusel, no contra la pagina */
#owl .owl-controls{
position: absolute !important;
left: 0; right: 0;
top: 0; bottom: 0;
z-index: 999;
}
/* capa que “contiene” prev/next */
#owl .owl-buttons{
position: absolute !important;
left: 0; right: 0;
top: 0; bottom: 0;
}
/* apaga los del plugin (los chevrons raros) */
#owl .owl-buttons i{
display: none !important;
}
/* fuerza los botones a estar centrados verticalmente */
#owl .owl-buttons .owl-prev,
#owl .owl-buttons .owl-next{
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 60px;
height: 91px;
background-position: center 0;
}
/* hover como en plantilla */
#owl .owl-buttons .owl-prev:hover,
#owl .owl-buttons .owl-next:hover{
background-position: center -91px;
}
/* izquierda / derecha */
#owl .owl-buttons .owl-prev{
left: 20px !important;
margin-left: 0 !important;
background-image: url(../images/carousel_navigation_left.png);
}
#owl .owl-buttons .owl-next{
right: 20px !important;
margin-right: 0 !important;
background-image: url(../images/carousel_navigation_right.png);
}
/* en móvil, reduce el espacio para que no “molesten” */
@media (max-width: 767px){
#owl .owl-buttons .owl-prev{ left: 8px !important; }
#owl .owl-buttons .owl-next{ right: 8px !important; }
}
/* Owl – readability fix for mobile */
@media (max-width: 767px){
#owl .item cite{
padding: 0 16px !important;
font-size: 16px !important;
line-height: 1.55 !important;
max-width: 92vw !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
#owl .item cite:before{
display: none !important;
}
}