.sectionf1 {}
.sectionf1 .caption {position: absolute; top: 180px; left: 0; width: 100%;}
.sectionf1 .caption .titlew {padding: 0; max-width: 780px; margin: 0 auto;}
.sectionf1 .caption .titlew h2 { max-width: 780px; padding-left: 0; color: #ffffff; padding: 0 0 30px 0;}
.sectionf1 .caption h5 {font-family: 'Calluna-Regular'; color: #ffffff; line-height: 32px;}
.sectionf1 .caption h5 i {font-family: 'Calluna-It';}
.sectionf1 .caption h5 b {font-family: 'Calluna-Bold'; font-weight: normal;}

.sectionf1 .titlew h2::before {right: calc(100% + 30px);  right: -webkit-calc(100% + 30px); right: -moz-calc(100% + 30px); opacity: 0.3;}

.sectionf2 {padding: 90px 0;}
.sectionf2 .titlew  {max-width: 580px; margin: 0 auto;}

.sectionf2 .contw {max-width: 780px; margin: 0 auto;}

.sectionf2 .gallw > img {width: 100%;} 

.sectionf2 .blocks {margin: 0 0 70px 0;}

.sectionf2 .gallw {position: relative;}

.sectionf2 .gallw .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    border-radius: 40px;
}

.sectionf2 .gallw .caption .link {
    color: white !important;
}

.sectionf2 .gallw .caption:hover {
    background: none;
}

.sectionf2 .gallw .caption:hover .camicon{
    right: 0;
}

.sectionf2 .gallw .captionin {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}


.sectionf2 .gallw .caption .camicon {
    position: absolute;
    width: 111px;
    height: 75px;
    left: 0;
    right: -100%;
    margin: 0 auto;
    line-height: 75px;
    background: #ffffff;
    border-radius: 50px;
    display: inline-block;
    padding: 0 45px;
    font-size: 20px;
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.3);
    top: -37px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


.sectionf2 .blocks .titlew p {padding: 20px 0 10px 30px; font-family: 'Calluna-Regular'; color: #7e7e7e; font-size: 18px; line-height: 24px;}
.sectionf2 .blocks .titlew p strong {font-family: 'Calluna-Bold'; }
/*.sectionf2 .blocks .titlew h5 span {font-family: 'Calluna-Bold'; color: #034ea2;}*/

.sectionf2 .blocks .titlew h2 {padding-bottom: 40px;}


.sectionf2 .contin1 {max-width: 1000px;} 

.sectionf2 .contin1  .gallw {margin: 0 0 40px 0; min-height: 300px; border-radius: 40px; background-position: center; background-size: cover; background-repeat: no-repeat;}



.sectionf2 .contin1 .gallw .caption h2 {
    color: #ffffff;
    font-family: 'Montserrat'; font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 56px; line-height: 64px; 
    
}

.sectionf2 .contin1 .linksg {color: #ffffff; position: absolute; bottom: 30px; left: 0; width: 100%;}


.sectionf2 .contin1 .gallw .caption  {text-align: center;}




.sectionf2 .contin1 .gallw .caption h4 {
    color: #ffffff;
    font-family: 'Montserrat'; font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    padding: 0 0 20px 0;
    margin: 0;
      
}


/*.sectionf2 .blocks .titlew p {padding: 20px 0 10px 30px; font-family: 'Calluna-Regular'; color: #7e7e7e; margin: 0; font-size: 16px;}*/


.sectionf2 .contin2 .contin1 {margin: 0 0 0 130px; width: 470px;}




.popupwrap1 .top-slider .imgw a {padding: 0;}

.popupwrap1 .top-slider .imgw a img {height: 100%; width: 100%; object-fit: cover;}


.popupwrap {}


.popupwrap1 .sidetab {
    position: absolute; 
    top: calc(15% - 50px); 
    left: -19px; 
    z-index: 10000;
}
.popupwrap1 .sidetab li {
    margin: 0 0 30px 0;
    position:relative;
}
.popupwrap1 .sidetab li a {width: 40px; line-height: 40px; background: #ffffff; display: block; border-radius: 50%; text-align: center; color: #034ea2; font-size: 10px;}
.popupwrap1 .sidetab li.active a {background: #034ea2; color: #ffffff; font-family: 'Montserrat'; font-weight: bold; font-size: 40px; line-height: 160px; width: 160px; position: relative; left: -60px;}
 
.sectionf2 .gallw > img {border-radius: 40px;}

.popupwrap1 .datem {display: none;}

.through-history h4 {
    font-size: 16px;
}


@media screen and (min-width: 1230px) and (max-width: 1600px) { 
   
    /*.popupwrap .sidetab { left: -120px; }*//*KRPAN_COMMENT_OUT*/
    
}


@media screen and (min-width: 1025px) and (max-width: 1229px) { 
   
    /*.popupwrap .sidetab { left: -120px; }*//*KRPAN_COMMENT_OUT*/
    
}


@media screen and (min-width: 992px) and (max-width: 1024px) { 
    
 
    
    
    .popupwrap1 .sidetab li.active a {    line-height: 110px;
    width: 110px; left: -35px;}
    
    .popupwrap1 .top-slider .rt h4 {    padding: 50px 0 20px 15px; font-size: 22px; line-height: 30px;}
    
    .popupwrap1 .sidetab li {margin: 0 0 15px 0;}

    /*.popupwrap .sidetab { left: -80px; }*//*KRPAN_COMMENT_OUT*/
    
    
    
}


@media screen and (min-width: 768px) and (max-width: 991px) { 
    

    .sectionf1 .caption h5 {text-shadow: 1px 1px 4px rgba(0,0,0,0.6);}
    
    .sectionf1 img {height: 700px;}
    
    
        .sectionf2 .gallw .caption .camicon {right: 0;}
    
    
    .popupwrap1 .top-slider .imgw a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 400px;
}
    
    
    
    .popupwrap1 .top-slider .imgw a {display: block;}
    
    
    .popupwrap1 .datem {display: block; background: #034ea2;
    color: #ffffff;
    font-family: 'Montserrat'; font-weight: bold;
    font-size: 40px;
    line-height: 160px;
    width: 160px;
    position: relative;
    left: 0px; display: block;
    border-radius: 50%;
    text-align: center; margin: 0 auto;}

    
    .popupwrap1 .sidetab {display: none;}
    
    
    .popupwrap1 .top-slider .imgw {
    height: auto;
}
    
    
    .popupwrap1 .tab_content {display: block !important;}
    
    
    
    
    
    
    
    
    .popupwrap1 .dth-cont { overflow: visible !important; }
.popupwrap1 .dth-cont .tab_content { position: relative; padding-top: calc(70vw - 80px); }
.popupwrap1 .dth-cont .tab_content .dth-xs-sm-img { width: 100vw; max-width: 100vw; top: 0; height: 70vw; object-fit: cover; position: absolute; left: -99999px; right: -99999px; margin: 0 auto;  }

    .popupwrap .top-slider .rt .dth-cont .conti { max-width: 600px; }
    
    
    
    
    
    
    
}

@media screen and (min-width: 0px) and (max-width: 767px) { 
    

    .sectionf1 {
        height: 800px;
}
    
    .sectionf1 .caption {top: 120px;}
    
    
    .sectionf1 .caption h5 {font-size: 16px; line-height: 28px;}
    
    
    
    .sectionf2 .gallw .caption .camicon {
        right: 0; 
        padding: 12px 30px; 
        line-height: 50px;
    }
    
    
    .sectionf2 .gallw > img {object-fit: cover; height: 300px;}
    
    
    .sectionf2 .gallw .caption {border-radius: 40px;}
    
    
    
    .sectionf2 .contin1 .gallw .caption h2 {padding: 0 20px 20px 20px; font-size: 30px;
    line-height: 44px;}
    
    
    .sectionf2 .contin2 .contin1 {margin: 0; width: auto;}
    
    
    
    
    
      .popupwrap1 .top-slider .imgw a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: 400px;
}
    
    
    
    .popupwrap1 .top-slider .imgw a {display: block;}
    
    
    .popupwrap1 .datem {display: block; background: #034ea2;
    color: #ffffff;
    font-family: 'Montserrat'; font-weight: bold;
    font-size: 20px;
    line-height: 110px;
    width: 110px;
    position: relative;
    left: 0px; display: block;
    border-radius: 50%;
    text-align: center; margin: 0 auto;}

    
    .popupwrap1 .sidetab {display: none;}
    
    
    .popupwrap1 .top-slider .imgw {
    height: auto;
}
    
    
    .popupwrap1 .tab_content {display: block !important;}
    
    
    .popupwrap .top-slider .rt {height: auto;}
    
    
    
    
    
    
.popupwrap1 .dth-cont { overflow: visible !important; }
.popupwrap1 .dth-cont .tab_content { position: relative; padding-top: calc(70vw - 50px); }
.popupwrap1 .dth-cont .tab_content .dth-xs-sm-img { width: 100vw; max-width: 100vw; top: 0; height: 70vw; object-fit: cover; position: absolute; left: -99999px; right: -99999px; margin: 0 auto;  }
    
    
    
    
    
}







