@charset "utf-8";
/*

THEME COLORS:
===============

Main: #06C4A8 | 6,196,168
Secondary: #30353b | 34,34,34

(Find and Replace these color codes)

*/

@font-face { font-family: "Flaticon"; src: url("fonts/Flaticon.eot"); src: url("fonts/Flaticon.eot#iefix") format("embedded-opentype"), url("fonts/Flaticon.svg") format("svg"), url("fonts/Flaticon.woff") format("woff"), url("fonts/Flaticon.ttf") format("truetype"); font-weight: normal; font-style: normal;}

@font-face { font-family: "la-regular-400"; src: url("fonts/la-regular-400.eot"); src: url("fonts/la-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-regular-400.woff") format("woff"), url("fonts/la-regular-400.ttf") format("truetype"), url("fonts/la-regular-400.svg#la-regular-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-regular-400.svg#la-regular-400") format("svg");}}

@font-face { font-family: "la-brands-400"; src: url("fonts/la-brands-400.eot"); src: url("fonts/la-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/la-brands-400.woff") format("woff"), url("fonts/la-brands-400.ttf") format("truetype"), url("fonts/la-brands-400.svg#la-brands-400") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-brands-400.svg#la-brands-400") format("svg");}}

@font-face { font-family: "la-solid-900"; src: url("fonts/la-solid-900.eot"); src: url("fonts/la-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/la-solid-900.woff") format("woff"), url("fonts/la-solid-900.ttf") format("truetype"), url("fonts/la-solid-900.svg#la-solid-900") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("fonts/la-solid-900.svg#la-solid-900") format("svg");}}




body { margin: 175px 0 0 0; font-family: 'Poppins', 'Open Sans', Arial; font-weight:400; font-size:14px; line-height:1.5; color:#666; overflow-x: hidden; overflow-y:visible; }
ul, ul li { margin:0; padding:0}
p {margin-top:0px; margin-bottom: 20px;}
a img {border:0;}
a { color: #06C4A8; text-decoration:none; }
a:hover { color: #333;  }
a {outline: 0;}
.clearfix { clear:both;}
.green { color:#06C4A8 }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0)}
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
*:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }


h1 { position:fixed; left:0; top:0; width:100%; font-family: 'Poppins', sans-serif; font-size:12px; line-height:18px; font-weight:600; font-style:italic; color: #fff; margin:0px; padding:12px 0 15px 20px; background-image: linear-gradient(to right, #06c4a8, #04b79d, #03ab92, #019e87, #00927c); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:3 }
h2 { font-family: 'Poppins', sans-serif; font-size:40px; line-height:40px;  font-weight:700; display:block; color: #30353b; margin:0 0 40px 0; padding:0; text-transform:uppercase; text-align:center }
h3 { position:relative; font-family: 'Poppins', sans-serif; font-size:30px; line-height:30px;  font-weight:700; display:block; color: #444; margin:0 0 90px 0; padding:0; text-transform:uppercase; text-align:center }
h3:after { position:absolute; left:50%; bottom:-30px; width:100px; height:3px; margin-left:-50px; background:#06C4A8; content:""; }


.button { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
input, textarea, select, subject, .boxed, ul.tabs li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .logo img, .header .logo span { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;   }

.header { position:fixed; top:45px; left:0; display:table; width:100%; background:#fff; padding:0; text-align:center; /*-moz-box-shadow:0 10px 10px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15);*/ border-bottom: 2px solid #eee; z-index:2; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; z-index:3}

.header .logo { position:relative;  display:table-cell; vertical-align:middle; overflow: hidden; text-align:center  }

.header .logo img { width:150px; height:auto; margin:0 20px; z-index:2; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;  -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  }
.header .logo:hover img { -ms-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }

.header .logo span { position:absolute; left:0; top:50%; margin-top:-7px; width:100%; font-family: 'Poppins', sans-serif; font-size:14px; line-height:14px; text-transform:uppercase; display:block; z-index:-1; opacity:0; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) scale(0.15,0.15); }
.header .logo:hover span { opacity:1; -ms-transform: translate3d(0,30px,0) scale(1,1); -moz-transform: translate3d(0,30px,0) scale(1,1); -webkit-transform: translate3d(0,30px,0) scale(1,1); transform: translate3d(0,30px,0) scale(1,1); -webkit-animation-name: flash; animation-name: flash; -webkit-animation-delay: 1s; animation-delay: 1s; }

.header:after { content:""; clear:both; display:block; width:100%; }

.contact_bar { position:fixed; top:10px; right:0; z-index:4; height:45px; }
.contact_bar:after { content:""; clear:both; display:block; width:100%;  }

.contact_bar .years { float:left; padding:5px 10px; margin-right:10px; font-family: 'Poppins', 'Open Sans', Arial; font-size:14px; line-height:45px; font-weight:700; color:#fff; text-transform:uppercase; height:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact_bar .years img { height:100%; width:auto } 


.contact_bar #languages { position:relative; float:left; padding:0 15px 0 15px; margin:5px 5px 5px 0; font-family: 'Poppins', sans-serif; font-size:12px; line-height:35px; color:#fff; text-transform:uppercase; background-color:#30353b; font-weight:800; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;  }
.contact_bar #languages:before { font-family: "Flaticon"; content: "\f12d"; font-weight:normal; margin-right:8px; }
.contact_bar #languages:after { font-family: "Flaticon"; content: "\f101"; font-weight:normal; margin-left:5px; }
.contact_bar #languages:hover, .contact_bar #languages.active  { background-color:#30353b}


.contact_bar .languages { display:none; position:absolute; right:0px; margin-top:10px; width:100%; padding:14px; background-color:#30353b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact_bar .languages:before { position:absolute; top:-5px; right:10px; content:""; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #30353b transparent;  }
.contact_bar .languages a { display:block; width:100px; font-size:12px; line-height:20px; color:#eee; font-weight:800; text-transform:none }
.contact_bar .languages a:hover { color:#06C4A8 }

.menu_wrapper { float:right; padding: 0; margin-right:30px; }
.menu_wrapper .table { display:table-cell; vertical-align:middle; height:130px; text-align:left; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; -ms-transition: height 0.25s; transition: height 0.25s; }
.menu_wrapper:after { content:""; clear:both; display:block; width:100%; }
#menu-icon { display: none; /* hide menu icon initially */}
#menu { display:table; margin:0; padding:0;  }
#menu li { position:relative; margin:0; padding:0; list-style: none; float: left;  }
#menu li a { display:table-cell; vertical-align:middle; font-size:12px; line-height:16px; font-weight:800; text-decoration: none; color: #30353b; padding: 0px 15px; cursor:pointer; text-transform:uppercase; border-right:1px solid #eee; text-align:center;   }
#menu li a span { font-family: 'Poppins', Arial; display:block; font-size:10px; line-height:14px; font-weight:700; max-width:160px; color:#999; display: none;}
@media screen and (max-width: 1300px) {
#menu li a span { display:none }
}
#menu li:last-of-type a { border:none }
#menu li a:before { font-family: "Flaticon"; content: ""; display:block; text-align:center; font-size:28px; line-height:1; font-weight:normal; margin-bottom:10px; }
#menu li a.drop:after { position:absolute; bottom:-13px; left:50%; margin-left:-5px; font-family: "Flaticon"; content: "\f101"; font-size:10px; line-height:10px;  }
#menu li a.hom:before { content: "\f10a";  }
#menu li a.web:before { content: "\f10c"; }
#menu li a.pac:before { content: "\f12a"; }
#menu li a.off:before { font: var(--fa-font-brands); content: "\f3ca"; font-size:28px; line-height:1; }
#menu li a.por:before { content: "\f11d"; }
#menu li a.faq:before { content: "\f129"; }
#menu li a.con:before { content: "\f131";  }

#menu li a b { position:absolute ;top: 0; left: 10px; background: #ff0000; color: #fff; border-radius: 30px; padding: 4px; font-size: 10px; line-height: 1; }

/*ul#menu li:hover > ul { display: block; opacity:1; visibility:visible; -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; }
ul#menu li ul { position:absolute; left:0; width:95%; float:left; margin:0 2.5%; padding:20px; background: #fff; visibility:hidden; opacity:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left; -webkit-box-shadow: 0 8px 16px -16px black; -moz-box-shadow: 0 8px 16px -16px black; box-shadow: 0 8px 12px -12px black;  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
ul#menu ul li { margin:0; padding:0; display:block;  width:25%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul#menu ul li a { margin: 0; font-size:14px; line-height:14px; font-weight:400; padding:10px; font-family: 'Poppins', sans-serif; color:#333; border-bottom:1px solid #eee; text-transform:none; border-right:0px solid #f5f5f5; text-align:left;}
ul#menu ul li a:hover { color:#8a301c  }

ul#menu li ul:after { content:""; clear:both; display:block; width:100%;}*/

#menu li a.active { color:#06C4A8 }
#menu li:hover > a { color:#06C4A8 }


body.sticky .header .table { height:80px; }
body.sticky .header .table #menu li a:before { font-size:22px; line-height:22px; margin-bottom:0; }
body.sticky .header .logo img { width:130px; height:auto }
body.sticky .header #menu li a span { display:none }
body.sticky .header .logo:hover span { opacity:1; -ms-transform: translate3d(0,25px,0) scale(1,1); -moz-transform: translate3d(0,25px,0) scale(1,1); -webkit-transform: translate3d(0,25px,0) scale(1,1); transform: translate3d(0,25px,0) scale(1,1); -webkit-animation-name: flash; animation-name: flash; -webkit-animation-delay: 1s; animation-delay: 1s; }


/* 
*  Owl Carousel - Animate Plugin
*/
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeOut { 
0% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

/* 
* 	Owl Carousel - Auto Height Plugin
*/
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* 
*  Core Owl Carousel CSS File
*/
.owl-carousel { position:relative; display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; height:500px; height: calc(100vh - 185px); background:#222; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; height:100%;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); height:100%}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-controls .owl-dots { position:absolute; bottom:60px; right:60px; }
.owl-carousel .owl-controls .owl-dots:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-controls .owl-dot { float:left; margin-left:5px; background-color:#333; width:10px; height:10px; }
.owl-carousel .owl-controls .owl-dot.active { background-color:#06C4A8 }

.owl-carousel .owl-controls .owl-nav { position:absolute; bottom:10%; left:5%; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { float:left; width:60px; height:60px; line-height:60px; margin-right:10px; text-align:center; color:#fff; background-color:#30353b; font-family: "Flaticon"; -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); }

.owl-carousel .owl-controls .owl-nav .owl-prev:before { content: "\f103"; }
.owl-carousel .owl-controls .owl-nav .owl-next:before { content: "\f102"; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .owl-carousel .owl-controls .owl-nav .owl-next:hover { background-color:#06C4A8 }


.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; height:100%; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;   }
.owl-carousel .owl-item .slide { display:table; width:100%; height:100%; padding:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.owl-carousel .owl-item img {  width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;  }
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}

/* No Js */
.no-js .owl-carousel { display: block;}

/*@-webkit-keyframes zoomIn2 {
  from {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
	 -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  
}

@keyframes zoomIn2 {
  from {
   	 -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  
  100% {
	 -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  
}

.zoomIn2 {
  -webkit-animation-name: zoomIn2;
  animation-name: zoomIn2;
}

.owl-carousel .owl-item.active { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic;  -webkit-animation-name: zoomIn2; animation-name: zoomIn2; -webkit-animation-duration: 7s; animation-duration: 7s;  }*/

.owl-carousel .owl-item.active .caption { -webkit-animation-name: slideInUp; animation-name: slideInUp; } 
.owl-carousel .caption { display:table-cell; vertical-align:middle; text-align:left }
.owl-carousel .slide_title { position:relative; font-family:'Poppins'; font-size:50px; line-height:50px; font-weight:800; text-transform:uppercase; color:#fff; display:block}

.owl-carousel .caption1 { vertical-align:top;  }
.owl-carousel .caption1 .slide_title .line1 { font-size:74px; line-height:64px; letter-spacing:-3px; font-weight:700; }
.owl-carousel .caption1 .slide_title .line2 { font-size:42px; line-height:74px; letter-spacing:-1px; background:#06C4A8; color:#fff; display:inline; padding:0 10px }
.owl-carousel .caption1 .slide_title .line3 { font-size:16px; line-height:20px; display:block }
.owl-carousel .caption1 .slide_title .line3 u { position:relative; text-decoration:none; font-weight:800}
.owl-carousel .caption1 .slide_title .line3 u:before { position:absolute; left:0; bottom:-3px; width:100%; height:3px; display:block; background:#06C4A8; content:""; }
.owl-carousel .caption1 .slide_title .pricing.hospitality { position:relative; padding:15px; width:auto; background-color:rgba(0,0,0,0.5); float:left;  margin-top:20px; }
.owl-carousel .caption1 .slide_title .pricing.hospitality .price:before { content:"*Price"; display:block; font-family: 'Poppins', sans-serif; font-size:20px; line-height:20px; text-transform:uppercase; font-weight:400; color:#eee; }
.owl-carousel .caption1 .slide_title .pricing.hospitality .price { display:block; font-size:40px; line-height:40px; text-transform:uppercase; font-weight:800; color:#fff; }


.owl-carousel .caption2 .slide_title { text-align:center }
.owl-carousel .caption2 .slide_title .line1 { font-size:122px; line-height:100px; letter-spacing:-3px; font-weight:800;}
.owl-carousel .caption2 .slide_title .line2 { font-size:33px; line-height:60px; letter-spacing:-1px; background:#06C4A8; color:#fff; display:inline; padding:0 10px }
.owl-carousel .caption2 .slide_title .line3 { font-size:42px; line-height:36px; }


/*@keyframes clouds { 50% {left:1781px;opacity:1} 51% {opacity:0;} 100% {opacity:0;left:-1781px;} }
.clouds { width: 1781px; height: 100%; position: absolute; overflow: hidden; top: 60px; left: -1781px; background:url(img/clouds.png) no-repeat; animation: clouds 30s linear infinite; }
.clouds-two { width: 1781px; height: 100%; position: absolute; overflow: hidden; bottom: 0px; left: -1781px; background:url(img/clouds.png) no-repeat; animation: clouds 45s linear infinite 15s;}
.clouds-three { width: 3562px; height: 100%; position: absolute; overflow: hidden; top: 0px; left: -3562px; background:url(img/clouds.png) repeat; animation: clouds 60s linear infinite;}
*/

.scrolldown { position:absolute; bottom:7.5%; left:50%; margin-left:-30px; width:60px; height:60px; font-size:20px; line-height:60px; border:2px solid #06C4A8; color:#fff; border-radius:50%; cursor:pointer; z-index:1; text-align:center }
.scrolldown:after { font-family:"Flaticon"; content: "\f101"; }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


.container { position:relative;}
.container:after { content:""; clear:both; display:block; width:100%; }

.content { position:relative; padding:6%;}
	body#acc .content { margin-bottom:0;}
.content:after { content:""; clear:both; display:block; width:100%; }

.section1 { background:url(bg1.png); padding:0%; font-family: 'Poppins', sans-serif; font-weight:300; font-size:18px; } 

.introduction { padding:5% 15%; }
.introduction img { float:left; margin:0 40px 20px 0; width:50%; height:auto }
.introduction .columns { -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; clear:both; margin-top:50px; }


.seperator { height:200px; clear:both; position:relative }
.seperator:before { content:""; position:absolute; top:50%; left:50%;  margin-left:-50%; width:100%; height:1px; background-color:#ddd; }
.seperator:after { font-family:"Flaticon"; content: "\f130"; position:absolute; top:50%; left:50%; width:100px; height:60px; line-height:60px; margin-left:-50px; margin-top:-30px; background-color:#fff; text-align:center; color:#ddd; font-size:40px;}


.overlay { display:none; position: fixed; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index:100 }

.quote { position:fixed; top:0; right:0; width:200px; height:45px; text-align:center; line-height:45px; color:#fff; background-image: linear-gradient(to left bottom, #722787, #802899, #8f28ac, #9e27bf, #ad25d3); text-transform:uppercase; font-size:14px; font-weight:800; cursor:pointer; z-index:11;  }
.quote:after { font-family: "la-solid-900", "la-regular-400", "la-brands-400"; content: "\f5ad"; margin-left:10px; font-weight:400; }

#quote { position:fixed; bottom:0; left:5%; width:90%; height:85%; background:#fff; z-index:200;  -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);  display:none; }
.quoteform { height: 100%; overflow-x:hidden; overflow-y:auto; padding:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quoteform h6 { position:absolute; left:0; top:-30px; width:100%; height:60px; background:#06C4A8; line-height:60px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:800; padding:0 30px; margin:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quoteform .close { position:absolute;  top:-30px; right:0; width:60px; height:60px; line-height:60px; text-align:center; background-color:#0DB098; color:#fff; cursor:pointer }
.quoteform .close:before { font-family:"Flaticon"; content: "\f135"; }

.quote_open { overflow: hidden; }


@media (max-width: 767px) {
.quote { left: 0; right:auto; top:auto; bottom:0; width: 100%; padding:10px 0; height:auto }
}


.notepad form #notepad::-webkit-input-placeholder { color: #bbb;}
.notepad form #notepad:-moz-placeholder { color: #bbb;}
.notepad form #notepad::-moz-placeholder { color: #bbb;}
.notepad form #notepad:-ms-input-placeholder { color: #bbb;}
.notepad form #notepad::-webkit-scrollbar { width: 20px; z-index:3}
.notepad form #notepad::-webkit-scrollbar-track { background: #eee; }
.notepad form #notepad::-webkit-scrollbar-thumb{ background: #ccc;}
.notepad form #notepad::-webkit-scrollbar-thumb:active { background-color:#999 }
.notepad form #notepad::-webkit-scrollbar-thumb:window-inactive {background: #bbb}



.request_quote { position:relative; padding:4% 10%; background-color:#06C4A8; color:#fff; font-size:30px; line-height:30px; }
/*.request_quote:before { position:absolute; left:15%; top:50%; margin-top:-30px; font-family:"Flaticon"; content: "\f162"; font-size:60px; line-height:60px; }*/
.request_quote h4 { color:#fff; font-size:30px; line-height:30px; width:60%; margin:0; font-family: 'Poppins', sans-serif; font-weight:700; }
.request_quote p { font-size:16px; line-height:16px; width:60%; margin:0; }
.request_quote a { display:inline-block; position:absolute; right:10%; top:50%; margin-top:-30px; font-family: 'Poppins', sans-serif; font-size:16px; line-height:16px; text-transform:uppercase; border:2px solid #30353b;  font-weight:800; color:#fff; padding:20px; background:#30353b; }
.request_quote a:after { font-family:"Flaticon"; content: "\f101"; margin-left:10px;}
.request_quote a:hover { background:#fff; border-color:#fff; color:#06C4A8  }
.request_quote a:hover:after { }



.package1 { background:#eee; padding:10% 0 10% 5%;  }
.package2 { background:#fff; padding:10% 5% 10% 0% }
.package3 { background:#eee; padding:10% 0 10% 5% }

.package1 .left_column { width:45%; float:left; }
.package1 .right_column { float:left; width:55%; }
.package1 .right_column img { width:100%; height:auto }

.package2 .left_column { width:55%; float:left; }
.package2 .left_column img { width:100%; height:auto }
.package2 .right_column { float:left; width:45%;}

.package3 .left_column { width:45%; float:left; }
.package3 .right_column { float:left; width:55%; }
.package3 .right_column img { width:100%; height:auto }


.package h4 { position:relative; display:block; font-size:24px; line-height:1; text-transform:uppercase; font-weight:700; margin:0; }
.package h5 { display:block; font-size:74px; line-height:1; font-weight:800; text-transform:uppercase; color:#06C4A8; letter-spacing:-3px; text-indent:-5px; margin:0; }
.package h6 { display:block; font-size:40px; line-height:1; font-weight:400; text-transform:uppercase; margin:0 0 20px 0; }


.pricing { position:relative; padding:20px; background-color:#333; display:inline-block;  margin-top:40px; }
.price:before { content:"Price"; display:block; font-family: 'Poppins', sans-serif; font-size:14px; line-height:1; text-transform:uppercase; font-weight:700; color:#fff; }
.price { display:block; font-size:30px; line-height:1; text-transform:uppercase; font-weight:800; color:#06C4A8; }

.pricing.hospitality { background-color:#06C4A8; }
.pricing.hospitality .price:before { content:"*Hospitality Industry"; }
.pricing.hospitality .price { color:#fff; }
.pricing.hospitality.office .price:before { content:"*Our Special"; }



#features { position:relative; display:flex; flex-wrap: wrap; text-align:center }
.key_features { align-items:stretch; padding:4%; background:#f5f5f5; width:31.33333333333333%; margin:1%; border-radius:5px; /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/ }
.key_features h5 { font-size: 20px; margin: 0 0 20px 0; line-height: 1.2; }
.key_features p { font-size:14px; }
.key_features p:last-of-type { margin-bottom:0; font-size:14px; }

.key_features h5:before { font-family: "la-solid-900", "la-regular-400", "la-brands-400"; display:block; color: #06c4a8; font-weight:400; font-size:70px; line-height:1; margin-bottom:10px; }
.key_features h5.icon_hs:before { content: "\f87c"; }
.key_features h5.icon_lg:before { content: "\f030"; }
.key_features h5.icon_mfw:before { content: "\f10b"; }
.key_features h5.icon_tc:before { content: "\f141"; }
.key_features h5.icon_ssl:before { content: "\f023"; content: "\f23e"; }
.key_features h5.icon_form:before { content: "\f3fe"; }
.key_features h5.icon_wa:before { content: "\f232"; }
.key_features h5.icon_ttc:before { content: "\f2a0"; }
.key_features h5.icon_pop:before { content: "\f247"; }
.key_features h5.icon_weather:before { content: "\f743"; }
.key_features h5.icon_calendar:before { content: "\f073"; }
.key_features h5.icon_nb:before { content: "\f236"; }
.key_features h5.icon_su:before { content: "\f135"; }
.key_features h5.icon_cta:before { content: "\f0f3"; }
.key_features h5.icon_sn:before { content: "\f245"; }
.key_features h5.icon_sra:before { content: "\f005" ; }



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

#features { flex-direction:column; margin-top: 40px; }
.key_features { width:100%; margin: 3% 0; }

}

  

.portfolio { background:url(6.jpg) center no-repeat; background-size:cover; padding:10%; }
.portfolio h3 { color:#fff; text-align:left }
.portfolio h3:after { left:0; margin-left:0 }

.tooltipster-default { border-radius: 5px;background-color:rgb(51,51,51);color: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.3);}
.tooltipster-default .tooltipster-content { font-size: 12px; line-height:12px; padding: 10px; overflow: hidden; text-transform:uppercase;}
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible;}
.tooltipster-base .tooltipster-content { overflow: hidden;}

.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0;  height: 0; position: absolute;}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px;}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px;}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px;}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto;}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px;}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span { right: 6px;}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px;}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important;  border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px;}
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px;}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important;  border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px;}
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important;  border-right: 9px solid; margin-top: -8px;}

.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity;-ms-transition-property: opacity; 
transition-property: opacity; }
.tooltipster-fade-show { opacity: 1;}

.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}



.international { display:table; width:100%; padding: 8% 10%; background:url(earth.jpg) center center no-repeat; background-attachment:fixed; background-size:cover; }
.international div { display:table-cell; vertical-align:middle; }
.international h3 { color:#fff; }
.international p { color:#fff; max-width:70%; margin: 0 auto; text-align:center }

.content.faq { background:url(2.jpg) center bottom no-repeat; background-size:contain; padding-bottom:10% }

.content.contactus { background:url(4.jpg) left bottom no-repeat; }


#footer { position:relative; background:url(5.jpg) #30353b; padding:5%; text-align:center; clear:both; display:block; }
.credits { position:relative; font-size:14px; padding:30px; margin:0; background-color:#292D32; text-align:center; color:#fff }
/*.credits:after { position:absolute; left:0; bottom:-10px; display:block; width:100%; height:10px; background:url(strip.png) repeat-x; content:""; }*/




.contactreason { width:50%; padding:2%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contactreason a { display:block; text-align:center; width:100%; height:100%; background:#06C4A8;  padding:60px; color:#fff; font-family: 'Poppins', sans-serif; font-weight:600; font-size:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform:uppercase  }
.contactreason a span { font-size:16px; line-height:20px; display:block; margin-top:20px; text-transform:none }

.contactreason.requestquote a:before { font-family: "Flaticon"; content: "\f130"; display:block; font-weight:400; margin-bottom:20px; font-size:50px; }
.contactreason.generalenquiry a:before { font-family: "Flaticon"; content: "\f105"; display:block; font-weight:400; margin-bottom:20px; font-size:50px; }




.gallery { text-align:center; padding: 0 40px 40px 40px; }
.gallery a { position:relative; float:left; width:20%; padding-bottom: 25.5%; /* 16:9 ratio */ height: 0; overflow: hidden; border:5px solid #fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transform: translate3d(0,0,0) scale(1,1); -moz-transform: translate3d(0,0,0) scale(1,1); -webkit-transform: translate3d(0,0,0) scale(1,1); transform: translate3d(0,0,0) scale(1,1); }
/*.gallery a:before { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.3); content:""; z-index:1; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }*/


.gallery a img { display:block; width:100%; height:auto; position: absolute; display:block; top: 0; left: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;  }
.gallery a:hover img {}
.gallery a img, .gallery a img:hover { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -ms-interpolation-mode: bicubic; }

.gallery a:hover { border:5px solid #06C4A8; -ms-transform: translate3d(0,0,0) scale(1.1,1.1); -moz-transform: translate3d(0,0,0) scale(1.1,1.1); -webkit-transform: translate3d(0,0,0) scale(1.1,1.1); transform: translate3d(0,0,0) scale(1.1,1.1); -moz-box-shadow: 0 0 15px #a4a4a4; -webkit-box-shadow: 0 0 15px #a4a4a4; box-shadow: 0 0 15px #a4a4a4; z-index:2   }
.gallery a:hover:before { opacity:0; }


.gallery a:after { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0); content:""; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; }
.gallery a:hover:after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); content:""; }
.gallery:after { content:""; clear:both; display:block; width:100%; visibility:hidden; height:0; }




.accordion { max-width: 80%; margin: 0 auto 60px; border-top: 1px solid #d9e5e8; list-style:none }
.accordion li { border-bottom: 1px solid #d9e5e8; position: relative; }
.accordion li div { display: none; padding: 10px 40px 10px 0; }
.accordion a { width: 100%; display: block; cursor: pointer; font-weight: 700; font-size: 20px; padding:25px 30px 25px 0; text-indent: 0px; user-select: none; color:#333 }
.accordion a:after { width: 8px; height: 8px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; position: absolute; right: 10px; content: " "; top: 30px; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.accordion p { font-size: 16px; }

.accordion a.active { color:#06C4A8 }

.accordion a.active:after { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }






.button { position:relative; padding: 10px 15px; margin:20px 0; text-decoration:none; font-family: 'Poppins', Arial; font-size:14px; font-weight:300; color:#fff; text-align:center; background-color: #06C4A8; }
.button:after { font-family:"Flaticon"; content: "\f103";margin-left:10px; }
.button.directions:before { font-family:"Flaticon"; content: "\f110"; margin-right:10px; }
.button:hover { color:#fff; background-color:#30353b}

.button.large { width:100%; padding:50px 0; margin:40px 0; display:block; font-size:26px; line-height:26px; }


ul.list_style { position:relative; display:block; list-style:none}
ul.list_style li { position:relative; font-size:16px; padding: 6px 0 6px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd;}
ul.list_style li:before { position:absolute; left:0; font-family:"Flaticon"; content: "\f107"; color:#fff; background-color:#06C4A8; border-radius:50%; width:20px; height:20px; line-height:20px; font-size:12px; text-align:center  }

ul.list_style:after { content:""; width:100%; clear:both; height:0; visibility:hidden; display:block }

ol { list-style: none; margin:0; padding:0 }
ol li { position:relative; counter-increment: item; padding-left:60px; margin-bottom:40px;}
ol li:before { position:absolute; left:0; content: counter(item); background: #06C4A8; border-radius: 50%; color: white; width: 40px; height:40px; line-height:40px; text-align: center;}
ol h4 { padding-top:5px}


.section2 { padding-left:0; padding-right:0; padding-bottom:0; }

.tabs { display: table;  margin: 0 auto; }
.tabs ul.horizontal { list-style: none outside none;}
.tabs li { position:relative; display: inline-block; font-family: 'Poppins', sans-serif; font-size:17px;}
.tabs li a { position:relative; color: #333; display: block; font-size: 13px; font-weight: 600; padding: 14px 14px 20px; text-decoration: none;}
.tabs li a:before { font-family:"Flaticon"; color:#777; display:block; font-size:50px; line-height:50px; text-align:center; font-weight:normal; margin-bottom:10px; }
.tabs li a.tab-1:before { content: "\f112"; }
.tabs li a.tab-2:before { font-family: "la-solid-900"; content: "\f07a"; font-size:60px; line-height:50px; }
.tabs li a.tab-3:before { content: "\f124"; }
.tabs li a.tab-4:before { content: "\f106"; }
.tabs li a.tab-5:before { content: "\f110"; }
.tabs li a.tab-6:before { content: "\f10e"; }

/*.tabs li a.tab-1:before { content: "\f112"; }
.tabs li a.tab-2:before { content: "\f124"; }
.tabs li a.tab-3:before { content: "\f124"; }
.tabs li a.tab-4:before { content: "\f106"; }
.tabs li a.tab-5:before { content: "\f110"; }
.tabs li a.tab-6:before { content: "\f10e"; }*/


.tabs li a:hover, .tabs li a:hover:before, .tabs li.active a:before, .tabs li.active a {  color: #06C4A8 ;}
.tabs li.active a:after { position:absolute; bottom:-1px; left:50%; margin-left:-20px; z-index:2; content:""; width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent #ececec transparent; } 
.tabs_container > div:after { content:""; clear:both; display:block; width:100%;}


.tabs_container { background:#ececec; background-size:cover; padding:0 10%; color:#555; font-family: 'Poppins', sans-serif; font-weight:400; }
.tabs_container h4 { color:#555; font-size:26px; line-height:26px; font-weight:700 }

.tabs_container img { width:100%; height:auto }


.tabs_container .left_column { float:left; width:70%; padding:7% 3.5% 7% 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tabs_container .right_column { float:left; width:30%; padding:7% 7% 7% 3.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }




/*.tabs .link { color: white; font-size: 14px; font-weight: 300; letter-spacing: 1px; line-height: 48px; margin-top: 20px; margin-left: 6px; text-decoration: none; }
.tabs .link:hover { text-decoration: underline; color: inherit;}
.tabs .anchorlink { border-bottom: 1px dashed white; color: white; text-decoration: none;}
.tabs .anchorlink:hover { text-decoration: none; border-bottom: none; color: inherit;}
.tabs .prev, .tabs .next { background: white; color: #a0cac0; float: left; margin-right: 10px; margin-bottom: 10px; }
.tabs .prev:hover, .tabs .next:hover { background: #a0cac0; color: white ; }*/


/***************

Responsive idea

****************/

#tab-icon { display:none }















.contactdetails:after { clear:both; width:100%; display:block; visibility:hidden; margin-bottom:50px; content:""; }
.contactdetails p { margin:0; }
.contactdetails span { float:right }

.fieldleft { float:left; width:48%; margin:0 2% 0 0 }
.fieldright { float:right; width:48%; margin:0 0 0 2% }

.contact_form { text-align:left; clear:both; margin-top:20px; }
#contact { position:relative; text-align:left}
#contact img { border:none; background:none}
label { line-height: 25px; font-size: 18px; font-style:italic;}
input, textarea, select, subject {  width: 100%;  margin-bottom: 10px; padding: 20px; margin-bottom:20px; color: #333; border: none; font-size:24px; font-weight:800; background-color:#eee }
input:focus, textarea:focus, select:focus { background-color:#ddd;  -moz-box-shadow:0 0 0 #ddd; -webkit-box-shadow:0 0 0 #ddd ;box-shadow: 0 0 0 #ddd; outline: none; }
input.submit { width: 120px; cursor: pointer; background:#06C4A8; color:#fff; font-size:16px; font-weight:600; margin-bottom:50px;}
input.submit:hover { background:#30353b; }
input[type="submit"][disabled] { background:#888; cursor: default; }
span.required { font-size: 16px; color: #ff0000; }
.captcha_image { width:20% !important; height:auto !important; margin-bottom:20px; }
::-webkit-input-placeholder { color: #888;}
:-moz-placeholder { color: #888;}
::-moz-placeholder { color: #888;}
:-ms-input-placeholder { color: #888;}

.message { position:relative; padding:0; font-size:16px; color:#48810a;  margin-bottom:20px; }

.greenbox { padding: 30px; background: #d3ff9e;}
.greenbox:before { font-family:"Flaticon"; content: "\f107"; font-size:24px; line-height:24px; margin-right:10px; }
.greenbox b { font-size:24px; line-height:24px; }

.error_title { display: block; font-size:24px; line-height:24px; background: #FBE3E4; padding: 30px; color:#8a1f11;}
.error_title:before { font-family:"Flaticon"; content: "\f116"; font-size:24px; line-height:24px; margin-right:10px; }
ul.error_messages { margin: 0; padding: 10px 0 0 0; }
ul.error_messages li { font-size:14px; line-height:16px; padding-bottom:5px; text-transform:none; list-style:none; color:#444;}
ul.error_messages li:before { font-family:"Flaticon"; content: "\f135"; margin-right:10px; }

.closebox { position:absolute; top:10px; height:30px; line-height:30px; text-align:center; width:30px; right:10px; cursor:pointer; font-size:16px; }
.closebox:before { font-family:"Flaticon"; content: "\f135"; }

.loader { padding: 0 10px; }
#contact #success_page h1 { left no-repeat; padding-left:22px; background-color: #dcffb3; }
acronym { border-bottom:1px dotted #ccc; }


.scrollup { position:fixed; bottom:30px; right:30px; width:50px; height:50px; font-size:20px; line-height:50px; background-color:rgba(6,196,168,0.2); color:#fff; cursor:pointer; z-index:1; text-align:center; display:none; z-index:6; border-radius:4px;}
.scrollup:after { font-family:"Flaticon"; content: "\f104"; }
.scrollup:hover{ text-decoration:none; background-color:rgba(6,196,168,1);}







@media (min-width: 1023px) and (max-width: 1230px) {

.header .logo {  display:table-cell; vertical-align:middle; }


}

/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {

body { margin:0; }

H1 { position:relative; top:auto; left:auto}
.header { position:relative; top:auto; left:auto; display:block; }
.header .logo {  display:block; width:auto; height:auto; }
.header .logo img { margin:20px 0; float:none}
.menu_wrapper { float:none; margin-right:0px; }
.menu_wrapper .table { display: table;   /* Allow the centering to work */margin: 0 auto;  height:80px; }
.contact_bar { position:absolute; top:0; right:0;}

body.sticky .header .table { height:80px; }
body.sticky .header .table #menu li a:before { font-size:26px; line-height:26px; margin-bottom:10px; }
body.sticky .header .logo img { width:200px; height:auto }


}


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


.owl-carousel .caption1 .slide_title { padding-bottom:140px; }
.owl-carousel .caption1 .slide_title .line1 { font-size:62px; line-height:50px; }
.owl-carousel .caption1 .slide_title .line2 { font-size:33px; line-height:60px; }
.owl-carousel .caption1 .slide_title .line3 { font-size:14px; line-height:14px; }

.owl-carousel .caption2 .slide_title .line1 { font-size:70px; line-height:66px; }
.owl-carousel .caption2 .slide_title .line2 { font-size:20px; line-height:32px; }
.owl-carousel .caption2 .slide_title .line3 { font-size:24px; line-height:28px; }


@keyframes clouds { 50% {left:1781px;opacity:1} 51% {opacity:0;} 100% {opacity:0;left:-1781px;} }
.clouds { width: 1781px; height: 100%; position: absolute; overflow: hidden; top: 60px; left: -1781px; background:url(img/clouds.png) no-repeat; animation: clouds 30s linear infinite; }
.clouds-two { width: 1781px; height: 100%; position: absolute; overflow: hidden; bottom: 0px; left: -1781px; background:url(img/clouds.png) no-repeat; animation: clouds 45s linear infinite 15s;}
.clouds-three { width: 3562px; height: 100%; position: absolute; overflow: hidden; top: 0px; left: -3562px; background:url(img/clouds.png) repeat; animation: clouds 60s linear infinite;}


ul.tabs li {  font-size:16px; letter-spacing:-1px; padding: 15px 30px;}


}

@media screen and (min-width: 767px) {

	/* ensure #nav is visible on desktop version */
	#menu { display: block !important;}
	.horizontal { display:block !important }
}


@media (max-width: 767px) {


body { margin:0; }

H1 { display:none}
H2 { margin:0 0 0px 0; }
.header { position:relative; top:auto; left:auto; display:block; border-top:45px solid #fff }
.header .logo {  display:block; width:auto; height:auto; margin-top: 10px; }

.header .logo span { opacity:1; -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) scale(0.15,0.15);  -ms-transform: translate3d(0,30px,0) scale(1,1); -moz-transform: translate3d(0,30px,0) scale(1,1); -webkit-transform: translate3d(0,30px,0) scale(1,1); transform: translate3d(0,30px,0) scale(1,1); }
.header .logo img { -ms-transform: translate3d(0,-5px,0); -moz-transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }



.header .logo img { margin:20px 0; float:none}
.contact_bar { position:absolute; top:0; right:0; width:100%; background-color:#06C4A8}
.contact_bar #languages { position:relative; float:right;}

body.sticky .header .table { height:auto; width:90%}
body.sticky .header .table #menu li a:before { font-size:26px; line-height:60px; margin-bottom:10px; }
body.sticky .header .logo img { width:130px; height:auto }


.menu_wrapper { float:none; margin-right:0px; }
#menu-icon { position:relative; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight:800; text-transform:uppercase; color:#333; width: 90%; margin: 0 auto; text-align:center; line-height: 70px; cursor: pointer; display: block; /* show menu icon */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
#menu-icon:before { font-family:"Flaticon"; content: "\f113"; color:#30353b; position:absolute; left:0;  }
#menu-icon.active:before { color:#06C4A8; content:"\f135" }
#menu-icon.active { color:#06C4A8;}
.menu_wrapper .table { display: block; margin: 0 auto; height:auto; width:90% }
#menu { display:none; margin:0; width:100%;}
#menu li { float: none; width:100%; }
#menu li a {  display:block; float:left; width:100%; border-bottom:1px solid #ddd; height:60px; line-height:60px; padding: 0; text-align:left; font-size:15px; text-transform:none; border-right:none  }
#menu li a:before { font-family:"Flaticon"; display:block; float:left; color:#06C4A8; margin-right:20px; text-align:center; font-size:26px; line-height: 60px; font-weight:400 }
#menu li:hover > a { color:#30353b }
body#hom .hom, body#acc .acc, body#att .att, body#gal .gal, body#ter .ter, body#rev .rev, body#con .con { color:#30353b; }

.owl-carousel { height: calc(100vh - 218px); }
.owl-carousel .owl-controls .owl-dots { position:absolute; bottom:5%; right:5%; }

.owl-carousel .owl-controls .owl-nav {  bottom:5%; }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { width:48px; height:48px; line-height:48px; margin-right:7px;}


.horizontal { display:table; }
.tabs li { display:table-cell; text-align:center}
.tabs li a { font-size: 14px; line-height:16px; padding: 8px 8px 15px;}
.tabs li a:before { font-size:30px; line-height:30px; margin-bottom:15px; }
.tabs li.active a { background:#333; color:#fff; } 
.tabs_container { padding:7%; }
.tabs_container .left_column { float:none; width:100%; padding:0 0% 7% 0; }
.tabs_container .right_column { float:none; width:100%; padding:0%;}



.package1 { padding:10% 0; }
.package2 { padding:10% 0; }
.package3 { padding:10% 0; }

.package1 .left_column { width:100%; float:none; padding:10% 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.package1 .right_column { float:none; width:100%; }

.package2 .left_column { width:100%; float:none; }
.package2 .right_column { float:none; width:100%; padding:10% 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.package3 .left_column { width:100%; float:none; padding:10% 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.package3 .right_column { float:none; width:100%; }

.gallery { padding:0 6% 6% 6%; }
.gallery a { width:50%; padding-bottom: 60%;}
.gallery a:before { display:none}
.gallery a img { -ms-transform: translate3d(0,0,0) scale(1,1); -moz-transform: translate3d(0,0,0) scale(1,1); -webkit-transform: translate3d(0,0,0) scale(1,1); transform: translate3d(0,0,0) scale(1,1);  }


.international { padding:10% 6%; width:100%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.international p { width:100%; max-width:100%; }

.accordion { max-width:100%; }

.contactreason { width:100%; padding:2%; float:none;}
.contactreason a { padding:40px; }

.fieldleft, .fieldright { float:none; width:100%; margin:0 }

.button { padding: 10px 10px; font-size:14px}

.request_quote { padding:7%;}
.request_quote h4 { font-size:20px; line-height:20px; width:100%; margin-bottom:20px; }
.request_quote p { font-size:13px; line-height:13px; width:100%; }
.request_quote a { position:relative; right:auto; top:auto; margin-top:0; font-size:13px; line-height:13px; padding:10px; }


.introduction img { float:none; margin:0 0 20px 0; width:100%;}

.quoteform { padding:15% 5%;}

.scrollup { right:0; border-left:1px solid #fff; }

}


@media (max-width: 600px) {

.owl-carousel .caption1 .slide_title { padding-bottom:320px; }
.owl-carousel .caption1 .slide_title .line1 { font-size:35px; line-height:30px; letter-spacing:0; }
.owl-carousel .caption1 .slide_title .line2 { font-size:16px; line-height:28px; letter-spacing:0; }
.owl-carousel .caption1 .slide_title .line3 { font-size:12px; line-height:20px; }

.owl-carousel .caption2 .slide_title .line1 { font-size:54px; line-height:54px;  letter-spacing:0; }
.owl-carousel .caption2 .slide_title .line2 { font-size:14px; line-height:24px; letter-spacing:0; }
.owl-carousel .caption2 .slide_title .line3 { font-size:20px; line-height:24px; }

h3 { font-size:44px; line-height:44px; }
h4 { font-size:20px; line-height:20px;}

.introduction { padding:6%; }

ul.list_style li { width: 100%; float:none;}

ul.tabs { margin-bottom:5px;}
ul.tabs .centertabs { width:100% }
ul.tabs li {  font-size:14px; padding: 15px 15px; width:100%; margin-bottom:5px; border:none; transform: translate3d(0,0,0);}
ul.tabs li:first-child { border:none;}

ul.tabs li:hover { background-color: #e5e5e5; color: rgb(3,3,3); color: rgba(3,3,3,0.5);}
ul.tabs li.active { position:relative; background-color: #06C4A8; color: #fff; border:none; }
ul.tabs li.active:first-child {border:none;}
ul.tabs li.active:last-child { border:none;}

.package h5 { font-size:64px; line-height:56px; word-break: break-all; }
.package h6 { font-size:30px; line-height:30px; }


.map { height:250px ; }
.contact_left, .contact_right { position:relative; width:100%; float:left; text-align:center }



}

@media (max-width: 500px) {




h3 { font-size:34px; line-height:34px; }
.contactdetails span { float:none }

.error_title { font-size:16px; background: url(img/icon-warning-sign.png) no-repeat -30px -10px #FBE3E4; padding: 30px 20px 100px 20px; }
.error_title:hover { padding: 30px 20px 100px 20px; }
ul.error_messages li { background:url(img/icon-cross.png) 10px center no-repeat;}
.closebox { display:block; position:absolute; bottom:20px; margin-bottom:0; height:50px; width:50px; left:50%; margin-left:-25px; cursor:pointer }
.greenbox { padding:30px 0 100px 0; text-align:center; background:url(img/success.png) 20px 20px no-repeat #ecffd5 }

.captcha_image { width:50%; height:auto }

.two_third { padding: 3%;}

}

@media (max-width: 300px) {
body { overflow-x: visible  }



}