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

body { background:#fff; margin: 0; padding: 0; font-family: 'Campton Light', Arial; color:#1d1a13; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#575234;  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:#1d1a13;  transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; font-weight:normal; margin:0;  padding:0;  border:none;  border-collapse:collapse; }
b, strong { font-family:'Campton Bold', Arial; font-weight: normal; }
content { display: block; width:1280px; margin:0 auto; }
.clear { clear:both; }
#toTop { display:none; width:40px; height:40px; background:url(img/totop.webp) no-repeat center #fff; background-size:20px auto; text-align:left;  text-indent:-9999px; position:fixed; bottom:30px; right:60px; z-index:20000; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3); }

/* animated header style */
.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:150px; padding: 30px 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    a.logo { display:block; float: left; width:375px; height:90px; text-align:left; text-indent:-9999px; background: url(img/logo.webp) no-repeat center center; background-size: 100% 100%; }
      a.logo:hover { transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -moz-transform: scale(1.04); }
  /* mainmenu */
    #mainmenu { width: auto; height: 40px; margin: 25px 0 0 0; float: right; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      #toggle, .toggle { display:none; }
      .links > li { list-style:none; float:left; width:auto; }
	    .clearfix:before, .clearfix:after { display:table; content:""; }
      .clearfix:after { clear:both; }
      .links, .links > li, .links > li > a { height:100%; }
        .links > li > a { display:block;  font-size:16px; color:#fff; line-height:40px; padding:0 20px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; }
        .links > li > a:hover, .links > li > a:focus { color:#080706; background:#fff; }
        .links > li > a.picked { border:1px solid #fff; }
          .links > li > a.menu-button { padding:0 30px; margin:0 0 0 20px; color:#080706; background:#d9cf8f; font-family:'Campton Medium', Arial; }
            .links > li > a.menu-button:hover, .links > li > a.menu-button.picked { background:#fff; }
          .links > li > a.home-icon { padding: 0; width:24px; height:40px; margin:0 0 0 20px; background: url(img/icon/home.webp) no-repeat center center; text-align: left; text-indent: -9999px; }
      .toggle { z-index:2; }
    /* mainmenu */
  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:50px; padding: 5px 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; background: rgba(8, 7, 6, 0.88); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(6.3px); -webkit-backdrop-filter: blur(6.3px); }    
    .cbp-af-header.cbp-af-header-shrink a.logo { width:167px; height:40px; }
    .cbp-af-header.cbp-af-header-shrink #mainmenu { margin: 0; }
/* animated header style */

/* fixed contact links start */
.fixed-contact-links { display:flex; flex-wrap:wrap; width:150px; height:40px; position:fixed; left:60px; bottom:30px; z-index:10001; }
  .fixed-contact-links a { display:block; width:40px; height:40px; margin: 0 10px 0 0; text-align:left; text-indent: -9999px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); }
    .fixed-contact-links a.whatsapp { background: url(img/icon/whatsapp.webp) no-repeat center center #fff; }
    .fixed-contact-links a.phone { background: url(img/icon/phone.webp) no-repeat center center #fff; }
    .fixed-contact-links a.location { background: url(img/icon/location.webp) no-repeat center center #fff; }
      .fixed-contact-links a:hover { transform: scale(0.90); -ms-transform: scale(0.90); -webkit-transform: scale(0.90); -o-transform: scale(0.90); -moz-transform: scale(0.90); }
/* fixed contact links end */

/* spot style */
.spot { width:100%; height:auto; position: relative; background-color: #080706; } 
  .spot-overlay { position:absolute; bottom:0; left:0; z-index:8;
                  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;
                  width:100%; height:100%; }
    .spot-overlay content { font-size: 16px; color:#fff; line-height: 140%; padding: 0 640px 0 0; }
    .spot-overlay content h1 { font-size: 36px; color:#d9cf8f; font-family: 'constantiabold', 'Times New Roman', Times, serif; margin: 0 0 40px 0; }
      .spot-overlay content h1 span { display: block; font-family:'Campton Medium', Arial; color:#fff; font-size: 18px; margin: 0 0 20px 0; }
      .spot-overlay content > div { display:block; }
  .swiper-slide img { display:block; width:100%; height:auto; }
/* spot style */

.page-header {display:block; width:100%; height: 360px; background:url(img/page-header.webp) no-repeat center center #080706; background-size: cover; position:relative; }
  .page-header h1 {position:absolute; bottom:60px; left:0; z-index:14; display: block; width: 100%; font-size: 42px; color:#fff; text-align: center; font-family:'Campton Bold', Arial, Helvetica, sans-serif; }
  .page-header.empty {height: auto; padding: 150px 0 6px 0; }
    .page-header.empty iframe { display:block; width: 100%; height: 400px; }

.content-holder { width:100%; padding:120px 60px; }
  .content-holder.seperator { padding: 0 60px; }
    .content-holder.seperator span { display: block; width:100%; height: 3px; background-color: #e0d6cb; }
  .content-holder.home-map { padding:0 60px 120px 60px; }
    .content-holder.home-map iframe { display:block; width: 100%; height: 480px; overflow: hidden; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2); }

  .content-holder h1 { font-size:36px; color:#b5af39; padding: 0 0 33px 0; font-family: 'constantiabold', 'Times New Roman', Times, serif; line-height: 130%; margin:0 0 30px 0; background: url(img/sprtr.webp) no-repeat bottom left; }
  .content-holder h2 { font-size:18px; color:#1d1a13; font-family:'Campton Medium', Arial; line-height: 130%; margin:0 0 20px 0; }
  .content-holder h3 { font-size:30px; color:#b5af39; padding: 0 0 33px 0; font-family: 'constantiabold', 'Times New Roman', Times, serif; line-height: 100%; margin:0 0 30px 0; background: url(img/sprtr.webp) no-repeat bottom center; text-align: center; }

  .content-holder p { color:#1d1a13; font-size: 17px; line-height:140%; margin:0 0 20px 0; }
    .centered { text-align:center; }
    .content-holder p:last-child {margin:0; }
  
  a.buttons {display:block; width:160px; height:40px; line-height:40px; text-align:center; font-family:'Campton Medium', Arial; font-size:16px; color:#b5af39; background:#080706; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
    a.buttons:hover {background:#b5af39; color:#080706; }

  .column {display: block; width: 50%;}
   .stcky {position: -webkit-sticky; position: sticky;  top: 80px; align-self: flex-start;}
   .content-holder .column h2 { margin:60px 0 20px 0; }
    .clm-left {float:left;} .pdng-left {padding:0 60px 0 0;}
    .clm-right {float:right;} .pdng-right {padding:0 0 0 60px;}
      .column img {display: block; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
    
  img.full { display:block; width:100%; margin:0 0 30px 0; }
  img.side { display:block; float:right; width:20%; margin:0 0 30px 30px; }

  ul.service-list { display:block; margin:0 0 30px 0; }
    ul.service-list li { display:block; }
      ul.service-list li a { display:block; width: 100%; font-size: 18px; padding: 10px 20px 10px 60px; margin: 0 0 10px 0; line-height: 40px; color:#080706; font-family:'Campton Medium', Arial; border:1px solid #9c9c9b; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; }
        ul.service-list li a.one { background: url(img/service/gayrimenkul.webp) no-repeat center left 15px; background-size: 30px auto; }
        ul.service-list li a.two { background: url(img/service/miras.webp) no-repeat center left 15px; background-size: 30px auto; }
        ul.service-list li a.three { background: url(img/service/orman.webp) no-repeat center left 15px; background-size: 30px auto; }
        ul.service-list li a.four { background: url(img/service/ticaret.webp) no-repeat center left 15px; background-size: 30px auto; }
        ul.service-list li a.five { background: url(img/service/idare.webp) no-repeat center left 15px; background-size: 30px auto; }
        ul.service-list li a.six { background: url(img/service/aile.webp) no-repeat center left 15px; background-size: 30px auto; }
          ul.service-list li a:hover, ul.service-list li a.one:hover, ul.service-list li a.two:hover, ul.service-list li a.three:hover, ul.service-list li a.four:hover, ul.service-list li a.five:hover, ul.service-list li a.six:hover { color:#6d4c28; background-color: #f0e8b6; }

  .accordion { background-color: #fff; color: #080706; cursor: pointer; padding: 10px 20px 10px 60px; width: 100%; height: 60px; border:1px solid #9c9c9b; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; text-align: left; outline: none; font-size: 18px; font-family:'Campton Medium', Arial; line-height: 40px; transition: 0.6s; margin: 0 0 3px 0; position: relative; }
    .active, .accordion:hover { color:#6d4c28; background-color: #f0e8b6; }
    .accordion:after { content: '\002B'; color: #6d4c28; font-weight: bold; float: right; margin-left: 15px; }
    .active:after { content: "\2212"; }
    .accordion img { position: absolute; top:15px; left:15px; display: block; width: 30px; height: auto; }
    .panel { padding:0 15px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
      .content-holder .panel p { font-size: 18px; line-height:140%; margin:0; padding:15px 0; }

  /*

  .cards { display:flex; flex-wrap:wrap; }
    .cards a { width:21.484375%; margin:0 4.6875% 30px 0; }
      .cards a:nth-child(4) {margin:0 0 30px 0; }    
      .cards a:hover { transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -moz-transform: scale(1.04); }	
      .cards a img {display:block; width:100%; height:auto; -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; }   
      .cards a span { display: block; padding: 20px 20px 0 20px; font-size:24px; line-height: 120%; color:#dd0e78; font-family: 'poppinssemibold', Arial;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .cards a:hover span { color:#0890d4; }	

  .thumbnails { display:flex; flex-wrap:wrap; }
  .thumbnails a { width:21%; display:block; margin:2%; }
  .thumbnails a img { width:100%; -webkit-transition:0.6s; transition:0.6s;  -webkit-border-radius:20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); }
  .thumbnails a:hover img { opacity:0.7; }	

  .lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9); }
	.lightbox img { display: block; position: absolute; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
	.lightbox-loading { 	background: url(scripts/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.6s; -moz-transition:    all 0.6s; -ms-transition:     all 0.6s; transition: 		all 0.6s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('scripts/lightbox/close.webp'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('scripts/lightbox/arrow.webp') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('scripts/lightbox/arrow.webp') no-repeat -8px -54px; }

  */

footer { display:block; width:100%; padding:120px 60px; position: relative; background:url(img/bg-footer.webp) no-repeat center bottom #080706; background-size: 100% auto; }		 

 footer figure { display:block; width: 260px; height:35px; position: absolute; top:120px; right: 60px;}
  footer figure img { display:block; width: 100%; height:35px;}

  footer ul { display:block; float:left; width: 16%; margin:0 60px 0 0; text-align: left; font-size:14px; color:#fff; }
    footer ul li { display:block; line-height:150%; }
      footer ul li b { display:block; font-size:17px; color:#b5af39; font-family: 'constantiaregular', 'Times New Roman', Times, serif; margin:0 0 16px 0; }
      footer ul li a { display:block; color:#fff; }
       footer ul li a:hover { color:#b5af39; }
    footer ul.rights { float:right; margin:0; padding: 65px 0 0 0; text-align: right; font-size:13px; color:#fff; }
      footer ul.rights li { opacity: 0.7; }
       footer ul.rights li a:hover { opacity: 1; }



/* responsive css */ 

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

content { width:1160px; }

/* spot style */
    .spot-overlay content { font-size: 15px; padding: 0 500px 0 0; }
    .spot-overlay content h1 { font-size: 32px; margin: 0 0 30px 0; }
      .spot-overlay content h1 span { font-size: 17px; margin: 0 0 16px 0; }
/* spot style */

.page-header {height: 300px; }
  .page-header h1 {font-size: 38px; }
  .page-header.empty {height: auto; }

  .content-holder h1 { font-size:34px; }
  .content-holder h2 { font-size:17px; }
  .content-holder h3 { font-size:28px; }

  .content-holder p { font-size: 16px; }

   .content-holder .column h2 { margin:60px 0 16px 0; }

  footer ul { width: 20%; }

}

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

#toTop { bottom:20px; right:40px; }

.fixed-contact-links { left:40px; bottom:20px; }

content { width:100%; padding: 0 40px; }

/* animated header style */
.cbp-af-header { height:100px; padding: 20px 40px; }
    a.logo { width:250px; height:60px; }
    #mainmenu {margin: 10px 0 0 0; }
  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:50px; padding: 5px 40px; }    
    .cbp-af-header.cbp-af-header-shrink a.logo { width:167px; height:40px; }
    .cbp-af-header.cbp-af-header-shrink #mainmenu { margin: 0; }
/* animated header style */

/* spot style */
    .spot-overlay content { display: block; width: 100%; font-size: 15px; line-height: 130%; padding: 0 36% 0 80px; }
    .spot-overlay content h1 { font-size: 22px; margin: 0 0 20px 0; }
      .spot-overlay content h1 span { font-size: 16px; margin: 0 0 10px 0; }
/* spot style */

.page-header {height: 240px; }
  .page-header h1 {bottom:40px; font-size: 28px; }
  .page-header.empty {height: auto; padding: 100px 0 6px 0; }
    .page-header.empty iframe { height: 320px; }

.content-holder { padding:80px 0; }
  .content-holder.seperator { padding: 0 40px; }
    .content-holder.seperator span { height: 2px; }
  .content-holder.home-map { padding:0 40px 80px 40px; }
    .content-holder.home-map iframe { height: 360px; }

  .content-holder h1 { font-size:30px; padding: 0 0 19px 0; margin:0 0 16px 0; }
  .content-holder h2 { font-size:16px; margin:0 0 16px 0; }
  .content-holder h3 { font-size:26px; padding: 0 0 19px 0; margin:0 0 16px 0; }

  .content-holder p { font-size: 16px; margin:0 0 16px 0; }
  
  a.buttons {font-size:15px; }

   .content-holder .column h2 { margin:40px 0 16px 0; }
   .pdng-left {padding:0 40px 0 0;}
   .pdng-right {padding:0 0 0 40px;}
    
  img.full { margin:0 0 20px 0; }
  img.side { width:24%; margin:0 0 20px 20px; }

  ul.service-list { margin:0 0 20px 0; }
      ul.service-list li a { font-size: 16px; padding: 10px 20px 10px 50px; margin: 0 0 5px 0;  }
        ul.service-list li a.one { background: url(img/service/ticaret.webp) no-repeat center left 10px; background-size: 30px auto; }
        ul.service-list li a.two { background: url(img/service/is.webp) no-repeat center left 10px; background-size: 30px auto; }
        ul.service-list li a.three { background: url(img/service/idare.webp) no-repeat center left 10px; background-size: 30px auto; }
        ul.service-list li a.four { background: url(img/service/gayrimenkul.webp) no-repeat center left 10px; background-size: 30px auto; }
        ul.service-list li a.five { background: url(img/service/miras.webp) no-repeat center left 10px; background-size: 30px auto; }
        ul.service-list li a.six { background: url(img/service/aile.webp) no-repeat center left 10px; background-size: 30px auto; }

  .accordion { padding: 10px 20px 10px 50px; font-size: 16px; }
    .accordion:after { margin-left: 10px; }
    .accordion img { top:15px; left:10px; }
    .panel { padding:0 10px; }
      .content-holder .panel p { font-size: 16px; padding:10px 0; }

footer { padding:80px 40px; }		 

  footer figure { top:80px; right: 40px;}

  footer ul { width: 25%; margin:0; padding:0 20px 0 0; }
      footer ul li b { font-size:16px; margin:0 0 10px 0; }
    footer ul.rights { margin:0; padding: 65px 0 0 0; font-size:13px; }

	}

@media only screen and (max-width: 1000px) {
  
  .spot-overlay content h1 { font-size: 20px; margin: 0; }
    .spot-overlay content h1 span { font-size: 16px; margin: 0 0 10px 0; }
  .spot-overlay content > div { display:none; }

  /* mainmenu */
    .links > li > a { font-size:15px; padding:0 10px;}
      .links > li > a.menu-button { padding:0 10px; margin:0; }
      .links > li > a.home-icon { padding: 0; margin:0 0 0 10px; }
/* mainmenu */

.content-holder .column h2 { margin:20px 0 16px 0; }
.pdng-left {padding:0 20px 0 0;}
.pdng-right {padding:0 0 0 20px;}

footer ul { padding:0 10px 0 0; }
footer ul.rights { padding: 45px 0 0 0; font-size:13px; }

	}

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

  /* animated header style */
.cbp-af-header { height: 80px; padding:0; }
a.logo { float: none; position: absolute; top:10px; left:40px; z-index: 3; }
a.logo:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

#mainmenu { display:block; width: 100%; height: 60px; padding: 0; }

.links {display:none; opacity:0; width:100%; padding:0; position:absolute; right:0; z-index:5001; }
.links > li {display:block; width:100%; margin:0; }
.links > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
#toggle:checked + div .links {display:block; opacity:1; }

.links {color:#fff; padding:20px 40px; overflow:hidden; background: rgba(8, 7, 6, 0.88); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(6.3px); -webkit-backdrop-filter: blur(6.3px); }
.links, .links > li, .links > li > a {height:auto; color:#fff; }
.links > li > a {padding:0; margin:0; line-height:40px; color:#fff; margin: 1px 0; font-family:'Campton Medium', Arial; font-size:18px; text-align:center; padding:0; border:1px solid #d9cf8f; }
.links > li > a:hover, .links > li > a:focus {background:#fff; color:#080706; border:1px solid #fff; }
.links > li > a.picked {border:1px solid #fff; }
.links > li > a.menu-button { padding:0; margin:0; color:#fff; background:none; font-family:'Campton Medium', Arial; }
.links > li > a.menu-button:hover, .links > li > a.menu-button.picked { background:#fff; border:1px solid #fff; }
.links > li > a.home-icon { padding: 0; width:100%; height:40px; margin:1px 0; background-image:none; text-align: center; text-indent:0; line-height:40px; }  

.toggle:after {content:attr(data-open); background:url(img/menu.webp) no-repeat center right 40px; display:block; height:60px; width:100%; margin:0; padding:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
.toggle:hover:after {background:url(img/menu.webp) no-repeat center right 40px; }
#toggle:checked + div .toggle:after {content:attr(data-close); }
    .toggle {z-index:2; }

/* transitions and class for reduced height */
.cbp-af-header.cbp-af-header-shrink { height:50px; padding: 0; }    
.cbp-af-header.cbp-af-header-shrink a.logo { width:167px; height:40px; top:5px; }
.cbp-af-header.cbp-af-header-shrink #mainmenu { height: 50px; margin: 0; }
.cbp-af-header.cbp-af-header-shrink .toggle:after {height:50px; }
/* animated header style */

/* spot style */
.spot-overlay content { padding: 0 120px; }
.spot-overlay content h1 { font-size: 20px; margin: 0 0 10px 0; text-align: center; }
  .spot-overlay content h1 span { font-size: 15px; margin: 0;  text-align: center; }
/* spot style */

.page-header {height: 180px; }
  .page-header h1 {bottom:40px; font-size: 22px; }
  .page-header.empty {height: auto; padding: 80px 0 4px 0; }
    .page-header.empty iframe { height: 300px; }

.content-holder { padding:40px 0; }
  .content-holder.seperator { padding: 0 40px; }
  .content-holder.home-map { padding:0 40px 40px 40px; }
    .content-holder.home-map iframe { height: 300px; }

  .content-holder h1 { font-size:28px; }
  .content-holder h2 { font-size:16px; }
  .content-holder h3 { font-size:24px; }

  .content-holder p { font-size: 16px; }

  footer { display:flex; flex-wrap:wrap; padding:40px 20px 80px 20px; }

  footer figure {display: block; width: 100%; margin: 0 auto 40px auto; position: static; top:none; right: none; }
    footer figure img { display:block; width: 223px; height:30px; margin: 0 auto;}
  
  footer ul { float: none; width: 50%; margin:0 0 20px 0; text-align: center; padding: 0 20px; }
    footer ul.rights { float:none; margin:0; padding: 0; text-align: center; }
    footer ul li a { border-bottom:1px dotted #9c9c9b; }


	}

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

  #toTop { bottom:20px; right:20px; }

.fixed-contact-links { left:20px; bottom:20px; }

  content { padding: 0 20px; }

  a.logo { left:20px; }
  .links {padding:10px 20px; }
  .toggle:after {background:url(img/menu.webp) no-repeat center right 20px; }
  .toggle:hover:after {background:url(img/menu.webp) no-repeat center right 20px; }
      
/* spot style */
.spot { padding:80px 0 4px 0; } 
.spot-overlay content { padding: 0 60px; }
.spot-overlay content h1 { font-size: 18px; margin: 0 0 6px 0; }
  .spot-overlay content h1 span { font-size: 14px; }
/* spot style */

.content-holder { padding:40px 0; }
  .content-holder.seperator { padding: 0 20px; }
  .content-holder.home-map { padding:0 20px 40px 20px; }
    .content-holder.home-map iframe { height: 280px; }

  .content-holder h1 { font-size:24px; }
  .content-holder h3 { font-size:22px; }

  .column {width: 100%;}
  .stcky {position:static; top: none; align-self:static;}
  .content-holder .column h2 { margin:0 0 10px 0; }
   .clm-left {float:none;} .pdng-left {padding: 0 0 40px 0;}
   .clm-right {float:none;} .pdng-right {padding:40px 0 0 0;}
     .column img {margin:0; }
   
 img.full { width:100%; margin:0 0 20px 0; }
 img.side { width:40%; margin:0 0 20px 20px; }

 footer { padding:40px 20px 80px 20px; }

 footer figure { margin: 0 auto 20px auto; }
 
 footer ul { width: 100%; margin:0 0 10px 0; text-align: center; padding: 0; }
   footer ul.rights { margin:0; text-align: center; }


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

  .cbp-af-header { height: 50px; padding:0; }

  a.logo { background: url(img/logo-footer.webp) no-repeat center center; width:223px; height: 30px; background-size: 100% 100%; }
  #mainmenu { height: 30px; }
  .toggle:after {background:url(img/menu2.webp) no-repeat center right 20px; height: 30px; }
  .toggle:hover:after {background:url(img/menu2.webp) no-repeat center right 20px; }

/* transitions and class for reduced height */
.cbp-af-header.cbp-af-header-shrink { height:50px; padding: 0; }    
.cbp-af-header.cbp-af-header-shrink a.logo { width:223px; height: 30px; top:10px; }
.cbp-af-header.cbp-af-header-shrink #mainmenu { height: 30px; margin: 10px 0 0 0; }
.cbp-af-header.cbp-af-header-shrink .toggle:after {height:30px; }

.page-header {height: 120px; }
  .page-header h1 {bottom:20px; font-size: 18px; }
  .page-header.empty {height: auto; padding: 50px 0 4px 0; }
    .page-header.empty iframe { height: 260px; }

  .spot { padding:50px 0 4px 0; } 
  .spot-overlay content { padding: 0 50px; }
  .spot-overlay content h1 { font-size: 14px; margin: 0 0 6px 0; }
    .spot-overlay content h1 span { font-size: 12px; }

    .content-holder.home-map iframe { height: 260px; }

    .content-holder h1 { font-size:20px; text-align: center; background-position: center bottom; }
    .content-holder h3 { font-size:18px; text-align: center; background-position: center bottom; }
    .content-holder h2 { font-size:15px; text-align: center; }

    a.buttons {width:100%; }

      ul.service-list li a { font-size: 15px; padding: 5px 10px 5px 50px; margin: 0 0 5px 0; line-height: 30px; }

  .accordion { padding: 5px 10px 5px 50px; height: 40px; font-size: 15px; line-height: 30px; }
    .accordion img { top:5px; left:10px; width: 30px; height: auto; }
    .panel { padding:0 10px; }
      .content-holder .panel p { font-size: 15px; padding:10px 0; }

}