@import url('fonts/fonts.css');

@charset "utf-8";

html, body { height: 100%; }
body { background:#fff; margin:0; padding:0; font-family:'Roboto-Condensed-Light', Arial Narrow; font-weight:normal; font-size: 18px; color:#454651; }
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#1f5271; text-decoration:none;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; } a:hover { color:#f4706e; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; margin:0; padding:0; border:none; font-weight:normal; }
b, strong { font-family:'Roboto-Condensed-Bold'; font-weight:normal; }
table, td, tr { border-collapse:collapse; }
.clear { clear:both; }
.content { width:1280px; margin:0 auto; }
.toTop { display:none; width:60px; height:60px; background:url(img/totop.webp) no-repeat center; background-size:30px auto; background-color: rgb(244,112,110,0.8); background-color: rgba(244,112,110,0.8); text-align:left; text-indent:-9999px; position:fixed; bottom:60px; right:60px; z-index:20000; cursor:pointer; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

a.whatsapp-fixed-button { display:block; width:auto; min-width: 182px; height:60px; padding: 0 20px 0 66px; background:url(img/icon/wa.webp) no-repeat center left 20px #1cbc4b; text-align:left; line-height: 60px; color:#fff; font-size: 21px;
  position:fixed; bottom:60px; left:60px; z-index:19999; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
  a.whatsapp-fixed-button:hover { background:url(img/icon/wa.webp) no-repeat center left 20px #6bcf7f; }  

a.call-us-fixed-button { display:block; width:auto; height:60px; padding: 0 20px 0 66px; background:url(img/icon/phone.webp) no-repeat center left 20px #2b7cae; text-align:left; line-height: 60px; color:#fff; font-size: 21px;
  position:fixed; bottom:60px; left:257px; z-index:19998; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
  a.call-us-fixed-button:hover { background:url(img/icon/phone.webp) no-repeat center left 20px #df6d6e; }

/* animated header start */

.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:146px; background-color:rgba(255,255,255, 0.6); background-color:rgb(255,255,255, 0.6); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
 
  .blue-line { display:block; width: 100%; height:44px; margin: 0; padding: 10px 0; background: #1f5271; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }

    .blue-line ul { display:block; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
        .blue-line ul.right { float:right; }
        .blue-line ul.left { float:left; }
      .blue-line ul li { display:inline; }
        .blue-line ul li a { display:block; float:left; width:24px; height:24px; text-align:left; text-indent:-9999px; line-height: 24px; font-size: 15px; color:#fff; }
          .blue-line ul li a.home { background:url(img/icon/as.webp) no-repeat center center; background-size:100% 100%; margin:0 30px 0 0; }
          .blue-line ul li a.home:hover { background:url(img/icon/as-2.webp) no-repeat center center; background-size:100% 100%; }
          .blue-line ul li a.mail { background:url(img/icon/mail.webp) no-repeat center left; width: auto; padding: 0 0 0 42px; text-indent:0; margin:0 30px 0 0; }
          .blue-line ul li a.mail:hover { background:url(img/icon/mail-2.webp) no-repeat center left; color:#f4706e; }
          .blue-line ul li a.phone { background:url(img/icon/phone-24.webp) no-repeat center left; width: auto; padding: 0 0 0 34px; text-indent:0; }
          .blue-line ul li a.phone:hover { background:url(img/icon/phone-24-2.webp) no-repeat center left; color:#f4706e; }
          .blue-line ul li a.ig { background:url(img/icon/ig.webp) no-repeat center; background-size:100% 100%; }
          .blue-line ul li a.fb { background:url(img/icon/fb.webp) no-repeat center; background-size:100% 100%; margin:0 0 0 30px; }
          .blue-line ul li a.tw { background:url(img/icon/tw.webp) no-repeat center; background-size:100% 100%; margin:0 0 0 30px; }
          .blue-line ul li a.wa { background:url(img/icon/wa-24.webp) no-repeat center; background-size:100% 100%; margin:0 0 0 30px; }
            .blue-line ul li a.ig:hover, .blue-line ul li a.fb:hover, .blue-line ul li a.tw:hover, .blue-line ul li a.wa:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
     
  a.logo { display:block; float:left; width:354px; height:102px; margin:0; text-align:left; text-indent:-9999px; background:url(img/logo.webp) no-repeat center; background-size:100% 100%;} 
    a.logo:hover {transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9);} 

  .mainmenu { display:block; float:right; width:auto; margin: 35px 0 0 0; height:32px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
	  /* mainmenu start */
      .topnav { overflow:hidden; margin:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
      .topnav a { display:block; float:left; color:#525252; text-align:center; padding:0; margin:0 30px 0 0; font-size:16px; line-height:32px; font-family: 'Roboto-Condensed-Regular', Arial Narrow; }
        .topnav a.lastlink { margin:0; }
        .topnav a:hover, .topnav a.active { color:#f4706e; border-bottom: 1px solid #f4706e; }
        .topnav .icon { display:none; font-size:28px; padding:0; line-height:30px; margin:0; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; }
        .active { color:#f4706e; border-bottom:1px solid #f4706e; }
      .dropdown { float:left; overflow:hidden; }
        .dropdown .dropbtn { font-size:16px; border:none; outline:none; color:#525252; padding:0; margin:0 30px 0 0; line-height:32px; font-family: 'Roboto-Condensed-Regular', Arial Narrow; background:none; cursor:pointer; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
        .dropdown:hover .dropbtn, .dropdown.active .dropbtn { color:#f4706e; border-bottom: 1px solid #f4706e; }
          .dropdown-content { display:none; position:absolute; z-index:1; background-color:rgba(255,255,255, 0.6); background-color:rgb(255,255,255, 0.6); min-width:180px;
                              box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
            .dropdown-content a { display:block; float:none; color:#525252; padding:12px 15px; margin: 0; text-align:left; font-size:16px; line-height:100%; font-family: 'Roboto-Condensed-Regular', Arial Narrow; }
              .dropdown-content a:hover { background-color:#f4706e; color:#fff; border:none; }
              .dropdown:hover .dropdown-content { display:block; }
	  /* mainmenu end */   
	
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:60px; background-color:rgba(255,255,255, 0.8); background-color:rgb(255,255,255, 0.8); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
  	.cbp-af-header.cbp-af-header-shrink a.logo { width:208px; height:60px; } 
  	.cbp-af-header.cbp-af-header-shrink .blue-line { margin:-44px 0 0 0; }
  	.cbp-af-header.cbp-af-header-shrink .mainmenu { margin: 14px 0 0 0; }

/* animated header end */
  
.spot { display:block; width:100%; height:100%; position:relative; }
  
  .swiper-slide { /* centered vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .swiper-slide img { width:100%; height:auto; }
	
  .spot-overlay { position:absolute; bottom:0; left:0; z-index:8; display:block; width:100%; height:100%; background:url(img/ddfk-1.webp) no-repeat bottom right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 704px, 100% auto; }
    .spot-overlay div { position:absolute; bottom:216px; left:0; z-index:9; display:block; width:100%; height:auto; }
      .spot-overlay div span { display:block; width: 1280px; margin: 0 auto; }
        .spot-overlay div span h1 { color:#fff; font-size:24px; line-height:120%; margin: 0 0 10px 0; }
        .spot-overlay div span h2 { color:#fff; font-size:52px; line-height:120%; font-family: 'Jost-SemiBold', Arial; }

.page-header {display:block; width:100%; height:auto; padding:176px 0 30px 0; background:url(img/page-header.webp) no-repeat center center; background-size:cover;}
  .page-header h1 { font-family: 'Jost-SemiBold', Arial; color:#fff; line-height:160%; font-size:30px; text-shadow: 2px 2px 6px #54606b ; }


.box-buttons { display:block; width:100%; height:296px; margin:-148px 0 0 0; position:relative; z-index:29; }
  .boxes { display:flex; flex-wrap:wrap; }
    .boxes a { position: relative; width:23.2%; margin:0 2.4% 0 0; display:block; overflow:hidden; background-color:#1d4e6c; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
    .boxes a:nth-child(4) { margin:0; }
    .boxes a img { display:block; width:100%; height:auto; -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
    .boxes a h3 { position: absolute; bottom:0; left:0; display: block; width: 100%; padding:180px 30px 60px 60px; color:#fff; font-size:23px; line-height:120%; font-family: 'Jost-SemiBold', Arial; background:url(img/overlay.webp) no-repeat center bottom ; background-size:100% 100%; }
    .boxes a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }

.content-holder {display:block; width:100%; padding:90px 0;}
  
  .content-holder h2 {color:#1f5271; font-size:32px; line-height:120%; font-family: 'Jost-SemiBold', Arial; margin:0 0 30px 0;}
    .content-holder h2.centered {font-size:48px; margin:0 0 60px 0; text-align: center; line-height:100%;}
      .content-holder h2.centered span {display:block; font-size:20px; margin:0; text-align: center; color:#454651; font-family:'Roboto-Condensed-Light'; margin: 0;}

  .content-holder h3 {color:#f4706e; font-size:86px; text-align: center; line-height:140%; margin:0 0 30px 0; font-family: 'Jost-Regular', Arial; text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);}
    .content-holder h3 b {font-family: 'Jost-SemiBold', Arial; }

  .content-holder p { margin:0 0 30px 0; color:#454651; line-height:140%; font-size:18px;  -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s;}
  .content-holder p:last-child { margin:0; }
  
  .content-holder.welcoming {border-bottom: 1px solid #f47270; padding:90px 0 0 0;}
  .content-holder.welcoming .content { padding: 0 430px 0 0; min-height:520px; background:url(img/ddfk-2.webp) no-repeat bottom right; }

  .content-holder.hp-slogan-text {min-height:780px; background:url(img/open-arms-women.webp) no-repeat center; background-size: cover;
                                   /* centered vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .content-holder.hp-slogan-text p { width: 48%; text-align: center; margin:0 auto; font-size: 20px; }

  a.big-button { display:block; width: 240px; height: 60px; background: #1f5271; text-align: center; color:#fff; font-size: 18px; line-height: 60px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
    a.big-button:hover { background: #f47270; color:#1f5271; }
    a.big-button.centered { margin:30px auto 0 auto; }

    .article { display:flex; flex-wrap:wrap; }
    .article a { position: relative; width:23.2%; margin:0 2.4% 30px 0; display:block; overflow:hidden; background-color:#eeeff1; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
    .article a:nth-child(4n) { margin:0 0 30px 0; }
    .article a img { display:block; width:100%; height:auto; -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
    .article a span { display:block; width:100%; padding:30px; }
       .article a span h4 { color:#1f5271; font-size:22px; line-height:120%; font-family: 'Jost-SemiBold', Arial; margin:0 0 30px 0;  -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
       .content-holder .article a span p { font-size: 16px; margin:0; }
       .article a:hover { background: #f47270; }
       .article a:hover span h4 { color:#fff;  }
       .content-holder .article a:hover span p { color:#fff; }     
  
  ul.sub-cat-fm {display:block; border-top:1px solid #f47270;}
  ul.sub-cat-fm li {display:inline;}
  ul.sub-cat-fm li a {display:block; padding:15px; border-bottom:1px solid #f47270; font-size: 20px;}
  ul.sub-cat-fm li a:hover {background:#f47270; color:#fff;}

  ul.text-list { display:block; list-style-type: circle; list-style-position: inside;}
  ul.text-list li { font-size: 18px; line-height:140%; margin: 0 0 10px 0; }

  img.sideimg { display: block; float: right; width: 40%; margin: 0 0 30px 30px;   -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
  
  .seperator { display: block; width: 100%; height: 2px; margin: 30px 0 60px; background-color: #df6d6e; }

  .ytv { display:block; width: 100%; height: 620px; overflow: hidden; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
  
  /*
 
  .thumbnails { display:flex; flex-wrap:wrap;}
	.thumbnails a { width:15.6666%; margin:0.5%; display:block; overflow:hidden; }
	.thumbnails a img { width:100%; height:auto; border:2px solid #ed1e24; -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
	.thumbnails a:hover img { border:10px solid #000; transform: scale(0.98); -ms-transform: scale(0.98); -webkit-transform: scale(0.98); -o-transform: scale(0.98); -moz-transform: scale(0.98); }
	  
  .lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background:#fff;}
	.lightbox img { display: block; position: absolute; }
	.lightbox-loading { 	background: url(js/lightbox/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
	.lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
	.lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition: 		all 0.3s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('js/lightbox/close.webp'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('js/lightbox/arrow.webp') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('js/lightbox/arrow.webp') no-repeat -8px -54px; }

  .accordion { background:#2c2f3a; color: #fff; cursor: pointer; padding: 20px; width: 100%; border: none; text-align: left; outline: none; font-size: 20px; font-family:'Roboto-Condensed-Light'; font-weight:normal; transition: 0.4s; margin:0 0 1px 0; }
    button.accordion.active, button.accordion:hover { background: #c78d49; color:#2c2f3a;}
    button.accordion:after { content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px; }
    button.accordion.active:after { content: "\2212"; }
    .active, .accordion:hover { background: #ccc; }
    .panel { padding: 0 20px; background: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
      .panel div {width:100%; padding:40px 0;}

      */

  .contact-info {display:block; float:left; width:50%; padding:0 60px 0 0;}
   
  .contact-form {display:block; float:left; width:50%;}
    .contact-form input, .contact-form textarea {display:block; width:100%; height:60px; padding:15px; border:none; background:#eeeff1; color:#1f5271; font-size:20px; margin:0 0 10px 0; font-family:'Roboto-Condensed-Light', Arial;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
    .contact-form textarea {height:150px;}
    .contact-form input:hover, .contact-form input:focus, .contact-form textarea:hover, .contact-form textarea:focus {background:#f47270; color:#fff;}
    .contact-form input.gonder {background:#1f5271; font-size:22px; color:#fff; font-family:'Roboto-Condensed-Bold'; padding:0; margin:10px 0 0 0; cursor:pointer;}
    .contact-form input.gonder:hover {background:#f47270;}
      ::-webkit-input-placeholder { color: #1f5271; } .contact-form input:hover::-webkit-input-placeholder, .contact-form textarea:hover::-webkit-input-placeholder { color: #fff; }
      :-ms-input-placeholder { color: #1f5271; } .contact-form input:hover:-ms-input-placeholder, .contact-form textarea:hover:-ms-input-placeholder { color: #fff; }
      ::placeholder { color: #1f5271; } .contact-form input:hover::placeholder, .contact-form textarea:hover::placeholder { color: #fff; }

.mapp { display:block; width: 100%; height: 620px; overflow: hidden; /* position: static; z-index: 39;*/}
  
footer { display:block; width:100%; padding:0; background:#1f5271; border-top:10px solid #fff; }
  
  .fopi { position: relative; z-index: 40;
          display: block; width:1280px; height: 102px; padding:39px 0 0 30px; margin:-51px auto 60px auto; background: url(img/logo-white.webp) no-repeat center right 30px #f47270; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
  .fopi ul { display:block; padding: 0; }
  .fopi ul li { display:inline; }
  .fopi ul li a { display:block; float:left; width:24px; height:24px; text-align:left; text-indent:-9999px; border: none; }
    .fopi ul li a.ig { background:url(img/icon/ig.webp) no-repeat center; background-size:100% 100%; margin:0 30px 0 0; }
    .fopi ul li a.fb { background:url(img/icon/fb.webp) no-repeat center; background-size:100% 100%; margin:0 30px 0 0; }
    .fopi ul li a.tw { background:url(img/icon/tw.webp) no-repeat center; background-size:100% 100%; margin:0 30px 0 0; }
    .fopi ul li a.wa { background:url(img/icon/wa-24.webp) no-repeat center; background-size:100% 100%; }
      .fopi ul li a.ig:hover, .fopi ul li a.fb:hover, .fopi ul li a.tw:hover, .fopi ul li a.wa:hover {  border: none; transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }

  footer ul {display:block; float:left; width: 25%; padding:0 30px;}
	footer ul li {display:inline; color:#fff; font-size:14px; line-height:160%;}
	 footer ul li b {font-size:16px;}
	  footer ul li a {display:block; color:#fff; border-bottom: 1px dotted #1f5271;  }
	  footer ul li a:hover {color:#ffa6a5; border-bottom: 1px dotted #ffa6a5;}
    
  p.signature {display:block; margin: 60px 0 0 0; border-top: 1px solid #fff; padding:30px 0 150px 0; font-size:14px; color:#fff; text-align:center; line-height:130%; }	
    p.signature a {color:#fff;} p.signature a:hover {color:yellow;}
    p.signature br {display:none;}


.callout { position: fixed; top:0; right:0; z-index: 20000; width: 100%; height:100%;
  /* centered vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; 
  background-color:rgba(255,255,255, 0.8); background-color:rgb(255,255,255, 0.8);}
  .callout-container { position:relative; width:40%; padding: 0; color: #883269; font-size: 46px; overflow:hidden; text-align: center;  -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
   -webkit-box-shadow: 0px 0px 100px 0px rgba(60,80,147,1); -moz-box-shadow: 0px 0px 100px 0px rgba(60,80,147,1); box-shadow: 0px 0px 100px 0px rgba(60,80,147,1); } 
  .callout-container img { display:block; width:100%; } 
    .closebtn { position: absolute; top: 10px; right: 30px; color: #2b7cae; font-size: 60px; cursor: pointer; font-weight:bold; }
    .closebtn:hover { color: lightgrey; }
  


		 
/* responsive */ 

@media only screen and (max-width: 1440px) {

  .content { width:1160px; }
  
  a.whatsapp-fixed-button { font-size: 18px; }  
  
  a.call-us-fixed-button { font-size: 18px; }
  
        .topnav a { margin:0 20px 0 0; font-size:15px; }
          .topnav a.lastlink { margin:0; }
          .dropdown .dropbtn { font-size:15px; margin:0 20px 0 0;  }
              .dropdown-content a { padding:10px; font-size:15px; margin: 0; }

      .swiper-slide img { width:auto; height:100%; }
    
    .spot-overlay { background:url(img/ddfk-1.webp) no-repeat bottom right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 520px, 100% auto; }
      .spot-overlay div { bottom:186px;  }
        .spot-overlay div span { width: 1160px; }
          .spot-overlay div span h1 { font-size:20px;  }
          .spot-overlay div span h2 { font-size:46px; }
  
    .page-header h1 { line-height:140%; font-size:28px; } 

    .box-buttons { height:auto; }
      .boxes a h3 { font-size:20px;  }
 
      .content-holder {padding:60px 0;}

    .content-holder h2 { font-size:30px; }
      .content-holder h2.centered {font-size:44px;}
        .content-holder h2.centered span {font-size:20px; }
  
    .content-holder h3 {font-size:78px; }
  
    .content-holder.welcoming {padding:60px 0 0 0;}
  
    .content-holder.hp-slogan-text {min-height:700px; }
      .content-holder.hp-slogan-text p { width: 56%; }
  

        .article a span h4 { font-size:20px;  }
         .content-holder .article a span p { font-size: 15px; }
         
    .ytv { height: 580px;  }
  
    .contact-info {padding:0 30px 0 0;}
     
  .mapp { height: 520px;}
    
    .fopi { width:1160px; margin:-51px auto 60px auto; }
   
}

@media only screen and (max-width: 1280px) {

  html, body { height: auto; }

  .toTop { width:30px; height:30px; background-size:16px auto; bottom:30px; right:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

  a.whatsapp-fixed-button { min-width: 130px; height:30px; padding: 0 10px 0 40px; background:url(img/icon/wa.webp) no-repeat center left 10px #1cbc4b; background-size: 20px 20px; line-height: 30px; font-size: 16px; bottom:30px; left:30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    a.whatsapp-fixed-button:hover { background:url(img/icon/wa.webp) no-repeat center left 10px #6bcf7f; background-size: 20px 20px;  }  
  
  a.call-us-fixed-button { height:30px; padding: 0 10px 0 40px; background:url(img/icon/phone.webp) no-repeat center left 10px #2b7cae; background-size: 20px 20px;  line-height: 30px; font-size: 16px; bottom:30px; left:170px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    a.call-us-fixed-button:hover { background:url(img/icon/phone.webp) no-repeat center left 10px #df6d6e; background-size: 20px 20px;  }

  .content { width:100%; padding: 0 30px; }
  	
/* animated header start */

.cbp-af-header { height:100px;}
 
  .blue-line { height:40px; padding: 8px 0; }

  a.logo { width:208px; height:60px; } 

  .mainmenu { margin: 15px 0 0 0; height:30px; }
	  /* mainmenu start */
      .topnav a { line-height:30px; margin:0 15px 0 0; }
        .dropdown .dropbtn { line-height:30px; margin:0 15px 0 0;  }
        .dropdown-content a { margin: 0; }
	  /* mainmenu end */   
	
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:50px; }
  	.cbp-af-header.cbp-af-header-shrink a.logo { width:174px; height:50px; } 
  	.cbp-af-header.cbp-af-header-shrink .blue-line { margin:-40px 0 0 0; }
  	.cbp-af-header.cbp-af-header-shrink .mainmenu { margin: 10px 0 0 0; }

/* animated header end */

.spot { height:auto; }
  
  .swiper-slide { display:block; }
    .swiper-slide img { width:100%; height:auto; }
	
    .spot-overlay { background:url(img/ddfk-1.webp) no-repeat bottom right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 420px, 100% auto; }
      .spot-overlay div { bottom:150px;  }
        .spot-overlay div span { width: 100%; padding: 0 30px; }
          .spot-overlay div span h1 { font-size:18px; padding: 0 0 0 40px;  }
          .spot-overlay div span h2 { font-size:32px; padding: 0 0 0 40px; }
  
.page-header {padding:130px 0 30px 0; }
  .page-header h1 { font-size:24px; }

.box-buttons { height:auto; margin:-100px 0 0 0; }
    .boxes a { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    .boxes a h3 { padding:180px 30px 30px 30px; font-size:20px;  }

    .content-holder h2 {font-size:26px;}
    .content-holder h2.centered {font-size:36px; margin:0 0 30px 0;}
      .content-holder h2.centered span {font-size:18px;}

  .content-holder h3 {font-size:60px; }

  .content-holder p { margin:0 0 15px 0; font-size:17px;}
  .content-holder p:last-child { margin:0; }
  
  .content-holder.welcoming {border-bottom: 1px solid #f47270; padding:60px 0 1px 0;}
  .content-holder.welcoming .content { padding: 0 50% 60px 30px; min-height:100px; background:url(img/ddfk-2.webp) no-repeat bottom right; background-size: auto 100% ; }

  .content-holder.hp-slogan-text {min-height:480px; }
    .content-holder.hp-slogan-text p { width: 60%; font-size: 18px; margin: 0 auto; }

  a.big-button { width: 180px; height: 45px; font-size: 16px; line-height: 45px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

    .article a { width:31.33%; margin:0 3% 30px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    .article a:nth-child(3n) { margin:0 0 30px 0; }
    .article a:nth-child(4n) { margin:0 3% 30px 0; }
    .article a span { padding:30px; }
       .article a span h4 { font-size:20px; }
       .content-holder .article a span p { font-size: 16px; margin:0; }
  
  ul.sub-cat-fm li a {font-size: 18px;}

  ul.text-list li { font-size: 18px; }

  img.sideimg { width: 36%; margin: 0 0 15px 15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
  
  .seperator { height: 1px; margin: 15px 0 30px; }

  .ytv { height: 480px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }


.mapp { height: 420px; }
  
footer { padding:0 30px; }
  
  .fopi { width:100%; height: 60px; padding:18px 0 0 15px; margin:-30px auto 30px auto; background: url(img/logo-white.webp) no-repeat center right 15px #f47270; background-size: auto 60px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    .fopi ul li a.ig { margin:0 15px 0 0; }
    .fopi ul li a.fb { margin:0 15px 0 0; }
    .fopi ul li a.tw { margin:0 15px 0 0; }
      .fopi ul li a.ig:hover, .fopi ul li a.fb:hover, .fopi ul li a.tw:hover, .fopi ul li a.wa:hover {  transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

      footer .content {padding: 0;}

  footer ul {padding:0 15px;}
	footer ul li {font-size:13px; line-height:140%;}
	 footer ul li b {font-size:15px;}
    
  p.signature {margin: 30px 0 0 0; padding:15px 0 90px 0; font-size:13px;}



  .callout-container {  width:70%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} 
    .closebtn { font-size: 50px; }
  



	}

@media only screen and (max-width: 1000px) {
 
  .cbp-af-header .content { padding: 0; }
  .cbp-af-header .blue-line .content { padding: 0 30px; }

    .blue-line ul li a.home { margin:0 15px 0 0; }
    .blue-line ul li a.mail { width: 32px; padding: 0; text-indent:-9999px; margin:0 15px 0 0; }
    .blue-line ul li a.mail:hover { background:url(img/icon/mail-2.webp) no-repeat center left; }
    .blue-line ul li a.phone { width: 24px; padding: 0; text-indent:-9999px; margin:0 15px 0 0; }
    .blue-line ul li a.phone:hover { background:url(img/icon/phone-24-2.webp) no-repeat center left; }
    .blue-line ul li a.fb { margin:0 0 0 15px; }
    .blue-line ul li a.tw { margin:0 0 0 15px; }
    .blue-line ul li a.wa { margin:0 0 0 15px; }
      .blue-line ul li a.ig:hover, .blue-line ul li a.fb:hover, .blue-line ul li a.tw:hover, .blue-line ul li a.wa:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

      a.logo { float:none; position: absolute; top:40px; left:30px; z-index:6; } 
      a.logo:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
  
    .mainmenu { float:none; width:100%; margin: 0; height:60px;  }
 
    /* mainmenu */

    .topnav {float:none; width:100%; display:block; margin:0;}
    .topnav a, .dropdown .dropbtn {display:none;}
    .topnav a.icon {float:none; display:block; padding:0; margin:0; position:absolute; right:30px; top:40px; font-size:20px; line-height:60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
	    .topnav a.icon span {display:block; float:left; font-size:16px; line-height:60px; padding:0; margin:0 5px 0 0;} 
    .topnav.responsive {position:relative; padding:60px 0 0 0;}
    .topnav.responsive .icon {position:absolute; right:30px; top:0; padding:0; margin:0; background:none; font-size:20px; line-height:60px;}
    .topnav.responsive a {float:none; display:block; text-align:center; color:#525252; margin:0; border-bottom:1px solid #808285; background-color:rgb(255,255,255, 0.6); background-color:rgba(255,255,255, 0.6); padding:10px 15px; font-size:18px; line-height:100%; letter-spacing:0;}
	  .topnav.responsive a:hover, .topnav.responsive a.active {color:#fff; background:#f56f6f;}
    .topnav.responsive .dropdown {float:none; margin:0;}
    .topnav.responsive .dropdown-content {position:relative; margin:0;}
	    .topnav.responsive .dropdown-content span {display:block; width:100%; float:none; margin:0;}
	  .topnav.responsive .dropdown-content a {color:#808285; text-align:center; font-size:14px; background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9); border-bottom:1px solid #808285; padding:5px 15px; line-height:100%; margin:0;}
	  .topnav.responsive .dropdown-content a:hover {background:#525252; color:#fff; }
    .topnav.responsive .dropdown .dropbtn {display:block; width:100%; text-align:center; font-size:18px; letter-spacing:0; color:#525252; border-bottom:1px solid #808285; background-color:rgb(255,255,255, 0.6); background-color:rgba(255,255,255, 0.6);  padding:10px 15px; line-height:100%; margin:0;}
      .topnav.responsive .dropdown:hover .dropbtn {color:#fff; background:#f56f6f;}
	    /* mainmenu */
	
  /* Transitions and class for reduced height */
  	.cbp-af-header.cbp-af-header-shrink a.logo { top:0; } 
  	.cbp-af-header.cbp-af-header-shrink .topnav a.icon {top:0; line-height:50px;}
  	.cbp-af-header.cbp-af-header-shrink .topnav a.icon span {line-height:50px; } 
    .cbp-af-header.cbp-af-header-shrink .topnav.responsive {padding:50px 0 0 0;}
    .cbp-af-header.cbp-af-header-shrink .mainmenu { margin: 0; }


      .spot-overlay { background:url(img/ddfk-1.webp) no-repeat bottom right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 320px, 100% auto; }
        .spot-overlay div { bottom:130px;  }
            .spot-overlay div span h1 { font-size:17px; padding: 0 0 0 40px;  }
            .spot-overlay div span h2 { font-size:28px; padding: 0 0 0 40px; }
    
  .page-header {padding:130px 0 30px 0; }
    .page-header h1 { font-size:22px; }
  
  .box-buttons { height:auto; margin:-90px 0 0 0; }
      .boxes a h3 { padding:180px 15px 15px 15px; font-size:19px;  }

      .content-holder {padding:30px 0 60px;}

      .content-holder h2 {font-size:24px;}
      .content-holder h2.centered {font-size:34px; }
        .content-holder h2.centered span {font-size:17px;}
  
    .content-holder h3 {font-size:50px; }
  
    .content-holder p { margin:0 0 15px 0; font-size:16px;}
    .content-holder p:last-child { margin:0; }
    
    .content-holder.welcoming {padding:30px 0 1px 0;}
    .content-holder.welcoming .content { padding: 0 40% 30px 30px; min-height:100px; background:url(img/ddfk-2.webp) no-repeat bottom right -100px; background-size: auto 100% ; }
  
    .content-holder.hp-slogan-text {min-height:420px; }
      .content-holder.hp-slogan-text p { font-size: 16px; margin: 0 auto; }
  
	}

@media only screen and (max-width: 860px) {

  .spot-overlay { background:url(img/ddfk-1.webp) no-repeat bottom right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 240px, 100% auto; }
  .spot-overlay div { bottom:90px;  }
      .spot-overlay div span h1 { font-size:16px; }
      .spot-overlay div span h2 { font-size:20px; }

.page-header {padding:115px 0 15px 0; }
.page-header h1 { font-size:20px; }

.box-buttons { height:auto; margin:-60px 0 0 0; }
.boxes a { width:48%; margin:0 4% 30px 0;  }
.boxes a:nth-child(2) { margin:0 0 30px 0; }
.boxes a:nth-child(3) { margin:0 4% 0 0; }
.boxes a:nth-child(4) { margin:0 0 0 0; }
.boxes a h3 { padding:180px 30px 30px 30px; font-size:18px;  }

.content-holder.welcoming {padding:30px 0 1px 0;}
.content-holder.welcoming .content { padding: 0 30px 30px 30px; background:none; }

.content-holder.hp-slogan-text {min-height:400px; }
.content-holder.hp-slogan-text p { width: 80%;  }

.content-holder h3 {font-size:42px; }

.article a { width:48%; margin:1%; }
.article a:nth-child(3n) { margin:1%; }
.article a:nth-child(4n) { margin:1%; }

ul.sub-cat-fm li a {font-size: 17px;}

ul.text-list li { font-size: 17px; }

img.sideimg { width: 30%;}

.ytv { height: 360px;  }

.mapp { height: 400px; }

  .contact-info {float:none; width:100%; padding:0 0 30px 0;}
   
  .contact-form {float:none; width:100%;}
  
  footer ul {width: 50%; margin: 0 0 30px 0; }


  .callout-container {  width:90%;} 
    .closebtn { font-size: 48px; }

	}

@media only screen and (max-width: 640px) {

  .spot-overlay { background:url(img/ddfk-1.webp) no-repeat bottom -20px right, url(img/overlay.webp) no-repeat center bottom ; background-size:auto 120px, 100% auto; }
  .spot-overlay div { bottom:15px;  }
      .spot-overlay div span h1 { font-size:13px; padding: 0; margin:0 0 5px 0; }
      .spot-overlay div span h2 { font-size:16px; padding: 0; }

.box-buttons { margin:0; padding: 30px 0 0; }
.boxes a { width:48%; margin:0 4% 30px 0;  }
.boxes a:nth-child(2) { margin:0 0 30px 0; }
.boxes a:nth-child(3) { margin:0 4% 0 0; }
.boxes a:nth-child(4) { margin:0 0 0 0; }
.boxes a h3 { padding:90px 15px 15px 15px; font-size:17px;  }

  
.content-holder h2 {font-size:20px; }
.content-holder h2.centered {font-size:24px; margin:0 0 30px 0;}
  .content-holder h2.centered span {font-size:18px; margin: 0;}

.content-holder h3 {font-size:32px; }

.content-holder p { margin:0 0 15px 0; line-height:130%; font-size:16px;}
.content-holder p:last-child { margin:0; }

.content-holder.hp-slogan-text {min-height:420px; }
.content-holder.hp-slogan-text p { width: 100%; margin: 0 auto;  }

.article a { width:100%; margin:0 0 30px 0; }
.article a:nth-child(3n), .article a:nth-child(4n) { margin:0 0 30px 0; }

ul.sub-cat-fm li a {font-size: 16px;}

ul.text-list li { font-size: 16px; }

img.sideimg { float: none; width: 100%; margin: 0 0 30px 0;}

.ytv { height: 320px;  }

.mapp { height: 400px; }

  .fopi { background-size: auto 40px; }
    .fopi ul li a.ig { margin:0 10px 0 0; }
    .fopi ul li a.fb { margin:0 10px 0 0; }
    .fopi ul li a.tw { margin:0 10px 0 0; }

      footer .content {padding: 0;}

  footer ul {display: block; width: 100%; padding:0 15px;}

  p.signature {padding:15px 15px 90px 15px;}
  p.signature br {display:block;}


	}

@media only screen and (max-width: 420px) {

  .spot-overlay { display:none; }

  .boxes a { width:100%; margin:0 0 30px 0;  }
  .boxes a:nth-child(2) { margin:0 0 30px 0; }
  .boxes a:nth-child(3) { margin:0 0 30px 0; }
  .boxes a:nth-child(4) { margin:0 0 0 0; }
  
    
	}