/*!
Theme Name: Clientel
Author: Freshive
Author URI:
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: custom_theme
 */
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	margin: 0;
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
}
body {
	margin: 0;
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
}
::selection {
  background: #001949;
	color: #fff;
}
::-moz-selection {
  background: #001949;
		color: #fff;
}
.navbar-brand img{
	    width: 115px;
}
body::-webkit-scrollbar {
    width: 1em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
  background-color: #001949;
  outline: 1px solid slategrey;
}
.navbar{
	background: #ffffff !important;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 0px 0 rgba(0,0,0,.12) !important;
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    -ms-flex-positive: 1;
    flex-grow: inherit;
    -ms-flex-align: center;
}
.container-cust{
	width: 85% !important;
	margin: 0 auto !important;
}
.rewards-con{
	background: #ebebeb;
  padding: 6em 0em 6em;
	text-align: center;
}
.about-sec{
	background: #fff;
	padding: 4em 0em 4em;
	text-align: center;
}
.cont-con{
	background: #f6f6f6;
	padding: 4em 0em 4em;
	text-align: left;
}
.about-sec table{
    margin: 0 auto;
}
.about-sec .avaliable-on{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9em !important;
	color: #4b4b4b;
	font-weight: 900 !important;
}
.about-sec h2, .rewards-con h2, .benifits-sec h2, .reward-slider h2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 2.6em !important;
	color: #4b4b4b;
	font-weight: 900 !important;
}
.cont-con h2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.5em !important;
	color: #4b4b4b;
	font-weight: 900 !important;
}
.about-sec p, .rewards-con p{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1em !important;
	color: #4b4b4b;
	font-weight: 300 !important;
}
.about-sec strong, .rewards-con strong{
	font-weight: 900 !important;
}
.page-footer{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.8em !important;
	color: #4b4b4b !important;
	font-weight: 300 !important;
	padding: 20px 0px;
}
.page-footer a{
	color: #4b4b4b !important;
	font-weight: 600;
}
.about-sec h2::after, .rewards-con h2::after , .benifits-sec h2::after, .reward-slider h2::after{
	content: '';
	display: block;
	border-bottom: solid 5px #0e2b96;
	width: 6%;
	margin: auto;
	padding: 12px 0 0 0;
	margin-bottom: 30px;
}
.cont-con h2::after{
	content: '';
	display: block;
	border-bottom: solid 4px #0e2b96;
	width: 4.5%;

	padding: 12px 0 0 0;
	margin-bottom: 30px;
}
.about-sec .wpb_content_element {
    margin-bottom: 0 !important;
}
.rewards-con .wpb_content_element {
    margin-bottom: 0 !important;
}
.banner-sec .wpb_content_element {
    margin-bottom: 0 !important;
}
.cont-con .wpb_content_element {
    margin-bottom: 0 !important;
}
.container {
    max-width: 85% !important;
}
.menu li{
	display: block;
	float: left;
	list-style: none;
	padding: 12px 30px;
}
.menu li a{
	color: #4c4c4c;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1em !important;
	font-weight: 600;
	padding-bottom: 5px;
}
.current-menu-item a{
	font-weight: 900 !important;
	border-bottom: 2px solid #0e2b96;
}
.benifits-sec{
	background: url(assets/img/site/phone.png);
  background-size: contain;
background-position: -100px 50px;
  background-repeat: no-repeat;
}
.benifits-sec{
	padding: 4em 0em 0em;
	text-align: center;
}
.rewards-bg{
	margin-top: 1em;
}
.benifit-card{
	padding: 0;
margin-bottom: 40px;
}
.benifit-name{
	color: #4c4c4c;
	font-family: 'Open Sans', sans-serif !important;
      font-size: 0.84em !important;
	font-weight: 900;
}
.benifit-img img{
	max-width: 115px !important;
	    height: auto;
}
.benifit-excert{
	color: #4c4c4c;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.85em !important;
	font-weight: 300;
}
.benifit-img{
	 margin-bottom: 10px;
}
.tp-bullet-title{
	display: none !important;
}
.header-page{
	height: 354px;
	position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.page-title{
	position: absolute;
	left: 160px;
	top: 117px;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 6.3em !important;
	font-weight: 900;
}
.page-title-sub {
	position: absolute;
	    left: 170px;
	    top: 235px;
	    display: block;
	    font-family: 'Open Sans', sans-serif !important;
	    font-size: 1.2em !important;
	    font-weight: 600;
	    color: #fff;
}
.what-we-do{
	font-family: 'Open Sans', sans-serif !important;
font-size: 1.4em !important;
	color: #4b4b4b;
	font-weight: 900 !important;
}

.about-features{
	background: #f6f6f6;
	padding: 4em 0em 4em;
	text-align: center;
}
.reward-slider{
	background: #f6f6f6;
	padding: 4em 0em 4em;
	text-align: center;
}






.card-flip {
	width: 300px;
	height: 340px;
	margin: 0 auto;

 }

 .back strong{
	 font-weight: 900;
 }

 .front, .back {
	 padding: 20px;
 }
 .front {
	 background-color: #fff;
	 border:1px solid #fff;
	 border-radius: 20px;
 }
 .back {
	 background-color: #fff;
	 border:1px solid #fff;
	 border-radius: 20px;
	 overflow: auto;
 }







.back h4{
	color: #0e2b96;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1em !important;
  font-weight: 900 !important;
  margin-bottom: 20px;
}
.back p{
	font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9em !important;
	color: #4b4b4b;
	font-weight: 600 !important;
}

.flip-ntn {
	background: #0e2b96;
	border-radius: 50px;
	border: 2px solid #0e2b96;
	color: #fff;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.85em !important;
	font-weight: 600 !important;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,.16), 0 0px 0px 0 rgba(0,0,0,.12) !important;
	text-transform: capitalize;
}
.flip-ntn:hover {
	color: #fff;
}

.front h3{
	color: #4b4b4b;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
  margin-bottom: 20px;
}


.front img{
    width: 170px !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

#hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    margin: 0;
    height: 30px;
    display: table;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    color: #5c5e60;
    position: relative;
    background-color: #0e2b96;
    box-shadow: 0 1px 3px 2px rgba(0,0,0,0.15);
}
#hellobar-bar {
	height: 30px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9em !important;
	font-weight:600 !important;
  padding: 0.6em 0 1em;
	z-index: 9;
	color: #fff;
}
.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin-right: .67em;
    display: inline-block;
    line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}
#hellobar-bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #0099cc;
    border-color: #0099cc;
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .icon-close {
    font-size: 14px;
    top: 15px;
    right: 25px;
    width: 15px;
    height: 15px;
    opacity: .3;
    color: #fff;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}

.slider {
		 width: 100%;
		 margin: 20px auto;
 }

 .slick-slide {
	    margin: 0px 20px;
    	outline: none !important;
			    margin-top: 10px;
 }

 .intro-reward-text{
	 font-family: 'Open Sans', sans-serif !important;
 	font-size: 0.9em !important;
 	font-weight:600 !important;
	margin-bottom: 10px !important;
	display: block;
 }

 .reward-bck{
	 color: #0e2b96;
	 font-family: 'Open Sans', sans-serif !important;
	 font-size: 1.2em !important;
	 font-weight: 900 !important;
	 margin-bottom: 0 !important;
 }


 .slick-slide img {
	 width: 100%;
 }

 .slick-prev:before,
 .slick-next:before {
	 color: black;
 }


 .slick-slide {
	 transition: all ease-in-out .3s;
	 opacity: .2;
 }

 .slick-active {
	 opacity: 1;
 }

 .slick-current {
	 opacity: 1;
 }

 .contact-details{
	 background: #fff;
	 width: 100%;
    margin-bottom: 25px !important;
 }

 .contact-details td {
    padding: 10px;
}
 .contact-details td p {
	 color: #4b4b4b;
	 font-family: 'Open Sans', sans-serif !important;
	 font-size: 0.95em !important;
	 font-weight: 300 !important;
}

 .contact-details h5{
	 color: #4b4b4b;
	 font-family: 'Open Sans', sans-serif !important;
	 font-size: 1.1em !important;
	 font-weight: 900 !important;
 }

 #gform_1 label{
	 display: none !important;
 }
 #gform_1 input,  #gform_1 textarea{
	 border: 1.2px solid #4b4b4b;
	 padding: 15px;
	 border-radius: 5px;
 }

 #gform_submit_button_1{
	 background: #0e2b96;
	 border-radius: 50px !important;
	 border: 1px solid #0e2b96 !important;
	 color: #fff;
	 font-family: 'Open Sans', sans-serif !important;
	 font-size: 0.9em !important;
	 font-weight: 900 !important;
	 padding: 15px 30px !important;
 }
 #gform_submit_button_1:hover{
	 background: white !important;
	 border: 2px solid #0e2b96;
	 color: #0e2b96;
 }

 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	 font-family: 'Open Sans', sans-serif !important;
	 font-size: 0.9em !important;
	 font-weight: 300 !important;
	  color: #4b4b4b;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9em !important;
	font-weight: 300 !important;
	 color: #4b4b4b;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9em !important;
	font-weight: 300 !important;
	 color: #4b4b4b;
}

.star{
	color: #0e2b96;
}


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 6px!important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box;
}

.gform_wrapper div.validation_error {
    color: #0e2b96 !important;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 0.8em !important;
		font-weight: 900 !important;
    margin-bottom: 0 !important;
    border-top: 0px solid #0e2b96 !important;
    border-bottom: 0px solid #0e2b96 !important;
    padding: 5px 0 !important;
    clear: both;
    width: 100%;
    text-align: left !important;
}
.gform_wrapper .validation_message {
    color: #0e2b96 !important;
    font-weight: 600 !important;
			font-family: 'Open Sans', sans-serif !important;
    letter-spacing: normal;
			font-size: 0.7em !important;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0 !important;
}
.not-found{
	background: #fff;
    padding: 8em 0em 8em;
	text-align: center;
}
.not-found h1{
	font-family: 'Open Sans', sans-serif !important;
  font-size: 7em !important;
  color: #4b4b4b;
  font-weight: 900 !important;
}
.not-found h2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 2.2em !important;
	color: #4b4b4b;
	font-weight: 600 !important;
}
.ares .tp-bullet {
    background: #ccc;
	}

	.back{
		display: flex;
 justify-content: center;
 align-items: center;
  height: 285px;
	}

	.inner{
		height: 278px;
	}

/* mobi */
@media (min-width: 320px) and (max-width: 568px) {
	#hellobar-bar {
	    font-size: 0.65em !important;
	    padding: 1em 0 1em;
	}
	.card-flip {
    width: 220px;
    height: 340px;
    margin: 0 auto;
	}
	.flip-container, .front, .back {
    width: 255px;
    height: 360px;
    margin: 0 auto;
	}
	.hb-close-wrapper .icon-close {
    top: 10px;
	}
	.hb-text-wrapper .hb-headline-text {
    font-size: 0.7em;
    display: inline-block;
    vertical-align: middle;
	}
	.navbar-brand img{
		width: 80px;
	}
	.about-sec h2, .rewards-con h2, .benifits-sec h2, .reward-slider h2 {
    font-size: 1.2em !important;
	}
	.about-sec h2::after, .rewards-con h2::after, .benifits-sec h2::after, .reward-slider h2::after {
    border-bottom: solid 3px #0e2b96;
    width: 15%;
	}
	.about-sec {
    padding: 2em 0em 2em;
	}
	.about-sec p, .rewards-con p {
    font-size: 0.85em !important;
	}
	.page-footer {
		font-size: 0.5em !important;
		padding: 10px 0px;
		font-weight: 600 !important;
	}
	.benifit-name {
    font-size: 1em !important;
	}
	.benifit-excert {
    font-size: 0.9em !important;
	}
	.benifit-card {
    margin-bottom: 50px;
	}
	.benifits-sec {
    background: none !important;
	}
	.container {
    max-width:	 100% !important;
	}
	.navbar-toggler {
    padding: .25rem 0;

	}
	.menu {
		padding: 0 !important;
	}
	.menu li {
		display: block;
	    list-style: none;
	       padding: 8px 15px 8px;
	    display: block;
	    width: 100%;
	    background: #efefef;
	    text-align: left;
	    margin-bottom: 7px;
			  position: relative;
	}
	.menu  li:before{
		content: '';
    position: absolute;
    border-right: 1px solid #4b4b4b;
    border-bottom: 1px solid #4b4b4b;
    width: 6px;
    height: 6px;
    top: calc(50% - 0px);
    left: 2px;
    transform: translateY(-50%) rotate(-45deg);
}
	.menu li a {
    font-size: 0.85em !important;
		    padding-bottom: 1px;
				margin-left: 10px;
				width: 100%;
				display: block;
				height: 100%;
	}
	.current-menu-item a {
    font-weight: 900 !important;
    border-bottom: 0px solid #0e2b96;
	}
	.current-menu-item {
    font-weight: 900 !important;
    border-bottom: 1.5px solid #0e2b96;
	}
	.header-page {
		height: 90px;
		    background-size: cover !important;
		    background-position: -70px 0 !important;
	}
	.page-title {
    left: 40px;
    top: 38px;
    font-size: 1em !important;
	}
	.page-title-sub {
			left: 40px;
	    top: 57px;
	    font-size: 0.6em !important;
	    font-weight: 600;
	    color: #fff;
	}
	.what-we-do {
    font-size: 1em !important;
	}
	.about-features {
    padding: 2em 0em 2em;
	}

	.feature-card {
    width: 90%;
    margin: 0 auto;
		margin-bottom: 40px;
	}
	.flip-card-front img {
    width: 125px !important;
    margin-bottom: 20px;
	}
	.flip-ntn {
    font-size: 0.8em !important;
    padding: .74rem 2.5rem;
	}
	.flip-card {
    height: 310px;
		width: 100%;
	}
	.flip-card-back p {
    font-size: 0.85em !important;
	}
	.flip-card-back h4, .flip-card-front h3{
		  font-size: 1em !important;
	}
	table {
   width: 100%;
	}
	table td{
		padding: 0;
	 display: block;
	 float: right;
	 width: 100%;
	}
	.about-sec .avaliable-on {
    font-size: 0.8em !important;
	}
	.cont-con {
    padding: 2em 0em 2em;
	}
	.contact-details {
    text-align: center;
	}
	.cont-con h2 {
    font-size: 1.1em !important;
    margin-top: 1em;
	}
	.cont-con h2::after {
    border-bottom: solid 3px #0e2b96;
    width: 14.5%;
    margin-bottom: 20px;
	}
	.cont-con p {
  font-size: 0.85em;
	}
	#gform_1 input, #gform_1 textarea {
    border: 1.2px solid #4b4b4b;
    padding: 5px 15px;

	}
	#gform_1 {
      padding-top: 0.01em;
	}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	 font-size: 0.7em !important;
 	 font-weight: 600 !important;
 }
 ::-moz-placeholder { /* Firefox 19+ */
	 font-size: 0.7em !important;
	 font-weight: 600 !important;
 }
 :-ms-input-placeholder { /* IE 10+ */
	 font-size: 0.7em !important;
	 font-weight: 600 !important;
 }
 :-moz-placeholder { /* Firefox 18- */
	 font-size: 0.7em !important;
	 font-weight: 600 !important;
 	}
	#gform_submit_button_1 {
    font-size: 0.8em !important;
    padding: 12px 30px !important;
	}
	.slick-next {
    right: 25px;
		z-index: 99
	}
	.slick-prev {
    left: 15px;
    z-index: 99;
	}
	.slick-prev:before, .slick-next:before {
    font-size: 30px;
	}
	.slick-prev:before, .slick-next:before {
    color: #0e2b96;
	}
	.reward-slider {
    padding: 2em 0em 2em;
	}
	.slider {
    width: 100%;
    margin: 0px auto;
	}
	.not-found{
		background: #fff;
	    padding: 2em 0em 2em;
		text-align: center;
	}
	.not-found h1{
		font-family: 'Open Sans', sans-serif !important;
	  font-size: 3em !important;
	  color: #4b4b4b;
	  font-weight: 900 !important;
	}
	.not-found h2{
		font-family: 'Open Sans', sans-serif !important;
		font-size: 1.5em !important;
		color: #4b4b4b;
		font-weight: 600 !important;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.contact-details td p {
	    color: #4b4b4b;
	    font-family: 'Open Sans', sans-serif !important;
	    font-size: 0.7em !important;
	    font-weight: 300 !important;
	}
}
@media (min-width: 1000px) and (max-width: 1199px) {
	.contact-details td p {
	    color: #4b4b4b;
	    font-family: 'Open Sans', sans-serif !important;
	    font-size: 0.65em !important;
	    font-weight: 300 !important;
	}
}