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


@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}










/*---------------general---------------------------*/

*, html, body{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;margin: 0;padding: 0;position: relative;font-family: Roboto;}
*:focus, *hover{outline:none !important;box-shadow: none;}
.container{max-width:1200px;height: 100%;}



/*-------------text----------------------*/

h1{font-size: 48px;font-family:Roboto;font-weight: bold;margin: 0;}

h2{font-size: 30px;font-family:Roboto;font-weight: 500;}

h3{font-size: 25px;font-family:Roboto;font-weight: 500;margin: 0;}

h4{font-size: 20px;font-family:Roboto;font-weight: 500;margin: 0;}

h5{font-size: 18px;font-family:Roboto;font-weight: 500;}

h6{font-size: 16px;font-family:Roboto;font-weight: 500;}

p{font-size: 14px;font-family:Roboto;font-weight: 400;margin: 0;line-height: 20px;}

p.small{font-size: 14px;font-weight: 400;font-family:Roboto;margin: 0;line-height: 24px;}

p.big{font-size: 18px;font-weight: 300;font-family:Roboto;margin: 0;line-height: 28px;}

p strong{font-weight: 500;}

.whitetxt{color:#fff;}

.graytxt{color: #7b7b7b;}

.blacktxt{color:#000;}

.orangetxt{color:#ffa010;}

.greentxt{color:#62b347;}

.redtxt {color: #f90000;}

.talic{font-style: italic;}

.ligncenter{text-align:center;}

.lignleft{text-align:left;}

.lignright{text-align:right;}

a{font-size:16px;color:#fff;font-family:Roboto;font-weight:normal;text-decoration:none !important;}

a:hover, a:focus, a:active{color:#949494;}

button, .button, .btn{background-color:#ffa010;color:#fff;font-family:Roboto;font-size:16px;border:1px solid transparent;outline:none;border-radius: 6px;min-width: 100px;min-height: 45px;line-height: 45px;padding: 0 15px;}

button:hover, .button:hover, .btn:hover{background:transparent;color:#ffa010;border:1px solid #ffa010;text-decoration:none; transition:ease-in .1s;}

.btn2, .button2{background:transparent;color:#ffa010;border:1px solid #ffa010;font-family:Roboto;font-size:16px;outline:none;border-radius: 6px;min-width: 100px;display: inline-block; min-height: 45px;line-height: 45px;padding: 0 15px;}

.btn2:hover, .button2:hover{background-color:#ffa010;color:#fff;border:1px solid transparent;outline:none;text-decoration:none;}

.inside-shadow-lg {box-shadow: inset 0 1rem 3rem rgba(0,0,0,.175)!important;}

/*section{float:left;padding: 70px 0;width: 100%;margin:0;}

section:first-of-type{padding: 0;}

input:focus, select:*/







/*-----------------------------header & footer---------------------*/

a.skip-link.screen-reader-text {display: none;}

header{

    position: relative;

    background: #fff;

    width: 100%;

    height: 70px;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  
    background: #fff;
    padding: auto 120px;
    /* background-image: linear-gradient(to bottom, #4a9319, #62b347); */
}
/* header nav{height: 100%;} */

header ul#primary-menu li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 3px;
    background: linear-gradient(45deg, #62a94c, #62a94c);
    width: 0px;
    margin: 0 5px;
    transform: translate(-100%, 0px);
}
header ul#primary-menu li a:hover:after, header ul#primary-menu li.active a:after {
    left: 0;
    width: calc(100% - 10px);
    transform: translate(0px, 0px);
}
.nav-item {
    margin: 10px 0px;
}
a.nav-link{
    font-size: 14px;
    font-weight: 500;
    display: inline;
}
header a.nav-link{
    font-size: 15px !important;
    color: #373737 !important;
}
footer a.nav-link{
    color: #373737;
    text-transform: capitalize;
}
.nav-link.btn {
    color: #fff !important;
}
.nav-link.btn:hover{
    color: #62a94c !important;
}
.btn.nav-link:hover:after{
    width: 0px;
    display: none !important;
}
header ul#primary-menu li a { text-decoration: none;color:#ffffff;font-size: 16px;font-family:Roboto;white-space: nowrap;overflow: hidden;}

i.fas.fa-arrow-left {
    color: #d0d0d06b;
}

footer{

    background:#f8f8f8;

}
.widget-in p, .widget-in h6{  

    color: #000000

}
.social a i {

    font-size: 30px;
}

.site-copywrite p{

    color: #000000;

    font-family:Roboto;

    font-size: 14px;

}

.site-copywrite a{

    font-family:Roboto;

    font-size: 14px;

}

.breadcrumb{background: transparent;}

li.nav-item.nav-btn a {
    border-radius:6px;
    color: #000 !important;
    background: #fff;
    font-size: 14px !important;
    font-weight: 500;   
    margin-left: 20px;
}
li.nav-item.nav-btn2 a{
    border-radius:6px;
    background: #ffa010;
    border: 2px solid #ffa010;
    font-size: 14px !important;
    font-weight: 500;
    padding: 3px 10px;
    width: auto;
    margin-left: 10px;
    color: #fff !important;
}
li.nav-item.nav-btn a:after, li.nav-item.nav-btn2 a:after{
    display: none;
}
li.nav-item.nav-btn a:hover {
    background: #62a94c;
    color: #fff !important;
}
li.nav-item.nav-btn2 a:hover {
    color: #ffa010 !important;
    background: #fff;
    border: 2px solid #ffa010;
}



/*------------modal----------------*/
/*
.modal-backdrop.show{
    display: none;
}
.modal.show{
    width: 100vw;
    height: 100vh;
    background-color:rgba(0,0,0,0.75);
    padding: 0 !important;
}
label {
    font-size: 14px;
}
#headModal .modal-content, #headModal2 .modal-content {
    background: transparent;
}
.modal-dialog, .modal-content{
    min-width: 600px;
}
#headModal .modal-header, #headModal .modal-body, #headModal2 .modal-header, #headModal2 .modal-body {
    background: #fff;
}
#headModal .modal-footer p, #headModal2 .modal-footer p {
    color: #fff;
}
.modal h6 {
    color: #363636;
}
.modal-header button.close, button.close {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    padding: 0;
    opacity: 0.8;
}
.form-social{
    flex-flow: row nowrap;
}
.form-social a{
    color:#fff;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
}
.form-social a span {
    padding: 5px;
    border-left: 1px solid #36363a5e;
}
.form-social a i {
    padding: 0 5px;
}
.form-social a:first-of-type {
    background-color: #3a589a;    
}
.form-social a:nth-child(2) {
    background-color: #4099ff
}
.form-social a:last-of-type {
    background-color: #e9544f;    
}
label.btn {
    border: none;
    height: auto;
    background: transparent;
    width: auto;
    min-width: auto;
}
.home label.btn {
    color: #000;
}
label.btn:hover {
    border: none;
    background: transparent;
    color: #62a94c;
}
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 10%;
  text-align: center;
}

.modal__inner {
  transition: top .25s ease;
  position: relative;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: auto;
}
.log-hold h4 {
    color: #363636;
    font-weight: normal;
    text-transform: uppercase;
}
.form-social {
    padding: 20px 0;
    margin-top: 15px;
    border-bottom: 1px solid #363636;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login-wrap form {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    width: 50%;
    margin: 0 auto;
}
.login-wrap form label {
    text-align: left;
    width: 100%;
    font-size: 14px;
    color: #363636;
}
.login-wrap form input{
    width: 100%;

    height: 45px;

    padding: 0 15px;

    margin: 10px auto;

    border-radius: 3px;    

    color: #363636;

    border:1px solid #eeeeee;
}
.login-wrap form input.btn {
    color: #fff;
}
.login-wrap form a {
    font-size: 14px;
    text-align: left;
}
.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}

*/




/*-------------home-----------------------*/

.banner-home {

    min-height: 230px;

    background-image: url(../img/headback.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;


}

.banner-result {

    min-height: 130px;

    background-color: #fff;

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.banner-home .position-absolute {
    right: 0;
    top: 0;
}

span.badge {

    position: absolute;

    top: 10px;

    right: 10px;

    background: #ffffff;

    width: 28px;

    height: 28px;

    border-radius: 50%;

    padding: 9px 0px;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 500;

    color: #f00;

}
span.badge.bg-white{

    background: #fffc;
}
span.locat i, span.postime i {
    color: #6c757d !important;
    margin-right: 1px !important;
}
.badge i.fa-share-alt {
    color: #383838;
    font-size: 16px;
}
.banner-searchbox {
    /* min-width: 800px; */
    width: 100%;

    border-radius: 6px;
}
.banner-searchbox form {
    height: 45px;
    border-radius: 6px !important;
}
.banner-searchbox form input, .banner-searchbox form select {

    font-size: 14px;

    height: 45px;

    border: none;

    width: 100% !important;

}
.banner-searchbox .submt.position-absolute.h-100 {
    right: -18.5px;
}
/*
.banner-searchbox form select {

    /*width: 24%;
    border-radius: 0px;
    border-left: 2px solid #5f5f5f;

}*/

.bg-side {
    width: 100%;
    object-fit: cover;
    min-height: 250px;
    max-height: 300px;
}

.banner-searchbox .submt button.button {
    /* margin-top: 3px; */
    margin-right: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 45px !important;
    border-radius: 6px;
    line-height: 40px;
    text-align: center;
    padding: 0;
}

.tab-nav {

    margin: 0 auto;

    border-bottom: 2px solid #d0d0d0;

}

.nav-pills .nav-link {

    background: transparent;

    border:none;

    color: #4a4a4a;

    font-size: 16px;

    font-weight: 400;

    padding: 0;

    position: relative;

    margin: 0px;

    height: auto;

    line-height: 35px;

    white-space: nowrap;

}

.nav-pills .nav-link:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 3px;

    background-color: #6ab155;

    width: 0%;
}

.nav-pills .nav-link:hover:before, .nav-pills .nav-link.active:before{

    width: calc(100% - 15px);

    margin-left: 7px;

}

.nav-pills .nav-link:hover, .nav-pills .nav-link.active {

    background: transparent;  

    border:none;

    color:#1f1f1f;

    border-radius: 0;

}
.carousel-nav {

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.grid-label h4 {

    color: #7b7b7b;

}

.grid-label a.orangetxt {

    font-size: 14px;

    line-height: 20px;

    text-decoration: none;

}


.banner-txt nav.col-12 {

    display: inline-table;

    max-height: 50px !important;

}

.btn-shadow {
    background: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 0 4px 0 rgba(17,22,26,.16), 0 2px 4px 0 rgba(17,22,26,.08), 0 4px 8px 0 rgba(17,22,26,.08) !important;
}
.btn-shadow:hover {
    border: none;
}


.card-img-top.rounded-top {
    
    background-size: cover;

    height: 170px;

    min-height: 170px;

}

.card {
    position: relative;
    min-height: 280px;
    transform: scale(0.97);
    box-shadow: 0 0 4px 0 rgba(17,22,26,.16), 0 2px 4px 0 rgba(17,22,26,.08), 0 4px 8px 0 rgba(17,22,26,.08);
}

.card .card-body {
    width: 100%;
    margin: 0px auto;
    background: #fff;   
}

.card-body h5{
    line-height: 20px;
    color: #363636;
    font-size: 16px;
    font-weight: 500;
}

.card-body p{
    line-height: 30px;
    color: #535353;     
    font-family:Roboto;
    font-size: 14px;
    vertical-align: middle;
}

.card-body p span i{
    color: #6ab155;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle;
}

span.date-marker {
    margin-left: 10px;
}

.explore h3{
    text-align: center;
    color: #363636;
    padding: 10px 0;
}

.explore h3 span {
    font-weight: bold;
}

.divider {
    height: 3px;
    background: #6ab155;
    width: 130px;
    margin: 0px auto 30px;
    border-radius: 6px;
}

.hold.explore-grid {
    flex-flow: row wrap;
}

.show-onhover p {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 10px 20px 0;
    color: #fff;
}

.hold.explore-grid .grid-item img{
    width: 100%;
}

.hold.explore-grid .grid-item:nth-child(even), .hold.explore-grid .grid-item:last-of-type  {
    margin-left: 10px;
}
.grid-item figure {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 10px 14px 8px #00000014;
}

.grid-item figcaption {

    position: absolute;

    background-image: url(../img/explore-overlay.png);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

    padding: 40px;

}

.grid-item figcaption h4 {

    color: #fff;

    font-weight: bold;

}

.col-4.grid-item button{

    min-width: 120px;

    float: left;

    margin-right: 10px;

}

.show-onhover {

    height: 0;

    opacity: 0;

    transform: translate(0%,50%);

}

.action-buttons button {
    line-height: 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    min-height: 30px !important;
}

.table {
    /* box-shadow: 0 0 4px 5px rgba(148, 156, 163, 0.16), 0 2px 4px 0 rgba(152, 159, 165, 0.08), 0 4px 8px 0 rgba(132, 136, 139, 0.08) !important; */
    border: 1px solid #333;
}

.table .thead-dark th {
    height: 20px;
    vertical-align: middle !important;
    background: #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #333 !important;
    padding: 10px 10px !important;
    /* font-weight: 400 !important; */
    /* background: #f2f2f2; */
    font-weight: 600;
    border: none;
    border-bottom: 1px solid #333;
}

.table td {
    font-size: 14px;
    color: #333 !important;
    padding: 20px 10px !important;
}

.grid-item:hover figure .show-onhover, .grid-item figure:hover .show-onhover,  .grid-item figcaption:hover .show-onhover{

    height: auto;

    opacity: 1;

    transform: translate(0%,0%);

    /* transition: .4s all ease 0s; */

}
.pre-footer {

    background: #393939;

}

.img-group li {
    width: 20%;
    text-align: center;
    list-style: none;
}
#showcaselogo{

    border-bottom: 2px solid #4e4e4e;

}
.pre-foot #showcaselogo, #testimonialslide {
    border-top: 1px solid #e6e6e6;
    border-bottom: none;
}

.sponsor-carousel ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

    list-style: none;

}

.newletter h4 {

    font-size: 22px;

    font-weight: normal;

    max-width: 305px;

    color: #b1b1b1;

}

.newletter form .form-group input.form-control{

    height: 45px;

    color: #959595;

    font-size: 13px;

    border-radius: 6px;

    border: solid 1px #d6d6d6;

    background-color: #ffffff;

    width: 100%;

}

.error-message {
    color: crimson;
    font-size: .8em;
}

/*------------search result-------------*/
article.top-background.result {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.banner-result .banner-searchbox form {
    height: auto;
    border-radius: 0px !important;
}
.card.cardresult {
    min-height: 250px;
}
.card-img.rounded-left {
    background-repeat: no-repeat;
    background-size: cover;
}
.cardresult .card-body {
    background: #fff;
}
a.badge.sear.badge-success {
    height: 22px;
    border-radius: 6px;
    background-color: #fff;
    line-height: 22px;
    font-size: 13px;
    font-weight: 600;
}
.button.learn-link {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
    border-radius: 6px;
    background-color: #ffa010;
    width: 160px;
    text-align: center;
    color: #f5f5f5;
    font-weight: bold;
}
.authorimg {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}



/*----------------vendor dashboard------------*/
.banner-dashtop {
    min-height: 170px;
    background-color: #fff;
    width: 100%;
}
.authorinfo-img {
    min-height: 120px;
    width: 120px;
    background-size: cover;
    background-repeat: no-repeat;
}
.button.messbut2 {
    background: #fff;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
    min-width: 100%;
    font-size: 14px;
    color: #000000;
    border: solid 1px #d4d4d4;
}
.button.messbut3 {
    background: #ffa010;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
    min-width: 100%;
    font-size: 14px;
    color: #fff;
}




/*----------------customer dashboard------------*/

.button2.reprt {
    width: 130px;
    text-align: center;
    min-height: 25px;
    line-height: 25px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.customsoc a{
    line-height: 35px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
}
a.fbbtn {
    background-color: #3a559f;
}
a.twtbtn{
    background-color:#1b9cea;
}
a.linkbtn{
    background-color: #0074b2;
}
a.mailbtn{
    background-color: #ffdd00;
}



.custom-ui {
    padding: 30px !important;
    text-align: center;
    background: #fff;
}

.custom-ui h1 {
    font-size: 28px !important;
}

.custom-ui p {
    margin-bottom: 20px;
}

.custom-ui button {
    padding: 0px 20px !important;
    min-height: 40px !important;
    line-height: 10px !important;
    margin-right: 10px;
}

.custom-ui .btn-close {
    background-color: #f2f2f2 !important;
    color: #333 !important;
    border: 1px solid #f2f2f2;
}

.react-confirm-alert-overlay {
    background: rgba(0, 0, 0, 0.58) !important;
}


/*---------------pricing plan---------------*/
li.nav-item.searchmenu input {
    color: #81f35b;
    min-width: 200px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #81f35b;
    border-radius: 0;
    font-size: 12px;
    outline: none;
}
li.nav-item.searchmenu input:focus {
    color: #fff;
    outline: none;
}
.priceall h3 {
    color: #393838;
}
.pricesbx {
    padding: 0;
    border-radius: 6px;
    border: solid 1px #70b93f;
    box-shadow: 0 2px 4px 0 rgba(124, 140, 153, 0.16) !important;
}
.pricesbx h5 {
    border-bottom: solid 1px #70b93f;
    background-color: #e7f9da;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0;
}
.priceall>p {
    font-size: 14px;
    margin: 10px auto;
}
.pricesbx p {
    line-height: 2em;
}
.pricesbx .plan {
    border: 1px solid #f2f2f2;
}
.pricesbx a.button {
    display: inline-block;
    height: 30px;
    font-size: .9em;
    font-weight: 600;
    line-height: 30px;
    min-height: 30px;
    margin: 15px auto 5px;
}
.pricesbx a.button.delete {
    background: crimson;
}
.pricesbx a.button.delete:hover {
    background: #fff;
    color: crimson;
    border-color: crimson;
}
.accordion>.card {
    height: auto;
    min-height: auto;
    border: 0;
}
.accordion>.card .card-header {
    padding: 0;
    background: transparent;
    border: 0;
}
.accordion h5 button.btn {
    display: block;
    min-width: 100%;
    text-align: left;
    border-radius: 6px;
    border: solid 1px #8d9786;
    background-color: #e7f9da;
    color: #000;
    text-decoration: none;
}
.accordion>.card .card-body {
    margin: 0px auto 10px;
    font-size: 14px;
    border-radius: 6px;
    background-color: #fbfbfb;
}


/*-------------about-----------*/
.big-breadcrumb{
    background-image: url("../img/crumbs-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
}
.big-breadcrumb h3, .big-breadcrumb .breadcrumb a {
    color: #fff;
}
.big-breadcrumb .breadcrumb-item.active {
    color: #9ea3a9;
}
#testimonialslide figure img{
    max-width: 200px;
}
.button.messbut {
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
    min-width: 170px;
}


/*------------signup login------------*/
.signup-login {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
}
.the-back {
    border-radius: 6px;
    background-color: #ffffff;
}
.btn-grey {
    background: #f2f2f2;
    color: #333;
}
.toggle-signup {
    max-width: 500px;
    min-height: 45px;
    border-radius: 6px;
    background-color: #ffffff;
    margin: 0 auto 20px;
    padding: 5px;
}
.toggle-signup a {
    color: #575656;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    padding: 0;
    height: 35px;
}
.toggle-signup a:hover, .toggle-signup a.active {
    color: #fff;
    border-radius: 6px;
    background-color: #ffa010;
}
.toggle-signup a:hover, .toggle-signup a.active:hover {
    color: #fff;
    border-radius: 6px;
    background-color: #ffa010;
}
.toggle-signup a:hover, .toggle-signup a.inactive {
    color: #333;
    border-radius: 6px;
    background-color: #e0dfdd;
}
.toggle-signup a:hover, .toggle-signup a.inactive:hover {
    color: #fff;
    border-radius: 6px;
    background-color: #ffa010;
}
.form-social a {
    height: 45px;
    line-height: 45px;
    min-width: 230px;
    color: #a7a7a7;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(112, 112, 112, 0.4);
}
.login-form {
    /* max-width: 600px; */
    margin: auto;
    padding: 30px;
}
.login-form label {
    font-size: 14px;
}
.login-form a {
    color: #333;
    font-size: 14px;
    text-decoration: underline !important;
    font-weight: 600;
    color: #ffa010;
}
.login-form input, .signup-form input, .signup-form select{
    height: 45px;
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
    border: solid 1px #b6d6ab;
    background-color: #fff;
    font-size: 14px;
    color: #575656;
    border-radius: 6px;
}
.login-form input[type="submit"], .signup-form input[type="submit"] {
    height: 45px;
    /* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
    background-color: #ffa010;
    color: #fff;
    font-size: 19px;
}
.lone-footer p, .lone-footer a{
    color: #fff;
}
.login-form input[type="checkbox"], input[type="checkbox"] {
    box-shadow: none;
    height: auto;
    width: auto;
    display: inline-block;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.login-form .form-check{
    margin-left: 20px;
}
.form-group {
    margin-bottom: 1.5rem;
}
.profile-avt {
    border: solid 1px #b6d6ab;
    background-color: #e8e8e8;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: auto;
}
.doneicon {
    width: 185px;
    height: 185px;
    border-radius: 50%;
    line-height: 185px;
    text-align: center;
}
.doneicon i{
    color: #fff;
    font-size: 40px;
}
.profile-nav a{
    width: 40px;
    height: 40px;
    padding: 0 !important;
}
.signup-login.listin:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.40);
}


/*---------------Service-inner---------------------*/
#homeslide .carousel-indicators li, #serviceslide .carousel-indicators li {
    background-color: #fdfdfd;
}
#serviceslide {
    height: 460px !important;
    overflow: hidden;
}
.banner-slide2 {

    height: 500px;

}
#serviceslide .carousel-indicators{bottom: 100px;}

.service-searchbox {

    height: 200px;

    background: #fff;

    margin-top: -110px;

}

.service-searchbox h6 {

    text-align: center;

    color: #363636;

}

.service-inner-searchbox form {

    background: #f5f5f5;

    height: 60px;

    border-radius: 6px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}
.service-inner-searchbox input.searchword, .service-inner-searchbox select{

    height: 45px;

    border: 0;

    background: transparent;

}

.service-inner-searchbox select {

    border-left: 1px solid #5f5f5f;

    padding-left: 10px !important;

}

.searched {

    font-size: 12px;

    font-weight: 300;

    color: #8e8e8e;

}

.searched span{

    font-weight: 500;

    color: #000;

}

.hold.results-wrap {

    flex-flow: row wrap;

    justify-content: flex-start;

}

.hold.results-wrap .results-single {

    width: 32%;

    margin-bottom: 30px;

}

.hold.results-wrap .results-single:nth-child(even) {

    margin-left: 10px;

    margin-right: 10px;

}
.results-single {

  display: none; 

}


.show {

  display: block;

}

.filterbtn .btn {

    background: transparent;

    border:none;

    color: #7d7d7d;

    font-size: 12px;

    line-height: 35px;

    min-width: auto;

    font-weight: 300;

    border-left: 1px solid #949494 !important;

    outline: none !important;

}

.filterbtn .btn.active {

    background: transparent;

    border: none;

    color: #1f1f1f;

    border-radius: 0;

    font-weight: 500;
}

.filterbtn .btn:first-of-type {

    border-left: none !important;

    margin: 0;

    padding: 0;

}

.results-single figcaption .buy p {

    font-family:Roboto;

    font-size: 24px;

}

.contest-filter {

    border-bottom: 1px solid #e2e2e2;

}

.browse-grid .col-4.grid-item:nth-child(even) {

    margin: 0 15px;

}

.browse-grid .grid-item img{

    width: 100%;

}

.browse-grid .grid-item figcaption{

    padding: 0 20px 50px 20px;

    height: 100%;

    display: flex;

    align-items: flex-end;

}

.browse-grid .grid-item figcaption h4{

    font-size: 20px;

}

.createform {

    display: flex;

    justify-content: center;

    height: 60px;

    align-items: flex-end;

}





/*----------voting inner------------*/

.banner-after {

    background: #fff;

}
section.banner-after {

    box-shadow: inset 0 1rem 3rem rgba(0,0,0,.175)!important;

}
.hold.wrap {

    height: 100%;

}

.banner-txt {

    display: flex;

    flex-flow: column;

}

.breadcrumbs {

    margin: 10px 0;

}

.breadcrumbs p {

    font-size: 12px;

    color: #7b7b7b;

    line-height: 18px;

}

.breadcrumbs p a {

    color: #0c0c0c;

    font-size: 12px;

    line-height: 18px;

}

.contest-text {

    color:#363636;

}
.catghead{
    
    text-align: center;
    
    width: 100%;
    
    margin-top: 40px;
    
    border-top: 1px solid #ececec;
    
    padding-top: 20px;
    
    text-transform: uppercase;
    
    font-size: 35px;

}

.contest-text h4 {

    max-width: 450px;

    color: #363636;

}
.contest-media a i, .modal-social a i{

    width: 45px;

    height: 35px;

    font-size: 16px;

    color: #fff;   

    vertical-align: middle;

    line-height: 35px;

}
.figure-img.img-fluid.m-0.rounded-top {

    height: 280px;

    min-width: 100%;
    
}
.contest-media a i.fa-facebook-f, .modal-social a i.fa-facebook-f {background-color: #3a589a;}

.contest-media a i.fa-twitter, .modal-social a i.fa-twitter {background-color: #4099ff;}

.contest-media a i.fa-whatsapp, .modal-social a i.fa-whatsapp {background-color: #2cb742;}

.contest-media a i.fa-telegram-plane, .modal-social a i.fa-telegram-plane {background-color: #19a8ee;}

.contest-media a i.fa-envelope, .modal-social a i.fa-envelope {background-color: #ffc000;}

#contestants select.form-control {
    background: #f6f6f6;
}
#votingCategory select.form-control {
    border-bottom: 3px solid #62a94c !important;
}
.progress {
    height: 11px;
}
.contestants-single h5, .contestants-single p {
    color: #363636;
}
.contestants-single p.border-bottom{
    border-color:#dfdfdf;
}
.votebtn .btn{
    min-width: 100px;
}
.vote-btn {
    background: #2cb742;
    height: 60px;
    line-height: 60px;
    color: #fff;
}





/*--------------------events-inner---------------*/

.top-background {

    background:#fff;

}
.contest-nav{
    
    border-top: 1px solid #d0d0d0;
}


.contest-text h4{

    max-width: 550px;

    text-transform: uppercase;

}

.descrip-txt {

    background-color: #f6f6f6;

}

.descrip-txt div{

    border-bottom: 1px solid #e2e2e2;

}

.descrip-txt div:last-of-type{

    border-bottom: none;

}

.descrip-txt div h6 {

    color: #363636;

}

.descrip-txt div p {

    color: #535353;

}

.descrip-txt a {

    font-size: 14px;

}

.breadcrumb a {
    color: #151515;
    font-size: 12px;
}

.breadcrumb-item.active {
    color: #6c757d;
    font-size: 12px;
}

.top-form, .top-form a, .top-author {
    background: #fff !important;
    box-shadow: 1px .2rem 0.9rem 3px rgba(99, 98, 98, 0.15)!important;
    border-radius: 6px !important;
}

.top-form a{

    background: #f3f3f3;

    color: #363636;
}

.top-form h6 {

    color: #363636;
}
.top-form p{

    line-height: 18px;

    color:#363636;

}
.top-form select, .top-form input{

    border: 1px solid #e6e2e2;

    font-weight:400;

    font-size: 16px;

    font-family:Roboto;

}
.top-form textarea.form-control {
    height: auto;

    font-size: 16px;

    min-height: 90px; 

    font-family:Roboto;
}
.top-form input.btn {

    height: 45px;

}
.border-light{
    border-color: #e6e2e2 !important;
}

.contest-time .border-light{
    border-color: #363636 !important;
}
.locat {

    height: 270px;

    font-size: 16px;

    background-color: #fff;

}
.voting-link {

    height: 400px;

    font-size: 16px;

    background-color: #fff;
}

/*.voting-link img {

    width: 100%;

}*/

.voting-link p {

    padding: 10px 0 20px;

}
.modal label a {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}
.modal .mb-3.rounded.bg-grey {
    background: #f5f5f5;
}


/*----------privacy-----------*/




/*------------trivia inner-----------*/

.trivia-inner .contest-time {

    justify-content: flex-start;

}

.trivia-inner .main-body .contest-time p{

    padding-left: 0;

    border-left: none;

}

.trivia-inner .contest-time p:nth-child(even) {

    padding-left: 3%;

    border-left: 1px solid #363636;

}

.trivia-inner .contest-time p:nth-child(2) {

    width: 66%;

}

.descrip-txt div p strong {

    font-weight: 500;

}

.similar h6 {

    color: #363636;

    text-transform: uppercase;

}

.trivia input{

    width: 100%

}

.trivia input[type="text"], .trivia input[type="email"],.form input[type="text"], .form input[type="email"]{

    height: 45px;

    padding: 0 15px;

    margin: 10px 0;

    border-radius: 6px;    

    color: #363636;

    border:1px solid #eeeeee;

}

.trivia form .update, .trivia form .update a {

    font-size: 12px;

    text-align: right;

    margin: 10px 0;

}

.similar {

    padding: 70px 0 !important;

}
.inner-triv {
    min-height: 200px;
}




/*------------form inner-----------*/

.form-inner .contest-time p:nth-child(2) {

    width: 66%;

}

.form h6{

    font-size: 16px;

    color: #363636;

}

.form input[type="text"], .form input[type="email"], .form select, .form input[type="date"], .form input[type="tel"] {

    width: 100%;

    height: 45px;

    padding: 0 15px;

    margin: 10px 0;

    border-radius: 6px;    

    color: #363636;

    border:1px solid #eeeeee;

}

.form textarea {

    width: 100%;

    height: 90px;

    padding: 15px;

    margin: 10px 0;

    border-radius: 6px;

    color: #363636;

    border: 1px solid #eeeeee;

}

.form div {

    flex-flow: row wrap;

    align-items: center;

    border-top: 1px solid #e6e2e2;

    margin: 20px 0;

}

.form div p {

    width: 100%;

    font-size: 15px;

    margin-bottom: 15px;

}

.form .radio {

    border: none;

    padding: 0;

    margin: 0;

}

@media (min-width: 1200px){
    .banner-searchbox {
        /* min-width: 800px;

        max-width: 900px; */

    }
    .widget-in .col-12.col-lg-6 p {
        max-width: 420px;
        margin: .5em 0
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .75rem;
        padding-left: .75rem;
    }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    #homeslide, #homeslide .carousel-item, #homeslide .carousel-inner, #homeslide .carousel-inner img {
        height: 100%;
    } 
    .banner-home>div{
        height: 620px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {    
    ul#primary-menu {
        background: #1e400de0;
        padding: 10px;
        z-index: 999;
    }
    li.nav-item.nav-btn a,li.nav-item.nav-btn2 a {
        color: #ffa010 !important;
        margin-left: 0px;
        background: transparent;
    }
    .navbar-light .navbar-toggler {
        color: rgb(0, 0, 0);
        border-color: rgba(0,0,0,.1);
        background: none;
        border: none;
        min-width: auto;
    }
    .container.contain-head {
        width: 85%;
        margin: 0 auto;
        padding: 0;
    }
    .nav-pills .nav-link {
        font-size: 14px;
    }
    .banner-home, .banner-result {
        min-height: 400px;
    }
    .card.cardresult {
        min-height: 500px;
        height: 500px;    
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .card.cardresult .col-md-4.h-100 {
        height: 50%!important;
    }
    .col-8.col-md-1.position-absolute.submt {
        position: relative !important;
    }
    .widget-in {
        padding: 30px 0;
        text-align: center;
    }
    .newletter {
        text-align: center;
    }
    .newletter .form-group {
        background: none !important;
    }
    .banner-searchbox form {
        height: auto;
        background: none;
    }
    #cardslide .carousel-item .col-12.col-md-4, .all-card .col-12.col-md-4  {
        max-width: 300px;
    }
    .service-searchbox {
        height: auto;
        margin-top: 0px;
    }
    .service-inner-searchbox form {
        height: auto;
    }
    .service-inner-searchbox select {
        border-left: none;
    }    
    .modal-dialog, .modal-content {
        min-width: auto;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 18px;
    }    
    h5, .h5 {
        font-size: 16px;
    }       
    h6, .h6 {
        font-size: 14px;
    }
    .newletter .form-group>div, .banner-searchbox .form-group>div{
        margin: 5px auto;
    }
    #cardslide .carousel-item .col-12.col-md-4, .contestants-single {
        max-width: 300px;
    }
    .newletter .form-group {
        background: none !important;
    }
    .banner-searchbox {
        min-width: auto;
    }
    .banner-after {
        height: auto;
    }
    .carousel-control-prev {
        left: 20px;
    }
    .carousel-control-next {
        right: 75%;
    }
    .modal-dialog, .modal-content {
        min-width: auto;
    }
}

@media (max-width: 575.98px) { 
    .newletter h4 {        
        max-width: 350px;
    }
    .contest-media p.small {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

button.mark-as-read-button {
    border-color: #ffa010;
    padding: .2rem .5rem;
    font-size: 80%;
    line-height: 1.2;
    border-radius: 6px;
    background-color: transparent;
    color: #ffa010;
    min-height: unset;
    min-width: unset;
}

button.mark-as-read-button:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 160, 16,.25);
}
.contact-form {
    max-width: 600px;
    width: 100%;
    height: unset;
    max-height: unset;
}

.no-resize {
    resize: none;
}

.loading-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    z-index: 100;
}