/**
 Table of Contents:

1. DEFAULT CLASSES
2. ELEMENTS
  2.1.  REVOLUTION SLIDER
  2.2.  HEADER
  2.3.  MENUS
  2.4.  SECTIONS
  2.5.  ACCORDIONS
  2.6.  BLOG
  2.7.  CLIENT
  2.8.  FOOTER
  2.9. PROGRESS BARS
  2.10. TESTIMONIALS
  2.11. OWL BANNER
  2.12. PROCESS
  2.13. SERVICES
  2.14. HOME

*
* -----------------------------------------------------------------------------
*/

/* --------------------------------------------------------------------- */
/* 1. DEFAULT CLASSES
/* --------------------------------------------------------------------- */


#html5-watermark{display:none !Important;}

* {
    padding: 0;
    margin: 0;
}

*,
:active,
:focus,
:hover {
    outline: 0 !important;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    min-height: 100%;
    width: 100%;
    scroll-behavior: smooth;
}


body {
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    letter-spacing: 0.45px;
    font-weight: 400;
    font-style: normal;
    color: #4a4a49;
    font-size: 16px;
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a,
a.active,
a.actived,
a:active,
a:focus {
    color: #414141;
    text-decoration: none;
    outline: 0;
    transition: all .3s linear 0s;
}

a:hover {
    color: #1930F8;
    text-decoration: none;
    outline: 0;
}

iframe {
    border: none;
    width: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 15px 0;
    font-weight: inherit;
    color: #1930f8;
}

.h1,
h1 {
    font-size: 240%;
    line-height: 128%;
}

.h2,
h2 {
    font-size: 200%;
    line-height: 133.334%;
    letter-spacing: 1.5px;
    font-family: klavikaRegular;
}

.h3,
h3 {
    font-size: 160%;
    line-height: 142%;
    letter-spacing: 1.2px;

}

.h4,
h4 {
    font-size: 133.334%;
    line-height: 150%;
}

.h5,
h5 {
    font-size: 120%;
    line-height: 155.555%;
}

.h6,
h6 {
    font-size: 106.667%;
    line-height: 162.5%;
}

img {
    max-width: 100%;
    height: auto;
}

.fs-12 {
    font-size: 12px;
}

.mousewheel {
    overflow: hidden;
}

.mousewheel .mousewheel-inner {
    max-height: 411px;
    overflow-x: hidden;
    width: calc(100% + 40px);
    padding-right: 40px;
}

input,
select,
textarea {
    border: 1px solid #ddd;
    background: 0 0;
    color: #777;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

select {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-arrow.png) right center no-repeat;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

input,
textarea {
    padding: 9.5px 25px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=phone],
input[type=tel],
textarea {
    width: 100%;
}

label {
    font-size: 14px;
    color: #1f1f1f;
}

.main-logo {
    height: 65px;
}

.blockquote,
blockquote {
    color: #1930f8;
    padding: 0 0 0 15px;
    line-height: 177%;
    font-size: 125.34%;
    letter-spacing: .85px;
    border-left: 2px solid #1930f8;
    margin: 30px 0 35px 20px;
}

.contact-form input:not([type=submit]),
.contact-form textarea {
    background-color: #fff;
    color: #777;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #eee;
}

.contact-form.dark input:not([type=submit]),
.contact-form.dark textarea {
    background-color: #333;
}

.contact-form input:focus:not([type=submit]),
.contact-form textarea:focus {
    border-color: #333;
}

.contact-form.dark input:hover:not([type=submit]),
.contact-form.dark textarea:hover {
    border-color: #999;
}

.contact-form .btn:hover {
    background: #1f1f1f !important;
    border-color: #1f1f1f;
    color: #fff;
}

.btn,
.btn-default,
.btn-primary,
.button,
.submit,
button,
input[type=submit] {
    letter-spacing: 2.4px;
    padding: 9.5px 25px;
    line-height: inherit;
    -khtml-border-radius: 0;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    text-align: center;
    font-size: 80%;
    text-transform: uppercase;
}

.btn,
.btn-default,
.button,
.submit,
button,
input[type=submit] {
    background-color: #1f1f1f;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.btn:hover,
.btn-default:hover,
.button:hover,
.submit:hover,
button:hover,
input[type=submit]:hover {
    border-color: #1f1f1f;
    color: #1f1f1f;
    background: none;
}

.btn.btn-alt {
    background: #fff;
    color: #1f1f1f;
}

.btn.btn-alt:hover {
    background: #1f1f1f;
    border-color: #1f1f1f;
    color: #fff;
}

.btn.btn-alt-white {
    border-color: #fff;
    background: none;
    color: #fff;
}

.btn.btn-alt-white:hover {
    background: #fff;
    color: #1f1f1f;
    border-color: #fff;
}

.btn-border {
    border: 1px solid #1F1F1F;
}

.btn-white,
input[type=submit].btn-white {
    background-color: #fff;
    color: #1f1f1f;
}

.btn-white:hover,
input[type=submit].btn-white:hover {
    background-color: #999;
    color: #fff;
}

.btn-infojobs {
    background-color: rgb(32, 136, 194);
    color: #fff;
}

ul.bullet-list {
    list-style: square inside;
    margin-left: 25px;
}

ul.bullet-list li {
    padding-bottom: 11px;
}

.language {
    font-size: 75%;
    padding: 10px;
    border-right: 0px;
    border-left: 0px;
    width: auto;
}

.wg-title {
    line-height: 115%;
    font-size: 16px;
    position: relative;
    padding: 0;
    margin: 0 0 15px;
    border: none;
    color: #4a4a49;
    font-family: 'RobotoLight';
    font-weight: bold;
}

.sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
}

.sub-heading.service-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: white;
    margin-top: 0;
    margin-bottom: 20px;
}

.container-fluid.know-how h5 {
    font-family: klavikaRegular;
    text-transform: uppercase;
    margin-bottom: 0;
}

.text-center .sub-heading {
    font-size: 308.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

.text-center .sub-heading:after {
    display: none;
}

.wg-title.white:after {
    background-color: #fff;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li {
    position: relative;
    color: #999;
    border-bottom: 1px solid #f6f6f6;
}

.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_product_categories ul li a {
    position: relative;
    display: inline-block;
    color: #999;
    padding: 9px 0 8px 20px;
}

.multicolumn {
    float: left;
}

.multicolumn>li {
    float: left;
}

.multicolumn.columns3>li {
    width: 33.333%;
}

.menu-toggle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
}

.first-menu {
    border-left: 1px solid rgba(136, 136, 136, .1);
}

.heading {
    margin-bottom: 15px;
}

/* new */
.sub-heading {
    font-size: 205.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

/* end new */
.sub-heading .f1 {
    font-family: KlavikaLight;
    font-weight: 400;
    font-style: italic;
}

.sub-heading .f2 {
    font-family: KlavikaRegular;
    font-weight: 400;
    font-style: normal;
}

.sub-heading .f3 {
    font-family: Playfair Display;
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}

.owl-carousel .owl-item img {
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.overlay-wrap {
    position: relative;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

.overlay-wrap .overlay {
    background: #fff;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.overlay-wrap .overlay.zoom-in {
    -webkit-transform: scale(1.5);
    -khtml-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.overlay-wrap:active .overlay,
.overlay-wrap:focus .overlay,
.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.overlay-wrap .overlay.left-right {
    left: -100%;
    right: 100%;
}

.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    left: 10px;
    right: 10px;
}

.overlay-wrap .overlay .overlay-inner {
    padding: 20px;
    width: 100%;
}

.overlay-wrap .overlay.zoom-in .overlay-inner {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.overlay-wrap .overlay.left-right .overlay-inner {
    left: 200%;
    right: auto;
}

.overlay-wrap:hover .overlay.left-right .overlay-inner {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}

.overlay-wrap .overlay.left-right .overlay-inner.right {
    left: 200%;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
}

.overlay-wrap:hover .overlay.left-right .overlay-inner.right {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}

.overlay-wrap .overlay.left-right .overlay-inner.align-middle,
.overlay-wrap:hover .overlay.left-right .overlay-inner.align-middle {
    top: 50%;
    width: 100%;
    bottom: auto;
    position: absolute;
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
}

.entry-title {
    margin: 0;
    font-size: 100% !important;
}

.entry-header {
    margin-bottom: 20px;
}

.entry-header .entry-meta {
    margin-top: 2px;
}

.entry-media {
    position: relative;
    margin-bottom: 0;
}

.entry-media>a>img {
    transition: all 0.3s ease;
}

.entry-media:hover>a>img {
    filter: grayscale(90%);
}

.entry-media img {
    width: 100%;
}

.grayscale {
    filter: grayscale(100%)
}

.entry-media .nectar-love {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}

.entry-media .nectar-love i {
    width: 45px;
    height: 45px;
    text-align: center;
    position: relative;
    z-index: 2;
    line-height: 45px;
    background: #1f1f1f;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.entry-media .nectar-love .nectar-love-count {
    position: absolute;
    bottom: 0;
    left: 100%;
    right: auto;
    max-width: 0;
    padding: 0 10px;
    line-height: 45px;
    background: #1f1f1f;
    white-space: nowrap;
    visibility: hidden;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.entry-media .nectar-love.right .nectar-love-count {
    left: auto;
    right: 100%;
}

.entry-media .nectar-love:hover i {
    background: #999;
}

.entry-media .nectar-love:hover .nectar-love-count {
    visibility: visible;
    background: #999;
    max-width: 200px;
}

.entry-footer {
    margin-top: 25px;
    clear: both;
}

/*new*/
.entry-footer .readmore {
    display: inline-block;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    word-break: break-all;
}
ul.tag li {
    display: inline-block;
    padding: 8px 10px;
    margin: 5px;
    color: #999;
    background: #f5f5f5;
}
.service {
    clear: both;
    float: left;
}
.text-service {
    padding: 35px 130px 0 130px;
}
.f-right{
    float: right;
}
.f-left{
    float: left;
}
.col-md-25 {
    width: 20%;
    float: left;
    padding: 10px;
}
/*end new*/
.entry-footer .readmore:hover {
    border-bottom-color: #999;
}

.entry-media .entry-categories {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 79.667%;
    letter-spacing: 2.6px;
    background: #1930f8;
    text-transform: uppercase;
    padding: 18px 12px;
    width: 100%;
}

span.entry-categories i {
    float: right;
    margin-top: 5px;
}

span.entry-categories a {
    color: white;
    font-family: 'klavikaRegular';
}

span.entry-categories.p-bottom {
    bottom: 0 !important;
    top: auto;
}

.accordion style-1 p {
    margin: 0;
    line-height: 19px;
}

.entry-meta li {
    border-bottom: 1px solid #eee;
}

.entry-meta.single-meta li {
    padding: 18px 0;
}

.entry-meta li:last-child {
    border-bottom: none;
}

.entry-meta li.extra-font {
    font-size: 106.667%;
}

.entry-meta li .meta-title {
    text-transform: uppercase;
    color: #1f1f1f;
    letter-spacing: 3px;
    font-style: normal;
}

.entry-meta li a {
    color: #999;
    letter-spacing: .75px;
}

.entry-blog:after {
    content: "";
    display: block;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
    clear: both;
}

.entry-socials-share-list li {
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #1f1f1f;
}

.entry-socials-share-list li a {
    font-size: 120%;
}

.social li {
    display: inline-block;
}

.social a {
    display: inline-block;
    padding: 5px 12px;
    color: #FFFFFF;
    font-size: 120%;
}

.social li:first-child a {
    padding-left: 0;
}

#backtotop {
    position: fixed;
    right: 20px;
    background: #999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

#backtotop.on {
    bottom: 15px;
}

.extra-font {
    font-family: "Roboto";
}

.italic {
    font-style: italic;
}

.circle,
.img-circle {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.bg-overlay {
    background-color: rgba(0, 0, 0, .32);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.bg-overlay-dark {
    background-color: rgba(25, 48, 248, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.img-translate-left {
    max-width: none;
    -webkit-transform: translateX(-130px);
    -moz-transform: translateX(-130px);
    -o-transform: translateX(-130px);
    transform: translateX(-130px);
}

.fullwidth {
    width: 100%;
}

.fullheight {
    height: 100%;
}

.pagination .page-numbers {
    min-width: inherit;
    width: auto;
    height: auto;
    font-size: 120%;
    line-height: 140%;
    background: 0 0;
    color: #202020;
    border-bottom: 1px solid transparent;
    margin-right: 10px;
    font-weight: 400;
}

.pagination span.page-numbers {
    color: #202020;
    border-bottom-color: #202020;
}

.pagination .page-numbers:last-child {
    margin-right: 0;
}

.pagination.style-2 {
    display: block;
    padding-left: 3.7%;
    padding-right: 3.7%;
}

.pagination.style-2 .page-numbers {
    min-width: 49px;
    height: 49px;
    line-height: 49px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    background: #999;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 10px;
}

.pagination.style-2 .page-numbers {
    background-color: #f7f7f7;
    color: #212121;
}

.pagination.style-2 .page-numbers:hover,
.pagination.style-2 span.page-numbers {
    background: #1f1f1f;
    color: #fff;
}

#map {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.contact-form.border-bottom {
    border-bottom: 1px solid #444444;
}

.move-70 {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
}

.uppercase {
    text-transform: uppercase;
}

.social-wrap.vertical {
    padding-top: 62px;
    white-space: nowrap;
    -webkit-transform: rotate(90deg) translate(100%, 50%);
    -khtml-transform: rotate(90deg) translate(100%, 50%);
    -moz-transform: rotate(90deg) translate(100%, 50%);
    -ms-transform: rotate(90deg) translate(100%, 50%);
    -o-transform: rotate(90deg) translate(100%, 50%);
    transform: rotate(90deg) translate(100%, 50%);
    -webkit-transform-origin: right top 0;
    -khtml-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
}

.social-wrap .title {
    padding: 0;
    margin: 0;
    float: left;
    letter-spacing: 2.4px;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 80%;
}

.social-wrap.white .title {
    color: #fff;
}

.social-wrap.colored .title {
    margin-top: 34px;
}

.social-wrap .title:after {
    width: 100px;
    height: 1px;
    background-color: #1f1f1f;
    margin: 0 10px 0 30px;
    display: inline-block;
    content: "";
}

.social-wrap.white .title:after {
    background-color: #fff;
}

.social-wrap.vertical .social {
    margin: -5px -12px;
}

.social-wrap .social a {
    font-size: 146.6667%;
    padding: 5px 18px;
}

.social-wrap.white .social a {
    color: #fff;
}

.social-wrap.dark .social a {
    color: #1f1f1f;
}

.social-wrap.white .social a:hover,
.social-wrap.dark .social a:hover {
    color: #999;
}

.social-wrap.vertical i {
    -webkit-transform: rotate(270deg);
    -khtml-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.social-wrap.colored a {
    vertical-align: top;
    margin: 5px;
    padding: 0;
}

.social-wrap.colored a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #1f1f1f;
    display: block;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.social-wrap.colored a i[class*=twitter],
.social-wrap.colored a i[class^=twitter] {
    background: #4cdbff;
}

.social-wrap.colored a i[class*=linkedin],
.social-wrap.colored a i[class^=linkedin] {
    background: #4c94db;
}

.social-wrap.colored a i[class*=google-plus],
.social-wrap.colored a i[class^=google-plus] {
    background: #ff4c4c;
}

.social-wrap.colored a i[class*=facebook],
.social-wrap.colored a i[class^=facebook] {
    background: #4c70b7;
}

.social-wrap.colored a i[class*=pinterest],
.social-wrap.colored a i[class^=pinterest] {
    background: #e13138;
}

.social-wrap.colored a i[class*=rss],
.social-wrap.colored a i[class^=rss] {
    background: #faa33d;
}

.social-wrap.colored a i[class*=vimeo],
.social-wrap.colored a i[class^=vimeo] {
    background: #35c6ea;
}

.social-wrap.colored a i[class*=dribbble],
.social-wrap.colored a i[class^=dribbble] {
    background: #ff70b7;
}

.social-wrap.colored a:hover i {
    background-color: #999;
}

.dp-table {
    display: table;
    width: 100%;
}

.dp-table-cell {
    display: table-cell;
}

.dp-table-cell.middle {
    vertical-align: middle;
}

.social.circle-grey a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #eee;
    color: #1f1f1f;
    margin-left: 10px;
    padding: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 146.6667%;
}

.header-bottom-line {
    margin-bottom: 33px;
}

.header-bottom-line:after {
    content: "";
    display: block;
    clear: both;
    width: 40px;
    height: 1px;
    background-color: #212121;
    margin-top: 22px;
}

.page-title {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 5px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 30px;
    font-family: 'KlavikaRegular';

}
.team-item h5 {
    font-family: 'klavikaLight';
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 20px;
}
.team-item .position {
    margin-bottom: 15px;
}

.team-item .description {
    font-style: italic;
}

.page-title-subtext {
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 26px;
    margin-top: 23px;
    letter-spacing: 1px;
    font-family: 'klavikaLight';
}

.services h2.service-title.mb-0 {
    font-size: 28px;
    font-family: 'klavikaMedium';
    letter-spacing: 0;
    color: white;
}

/*new*/
h2.tecno-title {
    font-family: 'KlavikaLight', Arial;
    font-size: 95px;
    letter-spacing: -3px;
    line-height: 95px;
}

h2.tecno-title strong {
    font-family: 'KlavikaRegular', Arial;
    font-size: 95px;
    letter-spacing: -3px;
}

h2.page-title.tecno-sobretitle {
    font-size: 32px;
    font-family: 'klavikaLight', Arial;
}

.sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
}

.text-center .sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
    margin: 10px auto;
}

.circle-bio {
    border-radius: 300px;
}

.sub-heading.title-bio {
    font-size: 236.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

h2.sub-heading.mb-2 {
    font-family: 'KlavikaLight', Arial;
}

/*end new*/
.breadcrumb {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #999;
    position: relative;
    margin-top: 130px;
    background: none;
}

ul.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 80%;
}

ul.breadcrumbs a {
    color: #999;
}

ul.breadcrumbs li:after {
    content: "/";
    padding: 0 10px;
}

ul.breadcrumbs li:last-child:after {
    content: "";
    padding-right: 0;
}

.page-title-logo {
    position: absolute;
    left: -45%;
    bottom: 0;
}

.single-icon {
    width: 110px;
    height: 110px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid transparent;
    position: relative;
    text-align: center;
    display: inline-block;
}

.single-icon i {
    font-size: 40px;
    color: #1f1f1f;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon-service {
    height: 80px;
}

.contact-info .icon {
    width: 60px;
}

.error404 .entry-title {
    font-size: 400%;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: 1.8px;
    margin-bottom: 13px;
}

.sidebar-area {
    padding-top: 5px;
}

.sidebar-area .widget {
    margin-bottom: 58px;
    float: left;
    width: 100%;
}

.widget_categories ul li {
    position: relative;
    color: #999;
    border-bottom: 1px solid #f6f6f6;
}

.widget_categories ul li a {
    position: relative;
    display: inline-block;
    color: #999;
    padding: 9px 0 8px;
}

.widget_categories ul li a:hover {
    color: #1f1f1f;
}

.widget_categories ul ul {
    margin: 0;
}

.widget_categories ul ul li:first-child {
    border-top: 1px solid #f6f6f6;
}

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

.widget_categories ul ul li a {
    margin-left: 35px;
    padding-left: 20px;
}

.widget_categories ul ul li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 17px;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #999;
}

.widget_categories ul ul li a:hover:before {
    border-color: transparent transparent transparent #1f1f1f;
}


.tagcloud a {
    padding: 10px 20px;
    margin: 5px 6px 5px 0;
    display: inline-block;
    color: white;
    background: #1930f8;
    letter-spacing: .75px;
}


.widget_color ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.widget_color ul li:first-child {
    border-top: none;
}

.widget_color ul li a {
    padding-top: 0px;
    color: #999;
}

.widget_color ul li a:hover {
    color: #1f1f1f;
}

.widget_color ul li:before {
    content: "";
    display: block;
    float: left;
    margin-right: 20px;
    width: 17px;
    height: 17px;
    margin-top: 4px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.widget_color ul li.black:before {
    background-color: #333;
}

.widget_color ul li.blue:before {
    background-color: #7da7d9;
}

.widget_color ul li.green:before {
    background-color: #004000;
}

.widget_color ul li.brown:before {
    background-color: #403000;
}

.widget_color ul li.gray:before {
    background-color: #757584;
}

.widget_color ul li.pink:before {
    background-color: #f99;
}

.widget_color ul li.purple:before {
    background-color: #800080;
}

.widget_color ul li.red:before {
    background-color: #8c0000;
}

.widget_color ul li.white:before {
    background-color: #fff;
    border: 1px solid #1f1f1f;
}

.sidebar-area .widget.widget_newsletter {
    background-color: #f8f8f8;
    padding: 50px 30px 55px;
}

.sidebar-area .widget.widget_newsletter .newsletter-widget {
    margin-top: 25px;
}

.sidebar-area .widget.widget_newsletter .newsletter-widget form input.newsletter-email {
    background-color: #fff;
    color: #999;
    margin-bottom: 10px;
    border: 1px solid #999;
    padding: 10px 25px 10px 15px;
    font-size: 14px;
}

.comments-area .author-avatar {
    position: relative;
    z-index: 1;
}

.comments-area .author-avatar img {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.comments-area .comment-wrap {
    border: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 42px;
    margin-bottom: 27px;
    position: relative;
}

.comments-area .comment-wrap .comment-header {
    margin-bottom: 16px;
}

.comments-area .comment-wrap .comment-author {
    font-weight: 700;
    margin: 0 0 3px;
    text-transform: capitalize;
}

.comments-area .comment-wrap .comment-date {
    font-style: italic;
    font-size: 93.333%;
}

.comments-area .comment-wrap .comment-content p:last-child {
    margin-bottom: 0;
}

.comments-area .comment-wrap .reply {
    padding-top: 25px;
}

.comments-area .comment-wrap .reply a {
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 2.4px;
}

.comments-area .comment-respond {
    margin-top: 50px;
}

.comments-area .comment-respond .comment-form .row {
    margin-bottom: 24px;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond textarea {
    border: 1px solid #eee;
    background-color: #f7f7f7;
    color: #777;
}

.item-number {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 66px;
    height: 66px;
    line-height: 66px;
    font-size: 200%;
    font-style: italic;
    color: #1f1f1f;
    background-color: #eee;
    text-align: center;
}

table {
    width: 100%;
}

.table thead,
table thead {
    background-color: #f2f2f5;
    color: #202020;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-size: 80%;
    font-weight: 400;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.table tr:last-child,
table tr:last-child {
    border-bottom: 0;
}

.table td,
.table th,
table td,
table th {
    padding: 5px;
    font-weight: 400;
}

.table>thead>tr>th,
.table>tbody>tr>td {
    border-bottom: none;
    border-top: none;
}

.bloq-services .col-md-2 {
    padding: 0;
}

.counter-content h2 {
    color: #1930f8;
    font-family: 'klavikaRegular';
    font-size: 60px;
    display: inline-block;
    line-height: 64px;
    margin-bottom: 0;
}

.counter-content h5 {
    color: #4A4A4C;
    font-size: 22px;
    margin-top: 0;
    font-family: 'klavikaLight';
    letter-spacing: 4px;
    text-transform: uppercase;
}

.counter-content span {
    text-transform: uppercase;
    font-size: 16px;
    color: #1930f8;
}

h5.counter-desc.text-inline {
    display: inline;
}

ul.list-circle i {
    color: #1930f8;
    font-size: 14px;
    margin-right: 10px;
    line-height: 30px;
    float: left;
}

ul.list-circle li {
    margin-bottom: 20px;
}

h2.sub-heading span.f5 {
    font-size: 20px;
    line-height: 22px;
    font-family: klavikaLight;
}

h2.sub-heading.no-sub-line:after {
    display: none
}

h2.sub-heading.no-sub-line {
    line-height: 15px;
}

.team-carousel.owl-carousel.owl-theme img.team-carr {
    width: 215px;
}

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

h3.text-abs {
    display: block;
    width: auto;
    position: absolute;
    font-family: 'klavikaRegular';
    font-size: 33px;
    color: #ffffff;
    left: 20px;
    top: 20px;
    letter-spacing: 2px;
    border-left: solid 3px #1930f8;
    padding-left: 20px;
    line-height: 41px;
}

h4 {
    font-family: klavikaLight;
    background: none;
    color: #4a4a49;
}

.container-fluid.know-how img {
    width: 165px;
}

span.plus {
    font-size: 46px;
    margin-right: 10px;
}


div#rev_slider_2 {
    height: 560px !important;
}

img.logo-slider {
    width: 300px !important;
    height: auto !important;
}

img.scrolldown {
    width: 50px !important;
    height: auto !important;
    position: absolute !important;
    bottom: 10%;
    left: 50%;
    z-index: 999;
}

.map-index h5 {
    text-transform: uppercase;
}

.col-md-25 {
    width: 20%;
    float: left;
    padding: 10px;
}
li.language-menu {
    padding-top: 20px;
}
.main-navigation ul li a {
    padding: 8px 20px;
}
a.private-menu, a.private-menu * {
    color: #1930f8 !important;
}
@media (min-width: 1280px) {
    .image-overlay {
        margin-top: -20px;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .image-overlay {
        margin-top: -90px;
    }
}

@media (min-width: 1200px) {
    .left-content {
        float: left;
        width: 384px;
        padding-bottom: 30px;
    }

    .left-content .left-content-inner {
        padding: 0 20%;
    }

    .left-content .sidebar-logo {
        padding: 75px 0 40px 0;
    }

    .left-content .widget {
        margin-bottom: 80px;
        text-align: center;
    }

    .right-content {
        position: relative;
        overflow: hidden;
        width: calc(100% - 384px);
        -webkit-box-shadow: inset 0px 0px 12px #f7f7f7;
        -khtml-box-shadow: inset 0px 0px 12px #f7f7f7;
        -moz-box-shadow: inset 0px 0px 12px #f7f7f7;
        -ms-box-shadow: inset 0px 0px 12px #f7f7f7;
        -o-box-shadow: inset 0px 0px 12px #f7f7f7;
        box-shadow: inset 0px 0px 12px #f7f7f7;
    }

    .contact2 {
        padding-left: 100px;
    }
}

@media (max-width: 1200px) {
    .left-content {
        display: none;
    }

    .left-content.tablet-show {
        display: block;
        width: 100%;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .image-overlay {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {

    .full-left,
    .full-right {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .full-left {
        left: 0;
    }

    .full-right {
        right: 0;
    }

    .full-left>div,
    .full-right>div {
        position: absolute;
        bottom: 0;
        height: 100%;
    }

    .full-left.has-overlay>div:before,
    .full-right.has-overlay>div:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        background-color: rgba(0, 0, 0, .5);
    }

    .comments-area .author-avatar {
        float: left;
        margin-top: 33px;
    }

    .comments-area .comment-wrap {
        margin-left: 50px;
        padding-left: 75px;
        padding-right: 65px;
        min-height: 170px;
    }

    .comments-area ul.children {
        margin-left: 100px;
    }
}

@media (max-width: 992px) {
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .login .form-row .button {
        width: 120px;
    }

    .img-tablet-show {
        display: none;
    }

}

@media (min-width: 480px) {
    .comments-area .comment-wrap .reply {
        position: absolute;
        top: 0;
        right: 25px;
        z-index: 1;
    }
}

@media (max-width: 480px) {
    .move-70 {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    #backtotop {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .dp-table,
    .dp-table-cell {
        display: inline;
    }
    .col-md-25 {
        width: 50%;
        float: left;
        padding: 10px;
        height: 130px !important;
    }
    .team .col-md-25.p-2 {
        height: auto !important;
    }
}

.hidden {
    display: none;
}

.volume-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    padding: 2px 10px 10px 10px;
    margin: 10px;
    color: white;
    font-size: 170%;
    width: 2.8rem;
    height: 2rem;
    border: 10px white;
}

.volume-btn:hover {
    border-right: 2px solid white;
    margin-right: 8px;
}

/* --------------------------------------------------------------------- */
/* 2. ELEMENTS
/* --------------------------------------------------------------------- */

/* === 2.1. REVOLUTION SLIDER === */
.slider-triangle:after,
.slider-triangle:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 70%;
    z-index: 21;
    background-color: #fff;
    outline: transparent solid 1px;
}

.slider-triangle:before {
    left: -33%;
    -webkit-transform: skew(0deg, 14deg);
    -khtml-transform: skew(0deg, 14deg);
    -moz-transform: skew(0deg, 14deg);
    -ms-transform: skew(0deg, 14deg);
    -o-transform: skew(0deg, 14deg);
    transform: skew(0deg, 14deg);
}

.slider-triangle:after {
    right: -33%;
    -webkit-transform: skew(0deg, -14deg);
    -khtml-transform: skew(0deg, -14deg);
    -moz-transform: skew(0deg, -14deg);
    -ms-transform: skew(0deg, -14deg);
    -o-transform: skew(0deg, -14deg);
    transform: skew(0deg, -14deg);
}

.bar-discovery {
    position: absolute;
    z-index: 101;
    bottom: 20px;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, 0%);
    text-align: center;
    font-style: normal;
    font-family: Lato;
    font-size: 12px;
}

.forcefullwidth_wrapper_tp_banner {
    overflow: hidden;
}

/* === 2.2. HEADER === */
.header {
    position: relative;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
}

.header .no-container {
    padding-left: 5.2%;
    padding-right: 5.2%;
}

#header-logo {
    height: 77px;
    display: table;
}

#header-logo a {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0 0px 0px;
}

.nav-extra .header-popup {
    height: 77px;
    position: relative;
}

.nav-extra .header-popup .header-icon {
    display: inline;
    float: right;
}

.nav-extra-language {
    text-align: right;
    line-height: 77px;
    float: left;
    height: 77px;
    display: inline;
}

.header-ontop .nav-extra .header-popup .header-icon {
    color: #fff;
    padding: 20px;
}

.header-ontop.light .nav-extra .header-popup .header-icon {
    color: #212121;
}

.nav-extra .header-popup .header-icon i {
    cursor: pointer;
    width: 50px;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.nav-extra .header-popup .header-icon i .cart_total {
    position: absolute;
    top: 28%;
    left: 28px;
    height: 13px;
    min-width: 13px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background-color: #1f1f1f;
    line-height: 13px;
    font-size: 8px;
    padding: 0 3px;
    font-family: Lato;
}

.nav-extra .header-popup .popup {
    display: none;
    width: 320px;
    position: absolute;
    top: 100%;
    z-index: 21;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    vertical-align: inherit;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.nav-extra .header-popup .popup.mini-tools {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 360px;
    max-width: 100%;
    padding: 0;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner {
    max-height: 100%;
    padding: 70px 80px 30px 60px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .header-icon {
    line-height: 70px;
    width: 70px;
    height: 70px;
    border: none;
    padding: 0;
    display: block;
    float: none;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .header-icon i {
    font-size: 35px;
    text-align: left;
    -webkit-transform: translate(-10px, -10px);
    -khtml-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
}

.nav-extra .header-popup {
    display: block;
    right: 0;
}

.nav-extra .header-popup {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.nav-extra .mini-tools .widget {
    margin-bottom: 60px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li {
    border-bottom: 0;
    text-transform: uppercase;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li a,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li a {
    padding-left: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #212121;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li a:hover,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li a:hover {
    color: #999999;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social {
    margin: -5px -12px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social li {
    float: left;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social a {
    display: inline-block;
    padding: 5px 12px;
    color: #212121;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social a:hover {
    color: #999999;
}

.nav-extra .menu-mobile {
    display: table;
}

.header.header-2 {
    border-top: none;
}

.header.header-2 #header-logo {
    max-width: inherit;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    /*  background-color: #1f1f1f;*/
}

.header.header-ontop {
    background-color: rgba(255, 255, 255, 0.01);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.header.header-ontop.light {
    background-color: rgba(255, 255, 255, 0.6);
}

.header.header-ontop.no-bg {
    background: none;
}


.description.extra-font.italic {
    color: white;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}

i.quote-icon.circle.fa.fa-quote-right {
    color: white;
}


@media (min-width: 1201px) {
    #menu-mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header.header-2 .no-container {
        padding-left: 0;
        padding-right: 0;
    }

    .header.header-2 #header-logo {
        width: 15%;
    }

    .header.header-2 .nav-extra {
        width: 10%;
        height: 76px;
    }

    .header.header-2 .nav-extra .header-icon {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        float: none;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid rgba(136, 136, 136, .1);
    }

    .header.header-2 .navigation {
        width: calc(75%);
    }


    .header.header-2 .navigation .main-navigation>ul>li {
        display: table-cell;
        /*	width: 1%;
		float: none;
		*/
        float: left;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        /*padding-left: 10px;
		padding-right: 10px;
		*/
        border-right: 1px solid rgba(136, 136, 136, .1);
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
    }

    .header.header-2 .navigation .main-navigation>ul>li ul li {
        text-align: left;
    }

    .header.header-2 .navigation .main-navigation>ul>li:hover {
        background-color: #4a4a49;
    }

    /*new*/
    .header.header-2 .navigation .main-navigation>ul>li>a {
        width: 100%;
        padding: 30px 35px;
    }

    /*end new*/
    .header.header-2 .navigation .main-navigation>ul>li:hover>a {
        color: #fff;
    }

    .header.left {
        float: left;
        padding-bottom: 30px;
    }

    .header-ontop.left {
        width: 384px;
    }

    .header.left #header-logo {
        float: none;
        display: block;
        height: inherit;
        width: 100%;
        max-width: 100%;
        padding-top: 36px;
        padding-bottom: 60px;
    }

    .header.left>div {
        padding-right: 15px;
        padding-left: 28.61035%;
    }
}

@media (max-width: 1024px) {
    .header-scroll.header-sticky {
        position: static;
    }
}

@media (max-width: 480px) {
    .header.header-ontop {
        position: static;
        background-color: #000;
    }

    .header.header-ontop.no-bg {
        background-color: #000;
    }
}

@media (max-width: 320px) {
    .header.header-2 #header-logo {
        width: 100%;
    }

    .header.header-2 .nav-extra,
    .header.header-ontop .nav-extra,
    .header.header-default .nav-extra {
        float: none !important;
        text-align: center;
        clear: left;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header.header-2 .nav-extra .header-popup,
    .header.header-ontop .nav-extra .header-popup,
    .header.header-default .nav-extra .header-popup {
        height: auto;
    }

    .header.header-2 .nav-extra .header-popup .header-icon,
    .header.header-ontop .nav-extra .header-popup .header-icon,
    .header.header-default .nav-extra .header-popup .header-icon {
        float: none;
        display: inline;
    }

    .header.header-ontop #header-logo,
    .header.header-default #header-logo {
        width: auto;
        text-align: center;
    }
    a.header-icon.menu-mobile {
        padding: 0 !important;
        display: inline-block;
    }
    .nav-extra-icon {
        margin-top: 25px;
    }
    .header.header-ontop #header-logo a,
    .header.header-default #header-logo a {
        padding-right: 0px;
        height: 77px;
    }

    .nav-extra .header-popup .popup {
        width: 100%;
    }

    .header.header-2 div#header-logo {
        width: auto;
        padding: 0;
        float: left;
    }

    .header.header-2 div#header-logo a {
        padding: 0;
    }

    .main-logo {
        height: 50px;
    }

    #header .nav-extra.pull-right {
        padding: 0;
        width: auto;
        clear: none;
    }

    .nav-extra.pull-right .header-popup.clearfix {
        padding: 0;
        width: auto;
        float: right;
    }
}



.highlight-menu-item>a {
    color: white !important;
    background: #c3c3c3;
    /* font-weight: bold; */
}

.highlight-menu-item>a:hover {
    color: white !important;
    background: #1930f8 !important;
}

/* === 2.3. MENUS === */
.main-navigation>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-navigation>ul li {
    position: relative;
    display: block;
    line-height: 15px;
}

.main-navigation>ul>li {
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    overflow: hidden;
}

.main-navigation>ul>li:hover {
    overflow: visible;
}

.main-navigation>ul>li:first-child {
    padding-left: 0;
}

.main-navigation>ul>li>a {
    line-height: 77px;
    height: 77px;
    text-transform: uppercase;
    font-size: 14px;
}

.main-navigation ul ul>li>a {
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

.main-navigation ul li a {
    color: #212121;
}

.header-ontop .main-navigation>ul>li>a {
    color: #fff;
}

.header-ontop.light .main-navigation>ul>li>a {
    color: #212121;
}

.main-navigation ul li a:hover,
.main-navigation ul li.active>a,
.header-ontop .main-navigation>ul>li>a:hover,
.header-ontop .main-navigation>ul>li.active>a,
.header-ontop.light .main-navigation>ul>li>a:hover,
.header-ontop.light .main-navigation>ul>li.active>a,
.main-navigation ul.onepage-menu li>a.current {
    color: #FFF;
}

.main-navigation>ul ul {
    padding: 33px 25px 40px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 200%;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #eee;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.main-navigation>ul li:hover>ul {
    visibility: visible;
    top: 100%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    z-index: 2;
}

.main-navigation>ul>li:hover ul ul {
    top: 0;
}

.main-navigation>ul ul li {
    padding: 10px 20px;
}

.main-navigation>ul>li>.menu-toggle {
    display: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-navigation ul .active {
    background-color: #1930F8;
}

.mobile-nav .main-navigation ul .active {
    padding-left: 10px !important;
}

.mobile-nav .main-navigation ul .active a {
    color: white !important;
}

.nav-extra-icon.menu-bar {
    width: auto;
    float: right;
    margin-top: 30px;
    display: inline;
}

.mobile-close {
    display: none;
}

.header-mobile .navigation {
    width: 300px;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    padding: 50px 15px;
    overflow: hidden;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .navigation {
        max-width: calc(100% - 100px);
    }

    .multicolumn>li>ul {
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
        padding: 0;
        margin: 0;
        border: none;
        max-width: 100%;
        width: 100%;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .multicolumn>li>ul>li {
        padding-left: 0;
    }

    .main-navigation>ul ul.back {
        right: auto;
        left: 0;
    }

    .main-navigation>ul ul li ul {
        top: 0;
        left: 100%;
    }

    .multicolumn>li>a {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        width: 100%;
        display: inline-block;
    }

    .header.left .navigation {
        max-width: calc(100% - 100px);
        min-width: 180px;
    }

    .header.left .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .header.left .main-navigation>ul>li>a {
        line-height: 46px;
        height: 46px;
        width: 100%;
    }

    .header.left .main-navigation>ul>li .sub-menu,
    .header.left .main-navigation>ul>li .multicolumn {
        margin-top: 0;
        top: 0;
        left: 100%;
    }

    .sub-menu a:hover {
        color: #96a9f3 !important;
    }

    .header.left .main-navigation>ul>li .sub-menu .sub-menu {
        left: calc(100% + 25px);
    }

    .header.left .main-navigation .multicolumn>li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-mobile .navigation {
        width: 384px;
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        padding: 50px 15px;
        overflow: hidden;
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
        background-color: #ffffff;
    }

    .header-mobile .navigation.open {
        right: 0;
    }

    .header-mobile .navigation.open .mobile-close {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #1f1f1f;
        background: #fff;
        z-index: 1;
        font-size: 200%;
        cursor: pointer;
        display: inline-block;
    }

    .header-mobile .navigation.open .mobile-close:hover {
        background: #1f1f1f;
        color: #fff;
    }

    .header-mobile .navigation .main-navigation {
        width: calc(100% + 30px);
        padding-right: 30px;
        max-height: 100%;
        overflow-x: hidden;
    }

    .header-mobile .navigation .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
        clear: left;
    }

    .header-mobile .navigation .main-navigation>ul>li>a {
        line-height: 50px;
        height: 50px;
        color: #1f1f1f;
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn {
        max-width: 100%;
        min-width: 100%;
        position: relative;
        max-height: 0;
        border: none;
        padding: 0;
        top: 0;
        left: 0;
    }

    .header-mobile .main-navigation>ul li:hover>ul {
        visibility: hidden;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu .sub-menu,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn ul {
        padding-top: 10px;
    }

    .header-mobile .navigation .main-navigation>ul>li .menu-toggle {
        display: block;
        top: 10px;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .header-mobile .navigation .main-navigation>ul>li .menu-toggle.open {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu.submenu-open,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn.submenu-open,
    .header-mobile .navigation .main-navigation>ul li:hover>ul.multicolumn.submenu-open>li>ul,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn.submenu-open>li>ul {
        max-height: 10000px;
        visibility: visible;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .multicolumn>li {
        float: none;
        display: block;
        width: 100%;
    }

    .navigation-left,
    .navigation-right {
        width: calc(50% - 50px);
        min-height: 1px;
    }

    .navigation-left .main-navigation>ul>li,
    .navigation-right .main-navigation>ul>li {
        display: table-cell;
        width: 1%;
        float: none;
        padding-right: 10px;
        text-align: center;
    }

    .navigation-left .main-navigation>ul ul li,
    .navigation-right .main-navigation>ul ul li {
        text-align: left;
    }
}

@media (max-width: 1024px) {
    .header-mobile .navigation.mobile-nav {
        width: 100%;
        position: fixed;
        top: 0;
        right: -200%;
        bottom: 0;
        z-index: 5;
        padding: 50px 15px;
        overflow: hidden;
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
        background-color: #ffffff;
    }

    .header-mobile .navigation.mobile-nav.open {
        right: 0;
    }

    .header-mobile .mobile-nav.open .mobile-close {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #1f1f1f;
        background: #fff;
        z-index: 1;
        font-size: 200%;
        cursor: pointer;
        display: inline-block;
    }

    .header-mobile .mobile-nav.open .mobile-close:hover {
        background: #1f1f1f;
        color: #fff;
    }

    .header-mobile .navigation.mobile-nav .main-navigation {
        width: calc(100% + 30px);
        padding-right: 30px;
        max-height: 100%;
        overflow-x: hidden;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
        clear: left;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li>a {
        line-height: 50px;
        height: 50px;
        color: #1f1f1f;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn {
        max-width: 100%;
        min-width: 100%;
        position: relative;
        max-height: 0;
        border: none;
        padding: 0;
        top: 0;
        left: 0;
    }

    .header-mobile .mobile-nav .main-navigation>ul li:hover ul {
        visibility: hidden;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu .sub-menu,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn ul {
        padding-top: 10px;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .menu-toggle {
        display: block;
        top: 10px;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .menu-toggle.open {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu.submenu-open,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn.submenu-open,
    .header-mobile .mobile-nav .main-navigation>ul li:hover>ul.multicolumn.submenu-open>li>ul,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn.submenu-open>li>ul {
        max-height: 10000px;
        visibility: visible;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .mobile-nav .multicolumn>li {
        float: none;
        display: block;
        width: 100%;
    }

    .header-mobile .mobile-nav .multicolumn>li>ul {
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
        padding: 0;
        margin: 0;
        border: none;
        max-width: 100%;
        width: 100%;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .navigation.mobile-nav .header-popup .header-icon {
        display: none;
    }
}

@media (min-width: 769px) {
    .main-navigation>ul ul.multicolumn {
        min-width: 800px;
    }

    .main-navigation>ul ul.sub-menu,
    .main-navigation>ul ul.multicolumn ul.sub-menu ul.sub-menu {
        min-width: 315px;
    }

    .main-navigation>ul ul.multicolumn ul.sub-menu {
        min-width: inherit;
    }
}

@media (max-width: 320px) {
    .header-mobile .navigation.mobile-nav {
        width: 320px;
    }
}

/* === 2.4. SECTIONS === */
.section {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.section.border-top {
    border-top: 1px solid #eee;
}

.section-fixed {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.section-fullscreen {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-404 {
    background-color: #C0CAD5;
}

.section-bg-2 {
    background-image: url(..//images/background/contacto2.jpg);
    background-position: center center;
}

.section-bg-3 {
    background-image: url(../images/background/bg_975x1080.jpg);
    background-position: center center;
}

.section-bg-4 {
    background-image: url(../images/background/bg_975x1080.jpg);
    background-position: center center;
}

.section-bg-5 {
    background-image: url(../images/nosotros.jpg);
    background-position: center center;
}

.section-bg-bluesky {
    background-image: url(../images/background/ingenieria.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*new*/
.section-bg-tecnodesayunos {
    background-image: url(../images/background/cabecera-tecnodesayunos.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*end new*/
.section-bg-blog {
    background-image: url(../images/blog/cabecera-blog.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-bg-service1 {
    background-image: url(../images/services/servicio1.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service2 {
    background-image: url(../images/services/servicio2.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service3 {
    background-image: url(../images/services/servicio3.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service4 {
    background-image: url(../images/services/servicio4.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service5 {
    background-image: url(../images/services/servicio5.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service6 {
    background-image: url(../images/services/servicio6.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-bg-service7 {
    background-image: url(../images/services/servicio7.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-blue {
    background: #1930f8;
}

.c-white {
    color: white;
}

.section-bg-dot {
    background-image: url(../images/background/bg_dotwhite.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-trama {
    background-image: url(../images/background/trama.png);
    background-position: center top;
    background-repeat: repeat;
}

.section-bg-skyline {
    background-image: url(../images/background/bg-skyline.jpg);
    background-position: center center;
}

.section-bg-arca-sec {
    background-image: url(../images/background/cabecera-arca.jpg);
    background-position: bottom left;
    background-size: cover;
}

.section-bg-contacta-sec {
    background-image: url(../images/background/cabecera-contacta.jpg);
    background-position: bottom left;
    background-size: cover;
}

.section-bg-slider {
    background-image: url(../images/blog.jpg);
    background-position: center center;
}

.section-bg-slider-blog {
    background-image: url(../images/blog2.jpg);
    background-position: center center;
}

.section-bg-prensa {
    background-image: url(../images/sala-de-prensasection-bg-slider.jpg);
    background-position: center center;
}

.section-bg-contacto {
    background-image: url(../images/background/contacto.jpg);
    background-position: center center;
}

.section-bg-8 {
    background-image: url(../images/background/bg_1920x1080.jpg);
    background-position: center center;
}

.section-bg-tramagrey {
    background-image: url(../images/background/trama-grey.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-tramablue {
    background-image: url(../images/background/trama-blue.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-bg-tramagray {
    background-image: url(../images/background/trama_gris.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-10 {
    background-image: url(../images/background/bg_arca.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.section-bg-trabajadores {
    background-image: url(../images/background/trabajadores.jpg);
    background-position: center center;
}

.section-bg-12 {
    background-image: url(../images/background/bg_1920x1280.jpg);
    background-position: center center;
}

.section-bg-18 {
    background-image: url(../images/background/arca-section.jpg);
    background-position: center center;
}

.section-bg-23 {
    background-image: url(../images/soluciones-red.jpg);
    background-position: center center;
}
.section-bg-24 {
    background-image: url(../images/soluciones-negocio.jpg);
    background-position: center center;
}

/* === 2.5. ACCORDIONS === */
.accordion.style-1 .accordion-heading {
    color: #1f1f1f;
    display: block;
    padding: 14px 20px;
    font-weight: bold;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.accordion.style-1 .accordion-heading.active {
    padding-left: 70px;
}

.accordion.style-1 .accordion-heading .toggle-icon {
    position: absolute;
    left: 0;
    top: 25px;
    width: 50px;
    height: 1px;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: none;
}

.accordion.style-1 .accordion-heading .toggle-icon:before {
    content: " ";
    width: 50px;
    height: 1px;
    background-color: #1f1f1f;
    border: none;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: block;
}

.accordion.style-1 .accordion-heading.active .toggle-icon {
    display: block;
}

.accordion.style-1 .accordion-body {
    padding-left: 0px;
    padding-bottom: 24px;
}

.accordion.default .accordion-group {
    display: block;
}

.accordion.default .accordion-heading {
    font-size: 120%;
    color: #535353;
    line-height: 120%;
    font-weight: 300;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    border: 1px solid #eee;
    margin-top: 40px;
    margin-top: 40px;
}

.accordion.default .accordion-group:first-child .accordion-heading {
    margin-top: 0;
}

.accordion.default .accordion-heading:hover,
.accordion.default .accordion-heading.active {
    background-color: #1f1f1f;
}

.accordion.default .accordion-heading a {
    color: #535353;
    padding: 20px 20px 20px 75px;
    display: inline-block;
    width: 100%;
}

.accordion.default .accordion-heading:hover a,
.accordion.default .accordion-heading.active a {
    color: #fff;
}

.accordion.default .accordion-heading .toggle-icon {
    border: 1px solid #535353;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.accordion.default .accordion-heading:hover .toggle-icon,
.accordion.default .accordion-heading.active .toggle-icon {
    border-color: #fff;
    color: #fff;
}

.accordion.default .accordion-heading.active .toggle-icon:before {
    content: "\f107";
}

.accordion.default .accordion-body {
    padding: 35px 30px 50px;
    border: 1px solid #f0f0f0;
    border-top: none;
}

.site-map p {
    margin: 0;
    line-height: 21px;
}



.mapa-oficinas .accordion-heading.toggle_title {
    padding: 0;
    font-weight: normal;
}

.mapa-oficinas .accordion.style-1 .accordion-heading.active {
    padding: 0;
}

.mapa-oficinas .accordion.style-1 .accordion-heading.active .toggle-icon {
    display: none;
}

.mapa-oficinas .accordion-inner p {
    padding-left: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    font-style: italic;
    text-transform: initial;
}

.mapa-oficinas .active a.accordion-toggle {
    font-weight: bold;
    color: #414141 !important;
}

/* === 2.6. BLOG === */


.portfolio-full .content-wrap {
    background: #fff;
    margin: 125px 0;
    padding: 70px 20px 66px 30px;
}

.portfolio-full {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.portfolio-full .content-wrap .entry-footer a {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    border: 1px solid #1f1f1f;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 130%;
    text-align: center;
}

.entry-footer {
    margin-top: 25px;
    clear: both;
}

.entry-header {
    margin-bottom: 20px;
}

.portfolio-full .content-wrap .entry-title {
    line-height: 120%;
    letter-spacing: 1.3px;
    margin-bottom: 10px;
    font-family: KlavikaRegular;
    font-weight: 400;
    font-style: normal;
    font-size: 22px !important;
}

.blog-item .entry-media {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}

.single-post .entry-media {
    position: relative;
    margin-bottom: 33px;
}

.blog-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.blog-item {
    position: relative;
    display:flex;
}

.blog-carousel .blog-item {
    margin-left: 15px;
    margin-right: 15px;
}

.blog-item.border {
    border: 1px solid #eee;
}

.blog-item .entry-media {
    display: block;
    overflow: hidden;
}

.entry-blog.list .blog-item .entry-media {
    margin-bottom: 0;
}

.blog-item .entry-media .nectar-love {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
}

.blog-item .entry-media .nectar-love.right {
    left: auto;
    right: 0;
}

.blog-item .entry-media .nectar-love.top {
    top: 0;
    bottom: auto;
}

.blog-item h5.entry-title {
    padding-top: 4px;
    margin-bottom: 8px;
    font-weight: 700;
}

.blog-item .entry-title.border-bottom:after {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    clear: both;
    background-color: #1f1f1f;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin: 18px 0;
}

.blog-item .entry-content .entry-meta {
    font-family: "Playfair Display";
    font-style: italic;
    color: #999999;
    font-size: 15px;
}

.blog-item .entry-content .entry-meta li {
    padding: 0;
}

.blog-item.border-bottom:after {
    content: "";
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.entry-blog.list {
    margin-left: -15px;
    margin-right: -15px;
}

.entry-blog.list:after {
    margin-left: 15px;
    margin-right: 15px;
}

.widget_recent_post .recent-item {
    padding: 0;
    margin-bottom: 32px;
    float: left;
    width: 100%;
}

.widget_recent_post .recent-item:last-child {
    margin-bottom: 0px;
}

.widget_recent_post .entry-media {
    margin: 0 20px 0 0;
    max-width: 66px;
}

.widget_recent_post .entry-media img {
    margin-bottom: 0;
}

.widget_recent_post .entry-media+.item-content {
    padding-left: 86px;
}

.widget_recent_post .entry-title {
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: .8px;
    font-weight: 700;
    line-height: 140%;
}

.widget_recent_post .entry-meta li {
    padding: 0;
}

.single-post .entry-title {
    margin-bottom: 6px;
    font-weight: 700;
}

.single-post .entry-meta li {
    display: inline-block;
    padding: 0 5px;
    border-bottom: none;
}

.single-post .entry-meta li a:hover {
    color: #1f1f1f;
}

.single-post .entry-header {
    margin-bottom: 45px;
}

.single-post .entry-content {
    margin-bottom: 36px;
}

.single-post .entry-content blockquote,
.single-post .entry-content .blockquote {
    font-family: KlavikaRegular;
}

.single-post .tags {
    padding-bottom: 27px;
    margin-bottom: 32px;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
}

.single-post .tags .cmt-count {
    text-transform: uppercase;
    line-height: 120%;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.single-post .post-like-share {
    clear: both;
    float: left;
    width: 100%;
}

.single-post .post-like-share .like-count .nectar-love {
    background: #1f1f1f;
    color: #fff;
    display: inline-block;
    overflow: hidden;
}

.single-post .post-like-share .like-count .nectar-love:hover {
    background: #999;
}

.single-post .post-like-share .like-count .nectar-love i,
.single-post .post-like-share .like-count .nectar-love span {
    line-height: 45px;
    text-align: center;
    display: inline-block;
    float: left;
}

.single-post .post-like-share .like-count .nectar-love i {
    width: 45px;
    height: 45px;
}

.single-post .post-like-share .like-count .nectar-love span {
    min-width: 45px;
    padding: 0 10px;
    background: #393939;
}

.single-post .post-like-share .like-count .nectar-love:hover span {
    background: #b3b3b3;
}

.single-post .post-like-share .entry-socials-share-list {
    margin-top: 10px;
}

.single-post .post-like-share .entry-socials-share-list li {
    display: inline-block;
}

.single-post .entry-author {
    margin-top: 60px;
    margin-bottom: 72px;
    clear: both;
    width: 100%;
    float: left;
}

.single-post .entry-author .author-avatar {
    text-align: center;
}

.single-post .entry-author .author-avatar img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.single-post .entry-author .author-info {
    border: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 30px;
}

.relate-blog-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.relate-blog-carousel .blog-item {
    margin-left: 15px;
    margin-right: 15px;
}

.fullwidth.section-cover {
    min-height: 260px;
}


.section-slider {
    min-height: 700px;
}

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

.section-slider h2 {
    font-size: 40px;
    font-family: klavikaRegular;
    color: white;
    margin-top: 80px;
}



.popup-video iframe.if-popup-video {
    width: 100%;
    height: 100%;
}

.popup-video .popup-video-inner {
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-video .popup-video-inner>a {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 43px;
    height: 43px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    background-color: #1930F8;
    color: #fff;
}

.popup-video-wrap>a i {
    width: 61px;
    height: 61px;
    line-height: 61px;
    margin-right: 20px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    color: #1f1f1f;
    text-align: center;
}

.popup-video-wrap>a {
    color: #fff;
}

.tp-caption.opacitybanner {
    background: rgba(153, 153, 153, 0.6);
}

.tp-caption.Lato-Black-20 .counter-banner{
    background: rgba(153, 153, 153, 0.7);
    padding: 10px;
}
@media (min-width: 992px) {
    .single-post .entry-author .author-avatar {
        float: left;
        padding-top: 33px;
    }

    .single-post .entry-author .author-info {
        margin-left: 50px;
        padding-left: 75px;
        padding-right: 65px;
        min-height: 170px;
    }

    .single-post .entry-author .author-info .author-email {
        margin-top: 8px;
        font-style: italic;
    }
}

@media (max-width: 992px) {
    .single-post .entry-author .author-info {
        margin-top: -50px;
        padding-top: 70px;
    }
}

@media (min-width: 768px) {
    .single-post .tags .cmt-count {
        float: left;
        max-width: 25%;
        margin-top: 18px;
    }

    .single-post .tags .entry-tags {
        float: right;
        max-width: 75%;
    }
}

@media (max-width: 768px) {
    .entry-blog.list .entry-header {
        margin-top: 20px;
    }

    .no-res {
        display: none;
    }
}

@media (min-width: 480px) {
    .single-post .post-like-share .like-count {
        float: left;
    }

    .single-post .post-like-share .entry-socials-share-list {
        float: right;
    }
}

/* === 2.7. CLIENT === */
.client-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.client-carousel .owl-item .client-item {
    margin-left: 15px;
    margin-right: 15px;
}

.client-carousel .owl-item .client-item img {
    width: auto;
}

.client-carousel .owl-item {
    display: table;
    min-height: 67px;
}

.client-carousel .owl-item>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* === 2.8. FOOTER === */
.footer {
    position: relative;
    clear: left;
}

.footer-top {
    line-height: 27px;
    color: #FFFFFF;
    background-color: #000000;
    padding-top: 24px;
    padding-bottom: 36px;
}

.footer-top .widget .wg-title {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ffffff;
    margin-bottom: 14px;
}

.footer-top .widget .contact-info li {
    margin-top: 83px;
    line-height: 30px;
}

.footer-top a {
    color: #FFFFFF;
}

.footer-top .widget-recent-entries li {
    border-bottom: 1px solid #444;
    padding: 15px 0;
}

.footer-top .widget-recent-entries li:first-child {
    padding-top: 0;
}

.footer-top .widget-recent-entries li a {
    font-weight: 700;
    display: block;
    color: #FFFFFF;
    font-size: 120%;
}

.footer-top .widget-recent-entries li a:hover {
    color: #999999;
}

.footer-top .widget-recent-entries .post-date {
    display: block;
    font-style: italic;
    font-family: "Playfair Display";
}

.footer-bottom {
    font-size: 106.67%;
    text-align: center;
    color: #202020;
    padding-top: 30px;
    padding-bottom: 15px;
}

.footer img {
    height: 90px;
}

.service-content-wrap p {
    min-height: 185px;
    color: white;
}

@media (min-width: 992px) {
    .footer-top .col-2 {
        padding-left: 75px;
        padding-right: 75px;
    }
}

@media (max-width: 992px) {

    .footer-top .col-1+div,
    .footer-top .col-1+div+div {
        margin-top: 40px;
    }
}

/* === 2.9. PROGRESS BARS === */
.progress-wraper .progress-title {
    margin-bottom: 3px;
    font-size: 15px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.progress-wraper .progress-value {
    color: #878787;
    padding-right: 15px;
}

.progress-wraper .block-progressbar {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.progress-wraper .block-progressbar:last-child {
    margin-bottom: 0px;
}

.block-progressbar .progressbar-back-text {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 15px;
    border-radius: 0;
    font-size: 0;
    text-indent: -9999px;
}

.group-progressbar.gray .block-progressbar .progressbar-back-text {
    background-color: #eeeeee;
}

.block-progressbar .progresswrap {
    height: 15px;
}

.block-progressbar .progressbar {
    position: absolute;
    background-color: rgba(25, 48, 248, 0.75);
    height: 15px;
    width: 0;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
}

.block-progressbar .progressbar-front-text {
    width: auto !important;
    position: absolute;
    right: -15px;
    top: -25px;
    font-family: klavikaMedium;
    font-size: 161.667%;
    color: #1f1f1f;
}

.progress-wraper.white .progress-title,
.progress-wraper.white .block-progressbar .progressbar-front-text {
    color: #fff;
}

.progress-wraper.white .block-progressbar .progressbar-back-text {
    background-color: rgba(255, 255, 255, 0.45);
}

.progress-wraper.white .block-progressbar .progressbar {
    background-color: #fff;
}

.progress-wraper .block-progressbar .progressbar.animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-wraper .block-progressbar .progressbar.striped {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}








* {
    padding: 0;
    margin: 0;
}

*,
:active,
:focus,
:hover {
    outline: 0 !important;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    min-height: 100%;
    width: 100%;
    scroll-behavior: smooth;
}


body {
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    letter-spacing: 0.45px;
    font-weight: 400;
    font-style: normal;
    color: #4a4a49;
    font-size: 16px;
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a,
a.active,
a.actived,
a:active,
a:focus {
    color: #414141;
    text-decoration: none;
    outline: 0;
    transition: all .3s linear 0s;
}

a:hover {
    color: #1930F8;
    text-decoration: none;
    outline: 0;
}

iframe {
    border: none;
    width: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 15px 0;
    font-weight: inherit;
    color: #1930f8;
}

.h1,
h1 {
    font-size: 240%;
    line-height: 128%;
}

.h2,
h2 {
    font-size: 200%;
    line-height: 133.334%;
    letter-spacing: 1.5px;
}

.h3,
h3 {
    font-size: 160%;
    line-height: 142%;
    letter-spacing: 1.2px;
}

.h4,
h4 {
    font-size: 133.334%;
    line-height: 150%;
}

.h5,
h5 {
    font-size: 120%;
    line-height: 155.555%;
}

.h6,
h6 {
    font-size: 106.667%;
    line-height: 162.5%;
}

img {
    max-width: 100%;
    height: auto;
}

.fs-12 {
    font-size: 12px;
}

.mousewheel {
    overflow: hidden;
}

.mousewheel .mousewheel-inner {
    max-height: 411px;
    overflow-x: hidden;
    width: calc(100% + 40px);
    padding-right: 40px;
}

input,
select,
textarea {
    border: 1px solid #ddd;
    background: 0 0;
    color: #777;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

select {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-arrow.png) right center no-repeat;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

input,
textarea {
    padding: 9.5px 25px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=phone],
input[type=tel],
textarea {
    width: 100%;
}

label {
    font-size: 14px;
    color: #1f1f1f;
}

.main-logo {
    height: 65px;
}

.blockquote,
blockquote {
    color: #1930f8;
    padding: 0 0 0 15px;
    line-height: 177%;
    font-size: 125.34%;
    letter-spacing: .85px;
    border-left: 2px solid #1930f8;
    margin: 30px 0 35px 20px;
}

.contact-form input:not([type=submit]),
.contact-form textarea {
    background-color: #fff;
    color: #777;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #eee;
}

.contact-form.dark input:not([type=submit]),
.contact-form.dark textarea {
    background-color: #333;
}

.contact-form input:focus:not([type=submit]),
.contact-form textarea:focus {
    border-color: #333;
}

.contact-form.dark input:hover:not([type=submit]),
.contact-form.dark textarea:hover {
    border-color: #999;
}

.contact-form .btn:hover {
    background: #1f1f1f !important;
    border-color: #1f1f1f;
    color: #fff;
}

.btn,
.btn-default,
.btn-primary,
.button,
.submit,
button,
input[type=submit] {
    letter-spacing: 2.4px;
    padding: 9.5px 25px;
    line-height: inherit;
    -khtml-border-radius: 0;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    text-align: center;
    font-size: 80%;
    text-transform: uppercase;
}

.btn,
.btn-default,
.button,
.submit,
button,
input[type=submit] {
    background-color: #1f1f1f;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.btn:hover,
.btn-default:hover,
.button:hover,
.submit:hover,
button:hover,
input[type=submit]:hover {
    border-color: #1f1f1f;
    color: #1f1f1f;
    background: none;
}

.btn.btn-alt {
    background: #fff;
    color: #1f1f1f;
}

.btn.btn-alt:hover {
    background: #1f1f1f;
    border-color: #1f1f1f;
    color: #fff;
}

.btn.btn-alt-white {
    border-color: #fff;
    background: none;
    color: #fff;
}

.btn.btn-alt-white:hover {
    background: #fff;
    color: #1f1f1f;
    border-color: #fff;
}

.btn-border {
    border: 1px solid #1F1F1F;
}

.btn-white,
input[type=submit].btn-white {
    background-color: #fff;
    color: #1f1f1f;
}

.btn-white:hover,
input[type=submit].btn-white:hover {
    background-color: #999;
    color: #fff;
}

.btn-infojobs {
    background-color: rgb(32, 136, 194);
    color: #fff;
}

ul.bullet-list {
    list-style: square inside;
    margin-left: 25px;
}

ul.bullet-list li {
    padding-bottom: 11px;
}

.language {
    font-size: 75%;
    padding: 10px;
    border-right: 0px;
    border-left: 0px;
    width: auto;
}

.wg-title {
    line-height: 115%;
    font-size: 16px;
    position: relative;
    padding: 0;
    margin: 0 0 15px;
    border: none;
    color: #4a4a49;
    font-family: 'RobotoLight';
    font-weight: bold;
}

.sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
}

.sub-heading.service-title:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: white;
    margin-top: 0;
    margin-bottom: 20px;
}

.container-fluid.know-how h5 {
    font-family: klavikaRegular;
    text-transform: uppercase;
    margin-bottom: 0;
}

.text-center .sub-heading {
    font-size: 308.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

.text-center .sub-heading:after {
    display: none;
}

.wg-title.white:after {
    background-color: #fff;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li {
    position: relative;
    color: #999;
    border-bottom: 1px solid #f6f6f6;
}

.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_product_categories ul li a {
    position: relative;
    display: inline-block;
    color: #999;
    padding: 9px 0 8px 20px;
}

.multicolumn {
    float: left;
}

.multicolumn>li {
    float: left;
}

.multicolumn.columns3>li {
    width: 33.333%;
}

.menu-toggle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
}

.first-menu {
    border-left: 1px solid rgba(136, 136, 136, .1);
}

.heading {
    margin-bottom: 15px;
}

/* new */
.sub-heading {
    font-size: 205.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

/* end new */
.sub-heading .f1 {
    font-family: KlavikaLight;
    font-weight: 400;
    font-style: italic;
}

.sub-heading .f2 {
    font-family: KlavikaRegular;
    font-weight: 400;
    font-style: normal;
}

.sub-heading .f3 {
    font-family: Playfair Display;
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}

.owl-carousel .owl-item img {
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.overlay-wrap {
    position: relative;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

.overlay-wrap .overlay {
    background: #fff;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.overlay-wrap .overlay.zoom-in {
    -webkit-transform: scale(1.5);
    -khtml-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.overlay-wrap:active .overlay,
.overlay-wrap:focus .overlay,
.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.overlay-wrap .overlay.left-right {
    left: -100%;
    right: 100%;
}

.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    left: 10px;
    right: 10px;
}

.overlay-wrap .overlay .overlay-inner {
    padding: 20px;
    width: 100%;
}

.overlay-wrap .overlay.zoom-in .overlay-inner {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.overlay-wrap .overlay.left-right .overlay-inner {
    left: 200%;
    right: auto;
}

.overlay-wrap:hover .overlay.left-right .overlay-inner {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}

.overlay-wrap .overlay.left-right .overlay-inner.right {
    left: 200%;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
}

.overlay-wrap:hover .overlay.left-right .overlay-inner.right {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}

.overlay-wrap .overlay.left-right .overlay-inner.align-middle,
.overlay-wrap:hover .overlay.left-right .overlay-inner.align-middle {
    top: 50%;
    width: 100%;
    bottom: auto;
    position: absolute;
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
}

.entry-title {
    margin: 0;
    font-size: 100% !important;
}

.entry-header {
    margin-bottom: 20px;
}

.entry-header .entry-meta {
    margin-top: 2px;
}

.entry-media {
    position: relative;
    margin-bottom: 0;
}

.entry-media>a>img {
    transition: all 0.3s ease;
}

.entry-media:hover>a>img {
    filter: grayscale(90%);
}

.entry-media img {
    width: 100%;
}

.grayscale {
    filter: grayscale(100%)
}

.entry-media .nectar-love {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}

.entry-media .nectar-love i {
    width: 45px;
    height: 45px;
    text-align: center;
    position: relative;
    z-index: 2;
    line-height: 45px;
    background: #1f1f1f;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.entry-media .nectar-love .nectar-love-count {
    position: absolute;
    bottom: 0;
    left: 100%;
    right: auto;
    max-width: 0;
    padding: 0 10px;
    line-height: 45px;
    background: #1f1f1f;
    white-space: nowrap;
    visibility: hidden;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.entry-media .nectar-love.right .nectar-love-count {
    left: auto;
    right: 100%;
}

.entry-media .nectar-love:hover i {
    background: #999;
}

.entry-media .nectar-love:hover .nectar-love-count {
    visibility: visible;
    background: #999;
    max-width: 200px;
}

.entry-footer {
    margin-top: 25px;
    clear: both;
}

/*new*/
.entry-footer .readmore {
    display: inline-block;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    word-break: break-all;
}
ul.tag li {
    display: inline-block;
    padding: 8px 10px;
    margin: 5px;
    color: #999;
    background: #f5f5f5;
}
.service {
    clear: both;
    float: left;
}
.text-service {
    padding: 35px 130px 0 130px;
}
.f-right{
    float: right;
}
.f-left{
    float: left;
}

/*end new*/
.entry-footer .readmore:hover {
    border-bottom-color: #999;
}

.entry-media .entry-categories {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 79.667%;
    letter-spacing: 2.6px;
    background: #1930f8;
    text-transform: uppercase;
    padding: 18px 12px;
    width: 100%;
}

span.entry-categories i {
    float: right;
    margin-top: 5px;
}

span.entry-categories a {
    color: white;
    font-family: 'klavikaRegular';
}

span.entry-categories.p-bottom {
    bottom: 0 !important;
    top: auto;
}

.accordion style-1 p {
    margin: 0;
    line-height: 19px;
}

.entry-meta li {
    border-bottom: 1px solid #eee;
}

.entry-meta.single-meta li {
    padding: 18px 0;
}

.entry-meta li:last-child {
    border-bottom: none;
}

.entry-meta li.extra-font {
    font-size: 106.667%;
}

.entry-meta li .meta-title {
    text-transform: uppercase;
    color: #1f1f1f;
    letter-spacing: 3px;
    font-style: normal;
}

.entry-meta li a {
    color: #999;
    letter-spacing: .75px;
}

.entry-blog:after {
    content: "";
    display: block;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
    clear: both;
}

.entry-socials-share-list li {
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #1f1f1f;
}

.entry-socials-share-list li a {
    font-size: 120%;
}

.social li {
    display: inline-block;
}

.social a {
    display: inline-block;
    padding: 5px 12px;
    color: #FFFFFF;
    font-size: 120%;
}

.social li:first-child a {
    padding-left: 0;
}

#backtotop {
    position: fixed;
    right: 20px;
    background: #999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

#backtotop.on {
    bottom: 15px;
}

.extra-font {
    font-family: "Roboto";
}

.italic {
    font-style: italic;
}

.circle,
.img-circle {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.bg-overlay {
    background-color: rgba(0, 0, 0, .32);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.bg-overlay-dark {
    background-color: rgba(25, 48, 248, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.img-translate-left {
    max-width: none;
    -webkit-transform: translateX(-130px);
    -moz-transform: translateX(-130px);
    -o-transform: translateX(-130px);
    transform: translateX(-130px);
}

.fullwidth {
    width: 100%;
}

.fullheight {
    height: 100%;
}

.pagination .page-numbers {
    min-width: inherit;
    width: auto;
    height: auto;
    font-size: 120%;
    line-height: 140%;
    background: 0 0;
    color: #202020;
    border-bottom: 1px solid transparent;
    margin-right: 10px;
    font-weight: 400;
}

.pagination span.page-numbers {
    color: #202020;
    border-bottom-color: #202020;
}

.pagination .page-numbers:last-child {
    margin-right: 0;
}

.pagination.style-2 {
    display: block;
    padding-left: 3.7%;
    padding-right: 3.7%;
}

.pagination.style-2 .page-numbers {
    min-width: 49px;
    height: 49px;
    line-height: 49px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 400;
    background: #999;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 10px;
}

.pagination.style-2 .page-numbers {
    background-color: #f7f7f7;
    color: #212121;
}

.pagination.style-2 .page-numbers:hover,
.pagination.style-2 span.page-numbers {
    background: #1f1f1f;
    color: #fff;
}

#map {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.contact-form.border-bottom {
    border-bottom: 1px solid #444444;
}

.move-70 {
    -webkit-transform: translateX(70px);
    -moz-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
}

.uppercase {
    text-transform: uppercase;
}

.social-wrap.vertical {
    padding-top: 62px;
    white-space: nowrap;
    -webkit-transform: rotate(90deg) translate(100%, 50%);
    -khtml-transform: rotate(90deg) translate(100%, 50%);
    -moz-transform: rotate(90deg) translate(100%, 50%);
    -ms-transform: rotate(90deg) translate(100%, 50%);
    -o-transform: rotate(90deg) translate(100%, 50%);
    transform: rotate(90deg) translate(100%, 50%);
    -webkit-transform-origin: right top 0;
    -khtml-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
}

.social-wrap .title {
    padding: 0;
    margin: 0;
    float: left;
    letter-spacing: 2.4px;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 80%;
}

.social-wrap.white .title {
    color: #fff;
}

.social-wrap.colored .title {
    margin-top: 34px;
}

.social-wrap .title:after {
    width: 100px;
    height: 1px;
    background-color: #1f1f1f;
    margin: 0 10px 0 30px;
    display: inline-block;
    content: "";
}

.social-wrap.white .title:after {
    background-color: #fff;
}

.social-wrap.vertical .social {
    margin: -5px -12px;
}

.social-wrap .social a {
    font-size: 146.6667%;
    padding: 5px 18px;
}

.social-wrap.white .social a {
    color: #fff;
}

.social-wrap.dark .social a {
    color: #1f1f1f;
}

.social-wrap.white .social a:hover,
.social-wrap.dark .social a:hover {
    color: #999;
}

.social-wrap.vertical i {
    -webkit-transform: rotate(270deg);
    -khtml-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.social-wrap.colored a {
    vertical-align: top;
    margin: 5px;
    padding: 0;
}

.social-wrap.colored a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #1f1f1f;
    display: block;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.social-wrap.colored a i[class*=twitter],
.social-wrap.colored a i[class^=twitter] {
    background: #4cdbff;
}

.social-wrap.colored a i[class*=linkedin],
.social-wrap.colored a i[class^=linkedin] {
    background: #4c94db;
}

.social-wrap.colored a i[class*=google-plus],
.social-wrap.colored a i[class^=google-plus] {
    background: #ff4c4c;
}

.social-wrap.colored a i[class*=facebook],
.social-wrap.colored a i[class^=facebook] {
    background: #4c70b7;
}

.social-wrap.colored a i[class*=pinterest],
.social-wrap.colored a i[class^=pinterest] {
    background: #e13138;
}

.social-wrap.colored a i[class*=rss],
.social-wrap.colored a i[class^=rss] {
    background: #faa33d;
}

.social-wrap.colored a i[class*=vimeo],
.social-wrap.colored a i[class^=vimeo] {
    background: #35c6ea;
}

.social-wrap.colored a i[class*=dribbble],
.social-wrap.colored a i[class^=dribbble] {
    background: #ff70b7;
}

.social-wrap.colored a:hover i {
    background-color: #999;
}

.dp-table {
    display: table;
    width: 100%;
}

.dp-table-cell {
    display: table-cell;
}

.dp-table-cell.middle {
    vertical-align: middle;
}

.social.circle-grey a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: #eee;
    color: #1f1f1f;
    margin-left: 10px;
    padding: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 146.6667%;
}

.header-bottom-line {
    margin-bottom: 33px;
}

.header-bottom-line:after {
    content: "";
    display: block;
    clear: both;
    width: 40px;
    height: 1px;
    background-color: #212121;
    margin-top: 22px;
}

.page-title {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 5px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 30px;
    font-family: 'KlavikaRegular';

}

.team-item h5 {
    font-family: 'klavikaLight';
    margin-bottom: 0;
}

.team-item .position {
    margin-bottom: 15px;
}

.team-item .description {
    font-style: italic;
}

.page-title-subtext {
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 26px;
    margin-top: 23px;
    letter-spacing: 1px;
    font-family: 'klavikaLight';
}

.services h2.service-title.mb-0 {
    font-size: 28px;
    font-family: 'klavikaMedium';
    letter-spacing: 0;
    color: white;
}

/*new*/
h2.tecno-title {
    font-family: 'KlavikaLight', Arial;
    font-size: 95px;
    letter-spacing: -3px;
    line-height: 95px;
}

h2.tecno-title strong {
    font-family: 'KlavikaRegular', Arial;
    font-size: 95px;
    letter-spacing: -3px;
}

h2.page-title.tecno-sobretitle {
    font-size: 32px;
    font-family: 'klavikaLight', Arial;
}

.sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
}

.text-center .sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #1930f8;
    margin-top: 27px;
    margin: 10px auto;
}

.circle-bio {
    border-radius: 300px;
}

.sub-heading.title-bio {
    font-size: 236.667%;
    letter-spacing: 1.02px;
    line-height: 130%;
    padding: 0;
    margin: 0;
}

h2.sub-heading.mb-2 {
    font-family: 'KlavikaLight', Arial;
}

/*end new*/
.breadcrumb {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #999;
    position: relative;
    margin-top: 130px;
    background: none;
}

ul.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 80%;
}

ul.breadcrumbs a {
    color: #999;
}

ul.breadcrumbs li:after {
    content: "/";
    padding: 0 10px;
}

ul.breadcrumbs li:last-child:after {
    content: "";
    padding-right: 0;
}

.page-title-logo {
    position: absolute;
    left: -45%;
    bottom: 0;
}

.single-icon {
    width: 110px;
    height: 110px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid transparent;
    position: relative;
    text-align: center;
    display: inline-block;
}

.single-icon i {
    font-size: 40px;
    color: #1f1f1f;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon-service {
    height: 80px;
}

.contact-info .icon {
    width: 60px;
}

.error404 .entry-title {
    font-size: 400%;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: 1.8px;
    margin-bottom: 13px;
}

.sidebar-area {
    padding-top: 5px;
}

.sidebar-area .widget {
    margin-bottom: 58px;
    float: left;
    width: 100%;
}

.widget_categories ul li {
    position: relative;
    color: #999;
    border-bottom: 1px solid #f6f6f6;
}

.widget_categories ul li a {
    position: relative;
    display: inline-block;
    color: #999;
    padding: 9px 0 8px;
}

.widget_categories ul li a:hover {
    color: #1f1f1f;
}

.widget_categories ul ul {
    margin: 0;
}

.widget_categories ul ul li:first-child {
    border-top: 1px solid #f6f6f6;
}

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

.widget_categories ul ul li a {
    margin-left: 35px;
    padding-left: 20px;
}

.widget_categories ul ul li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 17px;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #999;
}

.widget_categories ul ul li a:hover:before {
    border-color: transparent transparent transparent #1f1f1f;
}


.tagcloud a {
    padding: 10px 20px;
    margin: 5px 6px 5px 0;
    display: inline-block;
    color: white;
    background: #1930f8;
    letter-spacing: .75px;
}


.widget_color ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.widget_color ul li:first-child {
    border-top: none;
}

.widget_color ul li a {
    padding-top: 0px;
    color: #999;
}

.widget_color ul li a:hover {
    color: #1f1f1f;
}

.widget_color ul li:before {
    content: "";
    display: block;
    float: left;
    margin-right: 20px;
    width: 17px;
    height: 17px;
    margin-top: 4px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.widget_color ul li.black:before {
    background-color: #333;
}

.widget_color ul li.blue:before {
    background-color: #7da7d9;
}

.widget_color ul li.green:before {
    background-color: #004000;
}

.widget_color ul li.brown:before {
    background-color: #403000;
}

.widget_color ul li.gray:before {
    background-color: #757584;
}

.widget_color ul li.pink:before {
    background-color: #f99;
}

.widget_color ul li.purple:before {
    background-color: #800080;
}

.widget_color ul li.red:before {
    background-color: #8c0000;
}

.widget_color ul li.white:before {
    background-color: #fff;
    border: 1px solid #1f1f1f;
}

.sidebar-area .widget.widget_newsletter {
    background-color: #f8f8f8;
    padding: 50px 30px 55px;
}

.sidebar-area .widget.widget_newsletter .newsletter-widget {
    margin-top: 25px;
}

.sidebar-area .widget.widget_newsletter .newsletter-widget form input.newsletter-email {
    background-color: #fff;
    color: #999;
    margin-bottom: 10px;
    border: 1px solid #999;
    padding: 10px 25px 10px 15px;
    font-size: 14px;
}

.comments-area .author-avatar {
    position: relative;
    z-index: 1;
}

.comments-area .author-avatar img {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.comments-area .comment-wrap {
    border: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 42px;
    margin-bottom: 27px;
    position: relative;
}

.comments-area .comment-wrap .comment-header {
    margin-bottom: 16px;
}

.comments-area .comment-wrap .comment-author {
    font-weight: 700;
    margin: 0 0 3px;
    text-transform: capitalize;
}

.comments-area .comment-wrap .comment-date {
    font-style: italic;
    font-size: 93.333%;
}

.comments-area .comment-wrap .comment-content p:last-child {
    margin-bottom: 0;
}

.comments-area .comment-wrap .reply {
    padding-top: 25px;
}

.comments-area .comment-wrap .reply a {
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 2.4px;
}

.comments-area .comment-respond {
    margin-top: 50px;
}

.comments-area .comment-respond .comment-form .row {
    margin-bottom: 24px;
}

.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond textarea {
    border: 1px solid #eee;
    background-color: #f7f7f7;
    color: #777;
}

.item-number {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 66px;
    height: 66px;
    line-height: 66px;
    font-size: 200%;
    font-style: italic;
    color: #1f1f1f;
    background-color: #eee;
    text-align: center;
}

table {
    width: 100%;
}

.table thead,
table thead {
    background-color: #f2f2f5;
    color: #202020;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-size: 80%;
    font-weight: 400;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.table tr:last-child,
table tr:last-child {
    border-bottom: 0;
}

.table td,
.table th,
table td,
table th {
    padding: 5px;
    font-weight: 400;
}

.table>thead>tr>th,
.table>tbody>tr>td {
    border-bottom: none;
    border-top: none;
}

.bloq-services .col-md-2 {
    padding: 0;
}

.counter-content h2 {
    color: #1930f8;
    font-family: 'klavikaRegular';
    font-size: 60px;
    display: inline-block;
    line-height: 64px;
    margin-bottom: 0;
}

.counter-content h5 {
    color: #4A4A4C;
    font-size: 22px;
    margin-top: 0;
    font-family: 'klavikaLight';
    letter-spacing: 4px;
    text-transform: uppercase;
}

.counter-content span {
    text-transform: uppercase;
    font-size: 16px;
    color: #1930f8;
}

h5.counter-desc.text-inline {
    display: inline;
}

ul.list-circle i {
    color: #1930f8;
    font-size: 14px;
    margin-right: 10px;
    line-height: 30px;
    float: left;
}

ul.list-circle li {
    margin-bottom: 20px;
}

h2.sub-heading span.f5 {
    font-size: 20px;
    line-height: 22px;
    font-family: klavikaLight;
}

h2.sub-heading.no-sub-line:after {
    display: none
}

h2.sub-heading.no-sub-line {
    line-height: 15px;
}

.team-carousel.owl-carousel.owl-theme img.team-carr {
    width: 215px;
}

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

h3.text-abs {
    display: block;
    width: auto;
    position: absolute;
    font-family: 'klavikaRegular';
    font-size: 33px;
    color: #ffffff;
    left: 20px;
    top: 20px;
    letter-spacing: 2px;
    border-left: solid 3px #1930f8;
    padding-left: 20px;
    line-height: 41px;
}

h4 {
    font-family: klavikaLight;
    background: none;
    color: #4a4a49;
}

.container-fluid.know-how img {
    width: 165px;
}

span.plus {
    font-size: 46px;
    margin-right: 10px;
}


div#rev_slider_2 {
    height: 560px !important;
}

img.logo-slider {
    width: 300px !important;
    height: auto !important;
}

img.scrolldown {
    width: 50px !important;
    height: auto !important;
    position: absolute !important;
    bottom: 10%;
    left: 50%;
    z-index: 999;
}

.map-index h5 {
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .image-overlay {
        margin-top: -20px;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .image-overlay {
        margin-top: -90px;
    }
}

@media (min-width: 1200px) {
    .left-content {
        float: left;
        width: 384px;
        padding-bottom: 30px;
    }

    .left-content .left-content-inner {
        padding: 0 20%;
    }

    .left-content .sidebar-logo {
        padding: 75px 0 40px 0;
    }

    .left-content .widget {
        margin-bottom: 80px;
        text-align: center;
    }

    .right-content {
        position: relative;
        overflow: hidden;
        width: calc(100% - 384px);
        -webkit-box-shadow: inset 0px 0px 12px #f7f7f7;
        -khtml-box-shadow: inset 0px 0px 12px #f7f7f7;
        -moz-box-shadow: inset 0px 0px 12px #f7f7f7;
        -ms-box-shadow: inset 0px 0px 12px #f7f7f7;
        -o-box-shadow: inset 0px 0px 12px #f7f7f7;
        box-shadow: inset 0px 0px 12px #f7f7f7;
    }

    .contact2 {
        padding-left: 100px;
    }
}

@media (max-width: 1200px) {
    .left-content {
        display: none;
    }

    .left-content.tablet-show {
        display: block;
        width: 100%;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .image-overlay {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {

    .full-left,
    .full-right {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .full-left {
        left: 0;
    }

    .full-right {
        right: 0;
    }

    .full-left>div,
    .full-right>div {
        position: absolute;
        bottom: 0;
        height: 100%;
    }

    .full-left.has-overlay>div:before,
    .full-right.has-overlay>div:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        background-color: rgba(0, 0, 0, .5);
    }

    .comments-area .author-avatar {
        float: left;
        margin-top: 33px;
    }

    .comments-area .comment-wrap {
        margin-left: 50px;
        padding-left: 75px;
        padding-right: 65px;
        min-height: 170px;
    }

    .comments-area ul.children {
        margin-left: 100px;
    }
}

@media (max-width: 992px) {
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .login .form-row .button {
        width: 120px;
    }

    .img-tablet-show {
        display: none;
    }
}

@media (min-width: 480px) {
    .comments-area .comment-wrap .reply {
        position: absolute;
        top: 0;
        right: 25px;
        z-index: 1;
    }
}

@media (max-width: 480px) {
    .move-70 {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    #backtotop {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .dp-table,
    .dp-table-cell {
        display: inline;
    }
}

.hidden {
    display: none;
}

.volume-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    padding: 2px 10px 10px 10px;
    margin: 10px;
    color: white;
    font-size: 170%;
    width: 2.8rem;
    height: 2rem;
    border: 10px white;
}

.volume-btn:hover {
    border-right: 2px solid white;
    margin-right: 8px;
}

/* --------------------------------------------------------------------- */
/* 2. ELEMENTS
/* --------------------------------------------------------------------- */

/* === 2.1. REVOLUTION SLIDER === */
.slider-triangle:after,
.slider-triangle:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 70%;
    z-index: 21;
    background-color: #fff;
    outline: transparent solid 1px;
}

.slider-triangle:before {
    left: -33%;
    -webkit-transform: skew(0deg, 14deg);
    -khtml-transform: skew(0deg, 14deg);
    -moz-transform: skew(0deg, 14deg);
    -ms-transform: skew(0deg, 14deg);
    -o-transform: skew(0deg, 14deg);
    transform: skew(0deg, 14deg);
}

.slider-triangle:after {
    right: -33%;
    -webkit-transform: skew(0deg, -14deg);
    -khtml-transform: skew(0deg, -14deg);
    -moz-transform: skew(0deg, -14deg);
    -ms-transform: skew(0deg, -14deg);
    -o-transform: skew(0deg, -14deg);
    transform: skew(0deg, -14deg);
}

.bar-discovery {
    position: absolute;
    z-index: 101;
    bottom: 20px;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, 0%);
    text-align: center;
    font-style: normal;
    font-family: Lato;
    font-size: 12px;
}

.forcefullwidth_wrapper_tp_banner {
    overflow: hidden;
}

/* === 2.2. HEADER === */
.header {
    position: relative;
    border-top: 1px solid #eee;
    background-color: #fff;
}

.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
}

.header .no-container {
    padding-left: 5.2%;
    padding-right: 5.2%;
}

#header-logo {
    height: 77px;
    display: table;
}

#header-logo a {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

.nav-extra .header-popup {
    height: 77px;
    position: relative;
}

.nav-extra .header-popup .header-icon {
    display: inline;
    float: right;
}

.nav-extra-language {
    text-align: right;
    line-height: 77px;
    float: left;
    height: 77px;
    display: inline;
}

.header-ontop .nav-extra .header-popup .header-icon {
    color: #fff;
}

.header-ontop.light .nav-extra .header-popup .header-icon {
    color: #212121;
}

.nav-extra .header-popup .header-icon i {
    cursor: pointer;
    width: 50px;
    text-align: center;
    font-size: 30px;
    position: relative;
}

.nav-extra .header-popup .header-icon i .cart_total {
    position: absolute;
    top: 28%;
    left: 28px;
    height: 13px;
    min-width: 13px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    background-color: #1f1f1f;
    line-height: 13px;
    font-size: 8px;
    padding: 0 3px;
    font-family: Lato;
}

.nav-extra .header-popup .popup {
    display: none;
    width: 320px;
    position: absolute;
    top: 100%;
    z-index: 21;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    vertical-align: inherit;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.nav-extra .header-popup .popup.mini-tools {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 360px;
    max-width: 100%;
    padding: 0;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner {
    max-height: 100%;
    padding: 70px 80px 30px 60px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .header-icon {
    line-height: 70px;
    width: 70px;
    height: 70px;
    border: none;
    padding: 0;
    display: block;
    float: none;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .header-icon i {
    font-size: 35px;
    text-align: left;
    -webkit-transform: translate(-10px, -10px);
    -khtml-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
}

.nav-extra .header-popup {
    display: block;
    right: 0;
}

.nav-extra .header-popup {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.nav-extra .mini-tools .widget {
    margin-bottom: 60px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li {
    border-bottom: 0;
    text-transform: uppercase;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li a,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li a {
    padding-left: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #212121;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .menu li a:hover,
.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_nav_menu ul.menu li a:hover {
    color: #999999;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social {
    margin: -5px -12px;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social li {
    float: left;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social a {
    display: inline-block;
    padding: 5px 12px;
    color: #212121;
}

.nav-extra .header-popup .popup.mini-tools .mousewheel-inner .widget_cms_social_widget ul.social a:hover {
    color: #999999;
}

.nav-extra .menu-mobile {
    display: table;
}

.header.header-2 {
    border-top: none;
}

.header.header-2 #header-logo {
    max-width: inherit;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    /*  background-color: #1f1f1f;*/
}

.header.header-ontop {
    background-color: rgba(255, 255, 255, 0.01);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.header.header-ontop.light {
    background-color: rgba(255, 255, 255, 0.6);
}

.header.header-ontop.no-bg {
    background: none;
}


.description.extra-font.italic {
    color: white;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}

i.quote-icon.circle.fa.fa-quote-right {
    color: white;
}


@media (min-width: 1201px) {
    #menu-mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header.header-2 .no-container {
        padding-left: 0;
        padding-right: 0;
    }

    .header.header-2 #header-logo {
        width: 15%;
    }

    .header.header-2 .nav-extra {
        width: 10%;
        height: 76px;
    }

    .header.header-2 .nav-extra .header-icon {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        float: none;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid rgba(136, 136, 136, .1);
    }

    .header.header-2 .navigation {
        width: calc(75%);
    }


    .header.header-2 .navigation .main-navigation>ul>li {
        display: table-cell;
        /*  width: 1%;
        float: none;
        */
        float: left;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        /*padding-left: 10px;
        padding-right: 10px;
        */
        border-right: 1px solid rgba(136, 136, 136, .1);
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
    }

    .header.header-2 .navigation .main-navigation>ul>li ul li {
        text-align: left;
    }

    .header.header-2 .navigation .main-navigation>ul>li:hover {
        background-color: #4a4a49;
    }

    /*new*/
    .header.header-2 .navigation .main-navigation>ul>li>a {
        width: 100%;
        padding: 30px 35px;
    }

    /*end new*/
    .header.header-2 .navigation .main-navigation>ul>li:hover>a {
        color: #fff;
    }

    .header.left {
        float: left;
        padding-bottom: 30px;
    }

    .header-ontop.left {
        width: 384px;
    }

    .header.left #header-logo {
        float: none;
        display: block;
        height: inherit;
        width: 100%;
        max-width: 100%;
        padding-top: 36px;
        padding-bottom: 60px;
    }

    .header.left>div {
        padding-right: 15px;
        padding-left: 28.61035%;
    }
}

@media (max-width: 1024px) {
    .header-scroll.header-sticky {
        position: static;
    }
}

@media (max-width: 480px) {
    .header.header-ontop {
        position: static;
        background-color: #000;
    }

    .header.header-ontop.no-bg {
        background-color: #1930f8;
    }
}

@media (max-width: 320px) {
    .header.header-2 #header-logo {
        width: 100%;
    }

    .header.header-2 .nav-extra,
    .header.header-ontop .nav-extra,
    .header.header-default .nav-extra {
        float: none !important;
        text-align: center;
        clear: left;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header.header-2 .nav-extra .header-popup,
    .header.header-ontop .nav-extra .header-popup,
    .header.header-default .nav-extra .header-popup {
        height: auto;
    }

    .header.header-2 .nav-extra .header-popup .header-icon,
    .header.header-ontop .nav-extra .header-popup .header-icon,
    .header.header-default .nav-extra .header-popup .header-icon {
        float: none;
        display: inline;
    }

    .header.header-ontop #header-logo,
    .header.header-default #header-logo {
        width: auto;
        text-align: center;
    }

    .header.header-ontop #header-logo a,
    .header.header-default #header-logo a {
        padding-right: 0px;
        height: 77px;
    }

    .nav-extra .header-popup .popup {
        width: 100%;
    }

    .header.header-2 div#header-logo {
        width: auto;
        padding: 0;
        float: left;
    }

    .header.header-2 div#header-logo a {
        padding: 0;
    }

    .main-logo {
        height: 50px;
    }

    #header .nav-extra.pull-right {
        padding: 0;
        width: auto;
        clear: none;
    }

    .nav-extra.pull-right .header-popup.clearfix {
        padding: 0;
        width: auto;
        float: right;
    }
}



.highlight-menu-item>a {
    color: white !important;
    background: #c3c3c3;
    /* font-weight: bold; */
}

.highlight-menu-item>a:hover {
    color: white !important;
    background: #1930f8 !important;
}

/* === 2.3. MENUS === */
.main-navigation>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-navigation>ul li {
    position: relative;
    display: block;
    line-height: 15px;
}

.main-navigation>ul>li {
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    overflow: hidden;
}

.main-navigation>ul>li:hover {
    overflow: visible;
}

.main-navigation>ul>li:first-child {
    padding-left: 0;
}

.main-navigation>ul>li>a {
    line-height: 77px;
    height: 77px;
    text-transform: uppercase;
    font-size: 14px;
}

.main-navigation ul ul>li>a {
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

.main-navigation ul li a {
    color: #212121;
}

.header-ontop .main-navigation>ul>li>a {
    color: #fff;
}

.header-ontop.light .main-navigation>ul>li>a {
    color: #212121;
}

.main-navigation ul li a:hover,
.main-navigation ul li.active>a,
.header-ontop .main-navigation>ul>li>a:hover,
.header-ontop .main-navigation>ul>li.active>a,
.header-ontop.light .main-navigation>ul>li>a:hover,
.header-ontop.light .main-navigation>ul>li.active>a,
.main-navigation ul.onepage-menu li>a.current {
    color: #FFF;
}

.main-navigation>ul ul {
    padding: 33px 25px 40px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 200%;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #eee;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.main-navigation>ul li:hover>ul {
    visibility: visible;
    top: 100%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    z-index: 2;
}

.main-navigation>ul>li:hover ul ul {
    top: 0;
}

.main-navigation>ul ul li {
    padding: 10px 20px;
}

.main-navigation>ul>li>.menu-toggle {
    display: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-navigation ul .active {
    background-color: #1930F8;
}

.mobile-nav .main-navigation ul .active {
    padding-left: 10px !important;
}

.mobile-nav .main-navigation ul .active a {
    color: white !important;
}

.nav-extra-icon.menu-bar {
    width: auto;
    float: right;
    margin-top: 30px;
    display: inline;
}

.mobile-close {
    display: none;
}

@media (min-width: 1200px) {
    .navigation {
        max-width: calc(100% - 100px);
    }

    .multicolumn>li>ul {
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
        padding: 0;
        margin: 0;
        border: none;
        max-width: 100%;
        width: 100%;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .multicolumn>li>ul>li {
        padding-left: 0;
    }

    .main-navigation>ul ul.back {
        right: auto;
        left: 0;
    }

    .main-navigation>ul ul li ul {
        top: 0;
        left: 100%;
    }

    .multicolumn>li>a {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        width: 100%;
        display: inline-block;
    }

    .header.left .navigation {
        max-width: calc(100% - 100px);
        min-width: 180px;
    }

    .header.left .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .header.left .main-navigation>ul>li>a {
        line-height: 46px;
        height: 46px;
        width: 100%;
    }

    .header.left .main-navigation>ul>li .sub-menu,
    .header.left .main-navigation>ul>li .multicolumn {
        margin-top: 0;
        top: 0;
        left: 100%;
    }

    .sub-menu a:hover {
        color: #96a9f3 !important;
    }

    .header.left .main-navigation>ul>li .sub-menu .sub-menu {
        left: calc(100% + 25px);
    }

    .header.left .main-navigation .multicolumn>li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-mobile .navigation {
        width: 300px;
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        padding: 50px 15px;
        overflow: hidden;
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
        background-color: #ffffff;
    }

    .header-mobile .navigation.open {
        right: 0;
    }

    .header-mobile .navigation.open .mobile-close {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #1f1f1f;
        background: #fff;
        z-index: 1;
        font-size: 200%;
        cursor: pointer;
        display: inline-block;
    }

    .header-mobile .navigation.open .mobile-close:hover {
        background: #1f1f1f;
        color: #fff;
    }

    .header-mobile .navigation .main-navigation {
        width: calc(100% + 30px);
        padding-right: 30px;
        max-height: 100%;
        overflow-x: hidden;
    }

    .header-mobile .navigation .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
        clear: left;
    }

    .header-mobile .navigation .main-navigation>ul>li>a {
        line-height: 50px;
        height: 50px;
        color: #1f1f1f;
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn {
        max-width: 100%;
        min-width: 100%;
        position: relative;
        max-height: 0;
        border: none;
        padding: 0;
        top: 0;
        left: 0;
    }

    .header-mobile .main-navigation>ul li:hover>ul {
        visibility: hidden;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu .sub-menu,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn ul {
        padding-top: 10px;
    }

    .header-mobile .navigation .main-navigation>ul>li .menu-toggle {
        display: block;
        top: 10px;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .header-mobile .navigation .main-navigation>ul>li .menu-toggle.open {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .header-mobile .navigation .main-navigation>ul>li .sub-menu.submenu-open,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn.submenu-open,
    .header-mobile .navigation .main-navigation>ul li:hover>ul.multicolumn.submenu-open>li>ul,
    .header-mobile .navigation .main-navigation>ul>li .multicolumn.submenu-open>li>ul {
        max-height: 10000px;
        visibility: visible;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .multicolumn>li {
        float: none;
        display: block;
        width: 100%;
    }

    .navigation-left,
    .navigation-right {
        width: calc(50% - 50px);
        min-height: 1px;
    }

    .navigation-left .main-navigation>ul>li,
    .navigation-right .main-navigation>ul>li {
        display: table-cell;
        width: 1%;
        float: none;
        padding-right: 10px;
        text-align: center;
    }

    .navigation-left .main-navigation>ul ul li,
    .navigation-right .main-navigation>ul ul li {
        text-align: left;
    }
}

@media (max-width: 1024px) {
    .header-mobile .navigation.mobile-nav {
        width: 100%;
        position: fixed;
        top: 0;
        right: -200%;
        bottom: 0;
        z-index: 5;
        padding: 50px 15px;
        overflow: hidden;
        -webkit-transition: all .3s linear 0s;
        -khtml-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        transition: all .3s linear 0s;
        background-color: #ffffff;
    }

    .header-mobile .navigation.mobile-nav.open {
        right: 0;
    }

    .header-mobile .mobile-nav.open .mobile-close {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #1f1f1f;
        background: #fff;
        z-index: 1;
        font-size: 200%;
        cursor: pointer;
        display: inline-block;
    }

    .header-mobile .mobile-nav.open .mobile-close:hover {
        background: #1f1f1f;
        color: #fff;
    }

    .header-mobile .navigation.mobile-nav .main-navigation {
        width: calc(100% + 30px);
        padding-right: 30px;
        max-height: 100%;
        overflow-x: hidden;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li {
        float: none;
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
        clear: left;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li>a {
        line-height: 50px;
        height: 50px;
        color: #1f1f1f;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn {
        max-width: 100%;
        min-width: 100%;
        position: relative;
        max-height: 0;
        border: none;
        padding: 0;
        top: 0;
        left: 0;
    }

    .header-mobile .mobile-nav .main-navigation>ul li:hover ul {
        visibility: hidden;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu .sub-menu,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn ul {
        padding-top: 10px;
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .menu-toggle {
        display: block;
        top: 10px;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .menu-toggle.open {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .sub-menu.submenu-open,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn.submenu-open,
    .header-mobile .mobile-nav .main-navigation>ul li:hover>ul.multicolumn.submenu-open>li>ul,
    .header-mobile .navigation.mobile-nav .main-navigation>ul>li .multicolumn.submenu-open>li>ul {
        max-height: 10000px;
        visibility: visible;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .mobile-nav .multicolumn>li {
        float: none;
        display: block;
        width: 100%;
    }

    .header-mobile .mobile-nav .multicolumn>li>ul {
        position: static;
        left: auto;
        top: auto;
        visibility: visible;
        padding: 0;
        margin: 0;
        border: none;
        max-width: 100%;
        width: 100%;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }

    .header-mobile .navigation.mobile-nav .header-popup .header-icon {
        display: none;
    }
}

@media (min-width: 769px) {
    .main-navigation>ul ul.multicolumn {
        min-width: 800px;
    }

    .main-navigation>ul ul.sub-menu,
    .main-navigation>ul ul.multicolumn ul.sub-menu ul.sub-menu {
        min-width: 315px;
    }

    .main-navigation>ul ul.multicolumn ul.sub-menu {
        min-width: inherit;
    }
}

@media (max-width: 320px) {
    .header-mobile .navigation.mobile-nav {
        width: 320px;
    }
}

/* === 2.4. SECTIONS === */
.section {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.section.border-top {
    border-top: 1px solid #eee;
}

.section-fixed {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.section-fullscreen {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-404 {
    background-color: #C0CAD5;
}

.section-bg-2 {
    background-image: url(..//images/background/contacto2.jpg);
    background-position: center center;
}

.section-bg-3 {
    background-image: url(../images/background/bg_975x1080.jpg);
    background-position: center center;
}

.section-bg-4 {
    background-image: url(../images/background/bg_975x1080.jpg);
    background-position: center center;
}

.section-bg-5 {
    background-image: url(../images/nosotros.jpg);
    background-position: bottom center;
}

.section-bg-bluesky {
    background-image: url(../images/background/ingenieria.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*new*/
.section-bg-tecnodesayunos {
    background-image: url(../images/background/cabecera-tecnodesayunos.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*end new*/
.section-bg-blog {
    background-image: url(../images/blog/cabecera-blog.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-blue {
    background: #1930f8;
}

.c-white {
    color: white;
}

.section-bg-dot {
    background-image: url(../images/background/bg_dotwhite.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-trama {
    background-image: url(../images/background/trama.png);
    background-position: center top;
    background-repeat: repeat;
}

.section-bg-skyline {
    background-image: url(../images/background/bg-skyline.jpg);
    background-position: center center;
}

.section-bg-arca-sec {
    background-image: url(../images/background/cabecera-arca.jpg);
    background-position: bottom left;
    background-size: cover;
}

.section-bg-contacta-sec {
    background-image: url(../images/background/cabecera-contacta.jpg);
    background-position: bottom left;
    background-size: cover;
}

.section-bg-slider {
    background-image: url(../images/blog.jpg);
    background-position: center center;
}

.section-bg-prensa {
    background-image: url(../images/sala-de-prensa.jpg);
    background-position: center center;
}

.section-bg-contacto {
    background-image: url(../images/background/contacto.jpg);
    background-position: center center;
}

.section-bg-8 {
    background-image: url(../images/background/bg_1920x1080.jpg);
    background-position: center center;
}

.section-bg-tramagrey {
    background-image: url(../images/background/trama-grey.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-tramablue {
    background-image: url(../images/background/trama-blue.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-bg-tramagray {
    background-image: url(../images/background/trama_gris.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-10 {
    background-image: url(../images/background/bg_arca.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.section-bg-trabajadores {
    background-image: url(../images/background/trabajadores.jpg);
    background-position: center center;
}

.section-bg-12 {
    background-image: url(../images/background/bg_1920x1280.jpg);
    background-position: center center;
}
.section-bg-13 {
    background-image: url(../images/megabanner_comunicacion.jpg);
    background-position: center center;
}
.section-bg-18 {
    background-image: url(../images/background/arca-section.jpg);
    background-position: center center;
}

.section-bg-23 {
    background-image: url(../images/soluciones-red.jpg);
    background-position: center center;
}
.section-bg-24 {
    background-image: url(../images/soluciones-negocio.jpg);
    background-position: center center;
}

/* === 2.5. ACCORDIONS === */
.accordion.style-1 .accordion-heading {
    color: #1f1f1f;
    display: block;
    padding: 14px 20px;
    font-weight: bold;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.accordion.style-1 .accordion-heading.active {
    padding-left: 70px;
}

.accordion.style-1 .accordion-heading .toggle-icon {
    position: absolute;
    left: 0;
    top: 25px;
    width: 50px;
    height: 1px;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: none;
}

.accordion.style-1 .accordion-heading .toggle-icon:before {
    content: " ";
    width: 50px;
    height: 1px;
    background-color: #1f1f1f;
    border: none;
    right: auto;
    top: auto;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    display: block;
}

.accordion.style-1 .accordion-heading.active .toggle-icon {
    display: block;
}

.accordion.style-1 .accordion-body {
    padding-left: 0px;
    padding-bottom: 24px;
}

.accordion.default .accordion-group {
    display: block;
}

.accordion.default .accordion-heading {
    font-size: 120%;
    color: #535353;
    line-height: 120%;
    font-weight: 300;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    border: 1px solid #eee;
    margin-top: 40px;
    margin-top: 40px;
}

.accordion.default .accordion-group:first-child .accordion-heading {
    margin-top: 0;
}

.accordion.default .accordion-heading:hover,
.accordion.default .accordion-heading.active {
    background-color: #1f1f1f;
}

.accordion.default .accordion-heading a {
    color: #535353;
    padding: 20px 20px 20px 75px;
    display: inline-block;
    width: 100%;
}

.accordion.default .accordion-heading:hover a,
.accordion.default .accordion-heading.active a {
    color: #fff;
}

.accordion.default .accordion-heading .toggle-icon {
    border: 1px solid #535353;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.accordion.default .accordion-heading:hover .toggle-icon,
.accordion.default .accordion-heading.active .toggle-icon {
    border-color: #fff;
    color: #fff;
}

.accordion.default .accordion-heading.active .toggle-icon:before {
    content: "\f107";
}

.accordion.default .accordion-body {
    padding: 35px 30px 50px;
    border: 1px solid #f0f0f0;
    border-top: none;
}

.site-map p {
    margin: 0;
    line-height: 21px;
}



.mapa-oficinas .accordion-heading.toggle_title {
    padding: 0;
    font-weight: normal;
}

.mapa-oficinas .accordion.style-1 .accordion-heading.active {
    padding: 0;
}

.mapa-oficinas .accordion.style-1 .accordion-heading.active .toggle-icon {
    display: none;
}

.mapa-oficinas .accordion-inner p {
    padding-left: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    font-style: italic;
    text-transform: initial;
}

.mapa-oficinas .active a.accordion-toggle {
    font-weight: bold;
    color: #414141 !important;
}

/* === 2.6. BLOG === */


.portfolio-full .content-wrap {
    background: #fff;
    margin: 125px 0;
    padding: 70px 20px 66px 30px;
}

.portfolio-full {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.portfolio-full .content-wrap .entry-footer a {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    border: 1px solid #1f1f1f;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 130%;
    text-align: center;
}

.entry-footer {
    margin-top: 25px;
    clear: both;
}

.entry-header {
    margin-bottom: 20px;
}

.portfolio-full .content-wrap .entry-title {
    line-height: 120%;
    letter-spacing: 1.3px;
    margin-bottom: 10px;
    font-family: KlavikaRegular;
    font-weight: 400;
    font-style: normal;
    font-size: 22px !important;
}

.blog-item .entry-media {
    display: block;
    overflow: hidden;
}

.single-post .entry-media {
    position: relative;
    margin-bottom: 33px;
}

.blog-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.blog-item {
    position: relative;
}

.blog-carousel .blog-item {
    margin-left: 15px;
    margin-right: 15px;
}

.blog-item.border {
    border: 1px solid #eee;
}

.blog-item .entry-media {
    display: block;
    overflow: hidden;
}

.entry-blog.list .blog-item .entry-media {
    margin-bottom: 0;
}

.blog-item .entry-media .nectar-love {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
}

.blog-item .entry-media .nectar-love.right {
    left: auto;
    right: 0;
}

.blog-item .entry-media .nectar-love.top {
    top: 0;
    bottom: auto;
}

.blog-item h5.entry-title {
    padding-top: 4px;
    margin-bottom: 8px;
    font-weight: 700;
}

.blog-item .entry-title.border-bottom:after {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    clear: both;
    background-color: #1f1f1f;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin: 18px 0;
}

.blog-item .entry-content .entry-meta {
    font-family: "Playfair Display";
    font-style: italic;
    color: #999999;
    font-size: 15px;
}

.blog-item .entry-content .entry-meta li {
    padding: 0;
}

.blog-item.border-bottom:after {
    content: "";
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.entry-blog.list {
    margin-left: -15px;
    margin-right: -15px;
}

.entry-blog.list:after {
    margin-left: 15px;
    margin-right: 15px;
}

.widget_recent_post .recent-item {
    padding: 0;
    margin-bottom: 32px;
    float: left;
    width: 100%;
}

.widget_recent_post .recent-item:last-child {
    margin-bottom: 0px;
}

.widget_recent_post .entry-media {
    margin: 0 20px 0 0;
    max-width: 66px;
}

.widget_recent_post .entry-media img {
    margin-bottom: 0;
}

.widget_recent_post .entry-media+.item-content {
    padding-left: 86px;
}

.widget_recent_post .entry-title {
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: .8px;
    font-weight: 700;
    line-height: 140%;
}

.widget_recent_post .entry-meta li {
    padding: 0;
}

.single-post .entry-title {
    margin-bottom: 6px;
    font-weight: 700;
}

.single-post .entry-meta li {
    display: inline-block;
    padding: 0 5px;
    border-bottom: none;
}

.single-post .entry-meta li a:hover {
    color: #1f1f1f;
}

.single-post .entry-header {
    margin-bottom: 45px;
}

.single-post .entry-content {
    margin-bottom: 36px;
}

.single-post .entry-content blockquote,
.single-post .entry-content .blockquote {
    font-family: KlavikaRegular;
}

.single-post .tags {
    padding-bottom: 27px;
    margin-bottom: 32px;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
}

.single-post .tags .cmt-count {
    text-transform: uppercase;
    line-height: 120%;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.single-post .post-like-share {
    clear: both;
    float: left;
    width: 100%;
}

.single-post .post-like-share .like-count .nectar-love {
    background: #1f1f1f;
    color: #fff;
    display: inline-block;
    overflow: hidden;
}

.single-post .post-like-share .like-count .nectar-love:hover {
    background: #999;
}

.single-post .post-like-share .like-count .nectar-love i,
.single-post .post-like-share .like-count .nectar-love span {
    line-height: 45px;
    text-align: center;
    display: inline-block;
    float: left;
}

.single-post .post-like-share .like-count .nectar-love i {
    width: 45px;
    height: 45px;
}

.single-post .post-like-share .like-count .nectar-love span {
    min-width: 45px;
    padding: 0 10px;
    background: #393939;
}

.single-post .post-like-share .like-count .nectar-love:hover span {
    background: #b3b3b3;
}

.single-post .post-like-share .entry-socials-share-list {
    margin-top: 10px;
}

.single-post .post-like-share .entry-socials-share-list li {
    display: inline-block;
}

.single-post .entry-author {
    margin-top: 60px;
    margin-bottom: 72px;
    clear: both;
    width: 100%;
    float: left;
}

.single-post .entry-author .author-avatar {
    text-align: center;
}

.single-post .entry-author .author-avatar img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.single-post .entry-author .author-info {
    border: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 30px;
}

.relate-blog-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.relate-blog-carousel .blog-item {
    margin-left: 15px;
    margin-right: 15px;
}

.fullwidth.section-cover {
    min-height: 260px;
}


.section-slider {
    min-height: 700px;
}

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

.section-slider h2 {
    font-size: 40px;
    font-family: klavikaRegular;
    color: white;
    margin-top: 80px;
}



.popup-video iframe.if-popup-video {
    width: 100%;
    height: 100%;
}

.popup-video .popup-video-inner {
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-video .popup-video-inner>a {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 43px;
    height: 43px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    background-color: #1930F8;
    color: #fff;
}

.popup-video-wrap>a i {
    width: 61px;
    height: 61px;
    line-height: 61px;
    margin-right: 20px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    color: #1f1f1f;
    text-align: center;
}

.popup-video-wrap>a {
    color: #fff;
}

@media (min-width: 992px) {
    .single-post .entry-author .author-avatar {
        float: left;
        padding-top: 33px;
    }

    .single-post .entry-author .author-info {
        margin-left: 50px;
        padding-left: 75px;
        padding-right: 65px;
        min-height: 170px;
    }

    .single-post .entry-author .author-info .author-email {
        margin-top: 8px;
        font-style: italic;
    }
}

@media (max-width: 992px) {
    .single-post .entry-author .author-info {
        margin-top: -50px;
        padding-top: 70px;
    }
}

@media (min-width: 768px) {
    .single-post .tags .cmt-count {
        float: left;
        max-width: 25%;
        margin-top: 18px;
    }

    .single-post .tags .entry-tags {
        float: right;
        max-width: 75%;
    }
}

@media (max-width: 768px) {
    .entry-blog.list .entry-header {
        margin-top: 20px;
    }

    .no-res {
        display: none;
    }
}

@media (min-width: 480px) {
    .single-post .post-like-share .like-count {
        float: left;
    }

    .single-post .post-like-share .entry-socials-share-list {
        float: right;
    }
}

/* === 2.7. CLIENT === */
.client-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.client-carousel .owl-item .client-item {
    margin-left: 15px;
    margin-right: 15px;
}

.client-carousel .owl-item .client-item img {
    width: auto;
}

.client-carousel .owl-item {
    display: table;
    min-height: 67px;
}

.client-carousel .owl-item>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* === 2.8. FOOTER === */
.footer {
    position: relative;
    clear: left;
}

.footer-top {
    line-height: 27px;
    color: #FFFFFF;
    background-color: #000000;
    padding-top: 24px;
    padding-bottom: 36px;
}

.footer-top .widget .wg-title {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ffffff;
    margin-bottom: 14px;
}

.footer-top .widget .contact-info li {
    margin-top: 83px;
    line-height: 30px;
}

.footer-top a {
    color: #FFFFFF;
}

.footer-top .widget-recent-entries li {
    border-bottom: 1px solid #444;
    padding: 15px 0;
}

.footer-top .widget-recent-entries li:first-child {
    padding-top: 0;
}

.footer-top .widget-recent-entries li a {
    font-weight: 700;
    display: block;
    color: #FFFFFF;
    font-size: 120%;
}

.footer-top .widget-recent-entries li a:hover {
    color: #999999;
}

.footer-top .widget-recent-entries .post-date {
    display: block;
    font-style: italic;
    font-family: "Playfair Display";
}

.footer-bottom {
    font-size: 106.67%;
    text-align: center;
    color: #202020;
    padding-top: 30px;
    padding-bottom: 15px;
}

.footer img {
    height: 90px;
}

.service-content-wrap p {
    min-height: 185px;
    color: white;
}

@media (min-width: 992px) {
    .footer-top .col-2 {
        padding-left: 75px;
        padding-right: 75px;
    }
}

@media (max-width: 992px) {

    .footer-top .col-1+div,
    .footer-top .col-1+div+div {
        margin-top: 40px;
    }
}

/* === 2.9. PROGRESS BARS === */
.progress-wraper .progress-title {
    margin-bottom: 3px;
    font-size: 15px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.progress-wraper .progress-value {
    color: #878787;
    padding-right: 15px;
}

.progress-wraper .block-progressbar {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.progress-wraper .block-progressbar:last-child {
    margin-bottom: 0px;
}

.block-progressbar .progressbar-back-text {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 15px;
    border-radius: 0;
    font-size: 0;
    text-indent: -9999px;
}

.group-progressbar.gray .block-progressbar .progressbar-back-text {
    background-color: #eeeeee;
}

.block-progressbar .progresswrap {
    height: 15px;
}

.block-progressbar .progressbar {
    position: absolute;
    background-color: rgba(25, 48, 248, 0.75);
    height: 15px;
    width: 0;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
}

.block-progressbar .progressbar-front-text {
    width: auto !important;
    position: absolute;
    right: -15px;
    top: -25px;
    font-family: klavikaMedium;
    font-size: 161.667%;
    color: #1f1f1f;
}

.progress-wraper.white .progress-title,
.progress-wraper.white .block-progressbar .progressbar-front-text {
    color: #fff;
}

.progress-wraper.white .block-progressbar .progressbar-back-text {
    background-color: rgba(255, 255, 255, 0.45);
}

.progress-wraper.white .block-progressbar .progressbar {
    background-color: #fff;
}

.progress-wraper .block-progressbar .progressbar.animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-wraper .block-progressbar .progressbar.striped {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}


/* === 2.10. TESTIMONIALS === */
.testimonial-carousel .quote-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: block;
    background: #1f1f1f;
    color: #fff;
    font-size: 200%;
    margin-bottom: 50px;
}

.testimonial-carousel .description {
    font-size: 166.667%;
    line-height: 160%;
    letter-spacing: 1.25px;
}

.testimonial-carousel .description:after {
    display: block;
    content: "";
    clear: both;
    margin: 50px 0 40px 0;
    width: 80px;
    height: 1px;
    background: #ffffff;
}

.block-quote .description:after {
    display: block;
    content: "";
    clear: both;
    margin: 50px 0 40px 0;
    width: 80px;
    height: 1px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.scroll-down-link {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
}

.team-media img.img-circle {
    width: 125px !important;
}

.testimonial-carousel.text-right .description:after,
.testimonial-carousel.text-right.text-right .quote-icon {
    margin-left: auto;
}

.testimonial-carousel .author-name {
    font-size: 120%;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    color: #1f1f1f;
    margin-bottom: 7px;
}

.testimonial-carousel .author-position {
    font-size: 106.667%;
    color: #1f1f1f;
}

.testimonial-carousel.text-center .quote-icon,
.testimonial-carousel.text-center .description:after {
    margin-left: auto;
    margin-right: auto;
}

.testimonial-carousel.white .quote-icon,
.testimonial-carousel.white .description:after {
    background: #fff;
    color: #1f1f1f;
}

.testimonial-carousel .owl-controls .owl-buttons {
    top: 50%;
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-carousel .owl-controls .owl-buttons div {
    background: none;
    border-radius: 0;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.testimonial-carousel .owl-controls .owl-buttons .owl-prev {
    float: left;
}

.testimonial-carousel .owl-controls .owl-buttons .owl-next {
    float: right;
}

.testimonial-carousel .owl-controls .owl-buttons>div i {
    font-size: 97px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    background: transparent;
    color: #1f1f1f;
}

.testimonial-carousel.white .owl-controls .owl-buttons>div i {
    color: #fff;
}

.testimonial-carousel .owl-controls .owl-buttons>div i:before {
    -webkit-transform: translate(-10px, -10px);
    -khtml-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
    line-height: 50px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .carousel-item {
        padding: 0 135px;
    }
}

@media (max-width: 480px) {
    .testimonial-carousel .owl-buttons {
        display: none;
    }
}

/* === 2.11. OWL BANNER === */
.slider-wrap .slide-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.slider-wrap .slide-item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .2);
}

.slider-wrap .container {
    height: 100vh;
    position: relative;
}

.slider-wrap .slide-item-content {
    background-color: #fff;
    padding: 30px 15px;
    float: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-wrap .slideitem-title {
    position: relative;
    margin: 0 0 24px;
    font-size: 50px;
    line-height: 130%;
    letter-spacing: 1.5px;
}

.slider-wrap .slideitem-title span.f1 {
    font-family: Playfair Display;
    font-weight: 700;
    font-style: normal;
}

.slider-wrap .slideitem-title span.f2 {
    font-family: Playfair Display;
    font-weight: 700;
    font-style: italic;
}

.slider-wrap .slideitem-title:before {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    background-color: #1f1f1f;
    position: absolute;
    left: -120px;
    top: 30px;
}

.slider-wrap .readmore {
    display: block;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-top: 23px;
}

.slider-wrap .readmore::after {
    display: inline-block;
    content: ">";
}

.slider-wrap .owl-nav {
    float: right;
    clear: both;
    border: 1px solid #eee;
    margin-top: 35px;
}

.slider-wrap .owl-nav>div {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #1f1f1f;
    cursor: pointer;
    font-size: 200%;
}

.slider-wrap .owl-nav>div+div {
    border-left: 1px solid #eee;
}

@media (min-width: 992px) {
    .slider-wrap .slide-item-content {
        padding: 65px 55px 45px 70px;
    }
}

@media (max-width: 480px) {
    .slider-wrap .slideitem-title:before {
        display: none;
    }
}

/* === 2.12. PROCESS === */
.process-carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.process-item {
    background-color: #fff;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.process-item .item-number {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 66px;
    height: 66px;
    line-height: 66px;
    font-size: 200%;
    font-style: italic;
    color: #1f1f1f;
    background-color: #eee;
    text-align: center;
}
.process-item .content-wrap {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 40px;
    padding-bottom: 47px;
}
.process-item .content-wrap .entry-title {
    font-size: 186.667%;
    letter-spacing: 0;
    line-height: 130%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
}

.process-item .content-wrap .entry-footer {
    margin-top: 35px;
}

.process-carousel .owl-controls {
    margin-top: 30px;
}


/*new styles*/
.section-bg-dot p {
    font-size: 22px;
    line-height: 28px;
}
.blog-item .content {
    min-height: 155px;
}
.bg-lightblue{
    background: #f7f7f9 !important;
}
.row.bg-blue * {
    color: white;
}
.row.bg-blue .sub-heading:after {
    content: "";
    display: block;
    height: 2px;
    width: 115px;
    background-color: #ffffff;
    margin-top: 27px;
}
.extra p{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}
.extra strong{
    color: #1930f8;
}

.section-bg-6 {
    background-image: url(../images/background/bg_1920x406.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.section-bg-home {
    background-image: url(../images/home_servicios.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.process-item h5 {
    font-size: 17px;
    font-weight: bold;
    font-family: 'KlavikaRegular';
    margin: 0;
}
/*end new styles*/

@media (max-width: 1024px) {
    .process-carousel {
        margin-left: 0;
        margin-right: 0;
    }
}

/* === 2.13. SERVICES === */
.service-item>i {
    display: inline-block;
    font-size: 300%;
    margin-bottom: 20px;
    float: left;
}

.service-item .service-content-wrap {
    padding-left: 70px;
}

.service-item h2.service-title {
    margin: 0 0 15px;
    font-size: 100%;
    letter-spacing: 3px;
}

.active ul.sub-menu.back.submenu-open li {
    background: #1930f8;
}

.active ul.sub-menu.back.submenu-open li.active a {
    color: #ffffff !important;
    font-weight: bolder;
    text-decoration: underline;
}

li.active span.menu-toggle i {
    color: white;
}

@media (max-width: 640px) {
    .mapa-oficinas .col-sm-8.col-lg-8.text-center {
        display: none;
    }

    .mapa-oficinas .col-sm-2.col-lg-2 {
        text-align: left !important;
    }

    .counter-content.mt-8 {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .col-sm-2.col-lg-2.col-xs-6.text-right p {
        text-align: left;
        line-height: normal;
        margin-top: 0 !important;
    }

    div#rev_slider_2 {
        height: 250px !important;
    }

    .bloq-services .col-md-2 {
        width: 100% !important;
    }

    footer.footer .col-xs-12 {
        width: 100% !important;
    }

    footer.footer .no-resp {

        display: none !important;
    }

    .col-sm-2.col-xs-6.col-lg-2 p {
        text-align: left;
        line-height: normal;
        margin-top: 0 !important;
    }

    .bloq-services .entry-media {
        height: 200px;
    }

    .map-index .col-sm-8.col-lg-8.text-center {
        display: none;
    }

    .bloq-services .entry-media span.entry-categories {
        top: 0 !important;
        width: 100%;
        height: 54px;
    }

    .section-slider {
        min-height: 300px !important;
    }

    .section-slider h2 {
        font-size: 22px;
        margin-top: 40px;
    }

    .image-overlay {
        margin-top: 20px;
    }

    .blockquote,
    blockquote {
        margin-left: 50px;
    }

    .img-translate-left {
        max-width: 100%;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .sub-heading.text-right {
        text-align: left;
    }

    .section-split-bg {
        height: 100vh;
        position: static;
    }

    .ms-section {
        position: static;
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }

    .ms-right .ms-section:last-child {
        margin-bottom: 0;
    }

    #multiScroll {
        overflow-y: scroll;
    }

    .img-tablet-show {
        display: inline;
    }

    .page-title-subtext {
        text-align: center;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .sidebar-area {
        margin-top: 50px;
    }

    .comments-area .comment-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header.header-2 div#header-logo {
        width: auto;
        padding: 0;
        float: left;
    }

    .header.header-2 div#header-logo a {
        padding: 0;
    }

    .main-logo {
        height: 50px;
    }

    #header .nav-extra.pull-right {
        padding: 0;
        width: auto;
        clear: none;
    }

    .nav-extra.pull-right .header-popup.clearfix {
        padding: 0;
        width: auto;
        float: right;
    }

    .footer-top .widget .contact-info li {
        margin-top: 10px;
    }

    .sub-heading .f2 {
        font-size: 30px;
        line-height: 0;
    }

    h2.page-title {
        font-size: 22px;
        line-height: 28px;
    }

    /*new*/
    h2.page-title.tecno-title,
    h2.page-title.tecno-title strong {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0;
    }

    h2.page-title.tecno-sobretitle {
        font-size: 16px;
    }

    p.counter-banner {
        padding-top: 8px;
    }
    p.counter-banner strong {
        font-size: 18px !important;
    }
    /*end new*/
}

@media (max-device-width: 800px) and (orientation: portrait) {
    .no-res {
        display: none;
    }

    /*new*/
    .entry-media {
        height: auto;
    }

    /*end new*/
    span.entry-categories {
        top: 0 !important;
        height: 55px;
    }

    .header.header-2 #header-logo {
        width: auto;
    }

    .section-bg-23 {
        background-position: top center;
    }

    .bloq-services .col-md-2 {
        width: 33.333%;
        float: left;
        height: 305px;
    }

    .entry-media .entry-categories {
        letter-spacing: 1px;
        padding: 18px 5px 18px 10px;
    }

    footer.footer .col-xs-12 {
        width: 33.3%;
    }

    footer.footer .no-res {
        display: block;
    }

    div#rev_slider_2 {
        height: 320px !important;
    }

    .tp-caption.Lato-Black-20 img.logo-slider {
        width: 210px !important;
        height: auto !important;
    }

    .tp-caption.Lato-Black-20 h2 {
        font-size: 30px !important;
    }

}

@media (max-width: 650px) and (orientation: portrait) {
    .tp-caption.Lato-Black-20 h2 {
        font-size: 16px !important;
        margin-top: 0px;
    }
    .tp-caption.Lato-Black-20 p {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    div#rev_slider_2 {
        height: 200px !important;
    }

    img.scrolldown {
        width: 50px !important;
        height: auto !important;
        /* margin-top: 30px; */
    }

    .tp-mask-wrap {
        left: -160px;
    }
    img.scrolldown {
        left: 44%;
    }

    .portfolio-grid-item.home .entry-media h3 {
        left: 10px !important;
    }
    .opacitybanner{
        display: none !important;
    }

    img.scrolldown {
        display: none;
    }

    .tp-caption.Lato-Black-20 .counter-banner {
        background: rgba(153, 153, 153, 0.7);
        padding: 10px;
        margin-top: 10px;
    }
    .portfolio-grid-item.home .entry-media h3 {
        font-size: 35px !important;
        text-align: right !important;
    }
    .team .col-md-25.p-2 {
        height: auto !important;
    }

}
@media only screen   and (min-device-width: 768px)  and (max-device-width: 1024px)   and (orientation: portrait)   and (-webkit-min-device-pixel-ratio: 1) {
    .opacitybanner{
        display: none !important;
    }
    .tp-caption.Lato-Black-20 h2{
        margin-left: -95px;
    }
    .tp-caption.Lato-Black-20 p{
        margin-left: -95px;
    }
}
@media (max-device-width: 1280px) and (orientation: landscape) {
    div#rev_slider_2 {
        height: 410px !important;
    }

    .tp-caption.Lato-Black-20 img.logo-slider {
        width: 210px !important;
        height: auto !important;
    }

    .tp-caption.Lato-Black-20 h2 {
        font-size: 30px !important;
    }
}

.car-button {
    background: #1930F8 !important;
    color: white;
    border: none;
    padding: 15px 50px;
    border-radius: 5px;
    font-size: 18px;
    display: none;
}

.car-button:hover {
    color: white !important;
    background: rgba(25, 48, 248, 0.7) !important;
    transform: scale(1.05)
}

@media(min-width: 934px) {
    .car-button {
        display: block;
        margin-top: 50px;
        font-size: 25px
    }
}

@media(min-width: 1200px) {
    .car-button {
        margin-top: 500;
    }
}

.backgrpimd {
    height: 100%;
    width: auto;
    background: red !important;
}

.title-sub::after {
    content: "";
    display: block;
    height: 5px;
    width: 200px;
    background-color: #1930f8;
    margin: -10px 0;
}

.service-text,
.service-text-light {
    font-family: 'klavikaRegular';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50% 0 !important;
    text-align: center;
    font-size: 50px;
    font-size: 40px;
    padding: 40px;
    text-transform: uppercase;
    line-height: 2rem;
}

.service-text {
    background: rgba(25, 48, 248, 0.2) !important;
    color: #ffffff;
}

.service-text-light {
    background: rgba(255, 255, 255, 0.5) !important;
    color: #1930f8
}

.service-text>span,
.service-text-light>span {
    font-size: 35px
}



.service-text:active,
.service-text:visited {
    color: white;
}

.service-text-light:hover,
.service-text-light:active,
.service-text-light:visited {
    color: #1930f8
}


.btn-tecno-blog {
    background: #1930F8 !important;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 16px;
}

.btn-tecno-blog:hover {
    color: white !important;
    background: rgba(25, 48, 248, 0.7) !important;
    transform: scale(1.01)
}

.btn-tecno-blog:active,
.btn-tecno-blog:visited,
.btn-tecno-blog:link {
    color: #fff !important
}


.title-overline::before {
    content: "";
    display: block;
    height: 5px;
    width: 200px;
    background-color: #1930f8;
    margin: -10px 0;
}

.banner-content>* {
    color: white !important;
    font-family: KlavikaRegular !important;
}

.banner-content__title {
    font-size: 85px;
    margin-bottom: 22px;
    margin-top: 0;
    color: white;
}

.banner-content__head {
    font-size: 20px;
    margin-bottom: 0;
}

.banner-content__text {
    font-size: 28px !important;
    line-height: 22px;
}

h3.title-team {
    background: #1930f8;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: white;
}
@media(min-width: 650px) {

    .banner-content__title {
        font-size: 85px;
        margin-bottom: 22px;
        margin-top: 0;
        color: white;
    }

    .banner-content__text {
        font-size: 28px !important;
        line-height: 22px;
    }

}

@media(min-width: 800px) {
    .banner-content__head {
        margin-top: 100px;
    }
}

@media(min-width: 957px) {
    .banner-content__head {
        margin-top: 0;
    }
}

@media(min-width: 1280px) {
    .banner-content__title {
        font-size: 85px;
        margin-bottom: 22px;
        margin-top: 0;
        color: white;
    }

    .banner-content__head {
        font-size: 25px;
        margin-bottom: 0
    }

    .banner-content__text {
        font-size: 28px !important;
        line-height: 22px;
    }

    /*.overlay {
        top: 0;
        left: 85%;
        height: 1500px;
        width: 75%;
        transform: translate(-300px, -200px);
    }*/
}

.slow {

    transition: opacity 3.25s ease-in-out !important;
    -moz-transition: opacity 3.25s ease-in-out !important;
    -webkit-transition: opacity 3.25s ease-in-out !important;
}


@media (max-width: 1479px) {
    .header.header-2 .navigation .main-navigation>ul>li>a {
        width: 100%;
        padding: 30px 20px !important;
    }
}

.main-navigation>ul>li {
    padding-left: 0;
    padding-right: 0;
}


.footer-mid {
    background-color: #dedede;
    font-size: 16px;
}

.footer-mid>div {
    padding: 25px 0;
}

.footer-col {
    margin: 25px 0;
}

.footer-list__title {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.footer-row {
    text-align: left;
}

.counter-content.new-content-style {
    display: flex;
    align-items: center;
}

.box-img {
    width: 30%;
}

.box-text {
    width: 65%;
}

.counter-content.new-content-style img {
    width: 100%;
}

.counter-content.new-content-style h2 {
    font-size: 2em;
    line-height: 30px;
    margin: 0;
}

.counter-content.new-content-style span {
    font-size: inherit;
    font-weight: 700;
}

.counter-content.new-content-style h5 {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17px;
}




/*overlay masonry*/
.overlay-wrap {
    position: relative;
    overflow: hidden;
}
.overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.overlay-wrap .overlay {
    background: #fff;
    -webkit-transition: all .3s linear 0s;
    -khtml-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.overlay-wrap .overlay.zoom-in {
    -webkit-transform: scale(1.5);
    -khtml-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.overlay-wrap:active .overlay, 
.overlay-wrap:focus .overlay, 
.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.overlay-wrap .overlay.left-right {
    left: -100%;
    right: 100%;
}
.overlay-wrap:hover .overlay {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    left: 10px;
    right: 10px;
}
.overlay-wrap .overlay .overlay-inner {
    padding: 20px;
    width: 100%;
}
.overlay-wrap .overlay.zoom-in .overlay-inner {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.overlay-wrap .overlay.left-right .overlay-inner {
    left: 200%;
    right: auto;
}
.overlay-wrap:hover .overlay.left-right .overlay-inner {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}
.overlay-wrap .overlay.left-right .overlay-inner.right {
    left: 200%;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
}
.overlay-wrap:hover .overlay.left-right .overlay-inner.right {
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -khtml-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    -ms-transition: all .3s ease-out .1s;
    -o-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}
.overlay-wrap .overlay.left-right .overlay-inner.align-middle,
.overlay-wrap:hover .overlay.left-right .overlay-inner.align-middle {
    top: 50%;
    width: 100%;
    bottom: auto;
    position: absolute;
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
}
.entry-title {
    margin: 0;
}
h3.entry-title {
    font-family: KlavikaRegular;
    font-weight: bold;
    font-size: 20px !important;
}
.entry-header {
    margin-bottom: 20px;
}
.entry-header .entry-meta {
    margin-top: 2px;
}
.entry-media {
    position: relative;
    margin-bottom: 33px;
}
.entry-media img {
    width: 100%;
}
.entry-media .nectar-love {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}
.entry-media .nectar-love i {
    width: 45px;
    height: 45px;
    text-align: center;
    position: relative;
    z-index: 2;
    line-height: 45px;
    background: #1f1f1f;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.entry-media .nectar-love .nectar-love-count {
    position: absolute;
    bottom: 0;
    left: 100%;
    right: auto;
    max-width: 0;
    padding: 0 10px;
    line-height: 45px;
    background: #1f1f1f;
    white-space: nowrap;
    visibility: hidden;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.entry-media .nectar-love.right .nectar-love-count {
    left: auto;
    right: 100%;
}
.entry-media .nectar-love:hover i {
    background: #999;
}
.entry-media .nectar-love:hover .nectar-love-count {
    visibility: visible;
    background: #999;
    max-width: 200px;
}
.entry-footer {
    margin-top: 25px;
    clear: both;
}
.entry-footer .readmore {
    display: inline-block;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 2.4px;
}
.entry-footer .readmore:hover {
    border-bottom-color: #999;
}

.project-item-wrap {
    position: relative;
    overflow: hidden;
}
.portfolio-grid.no-margin {
    margin-left: -15px;
    margin-right: -15px;
}
.portfolio-grid-item {
    margin-bottom: 30px;
}
.portfolio-grid-item .entry-media {
    margin-bottom: 0;
}
.portfolio-grid-item .overlay-inner {
    bottom: 0;
    padding: 15px 34px 8px;
    position: absolute;
}
.portfolio-grid-item .entry-footer {
    position: absolute;
    top: 23px;
    right: 30px;
    margin: 0;
}
.portfolio-grid-item .entry-footer a {
    float: left;
    border: none;
    height: 50px;
    width: 50px;
    line-height: 48px;
    overflow: hidden;
    font-size: 0;
}
.portfolio-grid-item .entry-footer a.entry-readmore:before, 
.portfolio-grid-item .entry-footer a.entry-readmore:after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background-color: #1f1f1f;
    position: absolute;
    top: 50%;
}
.portfolio-grid-item .entry-footer a.entry-readmore:hover:before, 
.portfolio-grid-item .entry-footer a.entry-readmore:hover:after {
    background-color: #999;
}
.portfolio-grid-item .entry-footer a.entry-readmore:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.portfolio-grid-item .entry-header {
    margin-bottom: 0;
}
.portfolio-grid-item.overlay-wrap .overlay.left-right .overlay-inner {
    left: 0;
}
.portfolio-carousel .portfolio-grid-item {
    margin-left: 15px;
    margin-right: 15px;
}
.accordion-heading.toggle_title i {
    vertical-align: text-top;
}
.section.extra h3 {
    font-size: 20px;
    line-height: 30px;
}
h3.sub-heading.heading-minus {
    font-family: KlavikaRegular;
    font-size: 35px;
}
.section-bg-trabajadores h3.text-abs {
    color: blue;
}
.portfolio-grid-item.morethanwork .entry-media h3 {
    position: absolute;
    top: 0;
    right: 15px;
    font-family: klavikaRegular;
    color: #1930f8;
    font-weight: bold;
    left: auto;
}

.portfolio-grid-item.home .entry-media h3 {
    position: absolute;
    top: 0;
    right: 15px;
    font-family: klavikaRegular;
    color: #ffffff;
    font-weight: bold;
    left: auto;
    font-size: 59px;
    text-align: right;
}
.owl-item .process-item {
    min-height: 280px;
}
.section.type-title-1{
    background: #1930f8;;
}
.section.type-title-1 h1.page-title {
    font-size: 90px;
    margin-top: 20px;
    line-height: normal;
}
.section.type-title-1 .page-title-subtext{
    margin-top: 0;
}




.fade-in.one-fade {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}
.fade-in.two-fade {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}
.fade-in.three-fade {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 3s;
}


.to-left-move.animated-now {
  animation: move-to-left 3s;
  -webkit-animation: move-to-left 3s;
}

.to-right-move.animated-now {
  animation: move-to-right 3s;
  -webkit-animation: move-to-right 3s;
}



@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}





@keyframes move-to-left {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
            
@-webkit-keyframes move-to-left {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


@keyframes move-to-right {
  from {
    margin-left: -100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
            
@-webkit-keyframes move-to-right {
  from {
    margin-left: -100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}