/*-------------------------------------------------
= Table of Css
1.Isotope
1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT
3.Header
4.General
5.content - home sections
6.Portfolio grid pages
7.Portfolio masonry pages
8.Portfolio black pages
9.Portfolio alternative pages
10.Portfolio vertical style
11.blog one col, standard
12.blog grid
13.blog masonry
14.blog medium
15.blog alternative
16.blog timeline
17.sidebar
18.single post
19.single project pages
20.error page
21.comming soone page
22.faq's page
23.typography page
24.Tabs & accordion page
25.footer
26.Responsive part
-------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('fuente/AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold'), url('fuente/AvenirNextLTPro-Bold.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi'), url('fuente/AvenirNextLTPro-Demi.woff') format('woff');
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@media (max-width:480px){
.hrr{
left: -36% !important;
position: relative;
top: -30px;
width: 10%;
}
.hl{
left: 36% !important;
position: relative;
top: -50px;
width: 10%;
}
}
.hrr{
border: 1px solid #b4162c;
left: -200px;
position: relative;
top: -40px;
width: 10%;
}
.hl{
border: 1px solid #b4162c;
left: 200px;
position: relative;
top: -61px;
width: 10%;
}
.parallax .overlay {
background-color: #000;
display: block;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
#features .jtbutton {
float:left;
}
.csstransforms3d .jtbutton a:hover span::before,
.csstransforms3d .jtbutton a:focus span::before,
.csstransforms3d .jtbutton a span::before {
background:#707070 !important;
}
.jtbutton {
text-align:center !important;
}
.jtbutton a {
line-height:40px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.jtbutton a span {
position: relative;
display: inline-block;
padding: 0 10px;
/*color:#ffffff;*/
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
background: #008DC9 none repeat scroll 0 0;
color: #ffffff;
font-family: Montserrat,sans-serif;
font-weight: bold;
/*padding: 10px 15px;*/
text-transform: uppercase;
}
.csstransforms3d .jtbutton a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.jtbutton a:hover span,
.jtbutton a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.conta1 {
background: rgba(0, 0, 0, 0.6);
width: 100% !important;
}
.pos{
margin-left:100px;
}
.red{
color:#fff;
font-size:18pt;
}
.factor{
color: #e0e0e0;
line-height: 40px;
margin-left: 100px;
margin-top: -1%;
text-align: left;
font-family: Raleway,sans-serif;
font-size: 16px;
font-weight: 600;
}
.pos1 {
margin-top: 43px;
padding-bottom: 0;
text-align: center;
}
.texto1des {
color: #e0e0e0;
font-family: Raleway,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: justify;
}
#clients-section {
/*position: relative;*/
background: url('../images/parallax/factor-diferenciador.jpg') fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
#clients-section .container {
position: relative;
z-index: 2;
}
#clients-section .title-section {
margin-bottom: 20px;
}
#clients-section .testimonial-box {
padding: 80px 0 50px;
text-align: left !important;
text-align: center;
}
#clients-section .testimonial-box h1 {
color: #222222;
font-size: 30px;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin: 0 0 30px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ffffff;
margin-bottom: 60px;
}
#clients-section .testimonial-box ul.bxslider {
margin: 0;
padding: 0;
}
#clients-section .testimonial-box p {
color: #ffffff;
font-size: 15px;
font-weight: 700;
font-style: italic;
margin-bottom: 45px;
}
#clients-section .testimonial-box h2 {
color: #222222;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin: 0 0 15px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1.8px;
margin-bottom: 2px;
}
#clients-section .testimonial-box span {
font-size: 13px;
color: #999999;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 20px;
margin: 0 0 10px;
color: #ffffff;
margin: 0;
display: inline-block;
}
#clients-section .testimonial-box .bx-controls {
display: none !important;
}
#clients-section .clients-box ul.client-list {
margin: 0;
padding: 0;
overflow: hidden;
}
#clients-section .clients-box ul.client-list li {
list-style: none;
float: left;
width: 33.33333%;
text-align: center;
}
#clients-section .clients-box ul.client-list li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
max-width: 100%;
border: 1px solid transparent;
}
#clients-section .clients-box ul.client-list li a img {
max-width: 100%;
}
#clients-section .clients-box ul.client-list li a:hover {
border: 1px solid #ffffff;
}
#clients-section:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.6);
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.boxedcontainer {
max-width: 1170px;
margin: auto;
padding: 0px 30px;
}
/*********************************************
- SETTINGS FOR BANNER CONTAINERS -
**********************************************/
.tp-banner-container {
width: 100%;
position: relative;
padding: 0;
}
.tp-banner {
width: 100%;
position: relative;
}
.tp-banner-fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
/*-------------------------------------------------*/
/* = Header
/*-------------------------------------------------*/
.navbar-default {
/*background: rgba(255,255,255,0.4);*/
background: rgba(0,0,0,0.8);
border: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin: 0;
}
.navbar-header {
z-index: 99;
position: relative;
}
.navbar-brand {
height: auto;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
font-size: 30px;
margin: 0 0 30px;
text-transform: uppercase;
margin: 0;
color: #222222 !important;
/*padding: 25px 15px;*/
letter-spacing: 2.5px;
z-index: 99999;
}
.navbar-brand span {
color: #f27935;
}
.navbar-nav {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.navbar-nav > li > a {
color: #ffffff !important;
font-size: 13px;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
/*padding: 21px 10px;*/
padding: 18px 10px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a.active {
color: #008DC9 !important;
}
.navbar-nav a.open-search {
padding: 8px 15px 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
margin-top: 17px;
margin-left: 10px;
}
.navbar-nav a.open-search i {
color: #999999;
font-size: 16px;
display: inline-block;
}
.navbar-nav li.shopping-cart {
position: relative;
}
.navbar-nav li.shopping-cart > a {
padding: 5px 12px;
margin: 20px 3px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
border: 1px solid #999999;
}
.navbar-nav li.shopping-cart > a i {
margin-right: 8px;
}
.navbar-nav li.shopping-cart > a span {
color: #f27935;
margin-left: 7px;
}
.navbar-nav li.shopping-cart .shopping-cart-drop {
position: absolute;
top: 100%;
left: 0;
width: 230px;
background: #ffffff;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.navbar-nav li.shopping-cart .shopping-cart-drop h3 {
padding: 16px 20px;
background: #f8f8f8;
border: 1px solid #f3f3f3;
color: #222222;
font-size: 11px;
text-transform: uppercase;
margin: 0;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul {
margin: 0;
padding: 0;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li {
list-style: none;
display: block;
padding: 18px;
overflow: hidden;
border-top: 1px solid #f3f3f3;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li img {
float: left;
max-width: 50px;
margin-right: 10px;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li h2 {
color: #222222;
font-size: 12px;
margin: 0 0 4px;
padding-top: 8px;
margin-left: 60px;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li h2 a:hover {
color: #f27935;
}
.navbar-nav li.shopping-cart .shopping-cart-drop ul li span {
display: inline-block;
color: #999999;
font-size: 12px;
margin: 0;
}
.navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont {
padding: 20px;
border-top: 1px solid #f3f3f3;
background: #f8f8f8;
overflow: hidden;
}
.navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont span {
display: inline-block;
color: #f27935;
font-size: 15px;
margin: 0;
padding: 5px 0;
}
.navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
float: right;
color: #999999;
font-size: 12px;
background: #f0f0f0;
border: 1px solid #cccccc;
padding: 6px 7px;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont a i {
margin-right: 10px;
}
.navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont a:hover {
color: #ffffff;
background: #f27935;
border: 1px solid #f27935;
}
.navbar-nav li.shopping-cart:hover .shopping-cart-drop {
opacity: 1;
visibility: visible;
}
.navbar-nav li.drop {
position: relative;
}
.navbar-nav li:hover ul.drop-down {
opacity: 1;
visibility: visible;
}
.navbar-nav li.megadrop {
position: inherit !important;
}
header.active .navbar-brand {
color: #222222 !important;
/*padding: 25px 15px;*/
}
header.active .navbar-nav > li > a {
color: #ffffff !important;
/*padding: 25px 15px;*/
}
header.active .navbar-nav a.open-search {
padding: 8px 15px 25px;
}
header.active .navbar-nav a.open-search i {
color: #999999;
}
header.active .navbar-nav > li > a:hover,
header.active .navbar-nav > li > a.active {
color: #008DC9 !important;
}
header.active .navbar-nav li.shopping-cart {
position: relative;
}
header.active .navbar-nav li.shopping-cart > a {
padding: 5px 12px;
margin: 20px 3px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
border: 1px solid #999999;
}
header.active .navbar-nav li.shopping-cart > a i {
margin-right: 8px;
}
header.active .navbar-nav li.shopping-cart > a span {
color: #f27935;
margin-left: 7px;
}
header.black-style .navbar-default {
background: url('../images/pattern.png');
}
header.black-style .navbar-brand {
color: #ffffff !important;
}
header.black-style .navbar-brand span {
color: #f27935;
}
header.black-style .navbar-nav > li > a:hover,
header.black-style .navbar-nav > li > a.active {
color: #ffffff !important;
}
.navbar-collapse {
position: relative;
}
.megadrop-down {
position: absolute;
width: 100%;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: #ffffff;
padding: 0 20px;
box-shadow: 0 0 2px #eeeeee;
-webkit-box-shadow: 0 0 2px #eeeeee;
-moz-box-shadow: 0 0 2px #eeeeee;
-o-box-shadow: 0 0 2px #eeeeee;
}
.megadrop-down .dropdown {
text-align: left;
}
.megadrop-down .dropdown ul {
margin: 0;
padding: 0;
}
.megadrop-down .dropdown ul li {
list-style: none;
}
.megadrop-down .dropdown ul li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
display: block;
color: #999999;
font-size: 12px;
padding: 15px 16px;
text-transform: uppercase;
margin: 0;
border-bottom: 1px solid #f3f3f3;
}
.megadrop-down .dropdown ul li a:hover {
color: #f27935;
background: #f8f8f8;
}
.megadrop-down .dropdown ul li a.comming {
color: #aaaaaa;
opacity: 0.4;
}
.megadrop-down .dropdown ul li:last-child a {
border-bottom: none;
}
.megadrop-down .dropdown ul.last-child li {
border-right: none;
}
.megadrop-down .dropdown h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
font-size: 12px;
margin: 0;
padding: 17px 16px 15px;
padding-bottom: 15px;
border-bottom: 1px solid #f27935;
text-transform: uppercase;
color: #f27935;
}
li.megadrop:hover .megadrop-down {
visibility: visible;
opacity: 1;
}
/*ul.drop-down {
margin: 0;
position: absolute;
width: 250px;
top: 100%;
left: 0;
visibility: hidden;
padding: 0;
border-top: 4px solid #008DC9;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: rgba(0, 0, 0, 0.8);
padding: 0 30px 5%;
}*/
ul.drop-down {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
border-top: 4px solid #008DC9;
left: 0;
margin: 0 0 0 5%;
opacity: 0;
padding: 0 20px 5%;
position: absolute;
top: 100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
visibility: hidden;
width: 202px;
}
ul.drop-down li {
display: block;
}
/*ul.drop-down li a {
padding: 13px 1px;
font-family: Montserrat, sans-serif;
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
display: block;
color: #ffffff;
font-size: 10px;
border-bottom: 1px solid #878787;
text-transform: uppercase;
margin: 0;
}*/
ul.drop-down li a {
border-bottom: 1px solid #999899;
color: #cacaca;
display: block;
font-family: Avenir Next LT Pro Regular;
font-size: 12px;
letter-spacing: 0.05em;
margin: 0;
padding: 13px 1px;
text-decoration: none;
text-transform: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
ul.drop-down li a:hover {
color: #008DC9;
background: transparent;
padding-left: 5px;
transition: all 350ms ease-in-out 0s;
}
.form-search {
position: absolute;
top: 100%;
right: 0;
width: 200px;
background: #f27935;
padding: 4px;
visibility: hidden;
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
font-size: 13px;
color: #999999;
line-height: 20px;
margin: 0 0 10px;
margin: 0;
color: #222222;
padding: 8px 10px;
border: none;
width: 100%;
outline: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: #ffffff;
}
.form-search button {
background: #ffffff;
border: none;
float: right;
margin-top: -28px;
margin-right: 15px;
position: relative;
z-index: 2;
}
.form-search button i {
color: #f27935;
font-size: 16px;
}
.form-search.active {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.form-search {
position: absolute;
top: 100%;
right: 0;
width: 200px;
background: #1bbc9b;
padding: 4px;
visibility: hidden;
opacity: 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
font-size: 13px;
color: #999999;
line-height: 20px;
margin: 0 0 10px;
margin: 0;
color: #222222;
padding: 8px 10px;
border: none;
width: 100%;
outline: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: #ffffff;
}
.form-search button {
background: #ffffff;
border: none;
float: right;
margin-top: -28px;
margin-right: 15px;
position: relative;
z-index: 2;
}
.form-search button i {
color: #1bbc9b;
font-size: 16px;
}
.form-search.active {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/*-------------------------------------------------*/
/* = General
/*-------------------------------------------------*/
.container1 {
max-width: 990px;
}
.container1 {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.vertical-header #content {
margin-left: 220px;
padding-top: 0;
background: #f8f8f8;
}
/*-------------------------------------------------*/
/* = content
/*-------------------------------------------------*/
.title-section {
margin-bottom: 65px;
text-align: center;
}
.title-section h1 {
color: #222222;
font-size: 30px;
margin: 0 0 30px;
text-transform: uppercase;
}
.title-section h1 span {
color: #1bbc9b;
}
.title-section > span {
width: 130px;
display: inline-block;
height: 1px;
border-top: 1px dotted #dddddd;
position: relative;
margin: 0 0 20px;
}
.title-section > span:before {
content: '';
position: absolute;
width: 47px;
height: 7px;
left: 50%;
margin-left: -24px;
top: -4px;
background: url('../images/pin2.png') center center no-repeat;
}
.title-section.white h1 {
color: #ffffff;
}
.title-section.white > span:before {
background: url('../images/pin.png') center center no-repeat;
}
#home-section .tp-caption.small_text {
position: absolute;
color: #fff;
text-shadow: none;
font-size: 25px;
line-height: 20px;
margin: 0px;
border-width: 0px;
border-style: none;
text-transform: uppercase;
white-space: nowrap;
}
#home-section .tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 30px;
line-height: 60px;
background-color: none;
text-decoration: none;
text-transform: uppercase;
border-width: 0px;
border-color: transparent;
border-style: none;
text-align: center;
letter-spacing: 2.5;
border: 1px solid #9d9d9c;
padding: 0.4em 1em;
}
#home-section .slotholder:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
/*background:url("../images/bg_overlay_3.png");*/
z-index: 2;
}
#home-section .tp-bannertimer {
display: none !important;
}
#home-section .banner-thumbs {
position: absolute;
width: 100%;
left: 0;
/*bottom: -154px;*/
bottom: 1px;
z-index: 22;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#home-section .banner-thumbs ul {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
text-align: center !important;
}
#home-section .banner-thumbs ul li {
float: left;
width: 33%;
list-style: none;
margin: 0 !important;
}
#home-section .banner-thumbs ul li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
display: block;
text-align: center !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 0;
margin: 0 !important;
width: 100%;
padding-right: 1px;
}
#home-section .banner-thumbs ul li a div {
padding: 25px 12px 47px;
border-top: 2px solid #9d9d9c;
background: rgba(153, 152, 153, 0.3);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
width: 100%;
overflow: hidden;
}
#home-section .banner-thumbs ul li a div span {
display: inline-block;
font-size: 15px;
margin: 0 0 15px;
color: #b2b2b2;
font-family: ;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.7px;
margin: 0 0 10px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#home-section .banner-thumbs ul li a div p {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom: 0;
max-width: 100%;
font-size: 13px;
font-family: Open Sans, sans-serif;
font-weight: 400;
color: #878787;
}
#home-section .banner-thumbs ul li a img {
width: 100%;
margin: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#home-section .banner-thumbs ul li a:hover div {
border-top: 2px solid #ab162b;
background: #000000;
}
#home-section .banner-thumbs ul li a:hover div span {
color: #ffffff;
}
#home-section .banner-thumbs ul li a:hover div p {
color: #ffffff;
}
#home-section .banner-thumbs ul li.active a div {
/*border-top: 2px solid #9d9d9c;
background: rgba(153, 152, 153, 0.4);*/
background: #000000 none repeat scroll 0 0;
border-top: 2px solid #ab162b;
}
#home-section .banner-thumbs ul li.active a div span {
color: #ffffff;
}
#home-section .banner-thumbs ul li.active a div p {
color: #ffffff;
font-family: ;
font-size: 13px;
font-weight: 400;
}
#about-section {
padding-top: 220px;
background: url('../upload/banners/1.jpg') center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
#about-section .about-box {
text-align: center;
}
#about-section .about-box .about-post {
text-align: center;
position: relative;
margin-bottom: 25px;
}
#about-section .about-box .about-post a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
width: 104px;
height: 104px;
margin: 0 0 16px;
line-height: 100px;
color: #ffffff;
font-size: 36px;
text-align: center;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: relative;
}
#about-section .about-box .about-post a:before {
content: '';
position: absolute;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
border: 1px solid #626163;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#about-section .about-box .about-post a:hover,
#about-section .about-box .about-post a.active {
border: 2px solid #1bbc9b;
color: #1bbc9b;
}
#about-section .about-box .about-post h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
text-transform: uppercase;
color: #1bbc9b;
letter-spacing: 1.7px;
margin-bottom: 0;
}
#about-section .about-box .about-post.post1,
#about-section .about-box .about-post.post4 {
margin-top: 70px;
}
#about-section .about-box > img {
max-width: 100%;
margin-bottom: -100px;
}
#about-section .about-box .about-post:before {
content: '';
position: absolute;
}
#about-section .about-box .about-post.post1:before {
width: 56px;
height: 48px;
background: url('../images/dev2.png') center center no-repeat;
top: 146px;
right: 10px;
}
#about-section .about-box .about-post.post2:before {
width: 49px;
height: 73px;
background: url('../images/dev3.png') center center no-repeat;
top: 174px;
left: 98px;
}
#about-section .about-box .about-post.post3:before {
width: 54px;
height: 73px;
background: url('../images/dev4.png') center center no-repeat;
top: 176px;
left: 65px;
}
#about-section .about-box .about-post.post4:before {
width: 63px;
height: 58px;
background: url('../images/dev5.png') center center no-repeat;
top: 146px;
left: -6px;
}
#products-section {
padding: 160px 0 50px;
background: #f8f8f8;
}
#products-section .title-section {
margin-bottom: 30px;
}
#products-section .products-box {
position: relative;
}
#products-section .products-box .carousel-arrows {
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -40px;
height: 0;
z-index: 2;
}
#products-section .products-box .carousel-arrows a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
line-height: 40px;
text-align: center;
background: #222222;
color: #ffffff;
}
#products-section .products-box .carousel-arrows a:hover {
opacity: 0.4;
}
#products-section .products-box .carousel-arrows a.prev-link {
float: left;
margin-left: 20px;
}
#products-section .products-box .carousel-arrows a.next-link {
float: right;
margin-right: 20px;
}
#products-section .products-box .product-post {
margin: 0;
padding: 28px 0;
background: #ffffff;
border: 1px solid transparent;
text-align: center;
margin-bottom: 30px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#products-section .products-box .product-post h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 3px;
letter-spacing: 1.3px;
}
#products-section .products-box .product-post h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
}
#products-section .products-box .product-post h2 a:hover {
color: #1bbc9b;
}
#products-section .products-box .product-post p {
margin-bottom: 12px;
}
#products-section .products-box .product-post p i {
margin: 0 1px;
}
#products-section .products-box .product-post > span {
display: inline-block;
color: #1bbc9b;
font-size: 13px;
margin: 0 0 15px;
}
#products-section .products-box .product-post .gal-product {
position: relative;
margin-bottom: 20px;
}
#products-section .products-box .product-post .gal-product img {
width: 100%;
}
#products-section .products-box .product-post .product-links a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #999999;
font-size: 12px;
padding: 5px 7px;
border: 2px solid #999999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 3px 2px;
}
#products-section .products-box .product-post .product-links a.add-cart-btn {
color: #222222;
border: 2px solid #222222;
}
#products-section .products-box .product-post .product-links a.add-cart-btn span {
text-transform: uppercase;
margin-left: 3px;
}
#products-section .products-box .product-post .product-links a:hover {
background: #1bbc9b;
border: 2px solid #1bbc9b !important;
color: #ffffff !important;
}
#products-section .products-box .product-post:hover {
border: 1px solid #cdcdcd;
}
#products-section .owl-theme .owl-controls .owl-page.active span,
#products-section .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #222222;
border: 1px solid #222222;
}
.marketing-box {
padding-top: 1px;
overflow: hidden;
}
.marketing-box .product {
width: 25%;
float: left;
padding-left: 1px;
position: relative;
}
.marketing-box .product img {
width: 100%;
}
.marketing-box .product .hover-mark {
position: absolute;
z-index: 2;
top: 50%;
margin-top: -65px;
left: 27px;
max-width: 330px;
text-align: left;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.marketing-box .product .hover-mark h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
font-size: 18px;
letter-spacing: 1.7px;
margin: 0;
text-transform: uppercase;
color: #ffffff;
}
.marketing-box .product .hover-mark p {
color: #ffffff;
margin: 8px 0 0;
}
.marketing-box .product .hover-mark h1.offer {
color: #ffffff;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 1.9px;
margin: 5px 0;
}
.marketing-box .product .hover-mark h1.offer span {
display: block;
}
.marketing-box .product .hover-mark a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #ffffff;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 8px 10px;
background: #1bbc9b;
opacity: 0;
text-transform: uppercase;
margin-top: 20px;
}
.marketing-box .product .hover-mark a i {
margin-right: 15px;
}
.marketing-box .product:after {
position: absolute;
top: 0;
right: 0;
left: 0px;
bottom: 0px;
content: '';
background: rgba(51, 51, 51, 0.5);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.marketing-box .product:before {
position: absolute;
content: '';
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: transparent;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.marketing-box .product:nth-child(2n) .hover-mark {
left: inherit;
right: 27px;
text-align: right;
}
.marketing-box .product:hover:before {
background: rgba(51, 51, 51, 0.7);
}
.marketing-box .product:hover .hover-mark {
margin-top: -90px;
}
.marketing-box .product:hover .hover-mark a {
opacity: 1;
}
.marketing-box .product:hover .hover-mark a:hover {
opacity: 0.7;
}
#portfolio-section {
background: url('../images/pattern.png');
padding: 60px 0 0;
text-align: center;
}
#portfolio-section .title-section {
margin-bottom: 55px;
}
#portfolio-section .portfolio-box .project-post .hover-box {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
width: auto;
height: auto;
background: rgba(51, 51, 51, 0.5);
border: 10px solid rgba(255, 255, 255, 0.8);
}
#portfolio-section .portfolio-box .project-post .hover-box a.link {
top: 50%;
left: 0;
margin-left: 0;
width: 100%;
margin-top: -10px;
color: #ffffff;
font-size: 15px;
text-transform: uppercase;
border: none;
background: transparent;
line-height: 20px;
}
#portfolio-section .portfolio-box .project-post .hover-box a.link:hover {
opacity: 0.5;
}
#portfolio-section .portfolio-ban {
padding: 100px 0;
text-align: center;
background: url('../images/pattern3.png');
}
#portfolio-section .portfolio-ban h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 1.8px;
margin-bottom: 20px;
}
#portfolio-section .portfolio-ban a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin: 0 7px;
padding: 10px 20px;
min-width: 180px;
}
#portfolio-section .portfolio-ban a:hover {
border: 2px solid #ffffff;
background: #ffffff;
}
.portfolio-box .project-post {
width: 20%;
position: relative;
}
.portfolio-box .project-post img {
width: 100%;
}
.portfolio-box .project-post .hover-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.8);
text-align: center;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity: 0;
overflow: hidden;
}
.portfolio-box .project-post .hover-box .inner-hover {
position: absolute;
width: 100%;
bottom: 52px;
left: 0;
}
.portfolio-box .project-post .hover-box .inner-hover h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
color: #1bbc9b;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 3px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transform: translate3d(0, 400%, 0);
-moz-transform: translate3d(0, 400%, 0);
-o-transform: translate3d(0, 400%, 0);
transform: translate3d(0, 400%, 0);
}
.portfolio-box .project-post .hover-box .inner-hover p {
color: #999999;
margin-bottom: 0;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-webkit-transform: translate3d(0, 400%, 0);
-moz-transform: translate3d(0, 400%, 0);
-o-transform: translate3d(0, 400%, 0);
transform: translate3d(0, 400%, 0);
}
.portfolio-box .project-post .hover-box a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin: 0 5px;
-webkit-transform: translate3d(0, -400%, 0);
-moz-transform: translate3d(0, -400%, 0);
-o-transform: translate3d(0, -400%, 0);
transform: translate3d(0, -400%, 0);
outline: none;
}
.portfolio-box .project-post .hover-box a i {
font-size: 24px;
color: #ffffff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.portfolio-box .project-post .hover-box a.link {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
margin-left: 10px;
}
.portfolio-box .project-post .hover-box a.zoom {
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
margin-left: -30px;
}
.portfolio-box .project-post .hover-box a:hover i {
color: #1bbc9b;
}
.portfolio-box .project-post:hover .hover-box {
opacity: 1;
}
.portfolio-box .project-post:hover .hover-box .inner-hover h2 {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-box .project-post:hover .hover-box .inner-hover p {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio-box .project-post:hover .hover-box a {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
button.mfp-close,
button.mfp-arrow {
outline: none;
}
a.button-one {
color: #ffffff;
background: transparent;
font-size: 12px;
text-transform: uppercase;
border: 2px solid #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
padding: 8px 48px;
}
a.button-one:hover {
color: #1bbc9b;
border: 2px solid #1bbc9b;
}
a.button-two {
color: #1bbc9b;
background: transparent;
font-size: 12px;
text-transform: uppercase;
border: 2px solid #1bbc9b;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
padding: 8px 48px;
}
a.button-two:hover {
color: #ffffff;
background: #1bbc9b;
}
#statistic-section {
padding: 55px 0 85px;
position: relative;
background: url('../upload/banners/2.jpg') fixed;
}
#statistic-section .container {
position: relative;
z-index: 2;
}
#statistic-section .statistic-box {
text-align: center;
}
#statistic-section .title-section {
margin-bottom: 40px;
}
#statistic-section .statistic-post i {
color: #ffffff;
font-size: 48px;
margin: 0 0 26px;
}
#statistic-section .statistic-post h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
color: #1bbc9b;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 12px;
}
#statistic-section .statistic-post p {
margin: 0;
}
#statistic-section .statistic-post span.timer {
color: #ffffff;
font-size: 48px;
margin: 0;
}
#statistic-section:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.8);
}
#services-section {
padding: 55px 0 50px;
}
#services-section .services-box .services-post {
position: relative;
text-align: center;
overflow: hidden;
margin-bottom: 30px;
}
#services-section .services-box .services-post img {
width: 100%;
}
#services-section .services-box .services-post .up-box {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(34, 34, 34, 0.8);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
padding: 0 18px;
}
#services-section .services-box .services-post .up-box i {
color: #1bbc9b;
font-size: 30px;
display: block;
margin: 60px 0 40px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#services-section .services-box .services-post .up-box h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 25px;
}
#services-section .services-box .services-post .up-box h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #ffffff;
}
#services-section .services-box .services-post .up-box p {
color: #ffffff;
margin-top: 60px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom: 0;
opacity: 0;
}
#services-section .services-box .services-post:hover .up-box {
background: #1bbc9b;
}
#services-section .services-box .services-post:hover .up-box i {
margin-top: -30px;
}
#services-section .services-box .services-post:hover .up-box p {
margin-top: 0;
opacity: 1;
}
/*
#news-section {
padding: 65px 0;
}
#news-section .title-section {
margin-bottom: 30px;
}
#news-section .news-box {
width: 990px;
margin-left: -15px;
}
#news-section .news-box .news-post {
margin: 0 15px 30px;
}
#news-section .news-box .news-post img {
/*width: 100%;
margin-bottom: 26px;*/
}
/*
#news-section .news-box .news-post .date-post {
width: 60px;
float: left;
text-align: center;
}
#news-section .news-box .news-post .date-post span {
display: block;
color: #222222;
font-size: 30px;
margin: -6px 0 2px;
padding-bottom: 2px;
border-bottom: 1px dotted #c0c0c0;
}
#news-section .news-box .news-post .date-post p {
margin: 0;
text-transform: uppercase;
color: #333333;
}
#news-section .news-box .news-post .post-content {
overflow: hidden;
}
#news-section .news-box .news-post .post-content .post-content-text {
margin-left: 0;
/*margin-left: 150px;*/
}
/*
#news-section .news-box .news-post .post-content .post-content-text h2 {
color: #222222;
margin: 0 0 15px;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 30px;
letter-spacing: 2px;
}
#news-section .news-box .news-post .post-content .post-content-text h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
}
#news-section .news-box .news-post .post-content .post-content-text h2 a:hover {
color: #1bbc9b;
}
#news-section .news-box .news-post .post-content .post-content-text p {
margin-bottom: 0px;
}
#clients-section {
/*padding: 50px 0 60px;*/
/* background: #f8f8f8;
}*/
#clients-section .clients-box ul.client-list {
margin: 0;
padding: 0;
overflow: hidden;
}
#clients-section .clients-box ul.client-list li {
list-style: none;
float: left;
width: 16.66%;
text-align: center;
}
#clients-section .clients-box ul.client-list li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
max-width: 100%;
border: 1px solid transparent;
opacity: 0.4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#clients-section .clients-box ul.client-list li a img {
max-width: 100%;
}
#clients-section .clients-box ul.client-list li a:hover {
border: 1px solid #222222;
}
#contact-section .contact-info {
background: url('../images/pattern.png');
padding: 55px 0;
}
#contact-section .contact-info .title-section {
margin-bottom: 40px;
}
#contact-section .contact-info .contact-info-box {
text-align: center;
}
#contact-section .contact-info .contact-info-box span {
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: inline-block;
background: #1bbc9b;
margin: 0 0 20px;
}
#contact-section .contact-info .contact-info-box span i {
color: #ffffff;
font-size: 30px;
line-height: 100px;
}
#contact-section .contact-info .contact-info-box h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
text-transform: uppercase;
color: #1bbc9b;
margin-bottom: 16px;
}
#contact-section .contact-info .contact-info-box p {
margin-bottom: 30px;
}
#contact-section .map {
height: 418px;
}
#contact-section .contact-form {
padding: 50px 0 60px;
}
#contact-section .contact-form h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
}
#contact-form input[type="text"],
#contact-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc;
margin-bottom: 30px;
outline: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #999999;
font-size: 13px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
#contact-form input[type="text"]:focus,
#contact-form textarea:focus {
border: 1px solid #1bbc9b;
}
#contact-form textarea {
height: 120px;
}
#contact-form input[type="submit"] {
padding: 10px 37px;
outline: none;
border: 2px solid #333333;
color: #333333;
font-size: 12px;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom: 20px;
background: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#contact-form input[type="submit"]:hover {
border: 2px solid #1bbc9b;
color: #1bbc9b;
}
#contact-form .submit-area {
text-align: center;
}
#contact-form .message {
height: 30px;
font-size: 13px;
}
#contact-form .message.error {
color: #e74c3c;
}
#contact-form .message.success {
color: #1bbc9b;
}
/*-------------------------------------------------*/
/* = Portfolio grid pages
/*-------------------------------------------------*/
#content {
/*adding-top: 70px;*/
}
.page-banner-section {
padding: 55px 0;
position: relative;
background: url('../upload/banners/ban1.jpg') fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.page-banner-section .container {
position: relative;
z-index: 2;
}
.page-banner-section h2 {
color: #222222;
font-size: 15px;
margin: 0 0 15px;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
margin: 3px 0;
letter-spacing: 1.8px;
}
.page-banner-section h2 span {
color: #1bbc9b;
}
.page-banner-section ul {
margin: 0;
padding: 0;
text-align: right;
}
.page-banner-section ul li {
display: inline-block;
margin-left: 3px;
}
.page-banner-section ul li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #cccccc;
font-size: 11px;
text-transform: uppercase;
line-height: 24px;
}
.page-banner-section ul li a:hover {
color: #1bbc9b;
}
.page-banner-section ul li:before {
content: '>';
color: #cccccc;
font-size: 11px;
text-transform: uppercase;
margin-right: 6px;
line-height: 24px;
}
.page-banner-section ul li:first-child:before {
display: none;
margin: 0;
}
.page-banner-section:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(34, 34, 34, 0.6);
}
.portfolio-section.grid-style {
padding: 50px 0 60px;
}
.portfolio-section.grid-style .portfolio-box {
width: 990px;
margin-left: -15px;
margin-top: -10px;
}
.portfolio-section.grid-style .portfolio-box .project-post {
margin: 10px;
width: 475px;
}
.portfolio-section.grid-style .portfolio-box .project-post .hover-box {
background: rgba(27, 188, 155, 0.9);
}
.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover h2 {
color: #ffffff;
font-size: 13px;
}
.portfolio-section.grid-style .portfolio-box .project-post .hover-box .inner-hover p {
color: #ffffff;
}
.portfolio-section.grid-style .portfolio-box .project-post .hover-box a:hover i {
color: #ffffff;
opacity: 0.6;
}
.portfolio-section.grid-style .portfolio-box.col3 .project-post {
width: 310px;
}
.portfolio-section.grid-style .portfolio-box.col3 .project-post .hover-box a {
margin-top: -30px;
}
.portfolio-section.grid-style .portfolio-box.fullwidth {
width: auto;
margin: -10px 10px 0;
}
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post {
padding: 10px;
margin: 0;
width: 25%;
}
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post .hover-box {
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
width: auto;
height: auto;
}
ul.filter {
margin: 0;
padding: 0;
text-align: center;
margin-bottom: 45px;
}
ul.filter li {
display: inline-block;
margin: 0 14px 4px;
}
ul.filter li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #999999;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px dotted #999999;
padding-bottom: 2px;
}
ul.filter li a:hover,
ul.filter li a.active {
color: #1bbc9b;
border-bottom: 1px dotted #1bbc9b;
}
.show-more {
text-align: center;
padding-top: 40px;
}
.show-more a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/*-------------------------------------------------*/
/* = Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1900px) {
.vertical-header header {
padding-top: 100px;
}
.vertical-header header .logo {
margin-bottom: 40px;
}
.vertical-header .page-banner-section {
padding: 70px 85px 70px 25px;
}
}
@media (max-width: 1500px) {
.portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post {
width: 25%;
}
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post {
width: 33.33%;
}
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {
width: 20%;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box .inner-hover {
top: 15px;
padding: 0 15px;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a {
margin-top: -20px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a i {
font-size: 15px;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.zoom {
margin-left: -70px;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.link {
margin-left: -20px;
}
.portfolio-section.alt-style .portfolio-box .project-post .hover-box a.like {
margin-left: 30px;
}
.blog-section.alternative .blog-box .blog-post.small-size {
width: 25%;
}
.blog-section.alternative .blog-box .blog-post.big-size {
width: 50%;
}
.marketing-box .product .hover-mark h1.offer {
font-size: 25px;
}
.marketing-box .product .hover-mark h2 {
font-size: 15px;
}
}
@media (max-width: 1199px) {
.portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post {
width: 33.33%;
}
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post {
width: 50%;
}
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {
width: 25%;
}
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post {
width: 25%;
}
.portfolio-section.alt-style .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,
.portfolio-section.vertical-style .portfolio-box.col3 .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post {
width: 50%;
}
.vertical-header .container {
max-width: 100%;
}
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box,
.blog-section.alternative .blog-box .blog-post.small-size .cont-box {
padding: 10px 10px;
}
.error-section,
.comming-soon-section {
min-height: inherit !important;
padding: 100px 0;
}
.error-section .error-content {
position: relative;
top: inherit;
left: inherit;
margin-top: 0;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
display: none;
}
.marketing-box .product {
width: 50%;
margin-bottom: 1px;
}
}
@media (max-width: 991px) {
header .navbar-nav > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
}
.portfolio-box .project-post {
width: 50%;
}
#statistic-section .statistic-post {
margin-bottom: 36px;
}
.page-banner-section {
text-align: center;
}
.page-banner-section ul {
text-align: center;
}
.portfolio-section.grid-style .portfolio-box,
.portfolio-section.masonry-style .portfolio-box {
width: 740px;
margin-left: -10px;
}
.portfolio-section.grid-style .portfolio-box .project-post,
.portfolio-section.masonry-style .portfolio-box .project-post {
width: 350px;
}
.portfolio-section.grid-style .portfolio-box.col3 .project-post {
width: 350px;
}
.portfolio-section.masonry-style .portfolio-box.col4 .project-post {
width: 226px;
}
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {
width: 33.33%;
}
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.col3 .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post {
width: 50%;
}
.portfolio-section.alt-style .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post.snd-size,
.portfolio-section.alt-style.white-style .portfolio-box .project-post.snd-size {
width: 100%;
}
.portfolio-section.alt-style.white-style .portfolio-box .project-post {
width: 50%;
}
.vertical-header header {
position: relative;
width: 100%;
max-width: 100%;
height: auto !important;
padding-top: 0;
}
.vertical-header header .logo {
text-align: center;
padding: 10px 5px 0px;
margin-bottom: 0;
}
.vertical-header nav.menu {
max-height: 250px;
overflow-y: scroll;
overflow-x: hidden;
display: none;
text-align: center;
}
.vertical-header nav.menu > li > a {
margin-bottom: 10px;
padding: 0;
}
.vertical-header header nav ul li.drop ul.dropdown,
.vertical-header header nav ul li.drop div.ver-megadropdown {
position: relative;
text-align: center;
top: 0;
left: 0;
width: 100%;
visibility: visible;
opacity: 1;
border: none;
padding: 0;
}
.vertical-header header nav ul li.drop ul.dropdown li a,
.vertical-header header nav ul li.drop div.ver-megadropdown li a {
background: transparent;
text-align: center;
border: none;
padding: 8px 25px;
}
.vertical-header header nav ul li.drop div.ver-megadropdown ul {
width: 100%;
}
.vertical-header header nav ul li.drop div.ver-megadropdown li {
float: none;
display: block;
margin: 0;
width: 100%;
}
.vertical-header header nav ul li.drop div.ver-megadropdown li a {
padding: 0;
}
.vertical-header a.elemadded {
display: block;
}
.vertical-header #content {
margin-left: 0;
}
.vertical-header .page-banner-section {
padding: 40px 15px 40px 15px;
}
.blog-section.standard:before {
display: none;
}
.blog-section.standard .blog-box {
background: transparent;
padding-right: 0;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-left {
padding-right: 40px;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-right {
padding-left: 40px;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point {
right: -54px;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point {
left: -54px;
}
.blog-section.masonry .blog-box {
width: 740px;
}
.blog-section.masonry .blog-box .blog-post {
width: 350px;
}
.vertical-header .blog-section.masonry .blog-box .blog-post {
width: 340px;
}
.blog-section.alternative .blog-box .blog-post.small-size {
width: 100%;
}
.blog-section.alternative .blog-box .blog-post.big-size {
width: 100%;
}
.blog-section.alternative .blog-post .cont-box {
min-height: inherit !important;
}
.blog-section.single2 .blog-post.single-post .post-gal .hover-single {
bottom: 10px;
}
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post h1 {
font-size: 15px;
}
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .date-post,
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post ul.post-tags {
display: none;
}
.blog-section.single2 .blog-post.single-post .post-gal .hover-single .container .title-post,
.blog-section.single2 .blog-post.single-post .post-content {
margin-left: 0;
}
.error-section,
.comming-soon-section {
padding: 50px 0;
}
#home-section .banner-thumbs ul li a div p,
#home-section .banner-thumbs ul li a img {
display: none;
}
#home-section .banner-thumbs ul li a div span {
margin-bottom: 0;
}
#home-section .banner-thumbs ul li a div {
padding: 25px 10px;
}
#home-section .banner-thumbs {
bottom: 0;
}
#about-section {
padding-top: 70px;
}
/*#news-section .news-box {
width: 750px;
}*/
.checking-form .checkout-buttons .left-buttons,
.checking-form .checkout-buttons .right-buttons {
width: 100%;
text-align: left;
float: none;
}
.checking-form .checkout-buttons .left-buttons a,
.checking-form .checkout-buttons .right-buttons a {
margin-right: 6px;
margin-left: 0;
margin-bottom: 6px;
}
.checking-form .checkout-buttons .left-buttons input,
.checking-form .checkout-buttons .right-buttons input {
margin-right: 6px;
}
.checking-form .total-box .inner-total {
width: 100%;
float: none;
}
}
@media (max-width: 767px) {
/*.navbar-default .navbar-toggle {
margin-top: 19px;
}
header.active .navbar-default .navbar-toggle {
margin-top: 19px;
}
header .navbar-nav > li > a {
padding: 4px 15px !important;
color: #222222 !important;
}
header.trans .navbar-default {
background: rgba(255, 255, 255, 0.95);
}
header.trans .navbar-brand {
color: #222222 !important;
padding: 25px 15px;
}
header.trans .navbar-nav > li > a {
color: #999999 !important;
}
header.trans .navbar-nav a.open-search {
display: none;
}
header.trans .navbar-nav > li > a:hover,
header.trans .navbar-nav > li > a.active {
color: #1bbc9b !important;
}
.megadrop-down {
position: relative;
visibility: visible;
opacity: 1;
top: inherit;
left: inherit;
background: transparent;
padding: 5px 25px;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
}
.megadrop-down .dropdown h2 {
display: none;
}
.megadrop-down .dropdown ul li {
padding-bottom: 0px;
}
.megadrop-down .dropdown ul li a {
padding-bottom: 9px;
}
.megadrop-down .dropdown a.comming {
display: none;
}
*/
.navbar-default .navbar-toggle {
margin-top: 38px;
}
header.active .navbar-default .navbar-toggle {
margin-top: 38px;
}
header .navbar-nav > li > a {
padding: 4px 15px !important;
}
header .navbar-nav > li > a.open-search {
display: none;
}
.megadrop-down {
position: relative;
visibility: visible;
opacity: 1;
top: inherit;
left: inherit;
background: transparent;
padding: 5px 25px;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
}
.megadrop-down .dropdown h2 {
display: none;
}
.megadrop-down .dropdown ul li {
padding-bottom: 0px;
}
.megadrop-down .dropdown ul li a {
padding-bottom: 9px;
}
.megadrop-down .dropdown a.comming {
display: none;
}
ul.drop-down {
position: relative;
visibility: visible;
opacity: 1;
top: inherit;
left: inherit;
background: transparent;
width: 100%;
border-top: none;
}
#portfolio-section ul.filter li {
margin: 0 5px 4px;
}
#clients-section .clients-box ul.client-list li {
width: 33.33%;
}
.portfolio-section.grid-style .portfolio-box,
.portfolio-section.masonry-style .portfolio-box {
width: 100%;
margin-left: 0;
}
.portfolio-section.grid-style .portfolio-box .project-post,
.portfolio-section.masonry-style .portfolio-box .project-post {
width: 100%;
margin: 10px 0;
}
.portfolio-section.grid-style .portfolio-box.col3 .project-post {
width: 100%;
}
.portfolio-section.grid-style .portfolio-box.fullwidth .project-post {
width: 100%;
}
.portfolio-section.masonry-style .portfolio-box.col4 .project-post {
width: 100%;
}
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {
width: 50%;
}
.portfolio-section.alt-style .portfolio-box .project-post,
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box .project-post,
.portfolio-section.alt-style.white-style .portfolio-box .project-post {
width: 100%;
}
.portfolio-section.alt-style.white-style-fullwidth .portfolio-box {
margin-left: 5px;
margin-right: 5px;
}
.portfolio-section.black-style .portfolio-box .project-post,
.portfolio-section.black-style .portfolio-box.col3 .project-post,
.portfolio-section.black-style .portfolio-box.fullwidth .project-post,
.portfolio-section.vertical-style .portfolio-box .project-post,
.portfolio-section.vertical-style .portfolio-box.col3 .project-post,
.portfolio-section.vertical-style .portfolio-box.fullwidth .project-post,
.blog-section.masonry .blog-box.fullwidth .blog-post {
width: 100%;
}
.blog-section .blog-box .blog-post .post-content .date-post {
display: none;
}
.blog-section .blog-box .blog-post .post-content .post-content-text,
.blog-section.standard .blog-box .blog-post .post-content {
margin-left: 0;
}
.blog-section .blog-box .blog-post .post-content .post-content-text h2 {
font-size: 16px;
margin-bottom: 15px;
}
.blog-section.standard .blog-box .blog-post .date-post {
display: none;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-left {
padding-right: 0px;
width: 100%;
float: none;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-right {
padding-left: 0px;
width: 100%;
float: none;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-left .post-content span.timeline-point {
display: none;
}
.blog-section.grid .blog-box.timeline .blog-post.timeline-right .post-content span.timeline-point {
display: none;
}
.blog-section.grid .blog-box.timeline:after {
display: none;
}
.blog-section.masonry .blog-box {
width: 100%;
margin-left: 0;
}
.blog-section.masonry .blog-box .blog-post {
width: 100%;
margin: 10px 0;
}
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .cont-box,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .cont-box {
float: none;
width: 100%;
}
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-r .gal-post:before,
.blog-section.alternative .blog-box .blog-post.big-size.cont-post-l .gal-post:before {
display: none;
}
.blog-section.medium .blog-box .blog-post img,
.blog-section.medium .blog-box .blog-post .post-content,
.blog-section.medium .blog-box .blog-post .flexslider {
float: none;
width: 100%;
}
.vertical-header .blog-section.masonry .blog-box .blog-post {
width: 100%;
}
.blog-post.single-post .comment-section {
padding-left: 0;
}
.blog-post.single-post .comment-section ul.depth .comment-box {
padding-left: 0;
}
.blog-post.single-post h1 {
font-size: 16px;
}
.blog-section.single2 .blog-post.single-post .post-gal img {
min-height: 150px;
}
.accord-content {
padding-left: 0;
}
.accord-title p {
margin-left: 0;
}
.tabs-accord-section .tab-posts-box .tab-pane img {
float: none;
margin: 0 0 20px;
max-width: 100%;
}
#about-section .about-box .about-post.post1,
#about-section .about-box .about-post.post4 {
margin-top: 0;
}
#home-section .banner-thumbs,
#about-section .about-box .about-post:before {
display: none;
}
#about-section .about-box > img {
margin-bottom: -50px;
}
.marketing-box .product {
width: 100%;
}
#portfolio-section .portfolio-ban a {
margin-bottom: 4px;
}
.single-prod-tab-box.tab-box2 ul.nav-tabs {
float: none;
width: 100%;
}
.single-prod-tab-box.tab-box2 .tab-content {
margin-left: 0;
}
.single-prod-tab-box.tab-box2 ul.nav-tabs li.active a {
border-right: 1px solid #eeeeee !important;
}
}
@media (max-width: 500px) {
#team-section .team-box .team-post .team-member img {
float: none !important;
width: 100%;
}
#team-section .team-box .team-post .team-member {
margin-bottom: 30px;
}
#team-section .team-box .team-post .team-member .member-content {
margin: 0 !important;
}
.portfolio-box .project-post {
width: 100%;
}
.portfolio-section.masonry-style .portfolio-box.fullwidth .project-post {
width: 100%;
}
.blog-post.single-post .autor-post img {
float: none;
width: 100%;
}
.blog-post.single-post .autor-post .autor-content {
margin-left: 0;
}
#about-section .about-box > img {
margin-bottom: -10px;
}
#products-section {
padding-top: 65px;
}
.footerd {
padding-left: 0;
}
.ih-item.square{
margin-bottom: 30px;
}
}
.right-bar {
float: right;
/*margin: 2px 5px 0 0;*/
/*margin-top:4px;*/
overflow: hidden;
margin-right: -3px;
position: relative;
top: 10px;
}
.right {
float: right !important;
}
.right-bar li {
float: left;
padding: 5px 0 5px 15px;
list-style: none;
color: #999899;
font-family: 'Avenir Next LT Pro Bold';
font-size:11px;
}
.right-bar li i {
margin: 0 10px 0 0;
}
.contacto1{
color: #999899;
font-size:11px;
font-family: 'Avenir Next LT Pro Bold';
}
.contacto1:hover{
color:#ffffff;
text-decoration:none;
}
.rojo{
color:#ab162b;
}
.slogan p {
color: #dadada;
font-family: "Avenir Next LT Pro Bold";
line-height: 30px;
min-width: 400px;
position: relative;
font-size: 12px;
}
.slogan span {
color:#008DC9;
font-size:40px;
}
a.effect-1{
color: #ffffff;
font-size: 14px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
a.effect-1:hover{
color: #ffffff;
}
.effect-1::before {
background: #008DC9 none repeat scroll 0 0;
bottom: -5px;
height: 2px;
left: 0;
transform: scaleX(0);
width: 100%;
}
.effect-1:hover::before{
transform:scaleX(1);
color:#ffffff;
}
.effect-1 {
padding-top: 20px;
}
.block-bg-2 {
background: url('../images/parallax_1.jpg') no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative;
overflow: hidden;
padding: 120px 0;
}
.img-over a.link, .block-bg-1:before, .block-bg-2:before, .block-bg-3:before, .block-bg-4:before, .block-bg-5:before {
background-color: rgba(232,82,47,0.7);
}
/*Carrusel*/
.double-section {
overflow: hidden;
margin-top: -53px;
}
.double-section .transparent-section {
width: 45%;
float: left;
position: relative;
z-index: 2;
background: rgba(171,22,43,0.8);
overflow: hidden;
padding: 60px 0;
}
.double-section .transparent-section .inner-transparent-section {
width: 395px;
float: right;
padding-right: 50px;
}
.double-section .non-transparent-section {
width: 55%;
float: right;
position: relative;
z-index: 2;
padding: 60px 0;
}
.double-section .non-transparent-section .inner-non-transparent-section {
width: 565px;
padding-left: 50px;
}
/*#clients-section {
/*position: relative;
background: url('../images/parallax/testimonios.jpg') fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
#clients-section .container {
position: relative;
z-index: 2;
}
#clients-section .title-section {
margin-bottom: 20px;
}
#clients-section .testimonial-box {
padding: 80px 0 50px;
text-align: left !important;
text-align: center;
}
#clients-section .testimonial-box h1 {
color: #222222;
font-size: 30px;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin: 0 0 30px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ffffff;
margin-bottom: 60px;
}
#clients-section .testimonial-box ul.bxslider {
margin: 0;
padding: 0;
}
#clients-section .testimonial-box p {
color: #ffffff;
font-size: 15px;
font-weight: 700;
font-style: italic;
margin-bottom: 45px;
}
#clients-section .testimonial-box h2 {
color: #222222;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin: 0 0 15px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1.8px;
margin-bottom: 2px;
}
#clients-section .testimonial-box span {
font-size: 13px;
color: #999999;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height: 20px;
margin: 0 0 10px;
color: #ffffff;
margin: 0;
display: inline-block;
}
#clients-section .testimonial-box .bx-controls {
display: none !important;
}
#clients-section .clients-box ul.client-list {
margin: 0;
padding: 0;
overflow: hidden;
}
#clients-section .clients-box ul.client-list li {
list-style: none;
float: left;
width: 33.33333%;
text-align: center;
}
#clients-section .clients-box ul.client-list li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
max-width: 100%;
border: 1px solid transparent;
}
#clients-section .clients-box ul.client-list li a img {
max-width: 100%;
}
#clients-section .clients-box ul.client-list li a:hover {
border: 1px solid #ffffff;
}
#clients-section:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: rgba(34, 34, 34, 0.6);
}
*/
/*Acordions*/
h1 {
text-align: center;
font-family: Montserrat, sans-serif;
color: #333;
margin-top:150px;
}
.accordion {
width: 100%;
/*max-width: 1080px;*/
height: 500px;
overflow: hidden;
/* margin: 50px auto;*/
}
.accordion ul {
width: 100%;
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.accordion ul li {
display: table-cell;
vertical-align: bottom;
position: relative;
width: 16.666%;
height: 500px;
background-repeat: no-repeat;
background-position: center center;
transition: all 500ms ease;
}
.accordion ul li div {
display: block;
overflow: hidden;
width: 100%;
}
.accordion ul li div a {
display: block;
height: 500px;
width: 100%;
position: relative;
z-index: 3;
vertical-align: bottom;
padding: 15px 20px;
box-sizing: border-box;
color: #fff;
text-decoration: none;
font-family: Open Sans, sans-serif;
transition: all 200ms ease;
}
.accordion ul li div a * {
opacity: 0;
margin: 0;
width: 100%;
text-overflow: ellipsis;
position: relative;
z-index: 5;
white-space: nowrap;
overflow: hidden;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
border:none;
}
.accordion ul li div a h2 {
font-family: Montserrat, sans-serif;
text-overflow: clip;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 2px;
top: 160px;
}
.accordion ul li div a p {
/*top: 160px;*/
font-size: 13.5px;
}
.accordion ul li:nth-child(1) { background-image: url("../images/acordion/1.1.jpg"); }
.accordion ul li:hover:nth-child(1){ background-image: url("../images/acordion/1.jpg"); }
.accordion ul li:nth-child(2) { background-image: url("../images/acordion/2.2.jpg"); }
.accordion ul li:hover:nth-child(2){ background-image: url("../images/acordion/2.jpg"); }
.accordion ul li:nth-child(3) { background-image: url("../images/acordion/3.3.jpg"); }
.accordion ul li:hover:nth-child(3){ background-image: url("../images/acordion/3.jpg"); }
.accordion ul li:nth-child(4) { background-image: url("../images/acordion/4.4.jpg"); }
.accordion ul li:hover:nth-child(4){ background-image: url("../images/acordion/4.jpg"); }
.accordion ul li:nth-child(5) { background-image: url("../images/acordion/5.5.jpg"); }
.accordion ul li:hover:nth-child(5){ background-image: url("../images/acordion/5.jpg"); }
.accordion ul:hover li { width: 8%; }
.accordion ul:hover li:hover { width: 60%; }
.accordion ul:hover li:hover a { /*background: rgba(0, 0, 0, 0.4);*/ }
.accordion ul:hover li:hover a * {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 600px) {
body { margin: 0; }
.accordion { height: auto; }
.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
-webkit-transition: none;
transition: none;
}
}
/*Fin Acordions*/
/*Ventajas*/
/* Positions */
ul {
margin: 0;
padding: 0;
}
li {
list-style: outside none none;
}
.border-left-red {
border-color: #ab162b !important;
padding-left: 2px !important;
}
.border-left-red {
border-left: 2px solid;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
/* Title */
.title {
font-family: 'Open Sans', sans-serif;
}
.head-no-margin h6 {
margin-bottom: 14px;
}
.upper {
text-transform: uppercase;
}
.lower {
text-transform: lowercase;
}
.text-small {
font-size: 12px;
line-height: 18px;
}
hr {
border: 0;
border-top: 1px solid #e1e1e1;
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0 none;
}
hr.white {
border: 0;
border-top: 1px solid #e1e1e1;
border-top: 1px solid rgba(255, 255, 255, 1);
border-bottom: 0 none;
}
.highlight {
background: #FFC400;
padding: 0 5px;
}
.bg-black {
background: #000;
}
ol li {
list-style: inherit;
}
ul.list-style {
margin: 0 0 18px;
padding: 0 0 0 60px;
}
ul.list-style li {
position: relative;
line-height: 1;
list-style: disc;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.arrow-style {
margin: 0 0 22px;
padding: 0 0 0 60px;
}
.arrow-style li {
list-style: outside none none;
padding-bottom: 2px;
padding-left: 20px;
padding-top: 2px;
position: relative;
}
ul.arrow-style li:before {
content: "\f105";
display: block;
font-family: FontAwesome;
left: 0;
position: absolute;
top: 5px;
}
div.slider {
display: block;
position: relative;
}
.product-page .description {
color: #7f7f7f;
margin-bottom: 20px;
}
.dark-button {
font-family: 'Martel Sans', sans-serif;
font-weight: 600;
font-size: 15px;
padding: 20px 55px;
text-decoration: none;
text-transform: uppercase;
}
.btn-default {
padding: 15px 50px !important;
text-transform: uppercase;
}
.clear {
clear: both;
}
.wv-slidehover-main {
display: inline-block;
max-width: 100%;
overflow-x: hidden;
margin-bottom: -9px;
}
.wv-slidehover-main .slider-info .btn-default {
padding: 10px 22px !important;
margin-top: 20px;
background:#ab162b;
width:100px;
height:35px;
color:#ffffff;
font-family: ;
font-weight: 700;
text-transform:uppercase;
text-decoration:none;
font-size:11px;
}
.wv-slidehover-main ul li {
width: 15%;
float: left;
padding: 100px 0px 200px 0px;
max-height: 496px;
background-repeat: no-repeat;
background-position: 70% 0%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
background-size: cover;
}
.wv-slidehover-main .slider-info a.dark-button {
padding: 5px 20px;
margin-top: 30px;
}
.wv-slidehover-main ul li.active {
width: 40%;
z-index: 1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
background-position: 100% 0%;
opacity: 1;
}
.wv-slidehover-main ul li.active .slider-info {
width: 100% !important;
opacity: 1 !important;
z-index: 2;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
.wv-slidehover-main ul li img {
max-width: 565px;
position: absolute;
top: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wv-slidehover-main ul li.active .slider-info {
width: auto;
position: relative;
opacity: 0;
z-index: 2;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
.wv-slidehover-main ul li .slider-info {
opacity: 0;
position: relative;
padding: 0px 20px 0px 50px;
width: 550px !important;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
.wv-slidehover-main .all-attorney-social {
width: 100%;
float: left;
}
.wv-slidehover-main li .all-attorney-social span {
/*display: inline-block;
margin: 5px 5px 0px !important;
padding: 0px !important;
width: auto !important;
opacity: 1 !important;
/* border-right: 1px solid;*/
/*height: 30px;*/
}
.all-attorney-social li a {
color: #6d6d6d;
}
.wv-slidehover-main .all-attorney-social span a i {
line-height: 10px;
}
.wv-slidehover-main .all-attorney-social span:last-child {
border-right: 0px solid;
}
.about-organization h4 {
margin-top: 30px;
}
.about-organization h2 span {
margin-left: 10px;
}
.about-organization .image-bg {
min-height: 700px;
}
.about-organization .owl-pagination {
position: absolute;
bottom: -90px;
}
.our-partners {
padding: 70px 0px;
}
.partner-logo {
border: 1px solid #e6e6e6;
margin-left: -1px;
margin-top: -1px;
opacity: 0.5;
padding: 0px;
}
.latest-news-main .owl-carousel {
min-height: 398px;
}
.latest-news-main .owl-buttons {
position: absolute;
right: -24px;
width: 57px;
bottom: -1px;
}
.latest-news-main h2 span {
margin-left: 12px;
}
.home-blog .owl-buttons {
position: relative;
float: right;
width: 57px;
margin-top: 50px;
margin-right: 48px;
}
.btn {
line-height: 22px;
outline: none;
padding: 15px 20px;
border: none;
width: 100%;
color: #fff;
font-size: 20px;
text-transform: uppercase;
opacity: 0.8;
border-radius: 0px;
}
.btn:hover {
-webkit-transition: background .2s linear, color .2s linear;
transition: background .2s linear, color .2s linear;
}
.btn-default:hover {
color: #ffffff;
}
.btn.btn-lg {
font-size: 14px;
padding: 16px 45px;
}
.transparent-header.top-bar .sticky-wrapper {
top: 45px;
}
.btn-black {
background: #000;
color: #fff!important;
}
.btn-black:hover {
background: #FFC400;
}
.i-unset {
line-height: unset!important;
}
/* Animation */
.animated {
/*visibility:hidden;*/
}
.visible {
visibility: visible;
}
.fleft {
float: left;
}
.rleft {
float: right;
}
.fnone {
float: none;
}
.lefttext {
text-align: left !important;
}
.fulltext {
text-align: center !important;
}
.righttext {
text-align: right !important;
}
.glyph {
float: left;
margin-bottom: 1em;
margin-right: 4em;
overflow: hidden;
padding-bottom: 1em;
width: 15em;
}
/* Border */
* {
/*border-color: #e1e1e1;
border-style: solid;
border-width: 0;
zoom: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
*:focus {
outline: none !important;
}
/*****border****/
.border-left {
border-left: 2px solid #ab162b;
}
/* Accordion */
.panel-group .panel .panel-heading > .panel-title > a {
font-size: 30px;
font-family: 'open sans' sans-serif;
font-weight: lighter;
color: #1e1e1e;
line-height: 22px;
transition: background-color 0.2s linear 0s;
}
.panel-group.no-list .panel .panel-heading > .panel-title > a,
.panel-group.no-list .panel .panel-heading > .panel-title > a:hover,
.panel-group.no-list .active.panel .panel-heading > .panel-title > a,
.panel-group.no-list .active.panel .panel-heading > .panel-title > a:hover {
padding: 9px 9px 9px 0;
}
.panel-group .active.panel .panel-heading > .panel-title {
border-bottom: 1px solid #f2f2f2;
}
.panel-group .panel .panel-heading {
background-color: inherit;
padding: 0;
position: relative;
}
.panel-default > .panel-heading {
color: #1e1e1e;
}
.panel-group .panel {
background-color: inherit;
border: 0 none;
border-radius: 0;
box-shadow: none;
border: 1px solid;
padding: 40px;
border-color: #e0e0e0;
margin-top: 30px !important;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 0 none;
}
.panel-group .panel-body {
padding: 10px 0 10px 1px;
}
.panel-title a {
display: block;
}
.panel-title > a.collapsed:before {
content: " ";
background-image: url('../img/icons/close-accordian.png');
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: 32px 28px;
position: absolute;
right: -20px;
width: 32px;
height: 28px;
top: 20%;
transition: all 350ms ease-in-out 0s;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
.panel-title > a:before {
content: " ";
position: relative;
background-image: url('../img/icons/open-accordian.png');
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: 32px 28px;
position: absolute;
right: -20px;
width: 32px;
height: 28px;
top: 20%;
transition: all 350ms ease-in-out 0s;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
.panel-title a i {
padding-right: 5px;
}
.panel-group.list-style .panel .panel-heading > .panel-title > a {
padding: 0px;
line-height: 22px;
line-height: 40px;
text-transform: capitalize;
border-left: 5px solid;
padding-left: 10px;
}
.panel-group .mix {
width: 100%;
}
.image-bg {
width: 100%;
display: block;
position: relative;
overflow: hidden;
background-attachment: static;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 600px;
}
.image-bg.static {
background-attachment: static;
}
.image-bg.fixed {
background-attachment: fixed;
}
.image-bg.content-in {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 0;
min-height: unset;
}
/* Overlay */
.overlay {
background: #000;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0.4;
width: 100%;
}
.image-bg .overlay {
background: #000;
height: 100%;
opacity: .2;
filter: alpha(opacity=20);
width: 100%;
}
.image-bg .overlay-half-dark {
background: #000;
height: 100%;
opacity: .5;
filter: alpha(opacity=20);
width: 100%;
}
.image-bg .overlay-dark {
background: #000;
height: 100%;
opacity: .7;
filter: alpha(opacity=20);
width: 100%;
}
.image-bg .overlay-strips {
background: url(../img/patterns/pattern.png) repeat;
height: 100%;
opacity: .8;
filter: alpha(opacity=20);
width: 100%;
}
.image-bg .overlay-boxed {
background: url(../img/patterns/pattern2.png) repeat;
height: 100%;
opacity: .1;
filter: alpha(opacity=20);
width: 100%;
}
/* Forms */
.form-box {
background-color: #f7f7f7;
padding: 30px;
}
.form-control {
margin-bottom: 20px;
}
textarea.form-control.height-82 {
height: 82px;
}
.field-border-bottom .form-control {
border-left: medium none;
border-radius: 0;
border-right: medium none;
border-top: medium none;
box-shadow: none;
background: transparent;
color: #ffffff;
}
.field-border .form-control {
box-shadow: none;
background: transparent;
color: #c3c3c3;
}
.form-message1 {
color: #ff0000;
}
/* Text Color */
.white {
color: #ffffff;
}
.white a:not(.btn) {
color: #ffffff;
}
.black {
color: #000000;
}
/* BG Color */
.light-bg {
background: #f7f7f7;
}
.white-bg {
background: #ffffff;
}
.black-bg {
background: #171717;
}
.border-tb {
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
}
/* Transition Effects */
.item-box:hover i {
transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
/* Image */
img {
height: auto;
max-width: 100%;
}
img.pull-right {
padding: 0 0 15px 15px;
}
img.pull-left {
padding: 15px 15px 0 0;
}
html.opacity img {
padding-bottom: 0;
}
body .opacity img {
padding-bottom: 10px;
}
html.opacity:hover img {
opacity: 1;
}
body .opacity:hover img {
opacity: .8;
}
.img-center {
margin-left: auto;
margin-right: auto;
}
/* Double Image */
.double-img {
position: relative;
}
.image-right {
margin-left: -25%;
position: relative;
}
/* Gary Scale Image */
.grayscale img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
-webkit-filter: grayscale(100%);
}
.grayscale img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/******************************************************************************
Hover Effects
*******************************************************************************/
.pricing:hover .title a,
.process-content:hover .title,
.portfolio-grid .grids:hover img,
.btn:hover,
.icons-hover-color:hover i,
.get-a-quote:hover a,
.get-a-quote a,
.link-hover-black a:hover,
.icons-hover-black i:hover,
.link-hover-black a,
.icons-hover-black i,
i:hover,
i,
.timeliner li:hover .timeline-heading h4.subheading,
.timeliner li .timeline-heading h4.subheading,
.timeliner li:hover .timeline-image,
.timeliner li .timeline-image,
.opacity:hover img,
.opacity img,
.submit,
.submit:hover,
.icon-6 span,
.icon-6 span:hover,
.blog.timeliner>li:hover .timeline-image,
.blog.timeliner>li:hover .timeline-icon {
transition: all 350ms ease-in-out 0s;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
/* Hover Zoom Effects */
.zoom:hover i {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/* Hover Rotate Effects */
.rotate:hover i {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
/* Endless Rotating */
@-webkit-keyframes rotating
/* Safari and Chrome */
{
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
a.light-button,
button.light-button,
input.light-button {
background-color: #d6d6d6;
color: #878787;
float: left;
margin-top: 10px;
}
.scrollbar .handle {
width: 100px;
height: 100%;
cursor: pointer;
}
.border-left-red {
border-left: 2px solid;
}
h2 {
font-size: 26px;
margin-top: 0;
text-transform: uppercase;
}
h1, h2 {
/*color: #333;
font-family: "Montserrat";
font-weight: 500;*/
}
/*h2 span {
color: #aaa;
display: block;
font-family: "Georgia";
font-size: 18px;
font-style: italic;
margin-top: 10px;
text-transform: none;
}*/
.bg-grey {
background: #fff none repeat scroll 0 0;
}
section {
background: #fff none repeat scroll 0 0;
/*padding: 60px 0;*/
}
.small-border {
background: #008DC9 none repeat scroll 0 0;
clear: both;
height: 2px;
margin: 10px auto;
width: 80px;
}
.small-border1 {
background: #ffffff;
clear: both;
height: 2px;
margin: 10px auto;
width: 80px;
}
.opensanslight {
color: #000000;
font-family: Montserrat,sans-serif;
font-size: 15px;
font-weight: normal;
text-transform: none;
}
.divider-single {
clear: both;
height: 30px;
}
@keyframes move {
from {
margin-left: 0px;
}
to {
margin-left: 20px;
}
}
.box-with-icon-left i {
position: absolute;
-moz-animation: 1s box_icon_move_out alternate forwards;
}
.box-with-icon-left:hover > i {
background: #333;
height: 100%;
-moz-animation: 1s box_icon_move alternate forwards;
}
.box-with-icon-left:hover > .text {
border-color: #333;
}
.box-with-icon-left:hover > .text a.btn-text {
-moz-animation: 1s move infinite alternate;
}
.icon-big {
font-size: 32px !important;
margin-bottom: 20px;
color: #fff;
background: #008DC9;
padding: 10px;
width: 56px;
height: 56px;
text-align: center;
}
.box-with-icon-left .text {
border-left: 1px solid #008DC9;
margin-left: 56px;
padding: 0 30px;
}
.box-with-icon-left h2 {
text-transform: none;
}
p {
color: #888;
font-family: "Lato",Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.7em;
text-shadow: none !important;
}
.btn-text::after {
content: "";
font-family: "FontAwesome";
margin-left: 10px;
}
a.btn-text {
color: #333;
display: inline-block;
font-weight: bold;
letter-spacing: 1px;
outline: medium none;
text-decoration: none;
}
a, a:hover, .custom-col-3 i, .custom-col-3 i:hover, .custom-carousel-2 .item-blog, .custom-carousel-2 .item-blog:hover, .custom-col-3, .custom-col-3:hover, .blog-list li, .blog-list li:hover, .event-item .right-col, .event-item:hover .right-col, .box-with-icon-left, .box-with-icon-left i, .box-with-icon-left .text, .box-with-icon-left .text a.btn-text, .box-icon-small .btn-arrow span.line, .box-icon-small:hover .btn-arrow span.line, .bg-color-fx, .bg-color-fx:hover, #awards-carousel .overlay, #awards-carousel .overlay:hover, header .search input[type="text"], header .search input[type="text"]:focus, .team-list .pic .fx, .team-list .pic .fx:hover, #mainmenu li, #mainmenu a, .owl-custom-nav .btn-prev:hover::before, .owl-custom-nav .btn-next:hover::before, input.btn-custom, .cta-form input[type="submit"], .cta-form input[type="submit"]:hover {
/* transition: all 0.5s ease 0s;*/
}
/* animate */
a,
a:hover,
.custom-col-3 i,
.custom-col-3 i:hover,
.custom-carousel-2 .item-blog,
.custom-carousel-2 .item-blog:hover,
.custom-col-3,
.custom-col-3:hover,
.blog-list li,
.blog-list li:hover,
.event-item .right-col,
.event-item:hover .right-col,
.box-with-icon-left,
.box-with-icon-left i,
.box-with-icon-left .text,
.box-with-icon-left .text a.btn-text,
.box-icon-small .btn-arrow span.line,
.box-icon-small:hover .btn-arrow span.line,
.bg-color-fx,
.bg-color-fx:hover,
#awards-carousel .overlay,
#awards-carousel .overlay:hover,
header .search input[type=text],
header .search input[type=text]:focus,
.team-list .pic .fx,
.team-list .pic .fx:hover,
#mainmenu li,
#mainmenu a,
.owl-custom-nav .btn-prev:hover:before,
.owl-custom-nav .btn-next:hover:before,
input.btn-custom,
.cta-form input[type=submit],
.cta-form input[type=submit]:hover
{
/*-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;*/
}
@media (max-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
margin-bottom: 30px;
}
}
#about-section {
padding-top: 55px;
}
#about-section .about-box {
margin-bottom: 55px;
}
#about-section .about-box .about-post h2 {
color: #222222;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-bottom: 16px;
}
#about-section .about-box .about-post h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
}
#about-section .about-box .about-post h2 a i {
font-size: 30px;
color: #f89406;
margin-right: 20px;
display: inline-block;
float: left;
margin-top: -5px;
}
#about-section .about-box .about-post h2 a span {
display: inline-block;
}
#about-section .about-box .about-post h2 a:hover {
color: #f89406;
}
#about-section .content-tab {
background: url('../upload/banners/1.jpg') center top fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
position: relative;
}
#about-section .content-tab .container {
position: relative;
z-index: 2;
}
#about-section .content-tab .tab-cont {
padding: 75px 0;
background: rgba(248, 148, 6, 0.8);
display: none;
width: 45%;
position: relative;
z-index: 2;
overflow: hidden;
}
#about-section .content-tab .tab-cont div {
float: right;
width: 396px;
padding-right: 50px;
}
#about-section .content-tab .tab-cont h2 {
color: #222222;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin: 0 0 15px;
font-weight: 900;
margin-bottom: 30px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1.8px;
}
#about-section .content-tab .tab-cont p {
color: #ffffff;
margin-bottom: 15px;
}
#about-section .content-tab .tab-cont.active {
display: block;
}
#about-section .content-tab .tab-cont:before {
position: absolute;
content: '';
width: 0;
height: 0;
top: 0;
left: 50%;
border: 50px solid #f7f7f7;
border-left-width: 50px;
border-right-width: 50px;
border-top-width: 25px;
border-bottom-width: 25px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
z-index: 3;
}
#about-section .content-tab .tab-cont:before {
margin-left: 50px;
}
#about-section .content-tab:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.5);
}
/*Fin Ventajas*/
/*Blog*/
.imagen_blog:hover{
width:100px;
height:100px;
background:orange;
border: 1px solid black;
float:left;
opacity:1.0;
}
a {
color: #ffcc33;
text-decoration: none;
}
*:after,
*:before,
.tg-theme-btn,
p a,
a,
.tg-social-icon li a,
.tg-date,
.tg-boxhover,
.add-nav li a,
#nav ul li ul,
#nav ul li ul li ul,
.tg-service .tg-border-topleft,
.gallery-cats li a,
.tg-img-hover,
.tg-member-detail,
.tg-teammember,
.owl-theme .owl-controls.clickable .owl-buttons div,
.tg-post-hover-icons li a,
.tg-post-hover,
.tg-post-content,
.tg-member-hover,
.tg-brands figure a img,
.tg-panel-heading h3 a:after,
.logo,
.logo a,
.logo a img,
.tg-portfolio-content,
.add-nav,
#nav ul,
.tg-member-detail .tg-social-icon li a,
.flex-direction-nav .flex-nav-prev a,
.flex-direction-nav .flex-nav-next a,
.comment-box,
.comment span.tg-img-border,
.child span.tg-img-border,
.social .tg-social-icon li a,
.tg-widget ul li a i,
.child .tg-author-img,
.child .comment-box,
.tg-widget ul li a em,
.tg-pagination li.tg-next a,
.tg-pagination li.tg-prev a,
.tg-pagination li a,
.tg-member-detail .tg-social-icon li a,
.tg-widget.widget-accordions ul li h4,
.gn-menu-main li .gn-menu li a,
.gn-menu-main li.gn-trigger a,
.navigation-area .form-area textarea,
.tg-member-detail .tg-social-icon li a:hover i,
.navigation-area .form-area input,
.tg-widget.widget-accordions ul li h4:after,
.home-slider .owl-controls .owl-pagination .owl-page,
.bx-controls .bx-pager-item a,
body.home #header .logo,
body.home #header.affix .logo img{
/*-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;*/
}
.tg-haslayout{
width:100%;
float:left;
}
.tg-theme-heading{
float:left;
width:100%;
padding:0 0 0 10px;
margin:0 0 40px;
text-transform:uppercase;
border-left:6px solid;
}
.tg-theme-heading span{
display:block;
font-size:12px;
line-height:12px;
}
.tg-theme-heading h2{
margin:0;
font-weight:bold;
font-size:30px;
line-height:30px;
text-transform:uppercase;
}
.tg-theme-btn-sm{}
.tg-theme-btn{
display:inline-block;
text-align:center;
font-size:14px;
line-height:50px;
color:#fff;
background:#272727;
text-transform:uppercase;
padding:0 50px;
}
.tg-theme-btn-lg{ width:100%;}
.tg-theme-btn:hover{color:#272727;}
.tg-social-icon{ text-align:center;}
.tg-social-icon li{
display:inline-block;
vertical-align:top;
overflow:hidden;
}
.tg-social-icon li a{
width:20px;
height:20px;
display:block;
background:#fff;
color:#272727;
overflow:hidden;
}
.tg-social-icon li a i{
color:#272727;
display:block;
font-size:12px;
line-height:20px;
text-align:center;
}
.tg-boxhover{
left:0;
top:0;
opacity:0;
width:100%;
height:100%;
position:absolute;
visibility:hidden;
background:rgba(255,255,255,1);
text-align:center;
}
.tg-displaytable{
width:100%;
height:100%;
display:table;
}
.tg-displaytablecell{
width:100%;
height:100%;
display:table-cell;
vertical-align:middle;
}
.tg-member-hover,
.tg-post-hover,
.tg-img-hover{
left:0;
top:70%;
opacity:0;
width:100%;
height:100%;
text-align:center;
position:absolute;
visibility:hidden;
background:rgba(39,39,39,0.85);
}
.tg-img-hover i{
font-size:30px;
line-height:30px;
}
.tg-img-hover h4{
color:#fff;
margin:0;
line-height:21px;
}
.tg-member-hover .holder,
.tg-post-hover .holder,
.tg-img-hover .holder{
position:relative;
width:100%;
height:100%;
}
.tg-member-hover,
.tg-post-hover{padding:0;}
.tg-member-hover-icons,
.tg-post-hover-icons{
text-align:center;
width:100%;
left:0;
top:50%;
margin:-18px 0 0;
position:absolute;
}
.tg-member-hover-icons li,
.tg-post-hover-icons li{
float:none;
display:inline-block;
vertical-align:middle;
line-height:36px;
height:36px;
width:48px;
text-align:center;
}
.tg-member-hover-icons li:first-child,
.tg-post-hover-icons li:first-child{/*border-right:1px solid #a3a3a3;*/}
.tg-member-hover-icons li a i,
.tg-member-hover-icons li a,
.tg-post-hover-icons li a i,
.tg-post-hover-icons li a{
display:block;
line-height:36px;
text-align:center;
color:#fff;
}
.tg-member-hover-icons li a i:before,
.tg-post-hover-icons li a i:before,
.tg-member-hover-icons li a i,
.tg-post-hover-icons li a i{
display:block;
font-size:22px;
margin:0;
}
.tg-date{
width:42px;
height:42px;
display:block;
font-size:18px;
font-weight:bold;
line-height:21px;
color:#fff;
background:#272727;
text-align:center;
}
.tg-date i{
display:block;
font-size:10px;
line-height:13px;
}
.tg-img-border{
border:10px solid;
display: inline-block;
vertical-align:middle;
}
.tg-border-bottomleft{position:relative;}
.tg-border-bottomleft:after{
content:'';
position:absolute;
bottom:0;
left:0;
width:70px;
height:2px;
background:#272727;
}
.tg-border-topleft{
position:relative;
border:1px solid #e5e5e5;
}
.tg-border-topleft:after{
content:'';
position:absolute;
top:-1px;
left:-1px;
width:2px;
height:70px;
background:#ab162b;
}
.tg-border-topleft:hover:after{
background:#999899;
border:none;
}
.tg-main-section{ padding:80px 0;}
.bg-white{ background:#fff;}
.tg-displayinlineblock{
display:inline-block;
vertical-align:middle;
float:none;
margin:0 -2px;
}
.zero-right-padding{ padding-right:0;}
.tg-breadcrumb{
float:right;
margin:0 -15px 0 0;
list-style:none;
text-transform:uppercase;
padding:0;
}
.tg-breadcrumb li{
list-style-type:none;
display:inline-block;
vertical-align:middle;
width:auto;
line-height:normal;
padding:0 15px;
position:relative;
}
.tg-breadcrumb li + li:after{
content:'';
position:absolute;
top:50%;
left:-2px;
width:4px;
height:1px;
background:#272727;
}
.tg-breadcrumb li a{
display:block;
color:#272727;
}
.tg-pagination{
float:right;
margin: 30px 0 0;
padding: 30px 0 0;
font-size:12px;
margin:0;
padding:0;
list-style:none;
text-align:right;
}
.tg-pagination li{
float:left;
line-height:normal;
list-style-type:none;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tg-pagination li.tg-prev{
border:0;
border-right:1px solid #ccc;
}
.tg-pagination li.tg-next{
border:0;
border-left:1px solid #ccc;
}
.tg-pagination li a{
display:block;
color:#272727;
line-height:28px;
text-align:center;
padding:0 5px;
position:relative;
}
.tg-pagination li a:after{
content:'';
width:0;
height:3px;
background:#fff;
position:absolute;
bottom:-1px;
left:0;
}
.tg-pagination li a:hover:after{ width:100%;}
.tg-pagination li.tg-prev a:after,
.tg-pagination li.tg-next a:after{ display:none;}
.tg-pagination li.tg-prev a,
.tg-pagination li.tg-next a{
background:#272727;
color:#fff;
border:0;
padding:0 10px;
line-height:30px;
}
.tg-pagination li.tg-prev a:hover,
.tg-pagination li.tg-next a:hover{ color:#272727;}
.tg-pagination li.tg-prev a i,
.tg-pagination li.tg-next a i{font-size:17px;}
.new{
border-bottom: 100px solid #ffcc33;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width: 100px;
}
/* =============================================
Post Style
============================================= */
.tg-posts{}
.tg-post{
width:100%;
float:left;
position:relative;
}
.tg-posts .item{
float:left;
width:100%;
}
.tg-posts .owl-item{ padding:0 15px;}
.tg-post-img{
position:relative;
float:left;
overflow:hidden;
}
.tg-posts .owl-controls{ padding:0 15px;}
.tg-posts .owl-controls .owl-buttons{ text-align:right;}
.tg-post-img figure{margin:0;}
.tg-post-img figure a{ display:block;}
.tg-post-img figure a img{ display:block; width: 250px; max-width:100%;}
.tg-post:hover .tg-post-hover{
top:0;
opacity:1;
visibility:visible;
}
.tg-post-content{
position:absolute;
bottom:0;
right:0;
background:#fff;
padding:20px;
width:200px;
z-index:3;
border:1px solid #e6e6e6;
height: 120px;
}
.tg-post-content:hover{
background:#999899;
color:#4d4d4d;
border:1px solid #999899;
}
.tg-post-content a:hover{
/*color:#fff;*/
color: #ffffff;
}
.tg-post-content h3{
line-height:23px;
margin:0 0 5px;
text-transform:uppercase;
font-weight:bold;
}
.tg-post-content h3 a{ color:#272727; text-decoration:none; font-family: 'Montserrat', sans-serif; font-size: 13px;}
.tg-post-meta{
float:left;
width:100%;
text-align:left;
font-size:14px;
line-height:17px;
padding:0 0 8px;
}
.tg-post-meta span{
display:inline-block;
vertical-align:middle;
}
.tg-post-meta span a{
display:block;
color:#272727;
}
.tg-post-content .tg-description{
padding:0;
float:left;
width:100%;
}
.tg-post-content .tg-description p{ margin:0; font-family: 'Raleway', sans-serif; font-size: 13px;}
.tg-post-content .tg-description p:hover{
color:#ffffff;
}
/*Fin blog*/
/*Footer*/
.block-head {
position: relative;
margin-bottom: 20px;
padding: 0 0 20px;
border-bottom: 1px #e2e2e2 solid;
font-weight:bold;
text-transform:capitalize;
font-size:20px;
}
.footer-top .block-head {
border-bottom-color:#AC162C;
color:#c5c5c5;
text-transform:uppercase
}
.block-head:before{
position: absolute;
bottom: -3px;
left: 20px;
width: 35px;
height: 5px;
content: "";
display:inline-block;
}
.block-head:after{
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
content: "";
display:inline-block;
}
.block-head.center{
margin-left:auto;
margin-right:auto;
display:table;
padding-right:30px;
padding-left:30px
}
.block-head.center:before{
left: 50%;
margin-left:-17.5px
}
.block-head.center:after{
left: 50%;
margin-left: -40px;
}
/*otro*/
.block-head1 {
position: relative;
margin-bottom: 20px;
/*padding: 0 0 20px;*/
height: 37px;
border-bottom: 1px #e2e2e2 solid;
font-weight:bold;
text-transform:capitalize;
font-size:20px;
}
.footer-top .block-head1 {
border-bottom-color: #AC162C;
color:#c5c5c5;
text-transform:uppercase
}
.block-head1:before{
position: absolute;
bottom: -3px;
left: 20px;
width: 35px;
height: 5px;
content: "";
display:inline-block;
}
.block-head1:after{
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
content: "";
display:inline-block;
}
.block-head1.center{
margin-left:auto;
margin-right:auto;
display:table;
padding-right:30px;
padding-left:30px
}
.block-head1.center:before{
left: 50%;
margin-left:-17.5px
}
.block-head1.center:after{
left: 50%;
margin-left: -40px;
}
/*Fin otro*/
/*linea_footer*/
.block-head2 {
position: relative;
margin-bottom: 10px;
border-bottom: 1px #e2e2e2 solid;
font-weight:bold;
text-transform:capitalize;
font-size:20px;
}
.footer-top .block-head2 {
border-bottom-color: #dadada;
color:#c5c5c5;
text-transform:uppercase
}
.block-head2:before{
position: absolute;
bottom: -3px;
left: 20px;
width: 35px;
height: 5px;
content: "";
display:inline-block;
}
.block-head2:after{
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
content: "";
display:inline-block;
}
.block-head2.center{
margin-left:auto;
margin-right:auto;
display:table;
padding-right:30px;
padding-left:30px
}
.block-head2.center:before{
left: 50%;
margin-left:-17.5px
}
.block-head2.center:after{
left: 50%;
margin-left: -40px;
}
/*linea*/
.side-heading {
border: 0 none;
font-size: 28px;
font-weight: 700;
letter-spacing: -1px;
margin-bottom: 15px;
padding: 0;
text-transform: uppercase;
font-family: Open Sans, sans-serif;
color: #ab162b !important;
}
.side-heading span{
color:#3c3c3b;
font-weight:700;
}
.side-heading:after,.side-heading:before{
display:none;
}
.large-heading{
position: relative;
margin-bottom: 40px;
padding: 0 0 20px;
border-bottom: 1px #e2e2e2 solid;
font-weight:bold;
text-transform:capitalize;
font-size:26px;
line-height:20px;
text-align:center
}
.large-heading:before{
position: absolute;
bottom: -3px;
left: 50%;
width: 100px;
height: 5px;
content: "";
display:inline-block;
margin-left:-57px;
border-left:15px #fff solid;
border-right:15px #fff solid;
}
.gry-bg .large-heading:before{
border-left:15px #eee solid;
border-right:15px #eee solid;
}
/* ---- 7.6.1. Portfolio Carousel -------------- */
.portfolio .portfolio-item {
margin: 0 15px;
background-color: #eee;
}
.portfolio-item:after {
display: block;
clear: both;
border-top: 2px #fff solid;
height: 3px;
content: "";
}
.img-holder {
position: relative;
overflow: hidden;
margin: 0 0 15px;
cursor: pointer;
}
.img-holder img {
width: 100%;
height: auto;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.img-holder:hover img {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.img-over {
position: absolute;
top: -46%;
left: -20%;
z-index: 9;
display: none;
overflow: hidden;
width: 100%;
width: 170%;
height: 100%;
height: 170%;
-moz-transform: rotate(-37deg);
-ms-transform: rotate(-37deg);
-o-transform: rotate(-34deg);
-webkit-transform: rotate(-37deg);
transform: rotate(-34deg);
}
.img-over a {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.img-over b {
position: absolute;
z-index: 8;
color: #fff;
font-weight: normal;
font-size: 40px;
-moz-transform: rotate(34deg);
-ms-transform: rotate(34deg);
-o-transform: rotate(34deg);
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
}
.img-over a.link {
top: -52%;
left: -8%;
}
.img-over a.zoom {
top: 48%;
left: -10%;
}
.img-over a b {
top: 13%;
left: 51%;
}
.img-over a.link b {
top: 75%;
left: 40%;
}
.name-holder {
overflow: hidden;
padding: 0 15px 10px;
}
.project-name {
display:table;
margin:auto;
font-weight:bold;
font-size: 16px;
}
.project-options {
margin-top: 4px;
display:block;
text-align:center;
font-size: 12px;
}
.project-options a {
display: block;
float: left;
margin: 0 0 0 5px;
color: #444;
font-size: 14px;
}
.project-brief {
display: none;
}
.portfolio{
position: relative;
}
.viewAll {
padding-top: 10px;
}
.viewAll .btn {
background: #666;
font-weight: 400;
font-family:;
font-size: 11px;
float: left;
padding: 0 10px;
line-height: 27px;
border-radius: 3px;
color: #fff;
}
.viewAll .btn:hover {
background: #ab162b;
font-weight: 400;
font-family:;
font-size: 11px;
float: left;
padding: 0 10px;
line-height: 27px;
border-radius: 3px;
color: #fff;
}
.homeGallery .slick-prev,.homeGallery .slick-next{
right:auto;
left:-70px;
bottom:0;
top:auto
}
.homeGallery .slick-prev{
left:-100px;
}
.portfolio-lft-txt {
max-height: 154px;
overflow: hidden;
font-family: Open Sans, sans-serif;
font-weight: 400;
font-size: 14px;
text-align: justify;
}
.lft-minus-margin{
margin-right:-15px
}
.view-all-projects{
padding-top:30px;
text-align:center;
}
.view-all-projects a{
display: table;
margin: auto;
padding: 10px 30px;
background: #777;
color: #fff;
font-size: 15px;
font-weight: bold;
border-radius: 3px;
}
/* ---- 7.14. BreadCrumbs style -------------- */
.breadcrumbs {
float: left;
overflow: hidden;
padding: 8px 10px;
}
.title-1 .breadcrumbs{
background-color:#777 !important
}
.breadcrumbs a {
float: left;
margin: 0 3px;
color: #fff;
}
.breadcrumbs a:hover {
color: #fff;
text-decoration: underline;
}
.breadcrumbs span {
float: left;
margin: 0 3px;
}
/* ==========================================================================
11. FOOTER.
============================================================================= */
/* ---- 11.1. footer Style 1 -------------- */
#to-top {
position: fixed;
right: 10px;
bottom: -100px;
z-index: 55;
overflow: auto;
padding: 12px 14px 14px;
font-size: 18px;
line-height: 10px;
cursor: pointer;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
#footWrapper {
clear: both;
overflow: hidden;
height: 100%;
}
.footer-top {
overflow: hidden;
padding: 10px 0 30px;
/*border-bottom: 1px #0f0f0f solid;*/
border-top:1px #AC162C solid;
background: #222222;
color: #aaa;
}
.footer-top a {
color: #9E9E9E;
}
.footer-top a.btn {
color: #fff;
}
.footer-top hr {
clear: both;
margin-top: 0px;
/*margin: 50px 15px;
/*border-top: 1px #3A3A3A solid;*/
}
.footer-top h3 {
color: #999899 !important;
font-family: Montserrat,sans-serif;
font-size: 14px;
font-weight: bold;
position: relative;
}
.footer-top hr.hr-style5:before, .footer-top hr.hr-style5:after {
background: #222;
color: #3A3A3A;
}
/* ---- 11.2. footer Style 2 -------------- */
.footer-top-2 {
border-top: 5px #e7512f solid;
}
.footer-top-2 .foot-logo {
border-bottom: 1px solid #3a3a3a;
height: 52px;
margin: -8px auto 9px;
text-align: center;
}
.footer-top-2 .social-list li a {
margin: 0 6px 0 0;
font-size: 17px;
background: #494949;
border-radius: 50%;
width: 33px;
text-align: center;
display: inline-block;
}
.social-list ul li:nth-child(1){
background-image: url("../images/iconos/facebookG.jpg");
}
.footer-top-2 .social-list li span {
padding: 0 7px;
color: #B5B5B5
}
.footer-top-2 .social-list li:hover span {
color: #fff
}
.footer-menu-inline {
float: right;
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.footer-menu-inline li {
display: inline-block;
margin: 0 5px;
}
.footer-menu-inline li a {
color: #777;
transition:all linear 300ms;
}
.footer-menu-inline li a:hover,.footer-menu-center li a:hover {
padding-bottom: 4px;
}
/* ---- 11.3. footer Style 3 -------------- */
.footer-bar {
background: #000;
font-size: 11px;
padding-top:30px;
padding-bottom: 10px
}
.footer-bar-3 p {
font-size: 20px;
line-height: 40px;
color: #B0B0B0;
text-transform: none;
}
.footer-bar-3 a {
color: #fff;
position: relative;
display: inline-block;
vertical-align: bottom;
text-transform: uppercase;
overflow: hidden;
}
.footer-bar-3 a span {
position: relative;
display: block;
font-size: 20px;
padding:0 7px;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: -50% 50%;
-moz-transform-origin: -50% 50%;
transform-origin: -50% 50%;
text-align:center
}
.footer-bar-3 a span::before {
position: absolute;
top: 0;
left:100%;
width: 100%;
height: 100%;
content: attr(data-view);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: -50% 50%;
-moz-transform-origin: -50% 50%;
transform-origin:-50% 50% ;
pointer-events: none;
}
.footer-bar-3 a:hover span,.footer-bar-3 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.footer-bar-3 .buyNow {
border-left: 1px solid #322F2F;
margin-top: -5px;
}
.footer-bar-3 .buyNow a {
font-size: 20px;
font-weight:800
}
.copyrights-center {
text-align:center;
}
.footer-menu-center {
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.footer-menu-center li {
display: inline-block;
margin: 0 5px;
}
.footer-menu-center li a {
color: #777;
transition:all linear 300ms;
}
.recent-posts-footer li {
margin-bottom: 5px;
padding: 6px 5px;
border-bottom: 1px dotted #323232;
overflow: hidden;
}
.recent-posts-footer li .post-img {
float: left;
margin-right: 10px;
max-height: 70px;
overflow: hidden;
}
.recent-posts-footer li .post-img img {
padding: 1px;
width: 40px;
}
.recent-posts-footer li h4 {
overflow: hidden;
margin-bottom: 3px;
height: 18px;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.recent-posts-footer li .meta span {
display: inline-block;
margin-right: 10px;
}
.recent-posts-footer li .meta i{
margin: 0 5px 0 0;
}
/* ---- 11.4. footer Style 4 -------------- */
.footer-top-4 {
background: #424242 url('../images/patterns/bg16.png');
}
.footer-top-4 p,.footer-top-4 ul.footer-menu a,.footer-top.footer-top-4 .footer-menu a:before{
color:#ccc
}
.footer-top-4 ul.footer-menu a:hover,.footer-top.footer-top-4 .footer-menu a:hover:before{
color:#fff
}
.footer-top-4 .foot-logo {
height: 52px;
text-align: center;
}
.footer-top-4 .copyrights,.footer-top-4 .footer-menu-inline{
background:#1d1d1d;
padding-right:15px;
padding-left:15px
}
.footer-top-4 hr{
border-top: 1px #1d1d1d solid;
}
.footer-top-4 .foot-logo{
background-position:0 0
}
/******** footer menu ********/
.footer-top .footer-menu a {
color: #ffffff;
display: inline-block;
font-family: Avenir Next LT Pro Regular;
font-size: 12px;
font-weight: 400;
padding: 3px 0;
}
.footer-top .footer-menu a:hover{
color:#999899;
text-decoration:none;
}
.footer-top .footer-menu a:before {
display: inline-block;
margin-right: 7px;
color: #706f6f;
content: "\f105";
font-family: FontAwesome;
}
.footer-top .footer-menu a:hover:before {
color:#AC162C;
}
/******* Footer NewsLetters *******/
.foot-logo {
height: 40px;
margin: 0 auto 5px;
text-align: center;
}
footer .NL {
position: relative;
overflow: hidden;
padding: 10px 0;
margin:auto 15px
}
footer .NL .input-box {
margin-left: 10px;
padding-left: 25px;
width: 67%;
border: 1px #3F3F3F solid;
border-right: 0px;
background: transparent none;
color: #fff;
font-size: 11px;
}
footer .NL .txt-box {
color: #969696;
font-size:11px
}
footer .NL:before {
position: absolute;
top: 16px;
left: 24px;
display: inline-block;
color: #5C5C5C;
content: "\f0e0";
font-family: FontAwesome;
}
footer .NL .NL-btn {
background: #3F3F3F;
color: #fff;
}
footer .NL .Notfication {
display: none
}
footer .NL .Notfication p {
color: #333;
padding: 0 7px;
font-size: 12px;
width: 89%;
line-height: normal;
margin-top: -28px;
display: inline-block;
vertical-align: top;
}
footer .NL .Notfication .close-box {
color: #333;
}
footer .no-margin{
margin: 20px 20px 8px;
text-align: center;
font-size: 12px;
}
/******* footer Latest tweets *******/
.footer-top .tweet {
position: relative;
overflow:hidden
}
.footer-top .tweet .twitter-pic {
float:left;
margin:3px 10px 0 0;
}
.footer-top .tweet .twitter-text{
width:80%;
float:left;
}
.footer-top .tweet p {
margin: 0 0 5px;
font-size: 12px;
line-height:18px
}
/******* footer tags *******/
.footer-top .tags a {
display: block;
float: left;
margin: 3px;
padding: 8px 6px;
background: #2C2C2C;
color: #C4C4C4;
font-size: 11px;
}
/******* footer tags *******/
.footer-contact {
padding: 7px 0;
/*margin-left: -15px;*/
}
.footer-contact i {
display: table-cell;
padding: 0 12px 0 0;
/*color: #6a6a6a;*/
vertical-align: middle;
font-size: 18px;
}
.footer-contact span {
display: table-cell;
}
/******* Footer Flickr **********/
.footer-top .flickr-stream-w ul li a{
height:61px
}
.footer-top .flickr-stream-w ul li img, .footer-top .flickr-stream-w .img-overlay {
width: 61px;
height: 61px;
}
.footer-top .flickr-stream-w .img-overlay:before {
font-size: 22px;
line-height: 61px;
height: 61px
}
.footer-top .flickr{
height:61px;
display:block;
overflow:hidden
}
/******* copyrights *******/
.copyrights {
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.copyrights a {
color: #7C7C7C;
text-decoration: underline;
}
.copyrights a:hover {
text-decoration: none;
}
.footer-bottom {
overflow: auto;
padding: 15px 0;
border-top: 1px #363636 solid;
background: #1D1D1D;
}
/******* footer social list *******/
.social-list li {
float: left;
margin: 0 1px 0 0;
font-size: 18px;
}
.social-list li a {
display: block;
padding: 0;
color: #737373;
}
.social-list li span {
display: block;
text-align: center;
/*line-height: 33px;*/
padding:0 12px
}
.social-list li a:hover {
text-decoration: none;
}
/*.hover_links_effect li a {
margin: 0 1px 0 0;
font-size: 15px;
background: transparent;
width: 25px;
text-align: center;
display: inline-block;
color: #B5B5B5;
overflow: hidden;
}*/
.hover_links_effect li a {
background: transparent none repeat scroll 0 0;
color: #b5b5b5;
display: inline-block;
font-size: 15px;
margin: 0 1px 5px 0;
overflow: hidden;
text-align: center;
width: 35px;
}
/*.hover_links_effect li span {
padding: 0 7px;
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}*/
/*.hover_links_effect li :hover{
/*transform:skew(-30deg);*/
/*background:#ab162b;
color:#ffffff;*/
/*}*/
/*.hover_links_effect li:hover span {
/*-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;*/
/*transform:skew(30deg);*/
/*background:#ab162b;
}*/
.footer-top-4 .hover_links_effect li a{
background:#1d1d1d
}
.top-bar .social-list li span {
line-height: 39px;
}
/* ==========================================================================
12. FIXED LAYOUT STYLES.
============================================================================= */
.pageWrapper.fixedPage {
position: relative;
margin: auto;
background: #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
/************** Coming Soon Style **************/
#holder {
margin: auto;
display:table
}
.digits {
margin:80px auto 0;
display:table
}
.digits span{
padding:18px 30px;
border-radius: 5px;
display: block;
text-align: center;
position: relative;
height: 120px;
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;
background:url('../images/digits.png') no-repeat 0 0;
background-size:100% 100%;
font-size:55px;
font-weight:800;
color:#fff
}
.digits li{
float:left;
margin:0 10px;
text-align:center;
}
.digits li p{
color:#fff;
font-size:20px
}
.soon-top{
margin-top:80px
}
.large-paragraph{
font-size:27px;
text-transform:uppercase;
font-weight:lighter;
margin:40px auto 0 !important;
line-height:normal
}
.soon-subscribe{
font-size:22px;
font-weight:lighter;
margin:20px auto 30px !important;
line-height:normal;
text-align:center
}
.soon-inputs{
margin-bottom:80px
}
.soon-inputs input[type="text"]{
height:60px;
padding:15px 20px;
border:0px;
background:#fff;
min-width:400px
}
.soon-inputs input[type="submit"]{
height:60px;
padding:15px 20px;
border:0px;
margin-top: -3px;
}
/************* video bg **********/
.video-container{
display:table;
width:100%
}
.home-video .YTPOverlay{
display:none !important
}
.video-box{
display:table-cell;
vertical-align:middle;
width:100%;
position: relative;
height:600px
}
.YTPOverlay{
background:rgba(232,82,47,0.6);
position:absolute;
z-index:555;
top:0;
left:0;
width:100%;
height:100%
}
.inner-video{
position: absolute;
z-index: 0;
min-width: 100%;
min-height: 100%;
left: 0;
top: 0;
overflow: hidden;
opacity: 1;
height:600px
}
.internal-video{
height:600px;
overflow:hidden;
position:relative
}
.video-frame{
position: absolute;
z-index: 0;
top: 0;
left: 0;
overflow: hidden;
opacity: 1;
width: 2459.72px;
height: 1171px;
margin-top: -385.5px;
margin-left: -278.36px;
}
.larg-socials{
display:table;
margin:30px auto 0;
}
.larg-socials li{
float:left;
margin:0 15px
}
.larg-socials li a{
width:66px;
height:66px;
display:block;
line-height:66px;
border:2px #E4E4E4 solid;
border-radius:50%;
position:relative;
padding:2px
}
.larg-socials li a i{
width:58px;
height:58px;
display:block;
line-height:58px;
color:#fff;
font-size:30px;
text-align:center;
border-radius: 50%;
}
.larg-socials li a:before {
pointer-events: none;
content: '';
position: absolute;
border: #E4E4E4 solid 1px;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
-o-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
border-radius: 50%;
}
.larg-socials li a:after {
pointer-events: none;
content: '';
position: absolute;
border: #E4E4E4 solid 1px;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
opacity: 0;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
-o-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
border-radius: 50%;
}
.larg-socials li a:hover:before, .larg-socials li a:focus:before, .larg-socials li a:active:before {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: .3;
}
.larg-socials li a:hover:after, .larg-socials li a:focus:after, .larg-socials li a:active:after {
top: -9px;
right: -9px;
bottom: -9px;
left: -9px;
opacity: .3;
}
.larg-socials li a:hover i{
background-color:#fff;
color:#e8522f;
}
.fa-hover > span{
display: block;
color: #222222;
line-height: 35px;
height: 35px;
padding-left: 10px;
border-radius: 4px;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor:pointer
}
.fa-hover:hover > span{
background:#777;
color:#fff;
}
.fa-hover > span i{
margin-right:9px
}
.fa-hover:hover > span i{
font-size: 28px;
vertical-align: -6px;
}
/* ==========================================================================
13. Exception PopUp STYLES.
============================================================================= */
.ModalPopUp {
width: 100%;
height: 100%;
background: rgba(44, 43, 43, 0.5);
position: absolute;
z-index: 999999;
top: 0;
left: 0;
display: none;
}
.ModalContainer {
width: 50%;
height: 485px;
display: block;
margin: 25px auto;
background: #fff;
}
.Modalheader {
background: #f3f3f3;
height: 31px;
padding: 25px 10px;
}
.Modalheader h3 {
margin-top: -8px;
font-size: 20px;
font-weight: bold;
float: left;
}
.ModalContent {
padding: 10px;
height: 100%;
}
.CssContainer {
padding: 10px;
height: 370px;
border: 1px solid #eee;
cursor: text;
overflow: auto;
margin-bottom: 10px;
background: #242424;
color: #4EA90F;
}
.closePopup {
display: block;
width: 30px;
height: 30px;
float: right;
background: #ddd;
margin-top: -14px;
border-radius: 50%;
transition: all linear 0.3s;
}
.closePopup span {
text-align: center;
display: block;
line-height: 30px;
font-size: 15px;
}
.closePopup:hover {
background-color: #e7512f;
}
.closePopup:hover span {
color: #fff;
}
.errorSelect{
border-color: #f2b1b4;
background: #f1d5d6;
display: none;
width: 100%;
padding: 5px;
text-align: center;
color: #9D1E1E;
margin-top: 12px;
}
.Newsslider .slick-prev, .Newsslider .slick-next {
background: rgba(119,119,119,.23);
}
#fowd,iframe[src="about:blank"],.nicescroll-rails{
display:none !important;
}
.errCap{
position: absolute;
font-weight: normal;
color: #fff;
background: #f00;
white-space: nowrap;
z-index: 9;
padding: 13px;
left: 94%;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.errCap:before{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 5px 0;
border-color: transparent #f00 transparent transparent;
position:absolute;
left:-5px;
top:16px;
content:""
}
h3.footer-top1 {
color: #999899 !important;
font-family: Montserrat, sans-serif;
font-size: 14px;
position: relative;
text-transform: uppercase;
font-weight: bold;
}
.footer-menu li, ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
input.email {
background: #6b6a6b;
color: #ffffff;
padding: 3% 6%;
font-family:Montserrat,sans-serif;
font-size: 12px;
font-weight: 500;
width:200px;
border:none;
}
#subscribe button {
background: #ab162b none repeat scroll 0 0;
color: #ffffff;
margin-left: -5px;
padding: 3% 4%;
font-family: Montserrat,sans-serif;
font-size: 12px;
font-weight: 500;
border:none;
}
#subscribe button span{
transform: skew(30deg);
}
#subscribe button:hover{
}
.aviso a {
color: #ffffff;
font-size: 10px;
font-family: Raleway, sans-serif;
font-weight: 400;
}
.aviso a:hover{
text-decoration:none;
}
.gris{
color:#999899;
}
.heading-center {
padding-bottom: 60px;
text-align: center;
}
.footer-contact span{
font-family:Avenir Next LT Pro Regular;
font-size: 10px;
font-weight: 400;
color:#999899;
}
/*Fin footers*/
.slogan1{
background:rgba(0, 0, 0, 0) url("../images/fondo.png") repeat scroll 0 0;
}
.subtitulo_texto1{
font-family:"Avenir Next LT Pro Bold";
font-size: 15px;
font-weight: 400;
color:#000000;
text-align: left;
}
.texto1 {
color: #4d4d4d;
font-family: Raleway,sans-serif;
font-size: 16px;
font-weight: 400;
text-align: justify;
line-height: 20px;
}
.texto1 strong{
color: #707070;
font-family: Raleway, sans-serif;
font-size: 16px;
font-weight: 600;
}
.pad-60{
padding-top:50px;
}
.bot-60{
padding-bottom:50px;
}
.lawyer-title {
color: #707070;
font-family: Montserrat,sans-serif;
font-size: 25px;
font-weight: bold;
text-transform:none;
}
.lawyer-title1 {
color: #4d4d4d;
font-family: Montserrat,sans-serif;
font-size: 25px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
}
.pad-20{
padding-top:20px;
}
.bot-20{
padding-bottom:20px;
}
.pleca1 {
background: rgba(255, 255, 255, 0.45) none repeat scroll 0 0;
min-height: 300px;
/*padding: 2% 4%;*/
/*width:150px;*/
padding:3%;
}
.titulocursos{
color: #000000;
font-family: Montserrat, sans-serif;
font-weight: bold;
font-size: 25px;
}
.textocursos{
color: #000000;
font-family: Raleway, sans-serif;
font-size: 12px;
font-weight: 400;
padding-top: 2%;
}
span.fecha1 {
color: #000000;
font-family: "Avenir Next LT Pro Regular";
font-size: 11px;
display:block;
}
span.horario {
color: #000000;
font-family: "Avenir Next LT Pro Regular";
font-size: 11px;
display:block;
}
span.lugar {
color: #000000;
font-family: "Avenir Next LT Pro Regular";
font-size: 11px;
display:block;
}
.boton {
background: #ab162b none repeat scroll 0 0;
color: #ffffff;
font-family: ;
font-size: 11px;
font-weight: 700;
height: 35px !important;
/*margin-top: 20px;*/
padding: 10px 22px !important;
text-decoration: none;
text-transform: uppercase;
width: 100px !important;
}
.imagen1 {
width: 16px !important;
}
.all-attorney-social {
padding-left: 3%;
padding-top: 3%;
}
.news-box {
/*width: 990px;
margin-left: -15px;*/
}
.news-box .news-post {
margin: 0 15px 30px;
}
.news-box .news-post img {
/*width: 100%;
margin-bottom: 26px;*/
}
.news-box .news-post .date-post {
/*width: 150px;*/
/*float: left;
text-align: center;**/
}
.date-post1 {
float:left;
}
.news-box .news-post .date-post span {
display: block;
color: #222222;
font-size: 30px;
margin: -6px 0 2px;
padding-bottom: 2px;
border-bottom: 1px dotted #c0c0c0;
}
.news-box .news-post .date-post p {
margin: 0;
text-transform: uppercase;
color: #333333;
}
.news-box .news-post .post-content {
overflow: hidden;
}
.news-box .news-post .post-content .post-content-text {
margin-left: 0;
/*margin-left: 150px;*/
}
.news-box .news-post .post-content .post-content-text h2 {
color: #222222;
margin: 0 0 15px;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 30px;
letter-spacing: 2px;
}
.news-box .news-post .post-content .post-content-text h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #222222;
}
.news-box .news-post .post-content .post-content-text h2 a:hover {
color: #1bbc9b;
}
.news-box .news-post .post-content .post-content-text p {
margin-bottom: 0px;
font-family: Raleway, sans-serif;
font-weight: 400;
font-size: 13px;
color: #ffffff;
text-align:justify;
}
.fondo1 {
background: #008DC9 none repeat scroll 0 0;
padding: 3% 5%;
}
span.titulo_testimonios {
color: #ffffff;
font-family: Avenir Next LT Pro Regular;
font-size: 25px;
padding-top:20px;
}
span.nombre{
font-family: Raleway, sans-serif;
font-weight: 700;
font-size: 15px;
color: #ffffff;
text-align:justify;
}
span.puesto{
font-family: Raleway, sans-serif;
font-weight: 400;
font-size: 12px;
color: #ffffff;
text-align:justify;
}
span.empresa{
font-family: Raleway, sans-serif;
font-weight: 400;
font-size: 12px;
color: #ffffff;
text-align:justify;
}
h2.titulo_ventajas {
font-family: Avenir Next LT Pro Bold;
font-size: 20px;
color: #000000;
}
p.texto_ventajas {
color: #999899;
font-family: Raleway,sans-serif;
font-size: 14px;
font-weight: 400;
text-align: justify;
height:120px;
}
a.boton_clientes{
color: #ffffff;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
background:#008DC9;
padding:5px 5px;
}
a.boton_clientes:hover{
background-color:rgba(0, 0, 0, 0.8);
text-decoration:none;
}
.titulo_blog{
color: #707070;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 600;
}
.titulo_blog span{
color:#AC162C;
}
p.texto_blog{
font-family: Raleway, sans-serif;
font-weight: 400;
font-size: 12px;
color: #000000;
text-align:justify;
}
a.boton_blog{
color: #ffffff;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
background:#999899;
padding:5px 5px;
float: right;
border:none;
}
a.boton_blog:hover{
background-color:rgba(0, 0, 0, 0.8);
text-decoration:none;
}
#subscribe{
padding-top:3px;
}
.alineacion{
padding-left: 0px;
padding-right: 0px;
}
.contacto2 span{
padding-top:1px;
}
.contacto2 span:hover, a:hover{
color:#ffffff;
}
input.unsub {
background: transparent;
padding-left: 0px;
border:none;
}
input.unsub:hover {
color:#ffffff;
}
label.what{
display:none;
}
label.what:hover{
display:block;
}
/*What*/
/*.caja3 {
position: relative;
width: 16px;
margin: 10px auto;
}*/
.caja3 {
position: relative;
width: 16px;
/*margin-top: -3px;*/
}
.caja3 img {
width: 16px;
padding: 0 1px 5px 0;
}
/*.info3 {
position: absolute;
top: 10%;
opacity: 0;
width: 40px;
font-size:12px;
height: 13px;
padding: 5px;
text-align: left;
color: #eee;
background: #C14684; /*Para IE que no soporta RGBA*/
/*background: rgba(193,70,132,.8);
}*/
.info3 {
background: #ab162b none repeat scroll 0 0;
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 11px;
height: 18px;
opacity: 0;
padding: 1px 3px !important;
position: absolute;
text-align: left;
top: -20px;
width: 108px;
margin-left:-20px;
}
.info3::after {
border-color: transparent transparent transparent rgba(193, 70, 132, 0.8);
content: "";
display: block;
height: 0;
position: absolute;
top: 0;
width: 0;
}
.imagen img {
position: absolute;
top:0;
border: 0;
height: 0;
}
.caja3:hover .info3 {
filter: alpha(opacity=100);
opacity: 1;
left:-40px;
}
.caja3:hover .imagen img {
top:0;
left:0;
height:16px !important;
}
/*What Fin*/
.punto {
padding: 0 1px;
}
.pad-t2{
padding-top:60px;
}
.pad-t21{
padding-bottom:30px;
}
.pad-t3{
padding-top:70px;
}
.pa-test{
padding-top:30px;
}
.logos{
padding-top:15px;
}
#news-section {
padding-bottom: 10px;
}
#news-section .title-section {
padding: 60px 0 30px;
margin-bottom: 0;
background: url('../images/pattern.png');
}
#news-section .news-box {
position: relative;
}
#news-section .news-box .owl-arrows {
position: absolute;
width: 100%;
left: 0;
top: 50%;
margin-top: -120px;
z-index: 2;
}
#news-section .news-box .owl-arrows a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background: rgba(51, 51, 51, 0.4);
color: #ffffff;
font-size: 12px;
}
#news-section .news-box .owl-arrows a:hover {
background: #f27935;
}
#news-section .news-box .owl-arrows a.prev-link {
float: left;
margin-left: 50px;
}
#news-section .news-box .owl-arrows a.next-link {
float: right;
margin-right: 50px;
}
#news-section .item.news-post {
margin: 0 0 40px;
margin-right: 1px;
}
#news-section .item.news-post img {
width: 100%;
margin-bottom: 26px;
}
#news-section .item.news-post .news-content {
overflow: hidden;
padding: 0 30px 0 10px;
}
#news-section .item.news-post .news-content .date-post {
width: 60px;
float: left;
margin-top: -10px;
text-align: center;
}
#news-section .item.news-post .news-content .date-post span {
display: block;
color: #222222;
font-size: 30px;
font-family: 'Lato', sans-serif;
font-weight: 900;
margin: 0 0 2px;
padding-bottom: 2px;
border-bottom: 1px dotted #c0c0c0;
}
#news-section .item.news-post .news-content .date-post p {
margin: 0;
text-transform: uppercase;
font-weight: 700;
color: #333333;
}
#news-section .item.news-post .news-content .news-content-text {
/*margin-left: 80px;*/
}
#news-section .item.news-post .news-content .news-content-text h2 {
color: #222222;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 20px;
margin-bottom:0px;
}
#news-section .item.news-post .news-content .news-content-text h2 a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #008DC9;
font-family: Avenir Next LT Pro Bold;
font-size: 14px;
letter-spacing: normal;
}
#news-section .item.news-post .news-content .news-content-text h2 a:hover {
/*color: #f27935;*/
}
#news-section .item.news-post .news-content .news-content-text p {
margin-bottom: 0;
}
.small-border2 {
background: #008DC9 none repeat scroll 0 0;
clear: both;
float: left;
height: 2px;
position: relative;
top: 5px;
width: 80px;
}
.news-content-text span {
color: #4d4d4d;
float: left;
font-family: Avenir Next LT Pro Regular;
font-size: 14px;
letter-spacing: normal;
width: 100%;
padding-top: 5px;
}
a.botonins {
background: #008DC9 none repeat scroll 0 0;
color: #ffffff;
font-family: Montserrat,sans-serif;
font-weight: bold;
padding: 10px 15px;
text-transform: uppercase;
}
a.botonins:hover {
background:#707070;
color:#ffffff;
}
@media (max-width: 1900px) {
}
@media (max-width: 1500px) {
#news-section .news-box .owl-arrows {
margin-top: -50px;
}
}
@media (max-width: 1100px) {
#news-section .news-box .owl-arrows {
display: none;
}
}
@media (max-width: 767px) {
#news-section .item.news-post .news-content .date-post {
display: none;
}
#news-section .item.news-post .news-content .news-content-text {
margin-left: 0;
}
}