ul li {color: rgb(68,68,68);font-size: 18px}
ul.sub-menu li {color: rgb(68,68,68);font-size: 16px}
.video-responsive {
overflow:hidden;
padding-bottom:400px; position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.mobile {display: none}
.wpcf7-list-item.first.last {
font-size: 15px;
font-weight: 600
}
.our-history .left {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.vertical-menu {
width: 18%;
max-width: 270px;
float: left;
background: #66666A;
bottom: 0;
margin-top: 20px;
position: sticky;
top: 100px;
}
.main-page-sidebar {
background-color: #66666a;
display: inline-block;
width: 100%;
max-width: 1600px;
margin: 0 auto;
display: block;
}
.main-content {
margin-left: 18%;
overflow: hidden;
}
.main-content .row {
padding: 30px 20px 30px 30px;
}
.main-content .content {
padding: 0 15px 10px 15px;
margin-top: 70px;
}
.main-content .row h2 {
font-family: 'Sneak-Regular';
font-size: 30px;
font-weight: normal
}
.main-content .row h3 {
font-family: 'Sneak-Regular';
font-size: 24px;
font-weight: normal
}
.main-content .row .block {
margin-top: 30px
}
.main-content .row .block .row {
padding: 0
}
.main-content .row,
.main-content .row p {
font-family: 'Sneak-Regular';
font-size: 18px;
font-weight: normal
}
.main-content .hero {
min-height: 300px;
width: 100%;
background-size: cover;
position: relative
}
.main-content .hero .claim {
font-family: 'TiemposFine-Regular';
position: absolute;
left: 50%;
top: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%);
color: #fff;
font-size: 3.6em;
line-height: 1.1em;
width: 60%;
text-align: center;
}
.main-content .hero .claim a {    font-family: 'Sneak-Regular';
color: #000000;
font-size: 16px;
text-transform: uppercase;
background: #ffffff;
padding: 13px 30px;
box-shadow: none;
border: 0px solid RGBA(0,0,0,1);}
.main-content .hero .claim a:hover {background-color: #000;color: #fff}
.main-content .container {
margin: 0 auto;
padding: 0;
background-color: #f5f6f5;
}
.main-content .container.tablecont p {
padding-right: 45px;
}
.main-content .container.tablecont.left p,
.main-content .container.tablecont.left h2,
.main-content .container.tablecont.left .contimg,
.main-content .container.tablecont.left a.readmore {
padding-right: 0;
padding-left: 45px;
}
.main-content .container.tablecont.left p.brownbg {
margin-left: 45px;
padding: 22px
}
.main-content .container.tablecont p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.main-content .container.tablecont p.mh {    min-height: 60px;}
.main-content .container.tablecont h2 {
padding-top: 0
}
.main-content .container .hero {
margin-top: 121px;
}
.main-content .container .contimg {
width: 100%;
margin: 30px 0 10px 0;
}
.main-content .container .contimg.maxico img {max-width: 55px}
.main-content .container .contimg.h80 img {
height: 80px
}
.main-content .container .contimg.h140 img {
height: 140px
}
.main-content .container .row ul {
padding: 0;
}
.main-content .container .row ul li {
margin-top: 20px;
list-style: disc;
display: list-item;
margin-left: 18px;
}
.main-content .container .row ul li strong {
width: 100%;
margin-bottom: 12px;
}
.main-content.full {
margin-left: 0;
width: 100%
}
.main-content.full .container.full {
width: 100%;
max-width: 100%
} .certificate p {
padding-right: 0 !important;
min-height: 40px
}
.descargar {
font-size: 18px;
margin: 14px 0;
color: var(--primary);
}
.descargar:hover {
color: var(--dark) !important;
}
.descargar i {
margin-right: 10px
}
.certificate img {
height: 100px;
width: auto;
}
.certificate img.big {
height: 280px;
border: solid 1px #868686;
}
#sidebar-menu {
padding: 0;
}
#sidebar-menu .mm-active>.has-arrow:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#sidebar-menu ul li {
border-bottom: 1.5px solid #EFEFEF;
position: relative;
}
#sidebar-menu ul li a {
flex-grow: 1;
display: block;
padding: 30px 30px 30px 30px;
color: #ffffff;
position: relative;
font-size: 15px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
font-family: "Sneak-Regular", sans-serif;
font-weight: 500;
}
#sidebar-menu ul li i {
position: absolute;
right: 3px;
top: 50%;
z-index: 999;
transform: translateY(-50%);
min-width: 1.5rem;
padding-bottom: 0.125em;
font-size: 1.1rem;
line-height: 1.40625rem;
vertical-align: middle;
color: #ffffff;
-webkit-transition: all 0.4s;
transition: all 0.4s;
opacity: 0.75;
}
#sidebar-menu a:hover {
color: #d7e4ec;
background: rgba(34, 34, 34, 0.75);
}
#sidebar-menu a:hover:after {
display: none
}
#sidebar-menu a.active {
color: #d7e4ec;
background: rgba(34, 34, 34, 0.75);
}
#sidebar-menu i {
display: none
}
#sidebar-menu li.active i {
color: #fff;
float: right;
display: inline-block
}
#sidebar-menu ul li .badge {
margin-top: 4px;
}
#sidebar-menu ul li ul.sub-menu {
padding: 0;
}
#sidebar-menu ul li ul.sub-menu li a {
padding: 0.4rem 3.2rem 0.4rem 1.5rem;
font-size: 13px;
color: #7c8a96;
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu {
padding: 0;
}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
padding: 0.4rem 4.2rem 0.4rem 1.5rem;
font-size: 13.5px;
}
.menu-title {
text-transform: uppercase;
flex-grow: 1;
border-bottom: 1.5px solid #EFEFEF;
display: block;
padding: 50px 20px 30px 30px;
color: #ffffff;
position: relative;
font-size: 15px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
font-family: "Sneak-Regular", sans-serif;
font-weight: 500;
opacity: 1;
line-height: 18px
}
.mm-active {
color: #0f9cf3 !important;
}
.mm-active>a {
color: #0f9cf3 !important;
}
.mm-active>a i {
color: #0f9cf3 !important;
}
.mm-active>i {
color: #0f9cf3 !important;
}
.mm-active .active {
color: #0f9cf3 !important;
}
.mm-active .active i {
color: #0f9cf3 !important;
}
.vertical-collpsed .main-content {
margin-right: 70px;
}
.vertical-collpsed .navbar-brand-box {
width: 70px !important;
}
.vertical-collpsed .logo span.logo-lg {
display: none;
}
.vertical-collpsed .logo span.logo-sm {
display: block;
}
.vertical-collpsed .vertical-menu {
position: absolute;
width: 70px !important;
z-index: 5;
}
.vertical-collpsed .vertical-menu .simplebar-mask,
.vertical-collpsed .vertical-menu .simplebar-content-wrapper {
overflow: visible !important;
}
.vertical-collpsed .vertical-menu .simplebar-scrollbar {
display: none !important;
}
.vertical-collpsed .vertical-menu .simplebar-offset {
bottom: 0 !important;
}
.vertical-collpsed .vertical-menu #sidebar-menu .menu-title,
.vertical-collpsed .vertical-menu #sidebar-menu .badge,
.vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {
display: none !important;
}
.vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {
height: inherit !important;
}
.vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {
display: none;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li {
position: relative;
white-space: nowrap;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a {
padding: 15px 20px;
min-height: 55px;
-webkit-transition: none;
transition: none;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:hover,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:active,
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a:focus {
color: #383c40;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a i {
font-size: 18px;
margin-right: 4px;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span {
display: none;
padding-right: 25px;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
position: relative;
width: calc(190px + 70px);
color: #0f9cf3;
background-color: whitesmoke;
-webkit-transition: none;
transition: none;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
color: #0f9cf3;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a span {
display: inline;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul {
display: block;
right: 70px;
position: absolute;
width: 190px;
height: auto !important;
-webkit-box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul ul {
-webkit-box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
box-shadow: -3px 5px 12px -4px rgba(18, 19, 21, 0.1);
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
-webkit-box-shadow: none;
box-shadow: none;
padding: 8px 20px;
position: relative;
width: 190px;
z-index: 6;
color: #7c8a96;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
color: #383c40;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
padding: 5px 0;
z-index: 9999;
display: none;
background-color: #ffffff;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li:hover>ul {
display: block;
right: 190px;
height: auto !important;
margin-top: -36px;
position: absolute;
width: 190px;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li>a span.pull-right {
position: absolute;
left: 20px;
top: 12px;
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg);
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul ul li.active a {
color: #f8f9fa;
}   body {
margin: 0px;
padding: 0px;
font-size: 14px;
line-height: 26px;
font-style: normal;
color: #535e72;
font-family: "Sneak-Regular", sans-serif;
font-weight: 400;
background-color: #ffffff;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: rgb(245 246 245)
}
.container {
max-width: 1600px;
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
::-moz-selection {
color: #ffffff;
background: #f6716f;
}
::selection {
color: #ffffff;
background: #f6716f;
}
a,
button {
cursor: pointer;
line-height: normal;
display: inline-block;
text-decoration: none;
font-weight: 500;
font-family: "Sneak-Regular", sans-serif;
text-transform: none;
}
a:hover,
button:hover {
text-decoration: none;
}
button {
margin: 0px;
padding: 0px;
border: none;
background: none;
}
button:focus {
outline: none;
}
img {
height: auto;
max-width: 100%;
}
.image-container {
overflow: hidden;
position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
font-weight: 700;
color: #272d3a;
font-family: "Sneak-Regular", sans-serif;
}
strong,
span,
small,
label,
i {
margin: 0px;
padding: 0px;
line-height: normal;
display: inline-block;
font-family: "Sneak-Regular", sans-serif;
}
strong {
font-weight: 700;
}
.form-item {
position: relative;
margin-bottom: 30px;
}
.form-item input {
width: 100%;
height: 50px;
padding: 0px 20px;
border-radius: 3px;
border: 1px solid #e3e8fe;
background-color: #f7f9fe;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-item input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ffffff;
}
.form-textarea {
position: relative;
margin-bottom: 30px;
}
.form-textarea textarea {
width: 100%;
padding: 20px;
min-height: 120px;
border-radius: 3px;
border: 1px solid #e3e8fe;
background-color: #f7f9fe;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-textarea textarea:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ffffff;
}
:-moz-placeholder {
text-transform: capitalize;
}
::-moz-placeholder {
text-transform: capitalize;
}
:-ms-input-placeholder {
text-transform: capitalize;
}
::-webkit-input-placeholder {
text-transform: capitalize;
}   .ul-li>ul {
margin: 0px;
padding: 0px;
display: table;
}
.ul-li>ul>li {
float: left;
list-style: none;
display: inline-block;
}
.ul-li-block {
width: 100%;
display: table;
}
.ul-li-block>ul {
width: 100%;
margin: 0px;
padding: 0px;
display: table;
}
.ul-li-block>ul>li {
width: 100%;
display: table;
list-style: none;
}
.ul-li-right>ul {
margin: 0px;
padding: 0px;
float: right;
display: table;
}
.ul-li-right>ul>li {
float: left;
list-style: none;
display: inline-block;
}
.ul-li-center>ul {
padding: 0px;
margin: 0 auto;
display: table;
}
.ul-li-center>ul>li {
float: left;
list-style: none;
display: inline-block;
}  .social-links>ul>li {
margin-right: 15px;
}
.social-links>ul>li:last-child {
margin-right: 0px;
}
.social-links>ul>li>a {
z-index: 1;
width: 40px;
height: 40px;
color: #8d96a6;
font-size: 14px;
overflow: hidden;
line-height: 42px;
text-align: center;
position: relative;
border-radius: 100%;
background-color: #e3e8fe;
}
.social-links>ul>li>a:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
content: '';
opacity: 0;
position: absolute;
border-radius: 100%;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #138afd;
}
.social-links>ul>li>a:hover {
color: #ffffff;
}
.social-links>ul>li>a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}  .post-meta>ul>li {
margin-right: 30px;
}
.post-meta>ul>li:last-child {
margin-right: 0px;
}
.post-meta>ul>li i {
font-size: 16px;
color: #138afd;
}
.post-meta>ul>li>a {
color: #535e72;
}
.post-meta>ul>li>.post-admin {
font-weight: 700;
color: #272d3a;
}
.post-meta>ul>li>.post-admin .admin-image {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
margin: -12px 0px;
margin-right: 10px;
border-radius: 100%;
border: 1px solid #e3e8fe;
}  .rating-star .review-text {
font-size: 14px;
margin-left: 10px;
color: #272d3a;
}
.rating-star>ul {
float: left;
}
.rating-star>ul>li {
font-size: 14px;
color: #e3e8fe;
margin-right: 3px;
}
.rating-star>ul>li:last-child {
margin-right: 0px;
}
.rating-star>ul .rated {
color: #f2b01e;
}  .pagination-nav>.pagination {
border-radius: 0px;
}
.pagination-nav>.pagination>.page-item {
width: 40px;
height: 40px;
overflow: hidden;
margin-right: 5px;
border-radius: 100%;
}
.pagination-nav>.pagination>.page-item>.page-link {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: none;
display: block;
font-size: 14px;
text-align: center;
line-height: 40px;
border-radius: 0px;
color: #535e72;
}
.pagination-nav>.pagination>.page-item>.page-link:hover {
color: #138afd;
background-color: #ffffff;
}
.pagination-nav>.pagination .prev-item .page-link {
font-size: 24px;
}
.pagination-nav>.pagination .next-item .page-link {
font-size: 24px;
}  .sec-ptb-160 {
padding: 160px 0px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-60 {
margin-bottom: 60px;
}  .custom-btn {
z-index: 1;
height: 55px;
font-size: 16px;
overflow: hidden;
line-height: 54px;
padding: 0px 45px;
text-align: center;
color: #ffffff;
border-radius: 3px;
position: relative;
font-weight: 500;
background-color: #f6716f;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
-o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-btn:after,
.custom-btn:before {
top: 0px;
width: 0px;
left: 100%;
content: '';
z-index: -1;
height: 100%;
position: absolute;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
-webkit-transition-timing-function: inherit;
-o-transition-timing-function: inherit;
transition-timing-function: inherit;
background-color: rgba(255, 255, 255, 0.2);
}
.custom-btn:before {
z-index: -1;
background-color: #138afd;
}
.custom-btn:after {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.custom-btn:hover {
color: #ffffff;
}
.custom-btn:hover:after,
.custom-btn:hover:before {
left: 0;
width: 100%;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
}
.custom-btn:hover:before {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.custom-btn:hover:after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
}
.custom-btn-underline {
font-size: 16px;
position: relative;
color: #138afd;
}
.custom-btn-underline:after,
.custom-btn-underline:before {
left: 0;
bottom: -2px;
height: 2px;
width: 100%;
content: '';
position: absolute;
background-color: currentColor;
}
.custom-btn-underline:before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.custom-btn-underline:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: -webkit-transform .3s ease .2s;
transition: -webkit-transform .3s ease .2s;
-o-transition: transform .3s ease .2s;
transition: transform .3s ease .2s;
transition: transform .3s ease .2s, -webkit-transform .3s ease .2s;
}
.custom-btn-underline:hover {
color: #138afd;
}
.custom-btn-underline:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.custom-btn-underline:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.store-btn {
z-index: 1;
overflow: hidden;
color: #ffffff;
position: relative;
padding: 15px 30px;
border-radius: 3px;
}
.store-btn:after,
.store-btn:before {
top: 0px;
width: 0px;
left: 100%;
content: '';
z-index: -1;
height: 100%;
position: absolute;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
-webkit-transition-timing-function: inherit;
-o-transition-timing-function: inherit;
transition-timing-function: inherit;
background-color: rgba(255, 255, 255, 0.1);
}
.store-btn:before {
z-index: -1;
background-color: rgba(0, 0, 0, 0.1);
}
.store-btn:after {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.store-btn:hover {
color: #ffffff;
}
.store-btn:hover:after,
.store-btn:hover:before {
left: 0;
width: 100%;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
}
.store-btn:hover:before {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.store-btn:hover:after {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
}
.store-btn>.icon {
float: left;
font-size: 36px;
margin: -2px 0px;
color: #ffffff;
margin-right: 15px;
}
.store-btn .title-text {
display: table;
font-size: 16px;
color: #ffffff;
}
.store-btn .title-text small {
width: 100%;
display: table;
font-size: 14px;
text-transform: lowercase;
color: rgba(255, 255, 255, 0.8);
}
.store-btn.bg-default-blue:before {
background-color: #f6716f;
}
.store-btn.bg-default-black:before {
background-color: #138afd;
}
.store-btn.bg-default-pink:before {
background-color: #272d3a;
}  .section-title .sub-title {
font-size: 16px;
color: #f6716f;
font-weight: 500;
text-transform: capitalize;
}
.section-title .title-text {
font-size: 36px;
font-weight: 700;
text-transform: initial;
}
.section-title .paragraph-text {
font-size: 16px;
line-height: 26px;
}  #thetop {
top: 0;
left: 0;
right: 0;
z-index: -1;
position: absolute;
}
#backtotop {
right: 15px;
width: 50px;
height: 50px;
z-index: 999;
bottom: 40px;
display: none;
position: fixed;
border-radius: 100%;
background-color: #128bfd;
-webkit-box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.3);
}
#backtotop #scroll {
z-index: 1;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 24px;
line-height: 52px;
text-align: center;
position: relative;
}     .bg-default-pink {
background-color: #f6716f;
}
.bg-default-blue {
background-color: #138afd;
}
.bg-default-black {
background-color: #272d3a;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.bg-rating-star {
background-color: #f2b01e;
}
.bg-deep-gray {
background-color: #e3e8fe;
}
.bg-light-gray {
background-color: #f7f9fe;
}
.bg-twitter {
background-color: #1da1f2;
}
.bg-youtube {
background-color: #ff0000;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-linkedin {
background-color: #007bb5;
}
.bg-pinterest {
background-color: #bd081c;
}
.bg-google-plus {
background-color: #db4437;
}
.bg-instagram-magenta {
background-color: #c32aa3;
}  @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} }
@-webkit-keyframes zoominout {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
} }
@keyframes zoominout {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
} }
@-webkit-keyframes updown {
0% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} }
@keyframes updown {
0% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} }
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
}
100% {
-webkit-box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
} }
@keyframes pulse {
0% {
-webkit-box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
box-shadow: 0px 0px 0px 0px rgba(246, 113, 111, 0.5);
}
100% {
-webkit-box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
box-shadow: 0px 0px 0px 30px rgba(246, 113, 111, 0);
} }
@-webkit-keyframes ripple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
60% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
} }
@keyframes ripple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
60% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
} }  a,
button {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}   .header-section {
padding: 50px 0px;        }
.menu-tabs-mobile {display: none}
.header-section .container-fluid {
max-width: 1750px;
padding-left: 15px;
padding-right: 15px;
}
.header-section .brand-logo .brand-link {
width: 100%;
display: block;
}
.header-section .main-menubar>ul>li {
padding: 14px 0px;
margin-right: 40px;
}
.header-section .main-menubar>ul>li:last-child {
margin-right: 0px;
}
.header-section .main-menubar>ul>li>a {
font-size: 16px;
position: relative;
font-weight: 500;
text-transform: capitalize;
}
.header-section .main-menubar>ul>li:hover>a {
color: #138afd;
}
.header-section .main-menubar>ul>li:hover>a:after {
color: #138afd;
}
.header-section .main-menubar>ul>.active>a {
color: #138afd;
}
.header-section .main-menubar>ul>.active>a:after {
color: #138afd;
}
.header-section .btns-group>ul {
margin: -2px 0px;
}
.header-section .btns-group>ul>li .custom-btn {
width: 100%;
display: block;
padding: 0px 38px;
}
.header-section .btns-group>ul>li .mobile-menu-btn {
width: 55px;
height: 55px;
font-size: 26px;
line-height: 60px;
margin-left: 35px;
color: #ffffff;
text-align: center;
border-radius: 100%;
display: inline-block;
}
.header-section .main-menubar>ul>.menu-item-has-child {
position: relative;
}
.header-section .main-menubar>ul>.menu-item-has-child>a {
padding-right: 15px;
}
.header-section .main-menubar>ul>.menu-item-has-child>a:after {
top: 5px;
right: 0px;
font-size: 10px;
content: "\f100";
position: absolute;
font-weight: 900;
font-family: 'Flaticon';
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-section .main-menubar>ul>.menu-item-has-child:hover>a:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu {
z-index: 2;
top: 120%;
opacity: 0;
left: -30px;
margin: 0px;
min-width: 220px;
padding: 20px 0px;
visibility: hidden;
position: absolute;
border-radius: 5px;
border-top-left-radius: 0px;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.15);
box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.15);
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li {
width: 100%;
display: table;
padding-left: 20px;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a {
width: 100%;
height: 45px;
padding: 0px 20px;
line-height: 45px;
position: relative;
color: #535e72;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:after,
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:before {
top: 0px;
left: 0px;
bottom: 0px;
width: 2px;
content: '';
height: 100%;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li>a:before {
background-color: #e3e8fe;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li:hover>a {
padding-left: 30px;
color: #272d3a;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>li:hover>a:before {
background-color: #138afd;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.active>a {
padding-left: 30px;
color: #272d3a;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.active>a:before {
background-color: #138afd;
}
.header-section .main-menubar>ul>.menu-item-has-child:hover>.sub-menu {
top: 100%;
opacity: 1;
visibility: visible;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child {
position: relative;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu {
z-index: 2;
top: -20px;
opacity: 0;
left: 100%;
margin: 0px;
min-width: 220px;
padding: 20px 0px;
visibility: hidden;
position: absolute;
border-radius: 5px;
border-top-left-radius: 0px;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.1);
box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.1);
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li {
width: 100%;
display: table;
padding-left: 20px;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a {
width: 100%;
height: 45px;
padding: 0px 20px;
line-height: 45px;
position: relative;
color: #535e72;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:after,
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:before {
top: 0px;
left: 0px;
bottom: 0px;
width: 2px;
content: '';
height: 100%;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li>a:before {
background-color: #e3e8fe;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li:hover>a {
padding-left: 30px;
color: #272d3a;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>li:hover>a:before {
background-color: #138afd;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>.active>a {
padding-left: 30px;
color: #272d3a;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child>.sub-menu>.active>a:before {
background-color: #138afd;
}
.header-section .main-menubar>ul>.menu-item-has-child>.sub-menu>.menu-item-has-child:hover>.sub-menu {
opacity: 1;
visibility: visible;
}  .header-section.white-content .main-menubar>ul>li>a {
color: #ffffff;
}
.header-section.white-content .main-menubar>ul>li>a:after {
color: #ffffff;
}
.header-section.white-content .main-menubar>ul>li:hover>a {
color: #ffffff;
}
.header-section.white-content .main-menubar>ul>li:hover>a:after {
color: #ffffff;
}
.header-section.white-content .main-menubar>ul .active>a {
color: #ffffff;
}
.header-section.white-content .main-menubar>ul .active>a:after {
color: #ffffff;
}
.header-section.white-content .btns-group>ul>li .custom-btn {
border: 1px solid #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
.header-section.white-content .btns-group>ul>li .custom-btn:hover {
border-color: #138afd;
}  .header-section.black-content .main-menubar>ul>li>a {
color: #272d3a;
}
.header-section.black-content .main-menubar>ul>li:hover>a {
color: #138afd;
}
.header-section.black-content .main-menubar>ul .active>a {
color: #138afd;
}
.header-section.black-content .btns-group>ul>li .mobile-menu-btn {
color: #272d3a;
}   .sticky-header {
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
position: fixed;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-header:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
content: '';
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-header.stuck {
padding: 30px 0px;
}
.sticky-header.stuck:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
position: absolute;
background-color: #138afd;
-webkit-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
}
.black-content.sticky-header.stuck:before {
background-color: #ffffff;
}  .sidebar-menu-wrapper {
display: block;
}
.sidebar-menu-wrapper .sidebar-menu {
top: 0;
right: -500px;
height: 100vh;
z-index: 9999;
position: fixed;
min-width: 480px;
max-width: 480px;
padding: 40px 60px;
overflow-y: scroll;
background-color: #ffffff;
-webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
-o-transition: 0.6s cubic-bezier(1, 0, 0, 1);
transition: 0.6s cubic-bezier(1, 0, 0, 1);        }
.sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
overflow: visible !important;
}
.sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
width: 40px;
height: 40px;
font-size: 14px;
cursor: pointer;
line-height: 42px;
text-align: center;
color: #ffffff;
border-radius: 3px;
background-color: #138afd;
}
.sidebar-menu-wrapper .sidebar-menu .sidebar-title {
font-size: 21px;
text-transform: capitalize;
}
.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li {
margin-right: 10px;
}
.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li:last-child {
margin-right: 0px;
}
.sidebar-menu-wrapper .sidebar-menu .btns-group>ul>li .store-btn {
width: 100%;
padding: 15px;
display: block;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>li {
width: 100%;
display: table;
margin-bottom: 20px;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>li:last-child {
margin-bottom: 0px;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>li>a {
font-size: 16px;
color: #535e72;
text-transform: capitalize;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>li:hover>a {
color: #272d3a;
text-decoration: underline;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.active>a {
color: #272d3a;
text-decoration: underline;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li {
padding-left: 30px;
position: relative;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:before {
top: 50%;
left: 0px;
width: 4px;
height: 4px;
z-index: 1;
content: '';
position: absolute;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #e3e8fe;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li>a {
font-size: 14px;
padding: 10px 0px;
color: #535e72;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:hover:before {
background-color: #138afd;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>li:hover>a {
color: #272d3a;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>.active:before {
background-color: #138afd;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.menu-item-has-child>.sub-menu>.active>a {
color: #272d3a;
}
.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li {
font-size: 16px;
margin-bottom: 15px;
}
.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li:last-child {
margin-bottom: 0px;
}
.sidebar-menu-wrapper .sidebar-menu .contact-info>ul>li .icon {
font-size: 18px;
margin-right: 15px;
color: #138afd;
}
.sidebar-menu-wrapper .sidebar-menu.active {
right: 0px;
-webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}
.sidebar-menu-wrapper .overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
z-index: 999;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-menu-wrapper .overlay.active {
opacity: 1;
display: block;
}
.sidebar-menu::-webkit-scrollbar {
width: 0px;
}   .footer-section {
background-size: 100% 59%;
background-repeat: no-repeat;
background-position: center bottom;
}
.footer-section .item-title {
font-size: 24px;
margin-bottom: 40px;
text-transform: capitalize;
}
.footer-section .newsletter-section .section-title .title-text {
margin: 0 auto;
font-size: 30px;
max-width: 370px;
}
.footer-section .newsletter-section .newsletter-form {
overflow: hidden;
border-radius: 5px;
padding: 45px 70px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.footer-section .newsletter-section .newsletter-form .form-item #email-input {
width: 100%;
height: 70px;
display: table;
padding: 0px 30px;
border-radius: 3px;
border: 1px solid #e3e8fe;
background-color: #ffffff;
}
.footer-section .newsletter-section .newsletter-form .form-item .form-item-btn {
top: 50%;
right: 10px;
width: auto;
height: 50px;
line-height: 50px;
padding: 0px 40px;
color: #ffffff;
text-align: center;
border-radius: 3px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer-section .newsletter-section p {
color: #687596;
font-size: 16px;
font-weight: 500;
}
.footer-section .btns-group>ul>li {
margin-right: 30px;
}
.footer-section .btns-group>ul>li:last-child {
margin-right: 0px;
}
.footer-section .footer-content .about-content>p {
font-weight: 500;
}
.footer-section .footer-content .useful-links>ul>li {
margin-bottom: 15px;
}
.footer-section .footer-content .useful-links>ul>li:last-child {
margin-bottom: 0px;
}
.footer-section .footer-content .useful-links>ul>li>a {
color: #535e72;
}
.footer-section .footer-content .useful-links>ul>li>a:hover {
color: #138afd;
text-decoration: underline;
}
.footer-section .footer-content .contact-info>ul>li {
margin-bottom: 20px;
}
.footer-section .footer-content .contact-info>ul>li:last-child {
margin-bottom: 0px;
}
.footer-section .footer-content .contact-info>ul>li>a .icon {
float: left;
font-size: 24px;
margin: -5px 0px;
margin-right: 15px;
color: #138afd;
}
.footer-section .footer-content .contact-info>ul>li>a .info-text {
display: table;
line-height: 24px;
color: #535e72;
font-weight: 500;
}
.footer-section .footer-content .contact-info>ul>li>a .info-text:hover {
color: #138afd;
text-decoration: underline;
}
.footer-section .footer-bottom {
padding: 50px 0px;
border-top: 2px solid #eef1ff;
}
.footer-section .footer-bottom .useful-links>ul>li {
margin-right: 35px;
}
.footer-section .footer-bottom .useful-links>ul>li:last-child {
margin-right: 0px;
}
.footer-section .footer-bottom .useful-links>ul>li>a {
color: #535e72;
}
.footer-section .footer-bottom .useful-links>ul>li>a:hover {
color: #138afd;
text-decoration: underline;
}  .client-section {
padding: 60px 0px;
}
.client-section .client-carousel .item .client-logo {
width: 100%;
height: 60px;
overflow: hidden;
position: relative;
}
.client-section .client-carousel .item .client-logo .after-image,
.client-section .client-carousel .item .client-logo .before-image {
left: 50%;
width: 85%;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.client-section .client-carousel .item .client-logo .before-image {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.client-section .client-carousel .item .client-logo .after-image {
top: 150%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.client-section .client-carousel .item .client-logo:hover .before-image {
top: -50%;
}
.client-section .client-carousel .item .client-logo:hover .after-image {
top: 50%;
}  .sidebar-section {            }
.sidebar-section .widget_title {
font-size: 24px;
padding: 0px 30px;
position: relative;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e3e8fe;
}
.sidebar-section .widget_title:before {
top: 0px;
left: -1px;
width: 3px;
content: '';
height: 30px;
position: absolute;
background-color: #138afd;
}
.sidebar-section .widget {
padding: 30px;
border-radius: 3px;
margin-bottom: 50px;
border: 1px solid #e3e8fe;
}
.sidebar-section .widget:last-child {
margin-bottom: 0px;
}
.sidebar-section .widget_search .form-item .search-btn {
top: 0px;
right: 0px;
z-index: 1;
width: auto;
height: 50px;
font-size: 18px;
padding: 0px 25px;
line-height: 50px;
position: absolute;
color: #ffffff;
text-align: center;
background-color: #138afd;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.sidebar-section .widget_categories>ul>li {
margin-bottom: 25px;
}
.sidebar-section .widget_categories>ul>li:last-child {
margin-bottom: 0px;
}
.sidebar-section .widget_categories>ul>li>a,
.sidebar-section .widget_categories>ul>li>.badge {
font-size: 16px;
color: #535e72;
font-weight: 500;
}
.sidebar-section .widget_categories>ul>li>a {
position: relative;
}
.sidebar-section .widget_categories>ul>li>a:before {
left: 0px;
right: 0px;
opacity: 0;
content: '';
height: 2px;
width: 100%;
bottom: -5px;
position: absolute;
background-color: #138afd;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-section .widget_categories>ul>li:hover>a {
color: #138afd;
}
.sidebar-section .widget_categories>ul>li:hover>.badge {
color: #138afd;
}
.sidebar-section .widget_categories>ul>li:hover>a:before {
opacity: 1;
bottom: -2px;
}
.sidebar-section .widget_cixposttype>ul>li {
margin-bottom: 30px;
}
.sidebar-section .widget_cixposttype>ul>li:last-child {
margin-bottom: 0px;
}
.sidebar-section .widget_cixposttype>ul>li .post-date {
width: 100%;
display: table;
margin-bottom: 15px;
}
.sidebar-section .widget_cixposttype>ul>li .item-title {
color: #535e72;
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
.sidebar-section .widget_cixposttype>ul>li:hover .item-title {
color: #138afd;
}
.sidebar-section .widget_tag_cloud>ul {
margin: -5px;
}
.sidebar-section .widget_tag_cloud>ul>li {
padding: 5px;
}
.sidebar-section .widget_tag_cloud>ul>li>a {
width: auto;
height: 30px;
font-size: 14px;
line-height: 30px;
padding: 0px 15px;
text-align: center;
color: #535e72;
border: 1px solid #e3e8fe;
}
.sidebar-section .widget_tag_cloud>ul>li>a:hover {
color: #ffffff;
border-color: #138afd;
background-color: #138afd;
}
.sidebar-section .widget_instagram { }
.sidebar-section .widget_instagram>ul {
margin: -5px;
}
.sidebar-section .widget_instagram>ul>li {
padding: 5px;
width: 106px;
height: 106px;
}
.sidebar-section .widget_instagram>ul>li>a {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
position: relative;
}
.sidebar-section .widget_instagram>ul>li>a:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
content: '';
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: rgba(0, 0, 0, 0.7);
}
.sidebar-section .widget_instagram>ul>li>a:after {
top: 50%;
left: 50%;
z-index: 1;
opacity: 0;
font-size: 60px;
content: '\ea56';
color: #ffffff;
position: absolute;
font-family: "unicons";
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-section .widget_instagram>ul>li>a:hover:before {
opacity: 1;
}
.sidebar-section .widget_instagram>ul>li>a:hover:after {
opacity: 1;
font-size: 36px;
}
.sidebar-section .widget_newsletter .form-item .submit-btn {
top: 0px;
right: 0px;
z-index: 1;
width: auto;
height: 50px;
font-size: 18px;
padding: 0px 25px;
line-height: 50px;
position: absolute;
color: #ffffff;
text-align: center;
background-color: #138afd;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}  .breadcrumb-section {
z-index: 1;
overflow: hidden;
padding-top: 217px;
position: relative;
padding-bottom: 30px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;      }
.breadcrumb-section .section-title {
margin-top: 30px;
margin-bottom: 160px;
}
.breadcrumb-section .section-title .title-text {
font-size: 36px;
color: #ffffff;
font-weight: 700;
text-transform: initial;
}
.breadcrumb-section .section-title .paragraph-text {
font-size: 16px;
max-width: 430px;
color: #ffffff;
}
.breadcrumb-section .breadcrumb-content .page-name {
width: auto;
height: 35px;
font-size: 12px;
padding: 0px 45px;
line-height: 35px;
color: #ffffff;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid rgba(255, 255, 255, 0.4);
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb {
margin: 0px;
padding: 0px;
border: none;
border-radius: 0px;
background-color: transparent;
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item {
font-size: 16px;
margin-right: 16px;
padding-right: 16px;
color: #ffffff;
position: relative;
text-transform: capitalize;
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:before {
top: 50%;
right: -2px;
margin: 0px;
padding: 0px;
content: '-';
position: absolute;
color: #ffffff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:last-child {
margin-right: 0px;
padding-right: 0px;
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item:last-child:before {
display: none;
}
.breadcrumb-section .breadcrumb-nav>.breadcrumb>.breadcrumb-item>a {
font-size: 16px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
}
.breadcrumb-section .design-image-1 {
bottom: 0px;
right: 290px;
padding-top: 25px;
position: absolute;
}
.breadcrumb-section .design-image-1 .image-1 {
width: 432px;
}
.breadcrumb-section .design-image-1 .man-image-1 {
top: 58px;
left: -30px;
width: 137px;
position: absolute;
}
.breadcrumb-section .design-image-1 .man-image-2 {
top: 61px;
right: 22px;
width: 170px;
position: absolute;
}
.breadcrumb-section .design-image-1 .shape-image-1 {
top: 117px;
left: 154px;
width: 37px;
position: absolute;
}
.breadcrumb-section .design-image-1 .medal-image-1 {
top: 34px;
left: 135px;
width: 75px;
position: absolute;
}
.breadcrumb-section .design-image-1 .shape-image-2 {
top: 54px;
right: 48px;
width: 37px;
position: absolute;
}
.breadcrumb-section .design-image-1 .medal-image-2 {
top: 0px;
right: 43px;
width: 53px;
position: absolute;
}
.breadcrumb-section .design-image-2 {
left: -65px;
width: 337px;
bottom: -106px;
position: absolute;
}
.breadcrumb-section .spin-image {
-webkit-animation: spin 5s infinite linear;
animation: spin 5s infinite linear;
}
.breadcrumb-section .cross-image-1 {
top: 305px;
left: 150px;
position: absolute;
}
.breadcrumb-section .cross-image-2 {
left: 520px;
bottom: 120px;
position: absolute;
}
.breadcrumb-section .box-image-1 {
top: 170px;
left: 745px;
position: absolute;
}
.breadcrumb-section .box-image-2 {
right: 170px;
bottom: 145px;
position: absolute;
}
.breadcrumb-section .circle-half-1 {
top: 160px;
left: 1045px;
position: absolute;
}
.breadcrumb-section .circle-half-2 {
top: 218px;
right: 160px;
position: absolute;
}
.breadcrumb-section .flow-image-1 {
top: 115px;
left: 440px;
position: absolute;
}
.breadcrumb-section .flow-image-2 {
top: 355px;
left: 970px;
position: absolute;
}
.breadcrumb-section .zoominout-image {
-webkit-animation: zoominout 1.5s alternate infinite ease-in;
animation: zoominout 1.5s alternate infinite ease-in;
}
.breadcrumb-section .circle-image-1 {
top: 140px;
right: 500px;
position: absolute;
}  ==================================================*/ .home-page-3 {
padding-top: 124px;
} .home-page-3 .header-section {
padding: 35px 0px;
}
.home-page-3 .header-section .btns-group .custom-btn {
background-color: #138afd;
}
.home-page-3 .header-section .btns-group .custom-btn:before {
background-color: #f6716f;
}
.home-page-3 .sticky-header.stuck {
padding: 30px 0px;
}  .slider-section .mobileapp-main-carousel {
width: 1750px;
margin: 0 auto;
-webkit-box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.2);
box-shadow: 0px 15px 43.65px 1.35px rgba(0, 27, 103, 0.2);
}
.slider-section .mobileapp-main-carousel .item {
height: 900px;
position: relative;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
.slider-section .mobileapp-main-carousel .item.first-item {
overflow: hidden;
padding-top: 150px;
}
.slider-section .mobileapp-main-carousel .item.first-item h3 {
height: 35px;
display: table;
font-size: 14px;
padding: 0px 25px;
line-height: 37px;
text-align: center;
color: #ffffff;
margin: 0 auto 20px;
font-weight: 500;
text-transform: capitalize;
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.1);
}
.slider-section .mobileapp-main-carousel .item.first-item h2 {
font-size: 36px;
line-height: 48px;
color: #ffffff;
margin-bottom: 50px;
font-weight: 500;
}
.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form {
margin-bottom: 50px;
}
.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form>p {
font-size: 14px;
color: #ffffff;
font-weight: 500;
}
.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item {
width: 430px;
display: table;
margin: 0 auto 20px;
}
.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item input {
height: 60px;
padding: 0px 30px;
}
.slider-section .mobileapp-main-carousel .item.first-item .subscribe-form .form-item .submit-btn {
top: 50%;
right: 5px;
height: 50px;
font-size: 16px;
line-height: 50px;
padding: 0px 30px;
color: #ffffff;
position: absolute;
border-radius: 3px;
font-weight: 500;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #138afd;
}
.slider-section .mobileapp-main-carousel .item.first-item .phone-image {
width: 355px;
display: table;
margin: 0 auto 0px;
}
.slider-section .mobileapp-main-carousel .item.second-item {
padding-top: 100px;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content {
padding-top: 172px;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .title-text {
font-size: 47px;
color: #ffffff;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .paragraph-text {
font-size: 16px;
line-height: 26px;
color: #ffffff;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form {
width: 425px;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item {
margin-bottom: 20px;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item .email-input {
width: 100%;
height: 60px;
display: table;
padding: 0px 30px;
border-radius: 3px;
border: 1px solid #e3e8fe;
background-color: #ffffff;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-content .newsletter-form .form-item .form-item-btn {
top: 50%;
right: 8px;
width: auto;
height: 45px;
line-height: 45px;
padding: 0px 40px;
color: #ffffff;
text-align: center;
border-radius: 3px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-image {
position: relative;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .phone-image {
width: 425px;
top: unset !important;
left: unset !important;
position: unset !important;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-1,
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-2 {
width: 400px;
position: absolute;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-1 {
top: 73px !important;
left: -92px !important;
}
.slider-section .mobileapp-main-carousel .item.second-item .slider-image .commentbar-image-2 {
top: 440px !important;
left: -92px !important;
}
.slider-section .owl-theme .owl-dots {
top: 50%;
right: 30px;
position: absolute;
margin-top: 0px !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider-section .owl-theme .owl-dots .owl-dot {
display: table;
margin: 10px 0px;
background: rgba(255, 255, 255, 0.5);
}
.slider-section .owl-theme .owl-dots .owl-dot span {
background-color: #ffffff;
}  .home-page-3 .client-section {
z-index: 1;
position: relative;
margin-bottom: -30px;
}  .features-section .feature-item .feature-image-3 {
position: relative;
padding-top: 156px;
}
.features-section .feature-item .feature-image-3 .bg-image {
width: 580px;
margin-left: -70px;
margin-right: -40px;
}
.features-section .feature-item .feature-image-3 .phone-image {
z-index: 1;
left: 52px;
top: 113px;
width: 303px;
position: absolute;
}
.features-section .feature-item .feature-image-3 .man-image-1 {
z-index: 2;
left: -15px;
bottom: 24px;
width: 139px;
position: absolute;
}
.features-section .feature-item .feature-image-3 .man-image-2 {
z-index: 2;
right: 0px;
bottom: 24px;
width: 189px;
position: absolute;
}
.features-section .feature-item .feature-image-3 .comment-image {
z-index: 2;
top: 228px;
left: 138px;
width: 120px;
position: absolute;
}
.features-section .feature-item .feature-image-3 .leaf-image-1 {
top: 0px;
left: -5px;
width: 180px;
position: absolute;
}
.features-section .feature-item .feature-image-3 .leaf-image-2 {
top: 55px;
right: 40px;
width: 180px;
position: absolute;
}
.features-section .feature-item:nth-child(2) .feature-image-3 {
padding-top: 110px;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .bg-image {
margin: 0px;
width: 554px;
margin-left: -84px;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .phone-image {
top: 116px;
left: 85px;
width: 246px;
position: absolute;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .man-image-1 {
left: -26px;
bottom: 0px;
width: 212px;
position: absolute;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .man-image-2 {
right: 0px;
width: 195px;
bottom: -4px;
position: absolute;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .leaf-image-1 {
top: 27px;
left: -12px;
width: 212px;
position: absolute;
}
.features-section .feature-item:nth-child(2) .feature-image-3 .leaf-image-2 {
top: 0px;
right: 57px;
width: 180px;
position: absolute;
}  #subscribe {
background: url(//test.lluche.com/wp-content/themes/lluch_theme/assets2/assets/a.jpg) fixed center center;
background-size: cover;
padding: 80px 0;
}
#subscribe .subscribe-title {
color: #fff;
font-size: 28px;
font-weight: 700;
}
#subscribe .subscribe-text {
color: #fff;
}
#subscribe .subscribe-btn-container {
text-align: center;
padding-top: 20px;
}
#subscribee {
background: url(//test.lluche.com/wp-content/themes/lluch_theme/assets2/assets2/b.jpg) fixed center center;
background-size: cover;
padding: 80px 0;
}
#subscribee .subscribe-title {
color: #fff;
font-size: 28px;
font-weight: 700;
}
#subscribee .subscribe-text {
color: #fff;
}
#subscribee .subscribe-btn-container {
text-align: center;
padding-top: 20px;
} @media only screen and (max-width: 1440px) { }
@media only screen and (max-width: 1366px) {
#nav-menu-links {
right: 135px;
}
.card-portfolio {
height: 630px;
}
.portfolio,
#ingredients .section-title p {
font-size: 26px;
line-height: 30px;
}
.our-purpose .text-purpose p {
font-size: 40px;
line-height: 46px;
}
}
@media only screen and (max-width: 1280px) {
#nav-menu-links {
right: 93px;
}
}
@media only screen and (max-width: 1150px) {
.iframecatalogue {min-height: 1500px}
.logo-sticky {margin: auto 10px}
.logo-sticky img {max-height: 53px}
.top-header .menu-main-tabs {
padding: 2.5rem 1rem;}
}
@media only screen and (max-width: 1024px) {
.newsletter .wpcf7-form-control-wrap.email {
width: 100%;
margin-bottom: 15px;
}
input#newsletter {
width: 100%;
} #nav-menu-links {
right: 55px;
}
.card-portfolio {
height: 730px;
}
}
@media (max-width: 991px) {
.iframecatalogue {min-height: 2000px}
.mobile {display: block}
.desktop {display: none}
.single-post .contflex-post {order: 2}
.single-post .cont-img {background: none !important}
footer .container .row .text-center.text-sm-start {display: flex;text-align: left}
.text-justify,.oferta ul li, .home-page .about p , .main-content p  {text-align:left;}
.top-header .logo-nav, .top-header .menu-tabs  {display: none !important}
.n2_clear {margin-bottom: 40px}
header .container {padding: 0}
header .ico-menu-mobil {position:absolute; right:15px; top:8px;z-index:99; cursor: pointer; display: inline-block;margin: 0 auto;-webkit-transition: all .7s ease;-moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
header .ico-menu-mobil .bar { display: block;height:2px; width:30px;background-color: #fff; margin: 6px auto; -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease; -o-transition: all .7s ease;transition: all .7s ease;}
header.active .ico-menu-mobil .top {-webkit-transform: translateY(6px) rotateZ(45deg);-moz-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg);-o-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg);}
header.active .ico-menu-mobil .bottom { -webkit-transform: translateY(-10px) rotateZ(-40deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
header.active .ico-menu-mobil .middle { width: 0;}
header.fixed .ico-menu-mobil .bar,
header.active .ico-menu-mobil .bar {background: #fff}
.home header.header-scrolled {height: 121px}
.home header.header-scrolled .menu-tabs-mobile .logo-sticky {margin-top: 40px}
.home header.header-scrolled .menu-tabs-mobile #toolbar {top: 4px}
.home header.header-scrolled .menu-tabs-mobile #mobile-menu {top: 50px;}
.home header .menu-tabs-mobile .content-menu {margin-top: 10px;background: rgba(0,0,0,0.8);}
.home header .menu-tabs-mobile .content-menu .sub-menu {background: transparent}
.home header .menu-tabs-mobile .content-menu .menu-main-tabs {padding: 25px 20px}
.home header .menu-tabs-mobile #toolbar {top: 27px}
.home header .menu-tabs-mobile #mobile-menu {top: 71px;}
.home header .menu-tabs-mobile .logo-sticky {margin-top: 63px;}
.menu-tabs-mobile {display: inline-block;width: 100%;height: 100px;}
.menu-tabs-mobile #toolbar {display: flex;position: absolute;top: 6px;right: 0;}
.menu-tabs-mobile .logo-sticky {display: inline-block;margin-top: 40px;}
.menu-tabs-mobile .logo-sticky img {max-height: 52px;}
.menu-tabs-mobile .content-menu {opacity: 1;
height: auto;
width: 100%;
left: 0;
position: absolute;
background: #000
}
.menu-tabs-mobile .content-menu .menu-principal-eng-container,.menu-tabs-mobile .content-menu .menu-principal-esp-container  {display: none}
header.active .menu-tabs-mobile .content-menu .menu-principal-eng-container,header.active .menu-tabs-mobile .content-menu .menu-principal-esp-container {display: inline-block}
.menu-tabs-mobile .content-menu .sub-menu {background: #000;display: inline-block;visibility: visible !important;opacity: 1 !important;margin-top:0 !important;display: inline-block;}
.menu-tabs-mobile .content-menu .sub-menu  li {margin-bottom: 2px}
.menu-tabs-mobile .content-menu .menu-main-tabs{display: inline-block;height: auto;padding: 46px 20px;min-width: 140px;}
.menu-tabs-mobile .content-menu .menu-main-tabs a{vertical-align: top;margin-right: 20px;min-width: 140px}
.main-content .row {
padding: 0px 20px 30px 21px;
}
.row.greybg, .row.greenbg, .row.whitebg, .row.full.aroma-chemicals {
padding: 30px 30px 6px !important;
}
.greenbg .grid-container {
background: #fff;
padding: 0 20px;
}
.order2 {order: 2;margin-top: 30px}
.pr-3 {padding-right: 0 !important}
.brownbg.mr45 {margin-right: 0;    padding: 10px 20px !important;}
.certificate {margin-top: 20px}
.main-content {margin-left: 0}
.main-content .container.tablecont p {padding-right: 0}
.main-content .container.tablecont.left p, .main-content .container.tablecont.left h2, .main-content .container.tablecont.left .contimg, .main-content .container.tablecont.left a.readmore {padding-left: 0}
.grid {    display: grid;
grid-template-columns: 50% 50%;}
.grid div {margin-top: 0}
.certificate img.big {height: auto}
#mobile-menu {display: block;right: 0;top: 50px;}
.div-center.paddr0 {padding-right: inherit !important}
footer {padding:36px 0 0;}
.vertical-menu {
display: none;
}
.newslist .row .col p {
padding: 0 28px;
}
.main-content {
margin-right: 0 !important;
}
body.sidebar-enable .vertical-menu {
display: block;
}
.top-header .menu-tabs {
display: none;
}
.main-content .hero .claim {
width: 90%;
font-size: 50px;
line-height: 58px
}
}
@media only screen and (max-width: 768px) {
.cont-marketreport {padding: inherit;}
.cont-marketreport .row div:first-child {background-color: #F2EBE2 !important;}
.cont-marketreport .row:nth-child(2n) div:nth-child(2n) {background-color: white}
.iframecatalogue {min-height: 3800px}
.clm-custom {
width: 100%;
}
.bottom-header .menu-tabs {
display: none;
}
.mt-m-3 {
margin-top: 1rem !important;
}
#header {
height: 60px;
padding: 10px 0;
}
footer .container .row {
display: inline-block;
width: 100%
}
footer .container .row .col:first-child {
width: 100%;
text-align: center !important;
}
footer section {
text-align: left;
}
footer .bottom-footer ul li {
margin-right: 3px
}
.main-content .hero .claim {
font-size: 32px;
line-height: 46px;
} #nav-menu-links {
right: 26px;
}
.about a {
margin-bottom: 10px;
}
.cta {
height: auto;
}
.hero-blog {
padding: 90px 10px;
}
.mb-90 {
margin-bottom: 30px;
}
.logo-footer {
width: 60%;
height: auto;
object-fit: contain;
}
ul#menu-information-1 li.menu-item,
ul#menu-information-eng-1 li.menu-item {
display: inline-block !important;
}
#nav_menu-3 .widget-title {
}
li a {
padding: 0 6px 5px 0;
}
.hero-blog .row {
--bs-gutter-x: 20px;
}
.pt-100 {
margin-top: 40px;
}
.card-portfolio a {
position: relative;
}
.card-portfolio {
height: auto;
}
.mt-25 {
margin-top: 15px;
}
}
@media only screen and (max-width: 500px) {
.header .logo-nav {
margin-top: 24px;
}
.header .logo-nav img {
max-width: 200px
}
.header-scrolled .logo-nav {
padding: 0;
margin-top: -25px;
}
footer .container .row {
display: inline-block;
width: 100%
}
footer section {
text-align: left;
}
footer .bottom-footer ul li {
margin-right: 3px
}
.blog {
padding: 50px 0 18px
}
.clm-custom .img-fluid {
margin-top: 0
}
}
@media only screen and (max-width: 425px) {
.iframecatalogue {min-height: 4000px}
.lgx-grid-item {
border-bottom: solid 1px #ccc;
padding-bottom: 20px;
}
.support {
padding: 60px 0;
}
.support .list-item {
margin-bottom: 60px;
}
.our-purpose h1.title {
margin-top: -40px;
font-size: 60px;
}
#hero,
.carousel-item {
height: 100vh;
}
.carousel-caption { }
.hero--menu ul {
flex-direction: column;
}
.hero--menu ul li {
padding: 10px 0;
}
.grid-container {
grid-template-columns: auto;
}
.hero--newsletter {
padding: 75px 20px;
} #hero p {
font-size: 16px;
line-height: 1;
margin-bottom: 15px;
}
#hero h1 {
font-size: 28px;
line-height: 32px;
}
#hero .hero-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.our-purpose .text-purpose p {
font-size: 22px;
line-height: 31px;
}
#dna.pt-100 {
padding-top: 10px;
}
.owl-carousel .owl-nav .owl-next {
right: 10px;
}
.cta h2,
#sourcing p {
font-size: 25px;
line-height: 31px;
}
.essence .text-bottom {
margin-bottom: 60px;
}
.essence {
padding: 60px 0 30px;
}
.portfolio,
#ingredients,
.commitment,
#services,
#people {
padding: 60px 0;
}
.news-page {
padding: 80px 0;
}
#sustainibility .items {
padding: 80px 0 30px;
}
.tech {
padding: 50px 0;
margin-bottom: 100px;
}
.tech h2.title {
position: relative;
}
#header .logo img {
max-height: 40px;
}
.single-news-page {
padding: 0px 0 180px;
}
}