@charset "utf-8";
/* CSS Document */

/*

@font-face {font-family: "Century Gothic";

    src: url("../fonts/century-gothic.eot");

    src: url("../fonts/century-gothic.eot?#iefix") format("embedded-opentype"),

    url("../fonts/century-gothic.woff2") format("woff2"),

    url("../fonts/century-gothic.woff") format("woff"),

    url("../fonts/century-gothic.ttf") format("truetype"),

    url("../fonts/century-gothic.svg#Century Gothic") format("svg");

}



@font-face {font-family: "Handel Gothic BT";

    src: url("../fonts/handel-gothic-bt.eot");

    src: url("../fonts/handel-gothic-bt.eot?#iefix") format("embedded-opentype"),

    url("../fonts/handel-gothic-bt.woff2") format("woff2"),

    url("../fonts/handel-gothic-bt.woff") format("woff"),

    url("../fonts/handel-gothic-bt.ttf") format("truetype"),

    url("../fonts/handel-gothic-bt.svg#HandelGothic BT") format("svg");

}*/



@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic-Italic.woff') format('woff'),  url('../fonts/CenturyGothic-Italic.ttf') format('truetype'),  url('../fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic-Bold.woff') format('woff'),  url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),  url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'),  url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype'),  url('../fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff') format('woff'),  url('../fonts/CenturyGothic.ttf') format('truetype'),  url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {
    color: #56565b;
}
a:focus, a:hover {
    color: #56565b;
}
* {
    margin: 0;
    padding: 0;
    outline: none !important;
}
.fixed .home-container {
    position: relative;
    margin-top: 100px;
}
html, body {
    height: 100%;
}
.form-group {
    margin-bottom: 10px;
}



::-moz-selection {
 color: #fff;
 background: #f16a36
}
::selection {
    color: #fff;
    background: #f16a36
}
.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
.form-control {
    border: none;
}
body {
    font-family: 'Century Gothic';
    font-weight: normal;
    color: #333333;
    line-height: 24px;
    font-size: 14px;
}
img {
    border: none;
    max-width: 100%
}
h1 {
    font-size: 50px;
    font-weight: bold;
}
h2 {
    font-size: 46px;
    font-weight: bold;
}
h3 {
    font-size: 30px;
    font-weight: bold;
}
h4 {
    font-size: 26px;
    font-weight: bold;
}
h5 {
    font-size: 26px;
    font-weight: bold;
}
h6 {
    font-size: 20px;
    font-weight: bold;
}
a:hover, a:focus {
    outline: none;
    text-decoration: none
}
.topmargin-0 {
    margin-top: 0px !important;
}
/*.container {

    max-width: 1280px;

    width: 100%;

}*/

.modal-title {
    font-size: 20px;
}
.form-control {
    height: auto;
}
.common-section {
    padding: 50px 0px;
}
.checkbox, .radio {
    margin-top: 0px;
}
.checkbox + .checkbox, .radio + .radio {
    margin-top: 0px;
}
.common-heding {
    font-size: 32px;
    margin-bottom: 50px;
    font-family: "Century Gothic", Helvetica, sans-serif;
    font-weight: bold;
    color: #303030;
}

.common-inner-heding {
    font-size: 28px;
    margin-bottom: 40px;
    font-family: "Century Gothic", Helvetica, sans-serif;
    font-weight: bold;
    color: #56565b;
}
.common-btn {
    background-color: #dec7b6;
    color: #fff;
    text-transform: uppercase;
    min-width: 140px;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    font-weight: bolder;
    border: none;
    cursor: pointer;
    padding: 0 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
button {
    box-shadow: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
}



::-moz-placeholder {
 color: #fff;
 opacity: 0.8;
}
.common-btn:hover, .common-btn:focus {
    color: #484848;
    outline: none;
}
.common-transition {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.inline-block {
    display: inline-block;
}
.font-12 {
    font-size: 12px;
}
.font-18 {
    font-size: 18px;
}
/*start header css*/

.header {
    padding: 14px 77px;
    box-shadow: 0 0 3px #999;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1000;
    -webkit-transition: all 0.5s ease;
 -moz-transition: position 10s;
 -ms-transition: position 10s;
 -o-transition: position 10s;
 transition: all 0.5s ease;
}
/*.header.fixed {
    position: fixed;
    animation: smoothScroll 1s forwards;
}*/
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.sign-btn {
}
 @keyframes smoothScroll {
 0% {
 transform: translateY(-40px);
}
 100% {
 transform: translateY(0px);
}
}
.logo-left-box {
    float: left;
    width: auto;
    padding: 0px 15px;
}
.logo-left-box .logo img {
    width: 202px;
}
.mene-center-box {
    padding: 0px 10px;
    width: calc(98% - 515px);
    width: -webkit-calc(98% - 515px);
    width: -moz-calc(98% - 515px);
    width: -o-calc(98% - 515px);
    width: -ms-calc(98% - 515px);
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.mainmenu-right-box {
    float: right;
    padding: 5px 15px 0px 5px;
}
.main-menu {
    text-align: center;
}
.menu {
    margin: 0px;
    position: relative;
    margin-top: 10px;
}
.menu li {
    display: inline-block;
    padding: 0px 20px;
}
.menu li a {
    text-transform: uppercase;
    color: #121212;
    padding: 5px 0px;
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 2px solid transparent;
}
.menu .current a {
    border-bottom: 2px solid #dbc8b9 !important;
}
.menu li a:hover {
    border-bottom: 2px solid #dbc8b9;
}
.menu li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    background-color: #dbc8b9;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
}
.menu li.active a:after, .menu li a:hover:after, .menu li a:focus :after {
    opacity: 1;
}
#magic-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    /*background-color: #dbc8b9;*/
    padding: 0px;
}
/*.menu li.active a:after, .menu li a:hover:after, .menu li a:focus :after {

    opacity: 1;

}*/

.login-page {
    padding-top: 120px;
    padding-bottom: 120px;
}
.login-btn {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #121212;
    margin-left: 25px;
    font-weight: bold;
}
.login-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #cbc8c8;
    border-bottom: 8px solid transparent;
}
.login-btn:hover {
    color: #dbc8b9;
}
.right-nav-link {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    color: #121212;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    text-decoration: none;
}
.right-nav-link:hover {
    color: #dbc8b9;
}
/*-------------Responsive menu Button start --------------*/

.responsive-btn {
    background: #dec7b6 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: none;
    height: 42px;
    padding: 6px 10px;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 50px;
}
.responsive-btn span {
    height: 2px;
    widows: 100%;
    background: #fff;
    margin: 5px 0;
    display: block;
    width: 100%;
}
/*-------------Responsive menu Button End --------------*/



/*End header css*/



/*start Main banner css*/



.main-banner-section {
    overflow: hidden;
    position: relative;
}
.main-banner-section .slick-dots, .main-banner-section .slick-arrow {
    display: none !important;
}
.main-banner-section .slick-slide img {
    margin-top: 0px !important;
    width: 100vw;
    height: 100vh !important;
    object-fit: cover;
}
.main-banner-section .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.banner-content {
    position: absolute;
    left: 12%;
    bottom: 50%;
    width: 807px;
    z-index: 999;
    color: #fff;
}
.banner-content h1 {
    font-size: 32px;
    margin-bottom: 30px;
}
.banner-content span {
    font-size: 20px;
}
.banner-content form {
    width: 100%;
    background-color: #fff;
    padding: 6px 8px;
    margin-top: 50px;
    position: absolute;
}
.banner-content input {
    background-color: transparent;
    border: none;
    color: #1b1b1b;
    margin: 4px 0px;
    padding: 6px 10px;
    width: calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: -o-calc(100% - 110px);
    font-size: 16px;
}
 .banner-content input::-webkit-input-placeholder {
 color: #1b1b1b;
 opacity: 0.8;
}
 .banner-content input:-ms-input-placeholder {
 color: #1b1b1b;
 opacity: 0.8;
}
 .banner-content input::-moz-placeholder {
 color: #1b1b1b;
 opacity: 0.8;
}
 .banner-content input:-moz-placeholder {
 color: #1b1b1b;
 opacity: 0.8;
}
.banner-content input:focus {
    border: none;
    outline: 0;
}
.banner-content button {
    color: #56565b;
    border: 2px solid #56565b;
    min-width: 100px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
}
.banner-content button:hover {
    color: #56565b;
    background-color: #dec7b6;
    border: 2px solid #dec7b6;
    cursor: pointer;
}
.mouse-icon {
    border: 3px solid #fff;
    border-radius: 20px;
    bottom: 40px;
    display: block;
    height: 59px;
    left: 50%;
    margin-left: -15px;
    opacity: 0.7;
    position: absolute;
    width: 34px;
    z-index: 10;
}
.mouse-icon:after {
    content: "";
    position: absolute;
    left: 6px;
    bottom: -22px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 8px solid transparent;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.mouse-icon .wheel {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    height: 13px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 4px;
    width: 4px;
}
.mouse-icon .wheel {
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    -webkit-animation-name: drop;
    animation-name: drop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
 @-webkit-keyframes drop {
 0% {
 top: 5px;
 opacity: 0;
}
 30% {
 top: 10px;
 opacity: 1;
}
 100% {
 top: 25px;
 opacity: 0;
}
}
 @keyframes drop {
 0% {
 top: 5px;
 opacity: 0;
}
 30% {
 top: 10px;
 opacity: 1;
}
 100% {
 top: 25px;
 opacity: 0;
}
}
/*End Main banner css*/



/*start Find Perfect Event section css*/

.find-perfect-event-section h2 {
    font-weight: 300;
}
.find-perfect-event-section ul {
    font-size: 0px;
    margin-bottom: 50px;
}
.find-perfect-event-section ul li {
    display: inline-block;
    width: 20%;
    margin: 15px 0px 15px -4px;
}
.find-perfect-event-section ul li a {
    display: block;
    text-align: center;
    padding: 15px 0px;
    color: #555659;
}
.find-perfect-event-section ul li a:hover {
    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 15 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 60px rgba(0, 0, 0, 0.3);
    color: #DEC7B6;
}
.find-perfect-event-section ul li a:hover figure {
    transform: scale(1.1);
}
.find-perfect-event-section ul li figure {
    width: 60px;
    height: 60px;
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all 1s;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.find-perfect-event-section ul li figure img {
    display: inline-block;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.find-perfect-event-section ul li a span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.find-perfect-event-section ul li figure img {
    display: inline-block;
    vertical-align: middle;
}
/*End Find Perfect Event section css*/



/*start How it work section css*/
.how-it-work-section h2 a{
    color: #fff;
}
.how-it-work-section h2 a:hover{
    color: #ccc;
}
.radio-toggle1 {
    display: none;
}
.radio-show1{
    display: none;
}
.how-it-work-section {
    background-color: #555659;
    color: #fff;
}
.how-it-work-section h2 {
    color: #fff;
    font-weight: 300;
}
.how-it-work-section h3 {
    font-weight: 300;
    font-size: 22px;
}
.no-padding {
    padding: 0px !important;
}
.d-inline-block {
    display: inline-block;
    width: auto !important;
}
.how-it-works-banner-section {
    background-color: #dec7b6;
    padding-right: 50%;
    position: relative;
    height: 410px;
    display: table;
    width: 100%;
}
.how-it-works-banner-section:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(../img/How-it-Works.jpg) no-repeat top right;
    right: 0;
    top: 0;
    background-size: cover;
}
.how-it-works-banner-section .cfs-content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0px 130px;
}
.how-it-works-banner-section .cfs-content h2 {
    margin-bottom: 30px;
    color: #fafafa;
}
.how-it-works-banner-section .cfs-content p {
    font-size: 17px;
}
.how-it-works-active-box {
    background-color: #56565b;
    padding: 0px 30px 10px 30px;
    min-height: 590px;
    float: left;
    width: 49%;
    border: 3px solid transparent;
    margin-left: 15px;
}
/*#agency .how-it-works-active-box {

    min-height: 590px;

}
#agency .how-it-works-box {

    min-height: 590px;
}*/

.how-fill-btn {
    border: 3px solid #d2baaa;
    background-color: #d2baaa;
    width: 100%;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 55px;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-top: 50px;
    text-decoration: none;
    letter-spacing: 2px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 90%;
    right: 0;
    margin: 0 auto;
}
.how-fill-btn:hover {
    color: #56565b;
    border: 3px solid #d2baaa;
    background-color: #d2baaa;
    text-decoration: none;
}
.how-fill-btn:focus {
    color:#fff;
}
.how-blank-btn {
    border: 3px solid #dbc8b9;
    background-color: #dbc8b9;
    width: 100%;
    color: #56565b;
    text-align: center;
    height: 60px;
    line-height: 55px;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-top: 50px;
    text-decoration: none;
}
.how-blank-btn:hover, .how-blank-btn:focus {
    background-color: #dec7b6;
    color: #ffffff;
}
.how-it-works-box h2, .how-it-works-process h2 {
    color: #56565b;
    font-size: 35px;
    font-weight: bold;
    margin: 25px 0 25px 0;
}
.how-it-works-active-box h2 {
    font-size: 35px;
    font-weight: bold;
    color: #fafafa;
    margin: 25px 0 25px 0;
}
.how-it-works-active-box h1 {
    font-size: 28px;
    font-weight: normal;
    background-color: #dec7b6;
    color: #56565b;
    line-height: 80px;
    margin: 0px -30px 0 -30px;
}
.how-it-works-box h1 {
    font-size: 22px;
    font-weight: bold;
    background-color: #d2baaa;
    color: #fff;
    line-height: 80px;
    margin: 0px -30px 0 -30px;
    letter-spacing: 1px;
}
.how-it-works-active-box h1 i {
    font-size: 28px;
    position: absolute;
    margin-top: 28px;
    margin-left: 10px;
}
.how-it-works-active-box p {
    font-size: 18px;
    color: #ddc6b5;
    height: 80px;
    position: relative;
}
.how-it-works-box h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 25px 0;
    color: #56565b;
    padding: 25px 0;
    position: relative;
}
.how-it-works-box h3:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #d2baaa;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
}
.how-it-works-active-box h3 {
    font-size: 22px;
    color: #ddc6b5;
    font-weight: bold;
    margin: 40px 0 40px 0;
}
/*.how-it-works-active-box p:after, .how-it-works-box p:after {
    height: 1px;
    width: 100px;
    content: "";
    background-color: #ddc6b5;
    display: block;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 15px;
    left: 50%;
}*/
/*.how-it-works-box p:after {
    background-color: #56565b;
}*/
.how-it-works-box p {
    color: #56565b;
    font-size: 18px;
    height: 70px;
    position: relative;
}
.how-it-works-process {
    padding: 10px 30px 10px 30px;
    margin-top: 50px;
}
.how-it-works-process h3 {
    color: #101010;
    font-size: 20px;
    font-weight: normal;
}
.how-it-works-process-box:after {
    height: 2px;
    width: 100%;
    content: "";
    background-color: #efefef;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.how-it-works-process h2 {
    color: #56565b;
    font-size: 26px;
    font-weight: bold;
    margin: 20px 0 50px 0;
    text-align: center;
}
.how-it-works-box {
    background-color: #f9f3f0;
    padding: 0px 30px 10px 30px;
    min-height: 600px;
    float: left;
    width: 49%;
    position: relative;
}
.how-it-works-box:last-child{
    margin-left: 10px;
}
.how-it-works-process img {
    float: left;
    width: 90px;
    margin-right: 10px;
}
.how-it-works-process-txt {
    float: left;
    width: -webkit-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
}
.fr-calendar .switch-field label {
    display: inline-block;
    width: 110px;
    height: 44px;
    line-height: 40px;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    border: 2px solid #dec7b6;
    color: #dec7b6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -5px;
}
.fr-dash-profile .switch-field label {
    display: inline-block;
    width: 110px;
    height: 48px;
    line-height: 44px;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    border: 2px solid #dec7b6;
    color: #dec7b6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -5px;
}
.switch-field {
    font-size: 16px;
    margin-bottom: 30px;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.switch-field label {
}
.switch-field label {
    display: inline-block;
    width: 130px;
    height: 52px;
    line-height: 48px;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    border: 2px solid #dec7b6;
    color: #dec7b6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -5px;
}
.switch-field label:hover {
    cursor: pointer;
}
.switch-field input:checked + label {
    background-color: #dec7b6;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.switch-field label:first-of-type {
    border-radius: 40px 0 0 40px;
}
.switch-field label:last-of-type {
    border-radius: 0 40px 40px 0;
}
.ag-switch-field .switch-field label {
    margin-left: -7px;
    font-weight: normal;
}
/*End How it work section css*/



/*start Testimonials section css*/

.testimonials-section {
    position: relative;
    overflow: hidden;
}
.testimonials-section .testimonial-img {
    width: 290px;
    height: 290px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
}
.testimonials-section .testimonial-content {
    float: right;
    width: calc(100% - 303px);
    width: -webkit-calc(100% - 303px);
    width: -o-calc(100% - 303px);
    width: -moz-calc(100% - 303px);
    padding-left: 50px;
    display: table;
    height: 303px;
}
.testimonial-content .content-vertical-align {
    display: table-cell;
    vertical-align: middle;
}
.testimonial-name {
    text-align: right;
    display: block;
    font-size: 20px;
    color: #1c1c1c;
}
.testimonials-section .slick-next {
    right: -100px;
}
.testimonials-section .slick-prev {
    left: -100px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.testimonials-section .slick-arrow {
    text-indent: -9999px;
    position: absolute;
    background: none;
    box-shadow: none;
    border: none;
    width: 30px;
    height: 30px;
}
.testimonials-section .slick-arrow:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 30px solid #dbc8b9;
    border-bottom: 15px solid transparent;
}
.testimonials-section .slick-dots {
    display: none !important;
}
.testimonials-section .slick-prev:hover.slick-arrow:after {
    border-left: 30px solid #565656;
}
.testimonials-section .slick-next:hover.slick-arrow:after {
    border-left: 30px solid #565656;
}

/*End Testimonials section css*/



/*start Build Your Event Dream Team section css*/

.build-event-dream-team-section {
    background-color: #dbc8b9;
    position: relative;
}
.build-event-dream-team-section:after {
    content: "";
    right: 0;
    top: 0;
    position: absolute;
    background: url(../img/build-event-dream-team-right-bg.png) no-repeat;
    width: 237px;
    height: 544px;
}
.build-event-dream-team-section:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    background: url(../img/build-event-dream-team-left-bg.png) no-repeat;
    width: 237px;
    height: 544px;
}
.build-event-content {
    margin: 60px 0px;
}
.build-event-dream-team-section h2 {
    color: #fff;
    font-weight: bold;
}
.build-event-dream-team-section a {
    min-width: 140px;
    min-height: 45px;
    line-height: 45px;
    background-color: #f9f9f9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    color: #484848;
}
.build-event-dream-team-section a:hover {
    color: #dbc8b9;
}
/*End Build Your Event Dream Team section css*/



/*Start Footer css*/

.footer {
    background-color: #484848;
    color: #fff;
    position: relative;
    padding-bottom: 60px;
}
.footer .container {
    max-width: 90%;
    width: 100%;
}
.footer h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
    color: #f9f9f9;
}
.footer ul li {
    list-style: none;
    margin: 5px 0px;
}
.footer ul li a {
    color: #fff;
}
.social-list {
    margin-left: 5px !important;
    display: inline-block;
}
.footer-social {
    width: 38px;
    height: 38px;
    background-color: #ededed;
    border-radius: 8px;
    display: block;
}
.footer ul li:nth-child(1) .footer-social:before {
    content: '';
    display: block;
    background-image: url(../img/social-share.png);
    width: 38px;
    height: 38px;
    background-position: 0 0;
}
.footer ul li:nth-child(2) .footer-social:before {
    content: '';
    display: block;
    background-image: url(../img/social-share.png);
    width: 38px;
    height: 38px;
    background-position: 38px 0;
}

.footer-social:hover {
    background-color: #dbc8b9;
}
.footer-social img {
    width: 100%;
}
.footer form {
    background-color: #dbc8b9;
    padding: 3px 3px;
    display: inline-block;
    width: 100%;
}
.footer form input {
    background-color: transparent;
    border: none;
    color: #1b1b1b;
    padding: 7px 10px;
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -o-calc(100% - 80px);
}
 .footer form ::-webkit-input-placeholder {
 color: #484848;
}
 .footer form ::-moz-placeholder {
 color: #484848;
}
 .footer form :-ms-input-placeholder {
 color: #484848;
}
 .footer form :-moz-placeholder {
 color: #484848;
}
.footer form input {
    outline: 0;
}
.footer form button {
    border: 2px solid #555659;
    min-width: 80px;
    min-height: 35px;
    line-height: 35px;
    text-align: center;
    float: right;
    background-color: transparent;
    color: #555659;
    cursor: pointer;
}
.footer form button:hover {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}
.f-copyright {
    background-color: #2d2d2d;
    padding: 10px 0px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.f-copyright ul {
    margin-bottom: 0px;
}
.f-copyright ul li {
    display: inline-block;
    margin: 0px 50px;
    vertical-align: middle;
    color: #fbfbfb;
    font-size: 14px;
}
.f-copyright ul li a {
    float: left;
    padding: 0px 10px;
    position: relative;
}
.f-copyright ul li a:after {
    content: "";
    height: 15px;
    width: 1px;
    background-color: #fff;
    top: 50%;
    right: 0;
    margin-top: -8px;
    position: absolute;
}
.f-copyright ul li a:last-child:after {
    display: none;
}
.f-copyright ul li a:hover, .footer ul li a:hover {
    color: #dbc8b9;
    text-decoration: none;
}
/*End Footer css*/



/*Start About us css*/

.created-event-freelancer-section {
    background-color: #dec7b6;
    padding-left: 50%;
    position: relative;
    height: 410px;
    display: table;
    width: 100%;
}
.created-event-freelancer-section:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(../img/created-event-freelancer-img.jpg) no-repeat center center;
    background-size: cover;
    left: 0;
    top: 0;
}
.created-event-freelancer-section .cfs-content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0px 130px;
}
.created-event-freelancer-section .cfs-content h2 {
    margin-bottom: 30px;
    color: #fafafa;
}
.created-event-freelancer-section .cfs-content p {
    font-size: 17px;
}
.about-content {
    padding-left: 40px;
}
.about-content .common-inner-heding {
    font-size: 28px;
}
.left-heding {
    position: relative;
}
.left-heding:after {
    border-bottom: 11px solid transparent;
    border-left: 20px solid #dbc8b9;
    border-top: 11px solid transparent;
    content: "";
    height: 0;
    left: -30px;
    position: absolute;
    top: 3px;
    width: 0;
}
.our-mission-section {
    background-color: #555659;
}
.our-mission-section .common-inner-heding {
    color: #fff;
}
.our-mission-section .bottom-line-heding {
    position: relative;
    padding-bottom: 30px;
}
.bottom-line-heding:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 6px;
    background-color: #fff;
    margin-left: -20px;
}
.our-mission-section span {
    display: inline-block;
    font-size: 18px;
    max-width: 780px;
    line-height: 30px;
    color: #fff;
}
/*End About us css*/



/*Login CSS START*/

.login-box {
    padding: 50px;
    border: 3px solid #cac8c8;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}
.login-heading {
    color: #484848;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}
.login-box input {
    background-color: #dec7b6;
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 0px;
    font-size: 14px;
}
.login-box input:focus {
    background-color: #dec7b6;
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 0px;
}
 .login-box ::-webkit-input-placeholder {
 color: #fff;
}
 .login-box :-ms-input-placeholder {
 color: #fff;
}
 .login-box ::-moz-placeholder {
 color: #fff;
}
 .login-box :-moz-placeholder {
 color: #fff;
}
.login-box .checkbox {
    float: left;
}
.login-box .forgot {
    float: right;
}
.login-box a {
    text-decoration: underline;
    color: #484848;
}
.login-box {
    font-size: 14px;
}
.login-box .checkbox input[type=checkbox] {
    width: auto;
}
.loginpage-btn {
    width: 100%;
}
/*Login CSS END*/



/*CHECKBOX and RADIO BUTTON CSS START*/

.checkbox label {
    display: inline-block;
    padding-left: 30px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    border: 2px solid #56565b;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    margin-top: 2px;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 1px;
    top: 0px;
    padding-left: 4px;
    padding-top: 0px;
    font-size: 11px;
    text-align: left;
    color: #56565b;
}
/*Common for Radio and Checkbox*/

.checkbox input[type="radio"] {
    opacity: 0;
    width: auto;
    z-index: 1;
    position: relative;
    margin-left: 5px;
    display: inline-block;
    padding-left: 5px;
}
/*Common for Radio and Checkbox*/

.checkbox input[type="radio"] {
    opacity: 0;
    width: auto;
    z-index: 1;
    position: relative;
}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}
/*CHECKBOX CSS END*/



/*SIGN UP CSS START*/

.sign-up-banner {
    background-image: url(../img/banner-pattern.jpg);
    background-repeat: repeat-x;
    height: 185px;
    width: 100%;
    display: table;
    padding: 17px 100px;
}
.sign-up-banner .container-fluid {
    display: table-cell;
    vertical-align: middle;
}
.sign-up-banner h1 {
    font-size: 45px;
    font-weight: bold;
    color: #56565b;
}
.signup-box {
    padding: 50px;
    background-color: #f7f8fa;
    margin-left: auto;
    margin-right: auto;
}
.signup-box select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 5px), calc(100% - 14px) calc(1em + 5px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.signup-box select.classic:focus {
    background-image: linear-gradient(45deg, transparent 51%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 5px), calc(100% - 14px) calc(1em + 5px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.signup-heading {
    color: #484848;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
}
.signup-box input, .signup-box select {
    background-color: #56565b;
    width: 100%;
    padding: 10px;
    color: #f8f8f8;
    border-radius: 0px;
    border: 3px solid transparent;
    font-size: 14px;
}
.signup-box input[type=radio]{
    width: auto;
}
 .signup-box ::-webkit-input-placeholder {
 color: #fff;
 opacity: 0.8;
}
 .signup-box :-ms-input-placeholder {
 color: #fff;
 opacity: 0.8;
}
 .signup-box ::-moz-placeholder {
 color: #fff;
 opacity: 0.8;
}
 .signup-box :-moz-placeholder {
 color: #fff;
 opacity: 0.8;
}
.signup-box .checkbox {
    float: left;
}
.signup-box .forgot {
    float: right;
}
.signup-box a {
    text-decoration: underline;
    color: #484848;
}
.signup-box {
    font-size: 14px;
}
.signup-box .checkbox input[type=checkbox] {
    width: auto;
    margin-right: 0px;
}
.signup-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
select {
    /* styling */

    background-color: white;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* arrows */



select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #dec7b6 50%), linear-gradient(135deg, #dec7b6 50%, transparent 50%), linear-gradient(to right, #56565b, #56565b);
    background-position: calc(100% - 21px) calc(1em + 10px), calc(100% - 14px) calc(1em + 10px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
select.classic:focus {
    background-image: linear-gradient(45deg, transparent 51%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, #56565b, #56565b);
    background-position: calc(100% - 21px) calc(1em + 10px), calc(100% - 14px) calc(1em + 10px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.loginpage-btn {
    width: 100%;
}
.signup-box .checkbox label {
    margin-right: 10px;
    padding-left: 5px;
}
.check-signup input[type=checkbox] {
    position: relative;
    z-index: 1111;
    left: 3px;
    top: 1px;
}
.check-signup {
    float: none !important;
    margin-top: 20px;
}
input.signup-btn {
    color: #fff;
    text-decoration: none;
    border: none;
    background-color: #dec7b6;
    width: 150px;
    padding: 10px;
    display: block;
    font-weight: bold;
    margin: 25px auto 25px auto;
    cursor: pointer;
}
input.signup-btn:hover {
    color: #56565b;
    text-decoration: none;
    border: none;
}
/*SIGN UP CSS END*/

/*Thanks Page CSS START*/

.thanks-section h2 {
    font-size: 26px;
    color: #56565b;
    font-weight: bold;
}
.thanks-section p {
    margin-top: 50px;
    margin-bottom: 50px;
}
/*Thanks Page CSS END*/



/*Contact Us Page START*/

.contact-banner-section {
    background-color: #56565b;
    padding-right: 50%;
    position: relative;
    height: 410px;
    display: table;
    width: 100%;
}
.contact-banner-section:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(../img/contact-banner.jpg) no-repeat center center;
    background-size: cover;
    right: 0;
    top: 0;
}
.contact-banner-section .cfs-content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0px 130px;
}
.contact-banner-section .cfs-content h2 {
    margin-bottom: 30px;
    color: #fafafa;
    width: 90%;
}
.contact-banner-section .cfs-content p {
    font-size: 17px;
}
.contact-section {
    text-align: left;
}
.contact-section input, .contact-section select, .contact-section textarea {
    background-color: #56565b;
    width: 100%;
    padding: 15px 10px 15px 15px;
    color: #f8f8f8;
    border-radius: 0px;
    font-size: 14px;
}
.contact-section label {
    font-size: 16px;
}
.contact-section input:focus, .contact-section select:focus, .contact-section textarea:focus {
    background-color: #56565b;
    color: #f8f8f8;
    border: none;
}
 .contact-section ::-webkit-input-placeholder {
 color: #fff;
 opacity: 0.8;
}
 .contact-section :-ms-input-placeholder {
 color: #fff;
 opacity: 0.8
}
 .contact-section ::-moz-placeholder {
 color: #fff;
 opacity: 0.8;
}
 .contact-section :-moz-placeholder {
 color: #fff;
 opacity: 0.8
}
input.contact-btn {
    color: #fff;
    text-decoration: none;
    border: none;
    background-color: #dec7b6;
    width: 150px;
    display: block;
    font-weight: bold;
    cursor: pointer;
    padding: 10px 5px;
}
input.contact-btn:hover {
    color: #56565b;
    text-decoration: none;
}
input.contact-btn:focus {
    color: #56565b;
    text-decoration: none;
    background-color: #dec7b6;
}
/*Contact Us Page END*/

/*Browse Page START*/

.browse-banner {
    background-color: #56565b;
    padding-left: 50%;
    position: relative;
    height: 410px;
    display: table;
    width: 100%;
}
.browse-banner:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(../img/browse-banner.jpg) no-repeat top right;
    left: 0;
    top: 0;
    background-size: cover;
}
.browse-banner .cfs-content {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0px 130px;
}
.browse-banner .cfs-content h2 {
    margin-bottom: 30px;
    color: #fafafa;
}
.browse-banner .cfs-content p {
    font-size: 17px;
}
.browse-section h2, .browse-section h1 {
    color: #56565b;
    font-weight: bold;
    margin: 0px 0 25px 0;
    font-size: 40px;
}
.browse-section .root-heading {
    color: #56565b;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 46px;
}
.browse-section .sub-heading {
    color: #56565b;
    font-weight: bold;
    font-size: 22px;
}
.browse-section form {
    width: 100%;
    position: relative;
}
.browse-section-input {
    background-color: #cac8c8 !important;
    color: #56565b;
    padding: 6px;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    font-size: 14px;
/*    width: 100%;*/
    border: 3px solid #cac8c8;
    min-height: 52px;
}
.browse-section input:focus, .browse-section input:active {
    outline: none;
    background-color: #cac8c8;
}
 .browse-section input::-webkit-input-placeholder {
 color: #56565b;
}
 .browse-section input:-ms-input-placeholder {
 color: #56565b;
}
 .browse-section input::-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
 .browse-section input:-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
.browse-search-btn {
    border: 2px solid #56565b;
    width: 90px;
    min-height: 34px;
    line-height: 34px;
    text-align: center;
    float: right;
    background-color: transparent;
    color: #56565b;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
}
.browse-search-btn:hover {
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
}
.top-15 {
    margin-top: 15px
}
.top-30 {
    margin-top: 30px
}
.top-58 {
    position: absolute;
    bottom: 10px;
}
.browse-ad {
    height: 360px;
    background-color: #56565b;
    margin-top: 25px;
    object-fit: cover;
}
.browse-ad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: 0 0;
}
.browse-list {
    background-color: #f7f8fa;
    padding: 20px;
    width: 100%;
    margin-top: 0px;
    color: #56565b;
    position: relative;
}
.browse-list-dp {
    float: left;
    width: 180px;
    position: relative;
    /*height: 180px;*/
    /*overflow: hidden;*/

}
.browse-list-dp img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    margin-bottom: 5px;
}
.browse-list-detail {
    float: left;
    margin-left: 15px;
    width: 50%;
}
.browse-detail-heading {
    font-weight: bold;
    margin-top: 10px;
}
.browse-rating {
    margin-top: 18px;
}
.browse-rating-txt {
    font-size: 12px;
}
.browse-star {
    float: left;
    margin-left: 5px;
    font-size: 16px;
    color: #c7c9c7;
}
.browse-list-price-btn {
    float: right;
}
.browse-price {
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
.browse-available {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #dbc8b9;
}
.browse-view-btn {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 12px;
    text-align: center;
    background-color: #dbc8b9;
    color: #fff;
    display: block;
}
.browse-view-btn:hover {
    color: #56565b;
}
.browse-signup {
  font-size: 18px;
  color: #56565b;
  margin-top: 30px;
  line-height: 24px;
  margin-bottom: 20px;
}
.browse-signup-btn {
    font-weight: bold;
    color: #56565b;
    padding: 8px 12px;
    background-color: #dbc8b9;
    margin-top: 30px;
    color: #fff;
}
.browse-signup-btn:hover {
    color: #56565b;
}
.browse-list .quote {
    color: #56565b;
    font-size: 14px;
    font-style: italic;
    padding: 0 20px;
}
.browse-list .quote:before {
    content: '\201c';
    font-size: 22px;
    left: 25px;
}
.browse-list .quote:after {
    content: '\201d';
    font-size: 22px;
    line-height: 40px;
}
.browse-list .quote:before, .browse-list .quote:after {
    position: absolute;
    font-size: 42px;
    color: #c7c9c7;
    font-family: Arial;
    font-weight: bold;
}
.browse-list-author {
    color: #56565b;
    padding-left: 20px;
}
/*Browse Page END*/



/*Browse Result START*/

.browse-section-result {
    color: #56565b;
    padding-top: 50px;
}
.browse-section-result h2 {
    font-size: 18px;
    font-weight: bold;
}
.browse-section-result h1 {
    font-size: 24px;
    font-weight: bold;
}
.browse-section-result .sub-heading {
    color: #56565b;
    font-weight: bold;
    font-size: 22px;
}
.browse-designation {
    font-size: 12px;
    font-weight: bold;
}
.browse-section-result-input {
    background-color: #cac8c8;
    border: none;
    color: #56565b;
    margin: 4px 0px;
    padding: 8px 10px;
    width: calc(100% - 110px);
    width: 100%;
    font-size: 14px;
}
 .browse-section-result ::-webkit-input-placeholder {
 color: #56565b;
 opacity: 1;
}
 .browse-section-result :-ms-input-placeholder {
 color: #56565b;
 opacity: 1;
}
 .browse-section-result ::-moz-placeholder {
 color: #56565b;
 opacity: 0.9;
}
 .browse-section-result :-moz-placeholder {
 color: #56565b;
 opacity: 0.9;
}
.browse-section-result .browse-rating {
    margin-top: 25px;
}
.browse-section-result .like {
    font-size: 22px;
    text-align: right;
}
.browse-section-result .browse-view-btn {
    margin-top: 80px;
}
.browse-section-result-input:focus {
    outline: none;
}
.browse-section-result .classic {
    background-color: #cac8c8;
    border: none;
    color: #56565b;
    margin: 4px 0px;
    /*    padding: 15px;*/

    padding:10px;
    width: calc(100% - 110px);
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
}
.browse-section-result input[type=submit] {
    background-color: #dec7b6;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-top: 30px;
}
.browse-section-result input[type=submit]:hover {
    color: #56565b;
}
.browse-section-result select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #56565b 50%), linear-gradient(135deg, #56565b 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 3px), calc(100% - 14px) calc(1em + 3px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.browse-section-result select.classic:focus {
    background-image: linear-gradient(45deg, transparent 51%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, #transparent, #transparent);
    background-position: calc(100% - 22px) calc(1em + 3px), calc(100% - 14px) calc(1em + 3px), 100% 0;
    outline: none;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.pagination {
    margin-top: 40px;
    float: right;
}
.page-item.disabled .page-link {
    border: 2px solid #dbc8b9;
    color: #dbc8b9;
    font-weight: bold;
    background-color: transparent;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    display: block;
    padding: 8px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: #dbc8b9;
    background-color: transparent;
    border: 2px solid #dbc8b9;
    margin: 0 5px 0 5px;
    font-weight: bold;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #dbc8b9;
    border-color: #dbc8b9;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #dbc8b9;
    border-color: #dbc8b9;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0px;
    background-color: #dbc8b9;
    color: #fff;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
    background-color: #dbc8b9;
    color: #fff;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #56565b;
    background-color: #dbc8b9;
    border-color: #dbc8b9;
}
/*Browse Result END*/



/*Pricing Page START*/

.pricing {
    padding-top: 60px;
}
.pricing-box {
    border: 3px solid #cac8c8;
    padding: 10px 30px;
}
.pricing-heading {
    color: #56565b;
    font-size: 26px;
    padding: 0px 0 20px 0;
    font-weight: bold;
}
.price-bg-heading {
    background-color: #dec7b6;
    margin: 0 -30px 0 -30px;
    color: #fff;
    padding: 6px 0 14px 0;
}
.price-bg-heading h1 {
    font-size: 32px;
}
.price-fr {
    width: 50%;
    float: left;
}
.price-frplus {
    width: 50%;
    float: right;
}
.price-fr-heading h1 {
    font-size: 46px;
}
.price-fr-sub-heading {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}
.price-fr-smalltxt {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    line-height: 0px;
}
.price-frplus-heading h1 {
    font-size: 46px;
}
.price-frplus-heading h2 {
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
}
.price-right-border {
    border-right: 1px solid #484848;
}
.pricing-cont {
    float: left;
    width: 50%;
}
.price-fr-cont {
    font-size: 16px;
    color: #56565b;
    width: 100%;
    float: left;
    margin: 50px 0 50px 0;
}
.price-fr-cont p:after, .price-fr-cont-ag p:after {
    height: 1px;
    width: 100px;
    content: "";
    background-color: #484848;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.price-btn {
    background-color: #dec7b6;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 12px;
    min-width: 140px;
}
.price-btn:hover {
    color: #484848;
}
.pricing-box-ag {
    border: 3px solid #cac8c8;
    padding: 10px 30px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.price-fr-cont-ag {
    font-size: 16px;
    width: 100%;
    margin: 30px 0 30px 0;
    color: #56565b;
}
/*Pricing Page END*/



/*Agency Profile START*/

.agency-profile {
    color: #56565b;
    padding-top: 50px;
}
.agency-profile h1 {
    font-size: 22px;
    font-weight: bold;
}
.agency-profile span {
    font-weight: bold;
}
.cont-label {
    margin-bottom: 0px;
    font-size: 12px;
}
.agency-rating {
    float: right;
}
.agency-rating-txt {
    font-size: 12px;
    color: #dbc8b9;
    text-align: right;
}
.agency-txt-small {
    font-size: 12px;
}
.event-pic {
    margin-top: 15px;
}
.view-profile-img {
}
.view-profile-img img {
    height: 250px;
}
.event-pic img {
    width: 100%;
    height: 155px;
    margin-bottom: 10px;
    object-fit: cover;
}
.event-pic .modal-body img {
    height: inherit;
}
.event-heading {
    font-size: 18px;
    font-weight: bold;
    margin-top: 50px;
    padding-left: 20px;
}
.event-heading:after {
    border-bottom: 8px solid transparent;
    border-left: 12px solid #cac8c8;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    width: 0;
    margin-top: 5px;
}
.event-history {
    margin-top: 30px;
    margin-bottom: 30px;
    clear: both;
}
.event-history p {
    font-weight: bold;
    margin-top: 10px;
}
.event-history p:after {
    height: 2px;
    width: 80px;
    content: "";
    /*background-color: #cac8c8;*/

    display: block;/*margin-top: 30px;

    margin-bottom: 30px;*/

}
.event-name {
    font-weight: bold;
    float: left;
}
.event-date {
    font-weight: bold;
    float: right;
}
/*Agency Profile END*/



/*Freelancer Profile START*/

.backlink {
    border-bottom: 2px solid #cac8c8;
    font-weight: bold;
    text-decoration: none;
    color: #56565b;
}
.backlink:hover {
    text-decoration: none;
    color: #dec7b6;
    border-bottom: 2px solid #dec7b6;
}
.fr-profile-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 25px;
}
.fr-profile-name {
    font-size: 18px;
    font-weight: bold;
}
.fr-profile-subheading {
    font-size: 14px;
    font-weight: bold;
}
.agency-profile .like {
    font-size: 22px;
    text-align: right;
}
.fr-rating {
    margin-top: 50px;
}
.fr-profile-smalltxt {
    font-size: 14px;
    margin-top: 15px;
}
.fr-name {
    font-size: 16px;
    font-weight: bold;
}
.fr-date {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.fr-checkbox-label {
    padding-left: 5px !important;
}
.fr-para {
    font-size: 14px;
}
.fr-star {
    float: right;
    margin-left: 5px;
    font-size: 22px;
    color: #c7c9c7;
}
.agency-profile .classic {
    background-color: #cac8c8;
    border: none;
    color: #56565b;
    margin: 4px 0px;
    padding: 10px 10px;
    width: calc(100% - 110px);
    width: 100%;
    font-size: 14px;
    border-radius: 0px;
}
.agency-profile input[type=submit] {
    background-color: #dec7b6;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.agency-profile input[type=submit]:hover {
    color: #56565b;
}
.agency-profile select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #56565b 50%), linear-gradient(135deg, #56565b 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 3px), calc(100% - 14px) calc(1em + 3px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.agency-profile select.classic:focus {
    background-image: linear-gradient(45deg, transparent 51%, #888 50%),  linear-gradient(135deg, #888 50%, transparent 50%),  linear-gradient(to right, #transparent, #transparent);
    background-position: calc(100% - 22px) calc(1em + 3px),  calc(100% - 14px) calc(1em + 3px),  100% 0;
    outline: none;
    background-size: 8px 8px,  8px 8px,  2.5em 2.5em;
    background-repeat: no-repeat;
}
.pic-border-require .event-pic:after {
    height: 2px !important;
    width: 80px;
    content: "";
    background-color: #cac8c8;
    display: block;
    margin-top: 40px;
    margin-bottom: 60px;
}
.event-history .browse-rating {
    margin-top: 10px;
}
.event-exp {
    font-weight: bold;
}
.event-exp:after {
    height: 2px;
    width: 80px;
    background-image: linear-gradient(45deg, transparent 51%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, #transparent, #transparent);
    background-position: calc(100% - 22px) calc(1em + 10px), calc(100% - 14px) calc(1em + 10px), 100% 0;
    outline: none;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
/*.event-pic:after {
    height: 2px;
    width: 80px;
    content: "";
    background-color: #cac8c8;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}*/
.event-history .browse-rating {
    margin-top: 10px;
}
.event-exp {
    font-weight: bold;
}
.event-exp:after {
    height: 2px;
    width: 80px;
    content: "";
    background-color: #cac8c8;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.fr-price-rating {
    float: right;
}
/*Freelancer Profile END*/



/*Search Freelancers page css Start*/

.ag-fr-form input {
    min-height: 56px;
}
.search-freelancers-heading {
    font-size: 20px;
    font-weight: bold;
    color: #56565b;
    margin-bottom: 15px;
}
.ag-fr-form input, .ag-fr-form select, .ag-fr-form textarea, .ag-fr-form .select2-selection {
    background-color: transparent;
    width: 100%;
    padding: 10px 20px;
    color: #56565b;
    border-radius: 0px;
    font-size: 14px;
    font-weight: bold;
    border: 3px solid #56565b;
    resize: none;
}
.ag-fr-form .select2-selection {
    padding: 0px 10px;
    height: 60px;
}
.ag-fr-form input:focus, .ag-fr-form select:focus, .ag-fr-form .select2-selection:focus {
    background-color: transparent;
    color: #56565b;
    border-color: rgba(86, 86, 91, 0.7);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: transparent !important;
    color: #56565b !important;
    border-color: rgba(86, 86, 91, 0.7) !important;
    border: 4px solid #56565b !important;
}
.ag-fr-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
    border: 4px solid #56565b;
    border-radius: 0px;
    padding: 5px 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 10px;
}
.ag-fr-form .select2-search__field {
    line-height: 45px;
}
 .ag-fr-form ::-webkit-input-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form :-ms-input-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form ::-moz-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form:-moz-placeholder {
 color: #56565b;
 opacity: 0.8;
}
.ag-fr-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #56565b 50%),  linear-gradient(135deg, #56565b 50%, transparent 50%),  linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 10px),  calc(100% - 14px) calc(1em + 10px),  100% 0;
    background-size: 8px 8px,  8px 8px,  2.5em 2.5em;
    background-repeat: no-repeat;
}
.ag-common-heading {
    font-size: 20px;
    font-weight: bold;
    color: #56565b;
    margin-bottom: 20px;
}
.ag-fr-form input, .ag-fr-form select, .ag-fr-form .select2-selection, .fr-dash-profile select {
    background-color: transparent;
    width: 100%;
    padding: 10px 20px;
    color: #56565b;
    border-radius: 0px;
    font-size: 14px;
    font-weight: bold;
    border: 3px solid #56565b;
    min-height: 46px;
    margin-top: 0px;
}
/* For Extra Filter Select on Hired and Pending Tab */

.ag-fr-form .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
}
.ag-fr-form .checkbox input[type=checkbox], .ag-fr-form .checkbox input[type=radio] {
    min-height: auto;
}
.ag-fr-form .select2-selection {
    padding: 0px 10px;
    height: 60px;
    overflow: auto;
}
.ag-fr-form input:focus, .ag-fr-form select:focus, .ag-fr-form .select2-selection:focus, .ag-fr-form textarea:focus {
    background-color: transparent;
    color: #56565b;
    border-color: rgba(86, 86, 91, 0.7);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: transparent !important;
    color: #56565b !important;
    border-color: rgba(86, 86, 91, 0.7) !important;
    border: 3px solid #56565b !important;
}
.ag-fr-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
    border: 3px solid #56565b;
    border-radius: 0px;
    padding: 5px 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 10px;
}
.ag-fr-form .select2-search__field {
    line-height: 45px;
}
 .ag-fr-form ::-webkit-input-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form :-ms-input-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form ::-moz-placeholder {
 color: #56565b;
 opacity: 0.8;
}
 .ag-fr-form:-moz-placeholder {
 color: #56565b;
 opacity: 0.8;
}
.ag-fr-form select, .fr-dash-profile select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
select.classic {
    background-image: linear-gradient(45deg, transparent 51%, #56565b 50%), linear-gradient(135deg, #56565b 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 21px) calc(1em + 5px), calc(100% - 14px) calc(1em + 5px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
select.classic:focus {
    background-image: linear-gradient(45deg, transparent 51%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 22px) calc(1em + 5px), calc(100% - 14px) calc(1em + 5px), 100% 0;
    background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
    background-repeat: no-repeat;
}
.btn-default.btn-on, .btn-default.btn-off {
    background-color: transparent;
    color: #333333;
    box-shadow: none;
    border: 4px solid #56565b;
    padding: 15px 10px 15px 10px;
    margin-right: 8px;
    border-radius: 0px;
    font-weight: bold;
    font-size: 17px;
    min-width: 196px;
    cursor: pointer;
}
.ag-fr-form .btn-default.btn-on.active {
    background-color: #56565b;
    color: #FFFFFF;
}
.ag-fr-form .btn-default.btn-off.active {
    background-color: #56565b;
    color: #FFFFFF;
}
.ag-fr-form .btn-group, .btn-group-vertical {
    margin-bottom: 17px;
}
.ag-fr-form .SelectRate input {
    width: 120px;
    display: inline-block;
    margin: 0px 10px;
    font-size: 25px;
}
.ag-fr-form .SelectRate label {
    font-size: 25px;
    font-weight: bold;
    color: #56565b;
}
.ag-fr-form .btn-group {
    display: inline-block;
}
.ag-fr-form #experience-level .btn-default.btn-on, .ag-fr-form #experience-level .btn-default.btn-off {
    min-width: 244px;
    margin-right: 26px;
    margin-bottom: 17px;
}
.search-freelancers-btn {
    min-width: 350px;
    min-height: 78px;
    margin-top: 50px;
}
.btn-default.btn-on, .btn-default.btn-off {
    background-color: transparent;
    color: #333333;
    box-shadow: none;
    padding: 10px;
    margin-right: 8px;
    border-radius: 0px;
    font-weight: bold;
    font-size: 16px;
    min-width: 150px;
}
.btn-default.btn-off {
    border: 3px solid #56565b;
}
.btn-default.btn-off.active {
    border: 3px solid #dec7b6;
}
.btn-default.btn-on {
    border: 3px solid #56565b;
}
.ag-fr-form .btn-default.btn-on.active {
    background-color: #dec7b6;
    color: #FFFFFF;
    border-color: #dec7b6;
}
.ag-fr-form .btn-default.btn-off.active {
    background-color: #dec7b6;
    color: #FFFFFF;
}
.ag-fr-form .btn-group, .btn-group-vertical {
    margin-bottom: 17px;
}
.ag-fr-form .SelectRate input {
    width: 120px;
    display: inline-block;
    margin: 0px 10px;
    font-size: 16px;
}
.ag-fr-form .SelectRate label {
    font-size: 20px;
    font-weight: bold;
    color: #56565b;
}
.ag-fr-form .btn-group {
    display: inline-block;
}
.ag-fr-form #experience-level .btn-default.btn-on, .ag-fr-form #experience-level .btn-default.btn-off {
    min-width: 200px;
    margin-right: 26px;
    margin-bottom: 17px;
}
.search-freelancers-btn {
    min-width: 180px;
    min-height: 50px;
    margin-top: 30px;
}
/*Search Freelancers page css End*/



/*Freelancer Profile START*/

.fr-pro-heading {
    font-size: 22px;
    font-weight: bold;
    float: left;
    /* margin-bottom: 20px;*/

    margin-top: 10px;
}
.fr-upload-btn {
    padding: 10px 15px 10px 15px;
    background-color: #dec7b6;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.fr-upload-btn {
    padding: 6px 10px;
    background-color: #dec7b6;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}
.fr-upload-btn:hover {
    background-color: #dec7b6;
    color: #56565b;
}
.fr-dash-profile {
    color: #56565b;
    padding-top: 50px;
}
.fr-dash-profile h1 {
    font-size: 24px;
    font-weight: bold;
}
.fr-dash-profile span {
    font-weight: bold;
}
.fr-dash-profile .like, .agency-profile .like, .browse-section-result .like {
    background-image: url("../img/heart.png");
    background-position: 0px 0px;
    width: 30px;
    height: 30px;
    /*-webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;*/

    margin-left: auto;
    cursor:pointer;
}
.fr-dash-profile .like:hover, .fr-dash-profile .like.fav, .agency-profile .like:hover, .agency-profile .like.fav, .browse-section-result .like:hover, .browse-section-result .like.fav {
    background-image: url("../img/heart.png");
    background-position: 31px 0px;
    width: 30px;
    height: 30px;
}
.fr-dash-profile .event-pic:after {
    height: 0px;
}
.fr-dash-profile .btn-default.btn-on, .btn-default.btn-off {
/* min-width: 176px;*/

}
.fr-dash-profile label {
    font-weight: bold;
}
.fr-dash-profile .checkbox {
    float: left;
}
.fr-dash-profile .checkbox label {
    margin-right: 10px;
}
.resume .add-txt-box {
    margin-top: -40px;
}
.add-txt-box {
    font-weight: bold;
    display: block;
    padding: 5px;
    background-color: transparent;
    color: #56565b;
    text-align: right;
    width: 100%;
    cursor: pointer;
    margin-top: 0px;
    width: 175px;
    float: right;
}
.add-txt-box:hover {
    opacity: 0.6;
}
/*Freelancer Profile END*/

.list-group .list-group-item {
    color: #999;
}
.list-group-item {
    background-color: #f5f5f5;
    /*border: 3px solid #56565b;*/

    color: #cac8c8;
    border-radius: 0px;
    padding: 6px 10px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #56565b;
    border-radius: 0px;
    background-color: #fff;
}
.list-group-item.active, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #dec7b6;
    border: 1px solid #dec7b6;
    color: #fff;
    border-radius: 0px;
}
.list-group-item:first-child {
    border-radius: 0px;
}
.list-group-item:last-child {
    border-radius: 0px;
    margin: auto;
}
.list-group-item i {
    margin-right: 10px;
    margin-left: 5px;
}
.list-group-item span {
    font-weight: normal;
    float: right;
    font-size: 22px;
    margin-top: 2px;

}
.add_message_count {
    margin-top: -3px;
    margin-left: 3px;
}
.agency_add_message_count {
    margin-top: -3px !important;
}
.list-group {
    margin-top: 25px;
}
/*Agency Profile START*/

.ag-dash-profile {
    color: #56565b;
    padding-top: 50px;
    min-height: 740px;
}
.ag-dash-profile .event-pic:after {
    height: 0px;
}
.ag-dash-profile span {
    font-weight: bold;
}
.ag-dash-profile .fr-event-box .event-row span {
    display: block;
    width: 100%;
    word-wrap: break-all;
    word-wrap: break-word;
}
/*Agency Profile END*/

/*Fr-Resume START*/

.fr-resume-heading {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.fr-resume-year {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
.resume .browse-list-detail {
    width: calc(100% - 215px);
    width: -webkit-calc(100% - 215px);
    width: -moz-calc(100% - 215px);
    width: -o-calc(100% - 215px);
    width: -ms-calc(100% - 215px);
}
/*Fr-Resume END*/



/*Freelancer Calendar START*/

.calendar-small-txt {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color: #56565b;
}
/*Freelancer Calendar END*/



/*Freelancer Messages START*/

.fr-messages {
}
.fr-messages h1 {
    font-size: 22px;
    margin-top: 0px;
}
.attach-input input {
    padding-right: 30px;
    min-height: 42px;
    font-weight: normal;
}
.chat-box-border form {
    width: 95%;
    background-color: #cac8c8;
    padding: 5px 10px;
    margin: 15px 10px 0px 10px;
    display: inline-block;
}
.fr-messages input:focus {
    outline: none;
}
 .fr-messages input::-webkit-input-placeholder {
 color: #56565b;
}
 .fr-messages input:-ms-input-placeholder {
 color: #56565b;
}
 .fr-messages input::-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
 .fr-messages input:-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
.fr-chat-heading {
    font-size: 20px;
    margin-top: 20px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #dddddd solid;
}



/*.chat-box-area { for inner datewise scrooling as per old design

    max-height: 250px;

    overflow-y: auto;

}*/



.chat-box-area::-webkit-scrollbar, .mainchatWrap::-webkit-scrollbar {
 width: 10px;
}
 .chat-box-area::-webkit-scrollbar-track, .mainchatWrap::-webkit-scrollbar-track {
 background: #fff;
}
 .chat-box-area::-webkit-scrollbar-thumb, .mainchatWrap::-webkit-scrollbar-thumb {
 background: #cac8c8;
 border-radius: 30px;
}
.chat-box {
    padding: 10px;
    height: 70px;
    border-bottom: 1px solid #ddd;
}
.chat-box-active {
    background-color: #f8f8f8;
}
.chat-box-img {
    width: 50px;
    height: 50px;
    float: left;
}
.chat-box-img img {
    width: 50px;
    height: 50px;
}
.chat-box-txt {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    width: 200px;
}
.chat-time {
    float: left;
    font-size: 12px;
}
.chat-edit-remove {
    float: left;
    margin-left: 5px;
    background-color: transparent;
}
#suggesstion-box {
    position: absolute;
    background-color: #eee;
    width: 87%;
    margin-top: 5px;
    margin-left: -10px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 101;
}
#suggesstion-box ul li {
    list-style: none;
    padding: 5px 0px;
    border-bottom: 1px solid #aaa;
    padding-left: 15px;
    cursor: pointer;
}
#suggesstion-box ul li:hover {
    background-color: #56565b;
    color: #fff;
}
.chat-box-date {
    float: right;
    font-weight: bold;
}
.message-box {
    margin-top: 25px;
    padding-bottom: 10px;
}
.message-box hr {
    border-top-color: #cac8c8;
    margin-bottom: 0px;
}
.message-box-left-heading {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}
.message-box-view {
    float: right;
    margin-top: 25px;
    margin-right: 10px;
}
.message-box-view-btn {
    color: #fff;
    padding: 6px 15px 6px 15px;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #dbc8b9;
    font-weight: bold;
    border:none;
}
.message-box-view-btn:hover {
    color: #56565b;
    text-decoration: none;
}
.message-box-date {
    padding: 8px 0px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 10px;
}
.chat-box-chat {
    padding: 5px 10px;
    /*margin-top: 10px;*/

    /* clear: both;*/

    display: inline-block;
    width: 100%;
}
.chat-box-area .chat-box-txt {
    width: calc(100% - 150px);
}
.chat-box-border {
    border: 1px solid #ddd;
    margin-top: 25px;
}
.chat-box-border .browse-section-input {
    min-height: inherit;
}
.fr-attach-input {
    margin-top: 10px;
}
.ag-fr-form .send-btn {
    background-color: #dec7b6;
    border: none;
    color: #fff;
    cursor: pointer;
}
.ag-fr-form .send-btn:hover {
    background-color: #dec7b6;
    border: none;
    color: #56565b;
}
.ag-fr-form .send-btn:focus {
    background-color: #dec7b6;
    border: none;
    color: #56565b;
}
.attach-pin {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 26px;
    transform: rotate(45deg);
    background-color: transparent;
}
/*Freelancer Messages END*/



/*Freelancer Calendar START*/

.fr-calendar {
    color: #56565b;
    padding-top: 50px;
}
.fr-calendar .switch-field {
    margin-bottom: 10px;
}
/*Freelancer Calendar END*/



/*Create Event payment page css start*/

.create-event-payment-section .select-payment {
    margin-bottom: 70px;
}
.create-event-payment-section .select-payment li {
    text-align: center;
    background-color: transparent;
    color: #484848;
    min-width: 305px;
    min-height: 272px;
    display: inline-block;
    padding: 35px 0px;
    margin-right: 30px;
    border: 4px solid #484848;
}
.create-event-payment-section .select-payment li i {
    display: block;
    font-size: 25px;
    font-weight: bold;
}
.create-event-payment-section .select-payment li strong {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.create-event-payment-section .select-payment li a {
    margin-top: 35px;
    background-color: transparent;
    border: 4px solid #484848;
    color: #484848;
}
.create-event-payment-section .select-payment li.curent, .create-event-payment-section .select-payment li:hover {
    background-color: #484848;
    color: #fff;
}
.create-event-payment-section .select-payment li .subscription-btn {
    border: 3px solid #484848;
    background-color: transparent;
    color: #484848;
    box-shadow: none;
}
.create-event-payment-section .select-payment .curent .subscription-btn {
    background-color: #dec7b6;
    color: #fff;
    box-shadow: none;
}
.create-event-payment-section .select-payment li.curent button {
    color: #fff;
    background-color: #DEC7B6;
    border-color: #DEC7B6;
}
.create-event-payment-section .select-payment li:hover button {
    color: #fff;
    background-color: #DEC7B6;
    border-color: #DEC7B6;
}
.credit-card-info-heading {
    margin-top: 30px;
}
.create-event-payment-section .checkbox {
    float: left;
    margin: 30px 0px;
}
.create-event-payment-section .ag-fr-form .checkbox label {
    padding-left: 15px;
}
.ag-fr-form .checkbox input[type=checkbox] {
    width: auto;
    z-index: 101;
}
.create-event-payment-section .checkbox label a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    color: #56565b;
}
.create-event-payment-section .create-event-btn {
    min-height: 78px;
    min-width: 308px;
    vertical-align: middle;
}
.create-event-payment-section .common-btn, .create-event-payment-section .search-freelancers-btn {
    vertical-align: middle;
}
/*Create Event payment page css End*/



/*Search Freelancers page css End*/



/*Freelancer Profile START*/

.fr-profile-view {
    font-size: 14px;
    font-weight: bold;
    float: right;
    color: #cac8c8;
    margin-top: 5px;
}
.fr-delete {
    width: 30px;
    height: 30px;
    background-color: #222;
    color: #fff;
    z-index: 101;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 18px;
    right: 15px;
    cursor: pointer;
}
.fr-delete:hover {
    background-color: #dec7b6;
    color: #333;
}
.fr-delete-pro {
    width: 30px;
    height: 30px;
    background-color: #222;
    color: #fff;
    z-index: 101;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 6px;
    right: 0px;
    cursor: pointer;
}
.fr-delete-pro:hover {
    background-color: #dec7b6;
    color: #333;
}
.fr-delete-icon1 {
    width: 30px;
    height: 30px;
    background-color: #222;
    color: #fff;
    z-index: 101;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 56px;
    right: 15px;
    cursor: pointer;
}
.fr-delete-icon1:hover {
    background-color: #dec7b6;
    color: #333;
}
.fr-delete-icon2 {
    width: 30px;
    height: 30px;
    background-color: #222;
    color: #fff;
    z-index: 101;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 56px;
    right: 15px;
    cursor: pointer;
}
.fr-delete-icon2:hover {
    background-color: #dec7b6;
    color: #333;
}
.fr-upload-btn .fa-cloud-upload {
    margin-right: 5px;
}
.btn-bs-file {
    position: relative;
}
.btn-bs-file input[type="file"] {
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    outline: none;
    cursor: inherit;
}
/*Freelancer Profile END*/



/*Fr Event START*/

.fr-event-heading {
    font-size: 18px;
    margin-top: 10px;
}
.fr-event h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
}
.fr-event h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: inherit;
}
.fr-event {
    margin-top: 25px;
    color: #56565b;
    min-height:550px;
}
.fr-event-box {
    padding: 15px;
    background-color: #f7f8fa;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 320px;
    position:relative;
}
.fr-eve-title {
    float: left;
    width: 50%;
}
.fr-eve-name-price {
    float: right;
    text-align: right;
    width: 50%;
}
.ag-dash-profile .fr-eve-title {
    width: 70%;
}
.ag-dash-profile .fr-eve-name-price {
    width: 30%;
}
.fr-event-sub-title {
    font-size: 15px;
    font-weight: bold;
    word-break: break-all;
    word-break: break-word;
}
.fr-event-location {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.fr-event-location p {
    margin-bottom: 0;
    width: 100%;
    word-break: break-all;
    word-break: break-word;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.fr-event-designation {
    width: 100px;
    display: block;
}
.fr-event-price {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}
.fr-eve-title p {
    margin-bottom: 0px;
}
.fr-event-btn {
    margin-top: 40px;
}
.past-event {
    margin-top: 25px;
}
.fr-event-box .browse-rating {
    margin-top: 40px;
}
/*Fr Event END*/



/*Freelancer Alert START*/

.alert-warning {
    background-color: transparent;
    border: 2px solid #cac8c8;
    color: #56565b;
    border-radius: 0px;
    font-size: 14px;
    position: absolute;
    width: 280px;
    min-width: max-content;
    text-align: right;
    right: 0px;
    float: right;
    background-color: #fff;
    z-index: 10;
    padding: 10px 24px 10px 25px;
    top: 80px;
    right: 0;
}
#show_alert, #agency_show_alert, #show_job_notification{
    width: 100%;
    clear: both;
}
.alert-warning button, .alert-warning a {
    background-color: #dbc8b9;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    margin-left: 5px;
    text-decoration: none;
}
.alert-warning button:hover, .alert-warning a:hover {
    background-color: #dbc8b9;
    color: #56565b;
    font-weight: bold;
    padding: 5px 15px;
}
.alert-warning:after {
    border-bottom: 6px solid transparent;
    border-left: 12px solid #cac8c8;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    top: 16px;
    width: 0;
}
/*Freelancer Alert END*/



/*Fr Subscription START*/

.fr-subscription-box {
    background-color: #f7f8fa;
    padding: 15px;
}
.fr-subscription h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.fr-subscription-txt {
    float: left;
}
.fr-subscription-btn {
    float: right;
}
.fr-subscription h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
}
.fr-subscription-offer {
    font-weight: bold;
    font-style: italic;
}
.pending-varification {
    font-style: italic;
    color: #DEC7B6;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}
.sub-edit-fr {
    border: 3px solid #56565b;
    padding: 20px;
    margin-top: 25px;
    min-height: 240px;
}
.sub-edit-fr:hover {
    border: 3px solid #56565b;
    background-color: #56565b;
}
.sub-edit-fr:hover h3, .sub-edit-fr:hover p, .sub-edit-fr:hover .fr-subscription-offer {
    color: #fff;
}
.sub-edit-fr:hover button {
    background-color: #dec7b6;
    color: #56565b;
}
.sub-edit-plus {
    border: 3px solid #56565b;
    padding: 20px;
    background-color: #56565b;
    color: #fff;
    margin-top: 25px;
    min-height: 240px;
}
.sub-edit-fr h3, .sub-edit-plus h3 {
    font-size: 24px;
    font-weight: bold;
}
.sub-edit-fr .sub-edit-btn {
    background-color: #fff;
    color: #56565b;
    min-width: 160px;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: 20px;
    border: 3px solid #56565b;
    font-weight: bolder;
    text-transform: uppercase;
}
.sub-edit-fr .sub-edit-btn:hover {
    background-color: #dec7b6;
    color: #56565b;
}
.sub-edit-plus .sub-edit-btn {
    background-color: #DEC7B6;
    text-transform: uppercase;
    border: 3px solid #DEC7B6;
    color: #fff;
    min-width: 160px;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-top: 20px;
    font-weight: bolder;
    cursor: not-allowed;
}
/*Fr Subscription END*/



/*Fr Settings START*/

.fr-setting-heading {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}
.fr-settion-sub-heading {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.ag-fr-form input[type="button"], .ag-fr-form input[type="submit"] {
    background-color: #dbc8b9;
    color: #fff;
    border: none;
    cursor: pointer;
    width: auto;
    padding: 3px 25px;
    min-height: 42px;
}
.ag-fr-form input[type="button"]:hover, .ag-fr-form input[type="submit"]:hover {
    color: #56565b;
}
.ag-fr-form input[type="button"]:hover {
    color: #56565b;
    border: none;
}
.fr-setting .check-signup {
    margin-top: 0px;
}
.current-mail {
    border-right: 1px solid #ddd;
}
/*Fr Settings END*/



/*Fr-Event Invite START*/

.fr-invite-heading {
    font-size: 22px;
}
.fr-invite-box {
    background-color: #f7f8fa;
    padding: 20px;
    margin-top: 30px;
}
.invite-eve-name {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.invite-eve-date {
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}
.fr-invite-box p {
    margin-bottom: 0px;
}
.invite-desc {
    margin-top: 20px;
    margin-bottom: 20px;
}
.invite-desc p {
    font-weight: bold;
}
/*Fr-Event Invite END*/



/*Create Event payment page css start*/

.create-event-payment-section .select-payment {
    margin-bottom: 40px;
}
.create-event-payment-section .select-payment li {
    text-align: center;
    background-color: transparent;
    color: #484848;
    min-width: 270px;
    max-width: 270px;
    min-height: 250px;
    display: inline-block;
    padding: 25px 10px;
    margin-right: 30px;
    border: 4px solid #484848;
    vertical-align: top;
}
.create-event-payment-section .select-payment li p {
    margin-bottom: 15px;
}
.create-event-payment-section .select-payment li i {
    display: block;
    font-size: 22px;
    font-weight: bold;
}
.create-event-payment-section .select-payment li strong {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}
.create-event-payment-section .select-payment li button {
    margin-top: 30px;
    background-color: transparent;
    border: 4px solid #484848;
    color: #484848;
}
.create-event-payment-section .select-payment li.curent, .create-event-payment-section .select-payment li:hover {
    background-color: #484848;
    color: #fff;
}
.create-event-payment-section .select-payment li:hover .subscription-btn{
    background-color: #dec7b6;
    color: #fff;
    box-shadow: none;
}
.create-event-payment-section .select-payment li.curent button {
    color: #fff;
    background-color: #DEC7B6;
    border-color: #DEC7B6;
    cursor: not-allowed;
}
.create-event-payment-section .select-payment li:hover button {
    color: #fff;
    background-color: #DEC7B6;
    border-color: #DEC7B6;
}
.credit-card-info-heading {
    margin-top: 30px;
}
.create-event-payment-section .checkbox {
    float: left;
    margin: 10px 0px;
}
.create-event-payment-section .ag-fr-form .checkbox label {
    padding-left: 35px;
}
.create-event-payment-section .checkbox label a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    color: #56565b;
}
.create-event-payment-section .create-event-btn {
    min-height: 45px;
    min-width: 150px;
}
/*Create Event payment page css End*/



/*create css by praful*/

.margin-bottom-none {
    margin-bottom: 0;
}
.browse-list .sub-heading {
    color: #56565b;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
}
.border-btn {
    border: 3px solid #cac8c8;
    color: #56565b;
    padding: 5px 18px 5px 18px;
    font-weight: bold;
    width: 115px;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    font-size: 12px;
    text-transform: uppercase;
}
.border-btn:hover {
    border: 3px solid #dbc8b9;
    color: #dbc8b9;
    text-decoration: none;
}
.fr-dash-profile .browse-cancle-btn {
    margin-top: 25px;
}
@media(min-width: 1366px){
    .fr-dash-profile .browse-view-btn {
        position: absolute;
        width: 100px;
        bottom: 0px;
        right: 15px;
    }
}
.fr-dash-profile .browse-rating {
    margin-top: 20px;
}
.fr-messages .modal-dialog {
    margin-top: 150px;
    width: 750px;
}
.fr-messages .modal-content {
    border: 1px solid #f7f8fa;
    background-color: #f7f8fa;
    box-shadow: none;
    border-radius: inherit;
    color: #5a5a5f;
}
.fr-messages .modal-body {
    margin-top: 10px;
}
.title-heading {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.fr-messages .modal form {
    background-color: inherit;
}
.fr-messages .modal .ag-fr-form label {
    font-size: 18px;
}
.fr-messages .modal .ag-fr-form input,  .fr-messages .modal .ag-fr-form select,  .fr-messages .modal .ag-fr-form textarea,  .fr-messages .modal .ag-fr-form .select2-selection {
    border-width: 2px;
}
.check-signup label::before {
    position: inherit;
    display: inherit;
    float: left;
    margin-right: 10px;
}
.check-signup label::after {
    position: inherit;
    display: inherit;
    float: left;
    margin-left: -30px;
    padding-left: 0;
    text-align: center;
}
.message-box .modal button.close {
    opacity: 1;
    margin-right: 3px;
}
 .fr-messages .modal input::-webkit-input-placeholder {
 color: #56565b;
 opacity: 1;
}
 .fr-messages .modal input:-ms-input-placeholder {
 color: #56565b;
 opacity: 1;
}
 .fr-messages .modal input::-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
 .fr-messages .modal input:-moz-placeholder {
 color: #56565b;
 opacity: 1;
}
.checkbox-radio .checkbox label {
    padding-left: 5px;
}
.terms-link .checkbox {
    margin-top: 10px;
    margin-bottom: 10px;
}
.terms-link .checkbox label {
    font-size: 15px !important;
}
.terms-link .checkbox a {
    text-decoration: underline;
    color: #5a5a5f;
}
/*create css by praful end*/



/*Start Create Evebt page css*/

.ag-date-picker-block .input-group {
    width: 100%;
}
.ag-date-picker-block .input-group-addon {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    font-size: 22px;
    height: 100%;
    line-height: 35px;
    position: absolute;
    right: 0;
    width: 48px;
    z-index: 4;
}
.event-form-block, .event-upload-pick-block {
    padding: 0px 15px;
    float: left;
}
.event-upload-pick-block {
    width: 250px;
    position: relative;
}
.event-form-block {
    width: calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: -o-calc(100% - 250px);
    width: -ms-calc(100% - 250px);
}
.event-upload-pick-block .ce-upload-btn {
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 18px;
    padding: 12px;
    text-align: center;
    width: 100%;
    background-color: #dbc8b9;
}
.event-upload-pick-block .ce-upload-btn:hover {
    color: #56565b;
}
/*End Create Evebt page css*/



/*Start Agency Subscription page css*/

.ag-card-details .visa-card-box {
    border: 3px solid #56565b;
    float: left;
    width: 100%;
    padding: 10px 20px;
    margin: 5px 0 40px;
}
.ag-card-details .visa-card-box img, .ag-card-details .visa-card-box p, .ag-card-details .visa-card-box b {
    display: inline-block;
}
.ag-card-details .visa-card-box p {
    margin: 0px 15px;
}
.ag-card-details .visa-card-box a {
    font-size: 14px;
    text-decoration: underline;
    color: #56565b;
    line-height: 34px;
}
/*.purchase-history {

    margin-top: 30px;

    padding: 0px 15px;

}*/



.purchase-history h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
.purchase-history a {
    font-size: 14px;
    text-decoration: underline;
    color: #56565b;
}
.purchase-history .table > tbody > tr > td {
    border: none;
    padding: 15px;
}
/*End Agency Subscription page css*/



/*Start Agency Events page css*/

.agency-event-slide {
    position: relative;
    margin-bottom: 30px;
}
.event-row {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.agency-event-slide .item {
    margin: 10px 5px;
    text-align: center;
}
.agency-event-slide .freelancer-name {
    font-size: 12px;
    line-height: initial;
    display: inline-block;
    vertical-align: middle;
}
.agency-event-slide .designation {
    font-size: 12px;
    line-height: normal;
    margin-top: 0px;
    vertical-align: middle;
    font-weight: normal;
    display: block;
}
.ag-event-btn {
    float: right;
    width: auto;
    min-width: auto;
    padding: 0 15px;
    margin-right: 5px;
}
.agency-event-slide .slick-next {
}
.agency-event-slide .slick-prev:before {
    border-bottom: 8px solid transparent;
    border-right: 16px solid #dec7b6;
    border-top: 8px solid transparent;
    height: 0;
    width: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.slick-prev, .slick-next {
    text-indent: -9999px;
    position: absolute;
    background: none;
    box-shadow: none;
    border: none;
    width: 20px;
    height: 20px;
    z-index: 9;
}
.agency-event-slide .slick-next {
    right: -18px;
}
.agency-event-slide .slick-prev {
    left: -14px;
}
.agency-event-slide .slick-next:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #dbc8b9;
    border-bottom: 8px solid transparent;
    top: 0;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination > li.previous-btn a, .pagination > li.next-btn a {
    background-color: #dec7b6;
    border-color: #dec7b6;
    border-radius: 0;
    color: #fff;
}
.pagination > li > a, .pagination > li > span {
    color: #dec7b6;
    font-weight: bold;
    margin: 0 5px;
}
.pagination > li.active > a, .pagination > li > a:hover {
    background-color: #dec7b6;
    border-color: #dec7b6;
    color: #56565b;
}
/*End Agency Events page css*/



/*Accordion START*/

.panel-group .panel {
    border-radius: 0px;
}
.panel-default > .panel-heading {
    background-color: #56565b;
}
.panel {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;
}
.panel-heading {
    padding: 0px;
}
.panel-title {
    color: #dec7b6;
    font-size: 16px;
    padding: 8px 15px;
}
.panel-title i {
    line-height: 28px;
}
.panel-default > .panel-heading a {
    text-decoration: none;
}
.panel-body {
    padding: 25px;
}
.panel-body {
    color: #888;
    font-size: 14px;
}
.panel-heading {
    border-radius: 0px;
}
.faq .fa {
    float: right;
}



/*Accordion END*/



::-moz-selection {
 color: #dec7b6;
 background: #555;
}
::selection {
    color: #dec7b6;
    background: #555;
}
/*alertbox start*/

.alert-success {
    background-color: #dbc8b9;
    color: #fff;
    width: fit-content;
    border-radius: 0px;
    padding: 10px 15px;
    margin-top: -10px;
    width: 100%;
}
/*alertbox end*/

/*view event page start*/

.view-event-pic img {
    margin-bottom: 20px;
}
.view-event-right button {
    margin-top: 60px;
}
.view-event-right {
    float: left;
    margin-left: 10px;
    margin-right: 50px;
    width: calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: -o-calc(100% - 250px);
    width: -ms-calc(100% - 250px);
    
}
.view-event-name {
    font-size: 16px;
    font-weight: bold;
}
.view-event-title {
    font-size: 14px;
}
.view-event-rate {
    font-size: 15px;
    font-weight: bold;
}
/*view event page end*/



/*Profile process Start*/

.responsive-tabs-container {
    max-width: 78%;
    margin-left: auto;
    margin-right: auto;
}
.trash-certi {
    background-color: transparent;
    position: absolute;
    right: 25px;
    top: 10px;
    font-size: 16px;
}
.profile-process-heading1 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.profile-process {
    position: absolute;
    top: 40px;
    right: 0px;
    width: 120px;
}
.progress-bar {
    background-color: #dec7b6;
}
.progress {
    overflow: inherit;
}
.progress-txt {
    float: none;
    clear: both;
    font-weight: bold;
}
.nav-tabs {
    border-bottom: 3px solid #56565b;
}
.nav-tabs > li {
    display: inline-block;
    float: none;
    margin-bottom: -4px;
}
.nav-tabs > li > a {
    margin-right: 0px;
    border-radius: 0px;
    color: #56565b;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    font-weight: bold;
    border-top: 3px solid #56565b;
    border-left: 3px solid #56565b;
    border-right: 3px solid #56565b;
    border-bottom: 0px;
}
.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
}
.nav-tabs > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}
.responsive-tabs-container[class*="accordion-"] .tab-pane {
    margin-bottom: 15px;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #56565b;
    border-radius: 0px;
    font-size: 16px;
    border: none;
    color: #fff;
}
.nav-tabs {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.login-process .main-login-form {
    padding: 40px;
    border-left: 3px solid #56565b;
    border-right: 3px solid #56565b;
    border-bottom: 3px solid #56565b;
    margin-top: -10px;
}
.login-process-left {
    float: left;
}
.login-process-pic {
    width: 175px;
    height: 175px;
    margin-bottom: 10px;
    /*border: 3px solid #56565b;*/

    overflow: hidden;
}
.login-process-pic img {
    height: 175px;
    object-fit: cover;
}
.login-process-upload-pic {
    height: 175px;
    margin-bottom: 10px;
    border: 3px solid #56565b;
    overflow: hidden;
}
.login-process-upload-pic img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.login-process-upload-pic .modal-body img {
    height: auto;
}
.login-process-upload-pic .fr-delete {
    bottom: 1px;
}
.login-process-form {
    float: left;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: -ms-calc(100% - 200px);
    margin-bottom: 10px;
    margin-left: 25px;
}
.btnNext, .btnPrevious {
    cursor: pointer;
}
#experience .select2, #Resume .select2 {
    width: 100% !important;
}
.profile-process-require {
    font-weight: bold;
    margin-bottom: 20px;
}
.profile-process-upload {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
/*Profile process End*/

/*date control start*/

.input-group-addon {
    border: 3px solid #56565b;
    background-color: #fff;
}
/*date control end*/



/*Action modal popup start*/

.action-madal {
    margin-top: 10%;
    text-align: center;
}
.action-madal .modal-content {
    border-radius: 0px;
    padding: 10px 10px;
    background-color: #fff;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
}
.action-madal .modal-dialog {
    width: 500px;
}
.action-madal p {
    margin-bottom: 20px;
    font-size: 18px;
}
.action-madal button, .action-madal a {
    border: 2px solid #56565b;
    padding: 6px 20px;
    background-color: transparent;
    min-width: 120px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
.action-madal button:hover, .action-madal a:hover {
    border: 2px solid #dec7b6;
    color: #333;
    background-color: #dec7b6;
}
/*Action modal popup end*/

/*basic popup start*/

.basic-madal {
    margin-top: 10%;
    text-align: center;
}
.basic-madal .close {
    margin-top: -40px;
    margin-right: -40px;
    width: 35px;
    height: 35px;
    background-color: #888;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    line-height: 35px;
    border-radius: 35px;
}
.basic-madal .close:hover {
    background-color: #56565b;
    color: #fff;
}
.basic-madal .modal-content {
    border-radius: 0px;
    padding: 10px 10px;
    background-color: #fff;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
}
.basic-madal h3 {
    font-size: 22px;
    font-weight: normal;
    color: #56565b !important;
}
.basic-madal p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #56565b !important;
}
.basic-madal .modal-body a {
    border: none;
    padding: 10px 15px;
    background-color: #dec7b6;
    min-width: 120px;
    font-weight: bold;
    color: #fff;
}
.basic-madal .modal-body a:hover {
    color: #56565b;
}
/*basic popup end*/

.btn-margin {
    margin-top: 75px;
    margin-bottom: 50px;
}
/*popup rating start*/

.pop-rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
    margin-bottom: 20px;
}
.pop-rating > span {
    display: inline-block;
    position: relative;
    width: 1.1em;
    font-size: 28px;
    color: #c7c9c7;
}
 .pop-rating > span:hover:before,  .pop-rating > span:hover ~ span:before {
 content: "\2605";
 position: absolute;
 color: #c7c9c7;
}
.modal-footer {
    text-align: left;
}
/*popup rating end*/

/*on scroll down animation conflict*/

/*.wow {
    visibility: hidden;
}*/
/*on scroll down animation conflict*/

#terms-error {
    display: block;
}
#terms-error:before {
    display: none;
}
/* This style is for margin botton in addevent page for back to Dashboard Link */

.addEventBackMB {
    margin-bottom: 20px;
}
/* No Pending FL & No Hired FL */

.noPendingFl, .noHireFL {
    height: 159px;
    color: #cccccc;
    text-align: center;
    line-height: 159px;
    border: 1px #ccc solid;
}
.checkbox-put + #terms-error {
    color: red;
}
.thanks-page {
    padding: 200px 0px;
}
.like .fa-heart {
    display: none;
}
.like:hover .fa-heart {
    display: block;
}
.like:hover .fa-heart-o {
    display: none;
}
#favorited .like .fa-heart {
    display: block;
}
/*loder style start*/

.loaderOverlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.loaderOverlay img {
    position: absolute;
    width: 10%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*loder style end*/

.datepicker .table-condensed {
    font-size: 14px;
}
.datepicker .table-condensed th {
    text-align: center;
}
.fr-upload-btn label {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 40px;
}
#newsletter_form label {
    position: absolute;
    width: 100%;
    left: 15px;
    bottom: -30px;
}
/* Disabled Step ProcessTabs */

#myTab > li > a {
    pointer-events: none;
    color: #aaa;
}
#myTab > li.active > a {
    pointer-events: auto;
    color: #555;
}
.fc-other-month {
    cursor: not-allowed;
    background-color: #eeeeee;
}
/*.modal-backdrop{

    display: none;

}*/



/* Profile Willing Travel Error */

.error + .myclabel:before {
    border-color: red;
}
#view-booking form label {
    font-weight: bold;
}
.carousel .carousel-caption {
    background-color: #fff;
    color: #56565b;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: 0px;
}
.browse-list .carousel-inner img {
    width: 100%;
}
.modal-dialog .carousel-control.left, .modal-dialog .carousel-control.right {
    background-color: transparent;
    background-image: none;
}
.port-gallery-title {
    font-size: 20px;
    text-shadow: none;
    margin-top: 10px;
}
.carousel-caption p {
    text-shadow: none;
}
.list-group-item .badge {
    margin: 4px 10px 0 0;
    color: #fff;
}
.list-group-item.active .badge {
    margin: 0px 10px 0 0;
    color: #000;
    position: relative;
    top: 4px;
}
.list-group-item.active .new_job_applied_count .badge {
    color: #fff;
}
.new_job_applied_count {
    position: relative;
    margin: 0px;
 }
.list-group-item .new_job_applied_count, .list-group-item .new_job_applied_count .badge{
    margin-top: 0px;
    top: -1px;
}
.list-group-item.active .new_job_applied_count{
    top: -1px;
    margin-top: 0px;
}
.list-group-item.active .new_job_applied_count .badge{
    top: 0px;
}

.accept, .decline {
    display: inline-block;
}
.ag-fr-form .txt-104 {
    width: 104%;
}
.modal-header {
    border: none;
}
.ag-fr-form .form-group .switch-field {
    margin-bottom: 0;
}
#accept-decline-blk form {
    display: inline-block;
}
.rating {
    border: none;
    float: left;
}
.rating > input {
    display: none;
}
.rating > label:before {
    margin: 5px;
    font-size: 2em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}
.rating > .half:before {
    content: "\f089";
    position: absolute;
}
.rating > label {
    color: #ddd;
    float: right;
}



/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */  .rating:not(:checked) > label:hover, /* hover current star */  .rating:not(:checked) > label:hover ~ label {
 color: #dbc8b9;
}



/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */  .rating > input:checked ~ label:hover,  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */  .rating > input:checked ~ label:hover ~ label {
 color: #dbc8b9;
}
.fr-messages #freelancer_rating .modal-body {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.fr-messages #freelancer_rating form {
    margin: 0;
    width: 100%;
}
.fr-messages #freelancer_rating .modal-footer {
    padding-left: 0;
    padding-right: 0;
}
.modal-title-border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.modal-title-border .close {
    margin-top: 5px;
}
.min-auto-height {
    min-height: 230px;
}
#search-freelancer-form .ui-widget.ui-widget-content {
    left: 0 !important;
    top: 52px !important;
    width: 100% !important;
}
select.classic-small {
    width: 30%
}
#update_profile_form .error + span.select2-container--default.select2-container--focus .select2-selection--multiple,  #update_profile_form .error + span.select2-container--default .select2-selection--multiple {
    border-color: #f00 !important;
}
.font-12 {
    font-size: 12px;
}
.portfolio-tems-img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.underline-link {
    text-decoration: underline;
    color: #dec7b6;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.label-bold {
    font-weight: bold;
}
.agency-myprofile .fr-profile-view {
    margin-top: 0;
    margin-bottom: 5px;
}
/*Policy START*/

.policy p {
    margin-bottom: 20px;
    text-align: justify;
}
.policy a {
    color: #dec7b6;
    font-weight: bold;
    text-decoration: underline;
}
.policy a:hover {
    color: #ccc;
}
.policy .num-list dt, .policy .num-list li {
    list-style: decimal;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}
dl {
    margin-bottom: 0px;
}
.policy .roman-list li {
    list-style: lower-alpha;
    font-size:14px;
    margin-left: 30px;
    font-weight: normal;
    margin-top: 0px;
}
.policy .roman-num-list li {
    list-style: lower-roman;
    font-size:14px;
    margin-left: 40px;
    font-weight: normal;
    margin-top: 0px;
}
/*Policy END*/



/*Testimonial START*/

.testimonials-section {
}
.testi-box {
    display: table;
    height: 200px;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.testi-box:hover {
    box-shadow: 0 0 25px #ccc;
}
.testi-cell {
    display: table-cell;
    vertical-align: middle;
}
.testi-description {
    float: left;
    margin-left: 30px;
    width: calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: -o-calc(100% - 230px);
    width: -ms-calc(100% - 230px);
}
.testi-img {
    float: left;
}
.testi-img, .testi-img img {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    object-fit: cover;
    object-position: center;
}
.testi-author {
    font-size: 20px;
    text-align: right;
    float: right;
    margin-top: 10px;
}
.testimonials-section p {
    text-align: justify;
    margin-top: 10px;
    padding-top: 20px;
}
.testimonials-section p:before {
    content: "";
    /*background-image:url(../img/quote-left.png);*/
    position: absolute;
    width: 30px;
    height: 30px;
    margin-top: -30px;
}
.testimonials-section p:after {
    content: "";
    /*background-image:url(../img/quote-right.png);*/
    position: absolute;
    width: 30px;
    height: 30px;
}
/*Testimonial END*/

.selectrate-block {
    width: 307px;
}
.button-radio input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.button-radio label {
    display: inline-block;
    font-weight: bold;
    width: 130px;
    height: 44px;
    line-height: 40px;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    text-shadow: none;
    border: 3px solid #484848;
    color: #484848;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -5px;
    margin-top: 30px;
}
.button-radio label:hover {
    cursor: pointer;
}
.button-radio input:checked + label {
    background-color: #dec7b6;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.create-event-payment-section .select-payment li:hover .button-radio label {
    border: 3px solid #dec7b6;
    color: #fff;
    background-color: #dec7b6;
}
.curent .button-radio label {
    border: 3px solid #dec7b6;
    color: #fff;
}
.profile-view-pic img {
    height: 250px;
}
.ag-fr-form .btn-default.btn-on, .btn-default.btn-off {
    padding: 7px 10px;
}
.edit-profile-show .select2-container {
    width: 100% !important;
}
#edit-profile-show{
    display: none;
}
.rate-icon {
    position: relative;
}
.rate-icon:before {
    content: '$';
    position: absolute;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-right: 2px solid;
    font-weight: bold;
}
.rate-icon input {
    padding-left: 56px;
}
.freelancer-text {
    position: absolute;
    bottom: 0;
    background-color: #dec7b6;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    left: 0;
}
.receipt table th {
    background-color: #eee;
}
.modal-link {
    color: #dec7b6;
}
.modal-link:hover {
    color: #56565b;
}
/*inner page testimonial start*/

.innter-testimonial {
    margin-bottom: 15px;
}
.innter-testimonial-img {
    float: left;
    width: 175px;
    height: 175px;
    margin-right: 25px;
}
.innter-testimonial-img img {
    object-fit: cover;
    height: 172px;
}
.innter-testimonial-txt {
    float: left;
    width: calc(98% - 200px);
    width: -webkit-calc(98% - 200px);
    width: -moz-calc(98% - 200px);
    width: -o-calc(98% - 200px);
    width: -ms-calc(98% - 200px);
}
/*inner page testimonial end*/

.modal-scroll {
    max-height: 600px;
    overflow-y: auto;
    padding: 0 15px;
}
.full-modal {
    width: 900px;
}
.modal-scroll .policy .num-list dt, .policy .num-list li {
    margin-left: 20px;
}
.over-none {
    overflow: inherit !important;
}
.width-100 .select2 {
    width: 100% !important;
}
.width-100 .select2-container--default .select2-selection--multiple {
    border: none;
    background-color: #cac8c8;
}
.width-100 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
    background-color: #cac8c8 !important;
}
/*.width-100 .select2:after{

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #56565b;

    top: 15px;

    right: 14px;

}*/

.width-100 .select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 8px;
}
.how-it-work-content p {
    text-indent: -12px;
    width: 98%;
    margin: 0 auto;
}
.fix-alert {
    margin-top: 10px;
}
.msgclose {
    padding-left: 8px;
    cursor: pointer;
    z-index: 1000;
}
#testimonial_alert_box {
    display: none;
}
/*Particales start*/

html, body {
    width:100%;
    height:100%;
}
canvas {
    display:block;
    vertical-align:bottom;
}
#particles-js {
    width: 100%;
    height: 100%;
    background-color: #eee;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.errorpage {
    position: absolute;
    top: 20%;
    left: 36%;
    color: #333;
    text-align: center;
    width: 450px;
    background-color: #fff;
    padding: 20px 20px 60px 20px;
    box-shadow: 0 30px 20px #aaa;
}
.errorpage h1 {
    font-size: 160px;
}
.errorpage h2 {
    font-size: 34px;
    margin-top: -10px;
    margin-bottom: 30px;
}
.errorpage p {
    font-size: 18px;
    color: #555;
    margin-bottom: 30px;
    display: block;
}
.errorpage .btn-error {
    min-width: 140px;
    min-height: 45px;
    line-height: 45px;
    background-color: #dec7b6;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}
.errorpage .btn-error:hover {
    background-color: #222;
    color: #fff;
}
/*Particales end*/





.payment-border-error {
    padding: 10px;
    width: auto;
    display: inline-block;
    margin-bottom: 40px;
}
.payment-border-error .select-payment {
    margin-bottom: 0;
}
.payment-border-error .select-payment li:last-child {
    margin-right: 0;
}
/* By Nikhil: Width of profile process testimonial form */
.testimonial_block .login-process-form {
    width:auto;
    margin-left:0;
}
/*imge hover for event page*/

.img-hover {
 position: relative;
}
.img-hover:after {
    background: transparent;
    position: absolute;
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background-color: white;
    opacity: 0;
}
.img-hover:hover.img-hover:after {
    background: rgba(49, 49, 49, .95);
    opacity: 0.8;
}
.show-btn {
    position: absolute;
    /*left: 15px;*/
    min-width: auto;
    opacity: 0;
    z-index: 2;
    top: 38%;
    padding:5px 8px;
    min-height:30px;
    line-height:inherit;
    font-size:12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
}
.img-hover:hover .show-btn {
    opacity: 1;
}
/*imge hover for event page end*/



.testi-full {
    width: inherit;
}
.right-btn-space {
    margin-left: 10px;
}
.experience-border{
    height: 2px;
    width: 80px;
    content: "";
    background-color: #cac8c8;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.error-page-space{
    padding: 230px 0;
}
.process-head{
    margin-bottom: 35px;
}

/** For last border hide **/
#expwrap > div:last-child, #feedbckwrap > div:last-child .event-exp:after{
    display:none;
}
.caps{
    text-transform: capitalize;
}
.page-height{
    min-height: 780px;
}
.ag-fr-form #experience-level .btn-default.btn-on{
    min-width: 150px;
}
.side-slider .slick-next {
   right: 10px;
   background: url(../img/right-arrow.png) no-repeat;
}
.side-slider .slick-prev {
   left: 10px;
   background: url(../img/left-arrow.png) no-repeat;
}
.create-event-payment-section .select-payment li .payment-select{
    border: 3px solid #484848;
}
.create-event-payment-section .select-payment li:hover .payment-select {
    border: 3px solid #dec7b6;
    color: #fff;
    background-color: #dec7b6;
}
.thumb_freelancer{
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
}
.freelancer-name{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
#contactResponse{
    color: #56565b !important;
}
.remove-margin{
    margin-top: 0px;
}
.list-menu{
    display: none;
}
.demo-gallery label.fr-upload-btn {min-width: 100%;} 
@media (max-width: 1024px){
.fixed-bg {
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fixed-bg .overlay-bg {
    display: block;
    background-color: rgba(0,0,0,0.6);
    z-index: 2;
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: hidden;
}
    .fixed .mene-center-box{
        height:100vh;
        padding-bottom: 128px;
    }
}
.margin-btn{
    margin-top: 65px;
}
@media (max-width: 991px){
    .margin-btn{
        margin-top: 20px;
    }   
}

.hr-line{
    width: 96%;
    height: 2px;
    background-color: #dec7b6;
    margin: 0 auto 15px auto;
}

.browse-price span{
    font-weight: normal;
}
.hired-move{
    text-align: right;
}
#emailError{
    display: block;
    text-align: left;
    font-weight: bold;
    color: red;
}
.full-btn{
    display: block;
    width: 100%;
    margin: 10px 0;
}
.modal-link-padding{
    padding: 11px 15px !important;
}
.how-it-3-box{
    width: 31.5%;
    margin: 0 10px;
}


.create-event-payment-section .select-payment .three-box{
    min-width: auto;
    width: 30%;
    padding: 25px 10px;
}
.sign-out-btn{
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top: 3px;
}
.sign-out-btn i{
    font-size: 20px;
    color: #56565b;
}

/*alertbox start*/

.alert-profile {
    background-color: #dbc8b9;
    color: #fff;
    width: fit-content;
    border-radius: 0px;
    padding: 10px 15px;
    margin-top: -10px;
    width: 100%;
}
/*alertbox end*/
 /*Profile Alert*/
.profile-alert{
    margin-top: 0px;
}
.view-alert{
    font-size: 15px;
    background-color: #fff;
    color: #56565b;
    padding: 5px 10px;
    margin-top: -5px;
    cursor: pointer;
    position: absolute;
    right: 20px;
}
.slide-modal{
    z-index: 9999 !important;
}
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.slide-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.slide-modal .caption-container{display: none;}
/* Modal Content */
.slide-modal .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.slide-modal .close {
  color: white;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 35px;
  font-weight: bold;
  opacity: 0.8;
}
.slide-modal .close:hover {
    opacity: 1;
}
.slide-modal .close img{
    width: 40px;
}

.slide-modal .close:hover,
.slide-modal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.slide-cont{
  display: flex;
  padding: 10px 0 0 0;
  position: relative;
}
.mySlides {
  display: none;
  background-color: 
}
.img-slide{
  flex: auto;
  min-width: 61%;
  overflow: hidden;
}
.img-slide img{
    height: 100%;
    object-fit: cover;
}
.img-slide-txt{
  flex: auto;
  padding: 0 15px 0 40px;
}
.img-slide-txt h1{
  color: #4f5058;
  font-size: 48px;
}
.img-slide-txt h1 span{
  /*text-decoration: underline;
  text-decoration-color: #d3b2a8;*/
}
.img-slide-txt h2{
  color: #4f5058;
  font-size: 48px;
}
.img-slide-txt p{
  font-size: 20px;
  color: #4f5058;
  line-height: 26px;
  margin-bottom: 20px;
  padding-right: 110px;
}
.img-slide-txt ul li{
  list-style: none;
  font-size: 18px;
  color: #d3b2a8;
  line-height: 28px;
  font-weight: bold;
}
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.slide-modal .prev,
.slide-modal .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #aaa;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.2);
}

/* Position the "next button" to the right */
.slide-modal .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slide-modal .prev:hover,
.slide-modal .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media(min-width: 991px) and (max-width: 1366px){
    .slide-modal .close{
        right: 30px;
    }
    .img-slide-txt h2, .img-slide-txt h1{
        font-size: 36px;
    }
    .img-slide-txt p{
        padding-right: 70px;
    }
}
@media(max-width: 1024px){
    .img-slide-txt h2, .img-slide-txt h1{
        font-size: 32px;
    }
    .img-slide-txt p{
        font-size: 18px;
        padding-right: 30px;
    }
    .img-slide-txt ul li{
        font-size: 16px;
        display: inline-block;
        margin: 0 15px;
    }
}
@media(max-width: 991px){
    .view-alert{
        position: relative;
        display: block;
        margin: 5px auto;
        width: 270px;
    }
    .slide-modal .close{
        right: 15px;
    }
    .slide-modal .close img{
        width: 30px;
    }
    .img-slide-txt h2, .img-slide-txt h1{
        font-size: 24px;
    }
    .img-slide-txt p{
        font-size: 16px;
    }
}
@media(max-width: 767px){
    .img-slide-txt h2, .img-slide-txt h1{
        font-size: 20px;
    }
    .img-slide-txt p{
        font-size: 14px;
    }
    .img-slide-txt ul li{
        margin: 0 5px;
    }
    .slide-cont{
        display: block;
    }
    .img-slide{
        width: 100%;
    }
    .slide-modal{
        padding-top: 60px;
    }
    .slide-modal .close {
        z-index: 111;
        width: 30px;
        right: 10px;
        top: 10px;
    }
    .alert-profile{
        text-align: center;
    }
    .view-alert{
        right: 0px;
    }
}
@media(max-width: 450px){
    .img-slide-txt{
        padding: 0 15px;
    }
    .img-slide-txt p{
        padding-right: 0px;
    }
    .slide-modal .prev, .slide-modal .next{
        top: 30%;
    }
}
.comp-profile{
    /*position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;*/
    display: inline-block;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    width: 140px;
    text-align: center;
    cursor: pointer;
}
.comp-profile:hover, .comp-profile:focus{
    background-color: #000;
    color: #fff;
}
@media(max-width: 767px){
 .comp-profile{
    display: block;
    margin: 10px auto;
 }   
}
.modal-slide .img-slide-txt ul{
    display: inline-block;
    vertical-align: middle;
}
.modal-slide .slick-prev{
    left: -50px;
    text-indent: unset;
  } 
  .modal-slide .slick-next{
    right: -50px;
    text-indent: unset;
  }
@media(max-width: 991px){
    .modal-slide .slick-prev{
        left: -20px;
        text-indent: unset;
  } 
  .modal-slide .slick-next{
        right: -20px;
        text-indent: unset;
  }
  .img-slide-txt{
    padding: 0 15px;
  }
}
@media(min-width: 1024px){
    .modal-slide .img-slide-txt .comp-profile-btn, .modal-slide .img-slide-txt .comp-profile{
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
}





/*CHECKBOX and RADIO BUTTON CSS START*/

.checkbox-after label {
    display: inline-block;
    font-weight: bold;
    position: relative;
    padding-right: 15px;
    font-size: 20px;
}
.checkbox-after label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -15px;
    border: 2px solid #56565b;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    margin-top: 2px;
}
.checkbox-after label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -20px;
    padding-right: 4px;
    padding-top: 0px;
    font-size: 11px;
    text-align: left;
    color: #56565b;
}
/*Common for Radio and Checkbox*/

.checkbox-after input[type="checkbox"], .checkbox-after input[type="radio"] {
    opacity: 0;
    display: inline-block;
    height: 0;
    position: absolute;
}
.checkbox-after input[type="checkbox"]:focus + label::before, .checkbox-after input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.checkbox-after input[type="checkbox"]:checked + label::after, .checkbox-after input[type="radio"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox-after input[type="checkbox"]:disabled + label, .checkbox-after input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkbox-after input[type="checkbox"]:disabled + label::before, .checkbox-after input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox-after.checkbox-inline {
    margin-top: 0;
}
.checkbox-after {
    position: relative;
    width: fit-content;
}
/*CHECKBOX CSS END*/

.view-job-hire{
    margin-top: 30px;
}
.inline-btn .browse-view-btn{
    display: inline-block;
}
.browse-list-detail{
    width: 40%;
    min-height: 150px;
    position: relative;
}
.browse-list-detail .font-12 a:hover{
    text-decoration: underline;
}
.select2-selection__clear{
    display: none;
}
.box-toggle{
    margin-top: 25px;
}


.view-job-btn, .view-event-right .view-job-btn{
    margin-top: 10px;
}
.mandatory-star{
    font-size: 18px; color: #dec7b6; position: absolute; top: 15px; left: 25px;
    z-index: 3;
}
.required-label{
    color: #dec7b6;
    font-weight: bold;
    padding: 5px;
}

.input-with-btn{
    background-color: #cac8c8;
    position: relative;
    width: 100%;
    text-align: left;
}
.city-state-modal form{
    padding: 0 10px;
}
.city-state-modal form .common-btn{
    margin-top: 15px;
}
.agency-event-slide .badge{
    background-color: #dec7b6;
}
.bottom-grid .view-job-btn{
    position: absolute;
    bottom: 0px;
}
@media(max-width: 480px){
    .bottom-grid .view-job-btn{
        position: relative;
        bottom: 0px;
    }
}


/*Signup-before*/
.signup-hide h3{
    font-size: 20px;
    color: #56565b;
    margin-bottom: 40px;
}
.signup-box .signup-root-fr{
    background-color: #dec7b6;
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    cursor: pointer;
}
.signup-box .signup-root-ag{
    background-color: #56565b;
    padding: 15px 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    cursor: pointer;
}
.signup-box .switch-user{
    background-color: #dec7b6;
    padding: 12px 30px;
    text-align: center;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 15px;
    cursor: pointer;
    letter-spacing: 1px;
    display: none;
}
.signup-box .switch-user:hover{
    background-color: #56565b;
}
.signup-box .signup-root-fr:hover{
    color: #56565b;
}
.signup-box .signup-root-ag:hover{
    color: #dec7b6;
}
.signup-box .option{
    line-height: 46px;
    display: block;
    font-size: 18px;
    color: #56565b;
}

.signup-view{
    display: none;
    margin-top: 30px;
}
.margin-signup{
    margin: 80px 0 100px 0;
}
.notify-modal .signup-box .margin-signup{
    margin: 30px 0 50px 0;
}
.notify-modal .signup-box{
    padding: 50px 10px;
}
.notify-modal .signup-box .option{
    line-height: 66px;
}
/*#sign-up .notify-modal .modal-content{
    background-color: #f7f8fa;
}*/
@media(max-height: 400px){
    .margin-signup{
        margin: 10px 0;
    }
}
.sub-title-faq{
    text-align: center;
    padding: 35px 0 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #56565b;
}

.faq .panel .panel-body a{
    text-decoration: underline;
}
.view-event-category{
    margin-right: 0px;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: -ms-calc(100% - 200px);
}

.fr-event-box .slick-prev, .fr-event-box .slick-next{
    top: 34% !important;
}
.browse-list .badge{
    cursor: pointer;
}

.modal-body .reloadpage{
    display: inline-block;
}
.view-job-in{
    display: inline-block;
}
.new_job_posted_count, .add_message_count{
    position: relative;
    top: -5px;
}
.header .mainmenu-right-box .add_message_count{
    top: -1px;
    margin-left: 5px;
}
.fr-price-rating .browse-price .switch-field{
    margin-bottom: 0px;
}
@media(min-width: 1366px){
    .fr-profile-name.custom-move{
        margin: 30px 0;
    }
}
.event-view-fr-space{
    margin-top: 30px;
}
.event-view-fr-space .fr-profile-name{
    margin: 0px;
}
.hire-pop-break{
    word-break: break-all;
}
.browse-section .input-with-btn .browse-section-input{
    min-height: 45px;
}
.browse-section .input-with-btn .browse-search-btn{
    top: 4px;
}
footer .f-copyright sup{
    font-size: 10px;
    margin-left: 2px;
}

.event-ag-margin{
    margin: 30px 0;
}
.advance-section{
    margin-bottom: 15px;
}
.browse-side_bar{
    padding-top: 20px;
}

/* Browse page sticky form 27-08-2019 */
.btn-fullwidth{
    display: block;
    width: 100%;
}

#sign_up_captcha:first-child div{
    margin: 0 auto;
}

@media (min-width: 1366px){
    .fr-dash-profile .browse-list .browse-view-btn{
        width: auto;
    }
}
.resume_experience{
    margin-bottom: 25px;
}
.ag-fr-form.resume{
    margin-bottom: 25px;
}
.font-18{
    font-size: 18px;
}
.check-large{
    font-size: 20px;
    font-weight: bold;
}