/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.3.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/*21-11-2016 CSS*/
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway.eot');
    src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway.woff') format('woff'),
        url('../fonts/Raleway.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway_1.eot');
    src: url('../fonts/Raleway_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway_1.woff') format('woff'),
        url('../fonts/Raleway_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


header, .title{ font-family: 'Raleway' !important;}

.form-inline .form-group input, .form-inline .form-group select {
    border-radius: 0;
    background: #FFF;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 190px;
    margin: 0 2px;
    border: solid;
    border-color: #ccc;
    border-width: 1px;
}
.form-inline button.btn{ border-radius: 0; padding: 9px 25px;}
.headding_banner{ color: #FFF; margin-top: 4.5em; font-size: 38px;}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    background-color: rgb(204, 204, 204);
    bottom: 0;
    content: " ";
    height: 1px;
    left: 16%;
    position: absolute;
    right: 0;
    top: 14px;
    width: 68%;    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 34%;
}

.stepwizard-row .stepwizard-step:last-child{ }

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    margin:0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.my-control h3.title{ font-size: 14px; margin-bottom: 0;}
.height50{ height: 50px;}
.sign_up_deatils{ margin: 30px 0;}

.form-group.has-feedback{ position: relative;}
.btn.btn-gray-transparent.margin-clear{ position: absolute; top: 0; right: 0; border-color: transparent;}
h3.logo-font.text-center {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}

.form-block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 670px;
    margin-top: 30px!important;
}


@media only screen and (max-width: 767px) {
    .headding_banner{ margin-top: 0.5em; font-size: 26px;}
}

/*END 21-11-2016 CSS*/
.gallery_img{ padding: 10px 0;}
.gallery_full{  padding: 12px 0;}
.gallery_full img{ max-height: 282px; min-width: 100%;}
.gallery_big_img img{ height: 300px;}
.gallery_small_img img{ height: 131px;}
.footer{ color: #FFF;}
.nav-pills.nav-stacked > li > a {
    color: #000;
}
.footer .title, .subfooter{ color: #000;}

.footer .btn-gray-transparent:hover{ background: #0C9EC7; border-color: #0C9EC7;}
.my h3, .my .logo-font{ color: #FFF !important;}
.radio_control label{ margin-right: 15px;}
.radio_control label:first-child{ margin-left: 35px;}
.checkbox_control{}

.checkbox_control {
    display: none;
}

.checkbox_control + label {
    background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 0;
    display: block;
    position: relative;
}

.checkbox_control + label:active, .checkbox_control:checked + label:active {
}

.checkbox_control:checked + label {
    background-color: #09AFDF;
    border: 1px solid #09AFDF;
    color: #FFF;
}

.checkbox_control:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #FFF;
}

.selit {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.welcome-heading {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    border: solid;
    border-width: 1px;
    border-color: #ccc;
}
p.wel-heading {
    text-align: center;
    font-size: 23px;
    font-weight: 400;
    color: #7f8081;
    width: 100%;
    float: left;
    margin-top: 18px;
}
span.selit img {
    margin: 0 auto;
}
p.user-name {
    /* text-align: center; */
    background-color: #fafafa;
    padding: 10px 10px 10px 20px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
}
p.wel-mag {
    text-align: center;
    width: auto;
    padding: 10px 60px 10px 60px;

}
.badge_my-control{ padding: 2px 2px 0 !important;}
.parrent-chekbox-control, .parrent-chekbox-control input, .parrent-chekbox-control label{ margin: 0 !important; }
.tag-control a{  background-color: rgb(255, 255, 255); border:1px solid #48b5d4; color: #48b5d4; padding:6px 9px; line-height:2.5 !important}
.my-budget-form h5{ font-size: 12px; font-weight: 600;}
.my-budget-form h4{ font-size: 14px; padding-top: 5px; font-weight: bold;}
.my-budget-form li{ margin-right: 5px;}

.buttons-bids-section{ margin-bottom: 0;}
.buttons-bids-section a{ display: block;}
.buttons-bids-section a, .buttons-bids-section button{ text-align: center; font-weight:bold; text-transform: uppercase; background: #48B5D4; color: #FFF;}

.buttons-bids-section a:hover{ padding: 20px 15px; text-align: center; font-weight:bold; text-transform: uppercase; background: #48B5D4; color: #FFF; border-radius: 0; outline: 1px solid #48B5D4;}

.sidebar .nav-stacked a{ color: #4e4e4e !important;}
.sidebar .nav-stacked a:hover, .sidebar .nav-stacked  li.active{ color: #3CB0D1 !important;}


.sidebar .nav-stacked  li.active a{ color: #3CB0D1 !important;}
.sidebar .nav-stacked  li.active a:after{ color: #3CB0D1 !important;}
.padding-inner{ padding: 20px 20px 0; margin-bottom: 20px;}
.body_box_control h6{ font-weight: 500;}
.logo-font{ font-family: 'Raleway';}

.our-tags-control a{ padding:6px 10px; border:1px solid #09AFDF; color: #09AFDF; font-weight: 400; display: inline-block; margin: 3px 0; text-decoration: none; cursor: text;}
.img-fixed-control img, .img-boxing-control{ width: 150px; margin: 0 auto; height: 150px;}
.our-tags-control .gallery_small_img img{ height: auto;}
.img-my-control img{ min-width:100%;}
.match_fount-control{ padding: 30px 0 0; display: block;}
.select_box_control select{appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.portfolio_gallery .col-lg-4:nth-child(even){  transform: rotate(-5deg)}
.portfolio_gallery .col-lg-4:nth-child(odd){ transform: rotate(5deg)}


.bid_section .btn{-moz-user-select: none;
                  background-image: none;
                  border: 1px solid rgba(0, 0, 0, 0);
                  border-radius: 4px;
                  cursor: pointer;
                  display: inline-block;
                  font-size: 14px;
                  font-weight: 400;
                  line-height: 1.42857;
                  margin-bottom: 0;
                  padding: 6px 12px;
                  text-align: center;
                  vertical-align: middle;
                  white-space: nowrap;}
.bid_section .btn-warning {
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
    color: rgb(255, 255, 255);
}
.rating_stars{ margin-top:0;}

.bid-vender{
    width: 100%;
}

.bid-vender .first_img, .bid-vender .second_name, .bid-vender .third_rating, .bid-vender .four_rate{
    float: left;
}

.bid-vender .first_img img, .bid-vender .second_name img, .bid-vender .third_rating img, .bid-vender .four_rate img{
    display: block; max-width: 100%; height: auto;
}

.bid-vender .first_img{ width: 15%; text-align: center; margin-right: 5px;}
.bid-vender .second_name{ width: 46%; margin-right: 5px; padding-left: 10px;}
.bid-vender .third_rating{ width: 25%; margin-right: 5px;}
.bid-vender .four_rate{ width: 9%; margin-right: 5px;}

.bid-vender .second_name h3{ font-size: 18px; display: inline;}
.bid-vender .second_name h3 span{ font-size: 14px; font-weight: normal;}
.name-item li{ display: inline-block;}
.name-item li h3{ font-size: 14px;}
.name-item li > img{ width: 60%;}
.rating_star img, .rating_star .btn{ float: left;}
.rating_star p.margin-bottom{margin:0 0 10px;}

.rating_star p{ margin: 4px 0;}
.bid-vender .four_rate h5{ font-size: 12px; padding: 0; margin:25px 0;  line-height:0;}

.bid-vender .four_rate h2{ padding: 0; margin:16px 0 0 0; line-height: 0;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .bid-vender .first_img, .bid-vender .second_name, .bid-vender .third_rating, .bid-vender .four_rate{
        float: left;
        width: 100%; margin: 10px 0; border-bottom: 1px solid #F7F7F7; text-align: left;
    }
    .btn-group.dropdown.link {
        position: absolute;
        top: 0px;
    }
    div#logo {
        position: absolute;
        z-index: 999;
        margin-top: 10px;
        margin-left: 20px;
    }
    .social-links .dropdown-menu {
        z-index: 103;
        padding: 5px;
        min-width: 170px!important;
        margin-top: 6px;
        font-size: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f2f2f2;
        border: 1px solid #D0D0D0;
        border-top: none;
    }


    div#set-respo-img {
        height: auto!important;
        background-position: center center!important;
        background-size: cover!important;
    }

    .btn-group.dropdown.open {
        position: absolute!important;
        top: 0px!important;
        width: auto;
    }

    .modal-dialog {
        position: relative;
        width: auto!important;
        margin: 10px;
    }

    /*
            .header-top .btn-group {
        margin: 3px 0 2px;
        position: absolute;
        top: 0px;
    }
    .header-top.dark {
        background-color: #2e3537;
        border-bottom: 1px solid #252a2c;
        padding: 8px 0 16px 0;
    }
    */

}
@media only screen and (min-width: 768px){
    .bid-vender .first_img, .bid-vender .second_name, .bid-vender .third_rating, .bid-vender .four_rate{
        float: left;
    }
    .bid-vender .first_img{ width: 15%; text-align: center; margin-right: 5px;}
    .bid-vender .second_name{ width: 40%; margin-right: 5px; padding-left: 10px;}
    .bid-vender .third_rating{ width: 25%; margin-right: 5px;}
    .bid-vender .four_rate{ width: 13%; margin-right: 5px;}
}

.gallery_img img{
    border: 3px solid rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: block;
    overflow: hidden
}

.gallery_full #profile-form{ margin: 0 !important;}

.gallery_full_small img{ max-height: 124px;}

.tab-content .tab-pane{ padding: 10px;}


.tab-content .tab-pane h3{ line-height: 0; margin-top:0; line-height: 2; font-weight: 800;}


.tab-content .tab-pane h6{line-height: 0; font-weight: 600; font-size: 14px;}

.tab-content .tab-pane .listing-item.mb-20{ margin-bottom: 0;}
.tab-content .tab-pane:nth-child(even) {background: #FFF; margin-bottom: 20px;}
.tab-content .tab-pane:nth-child(odd) {background: #fafafa;}
.gallery_full.gallery_full_small .margin-none #portfolio-form{ margin: 0;}
.listing-item .body_control{ padding: 0 15px;}
.user_photo img{ width: 100%; display: block; height: 180px;   border: 3px solid rgb(255, 255, 255); border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); cursor: pointer; display: block; overflow: hidden;}

.user_deatils h3{ font-size: 24px; font-weight: 600; margin-bottom: 16px;}
.user_deatils h4{ font-size: 14px; font-weight: normal; color: #8c8c8c;}
.user_control_deatils .separator-2{ margin-top: 15px;}
.deatils_box_control .body{ padding-top: 0;}
.user_control_deatils p{ margin-bottom: 0;}

.user_control_deatils{ border: 3px solid rgb(255, 255, 255);
                       border-radius: 5px;
                       box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

                       padding: 18px 0; margin-bottom: 50px;}

.clicked_drop_down_item{ background: #fafafa;
                         margin-left: 0;
                         padding: 10px;}
.clicked_drop_down_item li a{ position: relative;}
.clicked_drop_down_item li a:after, .sidebar .dropdown a::before{ display: none;}
.clicked_drop_down_item{ display: none;}
.sidebar .dropdown-menu.forAnimate{ padding: 10px;}
.dropdown_my_control .dropdown-menu{ width: 100% !important; }

.dropdown_my_control .dropdown-menu{ position: inherit; box-shadow: none; margin: 0 0 0 4px !important; border-color: transparent;}
.dropdown_my_control .dropdown-menu li.active .dropdown_my_control .dropdown-menu{ display: block;}

.has-error .error, .has-error .form-control-feedback{ color: red;}
.has-error .form-control, .has-error .form-control:focus{ border-color: red;}
.event_control input{ position: relative;}
.event_control i.form-control-feedback{ top:27px;}
.form_my_control label span{ color: red;}

.pannel_body_full_control p.height50{ height: auto;}
.pannel_body_full_control .form-block{ width: 100%;}

.banner .has-error input{ position: relative;}
.banner .has-error span.help-block.error{ position: absolute;}
.banner .has-error span.help-block{ margin-top: 0;}
.modal-dialog{ width:700px;}
.form_error_control{ margin-top: 10px;}
.form_select_button select{ appearance: none;  -moz-appearance: none; -webkit-appearance: none; border-radius: 4px; box-shadow: none; height: auto; padding: 8px;}

.form_select_button select{ position: relative;}
.form_select_button i{ position: absolute; right: 35px; top: 33px;}
.less, .more{   background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) inset; color: rgb(255, 255, 255);padding: 2px 4px;}
.margin-top15{ margin-top: 15px;}
.form_select_button{ position: relative;}
@media only screen and (max-width: 767px) {
    .form_select_button i{ right: 13px;
                           top: 13px;
    }
}

@media only screen and (min-width: 768px) {
    .form_select_button i{ right: 13px; top: 13px;}
}


.modal-content.my_controls p.height50{ display: none;}
.modal-content.my_controls .form-block{ width: 100%;}

.location_cuntry{ position: relative;}
.location_cuntry #suggesstion-box{   background: rgb(255, 255, 255) none repeat scroll 0 0;
                                     border-color: rgb(225, 225, 225);
                                     border-radius: 5px;
                                     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
                                     color: rgb(119, 119, 119); position: absolute; top: 73px; z-index: 9;}
.location_cuntry #suggesstion-box ul li{ padding:5px 0; height:}
#country-list{ height: 200px; overflow-x: hidden;  overflow-y: scroll; padding: 16px;}

.bootstrap-timepicker-widget table td input{   border: 1px solid #cccccb;
                                               box-shadow: none;
                                               margin: 0;
                                               padding: 5px;
                                               text-align: center;
                                               width: 44px !important;}

.pannel_body_full_control table tr:nth-child(even){background: #f2f2f2;}
.pannel_body_full_control table tr:nth-child(odd){background: #fff;}
.gallery_small_img{ position: relative;}
.gallery_small_img a.close_buttons{  background: #09afdf;
                                     border-radius: 50%;
                                     padding: 3px 8px;
                                     position: absolute;
                                     right: -10px;
                                     top: -10px;
                                     z-index: 99; color: #FFF;}
.label-display{ position: absolute; top: 0; padding: 10px 15px; font-size: 14px; border:1px solid #098fb5; background: none; color:#098fb5; right: 20px;}
.listing-item.active{ background:#f3fcff;}
.user_control_deatils{ position: relative;}
.caterer-portfolio img {
    max-height: 150px;
}
.main_cater_profile{}
.sidebar_Catr_details{}
.sidebar_Catr_details .img-fixed-control img, .sidebar_Catr_details .img-boxing-control{}
.body_Catr_details{}

.sidebar_Catr_details .block{ margin-bottom:10px;}
.body_Catr_details .gallery_full_small img{ max-height: 200px;}
.sidebar form{ margin:-1px 0 20px !important;}

.user_photo img{ margin-bottom: 20px;}


.side_bar .profile {
    margin: 20px 0;
}

/* Profile sidebar */
.side_bar .profile-sidebar {
    padding: 20px 0 10px 0;
    background: #2E3537;
}

.side_bar .profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.side_bar .profile-usertitle {
    text-align: center;
    margin-top: 10px;
}

.side_bar .profile-usertitle-name {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.side_bar .profile-usertitle-job {
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

.side_bar .profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

.side_bar .profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px;
}

.side_bar .profile-userbuttons .btn:last-child {
    margin-right: 0px;
}

.side_bar .profile-usermenu {
    margin-top: 30px;
}

.side_bar .profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
}

.side_bar .profile-usermenu ul li:last-child {
    border-bottom: none;
}

.side_bar .profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 14px;
    font-weight: 400;
}

.side_bar .profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 14px;
}

.side_bar .profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.side_bar .profile-usermenu ul li.active {
    border-bottom: none;
}

.side_bar .profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: -2px;
}

/* Profile Content */
.side_bar .profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}

.side_bar{ position: fixed; width: 300px; z-index: 9999; right: 0; top: 0; height: 100%; right: -500px; background: #2E3537; transition: 0.8s; overflow-y: scroll;}
.side_bar_show{ right: 0;}
.close_button{ background: #D54945; color: #FFF; padding: 8px; cursor: pointer;}
.chat_item_img img{ width: 45px; margin-right: 10px;}

.side_bar .list-group-item{ background: transparent; border-top: none; border-bottom: 1px solid #949494 !important; border-radius: 0px !important; border-left: none !important; padding: 15px 15px;}

.side_bar_show .chatbox{ margin-right: 300px;}
.chatbox{ z-index: 99999;}

.side_bar::-moz-scrollbar {
    display: none;
}


.side_bar::-webkit-scrollbar {
    display: none;
}

.side_bar::-moz-scrollbar {
    display: none;
}


.gallery_full .col-lg-12 .gallery_img > img{ height: auto; max-height: none;}
.gallery_full .col-lg-4 .gallery_img > img{ height: auto; max-height: none;}
.gallery_full .col-lg-6 .col-lg-4 .gallery_img > img{ height: 131px; max-height: none;}

.deatils_box_control .row .listing-item{ position: relative;}
.massage_box_wrapper{ position: absolute; right: 0; top: 9px;}
.massage_box_wrapper a{  background: #3CB0D1;
                         color: rgb(255, 255, 255);
                         padding: 10px; cursor: pointer;}

a{ text-decoration: none !important;}

.pv-40{ padding-top: 10px !important;}


.background-img-7{ position: relative;}
.background-img-7:before{ position: absolute; height: 100%; width: 100%; content: ""; left: 0; top: 0; background: rgba(255,255,255,0.4);}
.nav > li > a{ font-family: "Raleway";}

.form-block.center-block.p-30.light-gray-bg.border-clear.text-left h2{ font-size: 20px;}