/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.9.7
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #4f5a6e #c0c0c0;
}


/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #c0c0c0;
}

*::-webkit-scrollbar-thumb {
  background-color:#4f5a6e;
  border-radius: 0px !important;
  border: 0px solid !important;
}

*::-webkit-scrollbar-thumb:hover {

  background-color:#ec008c;
  border-radius: 0px !important;
  border: 0px solid !important;
}




/*
html {
  --scrollbarBG: #c0c0c0 !important;
  --thumbBG: #ec008c !important;
}


html:hover, html:active {
  --thumbBG: #4f5a6e!important;
}


body::-webkit-scrollbar {
  width: 10px !important;
}
body {
  scrollbar-width: thin !important;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG) !important;
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG) !important;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) !important ;
  border-radius: 0px  !important;
  border: 0px solid var(--scrollbarBG) !important;
}
*/


h6 {
color: #4f5a6e !important;
}

/*--------------------TOP BAR--------------------*/
.l-subheader.at_top {background-color: #1c1f26 !important; color: #fff !important; opacity: 1 !important;}
.w-lang-item {padding: 0 30px 0 0px !important;}


/*--------------------STICKY MENU BAR BTN BACKGROUND (WHITE)--------------------*/
.l-subheader.at_middle, .l-subheader.at_bottom {background-color: #fff !important;}



/*--------------------MOUSE OVER ROUND ICONS--------------------*/
.no-touch .w-iconbox.type_outlined .w-iconbox-icon:before, .no-touch .w-iconbox.type_solid .w-iconbox-icon:before {background-color: #ec008c !important;}


/*--------------------PORTFOLIO ELEMENT OVERLAY GRADIENT--------------------*/
.type_2 .w-portfolio-item-meta:before {background: linear-gradient(to top, rgba(30,30,30,0.0) 0, transparent 100%) repeat-x;}






/*--------------------BG MAGENTA OVERLAY--------------------*/
.l-submain-overlay.black_30 {background-color: rgba(0,0,0,0.0) ;}


/*--------------------ICON BOX TEXT + HOVER AERA---------------------*/
.iconboxtitle .w-iconbox-text p {display: none !important}
.iconboxtitle .w-iconbox.size_tiny .w-iconbox-title {display: none !important}
.iconboxtitle .w-iconbox.iconpos_top  {max-width: 50px !important; }
.w-iconbox.size_tiny .w-iconbox-title {margin-bottom: -9px !important;}
.w-iconbox.type_solid .w-iconbox-icon {border-radius: 0px;}
.w-iconbox-icon {border-radius: 0px !important; transition: all .3s ease-in-out;}
.w-iconbox-icon:hover {border-radius: 0px; }
.w-iconbox.iconpos_top .w-iconbox-title {font-size: 28px !important; margin-bottom: -15px !important;}
.w-iconbox.size_big.iconpos_left .w-iconbox-title, .w-iconbox.size_big.iconpos_left .w-iconbox-text {display: none !important;}
.uvc-ctaction-data {padding-top: 110px !important;}


/*--------------------Call to action boxes HOME--------------------*/
.ultimate-call-to-action {border-radius: 0px !important; height: 333px !important;}
.ultimate-call-to-action:hover {box-shadow: 0 0 0 0 #c8c8c8 inset !important; border-radius: 0px !important; transition: all .3s ease-in-out;}
.ultimate-call-to-action .uvc-ctaction-data {padding-left: 0px!important;}


  

/*--------------------VIDEO PLAYER BG--------------------*/
.fve-video-wrapper iframe {background-color: #fff !important;} 


/*--------------------SOME FACTS SUBLINE--------------------*/
.somefacts .w-counter h6.w-counter-title {color: #fff !important; align: left !important;}
.somefacts-about {height: 60 px;}

/*--------------------SOCIAL ICONS TOOLTIP--------------------*/
.w-socials-item-popup {background-color: #ec008c !important;}
.w-socials-item-popup {display: none !important;}

/*--------------------CLIENTS LOGOS--------------------*/
.w-clients-item-h {opacity: 1; border: 0px solid transparent; padding: 10px !important;}
.no-touch .w-clients-item-h:hover {opacity: 1;}
.clientlogoslider {max-height: 50% !important;}



/*--------------------PORTFOLIO GRID OVERLAY OPACITY--------------------*/
.no-touch .type_6 .w-portfolio-item-anchor:hover .w-portfolio-item-meta {opacity: 0.93;}


/*--------------------LINK HOVER UNDERLINE--------------------*/
.no-touch .g-html p a:hover, .no-touch .w-contacts a:hover { border-bottom: 0px solid;}
.w-nav.layout_hor > .w-nav-list > .w-nav-item a:hover { border-bottom: 0px solid; color: #ec008c !important;}


/*--------------------MAIN MENU HAMBURGER/ MOBILE VIEW--------------------*/
/*Transform Menu to mobile view at width:1023*/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {color: #ec008c !important; font-size: 26px !important;}
.fa-bars:hover {font-color: #ffffff !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); writing-mode: lr-tb; transition: all .3s ease-in-out; }
.fa-bars {-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); writing-mode: lr-tb; transition: all .3s ease-in-out;}
.w-nav-control:hover {color: #fff !important;}


/*--------------------MAIN MENU--------------------*/
.w-nav-anchor {text-align: right;}
.l-header .touch_enabled .w-nav-anchor.level_1 {padding: 16.4px !important; background-color: #fff !important;}
//.l-header:hover .touch_enabled:hover .w-nav-anchor.level_1:hover {background-color: #fff !important;}
.w-nav-anchor.level_1 .w-nav-title {font-size: 40px !important; text-transform: uppercase; padding-right: 7px; font-weight: 500 !important;}
.w-nav.touch_enabled .w-nav-anchor.level_1 {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.00) inset !important;}




/*--------------------POST COMMENTS--------------------*/
.l-content > .w-comments {display: none !important;}


/*--------------------BLOG PAGE VISIBILITY IMAGES--------------------*/
img.attachment-blog-small.wp-post-image {width: 100%; height:100%;}
img.attachment-blog-grid.wp-post-image {width: 100%; height:100%;}
.w-blog.type_masonry .w-blog-entry {text-align: left;}
.fa-clock-o:before {font-size: 20px !important;}
.w-blog-meta-date {font-size: 23px; color: #ec008c !important;}
.w-blog-title {font-size: 35px !important;}




/*--------------------RESPONSIVE TEXT ALIGN HEADER--------------------*/
.w-pagehead {text-align: left;}


/*--------------------CONTACT FORM--------------------*/
.w-form-field-success {color: #575757;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], textarea, select {padding: 8px 12px; border-radius: 0px; box-shadow: 0 0 0 0px transparent, 0 0px 0 rgba(0,0,0,0.08) inset; color: #4f5a6e !important; border: 1px solid; border-color: #eeeff1;}
.g-html p {margin-bottom: 0px;}
.w-form-row.for_submit {padding-top: 20px;}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="search"]:focus, textarea:focus, select:focus, #bbpress-forums div.bbp-the-content-wrapper textarea:focus {box-shadow: 0px 0px 0px 0px #666 inset !important;}


/*--------------------VIDEO PLAYER--------------------*/
#player.player-1429116860892.with-fullscreen{height: 420px !important; }
#player, .fallback, body, html, iframe {background-color: #ffffff !important;}


/*--------------------Testimonials--------------------*/
.no-touch .w-testimonial:hover {box-shadow: 0 0 0 2px #e8e8e8 inset !important;}
.w-testimonial-person i {font-size: 30px; opacity: 1; color: #4f5a6e !important;}
.w-testimonial-person-name {font-weight: normal; color: #4f5a6e;}
.w-testimonial .w-testimonial-text {font-size: 16px; line-height: 22px;}

.w-testimonial {border-radius: 0px; background-color: #fff !important; color: #4f5a6e;}


/*--------------------Parallaxx Image Spacer--------------------*/
.parallax-image-spacer {height: 50px !important;}


/*--------------------SOLUTIONS TEXT BOX MAGENTA--------------------*/
.solutions-text {color: #fff !important;}

.w-iconbox.color_light.type_outlined .w-iconbox-icon {box-shadow: 0 0 0 2px #999 inset !important;}


/*--------------------FOOTER--------------------*/
.l-subfooter.at_top .w-socials-item-link {box-shadow: 0 0 0 1px #ffffff inset !important;}
.l-subfooter.at_bottom {
    background-color: #ffffff !important;}


/*--------------------CONTACT ICON FOOTER--------------------*/
.w-iconbox.iconpos_top .w-iconbox-title {margin-top: -10px; font-size: 32px;}



/*--------------------HEADINGS PORTFOLIO SIDEBAR--------------------
.g-html h2:first-child {margin-top: -10px !important;}*/


/*--------------------Portfolio Single Page navigation buttons--------------------*/
.no-touch .l-submain.color_primary .w-pagehead-nav-item:hover, .no-touch .l-submain.color_secondary .w-pagehead-nav-item:hover {
    box-shadow: 0px 0px 0px 2px #FFF inset !important;
    border-radius: 0px !important;
}

.no-touch .l-submain.color_primary .w-pagehead-nav-item, .no-touch .l-submain.color_secondary .w-pagehead-nav-item {
    border-radius: 0px !important;
 }

.for_pagehead.size_small .w-pagehead-nav {visibility: hidden !important;}


/*.w-pagehead-nav-h {display: none !important;}*/

.w-iconbox.type_outlined.size_huge .w-iconbox-icon, .w-iconbox.type_solid.size_huge .w-iconbox-icon {
    font-size: 80px;
    line-height: 200px;
    height: 200px;
    width: 200px;
}




.final-tiles-gallery .tile .ftg-social {
    opacity: 0.3 !important;
    display: inline !important;
    left: 30px !important;
    bottom: 15px !important;
}

.ftg-social .fa-facebook:before{
    font-size: 25px;
    padding-right: 20px !important;

}


.ftg-social .fa-twitter:before {
    font-size: 25px;
    padding-right: 20px !important;
}


.ftg-social .fa-pinterest:before {
    font-size: 25px;
    padding-right: 20px !important;
}







/*--------------------POST NAVIGATION--------------------*/
.wp-post-navigation {padding-top: 64px !important; padding-bottom: 32px !important; font-size: 23pt !important;}

.wp-post-navigation div {font-size: 12pt !important; width: 280px !important;}

.wp-post-navigation-pre {line-height: 35px !important; font-size:18 !important; }
.wp-post-navigation-next {line-height: 35px !important;font-size:18 !important; }



.w-blog.imgpos_attop .w-blog-entry-preview + .w-blog-entry-title {background-color: #fff !important;}

.w-blog.type_masonry .w-blog-entry-body {background-color: #fff !important;}

.w-blog.type_masonry .w-blog-entry-title {color: #4f5a6e !important; text-transform: uppercase;}

.w-blog-entry-link {color: RED ! important;}

.w-blog-entry-title-h {color: #4f5a6e !important;}


.iconboxtitlecontact .w-iconbox-icon {background-color: #4f5a6e !important;}


@media screen and (min-width: 960px){
.demo_reel_box {padding-bottom: 3000px!important;}}


@media screen and (min-width: 1024px){
h1 {font-size: 32px !important; font-weight: 500 !important; color: #4f5a6e !important;}}

@media screen and (max-width: 1024px) and (min-width: 720px) {
h1 {font-size: 32px !important; font-weight: 500 !important; color: #4f5a6e !important;}}

@media screen and (max-width: 720px){
h1 {color: #4f5a6e !important; font-size: 32px !important; font-weight: 500 !important;}}



@media screen and (max-width: 960px){
.wp-post-navigation-pre{text-align: center !important;}}

@media screen and (max-width: 960px){
.wp-post-navigation-next{text-align: center !important;}}


.for_pagehead.size_small .w-pagehead h1 {
    font-size: 30px !important; color: #ffffff !important; font-weight: 400 !important;}

@media screen and (max-width: 960px){.for_pagehead.size_small .w-pagehead h1 {
    font-size: 32px !important; color: #ffffff !important; }}


.no-touch .type_9 .w-portfolio-item-anchor:hover .w-portfolio-item-image img {
			opacity: 0;
			-webkit-transform: scale(2);
				-ms-transform: scale(2);
					transform: scale(2);
			}

/*--------------------COOKIES--------------------*/

#cookie-law-info-bar {
background-color: #1c1f26 !important;
}

.cli-plugin-button, .cli-plugin-button:visited {
    background: #1c1f26 !important;
}


.cli-plugin-button, .cli-plugin-button:visited {background: #4f5a6e !important;}

#cookie-law-info-bar {padding: 10px 0px;}


@media screen and (max-width: 960px){.g-html .align_right {
    text-align: left !important;
}}
    

@media screen and (max-width: 960px){.test-email-contact{margin-top: -60px !important;}}


@media screen and (max-width: 960px){.about-features-left, .about-features-right {text-align: center !important;}}

.w-iconbox.iconpos_left .w-iconbox-icon {
    float: center !important;
}

@media screen and (max-width: 960px){.solution-video-mobile, .solution-web-mobile, .solution-design-mobile {text-align: center !important;}}



#lang_sel_footer {padding-top: 32px !important; padding-bottom: 32px !important; border: 0px solid!important; background-color: #1c1f26 !important; border-color: #1c1f26 !important; text-transform: uppercase !important; font-family: Lato !important;}

#lang_sel_footer a.lang_sel_sel, #lang_sel_footer a.lang_sel_sel:visited, #lang_sel_footer ul a {
    background-color: #1c1f26 !important;}

.ding {
    text-align: center !important;}

@media screen and (max-width: 960px){.g-html h2 {text-align: left !important;}}

@media screen and (max-width: 960px){.w-socials-list {text-align: left !important;}}
@media screen and (max-width: 960px){.contact-text-box, .blog-text, .w-blog-entry-short, .wpb_text_column blog-text, .w-blog-title, .w-blog-meta, .l-subfooter.at_top .widget, .g-html p, .wpb_row, .for_pagehead.size_small .w-pagehead h1, .w-pagehead-nav, .contact-text, .g-html h5 {text-align: left !important;}}


@media screen and (max-width: 960px){.l-submain.full_height .l-submain-h {text-align: center !important;}}


@media screen and (max-width: 960px){
#lang_sel_footer {
    text-align: center !important;
}}

input[type="text"], input[type="email"] {
    text-align: left !important;
}

@media screen and (max-width: 960px) {.g-html .align_right {
    text-align: center !important;
}}

@media screen and (min-width: 1024px){.w-iconbox.iconpos_left {padding-top: 36.5% !important;}}

/*@media screen and (max-width: 960px){.w-iconbox.type_solid.size_huge .w-iconbox-icon {width: 100% !important;}}*/

/*@media screen and (max-width: 1024px) and (min-width: 960px) {.w-socials-item.facebook {display: none;}}*/

.contact_socials_ipad  {padding-right: 10px !important;}


element {
    background: #ffffff !important;
}



.for_pagehead.size_small .w-pagehead h1 {display: none !important;}
.l-submain.color_alternate {background-color: #ffffff !important; border-bottom: 1px solid; border-color: #eae9e0 !important;}
.l-submain.color_alternate {color: #063246 !important;}
.l-submain.color_alternate, .color_alternate a {text-transform: uppercase !important;}
@media screen and (max-width: 480px){.l-submain.color_alternate {background-color: #ffffff !important; border-bottom: 0px solid; border-color: #ffffff !important;}}
@media screen and (max-width: 480px){.l-submain.for_pagehead {box-shadow: 0 0 0 0 rgba(0,0,0,0.08) inset;}}


@media screen and (max-width: 1024px){.service_row_parallax, .contact_row_parallax, .about_row_parallax {display: none !important;}}


.page-404 i {color: #4f5a6e !important;}

.w-iconbox.size_huge .w-iconbox-icon {font-size: 90px !important;}

.w-iconbox.iconpos_left .w-iconbox-icon {
    float: none !important;
}

.clientlogos {opacity: 1 !important;}


.vc_custom_1445946072044, .vc_custom_1445946383450, .vc_custom_1445946392326 {border: 1px solid;}


.l-subheader.at_top .w-lang-list {background-color: #fff !important;}
.w-lang-item-title {padding-left: 0px; font-size: 16px !important;}









@media screen and (max-width: 1024px){
.row-full-width-blog {padding: 0 0px !important;}}


@media screen and (max-width: 1024px){
.l-submain.for_pagehead.size_small .l-submain-h {
    padding: 0px 0px 0px !important;}}

@media screen and (max-width: 1024px){
.l-submain-h {padding: 25px 0px !important;}}

@media screen and (min-width: 1025px){
.l-submain-h.g-html.i-cf {
padding-top: 50px !important;
}}





@media screen and (min-width: 900px){
.portfolio-foto-top {
padding-top: 30px !important;
width: 100% !important;
}}


@media screen and (max-width: 1200px) and (min-width: 899px){
.portfolio-foto-top img {
    margin-left: -4% !important;
}}


@media screen and (max-width: 1200px){
.portfolio-video-top {
padding-top: 20px !important;
}}

@media screen and (max-width: 1200px) and (min-width: 899px){
.portfolio-video-top{
    margin-left: -4% !important;
    margin-right: 4% !important;
}}



@media screen and (min-width: 1200px){
.row-video-top {
    margin-top: -120px !important;
}}





.tparrows {
    background: rgba(46, 52, 64, 0.5) none repeat scroll 0% 0% !important;
}

.tparrows:hover {
    background: #2e3440 none repeat scroll 0% 0% !important;
}

.g-hr-h::before{height: 0px;background-color: #f3f3f3 !important; margin-left: 0px !important; margin-top: -2px !important; width: 100% !important;}
.g-hr-h::after {background-color: #ffffff !important; width: 100% !important;}
.g-hr {margin-top: 0px !important; margin-bottom: 0px !important; width: 100% !important; }


.l-header.transparent .l-subheader {border-bottom: 1px solid !important; border-color: rgba(46, 52, 64, 0.1) !important;}

.elementSquareMagenta{
  width:100%;
  text-align:center;
  font-size: 30px;
  padding:50% 0;
  line-height:0;
  position:relative;
background: #9ca2ad;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
  margin-left: 0px !important;
}


.elementSquareMagenta-1{
  width:100%;
  text-align:center;
  font-size: 30px;
  padding:25% 0;
  line-height:150%;
  position:relative;
 opacity: 0.6 !important;
background: #9ca2ad;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
  margin-left: 0px !important;
}

.elementSquareMagenta-2{
  width:100%;
  text-align:center;
  font-size: 30px;
  padding:50% 0;
  line-height:0;
  position:relative;
 opacity: 0.6 !important;
background: #9ca2ad;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
  margin-left: 0px !important;
}

.elementSquareMagenta-3{
  width:100%;
  text-align:center;
  font-size: 30px;
  padding:50% 0;
  line-height:0;
  position:relative;
 opacity: 0.6 !important;
background: #9ca2ad;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
  margin-left: 0px !important;
}

.elementSquareMagenta:hover{
  color: #4f5a6e;
}

.elementSquareGrey{
  width:100%;
  text-align:center;
  font-size: 30px;
  padding:50% 0;
  line-height:0;
  position:relative;
  background: #4f5a6e;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
}

.elementSquareGreyListe{
  width:100%;
  text-align:left;
  font-size: 15px;
  padding:50% 0;
  line-height:1;
  position:relative;
  background: #4f5a6e;
  color: white;
  font-family: Lato;
  font-weight: 300 !important;
}

.elementSquareMagentaNr{
  width:100%;
  text-align:center;
  font-size: 100px;
  padding:50% 0;
  line-height:0;
  position:relative;
  background: #ec008c;
  color: white;
  font-family: Lato;
  font-weight: 400 !important;
}
@media screen and (max-width: 960px){
.elementSquareMagenta {
  font-size: 4.0em; padding:25% 0;
}}

@media screen and (max-width: 480px){
.elementSquareMagenta {
  font-size: 3.0em; padding:50% 0;
}}

@media screen and (max-width: 960px){
.elementSquareGrey {
  font-size: 4.0em; padding:25% 0;
}}

@media screen and (max-width: 480px){
.elementSquareGrey {
  font-size: 3.0em; padding:50% 0;
}}


@media screen and (max-width: 480px){
.elementSquareGrey{
  font-size: 3.0em;
}}


@media screen and (max-width: 480px){
.portfolio-client-desc {padding-left: 0px !important; padding-right: 0px !important;}}

@media screen and (min-width: 481px){
.portfolio-client-desc {padding-left: 0px !important; padding-right: 0px !important;}}

@media screen and (min-width: 1280px){
.portfolio-client-desc {padding-left: 0px !important; padding-right: 0px !important;}}

.trennung { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}



.g-html ul li {margin-bottom: 0px !important;}
.g-html ul {margin-left: 10px !important;}

@media screen and (max-width: 960px){
.g-html ul {margin-left: 20px !important;}}

@media screen and (max-width: 1024px){
.skyline {display: none !important;}}


@media screen and (max-width: 960px){
.frameone-icon {display: none !important;}}


.rev_slider {
margin-left: -20px !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], textarea, select {
    border-color: #4f5a6e !important;
}





/*---------Copyright----------*/
.l-subfooter.at_bottom {
color: #4f5a6e !important; font-size: 11px !important;}


@media screen and (min-width: 1024px){
.w-copyright {
color: #4f5a6e !important; 
text-align: center !important;
padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}}


.no-touch .type_4 .w-portfolio-item-title {
text-align: center !important;
}

.w-portfolio-item-arrow {
display: none !important;
}


.no-touch .type_9 .w-portfolio-item-anchor {
    background-color: #ec008c !important;
}

#lang_sel_footer a.lang_sel_sel {color: #ec008c !important;}



.l-canvas, .w-blog.type_masonry .w-blog-entry-preview:before, .w-cart-dropdown, .w-filters-item.active, .no-touch .w-filters-item.active:hover, .w-portfolio-item-anchor, .w-tabs-item.active, .no-touch .w-tabs-item.active:hover, .w-timeline-item, .w-timeline-section-title, .w-timeline.type_vertical .w-timeline-section-content, #lang_sel ul ul, .woocommerce div.product .woocommerce-tabs .tabs li.active, .no-touch .woocommerce div.product .woocommerce-tabs .tabs li.active:hover, .woocommerce .stars span:after, .woocommerce .stars span a:after, #bbp-user-navigation li.current, .gform_wrapper .chosen-container .chosen-drop, .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
    background-color: #ffffff !important;
}

.l-submain.for_pagehead.size_small .l-submain-h {
    background-color: #ffffff !important;
    padding: 0px !important;
    height: 0px !important;
}


/*.l-submain.color_primary {
    background-color: #ffffff !important;
}


.fullwidthbanner-container .fullwidthabanner {
    display: none !important;
}

.l-submain-h {
    padding: 0px 0;
}*/


/* ----- SOCIAL ICONS im HEADER 
.l-subheader.at_top {
    display: none !important;
} */

.l-subheader.at_top {
   background-color: #f7f9fa !important;
color: #4f5a6e !important;
}


.w-socials-item.instagram .w-socials-item-link::before {
  background-color: #4f5a6e;
}

.w-socials-item.facebook .w-socials-item-link::before {
  background-color: #4f5a6e;
}

.w-socials-item.linkedin .w-socials-item-link::before {
  background-color: #4f5a6e;
}


@media only screen and (max-width: 899px) {
  .headerpos_fixed .l-subheader.at_top {
    display: block !important;
  }
}


@media only screen and (max-width: 899px) {
  .l-subheader.at_top .w-socials, .l-subheader.at_top .w-contacts, .l-subheader.at_middle .w-socials, .l-subheader.at_middle .w-contacts {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    position: relative !important;
    margin: 0 10px !important;
  }
}



cli-plugin-button, .cli-plugin-button:visited {
    background: #222 url(../images/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0)!important;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0)!important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25)!important;
    border-bottom: 0px solid rgba(0,0,0,0.25)!important;
    position: relative;
    cursor: pointer;
    margin: auto 10px;
}

#cookie-law-info-bar {
    z-index: 999999999 !important;
}


.l-header.transparent .l-subheader {
    border-bottom: 0px solid !important;
    border-color: rgba(0, 0, 0, 0.0) !important;
}


.l-submain.color_primary {
    padding-top: 120px !important;
}

.l-subheader.at_middle {
    box-shadow: 0 1px 0 -1px rgba(0,0,0,0.08);

}

.l-submain.for_pagehead {
    box-shadow: 0 0px 0 -1px rgba(0,0,0,0.08) inset;
}


.w-gallery-tnail {
    pointer-events: none !important;
}


.photo-full-row-width {
width: 100% !important;
}


.wpb_single_image {

    margin-bottom: 0px!important;
    margin-top: 0px!important;
}





.no-touch .w-gallery-tnail:hover .w-gallery-tnail-title {
    box-shadow: 0 0 0 0px #fff inset !important;
}



.phone a, .phone a:link, .phone a:visited, .phone a:hover, .phone a:active, .phone a:focus {
  text-decoration: none;
  color: RED;
}



.l-header .touch_enabled .w-nav-anchor.level_1 {
text-align: center !important;
}


.l-submain-h {
    padding: 30px 0 !important;
    z-index: 1;
}



h6 {
    margin-bottom: 0px!important;

}

@media screen and (max-width: 960px) and (min-width: 900px){
.elementSquareMagenta {
    font-size: 2.0em;
    padding: 50% 0;
}}





@media screen and (min-width: 900px){
.l-submain.wpb_row {
    padding-top: 120px !important;
}}






@media screen and (min-width: 901px){
.rev-slider-left-margin{
 margin-top: -120px !important;
margin-bottom: -120px !important;
}}

@media screen and (min-width: 900px){
.portfolio-grid-margin-top {
    margin-top: -90px !important;
}}

@media screen and (max-width: 1200px) and (min-width: 900px){
.g-cols.offset_default > .two-thirds, .g-cols.offset_default > .four-sixths {
    width: 100% !important;
}}

@media screen and (max-width: 1200px) and (min-width: 900px){
.g-cols.offset_default > .one-third, .g-cols.offset_default > .two-sixths, .g-html img.alignleft {
    width: 94% !important;
}}


img.alignleft.size-full.wp-image-22408 {
    vertical-align: bottom !important;
    display: table-cell !important;
}


.portfolio-foto-top {
    margin-top: 0px !important;
}

@media screen and (max-width: 640px){
.portfolio-foto-top {
    display: none !important;
}}


@media screen and (max-width: 720px){
.w-nav-anchor.level_1 .w-nav-title {
    font-size: 26px !important;
}}


#menu-item-10243, #menu-item-22679, #menu-item-22680 {
    padding-top: 100px !important;
}



.cat-button {
  border-radius: 0px 0px; !important;
}


@media screen and (min-width: 1025px){
.lift-me-up {
   margin-top: -120px !important;
}}


.w-clients-item-h {
    opacity: 0.85 !important;
    padding: 0px !important;
}

.no-touch .w-clients .slick-next:hover {
    box-shadow: 0 0 0 0px #fff inset !important;
}


.ineos-she-col-1 {
  display: none !important;
}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) and (orientation: portrait){
.ineos-she-col-1 {
  display: block !important;
}}

@media screen and (min-width: 768px){
.ineos-she-col-4 {
  display: block !important;
}}


@media screen and (min-width: 768px) and (max-width: 960px) and (orientation: portrait) {
.ipad-she-col-2 {
  display: block !important;
}}



.ipad-she-col-2 {
  display: none !important;
}


@media screen and (max-device-width: 1024px) and (orientation: portrait) {
 .ipad-she-col-4 {
  display: none !important;
}}


@media screen and (min-device-width: 960px) {
.demo-reel{
    margin-top: -250px !important;
}}

@media screen and (max-device-width: 960px) and (orientation: landscape) {
.demo-reel{
    margin-top: -50px !important;
}}


@media screen and (max-device-width: 960px) and (orientation: portrait) {
.demo-reel{
    margin-top: -50px !important;
}}





/*Abstand Puerta Alcala zur Linie*/

.l-submain-h {
    padding: 0px 0 !important;
    z-index: 1;
}


.g-hr {
    height: 0px;
    margin: 0px 0 !important;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0px 0;
}


/*----WPML EN----*/

#menu-item-23001 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23002 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23003 .w-nav-anchor.level_1 .w-nav-title {
margin-top: 40px !important;
font-size: 1.2em !important;
}

#menu-item-23001{
color: #ec008c !important;
}

@media screen and (max-width: 1024px){
#menu-item-23003 {
    padding-bottom: 100px !important;
}}


/*----WPML DE----*/

#menu-item-23004 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23005 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23006 .w-nav-anchor.level_1 .w-nav-title {
margin-top: 40px !important;
font-size: 1.2em !important;
}

#menu-item-23005{
color: #ec008c !important;
}

@media screen and (max-width: 1024px){
#menu-item-23006 {
    padding-bottom: 100px !important;
}}


/*----WPML ES----*/

#menu-item-23007 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23008 .w-nav-anchor.level_1 .w-nav-title, #menu-item-23009 .w-nav-anchor.level_1 .w-nav-title {
margin-top: 40px !important;
font-size: 1.2em !important;
}

#menu-item-23009{
color: #ec008c !important;
}

@media screen and (max-width: 1024px){
#menu-item-23009 {
    padding-bottom: 100px !important;
}}

.text-box-link https://frameone.es/portfolio/trullo-di-puglia/

.text-box-link a:hover {
color: #ec008c !important;
font-weight: 600 !important;
}

@media screen and (max-width: 768px){
.l-submain-h {
    padding-top: 40px !important;
}}


@media screen and (max-device-width: 960px) and (orientation: landscape) {
.see-more-btn {
    margin-top: 120px !important;
}}


@media screen and (max-device-width: 960px) and (orientation: portrait) {
.see-more-btn {
    margin-top: 0px !important;
}}


.no-touch .type_4 .w-portfolio-item-anchor:hover .w-portfolio-item-image::after {
background-color: #1c1f26 !important;
    opacity: 1.0 !important;
}


.w-portfolio-item-title {
    font-size: 1.8em !important;
    font-weight: 300 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.l-subheader.at_middle .touch_enabled .w-nav-list.level_1 {
    background-color: #fff !important;
}

.one-third.portfolio-client-desc.animate_afb.color_custom.animate_start h2 {
text-transform: uppercase !important;
 font-size: 1.8em !important;
}

@media screen and (min-width: 1025px){
.row-portfolio-grid {
    margin-top: -50px !important;
}}

@media screen and (min-width: 960px) and (max-width: 1024px){
.row-portfolio-grid {
    margin-top: 10px !important;
}}

@media screen and (max-width: 959px){
.row-portfolio-grid {
    margin-top: 50px !important;
}}

@media screen and (max-width: 768px){
.row-portfolio-grid {
    margin-top: 0px !important;
}}

.w-portfolio-item-title {
    margin-bottom: 40%;
}


.l-main {
    padding-bottom: 40px !important;
}

@media screen and (min-width: 900px){
.clientlogos-slider {
    margin-top: -120px !important;
}}


li { 
list-style-image: url(https://frameone.es/frameonemedia/wp-content/uploads/2021/09/plus.svg);

}


.iconboxtitle h2 { 
text-align: left !important;
}


.w-portfolio-item-anchor {
    color: GREEN !important;
}



.l-subheader.at_middle {
    padding-top: 10px !important;
    padding-bottom: 10px;
}

@media screen and (min-width: 900px){
.ineos-infografia, .ineos-ipra {
margin-top: -120px !important;
}}




.w-blog.imgtype_circle .w-blog-entry-preview {
    border-radius: 0% !important;
    overflow: hidden;
}


.w-blog-meta {
display: none !important;
}



.g-pagination-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0;
  margin: 0 3px;
  font-size: 17px;
  line-height: 50px;
  height: 50px;
  width: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 0%;
  box-shadow: 0 0 0 1px #e8e8e8 inset;
  color: inherit;
}