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

@charset "utf-8";

*:focus {outline:none !important}

::-webkit-scrollbar {
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #f7911d;
}
::-webkit-scrollbar-thumb {
    background-color: #ef4123;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}

.derin15 a {
    color: white !important;
    font-size : 14px;
}





body { background:#fff; margin:0; padding:0; font-family: 'brandon_grotesquemedium'; color:#333333;}

* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a { color:#f9271c; text-decoration:none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } a:hover { color:#eea90c; }
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr { line-height:100%; margin:0; padding:0; border:none; font-weight:normal; }
b {font-weight:normal; font-family: 'brandon_grotesquebold';}
table, td, tr { border-collapse:collapse; }
.clear {clear:both;}
#toTop {display:none; width:50px; height:50px; background:url(img/arrow.png) no-repeat center #000; text-align:left; text-indent:-9999px;  cursor:pointer; position:fixed; bottom:60px; right:60px; z-index:10005; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

/* animated header */

.cbp-af-header { width:100%; height:230px; padding:90px 90px 0 90px; background-color:rgba(239,65,35, 0); background-color:rgb(239,65,35, 0);
                 position:fixed; top:0; left:0; z-index:10000;
                 transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
       
  a.logo { display:block; float:left; width:510px; height:140px; background:url(img/logo.png) no-repeat center; background-size:100% 100%; text-align:left; text-indent:-9999px;  }
  a.logo:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
	
  /* mainmenu */
  .mainmenu { display:block; float:right; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    
	#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:auto;}
         .links > li > a {display:block; font-size:18px; line-height:30px; color:#fff; font-family: 'brandon_grotesquemedium'; padding:0 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
         .links > li > a:hover, .links > li > a:focus, .links > li > a.active {color:#f9271c; background:#fff;}
      .toggle {z-index:2;}
  /* mainmenu */   
	
  /* animated header shrink style */
  .cbp-af-header.cbp-af-header-shrink { height:66px; padding:10px 90px 0 90px; top:0; background-color:rgba(239,65,35, 0.75); background-color:rgb(239,65,35, 0.75); /* overflow:hidden; */ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
	 
	 .cbp-af-header.cbp-af-header-shrink a.logo { width:167px; height:46px;  }
     .cbp-af-header.cbp-af-header-shrink .mainmenu {padding:8px 0 0 0; }
	 
/* animated header */

/* spot */
		   
.spot { display:block; width:100%; height:auto; position:relative; }
  
  .swiper-slide img  {display:block; width:100%; height:auto;}
  	
  .stext {display:block; width:100%; height:100%;
           position:absolute; top:0; left:0; z-index:10;
		   /* center slide text 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;}
    .stext div {display:block; width:100%; padding:0 90px; }
	 .stext div h1 {font-family: 'brandon_grotesquemedium'; font-size:34px; line-height:140%; color:#fff; margin:0 0 30px 0; letter-spacing:3px;}
	 .stext div h2 {font-family: 'brandon_grotesquemedium'; font-size:22px; line-height:140%; color:#fff; margin:0 0 30px 0; letter-spacing:2px;}
     .stext div a {display:block; float:left; width:300px; height:40px; background:#fff; margin:0 30px 0 0; line-height:40px; color:#f9271c; font-family: 'brandon_grotesquemedium'; font-size:30px; text-align:center; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
     .stext div a:hover {background:#fda805; color:#fff;}
   	
/* spot */
  
.content {width:100%; padding:90px 90px 0 90px; margin:0 auto;}

  .colon {display:block; float:left; width:50%;} 
   .colon.right {padding:0 0 0 90px;}
   .colon.left {padding:0 90px 0 0;}
   .colon.top-layer {height:auto; max-height:1px;}
     .colon.top-layer img {display:block; width:100%; height:auto; position:relative; top:-260px; z-index:9999; }
  
  .content h2 {font-family: 'brandon_grotesquemedium'; font-size:62px; line-height:140%; color:#ef4123; margin:0 0 60px 0; letter-spacing:3px;}
    .content h2.right {text-align:right;}
	.content h2.left {text-align:left;}
	.content h2.center {text-align:center;}
  
  .content p {color:#333333; font-size:28px; line-height:150%; margin:0 0 30px 0; letter-spacing:3px;}
   .content p:last-child {margin:0;}
    .content p.right {text-align:right;}
	.content p.left {text-align:left;}
	.content p.center {text-align:center;}
  
  .rulerline {display:block; width:100%; height:10px; background:url(img/hr.jpg) no-repeat center; background-size:100% 100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.content.contact {padding:90px;}

  .content h3 {font-family: 'brandon_grotesquemedium'; text-align:center; font-size:62px; line-height:100%; color:#ef4123; margin:30px 0; letter-spacing:3px;}
  .content h4 {font-family: 'brandon_grotesquemedium'; text-align:center; font-size:50px; height:120px; padding:30px 0; line-height:60px; color:#fff; margin:0 0 30px 0; letter-spacing:3px; background:url(img/hr.jpg) no-repeat center; background-size:100% 100%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

  .contactform {display:block; width:100%; position:relative;}
 
	.contactform input, .contactform textarea {display:block; height:auto; padding:10px 0px 40px 30px; font-size:18px; line-height:30px; font-family: 'brandon_grotesquemedium'; color:#ef4123; background:#fff; border:none; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	  .contactform input.name {width:100%; border-top:2px solid #f15422; border-left:2px solid #f15422; border-right:2px solid #f15422; border-bottom:none; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
	  .contactform input.mail {width:50%; float:left; position:static; z-index:87; margin:-30px 0 0 0; border-top:2px solid #f15422; border-left:2px solid #f15422; border-right:2px solid #f15422; border-bottom:none; -webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;}
	  .contactform input.phone {width:50%; float:left; position:static; z-index:87; margin:-30px 0 0 0; border-top:2px solid #f15422; border-left:none; border-right:2px solid #f15422; border-bottom:none; -webkit-border-top-right-radius: 30px; -moz-border-radius-topright: 30px; border-top-right-radius: 30px;}						
	.contactform textarea {display:block; float:left; position:static; z-index:90; margin:-30px 0 0 0; width:100%; height:230px;/* padding:30px; */border:2px solid #f15422; font-size:18px; font-family: 'brandon_grotesquemedium'; color:#ef4123; background:#fff; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
    .contactform input:hover, .contactform input:focus, .contactform textarea:hover, .contactform textarea:focus {background:url(img/hr.jpg) no-repeat center #f15422; background-size:100% 100%; color:#fff;}
     ::-webkit-input-placeholder {color: #ef4123;}
	  :-ms-input-placeholder { color: #ef4123;}
	  ::placeholder {color: #ef4123;}
    .contactform input:hover::-webkit-input-placeholder, .contactform input:focus::-webkit-input-placeholder, .contactform textarea:hover::-webkit-input-placeholder, .contactform textarea:focus::-webkit-input-placeholder {color: #fff;}
	  .contactform input:hover:-ms-input-placeholder, .contactform input:focus:-ms-input-placeholder, .contactform textarea:hover:-ms-input-placeholder, .contactform textarea:focus:-ms-input-placeholder { color: #fff;}
	  .contactform input:hover::placeholder, .contactform input:focus::placeholder, .contactform textarea:hover::placeholder, .contactform textarea:focus::placeholder {color: #fff;}
    .contactform input.send {float:right; width:160px; height:40px; line-height:100%; padding:0; background:url(img/hr.jpg) no-repeat center #f15422; background-size:100% 100%; color:#fff; font-size:16px; margin:30px 0 0 0; cursor:pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    .contactform input.send:hover {background:#fda805;}

footer { display:block; width:100%; padding:90px 180px;  background:url(img/bg.jpg) no-repeat center #ef4123; background-size:100% 100%; text-align:center; color:#fff; font-size:40px; letter-spacing:4px;}
  
  
/* responsive */ 

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

/* animated header */

.cbp-af-header { height:180px; padding:60px 60px 0 60px;}
       
  a.logo { width:400px; height:100px; }
	
  /* mainmenu */
         .links > li > a {padding:0 19px;}
  /* mainmenu */   
	
  /* animated header shrink style */
  .cbp-af-header.cbp-af-header-shrink { padding:10px 60px 0 60px; }

/* animated header */

/* spot */

    .stext div {padding:0 60px; }
	 .stext div h1 {font-size:40px; line-height:130%;  margin:115px 0 30px 0;}
     .stext div a { width:181px; margin:30px 15px 0 0; font-size:18px;}
   	
/* spot */

.content { padding:70px 60px 0 60px; }

   .colon.right {padding:0 0 0 60px;}
   .colon.left {padding:0 60px 0 0;}
     .colon.top-layer img {top:-160px; }
  
  .content h2 {font-size:27px; line-height:130%; margin:7px 0 30px 0; }
  
  .content p {font-size:14px; line-height:185%; margin:0 0 15px 0;}

.content.contact {padding:60px;}

  .content h3 {font-size:50px; }
  .content h4 {font-size:40px; height:90px; padding:15px 0; }

footer { padding:60px;  font-size:30px; }

}

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

#toTop {bottom:60px; right:30px;}

/* animated header */

.cbp-af-header { height:110px; padding:30px 30px 0 30px;}
       
  a.logo { width:290px; height:80px; }
	
  /* mainmenu */
         .links > li > a {padding:0 20px;}
  /* mainmenu */   
	
  /* animated header shrink style */
  .cbp-af-header.cbp-af-header-shrink { padding:10px 30px 0 30px; }

/* animated header */

/* spot */

    .stext div {padding:0 30px; }
	 .stext div h1 {font-size:24px; letter-spacing:2px;}
	 .stext div h2 { font-size:18px; letter-spacing:1px;}
     .stext div a {width:160px; height:40px;  margin:0 10px 0 0; line-height:40px; font-size:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
   	
/* spot */

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

   .colon.right {padding:0 0 0 30px;}
   .colon.left {padding:0 30px 0 0;}
     .colon.top-layer img {top:-160px; }
  
  .content h2 {font-size:30px; line-height:120%; margin:0 0 20px 0; letter-spacing:2px; }
  
  .content p {font-size:18px; line-height:120%; margin:0 0 15px 0;}

.content.contact {padding:60px 30px;}

  .content h3 {font-size:38px; }
  .content h4 {font-size:26px; }

footer { font-size:26px; }

}

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

  .links > li > a {line-height:30px; padding:0 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
  
  .cbp-af-header.cbp-af-header-shrink { height:60px; padding:10px 30px 0 30px; }
	 
	 .cbp-af-header.cbp-af-header-shrink a.logo { width:146px; height:40px;  }
     .cbp-af-header.cbp-af-header-shrink .mainmenu {padding:5px 0 0 0; }

/* spot */

	 .stext div h1 {font-size:22px; margin:0 0 15px 0;}
	 .stext div h2 { font-size:16px;  margin:0 0 10px 0;}

     .stext div a {width:150px; height:30px;  line-height:30px; -webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;}
   	
/* spot */

  .rulerline {height:6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.content { padding:30px 30px 0 30px; }

     .colon.top-layer img {top:-100px; }
  
  .content h2 {font-size:30px; line-height:120%; margin:0 0 20px 0; letter-spacing:2px; }
  
  .content p {font-size:18px; line-height:120%; margin:0 0 15px 0;}

.content.contact {padding:30px;}

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

	.contactform input, .contactform textarea {font-size:18px;}

footer { font-size:24px; }
	
	}


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

/* animated header */

.cbp-af-header { height:90px;}
       
  a.logo { width:218px; height:60px; }
	
  /* mainmenu */
  
  .mainmenu {  height:40px;}
  
	.links {display:none; opacity:0; width:100%; 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; }
	.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 {background-color:rgba(239,65,35, 0.75); background-color:rgb(239,65,35, 0.75); color:#fff;}
	.links, .links > li, .links > li > a {height:auto; color:#fff;}
	.links > li > a {padding:0; margin:0; line-height:60px; color:#fff; font-size:22px; text-align:center; border-bottom:1px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	.links > li > a:hover, .links > li > a:focus, .links > li > a.active {background:#fff; color:#f9271c;}

	.toggle:after {content:attr(data-open); background:url(img/menu.png) no-repeat center; display:block; height:40px; width:40px; margin:0 0 10px 0; padding:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
	#toggle:checked + div .toggle:after {content:attr(data-close);} 

  /* mainmenu */    
	
  /* animated header shrink style */
  .cbp-af-header.cbp-af-header-shrink { padding:10px 30px 0 30px; }
     .cbp-af-header.cbp-af-header-shrink .mainmenu {padding:0; }
/* animated header */

/* spot */

	 .stext div h1 {font-family: 'brandon_grotesquemedium'; font-size:16px; margin:0 0 10px 0; line-height:100%; letter-spacing:0;}
	 .stext div h2 {font-family: 'brandon_grotesquemedium'; font-size:13px; margin:0 0 10px 0; line-height:100%; letter-spacing:0;}

     .stext div a {width:120px; font-size:18px;}
   	
/* spot */

  .colon {float:none; width:100%;} 
   .colon.right {padding:0 0 60px 0;}
   .colon.left {padding:0;}
   .colon.top-layer {height:auto; max-height:180px;}
     .colon.top-layer img {width:60%; margin:0; top:-100px; }

  .content h2 {font-size:22px; }
  
  .content p {font-size:17px;}

  .content h3 {font-size:28px; }
  .content h4 {font-size:20px; height:auto; padding:15px 0; line-height:30px;}

.content.contact {padding:30px;}
 
	.contactform {margin:60px 0 0 0;}
	.contactform input, .contactform textarea {font-size:18px; }
	  .contactform input.mail {width:100%; float:left; position:static; z-index:87; margin:-30px 0 0 0; 
	  border-top:5px solid #f15422; border-left:5px solid #f15422; border-right:5px solid #f15422; border-bottom:none; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
	  .contactform input.phone {width:100%; float:left; position:static; z-index:87; margin:-30px 0 0 0;
	  border-top:5px solid #f15422; border-left:5px solid #f15422; border-right:5px solid #f15422; border-bottom:none; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px;}						
	
	.contactform textarea {font-size:18px; }
    .contactform input.send {width:240px; height:40px; font-size:22px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}

footer {font-size:20px; letter-spacing:1px; }
	
	}

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

  .cbp-af-header { height:60px; padding:10px 30px 0 30px; }

  a.logo { width:146px; height:40px; }

	 .stext div h1 {font-family: 'brandon_grotesquemedium'; font-size:14px; margin:0 0 5px 0; line-height:100%; letter-spacing:0;}
	 .stext div h2 {font-family: 'brandon_grotesquemedium'; font-size:10px; margin:0 0 5px 0; line-height:100%; letter-spacing:0;}
     .stext div a {width:80px; height:20px; line-height:20px; font-size:12px;}

   .colon.right {padding:0 0 10px 0; }
   .colon.left {padding:0; }
   .colon.top-layer {height:auto; max-height:140px;}
     .colon.top-layer img {width:60%; margin:0; top:-80px; }

  .content h2 {font-size:18px;}
    .content h2.right {text-align:center;}
	.content h2.left {text-align:center;}
	.content h2.center {text-align:center;}
  
  .content p {font-size:15px; letter-spacing:0;}
   .content p:last-child {margin:0;}
    .content p.right {text-align:center;}
	.content p.left {text-align:center;}
	.content p.center {text-align:center;}

	.contactform input, .contactform textarea {font-size:18px; }
	
	.contactform textarea {font-size:18px; }
    .contactform input.send {width:100%; font-size:20px; }

footer {padding:30px; font-size:18px; }

	}

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

	 .stext div h1 {font-size:13px; margin:0 0 6px 0;}
	 .stext div h2 {display:none;}

   .colon.right {padding:0 0 10px 0; }
   .colon.left {padding:0; }
   .colon.top-layer {height:auto; max-height:100px;}
     .colon.top-layer img {width:70%; margin:0; top:-60px; }

  .content h2 {font-size:18px;}
  
  .content p {font-size:14px;}

} 

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { }