h1,h2,h3{color:#3669b1 !important;font-weight:bold;}
body{font-family:'Noto Serif','Arimo', sans-serif;letter-spacing:-0.5px;}
.container{max-width:990px;}
video{width:100%;height:auto;}
p{font-size:24px;color:#666;font-family:'Noto Serif','Arimo', sans-serif;font-weight:400;line-height:30px;margin:15px 0;text-align:left;}
h1{color:#3669b1;margin:30px 0;font-size:40px;}
h2{color:#3669b1;}
h1 span{font-size:44px;}
h2{margin:20px 80px 35px;}
h3{font-size:24px;text-align:right;color:red;}
h3 a{text-align:right;color:#c35136 !important;}
h3.first{margin-top:40px;}
section{width:100%;float:left;position:relative;}
.next_section{float:left;width:100%;height:40px;background:#CCC;z-index:997;}
.next_section .fa{margin-left:48%;font-size:33px;color:white;margin-top:0px;padding-top:4px;}
#heart_link{position:fixed;top:76vh;right:100px;z-index:999;-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);transform:rotate(7deg);}
#heart_link img{width:120px;}
#heart-section{width:100%;}
#artist_profile{position:absolute;top:5%;left:20%;padding-bottom:45%;width:33%;display:none;background-size:cover;background-position:center center;z-index:998;}
#close_profile{height:30px;width:100%;}
#close_profile:hover{background-color:#777;opacity:0.3;}
#close_profile .fa{margin-left:95%;margin-top:2%;color:white;}
em a, b a, a {color:#DD3B14;text-decoration:underline;}
a:hover, em a:hover{color:#DD3B14;}
#heart-section .next_section{margin-top:-40px !important;float:left;width:100%;position:absolute;z-index:9999;}
#heart_video_div{position:absolute;z-index:1000;width:100%;}
#heart_video_loading{position:absolute;width:100%;height:100vh;}
#heart_content{padding:114px 20px 60px;background:#DD3B14;position:relative;height:100vh;text-align:center;width:100%;box-sizing:border-box;}
.presentaciogif{display:inline-block;max-width:100%;max-height:100%;}
.bxslider2 img{padding-bottom:0 ! important;}
.div_i{float:left;width:6%;margin-left:2%;margin-right:1%;}
.div_map{float:left;width:54%;height:100vh;}
.div_art{float:left;width:40%;margin-left:-3%;}
.div_i img{width:100%;margin-top:300%;}
.div_art img{width:100%;margin-top:50%;}
#intro-section{min-height:65vh;padding:1% 0;}
#intro-section article{margin:10px 10%;width:80%;}
#intro-section .next_section{bottom:10px;position:absolute;}
#intro-section img, #season-section img {
    width: 100%;
}
#intro-section p:first-child {
    margin-top: -7px;
}
#video-section{min-height:65vh;padding:5% 0;}
#video-section article{margin:0 10%;width:80%;}
#video-section .next_section{position:absolute;bottom:10px;}
#video-section .bx-wrapper img {max-height: 660px;}
#video-section .bxslider2 div {text-align: center; font-size: 24px; font-family: 'Noto Serif','Arimo', sans-serif; color: #666; margin-top: 2px;}
#season-section{min-height:65vh;padding:5% 0 133px 0;}
#season-section article{margin:10px 10%;width:80%;}
#season-section .next_section{bottom:10px;position:absolute;}
#season-section ul li {font-size:24px;color:#666;font-family:'Noto Serif','Arimo', sans-serif;font-weight:400}
#awards-section{min-height:50vh;padding:5% 0 133px 0;}
#awards-section article{margin:10px 10%;width:80%;}
#awards-section .next_section{bottom:10px;position:absolute;}
#awards-section ul li {font-size:24px;color:#666;font-family:'Noto Serif','Arimo', sans-serif;font-weight:400}
#museums-section{min-height:65vh;padding:5% 0 133px 0;}
#museums-section article{margin:10px 10%;width:80%;}
#museums-section .next_section{bottom:10px;position:absolute;}
#museums-section ul li {font-size:24px;color:#666;font-family:'Noto Serif','Arimo', sans-serif;font-weight:400}
#comments-section{min-height:65vh;padding:5% 0 133px 0;}
#comments-section article{margin:10px 10%;width:80%;}
#comments-section .next_section{bottom:10px;position:absolute;}
#comments-section ul li {font-size:24px;color:#666;font-family:'Noto Serif','Arimo', sans-serif;font-weight:400}
#art-section{padding:10% 0;padding-bottom:100px;}
#art-section .next_section{position:absolute;bottom:10px;}
#art-section article{padding-left:10%;}
#myCarousel{height:90vh;padding-left:28%;}
.carousel-inner{padding:0;width:100%;margin-top:}
.carousel-inner img{padding:50px 15%;}
.carousel-control{margin-top:-10px;}
#contest-section{padding:10% 0;}
#contest-section article{margin:10px 10%;width:80%;}
#contest-section2{padding:10% 0;}
#contest-section2 article{margin:10px 10%;width:80%;}
footer{padding-top:50px;text-align:center;float:left;clear:left;position:relative;width:100%;background-color:#EEE;}
footer h2{color:#222222;font-size:15px;font-family:'Noto Serif','Lato', sans-serif;margin:0 0 15px;text-transform:uppercase;color:#ffffff;margin-bottom:50px;letter-spacing:1px;}
ul.social-list{margin:0;padding:0;margin-bottom:35px;}
ul.social-list li{display:inline-block;margin:0 4px;}
ul.social-list li a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;width:40px;height:40px;line-height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#ffffff;background:#DD3B14;}
ul.social-list li a:hover{background:#ffffff;color:#222222;}
footer p.copyright{padding:0;border-top:1px dotted #717173;text-transform:uppercase;font-size:12px;margin:0; text-align: center}
.vertical-align{min-height:65px;}
.narrow-logo{padding-top:12px;}
.banner{}
.footer p{margin:12px 0 !important;}
.banner img{width:200px;height:auto;max-width:200px;}
.gm-style-iw{}
.gm-style-iw p:first-child{font-weight:bold;font-size:20px;text-decoration:underline;}
.gm-style-iw p:nth-child(2){margin:0 !important;font-size:17px;}
.gm-style-iw p:nth-child(3){margin:0 !important;padding-bottom:10px;font-size:14px;}
.gm-style-iw img{width:100px;margin:0 auto;margin-right:20%;display:inline-block;margin:0 auto;}
#heart-section{height:auto;}
.div_i{float:left;width:20%;margin-left:40%;margin-right:0;}
.div_map{float:left;width:100%;height:auto;overflow:auto;}
.div_art{float:left;width:100%;margin-left:0;}
.div_i img{margin-top:0;}
.div_art img{margin-top:-15%;margin-bottom:5%;}

#marcadors a{float:left;font-size:16px;clear:left;font-weight:bold;background:#cc4e2f;padding:1px 5px;color:#FFF;font-weight:bold;margin-bottom:3px;border-radius:2px;text-decoration:none;}
#top_bar{background:#fff;top:0;left:0;width:100%;height:200px;z-index:9999;text-align:center;max-height:200px;color:#111;padding:5px 0;z-index:998;}
.menu{height:60px;text-align:center;margin:0 auto; padding-top: 30px}
#top_bar a.item{display:inline-block;margin:0px 15px 3px;cursor:pointer;text-decoration:none;}
#top_bar span.sub1{font-size:17px;font-weight:bold;cursor:pointer;color:#111;}
#top_bar .item:hover span{color:#DD3B14;}
#top_bar span.sub2{font-size:14px;display:inline-block;cursor:pointer;color:#111;}
.header_social{float:right;margin-left:2%;margin-top:5px;}
.header_social ul.social-list li a{width:30px;height:30px;line-height:2.2;background:#333;}
.header_social ul.social-list li a:hover{background:#DD3B14;color:#FFF;}
#logo{display:inline-block;float:left;margin-top:-14px;}


#top_bar ul.social-list li{margin:0 1px !important;}
.menu_btn{background:#666;float:left;color:#FFF;font-weight:bold;border-radius:10px;padding:10px 8px;margin-right:20px;margin-left:5px;cursor:pointer;}
.menu_btn img{width:31px;}
.menu.resp{display:block;position:absolute;top:63px;width:100%;height:100%;background:#fff;left:0;border-top:3px solid #999;padding:30px 10px;overflow:scroll;padding-bottom:100px;height: 480px}
.menu.resp .item{float:left;clear:left;margin-bottom:20px !important;text-align:left;}
#video-section .bx-viewport{background:#fff !important;}
.menu.resp .sub1{text-align:left;font-size:21px !important;}
.menu.resp .sub2{text-align:left;font-size:19px !important;}
.galeriescertamen{display:inline-block;width:100%;}
.galeriescertamen a{display:inline-block;width:100%;text-decoration:none;color:#111;}
.separator {width: 25%; margin:50px auto; height: 1px; background-color: #666}
#mosaic1-section{padding:5% 0 0 0;}
#mosaic1-section article{margin: 0 auto;width:80%;}
#mosaic2-section{padding:0 0 0 0;}
#mosaic2-section article{margin:0 auto;width:80%;}
#mosaic3-section{padding: 0;}
#mosaic3-section article{margin: 0 auto;width:80%;}
#mosaic3-section{padding:0 0 0 0;}
#mosaic4-section article{margin:0 auto;width:80%;}
#mosaic5-section{padding: 0;}
#mosaic5-section article{margin: 0 auto;width:80%;}
#mosaic6-section{padding: 0;}
#mosaic6-section article{margin: 0 auto;width:80%;}
#mosaic7-section{padding: 0;}
#mosaic7-section article{margin: 0 auto 150px auto;width:80%;}

.section-mosaic img {
    width: 100%; display: block;
}

.bloc {
    color: #FFF;
}

.brick {
    background-color: #FF8357;
}

.blue {
    background-color: #4398b7;
}

.yellow {
    background-color: #FFDD57;
}

.indigo {
    background-color: #83C7D4;
}

.anthracite {
    background-color: #414A53;
}

.green {
    background-color: #87C97F;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.fancybox-title {
    font-size: 24px !important;
}
.title1 {
    font-size: 40px;
}
.title2 {
    font-size: 40px;
    box-shadow:0px 15px 10px -15px #555;
}
.footer-title1 {
    font-size: 40px;
}
.footer-image {
    background: url(/images/obres/volums-55.jpg) no-repeat -75px -230px;
    width: 100%;
    height: 200px;
    margin: 30px 0;
}
.footer-title2 {
    font-size: 40px;
}
/* ========================================================================*/
/* ! LAYOUT */
/* ========================================================================*/
.section-mosaic {
    margin-top: 35px;
}

.section-mosaic + .section-mosaic {
    margin-top: 0;
}

/* --------------------------------------------*/
/* ! MOSAIC */
/*---------------------------------------------*/
.col-small-high-bloc .row .bloc-small {
    bottom: 0;
}
.col-small-high-bloc .bloc-small-parent + .bloc-small-parent {
    top: 15px;
    bottom: 7.5px;
}
.col-small-high-bloc .row .bloc-small {
    top: 21.5px;
    bottom: 0;
}

/* --------------------------------------------*/
/* ! BLOCS MOSAIC */
/*---------------------------------------------*/
.bloc-big, .bloc-small {
    overflow: hidden;
}
.bloc-big img, .bloc-small > img {
    height: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.bloc-big-parent .bloc-big {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}
.bloc-big-parent::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 68.8%;
    /*DEFINI LA HAUTEUR DU BLOC*/
}

.bloc-high-parent .bloc-high {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}
.bloc-high-parent::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 145.5%;
    /*DEFINI LA HAUTEUR DU BLOC*/
}

.bloc-small-parent .bloc-small {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 0;
    left: 15px;
}
.bloc-small-parent::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 67%;
    /*DEFINI LA HAUTEUR DU BLOC*/
}
.bx-wrapper .bx-controls-direction a {
    z-index: 996 !important;
}


@media only screen and (min-width:768px) and (max-width:1306px){#top_bar a.item{margin:0px 7px 3px;}
}
@media only screen and (min-width:768px) and (max-width:1215px){.logoilikeart{width:121px !important;margin-top:8px;}
}
@media only screen and (min-width:768px) and (max-width:1190px){
    #top_bar span.sub1{font-size:15px}
    #video-section, #season-section, #awards-section, #museums-section, #comments-section, #mosaic1-section {
        padding-top: 10%;
    }
}
@media only screen and (max-width:1100px){
    p, li{font-size:20px !important;}
    h1{font-size:36px;}
    h3{font-size:18px;}
    section{margin-top:0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bloc-big-parent::before {
        padding-bottom: 69.15%;
        /*DEFINI LA HAUTEUR DU BLOC*/
    }

    .bloc-high-parent::before {
        padding-bottom: 148%;
        /*DEFINI LA HAUTEUR DU BLOC*/
    }

    .bloc-small-parent::before {
        padding-bottom: 67%;
        /*DEFINI LA HAUTEUR DU BLOC*/
    }
}
@media only screen and (max-width:768px){
    .menu{display:none;}
    .title1{display: block !important; }
    .title2{display: block !important; }
    .menu_btn{display:block; position: absolute; top: 8px}
    .bar-fixed {
        height: 90px !important;
    }
    .bar-no-fixed {
        height: 120px !important;
    }
    .title1, .title2 {
        font-size: 20px;
        text-align: left;
        margin-left: 100px;
    }
    .title1 {
        margin-top: 5px;
    }
    .title2 {
        margin-top: -1px;
    }
    .footer-title1, .footer-title2 {
        font-size: 20px;
        text-align: center;
    }
    .fancybox-title {
        font-size: 16px !important;
    }
}
@media only screen and (min-width:769px){.menu_btn{display:none;}
}
@media only screen and (max-width:991px) {
    #intro-section img {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:768px){
    .bx-wrapper img{bottom:0 !important;}
    .bx-wrapper .bx-controls-direction a{margin-top:-20% !important;}
    .bx-viewport{background:#fff !important;}
    h1{font-size:24px;}
    h2{font-size:22px;}
    #top_bar{padding:0 10px !important;}
    .logoilikeart{width:121px !important;margin-top:8px;}
    .cf1, .cf2,.col-sm-6{width:100% !important;MARGIN-BOTTOM:20PX;text-align:center !important;}
    .col-sm-6 img{float:none !important;}
    .copyright{text-align:center;}
    .container-fluid p{text-align:center !important;}
    #video-section, #season-section, #awards-section, #museums-section, #comments-section, #mosaic1-section {
        padding-top: 10%;
    }
}
@media (max-width: 991px) {
    .section-mosaic .col-sm-9, .section-mosaic .col-sm-3 {
        width: 100% !important;
    }
    .section-mosaic .bloc-high-parent .bloc-high,
    .section-mosaic .bloc-small-parent .bloc-small,
    .section-mosaic .bloc-big-parent .bloc-big {
        position: relative !important;
        display: block !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-bottom: 25px;
    }
    .section-mosaic .bloc-high-parent::before,
    .section-mosaic .bloc-small-parent::before,
    .section-mosaic .bloc-big-parent::before {
        padding-bottom: initial !important;
    }
    .col-small-high-bloc .bloc-small-parent + .bloc-small-parent {
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
}
@media screen and (max-width:767px) {
    .next_section {margin-top:50px !important;}
    #vimeovid {width:100% !important;height:300px;}
    #marcadors {width:100% !important;max-width:100% !important;}
    #mapcontainer {clear:left;width:90% !important;max-width:90% !important;margin-top:20px;height:600px !important;}
}
@media (max-width:768px){
    .slider{clear:left;width:100% !important;}
}
@media only screen and (min-width:640px) and (max-width:768px){
    #top_bar{padding:0 10% !important;}
    #video-section .bx-viewport, #video-section .bx-viewport li {
        height: 540px !important;
    }
}
@media (max-width:640px) {
    .bx-wrapper .bx-caption span { font-size: 14px !important; }
    .next_section { bottom: -15px !important; }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: inherit !important; }
    #top_bar {
        padding-top: 5px !important;
    }
    .menu_btn {
        top: 15px;
    }
    #video-section, #season-section, #awards-section, #museums-section, #comments-section, #mosaic1-section {
        padding-top: 14%;
    }
    .wartists {
        clear: left;
        width: 100% !important;
    }
    p, li {
        font-size: 18px !important;
        line-height: 26px;
    }
}
@media (max-width:500px) {
    article {
        margin: 0 15px !important;
        width: 90% !important;
    }
    ul {
        padding-left: 0 !important;
    }
    #video-section, #season-section, #awards-section, #museums-section, #comments-section, #mosaic1-section {
        padding-top: 21%;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    #video-section .bx-viewport, #video-section .bx-viewport li {
        height: 490px !important;
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    #video-section .bx-viewport, #video-section .bx-viewport li {
        height: 420px !important;
        width: 100% !important;
    }
}