/*------------------------------------------------------------------
[Main Stylesheet]

Project     : p1-desimatch
Version     : 1.0
Author      : Md Ekramul Hassan Avi
Author URI  : https://www.tigertemplate.com
-------------------------------------------------------------------*/

/*
==========================================
    Google fonts
==========================================
*/

/* @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900'); */

/*Anodina fonts*/
@font-face {
  font-family: 'AnodinaExtraLight';
  src: url('fonts/Anodina-ExtraLight_0.otf');
}
.AnodinaExtraLight {
  font-family: 'AnodinaExtraLight';
}
@font-face {
  font-family: 'AnodinaLight';
  src: url('fonts/Anodina-Light_0.otf');
}
.AnodinaLight {
  font-family: 'AnodinaLight';
}
@font-face {
  font-family: 'Anodina';
  src: url('fonts/Anodina-Regular_0.otf');
}
.Anodina {
  font-family: 'Anodina';
}
@font-face {
  font-family: 'AnodinaBold';
  src: url('fonts/Anodina-Bold_0.otf');
}
.AnodinaBold {
  font-family: 'AnodinaBold';
}
@font-face {
  font-family: 'AnodinaExtraBold';
  src: url('fonts/Anodina-ExtraBold_0.otf');
}
.AnodinaExtraBold {
  font-family: 'AnodinaExtraBold';
}

/*HarlowSolid font*/
@font-face {
  font-family: 'HarlowSolid';
  src: url('fonts/HarlowSolidRegular.ttf');
}
.HarlowSolid {
  font-family: 'HarlowSolid';
}


/*------------------------------------------------------------------
[Table of contents]

1.  reset css
2.  home page

-------------------------------------------------------------------*/

/*
==========================================
1.  reset css
==========================================
*/

*{
  margin: 0;
  padding: 0;
}
body {
  font-family: 'AnodinaLight',sans-serif;
  font-size: 19px;
  color: #27272a;
  /*color: #898392;*/
  font-weight: 300;
}
a,a:active,a:focus,a:hover{
  text-decoration: none;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
}
h1,h2,h3,h4,h5,h6,p,ul,hr {
  padding: 0; 
  margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'AnodinaExtraBold',sans-serif;
  color: #241933;
}
ul li {
  list-style: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance:textfield;
}
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url('img/icons/menu-drop.png');
  background-position: center right 15px;
  background-repeat: no-repeat;
  min-height: 42px;
  font-size: 15px;
  padding-right: 40px !important;
}
.bg-facebook {
  background-color: #386bc8;
  border-color: #386bc8;
}
.bg-linkedin {
  background-color: #267ab5;
  border-color: ##267ab5;
}

/*
==========================================
2.  home page
==========================================
*/

.header-bg {
  background-image: url(img/header-bg.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.header-content .fa {
  font-size: 27px;
}
.site-menu a {
  font-size: 25px;
  color: #fff;
  font-family: 'Anodina';
}
.site-menu li {
  padding: 0 27.5px;
}
.header-topbar .btn-light {
  font-size: 25px;
  color: #282e68;
  font-family: 'Anodina';
  line-height: 19px;
  min-height: 57px;
  padding-top: 0;
}
.btn,.form-control {
  border-radius: 50px;
}
.social-list li:not(:last-child) {
  margin-right: 15px;
}
.social-list .fa {
  width: 45px;
  height: 45px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
}
.social-list .fa-twitter {
  background-color: #0ba6e6;
}
.social-list .fa-facebook {
  background-color: #386bc8;
}
.social-list .fa-linkedin {
  background-color: #267ab5;
}
.header-content h2 {
  font-size: 85px;
  color: #fff;
  padding-bottom: 40px;
}
.header-content {
  color: #fff;
  padding: 70px 0;
}
.header-content .row div > p {
  font-size: 36px;
}
.header-content a, .header-content button, .header-content form, .header-content input {
  width: 400px;
  max-width: 100%;
  font-size: 23px;
}
.header-content a, .header-content button,.header-content input {
  min-height: 57px;
}
.border-right {
  border-right: 1px solid rgba(255,255,255,0.20) !important;
}
.behind-border:after {
  content: '';
  width: 40%;
  height: 1px;
  background-color: rgba(250,250,253,0.20);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: -1;
}
.behind-border {
  z-index: 0;
}
.behind-border:before {
  content: '';
  width: 40%;
  height: 1px;
  background-color: rgba(250,250,253,0.20);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: -1;
}
.login-form button {
  font-size: 25px;
}
.login-form input {
  font-size: 22px;
  color: #000;
}
.btn-success {
  background-color: #7fd639;
  border-color: #7fd639;
}
.login-form input::placeholder {
  color: rgba(0,0,0,0.30);
  opacity: 1;
}
.login-form input:-ms-input-placeholder {
  color: rgba(0,0,0,0.30);
}
.login-form input::-ms-input-placeholder {
  color: rgba(0,0,0,0.30);
}
.how-work {
  padding: 86px 0 205px;
  background: linear-gradient(rgba(243,244,255,0.5) 30%, rgba(255,255,255,1) 100%);
}
.how-work h4 {
  font-size: 50px;
  color: #241933;
  padding-bottom: 70px;
}
.how-work-box {
  height: 100%;
  padding: 55px 0;
  box-shadow: 30px 30px 27px rgba(193,196,231,0.15);
  width: 410px;
  margin: auto;
  max-width: 100%;
}
.how-it-work2 {
  padding-top: 150px;
}
.how-it-work2-info p {
  margin-bottom: 13px;
}
.how-work-box img {
  margin-bottom: 30px;
}
.how-work-box h5 {
  padding-bottom: 20px;
}
.bg-secondary {
  background-color: #eeeeee !important;
}
.recent-join {
  padding: 80px 0;
}
.recent-join > .position-absolute {
  bottom: calc(100% - 50px);
  margin: auto;
  left: 0;
  right: 0;
}
.recent-join > .position-absolute h4 {
  background-color: #241933;
  font-size: 30px;
  color: #fff;
  padding-top: 0;
  padding-left: 40px;
  min-height: 102px;
  border: 12px solid #fff;
  padding-right: 40px;
}
.recent-join-box {
  box-shadow: 8px 8px 27px rgba(230,229,229,0.15);
}
.newsletter-form > .row {
  box-shadow: 30px 30px 27px rgba(9,22,69,0.30);
}
.recent-join-box h5 {
  font-size: 18px;
  padding-bottom: 10px;
  background: -webkit-linear-gradient(-10deg, #116cb4 30%, #19acdc 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.recent-join-box h6 {
  font-size: 14px;
  color: #898392;
  padding-bottom: 6px;
}
.recent-join-box p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Anodina',sans-serif;
  margin-bottom: 5px;
  line-height: 14px;  
}
.newsletter {
  /*padding: 80px 0; */
  padding: 35px 0;
  background-image: url('img/newsletter.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 350px;
  background-size: auto;
}
.bg-dark {
  background-color: #161c32 !important;
}
.newsletter h4 {
  color: #fff;
  font-size: 40px;
}
.newsletter p {
  font-size: 17.5px;
  color: #fff;
  font-family: 'AnodinaBold';
  padding-bottom: 60px;
}
.newsletter-form {
  width: 605px;
  margin: auto;
  max-width: 100%;
}
.newsletter-form .form-control {
  border-color: transparent;
  border-radius: 0;
}
.btn-newsletter {
  font-size: 16px;
  font-family: 'Anodina';
  background: linear-gradient(90deg, #f64068, #8959ae);
  height: 100%;
  border: 0;
  color: #fff;
}
.footer-main {
  background-color: #eee;
  padding: 8px 0;
}
.footer-main a, .footer-main p {
  font-size: 16px;
  color: #2d3138;
}
.footer-menu li:not(:last-child) {
  border-right: 1px solid #2d3138;
  line-height: 16px;
  padding-right: 15px;
  margin-right: 18px;
}
.footer-menu {
  padding-right: 40px;
}

/**/
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
	width:90%;
}
.nbs-flexisel-item {
	float: left;
    padding: 0px;
    position: relative;
    line-height: 0px;
    margin-left:5px;
    min-height: 220px;
    min-width:171px;
}
.nbs-flexisel-item:first-child{
	margin-left:0;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top:0px;
	top: 130px !important;
}
.nbs-flexisel-nav-left{
	left: 0px;
}
.nbs-flexisel-nav-left:after{
	text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color:#c32143;
    content: "\f104";
    display: inline-block;
    font-size: 50px;
    position: relative;
    top:-40px;
}
.nbs-flexisel-nav-right {
	right: 0px;
}
.nbs-flexisel-nav-right:after{
	 text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color:#c32143;
    content: "\f105";
    display: inline-block;
    font-size: 50px;
    position: relative;
    top:-40px;
}
.close_mob,.close{color:#ff0000 !important;text-shadow:none;opacity: 1;}
#myModal1 .modal-content{width:100%;text-align: center !important;}
.btn-success,.modal-body .bg-facebook,.modal-body .bg-linkedin{min-width:320px;}
#reused_form .btn-success,#myModal1 .btn-success{color:#000 !important;}
#reused_form .btn-success:hover,#myModal1 .btn-success:hover{color:#fff !important;}
.col-md-offset-3{margin-left:25%;}
.col-md-offset-2{margin-left:16.66%;}
.radio-inline{float: left;margin-top: 20px;}
input[type=checkbox], input[type=radio] {margin-right: 10px;}
.radio-label{margin-right:10px;}
.col-md-4 {
float: left;
}
.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
        float: left;
}
.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    float: left;
}
.col-md-8 {
    float: left;
}
.no-image select{background-image:none;}

.plus45 p,
.plus25 p {
	display: none;
}
.plus45 a,
.plus25 a {
	margin-bottom: 24px !important;
}

.plus45:focus p,
.plus45:active p,
.plus45:hover p,
.plus25:focus p,
.plus25:active p,
.plus25:hover p {
	display: block;
	
}
.plus45:focus a,
.plus45:active a,
.plus45:hover a,
.plus25:focus a,
.plus25:active a,
.plus25:hover a {
	margin-bottom: 4px !important;
	
}


@media only screen and (max-width: 415px){
.howworkslinkli,
.whoservelinkli,
.whybestlinkli {
display:block !important;
}
#howworks,#whoserve,#whybest {
display: none;
}
}

@media only screen and (min-width: 416px){
.howworkslinkli,
.whoservelinkli,
.whybestlinkli {
display:none !important;
}
}
@media only screen and (max-width: 768px){
.modal-content {width:90% !important;}
.modal-body .btn-success,.modal-body .bg-facebook,.modal-body .bg-linkedin{min-width:220px !important;max-width:220px !important;font-size: .75rem;}
.no-image select{background-image:none;}
#myModal1 .col-md-12{padding-right:0px; padding-left:0px;}
#form label {font-weight:800;}
.plus45 p,	
.plus25 p {	
		font-size: 11px! important;	
	}

}
@media only screen and (max-width: 767px){
.col-md-offset-3,.col-md-offset-2 {margin-left: 0% !important;}
.plus45 p,.plus25 p {	
		font-size: 11px! important;	
	}
.
}
@media only screen and (max-width: 1024px){
    .hgedingtfive:before{right:0% !important;}
    .hgedingtfive:after{left: 0% !important;}    
    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
.modal-backdrop{backgound-color:transparent !important;opacity:0 !important;display: none;}
.hide-btn{display: none !important;}
.mod-title{text-align: center !important; width: 100% !important;}
@media only screen and (min-width: 1024px){
	.logowrap {
		max-width:16.666667% !important;
		flex: 0 0 16.666667% !important;
	}
	.menuwrap  {
		max-width:83.333333% !important;
		flex: 0 0 83.333333% !important;
	}
}

/* Button menu/ box form styles start here 04-12-2019 */
/* The containerbox */
.box_form .containerbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.box_form .containerbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.box_form .checkmark {
  position: absolute;
  top: 0;
  right: 100px;
  height: 35px;
  width: 35px;
  background-color: #afafaf;
  border:1px solid #646464;
}

/* On mouse-over, add a grey background color */
/*.box_form .containerbox:hover input ~ .checkmark {
  background-color: #797979;
}*/

/* When the checkbox is checked, add a blue background */
.box_form .container input:checked ~ .checkmark {
  background-color: #8bc24a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.box_form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.box_form .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.box_form .containerbox .checkmark:after {
  left:14px;
  top: 12px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.box_form * {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.box_form .column1 {
  float: left;
  width: 70% !important;
  padding: 10px 10px 10px 90px;
}

.box_form .column2 {
  float: left;
  width: 30% !important;
  padding: 10px;
}

/* Clear floats after the columns */
.box_form .row:after {
  content: "";
  display: table;
  clear: both;
}

.box_form .btn1,
.box_form .form-control {
  border-radius: 0;
	width:100%;
	padding:10px;
	color:#000 !important;
	border:1px solid #f1f1f1;
}

.box_form .btn1-primary {
	background-color:#9ccc66;
	border-color:#000;
    color:#000;
}

.box_form .btn1-primary:hover {
	color:#000;
	background-color:#8bbc53;
	border-color:#000;
}

.box_form .btn-primary{margin:10px 0 0 90px;}


.box_form .btn2,
.box_form .form-control {
	border-radius: 0;
	width:100%;
	padding:10px;
	color:#fff !important;
	border:1px solid #f1f1f1;
}

.box_form .btn2-primary {
	background-color:#a6539e;
	border-color:#fff;
    color:#fff;
}

.box_form .btn2-primary:hover {
	color:#fff;
	background-color:#dc447a;
	border-color:#000;
}
.box_form .containerbox.btn2.btn2-primary.emailverify {
	background-image: linear-gradient(to right,#a6539e 20%,#eb4070 78.5%);
	border-radius: 20px !important;
	border: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
	padding: 10px 45px 10px 45px;
	height: auto !important;
	color: #fff !important;
	padding: 14px;
}
.box_form .btn1-primary.btnmenu {
	border-radius: 20px !important;
	border: none;
	padding: 14px;
}

/* Button menu/ box form styles ends here 04-12-2019 */