@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Roboto:300,400,500,700&display=swap');

/* Start browser scroll bar edit */
body::-webkit-scrollbar {
    width:7px;
}
body::-webkit-scrollbar-button {
    background: #fff;
    width: 2px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background:#fff;
}
body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background: #303030;
    height:0px;
}
a, a:focus, a:hover {
    text-decoration: none;
}
.container {
	padding: 0;
	margin: 0 auto
}
p,ul,h2,h3 {
	padding: 0;
	margin: 0
}
.row {
	margin-right: 0!important;
	margin-left: 0!important
}
body{
	font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5{font-family: 'Roboto', sans-serif;margin-top: 20px;margin-bottom: 10px;}
h1{font-size:40px;}
h2{font-size:35px;}
h3{font-size:16px;}
h3.color-red{color: #AB3A4F}
p{font-size: 16px;font-family: 'Lato', sans-serif;color: #212121}
input[type="text"],input[type="email"], select, textarea{border-radius: 5px;
border: solid 1px #e4e4e4;background-color: #ffffff;width: 100%;padding: 10px;outline: none;}
button{background:#fff;
border: 1px solid #1C1C1C;
outline: none;
border-radius: 5px;
font-weight: 500;
color:#1c1c1c;
padding: 5px 20px;
transition: all ease-in-out 200ms;}
button.full-width{width:100%}
button:hover {border: 1px solid #1C1C1C;background:#000000;color: #fff;}
button.filled, button.filled:focus{background: #1C1C1C;color: #fff}
button.filled:hover{background:#fff;border: 1px solid #1C1C1C;color:#1c1c1c;}

button.close:hover{border:unset;background:unset;}

.form-search{display: flex;
flex-wrap: wrap;
border-radius: 5px;
box-shadow: 0 3px 22px 0
rgba(0, 0, 0, 0.13);
padding: 5px;
background:#fff;}
form.form-search .fa.fa-search {
    padding: 10px;
    color: 
    #CCC;
    transition: all ease-in-out 200ms;
    line-height: 1.3;
}
form.form-search input {
    border: none;
    outline: none;
    width: calc(100% - 140px);
}

form.form-search button {
    border: 1px solid #1C1C1C;
    background:#1C1C1C;
    color:white;
    padding: 5px 30px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    outline: none;
    }

form.form-search .fa.fa-search.active {    
    color: #000;transition: all ease-in-out 200ms
}
form.form-search input::placeholder{
    color:#ccc;
}

input[type="text"].search-small {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    background-color:#ffffff;
    color:#5e5e5e;
    font-size: 13px;
    padding: 5px;
    outline: none;
    border: solid 1px
    rgba(113, 113, 113, 0.14);
    margin: 10px 0 10px 0;
}

input[type="radio"]{}
label{font-weight: normal}

img.icon-list {
    border-radius: 3px;
    background-color: #ffffff;
    color:#5e5e5e;
    padding: 15px;
    outline: none;
    border: solid 1px rgba(113, 113, 113, 0.14);width: 54px;height: 48px;float: left;margin-right: 10px;margin-bottom: 10px ;transition: all ease-in-out 200ms;
}
img.icon-list:last-child {margin-right: 0px;}
img.icon-list:hover{background-color: #FBDBE1;
border: solid 1px rgba(251, 219, 225, 0.14);}





:root {
  --hover-color: #000; 
}
 



/* header top css starts here */
.header-main{
    height:107px;
}
.intermediate-search .header-main, .search-page .header-main {
    height:auto;
}
header {
    border-bottom: 1px solid #f0f0f0;
    background:#fff;
}
.header-top {
    background-color: #1C1C1C;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    position:relative;
    z-index: 999;
}
.header-top a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 19px;
    padding: 5px 9px;
    font-size: 12px;
    margin-left: 15px;
    display: inline-block;
}
.header-top a:hover{
    border: 1px solid var(--hover-color);
    background:var(--hover-color);
}
span.top-close {
    position: absolute;
    right: 2%;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    top: 13px;
    cursor: pointer;
}
.header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:10px 0;
    justify-content: space-between;
}
.logo {
    width: 182px;
}
.logo a {
    text-transform: capitalize;
    font-size: 26px;
    color: #2E2E2E;
}
.navigation {
    width: calc(95% - 182px);
    text-align: right;
}
.navigation ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 3%;
}
.navigation ul li a{
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    letter-spacing:0.5px;
}
.navigation ul li a:hover{
    color: var(--hover-color); 
}
.navigation ul li.subscribe_btn {
    margin-left: 5px;
}
.navigation ul li.subscribe_btn a{
    border: 1px solid #1c1c1c;
    border-radius: 5px;
    padding: 5px 12px;
    background:#1c1c1c;
    color:#fff;
    transition: all ease-in-out 200ms
}
.navigation ul li.subscribe_btn a:hover{
	background:#fff;
    color:#1c1c1c;
}

.navigation ul li.sign_btn a:hover{
    background: var(--hover-color); 
    border: 1px solid var(--hover-color);
    color:#fff;
    transition: all ease-in-out 200ms
}
.navigation ul li.sign_btn a {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px 30px;
}
body.header-fixed header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    animation: moon 400ms linear;
}
@keyframes moon {
  from{ 
    -webkit-transform: translateY(-61.5px); opacity: 0; 
    transform: translateY(-61.5px); opacity: 0; 
   }
  to{ 
    -webkit-transform: translateY(0px); opacity: 1; 
    transform: translateY(0px); opacity: 1; 
   }
}
/* header css ends here */

/* banner css starts here */
.home-banner {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #f0f0f0;
    /*height: calc(100vh - 255px);*/
    height: auto;
}
section.home-banner .row {
    position: relative;
}
.home-banner .banner-map {
    margin: 0 auto;
    display: block;
    width: auto;
    height: calc(100vh - 344px);
    margin-right: 20%;
}
.home-banner-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.home-banner-inner > h3 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 37px;
    color: #161616;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.home-banner-inner>h3>span{
	display: block;
}
.home-banner-inner form {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    box-shadow: 0 3px 22px 0 rgba(0, 0, 0, 0.13);
    padding: 5px;
    background: #fff;
}
.home-banner-inner form .fa.fa-search {
    padding: 10px;
    color: #CCC;
    transition: all ease-in-out 200ms
}
.home-banner-inner form .fa.fa-search.active {    
    color: #000;transition: all ease-in-out 200ms
}
.home-banner-inner input {
    border: none;
    outline: none;
    width: calc(100% - 140px);
}
.home-banner-inner input::placeholder{
    color:#ccc;
}
.home-banner-inner button {
    border: 1px solid #1C1C1C;
    background: #1C1C1C;
    color: white;
    padding: 5px 30px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    outline: none;
}
.search-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.search-bottom-left {
    width: 50%;
}
.search-bottom-left>span {
    font-size: 16px;
    display: inline-block;
    color: #303030;
    position: relative;
    padding-bottom: 6px;
}
.search-bottom-left>span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #303030;
}
.search-bottom ul.suggestions {
    width: 180px;
    margin-top: 8px;
}
.search-bottom .suggestions li{display:block;}
.search-bottom .suggestions li a {
    display: inline-block;
    color: #5E5E5E;
    border: 1px solid #E9E9E9;
    padding: 6px 23px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
    background: #F8F8F8;
    margin: 13px 0px 0;
    text-align: center;
    position: relative;transition: all ease-in-out 0.3s;
    z-index: 1
}
.search-bottom .suggestions li a:hover{color:#ffffff;background: #000;border: 1px solid #000;}



.search-bottom-right {
    width: 50%;
    text-align: right;
}
.search-bottom-right>img {
    width: 32px;
    margin-right: 6px;
    display: inline-block;
}
.search-bottom-right>span {
    font-size: 16px;
    display: inline-block;
    color: #303030;
    position: relative;
    padding-bottom: 6px;
}
.search-bottom-right>span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.search-bottom-right>span:hover:before{visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
/* banner css ends here */

/* home data css starts here */
.home-data {
    padding: 3% 0;
    text-align: center;
}
.home-data h3{
    color:#161616;
	font-size: 35px;
	margin-top: 10px;
}
.home-data p{
	font-size: 16px;
	color:#2e2e2e;
}
.home-data-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3% 0%;
}
.data-innner-col {
    width: calc((100% - 30px) / 3);
    position: relative;
    z-index: 2;
}
.data-innner-col a{
	display: block;
	position: relative;
	height: 100% ;
}
.data-innner-col img {
    height: 100% !important;
    object-fit: cover;
}
.data-innner-col a span {
    color: #515151;
    position: absolute;
    left: 0px;
    right: 0;
    bottom: -30px;
    font-size: 16px;
    z-index: 3;
    text-align: left;
}

/* home data css ends here */

/* home video css starts here */
.home-video-inner{
	position: relative;
}
.home-video-inner::after {
    content: '';
    background: 
    rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-video-inner > img{
	width: 100%;
}
.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.video-play>img {
    width: 50px;
}
.video-play>p{
	font-size: 20px;
	color: #fff;
}
/* home video css ends here */



.about-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-inner>div {
    width: 50%;
    font-family: 'Roboto', sans-serif;
    color: #161616;
    padding: 0 3%;
}
.about-img {
    border-right: 1px solid #f1f1f1;
}
.about-img>img {
    width: 80%;
    margin: 0 auto;
}
.about-content>span {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.about-content>h2 {
    margin: 18px 0;
    font-size: 35px;
}
.about-content>p {
    padding-right: 17%;
}
.about-content>a {
    color: #ab3a4f;
    display: inline-block;
    margin-top: 30px;
    font-weight:500;
    position: relative;
}

.about-content>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ab3a4f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.about-content>a:hover:before{visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
.about-inner>div.about-img.transfer-img {
    padding: 100px 3%;
    border-left: 1px solid #f1f1f1;
    border-right: 0;
    transform: translateX(-1px);
}
.about-content>a i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-left: 8px;
}
section.discover_section {
    background: #202020;
    padding: 3% 0% 0% 0%;
    position: relative;
    overflow: hidden
}
.discover_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.discover_inner>div {
    width: 50%;
}
.discover_left>h2 {
    font-size: 35px;
    color: #fff;
    padding-right: 6%;

}
.discover_left>a {
    background: #fff;
    border: solid 1px #fff;
    border-radius: 5px;
    color: #202020;
    display: inline-block;
    padding: 6px 12px;
    margin-top: 30px;
}
.discover_left>a:hover{
    border: solid 1px #fff;
    background: transparent;
    color: #fff;
    transition: all ease-in-out 200ms
}


.Featured-section, .Subscription-section, .client-section{
    padding: 6% 0;
    text-align: center;
    color: #212121;
    font-family: 'Roboto', sans-serif;
}
.Featured-section>span, .Subscription-section>span, .client-section>span {
    font-weight: 400;
}
.Featured-section>h2, .Subscription-section>h2, .client-section>h2{
    font-size:35px;
    margin-top:15px;
}
.featured-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: solid 1px #f1f1f1;
    /*align-items: center;
    padding: 2% 0;*/
    margin-top: 40px;
}
.featured-img {
    width: 33.33%;
    padding: 2% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 200ms;
}
.featured-img:hover{background:#f7f7f7;}
.featured-inner>div:nth-child(2) {
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
.featured-img>img{
    margin:0 auto;
}
.Subscription-section{
    padding-top:0;
}
.subscription-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 0;
    margin-top: 40px;
    box-shadow: 0 3px 76px 0 rgba(171, 58, 79, 0.09);
}
.subscription-col {
    width: 33.33%;
    padding: 3% 6%;
}
.subscription-inner>div:nth-child(2) {
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
.subscription-col>img {
    width: 50px;
    margin: 0 auto;
}
.subscription-col>h2 {
    font-size: 20px;
    margin: 22px;
}
.subscription-col>h3>sup {
    font-weight: 400;
    font-size: 16px;
}
.subscription-col>i{
    color:#949494;
    font-style:normal;
    display:block;
    margin-top: 15px;
}
.subscription-col>a {
    border-radius: 3px;
    background-color: #1c1c1c;
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
    margin: 20px;
    border: 1px solid #1c1c1c;
    transition: all ease-in-out 200ms
}
.subscription-col>a:hover{
    background:#fff;
    color:#1c1c1c;
}
.subscription-col>a.contact-btn{
    background:transparent;
    color:#1c1c1c;
    border: 1px solid #1c1c1c;
}

.subscription-col>a.contact-btn:hover{
    background: var(--hover-color); 
    border: 1px solid var(--hover-color);
    color:#fff;
    transition: all ease-in-out 200ms
}

.subscription-col>ul {
    text-align: left;
    border-top: solid 1px #f1f1f1;
    margin: 10px 0;
    padding-top: 20px;
}
.subscription-col>ul>li {
    margin: 15px 0;
}
.client-section{
    padding-top:0;
    text-align:left;
}
.client_carousel{
    padding: 0 40px;
    margin-top: 40px;
}
.client_carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
}
.client_carousel .owl-prev,
.client_carousel .owl-next{
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    font-size: 23px !important;
    color: #ffffff !important;
    background: #202020 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%!important;
    text-align: center;
    line-height: 40px;
}
.client_carousel .owl-next{
    left:auto;
    right:0;
}
.client_carousel .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    height: 363.333px;
}
.client_carousel .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#f5f5f5;
    border: 1px solid #f1f1f1;
    z-index: -1;
    transform: rotate(45deg) scale(0.71);
    transition: all 0.5s;
}

.client_carousel .item:hover:after {    
    background:transparent;    
    transform: rotate(0deg) scale(0.82);
}
.client_carousel .item.item-white:after{
    background:#fff;
}
.client_carousel .item.item-white:hover:after{
     background:transparent;
}
.client_carousel .item>img {
    width: 50% !important;
    transition: all 0.2s;
    visibility: visible;
    opacity: 1; 
}
.client_carousel .item:hover>img{
    visibility: visible;  
    opacity: 1;
}
.client-txt {
    display: none;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;       
    position: absolute;
    color: #fff;  
    visibility: hidden;  
    opacity: 0;
    transition: all 0.5s;
    width: 96%

}
@keyframes rotaterev {
    from {transform: rotate(360deg);}
    to {transform: rotate(350deg);}
}
.client-txt img{
    width: 20% !important;
}
.client_carousel .item:hover .client-txt{
    display: none;
    visibility: visible;
    opacity: 1;    
}
@keyframes rotate {
    from {transform: rotate(350deg);}
    to {transform: rotate(360deg);}
}
.client-txt p{
    width: 70%;
}
.client-txt h2,h3,p{
    padding: 4px 0;
}
section.discover_section.subscribe-section {
    padding: 0;
}
section.discover_section.subscribe-section .discover_left>h2 {
    padding-right: 0;
    margin-bottom: 30px;
}
section.discover_section.subscribe-section .discover_left>h2 img {
    width: 80px;
    margin-top: -6px;
    margin-left: 10px;
}
.subscribe-section .discover_inner {
    align-items: center;
}
.subscribe-section input {
    width: calc(70% - 92px);
    padding: 4px;
    border: 0;
    border-bottom: 1px solid #9a9a9a;
    background: transparent;
    margin-right: 3%;
    outline: none;
    color:#fff;
}
.subscribe-section input::placeholder{
    color:#ccc;
}
.subscribe-section button {
    background: #fff;
    border: 1px solid #fff;
    outline: none;
    border-radius: 3px;
    font-weight: 500;
    color: #1c1c1c;
    padding: 5px 20px;
    transition: all ease-in-out 200ms
}
.subscribe-section button:hover{
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}
.discover_right {
    padding: 6% 0 0;
    position: relative;
}
.discover_right>img {
    margin: 0 auto;
    width: 70%;
    position: relative;
    z-index: 1;
}
.discover_right>img.position{
    position: absolute;
    width: 100%;
    max-width: 245px;
    top: -17%;
    z-index: 0;
    margin: auto;
    left: 17%;}




/* footer section  */

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6% 0;
    color: #212121;
}
.footer-inner>div{
    width:22%;
}
.footer-inner>div.footer1{
    width:34%;
}
.footer1>a {
    color: #212121;
    font-size: 40px;
}
.footer1>p {
    color: #9b9b9b;
    font-size: 16px;
    margin-top: 10px;
}

.footer-inner>div h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.footer-inner>div ul {
    margin-top: 14px;
}
.footer-inner>div ul li {
    margin: 10px 0;
    list-style: none;
}
.footer-inner>div ul li a {
    color: #212121;
    display: inline-block;
     position: relative;
}

.footer-inner>div ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #212121;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.footer-inner>div ul li a:hover:before{visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}





.footer-inner>div.footer4>ul>li {
    display: inline-block;
    margin: 0;
    margin-right: 8%;
    font-size: 18px;
}



/* search page css */
.search-top{
    background-color: #1c1c1c;
}
.search-top .logo a {
    color: #ffffff;
}
.search-top .navigation ul li.sign_btn a {
    border: 1px solid #fff;
    color: #ffffff;
}
.search-top .navigation ul li.subscribe_btn a {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #1c1c1c;
}
section.search-filter {
    background-color: #f9f9f9;
    padding: 40px 0;
}
.search-filter-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position:relative;
}
.search-filter-left {
    width: 300px;
    position:relative;
    height: 700px
}

.geography-aspects{height: 250px}
.search-filter-inner.active .search-filter-left {
    width: 0;
    display:none;
}
.search-filter-left h2.filter-heading:first-child {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #AB3A4F;
    border-bottom: solid 1px #e4e4e4;
    padding: 10px 0;
}
.search-filter-left h2.filter-heading>i {
    margin-right: 6px;
}
.filter-option>ul>li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 18px 0;
    font-size: 16px;
    color: #303030;
}
.filter-option span.optionName {
    width: 80px;
    font-size: 14px;
    padding-top: 5px;
}
.filter-option span.optionDropdown {
    width: calc(100% - 90px);
}
.filter-option>ul>li span.optionDropdown>select {
    width: calc(100% - 29px);
    border-radius: 3px;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    border: 0;
    color: #5e5e5e;
    font-size: 14px;
    padding: 5px 8px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/dropDown-arrow.png) right #ffffff;
    background-size: 19px;
    background-position-x: 97%;
    background-repeat: no-repeat;
    cursor:pointer;
    float: left
}
.filter-option>ul>li span.optionDropdown>i.addButton {
    width: 25px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    transform: rotate(45deg);
    display: inline-block;
    cursor: pointer;
}
.filter-option>ul>li ul>li {
    width: calc(100% - 29px);
    border-radius: 3px;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    border: 0;
    color: #5e5e5e;
    font-size: 14px;
    padding: 5px 8px;
    margin: 18px 0 0;
    list-style: none;
    position: relative;
}
.filter-option>ul>li ul>li>i{
    width: 25px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: -27px;
}
.filter2 {
    margin: 0px 0 0;
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    padding: 20px 0;
}
.search-filter-left .filter2 h2.filter-heading {
    border: 0;
    padding-top: 0;
    margin-bottom: 15px;
}
.filter2>span.selectDate {
    display: block;
}
.filter2>span.selectDate i {
    font-style: normal;
    width: 36px;
    display: inline-block;
    text-align: center;
}
.filter2>span.selectDate input {
    width: calc((100% - 90px) / 2);
    margin-left: 3px;
    border-radius: 3px;
    /*box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03);*/
    background-color: #ffffff;    
    color: #5e5e5e;
    font-size: 13px;
    padding: 5px;
    outline: none;
    border: solid 1px rgba(113, 113, 113, 0.14);
}
.filter3 .accordion-toggle {
    cursor: pointer;
    position: relative;
    padding: 15px 0 !important;
    padding-left: 20px !important;
    font-size: 14px !important;
}
.filter3 .accordion-toggle:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 18px;
    cursor: pointer;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: 200ms ease-in-out;
}
.filter3 .accordion-toggle.active:before{
    transform: rotate(-135deg);
    top:21px;
}
.filter3 .accordion-toggle.active:after{
    display: none;
}
.filter3 .accordion-content {
    padding-left: 10%;
    display:none;
}
.filter3 .search {
    background: #1C1C1C;
    color: #fff;
    width: 100%;
    border: none;
    padding: 8px 0;
}
.filter3{
    border-top: none !important;
    border-radius: 0px !important;
    padding: 8px 20px !important;
}
.input_checkbox {
    list-style: none;
    position: relative;
    color: #484848;
    font-weight: 500;
    margin: 15px 0;
}
.input_checkbox label {
    font-weight: 500;
    display: block;
    padding-left: 32px;
    margin-bottom: 0;
    cursor: pointer;
}
.input_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
    left: 0;
    z-index: 1;
    top: -4px;
}
.input_checkbox span.checkmark {
     position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    /*box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03);*/
    background-color: #ffffff;
    border: solid 1px rgba(113, 113, 113, 0.3);
}
.input_checkbox span.checkmark:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid #484848;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}
.input_checkbox input:checked ~ .checkmark:after {
    display: block;
}

.search-filter-right {
    width: calc(92% - 250px);
}
.search-filter-inner.active .search-filter-right{
    width:100%;
}
.search-filter-right .home-banner-inner {
    position: static;
    transform: translate(0%, 0%);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filterBy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px 0 25px;
}
.filterBy>div {
    width: 50%;
}
.filterBy>div:last-child{
    text-align:right;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.filterBy h2 {
    font-size: 14px;
    color: #303030;
    font-weight: normal;
}
.filterBy h2:hover{cursor: pointer}

.filterBy h2>i {
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.filterByLeft {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.filterByLeft>ul>li {
    list-style: none;
    display: inline-block;
    border-radius: 3px;
    background-color: #eeeeee;
    padding: 5px 7px;
    color: #5e5e5e;
    font-size: 12px;
    margin-left: 7px;
    cursor: pointer;
}
.filterByLeft>ul>li i{
    font-style:normal;
    display: inline-block;
    margin-left:5px;
}
.filter-right-level {
    border-bottom: solid 1px #e4e4e4;
    border-top: solid 1px #e4e4e4;
}
.filter-right-level>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filter-right-level>ul>li {
    width: 19%;
    border-right: solid 1px #e4e4e4;
}
.filter-right-level>ul>li:last-child {
    border: 0;
    list-style: none;
    position: relative;
    color: #484848;
    font-weight: 500;
    margin: 15px 0;
    cursor: pointer;
    text-align: center;
}
.filter-right-level>ul>li>i {
    margin-left:5px;
}
.filter-result {
    /*margin-top: 25px;*/
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
}
.filter-top-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #e4e4e4;
}
.filter-top-option>h2 {
    font-size: 14px;
    color: #303030;
    font-weight: normal;
    padding: 0 20PX;
}
.filter-top-option>ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.filter-top-option>ul>li {
    padding: 14px 14px;
    border-right: 1px solid #e4e4e4;
    cursor: pointer;
}
.filter-top-option>ul>li.active{
    background-color: rgba(255, 228, 233, 0.6);
}
.filter-top-option>ul>li img {
    width: auto;
    height: 13px;
}
.filter-result-map.disabled, .filter-result-main #table.disabled, .filter-result-main #table_info.disabled, .filter-result-main #table_paginate.disabled,
 .filter-result-main .dataTables_scroll.disabled, .filter-result-main #table_filter.disabled {
    display:none;
}

.filter-result-map.active, .filter-result-main #table.active, .filter-result-main #table_info.active, .filter-result-main #table_paginate.active,
 .filter-result-main .dataTables_scroll.active, .filter-result-main #table_filter.active{
    display:block;
}
.filter-result-main #table_wrapper.active{padding-bottom: 0}
.filter-result-main #table_wrapper.disabled{}
.filter-result-map{border-top:solid 1px #e4e4e4}
/* .filter-result-map.active, .filter-result-table.active{display:block;}
 *//* .filter-result-main.active .filter-result-data{
    display:none;
} */
.timerBtn.active, .mapBtn.active{background: #FFDFE5;}
.filter-result-main.active #table, .filter-result-main.active #table_info, .filter-result-main.active #table_paginate, .filter-result-main.active .dataTables_scroll,
 .filter-result-main.active #table_filter {
    display:none;
}
.filter-result-main.active #table_wrapper{
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: unset;
}
.filter-result-main.active .filter-result-map{
    display:block;
}
.filter-result-main > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fcfcfc;
    border-bottom: solid 1px #e4e4e4;
    text-align: center;
}
.filter-result-main ul.filter-result-heading li{
    color:#171717;
    font-weight:500;
    font-size:14px;
}
.filter-result-main ul:nth-child(even){
    background-color: #f6f7f9;
}
.filter-result-main ul.filter-result-heading li:first-child{
    background: #fcfcfc;
}
.filter-result-main > ul li {
    list-style: none;
    border-left: solid 1px #e4e4e4;
    width: calc((100% - 40px) / 4);
    padding: 10px 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: normal;
}
.filter-result-main > ul li:first-child {
    width: 40px;
    border: 0;
    background: #fff;
}
.filter-result-main ul li>span{
    color:#9a9a9a;
}
.filter-option>ul>li span.optionDropdown .drop {
    display: inline-block;
    width: 100%;
}
.filter-option>ul>li span.optionDropdown .drop.state2, .filter-option>ul>li span.optionDropdown .drop.district2, 
.filter-option>ul>li span.optionDropdown .drop.sub-district2, .filter-option>ul>li span.optionDropdown .drop.village2,
.filter-option>ul>li span.optionDropdown .drop.wards2, .filter-option>ul>li span.optionDropdown .drop.town2 {
    margin-top: 18px;
    display: none;
}
.filter-option > ul > li span.optionDropdown .element.drop.state1:nth-child(1), .filter-option > ul > li span.optionDropdown .element.drop.district1:nth-child(1),
.filter-option > ul > li span.optionDropdown .element.drop.subdistrict1:nth-child(1), .filter-option > ul > li span.optionDropdown .element.drop.village1:nth-child(1),
.filter-option > ul > li span.optionDropdown .element.drop.wards1:nth-child(1), .filter-option > ul > li span.optionDropdown .element.drop.town1:nth-child(1)
{margin-top: 0px;}
.filter-option > ul > li span.optionDropdown .element.drop.state1, .filter-option > ul > li span.optionDropdown .element.drop.district1,
.filter-option > ul > li span.optionDropdown .element.drop.subdistrict1, .filter-option > ul > li span.optionDropdown .element.drop.village1,
.filter-option > ul > li span.optionDropdown .element.drop.wards1, .filter-option > ul > li span.optionDropdown .element.drop.town1 {
    margin-top:8px;}

/* .filter-option > ul > li.village_li, .filter-option > ul > li.wards_li, .filter-option > ul > li.town_li{display: none} */
.disabled_li{pointer-events: none;opacity: 0.5}
/*@keyframes stateAnimation{
    0%{
        display:block;
        opacity:1;
    }
    10%{
        display:block;
        opacity:1;
    }
    80%{
        display:block;
        opacity:0;
    }
    100%{
        display:none;
        opacity:0;
    }
}*/
.filter-option>ul>li span.optionDropdown.active .drop{
    display:block;
    animation:stateAnimation2 500ms ease-in-out;
}

/*@keyframes stateAnimation2{
    0%{
        display:none;
        opacity:0;
    }
    10%{
        display:block;
        opacity:0;
    }
    100%{
        display:block;
        opacity:1;
    }
}*/

.filter-option>ul>li span.optionDropdown .drop>select {
     width: calc(100% - 29px);
    border-radius: 3px;
    /*box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03);*/
    background-color: #ffffff;    
    color: #5e5e5e;
    font-size: 14px;
    padding: 5px 8px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/dropDown-arrow.png) right #ffffff;
    background-size: 19px;
    background-position-x: 97%;
    background-repeat: no-repeat;
    cursor:pointer;
    float: left;
    border: solid 1px rgba(113, 113, 113, 0.14);
}

.filter-option>ul>li span.optionDropdown .drop.plus>i.addButton {
    width: 25px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    transform: rotate(45deg);    
    cursor: pointer;
    display: inline-block
}
.filter-option>ul>li span.optionDropdown.active2 .drop.plus>i.addButton {
    visibility: hidden;
}
.filter-option>ul>li span.optionDropdown .drop.minus>i.removebutton {
    width: 25px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    text-align: center;    
    cursor: pointer;
    display: inline-block
}
.filterByRight .filter-heading {
    display: none;
}
.filterBy>div.filterByRight.active,
.filterBy>div.filterByRight.active2{
    border-radius: 5px 5px 0 0;
}

.filter1, .filter2, .filter3{
    background:#fff;
    padding: 20px;    
    border-radius: 2px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.search-filter-left{border: solid 1px
    rgba(112, 112, 112, 0.14);background: #fff;}
.filter-right-level.active{border: none}
.filter-right-level.active ul{display: none}

/*Intermeditate Search page*/

.search-banner {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #f0f0f0;    
}

.search-banner-inner{   
    width: 100%;  
    margin: auto;
       
}

.search-banner-inner form {
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    box-shadow: 0 3px 22px 0 rgba(0, 0, 0, 0.13);
    padding: 5px;
    background: #fff;
}
.search-banner-inner form .fa.fa-search {
    padding: 10px;
    color: #CCC;
    transition: all ease-in-out 200ms
}
.search-banner-inner form .fa.fa-search.active {    
    color: #000;transition: all ease-in-out 200ms
}
.search-banner-inner input {
    border: none;
    outline: none;
    width: calc(100% - 140px);
}
.search-banner-inner input::placeholder{
    color:#ccc;
}
.search-banner-inner button {
    border: 1px solid #1C1C1C;
    background: #1C1C1C;
    color: white;
    padding: 5px 30px;
    border-radius: 5px;
    letter-spacing: 0.5px;
    outline: none;
}

.search-banner-inner .search-bottom-left {
    width: 100%;
}
.search-banner-inner .search-bottom-left > span{
    display: block;
    border-bottom: solid 1px #E6E6E6;
    padding-bottom: 40px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 18px
}
.search-banner-inner .search-bottom-left > span span.search-tag{font-weight: 400;font-style: italic;color: #AB3A4F}

.search-banner-inner .search-bottom-left > span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0px;    
}
.search-banner-inner .search-bottom ul.suggestions{width:100%;}
.search-banner-inner .search-bottom .suggestions li a {
    display: inline-block;
    color: #5E5E5E;
    border: unset;
    padding: 6px 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;    
    background: unset;
    margin: 13px 0px 20px;
    text-align: left;
    position: relative;transition: all ease-in-out 0.3s;
    z-index: 1
}
.search-banner-inner .search-bottom .suggestions li a:hover{color:unset;background: unset;border: unset;}
.search-banner-inner .search-bottom .suggestions li a span.heading{
    display: block;color: #434343;font-size: 18px;
    border-bottom: solid 1px transparent;
    padding-bottom: 5px;transition: all ease-in-out 200ms;}    
.search-banner-inner .search-bottom .suggestions li a:hover span.heading{border-bottom: solid 1px #434343;}
.search-banner-inner .search-bottom .suggestions li a span.url{
    display: block;color: #AB3A4F;font-size: 16px;}

.tag_input {
    width: calc(100% - 140px);    
    font-size: inherit;   
    border: none;
    padding: unset;
}


body.search-page.modal-open {
    padding: 0 !important;
    overflow-y: auto !important;
}
.search-page .modal-dialog {
   /*  position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) !important;
   margin: 0; */
}
.search-page .modal-content {
   /*  padding: 40px 20px; */
}
.search-page .modal-header {
    /* padding: 0px;
    border-bottom: 0px solid #e5e5e5; */
}
.allLevel {
    border: solid 1px #e4e4e4;
    background-color: #ffffff;    
    display:none;
}
.allLevel.active{
    display:block;
    border-bottom: 0;
}
.allLevel ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}
.allLevel ul li {
    width: 20%;
    margin: 0;
    margin-left: 5%;
    border-right: solid 1px #e4e4e4;
    padding: 15px 0;
}
.allLevel ul li span.checkmark {
    top: 15px;
}
.allLevel ul li:nth-child(4n + 4) {
    border-right: solid 0px #e4e4e4;
}
.filter-close {
    position: absolute;
    top: 30px;
    right: 21px;
    font-size: 15px;
    cursor: pointer;
    z-index: 9;
}
.filter-close span.showFilter,
.search-filter-inner.active .filter-close span.hideFilter{
    display:none;
}
.search-filter-inner.active .filter-close span.showFilter{
    display:block;
}
.home-banner-inner .filter1 {
    width: 300px;
    padding: 3px 11px;
    margin:0;
    display:none;
    position: relative;
}
.search-filter-inner.active .home-banner-inner .filter1 {
    display:block;
}
.home-banner-inner .filter1 h2 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #303030;
    padding: 10px 0;
}
.search-filter-inner.active .search-filter-right .home-banner-inner form{
    width: calc(92% - 250px);
}
.search-filter-right .home-banner-inner form {
    width: 100%;
}
.search-filter-inner.active .search-filter-right .filter-close {
    top: 12px;
}

/* data table */
.geography_li span.geography label{
    width: 48%;
    font-weight: 400;
}
.geography_li span.geography label input[type="radio"] {
    margin-right: 10px;
}

.search-filter-left input[type="text"] {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    background-color: #ffffff;
    color:#5e5e5e;
    font-size: 13px;
    padding: 5px;
    outline: none;
    border: solid 1px
    rgba(113, 113, 113, 0.14);
    margin: 10px 0 0 0;
}
#table tr td, #table tr th {
    border: 1px solid #E4E4E4;
    border-bottom: 0;
    border-top: 0
}
#table.dataTable{
    border-top: solid 1px #e4e4e4;    
    
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 1px solid #E4E4E4;}
.dataTables_scroll {
    border: solid 1px #e4e4e4;
    border-left: unset;
    border-right: unset;

}
table.dataTable tbody td {

    padding: 14px 18px;

}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #E4E4E4;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #E4E4E4;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #E4E4E4;
}
#table tr td:first-child {
    text-align: center;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    margin-left: 10px;
    padding-top: 5px;
}
.dataTables_wrapper .toolbar{
    float: right;
    text-align: right;    
}
.dataTables_wrapper .dataTables_filter input{
    border-radius: 3px;    
    background-color: #ffffff;    
    color: #5e5e5e;
    font-size: 13px;
    padding: 5px;
    outline: none;
    border: solid 1px rgba(113, 113, 113, 0.14);
}
.table-filter-top-option > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.table-filter-top-option >ul > li {
    padding: 14px 14px;
    border-right: 1px solid #e4e4e4;
    cursor: pointer;
}
.table-filter-top-option > ul > li img {
    width: auto;
    height: 13px;
}
.dataTables_wrapper .dataTables_info{
    margin-left: 10px;
}
.dataTables_wrapper{padding-bottom: 10px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #4A4A4A !important;
    border: 1px solid #C9C9C9;
    background: #EFEFEF;
}
.table-filter-top-option > ul > li.downloadBtn{position: relative}
.downloadBtnDrop{    
    border: 1px solid #e4e4e4;
    border-top-color: rgb(228, 228, 228);
    border-top-style: solid;
    border-top-width: 1px;
border-radius: 0 0 5px 5px;
background:#fff;
position: absolute;
left: -1px;
bottom: -72px;
width: 82px;
border-top: 0;
display: none
}
.downloadBtnDrop.active{display: block}
.downloadBtnDrop ul{
    list-style: none;    
    flex-wrap: wrap;
}
.downloadBtnDrop ul > li {
   padding: 7px 14px;
border-bottom: 1px solid #e4e4e4;
cursor: pointer;
text-align: left;
}

/*Make Your Map Css starts here*/
.map1-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2% 0;
}
.map1-inner h2 {
    width: 85%;
    margin: 0px;
    color: #AB394F;
}
.map1-inner button {
    width: 15%;
    background: #000;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.map2 .dataTables_wrapper{
    border: 1px solid #e8e8e8;
}
.map2 .dataTables_wrapper th, td{
    border-right: 1px solid #e8e8e8;
}
.make-y-map, td:nth-child(6), td:nth-child(8), td:nth-child(9) {
    color: #AB394F;
}

#add-map .modal-header .close {
    padding: 0;
}    
#add-map .modal-header .close {
    border-bottom: none;
    border-left: none;
}
#add-map .modal-title {
    color: #AB394F;
    margin-left: 15px;
}
#add-map .form-group h4 {
    margin: 20px 15px;
}
#add-map .modal-body {
    padding: 5px 15px;
}
#add-map .btn-primary {
    background: #000;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
#add-map .btn-primary i {
    font-size: 15px;
    margin: 0px 5px;
}
#add-map input[type="radio"] {
    margin: 5px;
}
#add-map input[type="text"]{
    height: 45px;
}
#add-map div.file {
    position: relative;
    overflow: hidden;
    width: 25%;
    padding: 5px;
    font-size: 16px;
}
#add-map input[type="file"] {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
#add-map select {
    height: 45px;
}
#add-map .form-group button {
    height: 45px;
}

/*Make Your Map Css ends here*/


/* contact page */
section.contactSection {
    padding: 4% 0;
}
.contactInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactInner>div {
    width: 48%;
}
.contactForm>p {
    margin: 5px 0px 30px;
}
.contactForm form {
    padding-right: 10%;
}
.contactForm input, .contactForm textarea {
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    width: 100%;
    padding: 10px;
    outline: none;
}
.contactForm button {
    border-radius: 3px;
    background-color: #1c1c1c;
    color: #fff;
    display: inline-block;
    padding: 7px 25px;
    border: 1px solid #1c1c1c;
    transition: all ease-in-out 200ms;
}
.contactForm button:hover {
    background: #fff;
    color: #1c1c1c;
}
.contactDetails {
    border-radius: 10px;
    border: solid 1px #ececec;
    background-color: #fbfbfb;
    padding: 3%;
    margin-top: 4%;
}
.contactDetails>h2 {
    color: #212121;
    font-size: 24px;
    margin-bottom: 16px;
}
.contactDetails>p{
    color: #212121;
    font-size: 16px;
}
.contactDetails p>span {
    display: block;
    margin: 7px 0;
}
.contactDetails ul {
    margin-top: 14px;
}
.contactDetails ul li {
    color: #ab3a4f;
    list-style: none;
    margin: 5px 0;
    font-size:16px;
}
.contactDetails ul li>span {
    width: 140px;
    display: inline-block;
}


/* blog page */

.BlogSection{
    padding:5% 0;
}
.blogTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.blogHeading {
    width: calc(100% - 300px);
}
.blogHeading h2 {
    position: relative;
    color: #2e2e2e;
    font-size: 30px;
}
.blogHeading h2:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 18px;
    height: 1px;
    background: rgba(216, 216, 216, 0.69);
    left: 80px;
}
.blogSearch {
    width: 300px;
}
.blogSearch input {
    padding: 6px 10px;
    border: solid 1px rgba(216, 216, 216, 0.69);
    background-color: #ffffff;
    border-radius: 4px 0 0 4px;
    width: calc(100% - 38px);
}
.blogSearch button {
    border-radius: 0 4px 4px 0;
    background-color: #1c1c1c;
    color: #fff;
    border: 0;
    padding: 7px 11px;
    margin-left: -3px;
}
.blogList {
    display: flex;
    flex-wrap: wrap;
}
.blogList>div {
    width: calc(50% - 15px);
    border-bottom:1px solid rgba(216, 216, 216, 0.69);
    margin-bottom:40px;
    padding-bottom:40px;
}
.blogList>div:nth-child(even) {
    margin-left: 30px;
}
.blog h2 {
    color: #212121;
    font-size: 22px;
    margin: 22px 0 18px;
}
.blog p {
    color: #212121;
    padding: 0;
    font-size: 15px;
    margin-top: 10px;
}
.blog ul{
    display:flex;
    flex-wrap:wrap;
}
.blog ul li {
    color: #212121;
    list-style: none;
    margin-right: 5%;
    font-size: 12px;
}
.blog ul li img {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.blog>span {
    display: block;
    color: #808080;
    margin-top: 4px;
}
.blog>span>span{
    color: #ab3a4f;
}
.blog a {
    color: #ab3a4f;
    display: inline-block;
    margin-top: 5%;
}

/* About page */

.about-banner-content h2 {
    margin: 0 0 18px 0;
    font-size: 35px;
}
.flex-box{display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;    
}
.aboutus-banner.flex-box div{width:50%;}
div.about-banner-content {
    text-align: center;
    background: #FFF;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    padding: 38px 50px;
    max-width: 880px;
    width: 100%;
}
a.button-black{
border-radius: 3px;
background-color:#1c1c1c;
color:#fff;
display: inline-block;
padding: 7px 15px;
margin: 20px;
border: 1px solid #1c1c1c;
transition: all ease-in-out 200ms;
max-width: 210px;
width: 100%;
text-align: center;
}
a.button-black:hover {
background: #fff;
color:#1c1c1c;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.about-tab {
    margin-top: -41px;
}
.nav-tabs {
    border-bottom: unset;
}
.nav-tabs > li > a{padding: 10px 70px;
    border-radius: 6px 6px 0 0;
    background: #EFEFEF;
    color: #7E7E7E;
}
.nav-tabs > li > a:hover {
    border-color:#eee #eee #eee;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{    
    border: unset;
    box-shadow: 0px -20px 38px rgba(0,0,0,.05);
    color: #212121;
}
.tab-content {
    box-shadow: 0px 10px 38px rgba(0, 0, 0, 0.05);
    position: relative;
    background:#fff;
    margin-top: -1px;
}

a.button-black.margin-left-0{margin-left:0;}
a.button-black::before{background: unset}
.about-section-color{background: #F0F2FF}
.search-filter-left .search {    
    background: #1C1C1C;
    color:#fff;
    width: 100%;
    border: none;
    padding: 8px 0;

}
.fixedsearch {

    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 12px 12px;
    bottom: 0px;
    background: #fff;
    width: 95%;
    z-index: 1

}
.filter3 .tag_input {
    width: 100%;
    font-size: inherit;
    border: none;
    padding: unset;
}
.filter3 span.inputbox{overflow: initial;}
.filter3 span.tag{height: auto;background: #EEEEEE;border-radius: 3px;border:unset;padding: 5px 6px 5px 6px;color: #5E5E5E;white-space: break-spaces;}
.filter3 .autotag{white-space: normal;}
.filter3 .SO_results {
    font-size: inherit;
    border: none;
    width: 100%;
    height: 200px;
    overflow-y: scroll;border: solid 1px rgba(113, 113, 113, 0.14);border-top: unset;
}
.filter3 .SO_result{padding: 13px 16px;margin:0;width: 100%;font-size: 13px; }
.filter3 .SO_result:nth-child(odd){background: #f1f1f1;}
.filter3 .SO_result:nth-child(even){background:#fff}
.filter3 .delete-tag{margin-left:10px;}

 /* Dropdown Button */
.dropbtn {
  
  border: none;
}
.dropdown span{padding:0 15px 0 10px;}
.dropdown .img-thumbnail{max-width: 37px}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 0px 20px;
  right: 0;
  left: 0;
  margin: auto;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;text-align: left;border-bottom: solid 1px #F5F5F5;
}
.dropdown-content a:last-child{border-bottom:unset;}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {color:#00;}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: unset;} 

/*sign-in*/

.material-icons-outlined, .material-icons{font-size: 18px;}
.input-group-addon{border: 1px solid #e4e4e4;}
.form-control, .form-control:focus{border-color: #e4e4e4;box-shadow:unset;}
#priceTableModal .modal-body{padding: 0px;}
#priceTableModal .Subscription-section{padding: 0}
#priceTableModal .subscription-inner{margin-top: 0}
#priceTableModal .modal-header.without-border{    position: absolute;
    right: 0;
}
.modal-header.without-border{border:unset;padding: 0;}
#signModal .modal-header{background: #F8F8F8;padding:0px;}
#signModal .modal-body, #signModal .tab-content{background: unset;box-shadow: unset; }
#signModal .nav-tabs > li > a{padding: 20px 70px;border-radius: 0;margin-right:0;background: unset}
#signModal .nav-tabs > li.active > a, #signModal .nav-tabs > li.active > a:focus, #signModal .nav-tabs > li.active > a:hover{box-shadow:unset;}
#signModal .nav-tabs > li.active{border-right:solid 1px #D1D1D1;border-left:solid 1px #D1D1D1;background: #fff}
#signModal .nav-tabs > li:first-child.active > a{border-left:unset;}
#signModal .close, .modal-header .close{padding: 20px 20px;border-left: solid 1px #D1D1D1;margin: 0;border-radius: unset;}
.modal-header .close{border-bottom:solid 1px #D1D1D1; border-left: solid 1px #D1D1D1; }
#signModal .close, .modal-header .close{opacity: 1;color: #949494}
#signModal .close:hover, .modal-header .close:hover{color:#000;border-bottom:solid 1px #D1D1D1; border-left: solid 1px #D1D1D1;}
#signModal h2, #signModal p, h2.modal-cont, p.modal-cont{text-align: center}
#signModal h2, h2.modal-cont{font-size:26px}
#signModal p, p.modal-cont{color:#A2A2A2}
#signModal p a{color:#AB394F;}
#signModal a.forget{color:#A2A2A2;display: inline-block;line-height: 3.5;text-align: right;float: right; }
#signModal .tab-heading, .tab-heading{margin-bottom:20px;}
#signModal .col-lg-6:first-child{padding-left:0;padding-right:7.5px;}
#signModal .col-lg-6:last-child{padding-right:0;padding-left:7.5px;}
#sizing-addon1 button {
    padding: 0;
    background: transparent;
    border: none;
    color: #555;
}
.sign-or {
    text-align: center;
    line-height: 3.5;
    position: relative;
    overflow: hidden;

}
.sign-or:before,
.sign-or:after {
    background-color: #BFBFBF;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.sign-or:before {
    right: 0.5em;
    margin-left: -50%;
}
.sign-or:after {
    left: 0.5em;
    margin-right: -50%;
}

.btn-facebook {
      background: #3B5998;
      border-radius: 5px;
      color: #fff;
      border-width: 1px;
      border-style: solid;width: 100%       
    }
.btn-google {
      background: #DB4B3F;
      border-radius: 5px;
      color: #fff;
      border-width: 1px;
      border-style: solid;width: 100%    
    }
.btn-facebook:link, .btn-facebook:visited {
      color: #fff;
    }
.btn-facebook:active, .btn-facebook:hover {
      background: #263961;
      color: #fff;
    }

.btn-google:link, .btn-google:visited {
      color: #fff;
    }
.btn-google:active, .btn-google:hover {
      background: #AF261B;
      color: #fff;
    }
.login-modal-link {
    color:#A2A2A2;
    display: block;
    line-height: 3.5;
    text-align: center;
}
.login-modal-link:hover{color: #AB394F}
#success_message{ display: none;}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 6px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* matrices */

.matrices-panal-scroll{height: 225px;margin: 15px 0;}
.matrices-row-flex{display: flex;flex-wrap: wrap;}
.matrices-row-flex .matrices-col{width: 25%;margin-bottom: 50px;border-bottom: solid 1px #E9E9E9;}
.matrices_btn{border:solid 1px #CFCFCF;background: #FEFEFE;color: #7D7D7D;margin:0 20px;}
.matrices_btn:hover, .matrices_btn.b-active{border:solid 1px #AB3A4F;background: #FDF9F9;color: #AB3A4F}
.hr-m-40{margin-top:40px;margin-bottom: 40px}
.matrices-col{border-right:solid 1px #E9E9E9;}
.matrices-col:nth-child(4n){border-right: none;}

.matrices-col h3{margin:0px;text-indent: 20px;border-bottom: solid 1px #E9E9E9;border-top: solid 1px #E9E9E9;line-height: 2.5;}
.matrices-col .panel {
    list-style: none;
    padding: 0px 20px;
    border: unset;
    box-shadow: unset;
}
.matrices-col .panel-body{padding: 0}
.matrices-col .panel .panel-collapse{border-left:solid 1px #E9E9E9;margin:10px 0;}
.matrices-col .panel .panel-collapse .panel{padding: 0px 20px;margin-bottom:0;}
.matrices-col p{color: #484848}
.matrices-col p .glyphicon{font-size: 12px;color:#404040;margin-left: 10px;}
.matrices-col h3 a{color: #AB3A4F}
.color-red img {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -4px;
}

/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.form-group.checkbox-mb-15 {
    margin-bottom: 0;
}
.checkbox.last-checkbox-mb--5, .radio.last-checkbox-mb--5 {
    margin-top: -5px;
}
label a {color:#333; text-decoration: underline}
label a:hover{color:#333;text-decoration: underline}

/*profile*/
.profile-banner .form-search{
    margin:40px 0; 
}

.profile-button-section .btn{min-width: 155px;}
.profile-button{border:solid 1px #CECECE;background: #ffffff;color: #2A2A2A;margin:0 20px;}
.profile-button:hover, .profile-button.b-active{border:solid 1px #1C1C1C;background: #1C1C1C;color: #FFFFFF}
.profile-mid-col-border{border-left:solid 1px #E9E9E9;border-right:solid 1px #E9E9E9;}
.profile-data-bg{background: #fff;border:solid 1px #E9E9E9;border-radius: 5px;margin:10px;}
.profile-data-section .upper{border-bottom:solid 1px #E9E9E9;}
.profile-data-section .upper p span, .profile-data-section .bottom p span{font-size: 40px;line-height: 1.7;}
.pd-20{padding: 20px !important}
/* .profile-data-section .row.no-gutters  [class^="col-"],
.profile-data-section .row.no-gutters [class*=" col-"]{padding:20px;} */
.mb-20{margin-bottom:20px;}
.brd-r{border-right:solid 1px #e9e9e9;}






div#carousel-example-generic .item img {
    height: auto !important;
}