/*
Theme Name: Twenty Thirteen Childs
Theme URI: https://wordpress.org/themes/twentythirteen/
Template: twentythirteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Tags: blog,one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,footer-widgets,microformats,post-formats,rtl-language-support,sticky-post,translation-ready,accessibility-ready
Version: 3.1.1601529714
Updated: 2020-10-01 05:21:54

*/

/*Load Settings*/
.no-scroll-y {
	overflow-y: hidden;
}
  #preloader-section{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


/* Preloader */
.ctn-preloader {
-webkit-box-align: center;
		align-items: center;

/* Show or Hide cursor when hover of Preloader*/
cursor: none;

display: -webkit-box;
display: flex;
height: 100%;
-webkit-box-pack: center;
	  justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
}

.ctn-preloader .animation-preloader {
position: absolute;
z-index: 100;
}

/* Spinner loading */
.ctn-preloader .animation-preloader .spinner {
-webkit-animation: spinner 1s infinite linear;
	  animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgb(193 193 193 / 37%);
border-top-color: #dfdfdf; /* It is not identified in alphabetical order so that it does not overwrite it */
height: 9em;
margin: 0 auto 3.5em auto;
width: 9em;
}

/* Text Loading */
.ctn-preloader .animation-preloader .txt-loading {
font: bold 5em 'Montserrat', sans-serif;
text-align: center;
-webkit-user-select: none;
   -moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
-webkit-animation: letters-loading 4s infinite;
	  animation: letters-loading 4s infinite;
color: #ffffff;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: rotateY(-90deg);
	  transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
color: #ffffff;
position: relative;
}

/* Letters Animation */
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
-webkit-animation-delay: 0.2s;
	  animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
-webkit-animation-delay: 0.4s;
	  animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
-webkit-animation-delay: 0.6s;
	  animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
-webkit-animation-delay: 0.8s;
	  animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
-webkit-animation-delay: 1s;
	  animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
-webkit-animation-delay: 1.2s;
	  animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
-webkit-animation-delay: 1.4s;
	  animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
-webkit-animation-delay: 1.6s;
	  animation-delay: 1.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
-webkit-animation-delay: 1.8s;
	  animation-delay: 1.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
-webkit-animation-delay: 2s;
	  animation-delay: 2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(12):before {
-webkit-animation-delay: 2.2s;
	  animation-delay: 2.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(13):before {
-webkit-animation-delay: 2.4s;
	  animation-delay: 2.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(14):before {
-webkit-animation-delay: 2.6s;
	  animation-delay: 2.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(15):before {
-webkit-animation-delay: 2.8s;
	  animation-delay: 2.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(16):before {
-webkit-animation-delay: 3s;
	  animation-delay: 3s;
}

/* Loader section Settings */
.ctn-preloader .loader-section {
background-color: #000000;
height: 100%;
position: fixed;
top: 0;
width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
left: 0;
}

.ctn-preloader .loader-section.section-right {
right: 0;
}

/* Fade effect in loading animation */
.loaded .animation-preloader {
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}

/* Curtain effect */
.loaded .loader-section.section-left {
-webkit-transform: translateX(-101%);
	  transform: translateX(-101%);
-webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

.loaded .loader-section.section-right {
-webkit-transform: translateX(101%);
	  transform: translateX(101%);
-webkit-transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
transition: 3.5s 0.1s all cubic-bezier(0.1, 0.1, 0.1, 2.000);
}

/* Preloader Animation */
@-webkit-keyframes spinner {
to {
	-webkit-transform: rotateZ(360deg);
			transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
	-webkit-transform: rotateZ(360deg);
			transform: rotateZ(360deg);
}
}

/* Animation of the letters loading from the preloader */
@-webkit-keyframes letters-loading {
0%,
75%,
100% {
  opacity: 0;
-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
}

25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
  opacity: 0;
-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
}

25%,
50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
}
}

/* Backward laptop size (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
/* Preloader */
/* Spinner Loading */	
.ctn-preloader .animation-preloader .spinner {
	height: 8em;
	width: 8em;
}

/* Text Loading */
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 3.5em 'Montserrat', sans-serif;
}
}

@media screen and (max-width: 500px) {
/* Prelaoder */
/* Spinner Loading */
.ctn-preloader .animation-preloader .spinner {
	height: 7em;
	width: 7em;
}

/* Text Loading */
.ctn-preloader .animation-preloader .txt-loading {
  font: bold 2em 'Montserrat', sans-serif;
}
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{
	animation-duration: 0.8s;
	transition: 0.8s;
	position: absolute;
    width: 100%;
    z-index: 1;
}
.innerp-header {
    position: relative !important;
    background-color: #000000;
}
#header.is-fixed {
    background-color: #000066;
}
.home #header.is-fixed {
    background-color: #fffffffa;
}
#header.is-fixed {
    position: fixed;
    z-index: 100;
    animation-name: stickySlideDown;
    padding: 0;
    transition: none;
    width: 100%;
}
.header_left a {
font-size: 50px;
    color: #00CCFF;
    position: relative;
    display: inline-block;
    font-family: 'LEELAWDB';
    line-height: 70px;
    margin-top: 20px;
}

.header_left a.call_btn i {
    font-size: 23px;
    margin-right: 8px;
}
.header_left a.call_btn span {
    line-height: 30px;
    margin-top: -6px;
    display: inline-block;
}
.header_left a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .9s cubic-bezier(.19,1,.22,1);
    transition: transform .9s cubic-bezier(.19,1,.22,1);
    transition: transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1);
}
.header_left a:hover::after {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.header_left a img {
    margin-right: 12px;
}
.header_logo.col-md-4 {
    text-align: center;
}

  .main-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden; height:0;
	transition: .8s ease;}
.nav-open .main-menu {opacity: 1;
    visibility: visible;
    bottom: 0;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 0 102 / 78%), hsl(240deg 100% 20% / 78%)), url(/wp-content/uploads/2020/10/iStock-1164803911.png);
    background-repeat: no-repeat;
    background-size: cover;}
.main-menu .nav li a{
    color: #FFF;
    font-size: 25px;
    line-height: 58px;
    text-transform: uppercase;
    padding: .5rem 0rem;
    font-family: 'LEELAWDB';
    display: inline-block;
    position: relative;
 }
 .main-menu .nav li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .9s cubic-bezier(.19,1,.22,1);
    transition: transform .9s cubic-bezier(.19,1,.22,1);
    transition: transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1);
}
.main-menu .nav li a:hover::after {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.main-menu .nav li{
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .main-menu .nav li{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
	transition: transform .2s,opacity .2s;
    float: left;
    margin-right: 100px;
}
.nav ul{
	list-style: none;
    padding: 0px;
    float: left;
    width: 100%;
}
ul.sub-menu {
    padding-left: 28px;
    display: none;
}
.main-menu .nav li ul li a {
    font-size: 20px;
    line-height: 36px;
    font-weight: normal;
    text-transform: capitalize;
}

.main-menu .nav li:nth-child(1){-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li:nth-child(2){-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li:nth-child(3){-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li:nth-child(4){-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li:nth-child(5){-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li:nth-child(6){-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.:nth-child(7){-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }

.main-menu .nav li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
.main-menu .nav li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
.main-menu .nav li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.main-menu .nav li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
.main-menu .nav li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
.main-menu .nav li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
.main-menu .nav li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
.main-menu .nav li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.main-menu .nav li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

.nav-button{      position: relative;
    z-index: 1111;
    height: 155px;
    display: block;
    width: 90px;
    padding: 12px;
    background: #000066;
    margin-right: -14px !important;
    margin-top: -32px;
    border: 1px solid #FFFFFF;
    text-align: center;	}
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#FFFFFF;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px; width: 70%; right: 0;left: auto;}
.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}
.overlay-menu {
    margin-top: 100px;
    padding-bottom: 40px;
}
.booking_inner {
    position: absolute;
    bottom: 0px;
    padding-left: 25px;
}
.overlay_details {
    margin-top: 30px;
}
.overlay_details p, .overlay_details p a {
    font-size: 12px;
    line-height: 24px;
    color: #808080;
    margin: 0px;
}
.booking_inner .header_left, .booking_inner .overlay_details {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
    animation-timing-function: cubic-bezier(.45,.005,0,1);
}
.nav-open .header_left, .nav-open .overlay_details  {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
}
.nav-open .header_left.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
.nav-open .overlay_details.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }
#nav-icon3 p{
    writing-mode: vertical-rl;
    margin: 12px 0px 0px -4px;
    color: #fff;
    font-family: 'LEELAWAD';
    font-size: 28px;
}
#nav-icon3 img{
	    margin-top: 8px;
}
.nav-open  #nav-icon3 img, .nav-open  #nav-icon3 p {
	opacity:0;
}
#nav-icon3 span{
	opacity:0 !important;
}
.nav-open #nav-icon3 span{
	opacity:1 !important;
}
.p-0{
	padding:0px;
}
.navbar{
	padding:0px;
}
.nav-open .nav-button {
    background: transparent;
    border: 1px solid transparent;
}
.nav-open .nav-button {
    margin-top: 50px;
    margin-right: 40px !important;
}
.is-fixed #nav-icon3 p {
    margin: 12px 0px 0px 1px;
    font-size: 21px;
}
.is-fixed .logo img {
    padding: 0px;
    width: 150px;
}
.is-fixed .nav-button {
    height: 130px;
}
.contact_inner{
	display: inline-flex;
}
.call-open p{
font-family: 'LEELAWDB';
font-size:17px;
color:#fff;	
    margin-bottom: -8px;
}
.call-open a{
font-family: 'LEELAWAD';
font-size:13px;
color:#fff;		
}
.border-line{
	border-bottom: 1px solid #fff;
	width:80%;
	margin:-10px 0px 20px;
}
.call-open{
	    margin-left: 20px;
}
@font-face {
    font-family: 'Comfortaa-Bold';
    src: url(/wp-content/themes/twentythirteen/fonts/Comfortaa-Bold.ttf);
}
@font-face {
    font-family: 'LEELAWAD';
    src: url(/wp-content/themes/twentythirteen/fonts/LEELAWAD.TTF);
}
@font-face {
    font-family: 'LEELAWDB';
    src: url(/wp-content/themes/twentythirteen/fonts/LEELAWDB.TTF);
}
@font-face {
    font-family: 'LeelawUI';
    src: url(/wp-content/themes/twentythirteen/fonts/LeelawUI.ttf);
}
@font-face {
    font-family: 'LeelUIsl';
    src: url(/wp-content/themes/twentythirteen/fonts/LeelUIsl.ttf);
}
@font-face {
    font-family: 'Aller_Rg';
    src: url(/wp-content/themes/twentythirteen/fonts/Aller_Rg.ttf);
}
.contact-top{
	text-align:center;
}
.logo img{
	padding: 27px 0px 0px;
}
.space-section {
/*	margin-bottom:80px;*/
margin-bottom: 40px !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
.menu-heading h1{
		font-family: 'LEELAWDB';
	font-size:50px;
	line-height:70px;
	color:#fff;
}
/* home page css */

.bg-image {
	width:100%;
    min-height: 0 !important;
    height: 500px !important;
}
.bg-image-top{	
    margin-top: -480px;
    position: absolute;
}
.scrol {
    position: relative;
    margin-top: -440px;
    margin-left: 33px;
}

@media only screen and (min-width: 426px) and (max-width: 768px){
    .bg-image-top,
    .scrol {
        display: none;
    }
}
.banner-top-image{
	margin-top: -94px;
    border-left: 20px solid #00CCFF;
    border-top: 20px solid #00CCFF;
    margin-left: 20px;
}
.banner-text h1{
	font-family: 'LEELAWDB';
	font-size:50px;
	line-height:70px;
	color:#000066;
}
.banner-text{
	margin-top: -300px;
    padding: 0px 150px 50px 20px;
}
.banner-btn span{
    font-size: 32px !important;
}
.banner-btn{
	margin-top: 40px;
}
.about-text h2{
	font-family: 'LEELAWDB';
	font-size:40px;
	line-height:50px;
	color:#000066;
}
.about-text p{
	font-family: 'LEELAWAD';
	color:#181818;
	font-size:18px;
}
.pd-right{
		padding-right: 323px;
}
 
 .button12 {
  cursor: pointer;
  background-color: #000;
  width: 330px;
  height: 64px;
  line-height: 64px;
  position: relative;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 0;
  background: #101010;
padding: 20px 40px 16px;
}
.button12 span {
	   font-family: 'Comfortaa-Bold';
    font-size: 26px;
  color: #fff;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}

.button12:before,
.button12:after {
  content: '';
  background: #00CCFF;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition:0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button12:before {
  top: 0;
  left: 0;
  right: auto;
}
.button12:after {
  bottom: 0;
  right: 0;
  left: auto;
}
.button12:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}
.button12:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}
.button12:hover span {
  color: #fff;
}
a:hover{
	text-decoration:none;
}

.area-side{
    background: url(/wp-content/uploads/2021/01/Mask-Group-73.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    height: 478px;
	padding: 60px 137px 50px 30px;
}
.nz-bg{
    background: #00CCFF;
    margin-right: 10px;
    height: 332px;
    width: 224px;
}
.nz-bg img{
    opacity: 0.2;
    width: 100%;
    height: 332px;
}
.country-list{
	    display: inline-flex;
		    margin-top: 145px;
    margin-left: -120px;
}
.nz-bg h2{
    margin-top: -62px;
    font-family: 'Comfortaa-Bold';
    font-size: 28px;
    color: #fff;
    position: relative;
    text-align: left;
    margin-left: 14px;
}
.area-side 3{
    font-family: 'Comfortaa-Bold';
    font-size: 30px;
    color: #101010;	
}
.area-side h2{
    font-family: 'Comfortaa-Bold';
    font-size: 32px;
    color: #000066;	
	margin: 30px 0px;
	line-height: 40px;
}
p{
	font-family: 'LEELAWAD';
color:#181818;	
font-size:18px;
}
.country-list:before{
    content: url(/wp-content/uploads/2020/10/Background-1.png);
    position: absolute;
    top: -110px;
    right: -70px;
    z-index: -1;
}
.blue-dark{
	background: #000066;
}
.nz-bg:before{
    content: url(/wp-content/uploads/2020/10/Group-642.png);	
	    position: absolute;
    z-index: 9;
}
.arrow-top:before{
content: url(/wp-content/uploads/2020/10/icon.png);
    position: absolute;
    z-index: 9;
    margin-left: 167px;
    margin-top: -11px;
}

.nz-loan h2{
font-family: 'LEELAWDB';
    font-size: 40px;
    color: #000066;		
}
.list-style li{
font-family: 'LEELAWDB';
    font-size: 18px;
    color: #181818;
    list-style: none;
    margin-bottom: 20px;
}
.list-style li:before{
    content: url(/wp-content/uploads/2020/10/icon-1.png);
    position: absolute;
    margin-left: -43px;
    margin-top: -4px;
}
.car-image{
    position: absolute;
    left: -206px;
    bottom: -30px;
}
.left-image{
right: 0px;
    position: absolute;
    z-index: -1;
    top: -92px;
	background: #000066;
	height: 657px;
}
.left-image img{
	opacity: 0.4;
    height: 657px;
}
.car-image img{
	width: 90%;
}
.nz-loan{
padding: 0px 436px 0px 77px;
}
.list{
margin: 30px 0px 0px 80px;
}
.mrg-bottom{
	margin-bottom: 40px;
}
.left-image:before{
    content: url(/wp-content/uploads/2020/10/Group-642.png);	
	    position: absolute;
    z-index: 9;	
}

.we-listen{
background: #000066;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
    padding: 55px 47px 55px 187px;
    margin-top: 12px;
}
.we-listen:before{
     content: "";
    background: #030341;
    position: absolute;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 78px;
    height: 61px;
    top: 8px;
    left: 66px;
}
.we-listen p{
	color:#fff;
}
.every-step img{
    width: 121.3%;
    margin-top: 50px;
    z-index: 9;
    position: relative;
}
.call a{
	color:#00CCFF;
font-family: 'LEELAWDB';
    font-size: 35px;
    margin-top: 0px;
    line-height: normal;
}
.we-listen:after{
    content: url(/wp-content/uploads/2020/10/line.png);	
	    position: absolute;
    z-index: 9;	
	left: 50px;
}
.step h2{
	color:#000066;
font-family: 'LEELAWDB';
    font-size: 40px;	
}
.step {
	    text-align: center;
    margin-bottom: -40px;
}
 h2{
	color:#000066;
font-family: 'LEELAWDB';
    font-size: 40px;
line-height:50px;	
}
.ps-image{
background: url(/wp-content/uploads/2021/01/bg.jpg);
    padding: 50px 0px 50px 50px;
    background-repeat: no-repeat;
    background-size: contain;	
}
.logo-heading{
	display: inline-flex;
	    margin-bottom: 15px;
}
.ps-image img{
	margin-left: 70px;
    border: 10px solid #fff;
}
.logo-heading img{
    width: 195px;
    height: 123px;	
}
.logo-heading h2{
	margin-top: 84px;
}
.ps-text{
	    padding: 0px 73px 0px 17px;
}
.space-btn{
	    margin-top: 25px;
}
.company-image img{
	width:100%;
	border-left: 21px solid #00CCFF;
}
.company-image:after{
    content: "";
    width: 580px;
    height: 21px;
    background: #00CCFF;
    position: absolute;
    bottom: 36px;
    left: 15px;
}
.cv-image{
	position: absolute;
}
.company-text{
padding-right: 55px;
}
.home-logo {
	display:none !important;
}
.home .home-logo {
	display:block !important;
}
.home .inner-logo {
	display:none;
}

/* footer css */

.footer-contact{
	background: linear-gradient(0deg, rgb(0 0 102 / 78%), hsl(240deg 100% 20% / 78%)), url(/wp-content/uploads/2021/01/Mask-Group-78.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-repeat: no-repeat;
/*padding: 50px 0px 40px;*/
padding: 30px !important;
	    box-shadow: 0px -4px 9px 0px #0000007a;
}
.today-contact h2{
	color:#fff;
	padding-right: 65px;
}
.today-call a{
	    font-family: 'Comfortaa-Bold';
    font-size: 70px;
    color: #fff;
	line-height:80px;
}
.today-call{
text-align: center;
    margin-top: -7px;
}
.today-contact:after{
    content: url(/wp-content/uploads/2020/10/line.png);
    position: absolute;
    z-index: 9;
    right: -45px;
    margin-top: -16px;
}
.ft-bg{
    background: #181818;
    padding: 30px;
    padding-bottom: 80px;
}
.copyright a , .copyright p{
	color:#fff;
	font-family: 'Aller_Rg';
	font-size:16px;
}
.footer-content a , .footer-content p{
	color:#fff;
	font-family: 'Aller_Rg';
	font-size:20px;	
}
.copyright i{
	color:#00CCFF;
}
.footer-content{
	margin-top: 35px;
    border-bottom: 1px solid #00CCFF;
    margin-bottom: 20px;
}
.apply{
	text-align: center;
}
.apply a{
	border: 1px solid #00CCFF;
    padding: 10px 20px;
    font-size: 26px;
        background: #00CCFF;
        font-size: 22px !important;
        transition: all 0.2s !important;
}

.address{
	text-align: right;
}
.footer-content img{
	padding-right: 10px;
}
.apply a:hover{
	border: 1px solid #000066;
    background-color: #000066;
    transition: all 0.2s !important;
}

/* sub pages */

.sub-banner {
background: #000066;
/*    height: 350px;	*/
    height: 200px;
    overflow: hidden;
}
.sub-banner img{
	opacity: 0.4;
    height: 350px;
    object-fit: cover;
}
.breadcrumb {
    background: transparent;
    font-family: 'LEELAWAD';
    font-size: 28px;
    color: #fff;
    margin-top: -111px;
}
.breadcrumb a{
    color: #fff;
}
.call1 a {
    font-size: 30px;
}

/*leisure page css */

.insured-image:after{
    content: url(/wp-content/uploads/2020/10/blue-line.png);
    position: relative;
    bottom: 68px;
}
.insured-image{
	margin-top: 50px;
}
.font-fmly li {
    font-family: 'LEELAWAD';
}
.ain-image img{
	width:100%;
}
.Debt{
	margin-bottom: 40px;
}


.slideshow{
	    margin-right: -50px;
}

.slideshow .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}
.slideshow .item img {
	height:400px;
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.2) translate(0px);
  }
}

.slick-dotted button {
    list-style: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
    transition: 0.5s;
}
.slick-dotted .slick-next {
    border: solid 1px #000066;
    background: #000066;
}

.slick-dotted .slick-prev {
    border: solid 1px #00CCFF;
    background: #00CCFF;
}
.slick-prev::before {
    content: "\ea1a";
	    font-family: 'boxicons'!important;
		    font-size: 35px;
    color: #fff;
}
.slick-next::before {
    content: "\ea1d";
	    font-family: 'boxicons'!important;
		    font-size: 35px;
    color: #fff;
}
.slick-prev, .slick-next {
    top: auto;
    bottom: 0%;
    right: 0%;
}
.slick-prev {
    left: 83%;
    z-index: 9;
}
.easy-text {
    padding: 0px 17px 0px 73px;
}



/* Complience-page css */

.mrg-0 h2{
	
    margin-top: 0px;

}
.cost-image{
    background: url(/wp-content/uploads/2021/01/bg.jpg);
    padding: 0px 0px 50px 50px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 100px;
}
.cost-image img{
	    margin-top: -56px;
    border: 10px solid #fff;
}
.space-call{
	    margin-top: 30px;
    text-align: right;
    margin-right: 40px;
}
.right-side{
	    text-align: right;
    margin-right: 40px;
}
.right-side span{
	color:#000;
}
.right-side .button12{
	background:#fff;
}
.legist-text a{
	color:#00CCFF;
}
.legist-text h3{
	color:#181818;
	font-family: 'LEELAWDB';
    font-size: 20px;
}

/* Contact-page css */

.contact-image .call-open1 p {
    font-family: 'LEELAWDB';
    font-size: 25px;
    color: #181818;
    margin-bottom: -8px;
}

.contact_inner1 {
    display: inline-flex;
}
.call-open1 {
    margin-left: 20px;
}
.contact-image .call-open1 a {
    font-family: 'LEELAWAD';
    font-size: 20px;
    color: #181818;
}
.contact-form{
	    border-top: 2px solid #000066;
    margin: 30px 0px;
}
.pd-80{
	    padding: 0px 80px;
}

.contact-form .gfield_required {
    display: none;
}
.contact-form input , .contact-form textarea {
    background: #F0F0F0;
    padding: 20px !important;
    border: 0px;
    margin-bottom: -30px;
}
.contact-form input[type=submit] {
    background: #181818;
    color: #fff;
    font-family: 'LEELAWAD';
    font-size: 20px !important;
padding: 10px 20px !important;
    margin-top: 20px !important;
}
@media only screen and (min-width: 426px) and (max-width: 768px){
	.slick-prev {
    left: 62%;
}
	.slick-prev, .slick-next {
    right: 10%;
}
	.call-open1 {
    margin-left: 0px;
}
	.contact_inner1 {
    display: block;
}
	.apply {
    margin-top: 20px;
}
	.footer-logo{
		margin-top: 50px;
	}
	.we-listen {
    padding: 55px 10px 55px 87px;
    clip-path: none;
}
	.car-image {
    bottom: -63px;
}
	.left-image {
    top: 0px;
}
	.list {
    margin: 30px 0px 0px 0px;
}
	.nz-loan {
    padding: 0px 0px 0px 0px;
}
	.country-list {
    margin-top: 365px;
    margin-left: -291px;
}
	.nz-bg h2 {
    font-size: 20px;

}
	.nz-bg img {
    height: 260px;
}
	.nz-bg {
    height: 260px;
}
	.area-side {
    padding: 60px 50px 50px 30px;
}
	.area-side h2 {
    font-size: 20px;
    line-height: 24px;
}
	.pd-right {
    padding-right: 0px;
}
	.header_left a {
    font-size: 34px;
}
	.banner-text h1 {
    font-size: 30px;
    line-height: 35px;
}
	.company-text {
    padding-right: 0px;
}
	.logo-heading img {
    width: 160px;
    height: 100px;
}
	.logo-heading h2 {
    margin-top: 17px;
}
	.ps-image img {
    margin-left: 0px;
    width: 100%;
}
.today-contact h2 {
    padding-right: 0px;
}
.button12 {
    padding: 15px 15px 15px;
}
.button12 span {
    font-size: 14px;
}
.header_menu{
	    margin-top: -250px;
}
.banner-text {
    padding: 0px 10px 10px 10px;
    margin-top: -263px;
}
.banner-top-image {
    margin-left: 0px;
    width: 100%;
}
#wprmenu_bar .bar_logo {
    height: 55px;
    margin-top: -12px;
}
#header.is-fixed {
    display: none;
}
.admin-bar #wprmenu_menu_ul {
    margin-top: 60px;
}
.contact-top {
    margin-top: 40px;
}
.country-list:before, .today-contact:after, .we-listen:before, .we-listen:after, .company-image:after{
	display:none;
}	
.scrol a{
    display: none;
}
.bg-image-top {
    display: none;
}
.scrol {
    margin-top: -178px;
}
.today-contact h2 {
    padding-right: 0px;
}
.insured-image img{
	width:100%;
}
.cost-image img {
    width: 100%;
}
}

@media only screen and (max-width: 425px){
	.cvf .button12 span {
    font-size: 14px !important;
}
	.contact-image{
		margin-bottom: 20px;
	}
	.pd-80 {
    padding: 0px 10px;
}
	.cost-image img {
    width: 100%;
}
	.easy-text {
    padding: 0px 17px 0px 10px;
}
	.slick-prev, .slick-next {
    right: 14%;
}
	.slick-prev {
    left: 60%;
}
	.slideshow .item img {
    width: 90%;
}
	.left-image {
    height: 357px;
}
	.left-image img {
    height: 357px;
}
	.left-image img {
    width: 100%;
}
	.logo-heading h2 {
    margin-top: 14px;
}
	.ps-image {
    padding: 50px 20px 50px 20px;
}
	.step {
    margin-top: 40px;
}
	.step h2 {
    font-size: 30px;
}
	.left-image {
    position: relative;
    top: 92px;
}
	.banner-text h1 {
    font-size: 33px;
    line-height: 47px;
}
.banner-text {
    margin-top: -265px;
}
.scrol {
    margin-top: -580px;
}
.bg-image {
    height: 800px;
    object-fit: cover;
}

.bg-image-top {
    display: none;
}
.banner-top-image {
    margin-left: 0px;
	    width: 100%;
	    margin-top: -50px;
}
.scrol a{
    display: none;
}
.header_left a {
    font-size: 36px;
    color: #00CCFF;
    line-height: 52px;
    margin-top: 12px;
}
.pd-right {
    padding-right: 0px;
}
.country-list:before, .today-contact:after, .we-listen:before, .we-listen:after{
	display:none;
}
.country-list {
    display: block;
	    margin-top: 45px;
    margin-left: 0px;
}
.nz-bg {
    height: 332px;
    width: 224px;
    margin-bottom: 20px;
    margin: 30px auto;
}
.area-side {
    padding: 60px 20px 20px 30px;
}
.nz-loan {
    padding: 0px 0px 0px 0px;
}
.list {
    margin: 30px 0px 0px 0px;
}
.car-image {
    position: relative;
    left: 0px;
    bottom: -30px;
}
.ps-image img {
    margin-left: 0px;
	width: 100%;
}
.company-image:after {
    content: "";
    width: 354px;
}
.every-step img {
    width: 100%;
}
.we-listen {
    clip-path: none;
	padding: 20px 20px 20px 20px;
}
.company-text {
    padding-right: 0px;
}
.copyright a, .copyright p {
    text-align: center;
}
.apply {
    margin: 30px 0px;
}
.address {
    text-align: center;
}
.mail, .footer-logo{
    text-align: center;	
}
.today-contact h2 {
    padding-right: 0px;
}
.button12 {
    padding: 15px 15px 15px;
}
.button12 span {
    font-size: 18px;
}
.header_menu{
	    margin-top: -250px;
}
.banner-text {
    padding: 0px 10px 10px 10px;
}
#wprmenu_bar .bar_logo {
    height: 55px;
    margin-top: -12px;
}
#header.is-fixed {
    display: none;
}
.admin-bar #wprmenu_menu_ul {
    margin-top: 60px;
}
.contact-top {
    margin-top: 40px;
}
.today-contact h2 {
    padding-right: 0px;
}
.insured-image img{
	width:100%;
}
}

@media only screen and (min-width: 800px) and (max-width: 1024px){
	.cost-image img {
    width: 100%;
}
	.button12 {
    padding: 20px 30px 16px;
}
	.logo-heading h2 {
    margin-top: 18px;
}
	.ps-image img {
    margin-left: 0px;
    width: 100%;
}
	.today-contact h2 {
    padding-right: 0px;
}
	.footer-logo{
		margin-top:30px;
	}
.copyright a, .copyright p {
    font-size: 12px;
}
h2 {
    font-size: 38px;
}	
.company-image:after, .we-listen:before{
	display:none;
}
.step h2 {
    font-size: 35px;
}
.we-listen {
    padding: 55px 10px 55px 112px;
}
.company-text {
    padding-right: 0px;
}
.area-side {
    padding: 60px 76px 50px 30px;
}
.nz-loan {
    padding: 0px 436px 0px 0px;
}
.list {
    margin: 30px 0px 0px 0px;
}
.scrol {
    margin-top: -240px;
}
.bg-image-top {
    margin-top: -280px;
}
.banner-top-image {
    margin-top: -494px;
    width: 100%;
}
.banner-text h1 {
    font-size: 45px;
    line-height: 50px;
}
.banner-text {
    margin-top: -284px;
    padding: 0px 10px 50px 50px;
}
.pd-right {
    padding-right: 0px;
}
.bg-image-top img{
	width:100%;
}
.about-text {
	padding: 0px 0px 0px 90px;
    margin-top: -170px;
}
.insured-image img{
	width:100%;
}
}



.nav-button,
.nav-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-button::before,
.nav-button::after {
    background: #0cf;
    content: '';
    position: absolute;
    z-index: -1;
}

.nav-button:hover {
  color: #2ecc71;
}
.nav-button::after {
    height: 100%;
    left: 0%;
    top: 0;
    transform: skew(0deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
    bottom: 43px;
}

.nav-button:hover:after {
  height: 100%;
  width: 135%;
}
.nav-button{
	cursor:pointer;
}
.nav-open .nav-button::before,
.nav-open .nav-button::after{
	background:transparent;
}

.ps-image figure , .cost-image figure {
	position: relative;
}
.ps-image figure::before , .cost-image figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.ps-image figure:hover::before , .cost-image figure:hover::before{
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 80%;
		height: 100%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 80%;
		height: 100%;
		opacity: 0;
	}
}
/* 90% screen */
@media only screen and (max-width: 1600px) and (min-width: 1400px){
    .ps-image img {
    margin-left: 100px;
}
.bg-image {
    height: 740px;
}	
	.nz-loan {
    padding: 0px 436px 0px 147px;
}
	.list {
    margin: 30px 0px 0px 153px;
}
	.we-listen:before {
    content: "";
    width: 96px;
    height: 60px;
    top: 13px;
    left: 66px;
}
	.banner-btn a{
/*		    padding: 30px 40px 20px !important;*/
        padding: 20px 40px !important;
	}
	.banner-text {
    padding: 3px 226px 50px 20px;
}
}
/* 80% screen */
@media only screen and (min-width: 1601px){
 .ps-image img {
    margin-left: 170px;
}	
}
:focus{
	outline:none;
}
.arrow-menu img{
	    margin-top: -200px;
    position: absolute;
    right: -78px;
}
.apply {
    display: block !important;
}
.space-top{
	    margin-top: 120px;
}
@media only screen and (max-width: 375px){
.company-image:after {
    content: "";
    width: 270px;
}	
	.cv-image img{
		width:100%;
	}
	.logo-heading {
    display: block;
}
	.button12 {
    padding: 15px 8px 15px;
}
	.button12 span {
    font-size: 14px;
}
}

.cvf .button12 {
    padding: 17px 15px 16px;
}
.cvf .button12 span {
    font-size: 18px;
}
.ps-image {
    z-index: 1;
    position: relative;
}
.slider-label {
    display: none;
}


@media only screen and (min-width: 769px) and (max-width: 1024px){
    .button12 span {
    font-size: 20px;

}
.ps-image img {
    margin-left: 28px;
}
.ps-image {
    margin-right: 30px;
}
}


/**********************************************************
 * ZESTY
 *********************************************************/

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

    body.home .head-main.with-full-menu{
        background-color: white;
    }

    body.home .head-main.with-full-menu .header_left .full-menu ul li a{
        color: black;
    }

    .head-main.with-full-menu .container-fluid{
        align-items: stretch;
    }

    .head-main.with-full-menu .header_logo{
        width: auto;
        flex-basis: 200px;
        flex-grow: 0;
    }

    .head-main.with-full-menu .header_logo img{
        max-height: 150px;
        width: auto;
        padding-bottom: 16px;
        padding-top: 20px !important;
    }

    .head-main.with-full-menu .header_menu{
        display: none !important;
    }

    .head-main.with-full-menu .header_left{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 950px !important;
        flex-basis: calc(100% - 200px);
    }

    .head-main.with-full-menu .header_left .contact-top{
        text-align: right;
    }

    .head-main.with-full-menu .header_left .contact-top br{
        display: none !important;
    }

    .head-main.with-full-menu .header_left .contact-top a{
        font-size: 24px;
        line-height: 30px;
        margin-left: 18px;
        margin-top: 14px !important;
    }

    .head-main .header_left .full-menu{
        display: none;
    }

    .head-main.with-full-menu .header_left .full-menu{
        display: block;
        padding-bottom: 8px;
    }

    .head-main.with-full-menu .header_left .full-menu ul{
        justify-content: flex-end;
    }

    .head-main.with-full-menu .header_left .full-menu ul li{
        margin-left: 12px !important;
    }

    .head-main.with-full-menu .header_left .full-menu ul li a{ 
        padding: 8px;
        margin-top: 0 !important;
        color: white;
        font-size: 16px !important;
        line-height: 16px;
        transition: color 0.3s ease;
    }

    .head-main.with-full-menu .header_left .full-menu ul li a:hover{
        color: #00CCFF;
    }

}

@media screen and (max-width: 767px){
    .head-main .header_left a{
        color: white !important;
        font-size: 24px;
        line-height: 24px;
    }

    body.home .head-main .header_left a{
        color: black !important;
    }

    .head-main .header_left a:hover{
        color: #00CCFF !important;
    }

    .head-main .header_left .full-menu,
    .head-main.with-full-menu .header_left .full-menu{
        display: none !important;
    }
}

.head-main.is-fixed .header_left a{
    font-size: 32px;
    line-height: 32px;
    margin-top: 10px;
}

/* Fix terrible KWD overlap issues on smaller screens */
body.home #main .banner.space-section img.bg-image{
    min-height: 450px;
    object-fit: cover;
}

.footer-contact .today-call .footer-phone-wrap{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-contact .today-call .footer-phone-wrap .text{
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.footer-contact .today-call .footer-phone-wrap .number{
    font-size: 50px;
    line-height: 50px;
}


.site-footer .social-links-wrap{
    margin-top: -2px;
}

.site-footer .social-links-wrap .intro-text{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding-top: 4px;
}

.site-footer .social-links-wrap a.social-icon{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 6px;
    overflow: hidden;
    border-radius: 3px;
    opacity: 0.8;
}

.site-footer .social-links-wrap a.social-icon:hover{
    opacity: 1;
}

.site-footer .social-links-wrap a.social-icon.fb{
    background-image: url('images/facebook-white.svg');
}

.site-footer .social-links-wrap a.social-icon.li{
    background-image: url('images/linkedin-white.svg');
}

.site-footer .social-links-wrap a.social-icon .text{
    display: none;
}


/* TESTIMONIALS */
.zesty-testimonials .wp-block-quote{
    position: relative;
    margin-left: 12px !important;
    margin-right: 12px !important;
    border: 1px solid #EEEEEE !important;
    border-radius: 4px;
    padding: 24px !important;
}

.zesty-testimonials .wp-block-quote:before{
    position: absolute;
    display: block;
    content: '';
    top: -16px;
    left: -16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background-color: #00CCFF;
    background-image: url('images/format_quote-24px.svg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.zesty-testimonials .wp-block-quote cite{
    color: #888888;
}

/* FAQ */
.zesty-faq .wp-block-yoast-faq-block .schema-faq-section{
    margin-bottom: 32px;
}
.zesty-faq .wp-block-yoast-faq-block .schema-faq-section:last-child{
    margin-bottom: 0;
}

.zesty-faq .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question{
    position: relative;
    display: block;
    /*color: #00CCFF;*/
    color: #000066;
    font-size: 32px;
    line-height: 1.5;
    font-family: 'LEELAWDB';
    margin-bottom: 6px;
}

@media screen and (min-width: 1300px){
    .zesty-faq .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:before{
        position: absolute;
        display: block;
        content: 'Q';
        top: 7px;
        left: -52px;
        width: 36px;
        height: 36px;
        text-align: center;
        font-size: 22px;
        line-height: 36px;
        border-radius: 50%;
        background-color: #00CCFF;
        color: #FFFFFF;
        font-family: 'Arial', sans-serif;
    }
}

.zesty-faq .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer{
    font-family: 'LEELAWAD';
    position: relative;
}

@media screen and (min-width: 1300px){
    .zesty-faq .wp-block-yoast-faq-block .schema-faq-section .schema-faq-answer:before{
        position: absolute;
        display: block;
        content: 'A';
        top: 2px;
        left: -52px;
        width: 36px;
        height: 36px;
        text-align: center;
        font-size: 22px;
        line-height: 36px;
        border-radius: 50%;
        background-color: #EEEEEE;
        color: #888888;
        font-family: 'Arial', sans-serif;
    }
}