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

body{
	font-family: 'Montserrat', sans-serif !important;
}

/*color: #012947;*/
body h1.title{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}
body h2 {
    font-size: 32px;
    font-weight: 500;
    color: #333;
    margin: 0;
    margin-bottom: 20px;
}
body h2.cp{
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}
body h3{
    font-size: 28px;
    color: #333;
    font-weight: 700;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}
body h3 span{
    text-transform: initial;
    font-size: 20px;
    font-weight: 500;
}
body h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
}
body h6{
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2em;
    text-align: left;
    margin-top: 0;
    color: #fff;
}
body h5{
    font-size: 24px;
    color: #7e7e7e;
    text-align: center;
    font-weight: 500;
}
body p{
    font-size: 17px;
    color: #555;
    line-height: 1.4;
    text-align: left;
    font-weight: 500;
}
body .cl-b{
    color: #000 !important;
}


body a:hover,
body a:focus,
body a{
	text-decoration: none;
	color: inherit;
}
body ul{
	list-style: none;
	padding-left: 0;
}

.hr-line1{
    border-top: 2px solid #eee;
    width: 50px;
    margin-left: 0;
}
.hr-line2{
    border-top: 2px solid #eee;
    margin-left: 0;
}



.mt-0{
    margin-top: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}



.btn-1{
    color: #fff;
    /*background: #0093ff;*/
    background: #28afa5;
    border: 2px solid #28afa5;
    width: 100%;
    padding: 10px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: none;
    outline: none;
    box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.27);
    transition: all .6s ease;
}
.btn-1:hover{
    background: #090031;
    border-color: #090031;
    color: #fff;
}

.btn-2{
    display: inline;
    background: transparent;
    border: 2px solid #28afa5;
    padding: 12px 30px;
    font-size: 18px;
    color: #28afa5;
    margin-bottom: 10px;
    box-shadow: none;
    outline: none;
    box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.27);
    transition: all .6s ease;
}
.btn-2:hover{
    background: #28afa5;
    color: #fff;
    border-color: #28afa5;
}


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

.header-top{
    background: #090031;
    padding: 10px 0;
}
.header-in{
    width: 100%;
    display: flex;
    align-items: center;
}
.header-in .box{
    width: 100%;
    padding: 0 8px;
}
.header-in .logo{
    width: 60%;
}
.header-in .search{
    width: 100%;
}
.header-in .social{
    width: 60%;
}

/*toggle*/
.header-in .toggle{

}
.header-in .toggle .toggle-icon{
    color: #fff;
    font-size: 26px;
    padding-left: 10px;
}
.header-2 .closebtn{
    color: #090031;
    font-size: 50px;
    line-height: .8;
}

.logo-t{
    width: 220px;
}

/*search-box*/
.search-s{
    width: 100%;
    display: flex;
}
.search-field {
    border-radius: 3px !important;
    height: 42px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2) !important;
    color: #333;
    font-size: 16px;
    padding-left: 35px;
}
.search-box-f .search-btn {
    background: #28afa5;
    color: #fff;
    width: 50px;
    height: 42px;
    font-weight: 500;
    border-radius: 3px !important;
    margin-left: 1px !important;
    box-shadow: none !important;
    outline: none !important;
}
.search-box-f .search-btn:hover {
    background: #090031;
    border-color: #090031;
    color: #fff;
}
/*.search-box*/
.search-box .search-btn {
    border-radius: 3px !important;
    width: 3.4em;
    background-color: #28afa5;
    color: white;
    padding: 6px 6px;
    font-size: 20px;
}
.search-box .search-btn:hover{
    color: #fff;
}
.search-box .search-s{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}
.search-box .input-s{
    position: relative;
    width: 100%;
    margin-right: 6px;
}
.search-box .input-s .search-field{
    height: 42px;
    padding-left: 35px;
}
.search-box .input-s img{
    position: absolute;
    top: 10px;
    left: 8px;
    width: 20px;
}
.search-box .btn-s .srch-txt{
    display: none;
}

/*social*/
.social-icon {
    width: 100%;
    max-width: 200px;
    margin-left: auto;
}
.social-icon a{
    color: #090031;
    display: inline-block;
    width: 38px;
    height: 38px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 4px 4px;
    background: #fff;
    border-radius: 50%;
    margin: 0 6px;
    transition: all .6s ease;
}
.social-icon a:hover{
    background: #28afa5;
    color: #fff;
}
.social-icon a i{

}

/*header-2*/
.header-2{
    width: 100%;
    background: #28afa5;
    padding: 15px 0;
}
.header-2 .menu1{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.header-2 .menu1 a {
    display: block;
    padding: 6px 20px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
}
.header-2 .menu1 a i {
    margin-right: 6px;
}
.header-2 .menu1 li.active a,
.header-2 .menu1 a:hover {
    color: #090031;
}



/*banner*/
.banner{
    background: url('../images/banner.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.banner .overlay{
    background: rgba(0, 0, 0, 0.3);
    padding: 11em 15px 8em 15px;
}
.banner .box{
    width: 80%;
    max-width: 768px;
    display: flex;
    /*align-items: center;*/
    margin: auto;
    /*padding: 11em 15px 8em 15px;*/
}
.banner .box .left{
    width: 50%;
    padding: 0 10px;
}
.banner .box .center{
    width: 50%;
    padding: 0 10px;
}
.banner .box .right{
    width: 50%;
    padding: 0 10px;
}
.banner .box .find{
    background: #fff;
    max-width: 180px;
    padding: 20px 15px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 12px rgb(0 0 0 / .25);
    height: 100%;
}
.banner .box .rate{
    background: #fff;
    max-width: 180px;
    padding: 20px 15px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.banner .box .rate img,
.banner .box .find img{
    margin-bottom: 10px;
    width: 60px;
    object-fit: contain;
}
.banner .overlay .text-b {
    margin-bottom: 30px;
    margin-top: 34px;
}
.banner .overlay .text-b h2{
    font-family: 'Annie Use Your Telescope', cursive;
    color: #fff;
    text-align: center;
    font-size: 50px;
}
.banner .box .rate:hover,
.banner .box .find:hover {
    background: #28afa5;
}
.banner .box .rate:hover h3,
.banner .box .find:hover h3{
  color: #fff;
}

.banner .search-box {
    margin: auto;
    margin-bottom: 50px;
    width: 100%;
    max-width: 690px;
}
.banner .search-box .search-field{
    padding-left: 38px;
}
.banner .search-box .search-btn {
    height: 42px;
}


/*about*/
.about{
    padding: 60px 0;
}




/*banner*/
.section1{
    background: url('../images/banner.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.section1 .overlay{
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    min-height: 80vh;
}
.section1 .box{
    width: 80%;
    max-width: 768px;
    align-items: center;
    margin: auto;
    padding: 5em 15px;
    text-align: center;
}
.section1 .box .left{
    width: 50%;
    padding: 0 10px;
}
.section1 .box .right{
    width: 50%;
    padding: 0 10px;
}
.section1 .box .find{
    background: #fff;
    max-width: 180px;
    padding: 20px 15px;
    border-radius: 4px;
}
.section1 .box .rate{
    background: #fff;
    max-width: 180px;
    padding: 20px 15px;
    border-radius: 4px;
    margin-left: auto;
}
.section1 .box .rate img,
.section1 .box .find img{
    margin-bottom: 8px;
}

/*form1*/
.form1{
    width: 100%;
    max-width: 440px;
    margin: auto;
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0px 0px 30px 0.1px rgba(0, 0, 0, 0.6);
}
.form1 label{
    color: #333;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}
.form1 .form-control{
    height: 44px;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    background: #dadada;
}
.form1 .form-control::placeholder{
    text-align: center;
    font-size: 16px;
}
.form1 p{
    text-align: center;
    color: #444;
    text-transform: uppercase;
    font-size: 15px;
}
.form1 p a:hover{
    color: #28afa5;
}


.form1 .select2-container--default .select2-selection--single{
    height: 44px;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    background: #dadada;
    border: 0;
    padding: 6px 12px;
    text-align: left;
}
.form1 .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
    top: 0;
}
.form1 .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
}


/*section2*/
.section2{
    padding: 60px 0;
    background: linear-gradient(to bottom, #fff 0%, #bee3ff 100%);
    height: 100%;
    min-height: 80vh;
}
.section2 .btn-2{
    padding: 10px 30px;
}
.section2-box{
    width: 100%;
    max-width: 850px;
    margin: auto;
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0px 0px 30px 0.1px rgba(0, 0, 0, 0.6);
}

.section2-box h6{
    text-align: center;
    color: #000;
    margin-top: 20px;
    margin-bottom: 15px;
}


/*section2*/
.section3{
    padding: 60px 0;
    height: 100%;
}
.section3 .btn-2{
    padding: 10px 30px;
}
.form2{
    width: 100%;
    max-width: 650px;
    margin-top: 40px;
}
.form2 .form-group{
    margin-bottom: 30px;
}
.form2 .form-horizontal .control-label{
    text-align: left;
}
.form2 label{
    color: #333;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
}
.form2 .form-control{
    height: 42px;
    font-size: 16px;
    outline: none !important;
    box-shadow: none !important;
}
.form2 .form-control:hover,
.form2 .form-control:focus{
    border-color: #888;
}
.form2 .form-group p a{
    color: #28afa5;
}
.form2 .form-group p.cancel{
    text-align: center;
    text-transform: uppercase;
}
.form2 .form-group p.cancel a{
    color: #555;
}
.form2 .form-group p.cancel a:hover{
    color: #28afa5;
}

/*.section3-form*/
.section3-form{
    padding: 20px 0;
}
.section3-form .form2{
    margin-top: 20px;
}
.section3-form .form2 .form-group {
    margin-bottom: 8px;
}
.section3-form .form2 .form-control {
    height: 36px;
    font-size: 14px;
}
.section3-form .form2 label{
    font-size: 14px;
}
.section3-form .btn-1{
    margin-top: 0;
    padding: 8px;
}


.select2-container--default .select2-selection--single {
    height: 36px !important;
    font-size: 14px;
    border-color: #ccc !important;
}
.select2-container--default .select2-selection--single:focus {
    border-color: #888 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}


/*btn-face*/
.btn-face{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.btn-face img{
    width: 100px;
    margin: 10px 40px;
}

/*section4*/
.section4{
    padding: 40px 0 10px 0;
}

/*media-profile*/
.media-profile{
    padding: 20px 0;
}
.media-profile .media-object{
    width: 140px;
}
.media-profile .media-heading{
    margin-top: 10px;
}
.media-profile p{
    color: #000;
    margin: 0; 
    font-size: 15px;
}
.media-profile .btn-2{
    padding: 8px 20px;
    margin-top: 10px;+
}

/*quality-s*/
.quality-s{
    padding: 40px 0;
    background: #e1e5e9; 
    background: linear-gradient(to bottom,#e1e5e9, #fff, #e1e5e9 );
}
.quality-s .quality{
    width: 100%;
    max-width: 450px;
    display: flex;
    justify-content: center;
    margin: auto;
}
.quality-s .quality .left{
}
.quality-s .quality .right{
}
.quality-s .quality .left .box{
    width: 200px;
    height: 254px;
    border: 1px solid #000;
    margin: 4px 4px;
    background: #fff;
    box-shadow: 0 0 6px 0.1px #d0d0d0;
    padding: 72px 8px;
}
.quality-s .quality .right .box{
    width: 200px;
    height: 125px;
    border: 1px solid #000;
    margin: 4px 4px;
    background: #fff;
    box-shadow: 0 0 6px 0.1px #d0d0d0;
    padding: 18px 8px;
}

.quality-s .quality .left .box h3{
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
}
.quality-s .quality .left .box h6{
    text-align: center;
    color: #777;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.quality-s .quality .right .box h3{
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
}
.quality-s .quality .right .box h6{
    text-align: center;
    color: #777;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.quality-s .quality .right .box .extend-in{
    display: flex;
    margin-top: 20px;
}
.quality-s .quality .right .box .extend-in .ex-in{
    padding: 5px;
}

/*rating1*/
.rating1{
    background: #fff; 
}
.rating1 .top{
    background: #fff;
}
.rating1 .left select{
    width: 100%;
    max-width: 250px;
    box-shadow: none;
    outline: none;
    height: 40px;
    border: 1px solid #888;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #888;
    margin-top: 16px;
    margin-bottom: 10px;
}
.rating1 .left select option{
    color: #333;
    font-weight: 500;
}
.rating1 .right .tr{
    background: #e1e5e9;
    width: 100%;
    max-width: 250px;
    padding: 12px 10px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-left: auto;
    margin-top: 18px;
}
.rating1 .middle .btn-2{
    max-width: 260px;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 18px;
    padding: 10px;

}


/*rating2*/
.rating2{
    background: #e1e5e9; 
    padding: 40px;
}
.rating2-in{
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}
.rating2-in .box1{
    width: 50%;
    margin-left: 6px;
    margin-right: 6px;
    background: #f5f5f6;

}

.rating2-in .box2{
    width: 30%;
    margin-left: 6px;
    margin-right: 6px;
    background: #f5f5f6;

}
.rating2-in .box3{
    width: 50%;
    margin-left: 6px;
    margin-right: 6px;
    background: #f5f5f6;

}

.rating2-in .panel{
    border-radius: 0;
    margin-bottom: 0;
}
.rating2-in .panel .panel-heading{
    background-color: #c4c4c4;
    border-radius: 0;
    color: #000;
    font-weight: 800;
    font-size: 17px;
    text-transform: uppercase;
}
.rating2-in .panel .panel-body{
    border-radius: 0;
    background: #f5f5f6;
    padding: 20px 15px;

}
.rating2-in .panel .panel-body p{
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.rating2-in .panel .panel-body p.single {
    margin-bottom: 8px;
}

.rating2-in .box1 .gd {
    width: 100%;
    max-width: 320px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0px 4px 10px 0.1px #afafaf;
    padding: 15px 8px;
}
.rating2-in .box1 .gd img{
    margin-right: 20px;
}
.rating2-in .box1 .gd h2{
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
}

.rating2-in .box1 .qw{
    width: 100%;
    max-width: 320px;
    margin: 20px auto 30px auto;
    display: flex;
    justify-content: center;
}
.rating2-in .box1 .qw .box{
    background: #fff;
    margin: 0 4px; 
    width: 50%;
    padding: 12px 4px;
}
.rating2-in .box1 .qw .box h5{
    font-size: 12px;
    color: #777;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.rating2-in .box1 .qw .box h2{
    text-align: center;
    color: #000;
    font-weight: 700;

}

.rating2-in .box3 h6{
    color: #666;
    font-weight: 600;
}
.rating2-in .box3 hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #c5c5c5;
}



/*section3-rate*/
.section3-rate{
    
}
.section3-rate hr{
    border-color: #000;
}
.rate-flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;   
    align-items: center;
}
.section3-rate h2{
    font-weight: 700;
    color: #919191;
}
.section3-rate .rating-box{
    width: 100%;
    /*height: 412px;*/
    background: #ededed;
    padding: 15px;
    height: 100%;
}
.section3-rate .rating-box h5{
    text-align: left;
    color: #090031;
    font-weight: 700;
}
.section3-rate .form2{
    max-width: 850px;
}

.section3-rate .form2 textarea.form-control{
    height: 150px;
}

/*.radio-btn*/
.radio-btn{
    margin-bottom: 10px;
    text-align: center;
}
.radio-btn .wrap{
    padding-left: 22px;
}
.radio-btn label {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 15px;
}

.radio-btn .btn:hover {
    cursor: pointer !important;
}

.radio-btn .btn:active {
    /*box-shadow: 0 1px #666 !important;
    transform: translateY(2px) !important;*/
}
.radio-btn .btn {
    
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    padding: 10px 40px;
    box-shadow: none;
    text-align: center;
}
.radio-btn .btn-sık {
    transition: all 0.4s ease;
    background-color: #d1d1d1;
    border: none;
    box-shadow: none;
    border-radius: 2px;
}


.radio-btn btn-sık::selection{
    background: green;
}

.radio-btn input[type="radio"] {
     position: absolute;
    visibility: hidden;
}   
.radio-btn input[type="radio"] + div {
    position: relative;
}
.radio-btn input[type="radio"]:checked + div {
    background-color: #28afa5;
    box-shadow: 0px 8px 18px 0.1px rgba(0, 0, 0, 0.26);
}
.radio-btn input[type="radio"]:checked + div>span {
    color: #fff;
}
.radio-btn input[type="radio"] + div>span {
    position: relative;
    color: #000;
}



/*.radio-btn input[type="radio"]:checked + div::before {
    font-family: FontAwesome;
    content: "\f08d";
    position: absolute;
    bottom: 31px;
    font-size: 21px;
    color: white;
    right: -5px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    animation: fall 0.5s forwards;
}*/

@keyframes fall {
    100% {
        -webkit-transform: translate(-5px,5px) rotate(30deg);
        -moz-transform: translate(-5px,5px) rotate(30deg);
        -o-transform: translate(-5px,5px) rotate(30deg);
        -ms-transform: translate(-5px,5px) rotate(30deg);
        transform: translate(-5px,5px) rotate(30deg);
    }
}

@-moz-keyframes fall {
    100% {
        -webkit-transform: translate(-5px,5px) rotate(30deg);
        -moz-transform: translate(-5px,5px) rotate(30deg);
        -o-transform: translate(-5px,5px) rotate(30deg);
        -ms-transform: translate(-5px,5px) rotate(30deg);
        transform: translate(-5px,5px) rotate(30deg);
    }
}

@-webkit-keyframes fall {
     100% {
        -webkit-transform: translate(-5px,5px) rotate(30deg);
        -moz-transform: translate(-5px,5px) rotate(30deg);
        -o-transform: translate(-5px,5px) rotate(30deg);
        -ms-transform: translate(-5px,5px) rotate(30deg);
        transform: translate(-5px,5px) rotate(30deg);
    }
}




.section3-rate #ex1Slider .slider-selection {
    background: red;
    background: linear-gradient(to right, #28afa5 0%, #3ff3f3 100%);
}
.section3-rate .slider.slider-horizontal{
    width: 100%;
}
.section3-rate .slider.slider-horizontal .slider-track{
    height: 22px;
    border-radius: 20px;
    overflow: hidden;
}
.section3-rate .slider-handle{
    width: 30px;
    height: 30px;
    background: #fff;
    box-shadow: 0 3px 12px 0.1px rgba(0, 0, 0, 0.3);
}



/*section-result*/
.section-result{
    padding: 40px 0;
}

/*form-filter*/
.form-filter{
    width: 100%;
    padding: 20px 0;
}
.form-filter form{
    width: 100%;
}
.form-filter form .form-group{
    width: 100%;
}

.form-filter .label1{
    color: #333;
    font-size: 20px;
    font-weight: 600;
}
.form-filter .label1,
.form-filter .form-control{
    width: 17% !important;
    margin: 6px 1%;
}
.form-filter .form-control{
    border-radius: 0;
    box-shadow: none;
    outline: none;
    height: 42px;
}

/*.section-result2*/
.section-result2{
    padding-bottom: 60px;
}

.section-result2{

}
.section-result2 .result-table{

}
.section-result2 .result-table table tr th{
    text-align: center;
    border: none;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    font-size: 16px;
}
.section-result2 .result-table table tr td{
    text-align: center;
    padding: 14px 6px;
    vertical-align: middle;
    background: #f5f5f6;
    color: #333;
    font-weight: 600;
    font-size: 15px;
}
.section-result2 .result-table table tr td:nth-child(1){
    font-weight: 700;
}

/*mobile-table*/
.mobile-table{

}
.mobile-table .section-result2 .result-table table tr th{
    text-align: left;
}
.mobile-table .section-result2 .result-table table tr td{
    text-align: left;
    padding: 14px 10px;
}
.mobile-table .section-result2 .result-table table tr td .city{
    font-size: 13px;
    font-weight: 400;
}

/*mobile-search*/
.mobile-search #custom-search-input {
    margin:0;
    margin-top: 10px;
    padding: 0;
}

.mobile-search #custom-search-input .search-query {
    font-size: 13px;
    padding: 4px;
    padding-left: 28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mobile-search #custom-search-input button {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: 0px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 15px;
}

.mobile-search .search-query:focus + button {
    z-index: 3;   
}

.mobile-search #custom-search-input .input-group-btn{
    background: #28afa5;
    padding: 0 8px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.mobile-search #custom-search-input .img-icon{
    position: absolute;
    top: 7px;
    left: 4px;
    z-index: 5;
    width: 18px;
}










/*footer*/
.footer{
    padding: 20px 0;
    background: #090031;

}
.menu-bottom {
    margin-bottom: 8px;
}
.menu-bottom li{
    display: inline-block;
}
.menu-bottom li a{
    color: #fff;
    display: inline-block;
    padding: 4px 12px;
    font-size: 16px;
    font-weight: 400;
}
.footer .copy {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.error {
    color: #ff0000 !important;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 15px !important;
}
.single {
    background-color: #dcdcdc;
    padding-right: 5px;
    padding-left: 5px;
}
.link {
    color: #28afa5;
}
.error-b {
    color: #ff0000 !important;
    font-weight: bold !important;
    text-transform: none !important;
    font-size: 15px !important;   
}
.date-rated {
    margin-left: 10px;
}
.slider_container {
    margin-bottom: 40px !important;
}

/*login-section*/
.login-section{

}
.login-section .form1{
    padding: 40px 40px 20px;
}
.login-section .form1 .form-control::placeholder{
    text-align: left;
}

/*recruiter-section*/
.recruiter-section{

}
.recruiter-section .form1{
    max-width: 100%;
    padding: 40px 40px 20px;
}
.recruiter-section .form1 .form-control::placeholder{
    text-align: left;
}

/*discussion-section*/
.discussion-section{
    padding: 60px 0;
}

.add-blog-btn{
	text-align: right;
}
.add-blog-btn .btn-1 {
    display: inline-block;
    width: auto;
    padding: 8px 10px;
    font-size: 16px;
}

/*--- Post --*/
.discussion-section .post {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.discussion-section .post .wrap-ut {
    width: 85%;
}

.discussion-section .post .userinfo {
    width: 15%;
    padding: 20px 0 15px 15px;
}

.discussion-section .post .posttext {
    width: 85%;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-left: 23px;
    color: #989c9e;
    font-size: 14px; 
    line-height: 25px;
}

.discussion-section .post .postinfo {
    width: 15%;
    border-left: solid 1px #f1f1f1;


}

.discussion-section .post .avatar {
    width: 37px;
    margin-left: 5px;
}

.discussion-section .post .icons {
    width: 48px;
    border-top: solid 1px #f1f1f1;
    margin-top: 12px;
    padding-top: 7px;
}

.discussion-section .post h2 {
    color: #090031;
    font-size: 22px;
    margin-bottom: 10px;
}

.discussion-section .post .comments {
    border-bottom: solid 1px #f1f1f1;
    padding: 18px 0 25px 0;
    text-align: center;
}


.discussion-section .post .comments .commentbg {
    background-color: #28afa5;
    border-radius: 2px;
    display: inline-block;
    padding: 12px 17px;
    color: #ffffff;
    font-size: 14px;
    position: relative;
}

.discussion-section .post .comments .commentbg .mark {
    width: 11px;
    height: 11px;
    background-color: #28afa5;
    position: absolute;
    bottom: 0;
    left: 43%;
    margin-bottom: -5px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 
    -webkit-transform:rotate(45deg); 
}

.discussion-section .post .views {
    border-bottom: solid 1px #f1f1f1;
    color:#090031;
    font-size: 12px;
    text-align: center;
    line-height: 29px;
}

.discussion-section .post .views i {
    font-size: 14px;
}

.discussion-section .post .time {
    color:#090031;
    font-size: 12px;
    text-align: center;
    line-height: 29px;

}

.discussion-section .post .time i {
    font-size: 14px;
}

.discussion-section .post .avatar {
    position: relative;
}

.discussion-section .post .avatar img {
    border-radius: 50%;
}



/*--- Sidebar ---*/

.discussion-section .sidebarblock {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.discussion-section .sidebarblock h3 {
    color: #363838;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    text-align: left;

}

.discussion-section .sidebarblock .divline {
    height: 1px;
    line-height: 1px;
    border-bottom: solid 1px #f1f1f1;
}

.discussion-section .sidebarblock .blocktxt {
    padding:20px;
}

.discussion-section ul.cats li {
    list-style: none;
    display: block;
    margin:0;
    padding:0;
    line-height: 30px;
}

.discussion-section ul.cats {
    margin: 0;
    padding: 0;
}

.discussion-section ul.cats li a {
    font-size: 14px;
    color: #363838;
    line-height: 30px;
}

.discussion-section ul.cats .badge {
    background-color: #28afa5;
    font-size: 12px;
    color: #ffffff;
    margin-top: 7px;
}


.discussion-section .sidebarblock .blocktxt {

    font-size: 14px;
    color: #363838;

}


.discussion-section .sidebarblock .blocktxt .smal {
    font-size: 12px;
}

.discussion-section .sidebarblock .blocktxt-badge .badge{
    margin-bottom: 8px;
    padding: 5px 10px;
    background: #090031;
}

/*pagination*/
.discussion-section .pagination a{
    color: #333;
    background: #fff;
}
.discussion-section .pagination>.active>a{
    background-color: #090031 !important;
    border-color: #090031 !important;
}

.discussion-section .postinfobot {
    border-top: solid 1px #f1f1f1;
    line-height: 50px;
    padding: 0 30px 0 94px;
}


.discussion-section .postinfobot .likeblock {
    width: 120px;
}

.discussion-section .postinfobot .prev {
    width: 30px;
}

.discussion-section .postinfobot .prev a {
    font-size: 18px;
    color: #bdc3c7;
}

.discussion-section .postinfobot .posted {
    width: 300px;
    margin-left: 18px;
    font-size: 12px;
    color: #bdc3c7;
}

.discussion-section .postinfobot .posted i {
    font-size: 18px;
    color: #bdc3c7;
    padding-right: 8px;
}

.discussion-section .postinfobot .next {
    width: 90px;
    text-align: right;
}

.discussion-section .postinfobot .next a {
    font-size: 18px;
    color: #bdc3c7;
}

.discussion-section .postinfobot .next a i {
    padding-right: 18px;
}

.discussion-section .postinfobot .up {
    color: #28afa5;
    font-size: 12px;
}

.discussion-section .postinfobot .up i,
.discussion-section .postinfobot .down i {
    font-size: 20px;
    padding-right: 10px;
}

.discussion-section .postinfobot .down {
    color: #db7a7a;
    font-size: 12px;
    margin-left: 20px;
}

.discussion-section .postinfobot a.up:hover {
    text-decoration: none;
    color: #0073c7;
}

.discussion-section .postinfobot a.down:hover {
    text-decoration: none;
    color: #f48989;
}

/*search-box*/
.discussion-section .search-box {
    color: #363838;
    font-size: 14px;
    height: 38px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 300px;
}

.discussion-section .search-box .wrap {
    background-color: #f3f5f9;
    border-radius: 3px;
}

.discussion-section .search-box .txt {
    width: 85%;
}

.discussion-section .search-box input {
    border: none;
    box-shadow: none;
    background-color: #fff;
    color: #363838;
    font-size: 14px;
    padding: 8px 19px;
    height: 38px;
    border: 1px solid rgba(0, 0, 0, .15);

}


.discussion-section .search-box button {
    border: solid 1px #090031;
    box-shadow: none;
    background-color: #090031;
    color: #ffffff;
    font-size: 18px;
}

/*comments-box*/
.discussion-section .comments-box {
    margin-top: 30px;
}
.discussion-section .c-box{
    display: flex;
    background: #fff;
    /*box-shadow: 0 2px 20px rgba(0, 0, 0, .15);*/
    padding: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.discussion-section .c-box:last-child{
    border: 0;
}
.discussion-section .c-box .img{
    width: 60px;
    min-width: 60px;
}
.discussion-section .c-box .txt{
    width: 100%;
    padding-left: 1em;
}
.discussion-section .c-box .img img{
    width: 100%;
}
.discussion-section .c-box .txt h6{
    margin-bottom: 4px;
    color: #000;
}

/*comments-box input*/

.discussion-section .comments-box h5{
    color: #333;
    text-align: left;
}
.discussion-section .comments-box .input-box textarea{
  overflow:hidden;
  padding:10px;
  width:100%;
  font-size:14px;
  margin: auto;
  display:block;
  box-shadow: none;
  outline: none;
}
.discussion-section .comments-box .input-box textarea:focus{
    border-color: #090031;
}
.discussion-section .comments-box .input-box .btn-1{
    margin-top: 15px;
    padding: 5px 15px;
    font-size: 16px;
}


/*blog-section*/
.blog-section{
  padding: 40px 0;
}
.blog-section h6{
  text-align: left;
  color: #090031;
}
.blog-section .left{}


.blog-section .blog-row{
    display: flex;
    flex-wrap: wrap;
}
.blog-section .blog-row .box{
  margin-bottom: 30px;
}
.blog-section .blog-box{
  height: 100%;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  transition: all .4s ease;
}
.blog-section .blog-box:hover{
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.05);
}

.blog-section .blog-box .img1{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.blog-section .blog-box .txt{
  padding: 15px;
}
.blog-section .blog-box .blog-icons{
}
.blog-section .blog-box .blog-icons li{
  display: inline-block;
  margin-right: 10px;
  color: #bdc3c7;
  font-size: 12px;
}
.blog-section .blog-box .blog-icons li i{
  padding-right: 2px;
}
.blog-section .blog-box .blog-icons li:hover i{
  color: #090031;
}

/*blog-list*/
.blog-section .blog-box.blog-list {
    display: flex;
    padding: 15px;
}
.blog-section .blog-box.blog-list .b-img {
    width: 40%;
    min-width: 100px;
}
.blog-section .blog-box.blog-list .b-img img {
    height: auto;
}
.blog-section .blog-box.blog-list .txt {
    padding: 0 15px;
}



.blog-section .right h5{
  text-align: left;
  color: #333;
  font-weight: 600;
  margin-top: 0;
}
.blog-section .right .img-l{}
.blog-section .right .txt-r{
  padding-left: 0;
}
.blog-section .right .categories-s{
  margin-bottom: 20px;
}
.blog-section .right .blog-icons{
}
.blog-section .right .blog-icons li{
  display: inline-block;
  margin-right: 10px;
  color: #bdc3c7;
  font-size: 12px;
}
.blog-section .right .blog-icons li i{
  padding-right: 2px;
}
.blog-section .right .blog-icons li:hover i{
  color: #090031;
}
.blog-section .right .img-b{

}

/*--- .blog-section Sidebar ---*/

.blog-section .sidebarblock {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.blog-section .sidebarblock h3 {
    color: #363838;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    text-align: left;

}

.blog-section .sidebarblock .divline {
    height: 1px;
    line-height: 1px;
    border-bottom: solid 1px #f1f1f1;
}

.blog-section .sidebarblock .blocktxt {
    padding:20px;
}

.blog-section ul.cats li {
    list-style: none;
    display: block;
    margin:0;
    padding:0;
    line-height: 30px;
}

.blog-section ul.cats {
    margin: 0;
    padding: 0;
}

.blog-section ul.cats li a {
    font-size: 14px;
    color: #363838;
    line-height: 30px;
}

.blog-section ul.cats .badge {
    background-color: #28afa5;
    font-size: 12px;
    color: #ffffff;
    margin-top: 7px;
}


.blog-section .sidebarblock .blocktxt {

    font-size: 14px;
    color: #363838;

}


.blog-section .sidebarblock .blocktxt .smal {
    font-size: 12px;
}

.blog-section .sidebarblock .blocktxt-badge .badge{
    margin-bottom: 8px;
    padding: 5px 10px;
    background: #090031;
}

/*blog-details*/
.blog-section.blog-details .blog-box{
  box-shadow: none;
}

.blog-section.blog-details .blog-box .img1{
    height: auto;
}
.blog-section.blog-details .blog-box .txt{
  padding: 15px 0;
}


/*comments-box*/
.blog-section .comments-box {
    margin-top: 30px;
}
.blog-section .c-box{
    display: flex;
    background: #fff;
    /*box-shadow: 0 2px 20px rgba(0, 0, 0, .15);*/
    padding: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.blog-section .c-box:last-child{
    border: 0;
}
.blog-section .c-box .img{
    width: 60px;
    min-width: 60px;
}
.blog-section .c-box .txt{
    width: 100%;
    padding-left: 1em;
}
.blog-section .c-box .img img{
    width: 100%;
}
.blog-section .c-box .txt h6{
    margin-bottom: 4px;
    color: #000;
}

/*comments-box input*/

.blog-section .comments-box h5{
    color: #333;
    text-align: left;
}
.blog-section .comments-box .input-box textarea{
  overflow:hidden;
  padding:10px;
  width:100%;
  font-size:14px;
  margin: auto;
  display:block;
  box-shadow: none;
  outline: none;
}
.blog-section .comments-box .input-box textarea:focus{
    border-color: #090031;
}
.blog-section .comments-box .input-box .btn-1{
    margin-top: 15px;
    padding: 5px 15px;
    font-size: 16px;
}



/*slider-blog*/
.slider-blog{
    padding-top: 20px;
}
.slider-blog .s-slider {
   position: relative;
   padding: 0 1.5em;
}
.slider-blog .s-slider .swiper-container{
   padding: 2em 0;
}
.slider-blog .s-slider .swiper-button-next{
   /*background: url('../images/Asset_2153.png');*/
   right: 0px;
}
.slider-blog .s-slider .swiper-button-prev{
   /*background: url('../images/Asset_2152.png');*/
   left: 0px;
}
.slider-blog .s-slider .swiper-button-next, 
.slider-blog .s-slider .swiper-button-prev{
   width: 40px;
    height: 40px;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    border-radius: 100%;
}
/*.slider-blog .s-slider .swiper-button-next:hover, 
.slider-blog .s-slider .swiper-button-prev:hover{
   opacity: 1;
}*/
.slider-blog .s-slider .swiper-button-disabled{
   opacity: .65;
}

.slider-blog .s-slider .box-in{
   height: 100%;
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
   transition: all .5s ease;
   border: 1px solid rgba(0, 0, 0, .15);
   overflow: hidden;
}
.slider-blog .s-slider .box-in:hover{
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.slider-blog .s-slider .box-in img{
   width: 100%;
   height: 180px;
   object-fit: cover;
}
.slider-blog .s-slider .box-in .txt{
   padding: 15px 10px;
   text-align: center;
}
.slider-blog .s-slider .box-in .p-title{
    color: #090031;
}

.slider-blog .s-slider .box-in .date{
   color: #999;
   font-size: 1.4em;
}



/*slider-profile*/
.slider-profile{
    padding-top: 20px;
}
.slider-profile .s-slider {
   position: relative;
   padding: 0 1.5em;
}
.slider-profile .s-slider .swiper-container{
   padding: 2em 0;
}
.slider-profile .s-slider .swiper-button-next{
   /*background: url('../images/Asset_2153.png');*/
   right: 0px;
}
.slider-profile .s-slider .swiper-button-prev{
   /*background: url('../images/Asset_2152.png');*/
   left: 0px;
}
.slider-profile .s-slider .swiper-button-next, 
.slider-profile .s-slider .swiper-button-prev{
   width: 40px;
    height: 40px;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    border-radius: 100%;
}
/*.slider-blog .s-slider .swiper-button-next:hover, 
.slider-blog .s-slider .swiper-button-prev:hover{
   opacity: 1;
}*/
.slider-profile .s-slider .swiper-button-disabled{
   opacity: .65;
}

.slider-profile .s-slider .box-in{
   height: 100%;
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1);
   transition: all .5s ease;
   border: 1px solid rgba(0, 0, 0, .15);
   overflow: hidden;
}
.slider-profile .s-slider .box-in:hover{
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.slider-profile .s-slider .box-in img{
   width: 100%;
   height: 180px;
   object-fit: cover;
}
.slider-profile .s-slider .box-in .txt{
   padding: 15px 10px;
   text-align: center;
}
.slider-profile .s-slider .box-in .p-title{
    color: #090031;
}

.slider-profile .s-slider .box-in .date{
   color: #999;
   font-size: 1.4em;
}

/*profile-section*/
.profile-section{
}
.profile-section .profile-top{
    background: #090031;
    background: url(../images/banner.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.profile-section .profile-top .overlay{
    padding: 60px 0;
    background: rgba(0, 0, 0, 0.5);
}
.profile-section .profile-top .user-img{
    /*border-radius: 100%;
    width: 160px;
    height: 160px;
    object-fit: cover;*/
}
.profile-section .profile-dec{
    padding-top: 40px;
    padding-bottom: 0;
}
.profile-section .profile-dec .btns .btn-1{
    display: block;
    width: 100%;
    text-align: center;
}

.profile-section .profile-top .pt-icons {
    text-align: center;
}
.profile-section .profile-top .pt-icons a {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding-top: 4.7px;
    background: #090031;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    transition: all .4s ease;
    font-size: 18px;
}

.profile-section .profile-top .pt-icons a:hover{
    background: #28afa5;
    color: #fff !important;
}

/*user-section*/
.user-section{
    padding-top: 60px;
    padding-bottom: 60px;
}
.user-section .user-box{

}
.user-section .user-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(127,127,127,0.16);
    box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.12);
    padding: 20px 15px;
    margin-bottom: 20px;
}
.user-section .user-box p{
    text-align: left;
    margin-bottom: 0;
}
.user-section .user-box .name{
    width: 25%;
    margin-right: 15px;
}

.user-section .user-box .txt {
    flex: 1;
}
.user-section .user-box .txt-in{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.user-section .user-box .txt-in .t-left{
    width: 35%;
    padding-right: 8px;
}
.user-section .user-box .txt-in .t-right{
    width: 65%;
}
.user-section .user-box .txt-in .t-right .date{
    padding-right: 8px;
    flex: 2;
}
.user-section .user-box .txt-in .t-right .t-right-in{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.user-section .user-box .txt-in .t-right .t-right-in select {
    width: 120px;
    height: 43px;
    box-shadow: none;
    outline: none;
    margin-right: 15px;
    border-radius: 2px;
}
.user-section .user-box .txt-in .t-right .t-right-in .price{
    flex: 2;
    text-align: right;
    padding-right: 8px;
}
.user-section .user-box .txt-in .t-right .t-right-in .close{
    flex: 1;
    text-align: right;
    color: #28afa5;
}

.profile-section .profile-top .profile-updt{
	position: relative;
    border-radius: 100%;
    width: 160px;
    height: 160px;
    object-fit: cover;
    margin: auto;
    overflow: hidden;
    cursor: pointer;
}
.profile-section .profile-top .profile-updt .updt a{
	color: inherit !important;
}
.profile-section .profile-top .profile-updt .updt{
	display: none;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / .85);
    text-align: center;
    color: #fff;
    padding: 10px 15px;
}
.profile-section .profile-top .profile-updt:hover .updt{
	display: block;
}
.profile-section .profile-top .profile-updt .updt p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.profile-section .profile-top .profile-updt .updt i {
    font-size: 1.5em;
}

/*friends*/
.friends{
    padding-bottom: 40px;
}

/*.search-box-f*/
.friends .search-box-f .search-field {
    border-radius: 3px !important;
    border-color: rgba(0, 0, 0, .4) !important;
    height: 42px;
    color: #333;
    font-size: 14px;
    box-shadow: none;
}
.friends .search-box-f .search-btn {
    border-radius: 3px !important;
    width: 3.4em;
    background-color: #28afa5;
    color: white;
    padding: 6px 6px;
    font-size: 20px;
    box-shadow: none;
    outline: none;
}
.friends .search-box-f .search-btn:hover{
}
.friends .search-box-f .search-s{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}
.friends .search-box-f .input-s{
    position: relative;
    width: 100%;
    margin-right: 6px;
}

/*friends-box */
.friends-box {
    margin-top: 30px;
}
.friends-list {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 15px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.friends-list .box {
    padding: 0 10px;
}

.friends-list .txt {
    width: 60%;
}

.friends-list .img{
    width: 80px;
    min-width: 80px;
}
.friends-list .img img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.friends-list .txt h6 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

.friends-list .txt .title {
    font-weight: 600;
}

.friends-list .btns .btn-1 {
    padding: 4px 8px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: auto !important;
    min-width: 110px;
    display: inline-block !important;
}

.friends-list .btns {
    width: 30%;
    text-align: right;
}


/*message-section*/
.message-section{
    padding-bottom: 40px;
}

.message-section .message-box{
     background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}
.message-section .message-list{
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    overflow: hidden;
}
.message-section a:last-child .message-list{
    border-bottom: 0;
}
.message-section .message-list .box {
    padding: 0 10px;
}

.message-section .message-list .txt {
    width: calc(100% - 70px);
}

.message-section .message-list .img{
    width: 70px;
    min-width: 70px;
}
.message-section .message-list .img img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.message-section .message-list h6 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

.message-section .message-list .txt .title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.message-section .message-list .txt .title p{
    font-weight: 600;
    margin-bottom: 0;
}
.message-section .message-list:hover .txt .title p{
    color: #28afa5;
}
.message-section .message-list .txt .title h6{
    font-size: 12px;
    text-align: right;
    margin-bottom: 0;
}
.message-section .message-list .cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 100%; 
  height: 1.2em; 
  white-space: nowrap;
}



/*chat-section*/
.chat-section{
    padding-bottom: 60px;
}
.chat-section .chat_window {
  position: relative;
  width: calc(100% - 0px);
  height: 500px;
  border-radius: 10px;
  background-color: #fff;
  /*left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);*/
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  background-color: #f8f8f8;
  overflow: hidden;
}

.chat-section .top_menu {
  background-color: #fff;
  width: 100%;
  padding: 20px 0 15px;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}
.chat-section .top_menu .buttons {
  margin: 3px 0 0 20px;
  position: absolute;
}
.chat-section .top_menu .buttons .button {
  width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  border: 0;
}
.chat-section .top_menu .buttons .button.close {
  background: red;
}
.chat-section .top_menu .buttons .button.minimize {
  background: #28afa5;
}
.chat-section .top_menu .buttons .button.maximize {
  background: #333;
}
.chat-section .top_menu .title {
  text-align: center;
  color: #bcbdc0;
  font-size: 20px;
}

.chat-section .messages {
  position: relative;
  list-style: none;
  padding: 20px 10px 0 10px;
  margin: 0;
  height: 347px;
  overflow: hidden;
  overflow-y: auto;
}
.chat-section .messages .message {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  transition: all 0.5s linear;
  opacity: 0;
}
.chat-section .messages .message.left .avatar {
  background-color: #f5886e;
  float: left;
}
.chat-section .messages .message.left .text_wrapper {
  background-color: #f1f1f1;
  margin-left: 20px;
}
.chat-section .messages .message.left .text_wrapper::after, 
.chat-section .messages .message.left .text_wrapper::before {
  right: 100%;
  border-right-color: #f1f1f1;
}
.chat-section .messages .message.left .text {
  color: #333;
}
.chat-section .messages .message.right .avatar {
  background-color: #fdbf68;
  float: right;
}
.chat-section .messages .message.right .text_wrapper {
  background-color: #28afa5;
  margin-right: 20px;
  float: right;
}
.chat-section .messages .message.right .text_wrapper::after, 
.chat-section .messages .message.right .text_wrapper::before {
  left: 100%;
  border-left-color: #28afa5;
}
.chat-section .messages .message.right .text {
  color: #fff;
}
.chat-section .messages .message.appeared {
  opacity: 1;
}
.chat-section .messages .message .avatar {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
}
.chat-section .messages .message .avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-section .messages .message .text_wrapper {
  display: inline-block;
  padding: 20px;
  border-radius: 6px;
  width: calc(100% - 85px);
  min-width: 100px;
  position: relative;
}
.chat-section .messages .message .text_wrapper::after, 
.chat-section .messages .message .text_wrapper:before {
  top: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chat-section .messages .message .text_wrapper::after {
  border-width: 13px;
  margin-top: 0px;
}
.chat-section .messages .message .text_wrapper::before {
  border-width: 15px;
  margin-top: -2px;
}
.chat-section .messages .message .text_wrapper .text {
  font-size: 18px;
  font-weight: 300;
}

.chat-section .bottom_wrapper {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 20px 20px;
  position: absolute;
  bottom: 0;
}
.chat-section .bottom_wrapper .message_input_wrapper {
  display: inline-block;
  height: 45px;
  border-radius: 25px;
  border: 1px solid #bcbdc0;
  width: calc(100% - 160px);
  position: relative;
  padding: 0 20px;
}
.chat-section .bottom_wrapper .message_input_wrapper .message_input {
  border: none;
  height: 100%;
  box-sizing: border-box;
  width: calc(100% - 40px);
  position: absolute;
  outline-width: 0;
  color: #333;
  font-size: 14px;
}
.chat-section .bottom_wrapper .message_input_wrapper .message_input::placeholder{
    
}
.chat-section .bottom_wrapper .send_message {
  width: 140px;
  height: 45px;
  display: inline-block;
  border-radius: 50px;
  background-color: #28afa5;
  border: 2px solid #28afa5;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  text-align: center;
  float: right;
}
.chat-section .bottom_wrapper .send_message:hover {
  color: #28afa5;
  background-color: #fff;
}
.chat-section .bottom_wrapper .send_message .text {
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
  line-height: 42px;
}

.chat-section .message_template {
  display: none;
}

.chat-section .messages .message.left .text_wrapper .date-time{
    text-align: right;
    display: block;
}
.chat-section .messages .message.right .text_wrapper .text{
    text-align: right;
}
.chat-section .messages .message.right .text_wrapper .date-time{
    text-align: left;
    display: block;
}


/*explore-details*/
.explore-details-section{
    padding: 40px 0;
}
.explore-details-section .overview{
    display: flex;
    justify-content: space-between;
}

.explore-details-section .assignments {
    display: flex;
    width: 100%;
    max-width: 400px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 10px 0;
}
.explore-details-section .assignments p {
    margin-bottom: 0;
}
.explore-details-section .assignments p a {
    color: #28afa5;
    font-size: .8em;
}
.explore-details-section .assignments p a:hover {
    color: #555;
    font-size: .8em;
}
.explore-details-section .assignments .name {
    width: 60%;
    padding-right: 10px;
}

.explore-details-section .assignments .view {
    width: 40%;
}
.explore-details-section .assignments .view p{
    text-align: right;
}

.explore-details-section .travelers{

}
.explore-details-section .travelers .box{
    margin-bottom: 20px;
}
.explore-details-section .travelers .box-in{
    position: relative;
    height: 100%;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    transition: all .4s ease;
}
.explore-details-section .travelers .box .txt{
    padding: 15px;
}
.explore-details-section .travelers .box .txt h6{
    text-align: center;
    color: #090031;
    margin-bottom: 0;
}
.explore-details-section .travelers .box .img1{
    width: 100%;    
    height: 90px;
    object-fit: cover;
}

.explore-details-section .travelers .box .active-inactive {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    right: -6px;
}
.explore-details-section .travelers .box .active-inactive.active {
    background: #35ac19;
}
.explore-details-section .travelers .box .active-inactive.inactive{
    background: grey;
}


/*--- profile-sidebar ---*/

.profile-sidebar {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.profile-sidebar .profile-top {
    color: #363838;
    background: #28afa5;
    margin: 0;
    padding: 20px;
    text-align: left;

}

.profile-sidebar .profile-head {
    color: #363838;
    font-size: 14px;
    margin: 0;
    padding: 20px;
    text-align: left;

}

.profile-sidebar .divline {
    height: 1px;
    line-height: 1px;
    border-bottom: solid 1px #f1f1f1;
}

.profile-sidebar .blocktxt {
    padding:20px;
}

.profile-sidebar ul.cats li {
    list-style: none;
    display: block;
    margin:0;
    padding:0;
    line-height: 30px;
}

.profile-sidebar ul.cats {
    margin: 0;
    padding: 0;
}

.profile-sidebar ul.cats li a {
    font-size: 14px;
    color: #363838;
    line-height: 30px;
}

.profile-sidebar ul.cats .badge {
    background-color: #28afa5;
    font-size: 12px;
    color: #ffffff;
    margin-top: 7px;
}

.profile-sidebar .nav .nav-link {
    font-size: 1.2em;
    color: #666;
    padding: 10px 0px;
    background: #fff;
    position: relative;
}
.profile-sidebar .nav .nav-item .nav-link img {
    width: 24px;
    margin-right: 10px;
}
.profile-sidebar .nav .nav-item .nav-link .notification {
    display: block;
    position: absolute;
    top: 3px;
    right: -9px;
    width: 18px;
    height: 18px;
    background: red;
    color: #fff;
    text-align: center;
    padding-top: 3px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 50%;
    z-index: 1;
}



/*gallery-section*/
.gallery-div{
    padding-top: 2em;
    padding-bottom: 2em;

}
.gallery-section{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.gallery-section .box{
    width: 33.3%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.gallery-section .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    border-radius: 4px;
}

.gallery-section .hovereffect .overlay {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-bottom: 1px solid #f8c300;
    border-top: 1px solid #f8c300;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.gallery-section .hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.gallery-section .hovereffect img {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}

.gallery-section .hovereffect:hover img {
    -ms-transform:scale(1.15);
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
    filter: brightness(0.6);
    -webkit-filter: brightness(0.4);
}


/*mobile-sidebar*/
.mobile-sidebar{
    display: none;
    margin-bottom: 0;

}
.profile-sidebar.mobile-sidebar .nav .nav-link span{
    display: none;
}
.profile-sidebar.mobile-sidebar .nav .nav-item .nav-link img {
    margin-right: 0;
    width: 22px;
}
.profile-sidebar.mobile-sidebar .blocktxt {
    padding: 10px;
}
.profile-sidebar.mobile-sidebar .nav {
    display: flex;
    justify-content: space-between;
}


/*header-01*/
.header-01{
    background: #28afa5;
    padding: 10px 0;
}
.header-01 .social{
    display: flex;
    align-items: center;
}
.header-01 .social .txt p{
    color: #fff;
}
.header-01 .social .txt{
    margin-right: 5px;
}
.header-01 .social .icon{

}
.header-01 .social .icon a{
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
}
.header-01 .social .icon a:hover{
    color: #090031;
}


.header-01 .links {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}
.header-01 .links .links-box {
    padding-left: 5px;
    padding-right: 5px;
}
.header-01 .links a{
    color: #fff;
}
.header-01 .links a:hover{
    color: #090031;
}

.header-01 .links .links-box {
    padding-left: 5px;
    padding-right: 5px;
}

.header-01 .links .btn.btn-primary {
    background: transparent !important;
    border: 0;
    box-shadow: none !important;
    outline: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.header-01 .links .btn.btn-primary .user-img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.header-01 .links .dropdown-menu{
    right: 0;
    left: auto;
}
.header-01 .links .dropdown-menu a {
    color: #090031;
}
.header-01 .links .dropdown-menu a:hover {
    background: transparent;
    color: #28afa5 !important;
}


/*header-02*/
.header-02 {
    background: #090031;
}
.header-02 nav.navbar{
    width: 100%;
    background: transparent;
    margin-bottom: 0;
}
.header-02 nav.navbar .navbar-nav li a {
    padding: 12px 16px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    background: transparent;
}
.header-02 nav.navbar .navbar-nav li a i {
    margin-right: 6px;
}
.header-02 nav.navbar .navbar-nav li a:hover {
    color: #28afa5;
    background: transparent;
}

.header-02 nav.navbar .navbar-toggle {
    border-color: #333;
    margin-top: 22px;
    border: 0;
    box-shadow: 0 0 black;
    outline: none;
    padding: 0;
}
.rating-box-heading{
    color: #000;
}
.rating-box-ul{
    list-style: disc!important;
        margin-left: 44px!important;
}

/*accordion-section*/
.accordion-section{
    padding: 60px 0;
}
.accordion-section .accordion {
    width: 100%;
    margin: 0 auto;
    /*border-top: 1px solid #d9e5e8;*/
}
.accordion-section .accordion li {
    border-bottom: 1px solid #d9e5e8;
    position: relative;
}
.accordion-section .accordion li p {
    display: none;
    padding: 10px 15px 20px;
}
.accordion-section .accordion a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    padding: 15px 15px;
    font-size: 18px;
    text-indent: 0;
    user-select: none;
    text-transform: uppercase;
    color: #000;
    background: #fff;
}
.accordion-section .accordion a:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    right: 10px;
    content: " ";
    top: 17px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.accordion-section .accordion a.active:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}