body{margin: 0;padding: 0}
button{background-color: transparent;border: none;}
button:active{border: none;outline: none;}
button:focus{border: none;outline: none;}
button:visited{border: none;outline: none;}
img{width: 100%;}

.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 1.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 1.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.section1{color: #0072bc;background-color: #fff; padding-top: 20px;}
.section1 img{width: 100%;max-width: 275px;float: left;}
.section1 p{padding-bottom: 0px;margin-bottom: 0px;}
.sec1{margin-top: -23px;}
.sect1{margin-top: -15px;padding: 10px 0px;}
.icon1{padding-top: 10px;}
.icon1 .fa{margin: 0px 3px; color: #0072bc;}
.section1 h5{font-size: 11px}
  /* RESMENU */

.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.logo a{color:#6DDB07;}
/* nav{position:relative;margin:0 auto;} */
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#0072bc;color: #fff;}
#cssmenu > ul > li > a{/* padding: 25px 0; */font-size:12px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;margin: 0 15px;}
/* #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#448D00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;} */
/* #cssmenu > ul > li.has-sub > a{padding-right:30px} */
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#2d67b8}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1030px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:70%; }
#cssmenu ul li:hover{/*background:#363636;*/}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:3px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:6px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
#cssmenu > ul > li.has-sub > a:before {
    display: none;
}
#cssmenu > ul > li.has-sub > a:after {
    display: none;
}
#cssmenu ul ul li.has-sub > a:before {
    display: none;
}
#cssmenu ul ul li.has-sub > a:after {
    display: none;
}
#cssmenu ul li{
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px;
}
#cssmenu ul{
    margin: 0;
    text-align: center;
}
.menu_btn_booking{
    padding: 10px;
    background-color: transparent;
    color: #fff;
}
#cssmenu ul li.menu_middle_logo,.logo{
  display: none;
}
#cssmenu ul li.menu_middle_logo a{
    padding: 5px;
  }
@media screen and (min-width:1029px){
#cssmenu ul li.menu_middle_logo{
  display: inline-block;
  width: 350px;
}
}
/*@media screen and (max-width:1030px){
  .logo3 img{display: none;width: 100px;}

} 
*/
/*.logo3{display: none;}*/
.logo3 img{display: none;}
@media screen and (max-width:1030px){
.logo{
  display: block;
margin-left: -600px; 
}
.logo3 img{display: block;width: 100%;}
.logo img{width: 100px;}
.section1{display: none;}
.sec8-immm{display: none;}
}
@media screen and (max-width:360px){
.logo{
  margin-left: -200px;
}
}
@media screen and (max-width:640px){
.logo{
  margin-left: -500px;
} 
}
@media screen and (max-width:480px){
.logo{
  margin-left: -380px;
} 
}
@media screen and (max-width: 360px){
.logo {
    margin-left: -243px;
}
}
  /* ENDRESMENU */
 #cssmenu ul li:active{background-color: #6794c7; }
#cssmenu ul li:hover{background-color: #6794c7;}
.logo-inline{display: inline-block;}
  .section2{background-color: #000;color: #fff;}

  .home_s{width: 80px;border: 2px solid #daa911;}
  .home_banner{color: #fff;}
  .section4{padding: 70px 0px;}
  .section4 img{width: 80px;}
  .section4 h3{margin-top: 0px;}
  .section4 p{color: rgba(0, 0, 0, 0.6);text-align: justify;}
  .sec5-bg{background-image: url(../images/a5.jpg);/*background-repeat: no-repeat;*/}
  .sec5-bg2{background-image: url(../images/101.jpg);/*background-repeat: no-repeat;*/}
  .sec5-bg3{background-image: url(../images/102.jpg);/*background-repeat: no-repeat;*/}
  .sec5-bg4{background-image: url(../images/a6.jpg);/*background-repeat: no-repeat;*/}
  .sec5-slide{padding: 90px 0px;float: right;width: 60%;color: #fff;}
  .ser{text-align: center;width: 100%;padding: 15px 0px;
  	background-color: rgba(193, 170, 170, 0.53);margin-bottom: 5px;}
  	.section5-second{width: 75%;margin: 0 auto;text-align: justify;}
  	.rep-sec1{margin-left: 50px;border-left: 2px solid #daa911;
  		padding-left: 30px;margin-bottom: 30px;}
  	.rep-logo img{width: 80px;}
  	.rep-logo{color:#0076bc; position: relative;width: 100%;margin-top: 30px;}
  	.rep-logo-content{position: absolute;top: 0px;/*right: 0px;*/left: 90px;}
    .rep-logo-content h5{font-size: 11px;}
  	.postss{display: inline-block;}
  	.rep-btn{float: right; padding-top: 40px;}
  	.rep-btn button{padding:10px 20px; border: 1px solid #0076bc;
  		background-color: transparent;}
  	.rep-btn button:hover {color:#0076bc }
  	.section6{background-image: url(../images/4.jpg);background-attachment: fixed;
  		background-position: cover;background-repeat: no-repeat;}
  		.sec6{background-color: rgba(0, 0, 0, 0.63);color: #fff; text-align: center;
  			padding: 100px 0px;}
    .section7{padding: 50px 0px;}
    .section7 h3{text-align: center; padding: 20px 0px;}
    .product{max-width: 100%;background-color: #e4e4e4;
      padding: 50px;text-align: justify;}
    .owl-theme .owl-nav {display: none;}
    .owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center;padding-top: 30px;}
    .sec6-content{max-width: 100%;background-color: #e4e4e4;
      padding: 40px 40px 20px 40px;text-align: justify;}
      .sec6-btn{text-align: center; margin-top: 60px;}
    .sec6-btn button{padding: 10px;border: 1px solid #0076bc;}
    .section8{background-color: #403e39;padding: 50px 0px;color: #fff;}
    .social .fa{padding: 10px;border: 1px solid #fff;border-radius: 50%;color: #fff;}
    .social .fa-facebook{padding: 10px 12px;}
    .section8 img{width: 90px;}
    .sec8-immm{position: relative;}
    .sec8-logocont{position: absolute;top: 0px;left: 120px;}
    .social{text-align: center;}
    .social .fa:hover{background-color:#3883c3; }
    .section9{background-color:#292825;text-align: center;
      color: #fff;padding: 15px 0px;}
    .section9 h5{margin: 0px;}
    .tp-parallax-wrap{top: 600px;}
    .home-sec12{position: absolute;top: 0px;right: 0px;margin-top: 25px;}
    .sec8-logocont h5{font-size: 11px;}
    .tp-parallax-wrap{left: 100px;}
    .slide-content-box p{padding-top: 30px;}
    .slide-content-box h1{font-family: 'Montserrat', sans-serif;font-size: 40px;}
/*services*/
.about_section1{padding: 60px 0px;}
.about_section1 img{width: 100%;}
.about_section1 h3{margin-top: 0px;margin-bottom: 30px;}
.about_section1 p{font-size: 16px;color: #939398;}
.about_section1 h5{color: #939398;margin: 0px;}
/*.ser1:hover{background-color: }*/
/*.ser:hover{background-color: #000;}*/
/*end services*/

/*aboutus*/
.abt-section1{padding: 60px 0px;}
.abt-se img{width: 100%;padding-top: 30px;max-width: 60px;}
.abt-line{border-bottom: 3px solid #daa911;width: 50px;}
.abt-sect1 p{padding-top: 30px; color:#939398;text-align: justify; }
.abt-sect1 h4{color:#939398;}
.abt-full-line{width: 100%;border-top: 1px solid rgba(147, 147, 152, 0.31); margin: 30px 0px;}
.about_section1 p{text-align: justify;}
/*end aboutus*/

/*why*/
.why-section1{padding: 60px 0px;}
.why-section1 img{width: 100%;padding: 25px 0px;}
.why-sec1{background-color: #0076bc;width: 100%;text-align: justify;padding: 40px;
color: #fff;}
.why-section3{padding: 60px 0px;}
.why-section3 p{color:#939398; padding-bottom: 20px;}
.why-section3 h4{color:#d99600; }
.why-sect2 img{padding-top: 20px;}
/*endwhy*/

/*contact*/
.contact-section1{padding: 60px 0px;background-image: url(../images/3.jpeg);}
.contact-line{border-bottom: 3px solid #d99600;width: 50px;margin: 30px 0px;}
.contact-border{margin-bottom: 15px;margin-top: 15px;
  border-bottom: 1px solid rgba(147, 147, 152, 0.31);}
  .contact-section1 i{color:#d99600; }
  .contact-section1 h3{margin-top: 0px;}
  .contact-form input{width: 100%;padding: 10px;margin-bottom: 30px;}
  .contact-form textarea{width: 100%;padding: 10px;}
  .contact-form button{margin-left: 44%;margin-top: 20px; padding: 10px 20px;
    background-color:#0072bc;color: #fff; }
    .contact-btn-sub:hover{background-color: transparent;color: #0072bc;border: 2px solid #0072bc;}
/*endcontact*/

/*bANNER IMAGE*/
  .section-image{position: relative;}
  /*.section-image-black{background-color: #000;}*/
  .sect-image-title{position: absolute;top: 40%;left: 0px;width: 100%;color: #fff;}
  .sect-image-title h2{text-align: center;}
/*end banner image*/

.replace-section1{display: none;}
    @media screen and (max-width:1030px)
    {
      .footer-contact{text-align: center;}
      .section8 {padding: 15px 0px;}
      .footer-contact h4{font-size: 12px;}
    }
    @media(max-width: 1020px)
    {
      .rep-logo img{display: none;}
      .rep-logo-content{display: none;}
    }
    @media(max-width: 921px)
    {
      .section4 img {width: 57px;}
      .section4 h2{font-size: 20px;}
      .section4 {padding: 25px 0px;}
      .abt-section1 {padding: 25px 0px;}
      .about_section1 {padding: 25px 0px;}
      .why-section3 {padding: 25px 0px;}
      .why-section3 img{display: none;}
      .why-section1 img{display: none;}
      .section4 img{display: none;}
      .home-sec10{display: none;}
      .home-texti{display: none;}
      /*.addcls{display: none;}*/
      .section9 h5{font-size: 10px;}
      .section7 h3{font-size: 18px;}
      .section7{padding: 10px;}
      .sec6-content{padding: 20px;}
      .rep-sec1 {margin-left: 0px;border-left: 0px solid #daa911;}
      .section6{margin-top: 90px;}
      .slide-content-box h1{font-size: 45px;}
      .slide-content-box p{font-size: 30px;padding-top: 0px;}
      .home-sec12{margin-top: -20px;}
      .replace-section1{display: block;}
      /*.section5-second{display: none;}*/
      .replace-section1{color: rgba(0, 0, 0, 0.59);}
      .sec5-slide{display: none;}
      .hidden-cls2{display: none;}
    }
    @media(max-width: 769px)
    {
      .abt-sect2{display: none;}
      .about-sec2{display: none;}
      .section6{margin-top: 30px;}
    }
    @media(max-width: 761px)
    {
      .sec5-slide {padding: 42px 0px;}
    }
    @media(max-width: 750px)
    {
      .why-section1{padding: 20px 0px;}
    }
    @media(max-width: 500px)
    {
      .sect-image-title{top: 20%;}
    }
    @media(max-width: 370px)
    {
      .sect-image-title{top: 1%;}
    }
 /*   * {
  box-sizing: border-box;
}
*/
[data-wipe] {
  display: inline-block;
  padding: 12px 18px;
  text-decoration: none;
  position: relative;
  border: 2px solid #0072bc;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  color: #0072bc;
  overflow: hidden;
}
[data-wipe]:before, [data-wipe]:after {
  content: attr(data-wipe);
  padding-top: inherit;
  padding-bottom: inherit;
  white-space: nowrap;
  position: absolute;
  top: 0;
  overflow: hidden;
  color: #fff;
  background: #0072bc;
}
[data-wipe]:before {
  left: 0;
  text-indent: 18px;
  width: 0;
}
[data-wipe]:after {
  padding-left: inherit;
  padding-right: inherit;
  left: 100%;
  text-indent: calc(-100% - 36px);
  transition: 0.2s ease-in-out;
}
[data-wipe]:hover:before {
  width: 100%;
  transition: width 0.2s ease-in-out;
}
[data-wipe]:hover:after {
  left: 0;
  text-indent: 0;
  transition: 0s 0.2s ease-in-out;
}