body {
font-family:'Source Sans Pro',Droid Sans,Avenir Next,Helvetica,Arial,sans-serif;
color:#676767
}

.a2a_svg svg{
background-color: red;
}
.alineacion_social{
	padding-left: 20px;
}
#logo {
margin-left:0
}

.logo1,.logo2 {
background-image:url(../images/kopa1.svg);
background-repeat:no-repeat;
background-position:bottom right;
padding:2em;
width:185px;
height:50px
}

.logo2 {
background-image:url(../images/kopa2.svg)
}

.logo3 {
background-image:url(../images/kopa3.svg)
}

.container .row img {
width:100%;
border:solid 10px #fff
}

.container .row img a,.container .row img a:active,.container .row img a:hover,.container .row img a:link,.container .row img a:visited {
width:100%;
border:solid 10px #fff
}

.gallery {
border:solid 10px #fff;
width:100%
}

footer img {
width:auto
}

#title a,#title a:active,#title h1 a,hover,#title h1 a:link,#title h1 a:visited {
text-decoration:none;
color:#fff
}

#redzone h1,#redzone h2,#redzone h3,#redzone h4,.container h3,#whitezone h1,#whitezone h2,#whitezone h3,#whitezone h4 {
width:100%
}

.container .row h1,.container .row h2 {
width:100%
}

.navbar-brand {
margin:6px
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
.logo1,.logo2 {
width:145px;
height:46px;
padding:0
}

.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
margin-left:-4px;
margin-top:23px
}
}

@media (max-width: 767px) {
.logo1 {
background-image:url(../images/kopa1.svg);
background-position:bottom center
}

.logo2 {
background-image:url(../images/kopa3.svg);
background-position:bottom center
}

.no-mobile {
display:none
}

.navbar-brand {
position:absolute;
left:53%;
transform:translateX(-60%);
padding:0;
width:110px;
margin-top:2px
}

.navbar-header {
padding-top:0
}

.navbar-brand img {
width:110px
}

#redzone h1,#whitezone h1 {
font-size:3em
}

.navbar-nav {
margin:7.5px -15px 0;
background:#ffffffe6;
height:100vh;
text-align:center;
font-size:1.2em
}

.navbar-red .navbar-nav {
margin:7.5px -15px 0;
background:#ff0000d4;
height:100vh;
text-align:center;
font-size:1.2em
}
}

@media (max-width: 991px) {
.no-mobile2 {
display:none
}
}

.navbar-toggle {
position:relative;
float:left;
padding:13px;
margin-right:19px;
margin-top:-70px;
margin-bottom:11px;
background-color:transparent;
background-image:none;
border:3px solid transparent;
border-radius:0
}

.navbar-default .navbar-toggle .icon-bar {
background-color:red;
width:32px;
height:4px
}

.navbar-default .navbar-toggle {
border-color:transparent
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color:transparent
}

.navbar-red .navbar-toggle .icon-bar {
background-color:#fff;
width:32px;
height:4px
}

.navbar-default .navbar-toggle {
border-color:none
}

.navbar .navbar-toggle {
border-color:none
}

@media (min-width: 768px) {
.gallery {
width:49%;
float:left
}

#redzone h1,#whitezone h1 {
font-size:4.5em
}

#redzone h1,#redzone h2,#redzone h3,#redzone h4,.container h3,#whitezone h1,#whitezone h2,#whitezone h3,#whitezone h4 {
width:78%
}

.container .row h1,.container .row h2 {
width:85%
}
}

@media (min-width: 1300px) {
.navbar-brand {
margin:-8px
}
}

#redzone {
padding:7em 1.5em 1.5em;
background-color:red;
color:#fff
}

#redzone h1,#whitezone h1 {
font-weight:600
}

#redzone h3,#whitezone h3 {
font-weight:300;
line-height:normal
}

#redzone h4,#whitezone h4 {
font-weight:500
}

#whitezone {
padding:7em 1.5em 1em;
background-color:#fff;
color:#676767
}

.container h1 {
font-weight:600
}

.container h2 {
font-weight:200;
font-size:2em;
line-height:normal
}

.container h3 {
font-weight:200;
font-size:2em;
padding-top:.4em;
padding-bottom:.2em;
line-height:normal
}

.container p {
padding-left:10px
}

.container .row {
padding-top:3em;
padding-bottom:3em
}

footer {
padding:1.5em;
background-color:#3e505a;
color:#fff
}

footer .row {
padding-left:1em
}

footer .col-sm {
padding:1em 0
}

.navbar {
min-height:90px;
margin-bottom:0;
padding:.8em
}

.navbar-header {
padding-top:0
}

.navbar-default .navbar-nav>li>a,.navbar-red .navbar-nav>li>a {
padding:2.5em 1em 2em;
font-weight:400
}

.navbar-default {
transition:all .5s ease;
background-color:#fff
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus {
color:#555;
background-color:transparent;
border-bottom:solid 1.5px transparent;
padding:1.5em 1em 2em
}

.navbar-default .navbar-nav>.active>a:hover {
color:#555;
background-color:transparent;
border-bottom:solid 1.5px none
}

.navbar-red {
transition:all .5s ease;
background-color:red
}

.navbar-red .navbar-nav>.active>a,.navbar-red .navbar-nav>.active>a:focus {
color:#fff;
background-color:transparent;
border-bottom:solid 1.5px transparent;
padding:1.5em 1em 2em
}

.navbar-red .navbar-nav>.active>a:hover {
color:#fff;
background-color:transparent;
border-bottom:solid 1.5px #fff
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#676767
}

@media (min-width: 768px) {
.navbar .container {
padding:0
}

.navbar-default .navbar-nav>.active>a:hover {
padding:1.5em 1em .5em;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in;
border-bottom:solid 3px red
}

.navbar-red .navbar-nav>.active>a:hover {
padding:1.5em 1em .5em;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in;
border-bottom:solid 3px #fff
}

h3.full {
width:100%
}
}

hr {
border-top:2px solid gray
}

footer hr {
border-top:2px solid #fff
}

footer a:active,footer a:hover,footer a:link,footer a:visited,.correo a:active,.correo a:hover,.correo a:link,.correo a:visited {
color:#fff;
text-decoration:none
}

.correo a:active,.correo a:hover,.correo a:link,.correo a:visited {
color:gray;
text-decoration:none
}

footer h2,footer h4,footer h5 {
font-weight:300
}

.btn-kopa {
padding:4px 12px;
color:#fff;
background-color:red;
border-color:#ffabab;
font-weight:400;
font-size:1.2em;
text-transform:uppercase;
border-radius:0;
margin:1em 0
}

.btn-kopa:hover {
color:red;
border-radius:3em;
background-color:#fff;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in
}

.btn-kopa-w {
color:red;
background-color:#fff;
border-color:red;
font-weight:400;
font-size:1em;
text-transform:uppercase;
border-radius:0;
margin:1em 0;
padding:.5em 1.5em;
min-width:120px
}

.btn-kopa-w:hover {
color:#fff;
border-radius:3em;
background-color:red;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in
}

.container .secciones {
font-weight:lighter;
font-size:4em;
font-stretch:semi-condensed
}

.licencia {
font-weight:500;
font-size:2em;
padding:0
}

.licencia_portfolio {
font-weight:500;
font-size:1em;
padding:0
}
.licencia_portfolio_m {
font-weight:500;
font-size:0.7em;
padding:0
}

.licensor_c {
font-weight:600;
font-size:1.5em;
padding:20px 0 20px 10px;
text-align:center;
}
.licensor_c .linea{	
}

.licensor {
font-weight:600;
font-size:1.5em;
padding:0;
}

.countries {
font-weight:300;
font-size:1.2em;
padding:0;
margin-bottom:0
}

.l_fechas {
font-weight:400;
font-size:1em;
padding:0
}

.l_redes {
font-weight:200;
font-size:1em;
text-transform:uppercase;
padding:0
}

.l_redes2 {
font-weight:300;
font-size:1.2em;
padding:0;
margin:.5px
}

.l_news {
font-weight:300;
font-size:1em;
text-transform:uppercase;
padding:0;
margin-bottom:0
}

.servicios {
font-weight:lighter;
font-size:3.5em;
font-weight:300;
padding-left:.3em
}

.ser_button {
padding-left:1em
}

.ser_description {
font-size:1.5em;
font-stretch:normal;
width:80%
}

.ser_description_list {
font-size:1.4em;
font-stretch:normal;
width:100%
}

.Fondo_Services {
background-image:url(../images/secciones/services.jpg);
background-position:top center;
min-height:25em
}

.Fondo_Design {
background-image:url(../images/secciones/design.jpg);
background-position:top center;
min-height:25em
}

.nombre {
font-weight:400;
font-size:1.8em;
padding:0;
margin:0
}

.cargo {
font-weight:600;
font-size:1.3em;
padding:0;
font-style:italic
}

.correo {
font-weight:300;
font-size:1.2em;
padding:0
}

.nav-clean {
display:none;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in
}

.nav-show {
display:all;
transition:all .5s ease-in;
-webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in;
-o-transition:all .5s ease-in
}

.nota {
color:red;
font-weight:600;
font-style:oblique;
font-size:2.5em;
padding:.5em 0
}

@media(min-width: 768px) {
.nota {
padding:1.5em 0 .5em
}
}

.listas {
background-color:red;
color:red;
width:10px;
height:10px;
text-decoration:none;
transition:all 1s ease-in;
transform:scale(10.1)
}

.listas a:hover {
background-color:red;
color:red;
width:10px;
height:30px;
text-decoration:none;
transition:all 1s ease-in;
transform:scale(0.7)
}

#seccion_contacto h2 {
font-size:1.5em
}

#seccion_contacto h3 {
font-size:1.5em
}

#seccion_contacto b {
font-weight:400
}

.form-label {
font-size:1.5em;
font-weight:600
}

.form-control {
font-size:1.5em;
color:#676767;
background-color:#dfdfdf;
border:none;
border-radius:0;
padding:1em;
margin-bottom:1.2em
}

.form-control2 {
font-size:1.5em;
color:#676767;
background-color:#dfdfdf;
border:none;
border-radius:0;
padding:1em;
margin-bottom:1.2em;
width:100%;
height:2em;
padding:6px 12px;
line-height:1.42857143;
border:1px solid #ccc
}

.form_btn {
padding:4px 36px;
font-weight:400;
font-size:1.2em;
min-width:180px
}

#van {
visibility:hidden;
-moz-transition:visibility 0;
-webkit-transition:opacity 0;
-o-transition:opacity 0;
transition:opacity 0
}

#noborder {
border:none
}

.text-hide {
display:none
}

#galeria_desktop div {
padding:0
}

@media(max-width: 800px) {
.container .row {
padding-top:0;
padding-bottom:1em
}

.navbar-nav {
margin-top:0
}

.navbar {
height:72px;
min-height:72px;
padding:0
}

.navbar-header {
padding-top:50px;
margin-top:0
}

.navbar-toggle {
margin-top:-43px;
margin-bottom:3px
}
}

@media(min-width: 800px) {
.container .row {
padding-top:.6em;
padding-bottom:.6em
}
}

.bi::before {
display:inline-block;
content:"";
vertical-align:-.125em;
background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
background-repeat:no-repeat;
background-size:2rem 2rem
}

.maxi {
color:red;
font-size:1.7em;
padding:.04em;
margin-left:.3em
}

@media(max-width: 999px) {
.profiles {
padding-right:0;
padding-left:0
}
}

@media(min-width: 992px) {
.reduce {
margin:0
}
}

a,a:active,a:link,a:visited {
text-decoration:none
}

a:hover {
text-decoration:none
}

.links a,.links a:active,.links a:link,.links a:visited {
color:#333
}

.links a:hover {
color:red
}

.links {
color:#333;
color:red
}

.especial {
font-size:22px;
padding:0px:;
margin:0
}

.lecture {
font-size:1.5em;
font-weight:200;
padding-top:.4em;
padding-bottom:.2em;
line-height:normal
}

.lecture2 {
font-size:1em
}

.container p b {
font-weight:400
}

@media (max-width: 600px) {
.container .lecture {
padding-left:15px;
padding-right:15px;
text-align:left;
color:#000
}

.container p b {
color:#676767
}
}

@media(min-width: 991px) {
.sticky_element {
position:-webkit-sticky;
position:sticky;
top:0;
padding-top:100px;
padding-bottom:250px;
transition:all .8s ease-in;
-webkit-transition:all .8s ease-in;
-moz-transition:all .8s ease-in;
-o-transition:all .8s ease-in
}

.author_mini {
width:100px;
height:auto
}

.mobile_first {
display:none
}
}

cite,blockquote {
margin:auto;
width:90%;
padding:0;
color:red;
font-style:normal
}

cite h2,blockquote h2,blockquote p {
margin:auto;
width:90%;
padding:0;
padding-top:1.4em;
padding-bottom:1.4em;
font-size:1.2em
}

.reduce_text {
font-size:17px
}

.licensor a,.licensor a:active,.licensor a:hover,.licensor a:link,.licensor a:visited {
font-weight:600;
line-height:normal;
font-size:1em;
padding:0;
color:#676767
}

.licencia a,.licencia a:active,.licencia a:hover,.licencia a:link,.licencia a:visited {
font-weight:600;
line-height:normal;
font-size:1.5em;
padding:0;
color:#676767
}

p a,p a:active,p a:hover,p a:link,p a:visited {
color:red
}

a img, a:active img, a:hover img, a:link img, a:visited img{
color: white;

}