@font-face {
    font-family: myriad;
    src: url(../fonts/MYRIADPRO-REGULAR.ttf);
}
@font-face {
    font-family: myriad-light;
    src: url(../fonts/MyriadPro-Light.otf);
}
@font-face {
    font-family: bebas-book;
    src: url(../fonts/BebasNeue-Book.otf);
}
@font-face {
    font-family: bebas-light;
    src: url(../fonts/BebasNeue-Light.otf);
}
@font-face {
    font-family: bebas-regular;
    src: url(../fonts/BebasNeue-Regular.otf);
}
@font-face {
    font-family: bebas-bold;
    src: url(../fonts/BebasNeue-Bold.otf);
}
*{margin-right: 0;padding: 0;box-sizing: border-box;}
body{margin: 0;padding: 0}
ul{margin: 0;list-style-type: none;}
a{text-decoration: none !important;}
.clear{clear: both;}
.header {background: rgba(0, 0, 0, 0) url("../images/bg-header-home.jpg") no-repeat scroll 0 0;overflow: hidden;}
.container {margin: 0 auto;width: 1230px; padding: 0px;}
.header .menu-navigation{min-height: 75px}
.menu-navigation ul{padding-left: 50px;padding-top: 40px;padding-bottom: 15px;}
.menu-navigation ul li {display: inline-block;padding: 0 30px;}
.menu-navigation ul li a{color: #2b2b2b;font-family: myriad;font-size: 16px;}
.main-header .left-main-header{width: 50%;float: left;padding-left: 65px;margin-top: 30px;}
.btn-menu {display: none;}
.left-main-header > p {color: rgb(0, 78, 153);font-size: 78px;font-family: bebas-book;margin: 0;text-align: center;line-height: 80px;margin-left: -30px;}
.left-main-header > p.website {color: rgb(0, 115, 153);font-size: 108px;text-align: center;font-family: bebas-regular;letter-spacing: 35px;padding-left: 30px;}
.main-header .right-main-header{width: 525px;float: right;text-align: right;background: #fff}
.col-left-main-header,.col-right-main-header {float: left;text-align: left;padding: 5px;box-sizing:border-box;}
.col-left-main-header{width: 270px;padding-right: 0}
.col-right-main-header{width: 255px;padding-left: 0}
.col-2-left {float: left;width: 110px;}
.col-2-right {float: left;width: 133px;padding-left: 5px;}
.row-img img {padding: 2px;}
.welcome {margin-top: 130px;text-transform: uppercase;font-family: bebas-regular;margin-left: 20px}
.title-welcome {color: rgb(27, 27, 27);font-size: 32px;font-weight: normal;margin: 15px 0}
h3.mission {font-family: bebas-bold;font-size: 24px;font-weight: normal;margin: 10px 0}
.welcome > ul {padding-left: 40px;}
.welcome li {font-size: 21px;list-style: disc;}
.checkout-evenet {background: rgb(0, 78, 153) none repeat scroll 0 0;overflow: hidden;padding: 15px 0;}
.main-checkout-event {margin: 0 auto;padding: 0px 150px; text-align: center;}
.main-checkout-event a {color: #E7FF00 !important;}
.main-checkout-event div.item-wrapper {color: rgb(255, 255, 255);font-family: bebas-regular;font-size: 30px;margin: 0;padding-left: 5px;;
text-align: center;}
.main-checkout-event div.item-text {text-align: left; margin: 0px; height: 85px;} 
.content {padding-top: 35px;overflow: hidden;padding-bottom: 25px;clear:both;}
.content h1 {background: rgb(33, 136, 235) none repeat scroll 0 0;border-bottom: 3px solid;border-radius: 10px;display: block;font-family: bebas-book;height: 85px;line-height: 85px;margin: 0 auto;text-align: center;text-transform: uppercase;width: 1150px;}
.content h1 a{font-size: 46px;font-weight: normal;color: rgb(255, 255, 255);}
.box-main{text-align: center;}
.box-main.left-box{width: 50%;float: left;}
.box-main.right-box{width: 50%;float: right;}
.lists {margin: 0 auto;width: 530px;}
.box-main .lists .ads-1{width: 530px;height: 197px}
.box-main .lists .ads-2{width: 250px;height: 387px}
.box-main .lists .ads-3,.box-main .lists .ads-4{width: 270px;height: 185px;}
.box-main .lists .ads-5{width: 530px;height: 114px}
.box-main .lists .ads-6{width: 530px;height: 273px}
.box-main .lists .ads-7{width: 530px;height: 256px}
.box-main .lists .ads-8{width: 284px;height: 135px}
.box-main .lists .ads-9{width: 284px;height: 191px}
.box-main .lists .ads-10{width: 232px;height: 334px}
.box-main .lists .ads-11{width: 530px;height: 197px}
.box-main .lists .ads-12{width: 404px;height: 195px}
.box-main .lists .ads-13{width: 120px;height: 193px}
.left-box .list{margin: 12px 0;overflow: hidden;}
.right-box .list{margin: 8px 0;overflow: hidden;}
.list img {height: auto;width: 100%;}
.left-list {float: left;}
.right-list{float: right;}
.right-list-1{margin-bottom: 17px;}
.left-list-1{margin-bottom: 10px}
.title-box {color: rgb(0, 78, 153);font-family: bebas-book;font-size: 41px;margin: 20px 0}
.content-main {overflow: hidden;}
.see-more {background: rgb(5, 107, 116) none repeat scroll 0 0;border-bottom: 3px solid;border-radius: 10px;color: rgb(255, 255, 255);display: block;font-family: bebas-book;font-size: 40px;height: 65px;line-height: 65px;margin: 0 auto;text-align: center;width: 580px;margin-top: 10px;}
.left-ft {background: rgb(0, 115, 153) none repeat scroll 0 0;float: left;width: 50%;}
.left-ft > p,.right-ft > p {color: rgb(255, 255, 255);font-family: myriad;font-size: 20px;text-align: center;}
.right-ft > p {text-align: right;}
.right-ft > p > a {color: white; }
.right-ft {float: right;width: 50%; background: rgb(0, 115, 153); padding-right: 30px;}
.right-ft li {display: inline-block;padding: 0 5px;}
.right-ft > ul {padding-top: 10px;text-align: center;}

/********************************************************/
.header-page {background: rgb(255, 214, 0) none repeat scroll 0 0;padding: 5px 0;min-height: 75px;}
.logo {float: left;}
.menu-navigation-page {float: left;}
.menu-navigation-page ul{padding: 20px 0 0 20px;}
.menu-navigation-page ul li {display: inline-block;padding: 0 12px;}
.menu-navigation-page ul li a{font-size: 18px;}
.main-resources {margin: 0 auto;overflow: hidden;width: 980px;}
.recommend-resources {background: rgba(0, 0, 0, 0) url("../images/bg-intro-resources.png") no-repeat 100% 100%;padding: 50px 35px 70px;border-top: 2px solid rgb(50, 100, 176)}
.content.content-resources {padding: 0 0 60px;}
.recommend-resources > img {float: left;border-radius: 50%;display: block;width: 165px;height: 165px;display: block;}
.details {float: left;width: 650px;padding-left: 10px;}
.recommend-resources h3 {color: rgb(74, 72, 72);font-family: myriad;font-size: 24px;margin: 15px 0 20px;font-weight: normal;}
.recommend-resources p{color: rgb(74, 72, 72);font-family: myriad-light;font-size: 20px;margin: 0}
.recommend-resources p.notes{font-style: italic;font-weight: 300;font-family: myriad}
.lists-resources {background: rgba(0, 0, 0, 0) url("../images/bg-content-resources.png") no-repeat;margin-top: 35px;overflow: hidden;padding: 50px 35px 70px}
.list-resources > img {float: left;display: block;width: 268px;height: 187px}
.list-resources h3 {background: rgb(0, 115, 153) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: bebas-light;font-size: 24px;height: 55px;width: 270px;line-height: 55px;padding-left: 25px;margin: 0}
.list-resources .details > p {color: rgb(78, 78, 78);font-family: myriad-light;font-size: 20px;padding-left: 5px;margin-top: 10px;margin-bottom: 0}
.list-resources .details {float: left;padding-left: 0px;width: 640px;}
.list-resources {margin-bottom: 50px;overflow: hidden;}

/********************************************************/
.bg-form-create {background: #ffd600 none repeat scroll 0 0;margin: 40px auto;padding: 15px 0;width: 800px;}
.forms-create, .forms-create-profile {background: #ffffff none repeat scroll 0 0;margin-left: -40px;padding: 10px 0;width: 110%;}
.title-create-event,.title-create-profile{background: rgba(0, 0, 0, 0) url("../images/bg-title-create-event.png") no-repeat scroll 100% 100%;width: 1045px;height: 90px;margin: 0 auto;line-height: 70px;border-top: 2px solid rgb(50, 100, 176)}
.title-create-event h2,.title-create-profile h2{color: rgb(79, 78, 78);font-family: myriad;font-size: 20px;margin: 0;text-align: center;}
.content.content-create-event,.content.content-create-profile{padding: 0 0 40px;}
.forms-create form{margin: 0 auto;width: 460px;}
.forms-create-profile form {margin: 40px auto 0;width: 470px;}
h3.title-form {color: rgb(43, 43, 43);font-family: myriad;font-size: 16px;text-align: center;padding-right: 70px;}
.row-form input{width: 340px;height: 30px;padding: 5px 15px;margin-left: 10px;border: 1px solid #8a8d8e;float: right;background: transparent;}
.style-select{width: 340px;height: 30px;margin-left: 10px;border: 1px solid #8a8d8e;float: right;overflow: hidden;background:url("../images/arrow-select.png") no-repeat center right 10px}
.style-select select {border: medium none;height: 100%;width: 130%;background: transparent;padding-right: 40%}
.row-form {text-align: right;margin: 5px 0;overflow: hidden;}
.row-form textarea{width: 340px;height: 100px;padding: 5px 15px;margin-left: 10px;border: 1px solid #8a8d8e;background:#f3fbfc;}
.row-form span {font-family: myriad-light;font-size: 16px;text-align: right;}
.row-form .inp-where {background: rgba(0, 0, 0, 0) url("../images/icon-place.png") no-repeat scroll left center;}
#datepicker, #datetimepicker {background: rgba(0, 0, 0, 0) url("../images/icon-date.png") no-repeat scroll right 10px center;}
.inp-time,.inp-date {float: right;width: 165px !important;}
.check-box {height: 15px !important;margin: 0 5px 0 0 !important;width: 15px !important;float: left!important}
.guest {float:left;font-size: 13px!important;}
.check-invite {float: right;width: 340px;}
.row-form .inp-smt,.row-form .inp-reset,.row-form .inp-signup,.inp-send{float: right;width: 165px !important;cursor: pointer;height: 40px!important;font-size: 17px;background: #06424e;color: #fff;border: none;border-bottom: 2px solid #ffd600}
.row-form .inp-signup{float: none;text-align:center;margin: 0 auto}
h3.title-form-profile {background: rgb(50, 100, 176) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 20px;font-weight: normal;height: 55px;line-height: 55px;margin: -55px auto 0;text-align: center;width: 325px;}

/****************************************************************************************/
.img-profile {float: left;margin: 40px auto 0;text-align: center;width: 300px;padding: 0 10px;}
.img-profile img{width: 100%;border-radius: 50%;display: block;width: 280px;height: 280px}
.img-profile p{font-size: 20px;font-family: myriad-light;}
.details-profile {float: left;width: 570px;margin-top: 60px;padding-right: 40px;}
.details-profile .left-detail{float: left;width: 45%;}
.details-profile .left-detail a {text-decoration: underline;}
.details-profile .right-detail{float: left;width: 55%;margin-top: 50px;}
.details-profile p{font-family: myriad-light;font-size: 20px;margin: 0;color: #595959}
.details-profile p.age{font-size: 16px;margin-bottom: 10px}
.message-me {margin-top: 25px;position: relative;}
.message-me textarea {height: 165px;margin: 0;width: 100%;border-top:17px solid #b5b5b5;border-bottom:17px solid #b5b5b5;border-left:10px solid #b5b5b5;border-right:10px solid #b5b5b5;}
.message-me label {background: rgb(23, 144, 200) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 20px;height: 45px;line-height: 45px;padding: 0 20px;width: 100%;}
.message-me input {background: rgb(226, 190, 0) none repeat scroll 0 0;border: medium none;border-radius: 50%;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 20px;height: 70px;line-height: 70px;width: 70px;position: absolute;bottom: -20px;right: -25px;cursor: pointer;}
.gallery-profile {float: left;margin-top: 60px;width: 360px;}
.gallery p {color: rgb(89, 89, 89);font-family: myriad;font-size: 20px;font-weight: bold;margin: 0 0 5px;}
.block,.chat-me{background: rgb(231, 54, 54) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 20px;height: 50px;line-height: 50px;margin: 8px 0;text-align: center;width: 230px;}
.chatme{position: relative;}
.chatme a{background: #1790c8;padding-right: 30px;text-align: right}
.gallery {margin-bottom: 60px;}
.gallery img {display: inline-block;height: 76px;width: 105px;}
.chatme > img {left: 30px;position: absolute;top: -35px;}
.content.content-profile-page {padding-bottom: 140px;}
/*********************************************************/
.main-match-profile-page {margin: 60px auto;width: 1020px;overflow: hidden;}
.img-match-profile {float: left;width: 320px;text-align: center;}
.img-match-profile > img{border-radius: 50%;display: block;width: 300px;height: 300px;margin:0 auto;}
.img-match-profile p{font-style: 20px;font-family: myriad;color: #fff}
.matchmaker label {background: rgb(23, 144, 200) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 20px;height: 45px;line-height: 45px;padding: 0 20px;width: 100%;}
.matchmaker input {}
.matchmaker textarea {height: 280px;margin: 0;width: 100%;border-top:17px solid #b5b5b5;border-bottom:17px solid #b5b5b5;border-left:10px solid #b5b5b5;border-right:10px solid #b5b5b5;margin-bottom: 20px;}
.details-match-profile {float: left;padding: 0 20px;width: 675px;}
.alert-popup {background: #ffffff none repeat scroll 0 0;border: 3px solid #b5b5b5;margin: 0 auto;padding: 10px;width: 300px;}
h3.title-alert{font-family: myriad;font-size: 20px;float: left;margin: 0}
.head-alert .close-alert {float: right;font-family: myriad;cursor: pointer;}
.ok-alert.close-alert {background: #06424e none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: block;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;width: 100px;}
.content.content-match-profile-page{background: url(../images/bg-matchmaker.jpg) no-repeat;padding-bottom: 140px;background-size: 100% 100%}
/**********************************************************************************/
.content.content-donation{background: url(../images/bg-donation.jpg) no-repeat 0px -1px;padding-bottom: 140px;}
.bg-form {margin: 0 auto;width: 780px;background: #ffd600 none repeat scroll 0 0;padding: 20px 0}
.content-form-donation {background: #1a1a1a none repeat scroll 0 0;margin-left: -100px;width: 125%;padding: 60px 0;position: relative;}
.main-donation h3 {background: rgb(50, 100, 176) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 28px;font-weight: normal;height: 60px;line-height: 60px;margin: 0 auto;text-align: center;width: 50%;top: -40px;left: 25%;position: absolute;}
.main-donation .form-donation {margin: 0 auto;width: 875px;color: #fff;font-family: myriad}
.main-donation p.title-content-donation {color: rgb(255, 255, 255);font-family: myriad;font-size: 17px;margin:5px 0;}
.main-donation .price-gift > a {display: inline-block;float: left;height: 85px;line-height: 85px;margin: 0 7px;text-align: center;width: 130px;background: #6c6c6c;color: #000;font-family: myriad;font-size: 20px;font-weight: bold;}
.main-donation .price-gift .choose{background: #ffd600}
.main-donation .price-gift {margin-bottom: 25px;overflow: hidden;}
.main-donation .your-gift > label {font-size: 17px;padding-right: 5px;}
.main-donation .your-gift > span{font-size: 26px;font-family: Arial;color: #ffd600;padding-left: 5px;}
.main-donation .your-gift > label span{font-size: 32px;font-family: Arial;padding-left: 10px;}
.main-donation .your-gift > input {color: rgb(73, 72, 72);font-size: 28px;height: 43px;width: 180px;}
.main-donation .monthly-gift {margin-top: 25px;}
.main-donation .make-box {height: 90px;width: 100%;background: #fff;padding-left: 30px;}
/*.main-donation .make-box > input[type=checkbox] {background: rgb(207, 207, 207) none repeat scroll 0 0;border: medium none;border-radius: 5px;height: 29px;width: 34px;margin: 0}*/
.content-donation input[type=checkbox].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        .content-donation input[type=checkbox].css-checkbox + label.css-label {
                            padding-left:41px;
                            height:29px; 
                            display:inline-block;
                            line-height:29px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:29px;
                            vertical-align:middle;
                            cursor:pointer;

                        }

                        .content-donation input[type=checkbox].css-checkbox:checked + label.css-label {
                            background-position: 0 -29px;
                        }
                        .content-donation label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f7c9691266d44ef91d1a80129d30179a.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }


.main-donation .des > label {color: rgb(0, 0, 0);font-family: myriad;font-size: 16px;}       
.main-donation .inp-check {float: left;padding-top: 30px;} 
.main-donation .des {float: left;padding-left: 10px;padding-top: 25px;width: 95%;}    
.main-donation .des-info {float: left;padding-top: 10px;padding-left: 10px;margin-right: 80px;}
.main-donation .des-info > input {height: 35px;width: 330px;background: #cfcfcf;border: none;}
.main-donation .des-info > p {margin: 3px 0;font-family: myriad;font-size: 17px;color: #000}
.main-donation .your-information .make-box{height: 190px;}
.des-info-smt > input {background: rgb(10, 102, 86) none repeat scroll 0 0;border-radius: 5px;border:none;border-bottom:2px solid #000;color: rgb(255, 255, 255);display: block;font-family: myriad;font-size: 26px;height: 70px;line-height: 70px;margin: 25px auto;text-align: center;width: 450px;cursor: pointer;}

/***************************************************************************/
.main-search-result {margin: 0 auto;width: 600px;}
.main-search-result .top-result {text-align: right;}
.main-search-result .list-result {background: #ffffff none repeat scroll 0 0;height: 125px;width: 100%;padding-left: 50px;margin-bottom: 15px;}
.main-search-result .list-result > img {float: left;margin-top: 20px;border-radius: 50%;display: block;width: 93px;height: 93px;}
.main-search-result .infor-list {float: left;width: 230px;padding-top: 20px;padding-left: 20px;}
.main-search-result .infor-list p {margin: 0;font-family: myriad;font-size: 12px}
.main-search-result .infor-list p.f-name{font-size: 20px;}
.main-search-result .infor-list p.f-name span{font-style: normal;}
.main-search-result .infor-list p span{font-weight: bold;font-style: italic;}
.main-search-result .result {height: 450px;margin-top: 10px;}
.main-search-result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px!important;background-color: #aeaeae!important;border-radius: 0!important}
.main-search-result .mCSB_scrollTools .mCSB_dragger{height: 140px!important}
.content.content-search-result {padding-top: 10px;padding-bottom: 60px;}
.main-search-result .mCSB_scrollTools .mCSB_draggerRail{width: 4px!important;background-color: #828282!important}
.bg-result{background:url(../images/bg-result.jpg) repeat-y center center;padding: 20px 0}
/************************************************************************************/
.main-inbox .left-inbox {float: left;width: 310px;text-align: center;padding-top: 40px;margin-left: 40px;}
.main-inbox .left-inbox > p{font-family: myriad}
.main-inbox .left-inbox > a {background: #fcd300 none repeat scroll 0 0;border-bottom: 2px solid #000000;border-radius: 5px;display: block;height: 55px;line-height: 55px;margin: 0 auto;width: 290px;color: #27455f;font-family: myriad;font-size: 23px;}
.main-inbox .left-inbox > img {border-radius: 50%;display: block;width: 300px;height: 300px;margin:0 auto;}
.main-inbox .mid-inbox {float: left;width: 780px;height: 500px}
.main-inbox .list-result{background: #ffffff none repeat scroll 0 0;height: 125px;width: 100%;padding-left: 20px;margin-bottom: 15px;}
.main-inbox .list-result > img {float: left;margin-top: 20px;border-radius: 50%;display: block;width: 93px;height: 93px;}
.main-inbox .infor-list {float: left;padding-top: 20px;padding-left: 20px;width: 80%}
.main-inbox .infor-list > p{font-style: 16px;margin: 0;font-family: myriad}
.main-inbox .infor-list > p.f-name{font-size: 22px;font-weight: bold;}
.bg-inbox {background: rgba(0, 0, 0, 0) url("../images/bg-inbox.jpg") repeat-y scroll center center;padding: 0px 0 20px;}
.content.content-inbox {padding-top: 0;}
.main-inbox .mid-inbox .mCSB_scrollTools{left: 0!important}
.main-inbox .mid-inbox .mCSB_inside > .mCSB_container{margin: 0 0 0 10px!important}
.main-inbox .mid-inbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px!important;background-color: #aeaeae!important;border-radius: 0!important}
.main-inbox .mid-inbox .mCSB_scrollTools .mCSB_draggerRail{width: 6px!important;background-color: #2c2c2c!important}
.right-inbox {width: 210px;position: fixed;right: 0;top: 78px;}
.right-inbox .list-friends {background: #ebebeb none repeat scroll 0 0;padding: 10px;height: 540px}
.right-inbox .list-friends .friend {overflow: hidden;margin: 10px 0;cursor: pointer;}
.right-inbox .list-friends .friend > img {float: left;}
.right-inbox .list-friends .friend > p {float: left;padding-left: 10px;font-family: myriad;padding-top: 10px;margin: 0;width: 130px;}
.right-inbox .img-friends {float: left;}
.right-inbox .img-friends .img-friend {display: block;height: 40px;width: 42px;}
.right-inbox .list-friends .friend p img {padding-left: 10px;float: right;}
.right-inbox .mCSB_inside > .mCSB_container{margin: 0}
.right-inbox  .mCSB_scrollTools .mCSB_draggerRail{background-color: #000}
.right-inbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px;background: #a6a6a6;border-radius: 0}
.search-friend > * {float: left;margin: 5px 0}
.search-friend {background: #ffffff none repeat scroll 0 0;overflow: hidden;border-top: 1px solid #b7b7b8}
.search-friend input {border: medium none;height: 25px;padding-left: 30px;width: 144px;background: rgba(0, 0, 0, 0) url("../images/fr-search.png") no-repeat scroll left 5px center}
.search-friend a {margin-right: 10px;}
.chat-friend {bottom: 0px;position: absolute;right: 212px;width: 280px;padding: 0 2px;}
.clone-chat .chat-friend{display: none;}
.header-chat {background: #48494a none repeat scroll 0 0;border-bottom: 3px solid #02b724;overflow: hidden;width: 100%;height: 45px;line-height: 38px;}
.chat-friend > * {float: left;}
.chat-friend .zoom-chat{float: right;padding-right: 10px;}
.chat-friend .zoom-chat a{padding: 0 2px;}
.header-chat > a{color: #fff;font-size: 14px;font-family: myriad-light;padding-top: 4px}
.header-chat > *{float: left;}
.header-chat > img {;padding:5px 10px 0;}
.content-chat {background: #ebebeb none repeat scroll 0 0;height: 225px;width: 100%;}
.box-chat {background: #ffffff none repeat scroll 0 0;overflow: hidden;width: 100%;border-top: 1px solid #b7b7b8}
.box-chat form input{border: medium none;height: 25px;padding-left: 30px;width: 220px;border-right: 1px solid #bebdbd;margin: 5px 0}
.box-chat > form {float: left;}
.box-chat > a,.box-chat > label{float: right;padding: 5px 0 0 5px;}
.box-chat > input#chat-upload{display: none;}
.btn-list-fr p {cursor: pointer;font-family: myriad;font-size: 20px;margin: 0;text-align: center;}
.btn-list-fr{height: 40px;line-height: 40px;background: #ebebeb;border-bottom: 1px solid #02b724;display: none;}
/*******************************************************************************/
.main-account .title-account{
  background: rgba(0, 0, 0, 0) url("../images/bg-title-account.png") no-repeat scroll 100% 100%;border-top: 2px solid #3264b0;height: 250px;margin: 0 auto;width: 1045px;}
.main-account .title-account h2{color: #4f4e4e;font-family: myriad;font-size: 20px;margin: 0;text-align: center;padding: 20px 0 0}
.content.content-account {padding: 0 0 60px;font-family: myriad;color: #2b2b2b;font-size: 16px;}
.main-account .title-account > div {margin: 0 auto;width: 700px;}
.main-account .title-account img {float: left;}
.main-account .title-account ul {float: left;width: 90%;padding-left: 20px;margin-top: 15px;}
.main-account .title-account ul li{list-style: outside;color: #4e4e4e;font-family: myriad}
.main-account .forms-account {margin: 0 auto;width: 900px;font-family: myriad-light;font-size: 16px;}
.main-account .bg-form-account{background: #ffd600;margin: 50px auto;padding: 25px 0;width: 830px;}
.btn-form {margin-left: -40px;overflow: hidden;width: 110%;}
.main-account .bg-form-account > div{width: 110%;margin-left: -40px;background: #fff}
.main-account .login-information {margin: 0 auto;padding-top: 30px;padding-bottom: 55px}
.main-account .login-information .row-form{width: 470px;margin: 0 auto}
.main-account h3.title-form-account {background: #3264b0 none repeat scroll 0 0;color: #ffffff;display: block;font-size: 20px;font-weight: normal;height: 55px;line-height: 55px;margin: -70px auto 0;text-align: center;width: 325px;}
.notes-form {text-align: center;margin: 35px 0}
.content.content-account .notes-form {padding-left: 0px;}
.main-account  .personal-information {width: 710px;margin: 0 auto;padding-top: 30px}
.main-account  .personal-information .row-form{padding-right: 70px;width: 760px}
.main-account input[type=radio].css-checkbox, .single-form input[type=radio].css-checkbox,
.forms-create-profile input[type=radio].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        input[type=radio].css-checkbox + label.css-label {
                            padding-left:23px;
                            height:18px; 
                            display:inline-block;
                            line-height:18px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:18px;
                            vertical-align:middle;
                            cursor:pointer;

                        }

                        input[type=radio].css-checkbox:checked + label.css-label {
                            background-position: 0 -18px;
                        }
                        label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_de35edcf0d902fbce4aad11294ba40d3.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
.row-form > p.des {
  display: block;
  float: right;
  width: 340px;
  margin: 0
}
.des > input {
  display: none;
}
.forms-create-profile .type-user, .single-form .gender,.main-account .gender,.main-account .date-birth,.check-form-religious,.main-account .disability{float: right;text-align: left;width: 340px;margin-left: 10px;}   
.main-account .date-birth input,.main-account .date-birth .style-select {float: left;width: 77px;margin: 0}      
.main-account .date-birth span{float: left;font-size: 20px;padding: 1px 5px;}   
.main-account .date-birth p {margin: 3px 0;}
.main-account .photo-upload {padding-top: 30px;}
.photo-upload .notes-form {margin: 10px 0;text-align: center;}
.photo-upload .photo-lists {margin: 0 auto;width: 800px;}
.photo-upload .photo-lists .photo {display: inline-block;padding: 0 10px;text-align: center;position: relative;}
.photo-upload .photo-lists .photo > input#upload-photo {height: 179px;width: 176px;display: none;}
.photo-upload .photo-lists .photo label{width: 100%;display: block;}
.main-account .religious-information {padding-top: 40px;}
.main-account .content-row {width: 700px;}
.main-account .left-check,.main-account .mid-check{float: left;width: 50%;overflow: hidden;}
.main-account .right-check{float: none;width: 100%;overflow: hidden;}
.main-account .check-form-religious input{width: 15px;height: 15px;float: left;margin: 0;margin-bottom: 20px;}
.main-account .check-form-religious label{float: left;margin-bottom: 20px;padding-left: 10px}
.main-account .religious-information .name-phone-rabbi,.label-attach-file {float: right;width: 340px;margin-left: 10px;margin-bottom: 5px}
.photo > input {display: none;}
.add-more-img {bottom: 30px;position: absolute;right: 30px;cursor: pointer;}
.photo > img {border-radius: 50%;box-shadow: 0 0 9px 3px #aaaaaa;display: block;height: 176px;width: 176px;}
/*.main-account .religious-information .row-form {padding-right: 70px;}*/
.main-account .name-phone-rabbi input:first-child{width: 49%;float: left;margin: 0;margin-right: 1px}
.main-account .name-phone-rabbi input:last-child{width: 49%;float: right;margin:0;margin-left: 1px}
.main-account .religious-information .label-rabbi,.main-account .education .label-take-off,.main-account .education .label-applicable,.main-account .label-row-lifestyle{float: left;text-align: right;width: 50%;}
.main-account .education {padding-top: 30px;}
.main-account .physical-information {padding-top: 30px;}
.main-account .lifestyle .label-attach-file > input {float: left;width: 230px;margin: 0}
.label-attach-file > input.file-proof {
  display: none;
}
.main-account .lifestyle .label-attach-file > label{width: 100px;background: #e1e1e1 url(../images/bg-upload-account.png) no-repeat center right;display: block;height: 28px;line-height: 28px;float: right;font-size: 12px;padding-left: 10px;text-align: left;}
.main-account .check-language {float: left;width: 20%;}
.main-account .check-language > input {float: left;height: 15px;width: 15px;}
.main-account .check-language > label {float: left;padding-left: 5px;}
.main-account .language-spoken .content-row{margin: 20px auto 0}
.main-account .language-spoken {padding-top: 30px;}
.main-account .check-language * {margin-bottom: 5px;}
.main-account .references .title-row {display: block;float: right;margin: 0;width: 370px;}
.main-account .references {padding-top: 30px;}
.main-account .check-interest-activities {float: left;width: 16%;}
.main-account .check-interest-activities:last-child {width: 20%;}
.main-account .check-interest-activities > input {float: left;height: 15px;width: 15px;}
.main-account .check-interest-activities > label {float: left;padding-left: 5px;}
.interest-activities .content-row {margin: 0 auto;}
.interest-activities .title-row {text-align: left;}
.main-account .interest-activities .content-row{width: 95%}
.main-account .interest-activities {padding-top: 30px;}
.main-account .about-me,.main-account .lifestyle {padding-top: 30px;}
.main-account .last-form .label-last {float: left;width: 50%;}
.main-account .last-form {padding-top: 30px;}
.main-account .btn-left {float: left;}
.main-account .btn-left input{float: left;margin-right: 10px;}
.main-account .btn-right {float: right;}
.main-account .inp-smt{display: block;width: 210px;height: 50px;text-align: center;background: #06424e;color: #fff;font-size: 20px;font-family: myriad;border: none;border-bottom: 2px solid #ffd600;cursor: pointer;}
/********************************************************************/
.content-forum .title-forum {background: rgba(0, 0, 0, 0) url("../images/bg-title-forum.png") no-repeat scroll 0px -1px;border-top: 2px solid #3264b0;height: 210px;margin: 0 auto;width: 1045px;}
.content.content-forum {padding: 0;font-family: myriad-light}
.content-forum .title-forum h2 {color: #4f4e4e;font-size: 20px;margin-bottom: 0;text-align: center;}
.content-forum .title-forum > ul {margin: 0 auto;width: 760px;}
.content-forum .title-forum > ul li{list-style: outside;color: #1f1f1f;font-size: 19px;}
.content.content-forum .col-forum.col-left {float: left;width: 48%;}
.content.content-forum .col-forum.col-right {float: right;width: 48%;}
/*.content-forum .list-post-forum {float: right;width: 48%;}*/
/*.sales-deals.view-post-forum.list-post-forum{float: left;background: #3162ad none repeat scroll 0 0;margin-top: 120px;}*/
.content.content-forum .title{position: relative;height: 110px;margin-top: 10px;}
.content.content-forum .title > img {left: 0;top: 0;position: absolute;z-index: 2;border-radius: 50%;display: block;width: 108px;height: 103px}
.content.content-forum .title > p {background: #3264af none repeat scroll 0 0;color: #ffffff;display: block;font-size: 28px;height: 50px;line-height: 50px;text-align: center;width: 290px;z-index: 1;position: absolute;top: 27px;left: 100px;}
/*.content.content-forum .lists-post{width: 90%}*/
.content.content-forum .lists-post .post{background: #fff;padding: 5px;margin: 0px 0 20px}
.content.content-forum .lists-post .post img.author-img{float: left;margin-top: 15px;border-radius: 50%;display: block;width: 55px;height: 55px;}
.content.content-forum .lists-post .post .container-post {float: left;width: 480px;margin-left: 10px;margin-top: 10px;}
.content.content-forum .lists-post .post .container-post p{margin: 0;font-size: 15px;}
.content.content-forum .lists-post .post .container-post p.address{font-size: 9px;}
.content.content-forum .lists-post .post .container-post .comment-report {text-align: right;}
.content.content-forum .lists-post .post .container-post .comment-report img{float: left;}
.content.content-forum .lists-post .post .container-post .comment-report p{float: left;font-size: 9px;padding-left: 2px;}
.content.content-forum .comment-report .comment,.content.content-forum .comment-report .report{float: right;width: 60px}
.content.content-forum .col-forum .three-post{height: 380px;}
.content.content-forum .col-forum .four-post{height: 380px;}
.content.content-forum .mCSB_scrollTools .mCSB_dragger{background:#afafaf;width: 8px;left: 4px}
.content.content-forum .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#afafaf}
.content.content-forum .mCSB_scrollTools .mCSB_draggerRail{background: #131313;width: 4px;}
.content.content-forum{padding-bottom: 100px;}
.content.content-forum .forum {margin-top: 30px;}
.col-forum .list-post-forum {float: left;width: 48%;}
/****************************************************************/
.content.content-forum .forum .title-forum-view {margin: 0 auto;text-align: right;width: 800px;}
.content.content-forum .forum .title-forum-view h3{font-size: 32px;color: #fff;font-weight: normal;}
.content.content-forum .col-forum .view-post{height: 720px;overflow: hidden;}
.content.content-forum-view .lists-post .post .container-post p{margin: 0;font-size: 12px;}
.content.content-forum-view .lists-post .post .container-post p.name-author{font-size: 15px;font-weight: bold;}
.content.content-forum-view .great-dating-spots,.content.content-forum-view .great-shopping-areas,.content.content-forum-view .travel-tips,.content.content-forum-view .vacation-spots-jews,.content.content-forum-view .great-kosher-food{overflow: hidden;}
.content.content-forum-view .col-right .lists-post .post .container-post p{margin-top: 10px;}
.content.content-forum-view .mCSB_scrollTools{left: -5px;}
.content.content-forum-view .mCSB_inside > .mCSB_container{margin-left: 5px;margin-right: 0}
.content.content-forum-view .col-forum.col-left {background: #3162ad;margin-top: 120px;}
.content.content-forum-view .col-forum .view-post-forum .title{position: relative;}
.content.content-forum-view .col-forum .view-post-forum .left-title img{display: block;width: 179px;height: 171px;border-radius: 50%}
.content.content-forum-view .col-forum .view-post-forum .left-title {position: absolute;top: -110px;}
.content.content-forum-view .col-forum .view-post-forum .title .left-title .left-title > img {border-radius: 50%;}
.content.content-forum-view .col-forum .view-post-forum .title .left-title p {text-align: center;font-size: 32px;margin: 0;color: #fff}
.content.content-forum-view .col-forum .view-post-forum .title .right-title {width: 400px;float: right;}
.content.content-forum-view .col-forum .view-post-forum .title .right-title p{color: #fff;font-size: 18px;}
.content.content-forum{background: rgba(0, 0, 0, 0) url("../images/bg-donation.jpg") no-repeat scroll center top / 100% 100%}
.content.content-forum-view .col-forum .write-comment {margin-top: 120px;margin-bottom: 35px;}
.content.content-forum-view .write-comment > h3 {background: #1790c8;color: #ffffff;display: block;font-size: 24px;height: 50px;line-height: 50px;text-align: center;width: 350px;margin-bottom: 40px;}
.content.content-forum-view .write-comment input {height: 40px;margin-bottom: 10px;width: 440px;padding: 5px;}
.content.content-forum-view .write-comment textarea {height: 280px;margin-bottom: 10px;width: 100%;padding: 5px;}
.content.content-forum-view .write-comment input.smt-cmt{font-size: 24px;background: #ffd600;border: none;color: #1f1f1f;cursor: pointer;height: 45px;}
.content.content-forum-view .lists-post .post{margin: 0 0 10px}
/*********************************************************/
.alert-activity textarea {height: 100px;width: 100%;padding: 5px}
.alert-activity .btn-notes {background: #06424e none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: block;height: 30px;line-height: 30px;margin: 10px auto;text-align: center;width: 100px;border: none;}
.content-activity-page{padding-top: 15px;}
.content-activity-page .title-activity {text-align: center;}
.content-activity-page .title-activity img{border-radius: 50%}
.content-activity-page .title-activity h2 {color: #4e4e4e;font-size: 24px;font-family: myriad-light;}
.content-activity-page .activity{font-family: myriad;overflow: hidden;}
.content-activity-page .col-activity.left-activity {float: left;width: 48%;}
.content-activity-page .col-activity.right-activity {float: right;width: 48%;}
.content-activity-page .content-activity {height: 595px;margin-top: 10px;}
.content-activity-page .bg-content-activity {background: rgba(0, 0, 0, 0) url("../images/bg-result.jpg") repeat-y scroll center center;padding: 20px 0;}
.content-activity-page .list-activity {background: #ffffff;height: 125px;margin-bottom: 15px;padding-left: 50px;width: 100%;}
.content-activity-page .list-activity:hover{background: url("../images/bg-hover-content-activity.png") no-repeat;background-size: 100% 100%}
.content-activity-page .list-activity img {float: left;margin-top: 20px;border-radius: 50%}
.content-activity-page .infor-list {float: left;padding-left: 20px;padding-top: 20px;width: 230px;}
.content-activity-page .infor-list p.f-name {font-size: 20px;}
.content-activity-page .infor-list p {font-size: 12px;margin: 0;}
.content-activity-page .infor-list p span {font-style: italic;font-weight: bold;}
.content-activity-page .infor-list p.f-name span {font-style: normal;}
.content-activity-page .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aeaeae;border-radius: 0;width: 15px}
.content-activity-page .mCSB_scrollTools .mCSB_draggerRail {background-color: #828282;width: 4px;}
.content-activity-page .mCSB_scrollTools .mCSB_dragger {height: 140px !important;}
.content-activity-page .lists-activity{position: relative;margin-bottom: 20px;}
.content-activity-page .lists-activity .icon-box-activity {position: absolute;right: 30px;top: 0;z-index: 9;}
/*.content-activity-page .lists-activity .icon-box-activity img{border-radius: 50%}*/
.content-activity-page .lists-activity h3.title {color: #1f1f1f;font-family: myriad-light;font-size: 28px;margin: 0 0 30px;padding-left: 15px;font-weight: normal;}
.content-activity-page .lists-activity .tab-activity li {float:left;background:#6f6f6f;padding: 4px;border-left: 1px solid #5f5f5f;border-right: 1px solid #5f5f5f;margin-top: 6px}
.content-activity-page .lists-activity .tab-activity li.active{background:#0494c0;margin-top: 0;padding-top: 10px;border: none;}
.content-activity-page .lists-activity .tab-activity li a{color: #fff;font-size: 14px}
.content-activity-page .lists-activity .tab-activity {left: 15px;position: absolute;top: 30px;}
.content-activity-page .lists-activity .notes {float: right;margin-right: 20px;margin-top: 80px;}
/********************************************************************/
/*.content.content-event{padding-top: 0;background: rgba(0, 0, 0, 0) url("../images/bg-donation.jpg") no-repeat scroll center top / 100% 100%}*/
.content-event .main-event {margin: 50px auto 20px;width: 1045px;padding-bottom: 13px;position: relative;}
.content-event .tab-events {left: 0;position: absolute;right: 0;text-align: center;top: -24px;}
.content-event .tab-events > ul {margin: 0 auto;overflow: hidden;width: 675px;}
.content-event .tab-events li {float:left;background:#6f6f6f;padding: 4px;border-left: 1px solid #5f5f5f;border-right: 1px solid #5f5f5f;margin-top: 6px;width: 135px;}
.content-event .tab-events li.active{background:#0494c0;margin-top: 0;padding-top: 10px;border: none;}
.content-event .tab-events li a{color: #fff;font-size: 20px;font-family: myriad-light}
.content-event .event {font-family: myriad}
.content-event .event h3 {color: #0494c0;display: block;font-size: 23px;margin: 20px auto;width: 830px;}
.content-event .list-event{width: 830px;margin: 0 auto}
.content-event .border-top {border-top: 2px solid #c8c8c8;padding: 20px 0;}
.content-event .thumbnail-event {float: left;display: block;width: 218px;height: 139px;}
.content-event .infor-event {float: left;margin-left: 15px;width: 590px;}
.content-event .detail {overflow: hidden;position: relative;}
.content-event .detail .time-event {display: block;height: 40px;left: 10px;position: absolute;top: 5px;width: 30px;}
.content-event .detail .time-event p{color: #fff;font-size: 18px;margin: 0}
.content-event .infor-event p{margin: 0;font-size: 18px;}
.content-event .infor-event p.time {color: #5c8ecd;}
.content-event .infor-event p.place span {display: inline-block;font-size: 30px;height: 5px;width: 5px;}
.content-event .infor-event .join {margin-top: 10px;}
.content-event .infor-event > a {color: #0a3368;font-size: 24px;}
.content-event .infor-event .join .left-join{float: left;}
.content-event .infor-event .join .right-join {float: right;}
.right-join img {display: block;height: 32px;width: 40px;}
.content-event .infor-event .join .right-join li {display: inline-block;vertical-align: middle;width: 40px;height: 32px;text-align: center;line-height: 32px;}
.content-event .infor-event .join .right-join li:last-child{color: #0a3368;background: #c8c8c8}
.content-event .event h3.next-week-title {background: #bebebe none repeat scroll 0 0;color: #504f4f !important;font-weight: normal;width: auto !important;padding: 5px 0 5px 105px;font-size: 20px;margin-bottom: 0}
.view-more-event {background: #057091;color: #ffffff;display: block;font-family: myriad;font-size: 20px;height: 35px;line-height: 35px;text-align: center;width: 100%;}
.content-event .events {background: #ffffff none repeat scroll 0 0;margin-left: -45px;padding-top: 10px;width: 110%;}
.bg-events {background: #ffd600 none repeat scroll 0 0;margin: 0 auto;padding: 15px 0;width: 950px;}
.inp-mem {border: 1px solid #cccccc;height: 30px;padding: 0 5px;width: 190px;}
.btn-invite {background: #cccccc none repeat scroll 0 0;border: 1px solid #cccccc;color: #ffffff;cursor: pointer;height: 30px;width: 60px;}
.content-event .infor-event .join .left-join form{display: none;}
.invite-link{cursor: pointer;}
.friend-popup {border-bottom: 1px solid #cccccc;overflow: hidden;}
.friend-popup .img-friends{float: left;margin: 5px 0}
.friend-popup a.name-fr-popup{padding:15px 10px;margin: 0;float: left;font-family: myriad;}
/***********************************************************/
.content.content-match-maker{padding: 0;font-family: myriad-light}
.main-maker .title-maker {background: rgba(0, 0, 0, 0) url("../images/bg-title-account.png") no-repeat scroll bottom center;border-top: 2px solid #3264b0;height: 145px;margin: 0 auto;width: 1045px;}
.main-maker .title-maker h2 {color: #4f4e4e;font-family: myriad;font-size: 20px;margin: 0;padding: 20px 0 0;text-align: center;font-weight: normal;}
.main-maker .title-maker p {color: #4f4e4e;font-family: myriad;font-size: 20px;margin: 0;text-align: center;display: block;width: 650px;margin: 0 auto}
.main-maker .forms-maker {margin: 0 auto;width: 1045px;}
.main-maker .bg-form-maker > *{width: 110%;background: #fff;margin-left: -45px;padding: 20px 0}
.main-maker .bg-form-maker {background: #ffd600 none repeat scroll 0 0;margin: 50px auto;padding: 30px 0;width: 950px;}
.main-maker .bg-form-maker .row-form {margin: 5px 0 5px 30px;overflow: hidden;text-align: right;width: 700px}
.main-maker .bg-form-maker .row-form .label{width: 50%;float: left;}
.main-maker .bg-form-maker .row-form .label p{margin: 0;font-size: 13px;}
.main-maker .bg-form-maker .row-form p.under-input{padding: 0 10px;font-size: 14px;}
.main-maker h3.title-form-account {background: #3264b0 none repeat scroll 0 0;color: #ffffff;display: block;font-family: myriad;font-size: 20px;font-weight: normal;height: 55px;line-height: 55px;margin: -65px auto 0;text-align: center;width: 325px;}
.main-maker .photo-upload .photo-lists .photo {padding: 0 10px;text-align: center;display: block;margin-top: 20px;width: 195px;margin: 20px auto;position: relative;}
.main-maker .photo-upload .photo-lists .photo label {font-family: myriad-light}
.main-maker .last-form {margin-left:-45px;font-family: myriad-light;padding: 30px;}
.main-maker .last-form h4 {border-bottom: 2px solid #ffd600;font-family: myriad;margin-bottom: 0;padding-bottom: 3px;}
.main-maker .last-form li {list-style: outside none disc;margin: 5px 0;}
.main-maker .last-form ul{margin-left: 15px;}
.main-maker .last-form .begin-references {display: block;float: right;text-align: center;width: 340px;}
.main-maker .last-form .date-marrie {float: right;width: 340px;margin-left: 10px;}
.main-maker .last-form .date-marrie > input {margin: 0 0 0 20px;width: 100px;}
.main-maker .last-form .date-marrie > input:last-child{margin: 0}
.main-maker .last-form .title-reference {background: #3264b0 none repeat scroll 0 0;color: #ffffff;display: block;float: right;font-size: 20px;height: 55px;line-height: 55px;text-align: center;width: 340px;margin: 30px auto}
/*.main-maker .bg-last-form-maker {background: rgba(0, 0, 0, 0) url("../images/bg-content-match-maker.png") no-repeat scroll 0 0 / 100% 100%;}*/
.main-maker .inp-smt {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #06424e none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #ffd600;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 2px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-family: myriad;
  font-size: 20px;
  height: 50px;
  text-align: center;
  width: 210px;
  margin: 0 auto 100px
}
/*******************************************************/
.content.content-shadchan {padding: 0;max-width: 1366px;font-family: myriad-light;font-size: 13px;position: relative;margin: 0 auto}
.content-shadchan .header-form {background: #054e65 none repeat scroll 0 0;color: #ffffff;overflow: hidden;padding: 15px 0 35px}
.content-shadchan .number{width: 3%}
.content-shadchan .image{width: 8%}
.content-shadchan .img > img{border-radius: 50%;width: 80px;height: 80px;display: block;}
.content-shadchan .name{width: 11%}
.content-shadchan .religious-focus{width: 8%}
.content-shadchan .age-range{width: 5%}
.content-shadchan .location-of-singles{width: 9%}
.content-shadchan .location-of-matchmaker-joindate{width: 9%}
.content-shadchan .i-want-this-shadchan{width: 9%}
.content-shadchan .gold-member{width: 21%}
.content-shadchan .block-this{width: 14%}
.content-shadchan .col-shadchan{display: inline-table;vertical-align: middle;}
.content-shadchan .header-form p {margin: 0;text-align: center;}
.content-shadchan .header-form p.text-small{font-size: 6px;}
.content-shadchan .main-header-form{width: 1260px;margin: 0 auto}
.content-shadchan .list-member-shadchan {background-color: #fdd400;margin: -20px auto 0;width: 1230px;padding: 20px 0}
.content-shadchan .member-shadchan {background: #f2fafb;margin-bottom: 10px;text-align: center;padding: 10px 0;width: 103%;margin-left: -17px;}
.content-shadchan .member-shadchan .col-shadchan p{margin: 0;padding: 0 10px;color: #000}
.content-shadchan .member-shadchan .col-shadchan p.f-name{font-size: 15px;}
.content-shadchan .member-shadchan .col-shadchan p.text-small{font-size: 10px;}
.content-shadchan .member-shadchan .number p{font-size: 17px;}
.content-shadchan .member-shadchan .name p,.content-shadchan .member-shadchan .religious-focus p,.content-shadchan .member-shadchan .location-of-singles p,.content-shadchan .member-shadchan .location-of-matchmaker-joindate p{text-align: left;}
.content-shadchan .advance-search input {border: medium none;border-radius: 15px;height: 40px;margin: 0 auto;width: 100%;background:#fff url("../images/icon-search-shadchan.png") no-repeat scroll right 10px center;padding: 0 10px}
.content-shadchan .advance-search {width: 165px;position: absolute;top: 65px;right: 0}
.content-shadchan .advance-search .advance {background: #0b8eb8 none repeat scroll 0 0;color: #ffffff;font-size: 17px;height: 38px;line-height: 45px;margin: 0 auto;text-align: center;width: 135px;}
.content-shadchan .advance-search .advance p{margin: 0}
.content-shadchan .submit-shadchan {width: 1260px;margin: 0 auto;overflow: hidden;}
.content-shadchan .submit-shadchan > input {background: #06424e none repeat scroll 0 0;border: none;border-bottom:2px solid #ffd600;color: #ffffff;cursor: pointer;float: right;font-size: 17px;height: 40px;width: 165px;margin: 30px 15px 30px 0}
/*********************************************************/
.content.content-blocking{padding: 0;font-family: myriad-light}
.main-blocking {margin: 0 auto;width: 1045px;}
.main-blocking .title-blocking{background: rgba(0, 0, 0, 0) url("../images/bg-title-blocking.png") no-repeat scroll 100% 100%;border-top: 2px solid #3264b0;height: 130px;line-height: 115px;margin: 0 auto;width: 1045px;}
.main-blocking .title-blocking h2 {color: #4f4e4e;font-family: myriad;font-size: 20px;margin: 0;text-align: center;padding-right: 50px;}
.main-blocking .forms-blocking {margin: 50px 0;}
.main-blocking .col-form.left-col-form {float: left;width: 49%;}
.main-blocking .col-form .block-list {background: #ffffff none repeat scroll 0 0;margin-left: -20px;position: relative;width: 110%;}
.bg-block-left {background: #ababab none repeat scroll 0 0;padding: 25px 0;width: 390px;margin: 30px 0 30px 25px;}
.main-blocking .col-form .title-head-block {background: #3264b0 none repeat scroll 0 0;color: #ffffff;display: block;font-size: 20px;height: 50px;line-height: 50px;text-align: center;position: absolute;top: -55px;left: 25%;width: 50%}
.main-blocking .col-form .title-left-block {background: #fff200 none repeat scroll 0 0;display: block;font-size: 20px;height: 45px;left: -10px;line-height: 45px;position: absolute;text-align: center;top: 40px;width: 370px;}
.main-blocking .right-col-form .title-left-block{width: 225px;}
.main-blocking .col-form form {margin: 0 auto;padding-top: 125px;width: 320px;padding-bottom: 50px;}
.main-blocking .col-form form label {padding-left: 10px;font-family: myriad-light}
.main-blocking .col-form form label span{font-family: myriad}
.main-blocking .col-form ul form li {font-size: 20px;color: #4e4e4e;background: url(../images/bg-list-blocking.jpg) no-repeat center left;padding-left: 20px;}
.main-blocking .col-form form br{margin: 10px 0}
.main-blocking .col-form form .add {background: #003d99 none repeat scroll 0 0;border: medium none;color: #ffffff;display: block;height: 30px;line-height: 30px;margin: 20px auto;text-align: center;width: 120px;cursor: pointer;}
.main-blocking .col-form .block-matchmaker-shadchan .title-head-block{width: 60%;left: 20%}
.main-blocking .col-form .block-matchmaker-shadchan-list .title-head-block{width: 80%;left: 10%}
.main-blocking .col-form .block-matchmaker-shadchan-list form,.main-blocking .col-form .block-member-list form,.block-hashkafa-list.block-list form{padding-top: 80px}
.bg-block-right {background: #ababab none repeat scroll 0 0;margin: 30px 0;padding: 25px 0;width: 470px;}
.main-blocking .block-list a{float: right;margin-top: 5px;}
.main-blocking .col-form.right-col-form{width: 49%;float: right;}
.block-individual.block-list form{width: 430px;padding-bottom: 20px;overflow: hidden;}
.block-individual.block-list input {height: 30px;width: 330px;margin-left: 10px;float: right;border: 1px solid #898d8d}
.main-blocking .right-col-form .block-list {background: #ffffff none repeat scroll 0 0;width: 110%;}
.main-blocking .col-form .block-individual.block-list form .add{float: right;}
.main-blocking input[type=checkbox].css-checkbox {
                            position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
                        }

                        .main-blocking input[type=checkbox].css-checkbox + label.css-label {
                            padding-left:17px;
                            height:16px; 
                            display:inline-block;
                            line-height:16px;
                            background-repeat:no-repeat;
                            background-position: 0 0;
                            font-size:16px;
                            vertical-align:middle;
                            cursor:pointer;

                        }

                        .main-blocking input[type=checkbox].css-checkbox:checked + label.css-label {
                            background-position: 0 -16px;
                        }
                        .main-blocking label.css-label {
                background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_51ff3cdf3a13e03156c52efaf7787f21.png);
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
.main-blocking span {display: inline;vertical-align: middle;}

.my-matches .content-activity{display: none;}
.my-matches .active-tab{display: block;transition: width 2s;}

.content-chat li {
  padding: 0.5rem;
  overflow: hidden;
  display: flex;
}
.content-chat .avatar {
  width: 30px;
  height: 30px;
}
.content-chat .avatar img {
  display: block;
  width: 100%;
  border-radius: 50%;
}
.content-chat .other .messages:after {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.content-chat .myself {
  justify-content: flex-end;
}
.content-chat .myself .messages {
  order: 1;
  border-bottom-right-radius: 0;
}
.content-chat .myself .avatar {
  order: 2;
  margin-left: 15px
}
.content-chat .other .avatar {
  margin-right: 15px
}
.content-chat .myself .messages:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border: 5px solid white;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.content-chat .messages {
  background: white;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  width: 170px;
  position: relative;
  margin-top: 15px;
}
.content-chat .messages p {
  font-size: 13px;
  color: #151515;
  font-family: myriad;
  margin:0;
}
.content-chat .messages time {
  font-size: 0.7rem;
  color: #ccc;
}

/* Custom style */

.lists-post { 
    max-height: 520px;
    min-height: 100px;
    height: auto !important;
}
.col-forum .list-post-forum {
    padding-right: 5px;
}
.name-author {
    font-size: 15px;
    font-weight: bold;
}
.lists-post .mCS_y_hidden .post {
    max-width: calc(100% - 30px);
}
.col-left .mCS_y_hidden {
    margin-left: 0px !important;
}
.col-left .mCS_y_hidden .post {
    max-width: 100%;
}
.no-content {
    padding: 25px;
}
.content.content-forum .title > a img {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    display: block;
    width: 108px;
    height: 103px;
}
.content.content-forum .col-forum .view-post {
    max-height: 890px;
    min-height: 100px;
    height: auto !important;
    overflow: hidden;
}    
.content-alert {
    word-wrap: break-word;
}
.alert-popup {
    position: absolute;
    left: calc(50% - 150px);
    top: 200px;
    z-index: 9999;
}
.overloading {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(65, 61, 40, 0.82);
    z-index: 999;
}
.row-label {
    text-align: right;
}
.row-label label {
    font-size: 15px;
}
.float-left {
    float: left;
    margin-left: 200px;
}
.message {
    margin: 10px 20px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(167, 131, 131, 0.72) none repeat scroll 0% 0%;
    color: rgba(72, 10, 10, 0.88);
    font-style: italic;
    border-left: 3px solid rgba(174, 17, 17, 0.44);
    border-right: 3px solid rgba(174, 17, 17, 0.44);
    font-size: 17px;
}
.photo, .photo label{
    cursor: pointer;
}
.main-account .login-information .row-form {
    margin: 5px auto;
}
.btn-form center {
    margin: 8px 0px;
}
.photo .close {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 15px;
    color: #9E7474;
    font-weight: bold;
    background: #DDDADA;
    border-radius: 10px;
    padding: 2px 5px;
    cursor: pointer;
}
.photo .selected {
    border: 5px double #67896E;
}
.close-file {
    font-size: 15px;
    color: #9E7474;
    font-weight: bold;
    background: #DDDADA;
    border-radius: 10px;
    padding: 2px 5px;
    cursor: pointer;
}
.file-name {
    font-style: italic;
    padding: 0px 10px 0px 5px;
    text-decoration: underline;
}
.gallery {
    height: 200px;
}
form.list {
    padding: 0px !important;
}
ul.list {
    padding: 30px 0px;
}
.top-result {
    position: relative;
}
#searchField {
    display: inline;
    position: absolute;
    top: 10px;
    right: 75px;
    padding: 5px;
}
#searchKey {
    cursor: pointer;
}
.main-search-result .result {
    max-height: 450px;
    height: auto !important;
    min-height: 130px;
}
.member-shadchan .col-shadchan:first-child {
    margin-left: -235px;
}
.event-detail li span:first-child {
    font-weight: bold;
}
.event-detail li span:last-child {
    font-style: italic;
}
.list-activity img {
    width: 93px;
    height: 93px;
}
.content-chat {
    height: 230px;
    overflow-y: scroll;

}
.member-shadchan .col-shadchan:first-child { 
    margin-left: 20px !important;
}
.member-shadchan {
    text-align: left !important;
}
.hidden {
    display: none;
}
.gold-session .i-want-this-shadchan {
    margin-left: 80px;
}
.gold-session .block-this {
    margin-left: 120px;
}
.menu-navigation-page ul li.active {
    background: #007399;
    padding: 5px 30px;
}
.menu-navigation-page ul li.active a {
    color: white;
}
.header {
    overflow: hidden;
    background: transparent url("../images/bg-header-home.jpg") no-repeat scroll 0px 0px / calc(100% + 100px) auto;
    padding-bottom: 3px;
}
html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.content-home {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/bg-content.jpg) !important;
}
.wrapper {
    min-height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/bg-content.jpg) !important;
}
.content {
    padding-bottom: 100px !important;
}
.footer {
    width: 100%;
    bottom: 0px;
    left: 0px;
    position: absolute;
}
.content-login {
    padding: 0px 0px 150px !important;
}
.list-post-forum {
    position: relative;
}
.contact-form form {
    box-shadow: 0px 0px 4px #E7E7E7;
}
.contact-info {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 40px;
    vertical-align: middle;
    margin: 15px;
    padding-left: 55px;
}
.contact-info.phone {
    background-image: url(../img/phone.png);
}
.contact-info.mess {
    background-image: url(../img/message.png);
}
.contact-info.location {
    background-image: url(../img/location.png);
}
.contact-form {
    padding: 10% 15%;
}
.contact-title {
    background: #1790C8;
    padding: 13px 10px;
    color: white;
    font-size: 20px;
    letter-spacing: 0px;
    box-shadow: 0px 0px 7px #B7B7B7;
    border-bottom: 2px solid #A4A4A4;
}
.contact-content {
    background: #B7B7B7;
    margin: 0px !important;
    color: #636161;
}
.contact-content .section {
    padding-top: 20px;
    padding-bottom: 20px;
}
.contact-content .section:first-child {
    padding-left: 25px;
    padding-right: 7px;
}
.contact-content .section:last-child {
    padding-left: 7px;
    padding-right: 25px;
}
.footer .left-ft, .footer .right-ft {
    padding-top: 10px;
}
.contact-content .wrap {
    background: white;
    padding: 15px 25px;
    height: 280px;
    box-shadow: 0px 0px 10px #989898;
}
.contact-des {
    font-size: 19px;
    padding-bottom: 15px;
}
.contact-button {
    text-align: center;
    background: #B7B7B7;
    margin: 0px !important;
}
.contact-button button, .suggest-form button, .active-button button {
    background: #E2BE00 none repeat scroll 0% 0%;
    border-radius: 5px;
    padding: 3px 20px;
    box-shadow: 0px 0px 10px #838181;
    border: 0px none;
    color: white;
    font-size: 18px;
    margin: -10px 0px 10px;
}
.contact-content .section input,.contact-content .section textarea, 
.suggest-form input,.suggest-form textarea {
    width: 100%;
    height: 40px;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    margin: 5px 0px;
    padding: 10px;
    background: #F5F5F5;
}
.contact-content .section textarea,  {
    height: 130px;
}
.active-button {
    text-align: center;
}
.suggest-form button {
    margin: 0 auto;
    box-shadow: none;
}
.suggest-form textarea {
    height: 80px;
}
.suggest-form {
    text-align: center;
    display: none;
    padding-top: 30px;
    margin-top: -20px;
    border-top: 1px solid rgb(239, 239, 239);
}
.suggest-form form {
    margin: 0 auto;
    width: 500px;
}
.suggest-form .description {
    font-size: 15px;
    font-style: italic;
}
.lists-resources {
    background-size: 100% 100%;
}
.contact-content .section textarea {
    height: 120px;
}
.menu-wrapper {
    padding: 0px 80px;
}
.second-menu ul {
    text-align: center;
    margin-bottom: 0px;
}
.second-menu .menu-navigation {
    margin: 0 auto;
    float: none;
}
.second-menu-wrapper {
    height: 100px;
    width: 980px;
    margin: 0 auto;
    background: transparent url("../images/bg-list-menu.png") repeat scroll 100% 100%;
    border-top: 3px solid #3264B0;
}
.recommend-resources, .title-blocking, .title-account, .title-maker, .single-page {
    width: 980px !important;
    background: transparent url("../images/bg-list-menu.png") repeat scroll 100% 100% !important;
    border-top: 0px !important;
}
.recommend-resources {
    border-top: 3px solid #3264B0 !important;
}
.search-wrapper {
    margin: 0 auto !important;
    width: 1155px;
    margin-top: 50px;
}
.title-filter {
    width: 320px;
    margin: 0px auto;
    padding: 8px 42px;
    background: #3264B0 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 20px;
}
.search-form {
    position: relative;
    margin-bottom: 30px;
}
.search-wrapper .col-form form {
    padding-top: 35px;
}
.search-form input {
    background: rgb(255, 242, 0) none repeat scroll 0% 0%;
    padding: 10px 25px;
    width: calc(100% + 20px);
    margin-left: -10px;
    border: 0px none;
    box-shadow: 5px 10px 15px rgb(185, 185, 185);
    font-size: 17px;
}
.search-form img {
    position: absolute;
    top: -4px;
    right: -22px;
    cursor: pointer;
}
.search-form span {
    position: absolute;
    top: 1px;
    right: -16px;
    width: 40px;
    height: 40px;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 10px;
}
.search-wrapper .bg-block-left {
    background: transparent !important;
}
.content-search-result {
    margin-top: 40px;
}
.search-wrapper .block-hashkafa {
    margin-bottom: 100px;
}
.single-page {
    height: auto;
}
.single-page .image-wrapper {
    text-align: center;
}
.single-page img {
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgb(177, 170, 95);
}
.single-page .context {
    padding: 0px 50px;
    margin-top: -25px;
    font-size: 15px;
    line-height: 25px;
    font-family: "myriad-light";
    padding-bottom: 50px;
}
.single-page .context ul {
    list-style-type: inherit;
    margin-left: 13px;
}
.single-form .forms-create-profile form {
    margin: 40px 115px !important;
    width: 500px !important;
}
.single-form label, .forms-create-profile label {
    color: rgb(107, 103, 103);
    font-size: 15px !important;
}
.single-form .row-form {
    padding: 5px 0px;
}
.row-form-submit {
    padding-top: 25px;
}
.single-form .inp-signup {
    float: none;
    margin: 0 auto;
}
.block-non-single form {
    padding-top: 100px !important;
}
.block-non-single {
    padding: 10px 0px 30px;
}
.content.content-shadchan {
    margin-top: -20px;
}
.shape-1 {
    width: 256px;
    height: 89px;
}
.shape-2 {
    width: 153px;
    height: 87px;
}
.shape-3 {
    width: 100px;
    height: 88px;
}
.shape-4 {
    width: 254px;
    height: 183px;
}
.shape-5 {
    width: 149px;
    height: 98px;
}
.shape-6 {
    width: 93px;
    height: 88px;
}
.shape-7 {
    width: 254px;
    height: 85px;
}
.shape-8 {
    width: 256px;
    height: 87px;
}
.shape-9 {
    width: 244px;
    height: 92px;
}
.shape-10 {
    width: 243px;
    height: 104px;
}

.shape-11 {
    width: 245px;
    height: 93px;
}
.shape-12 {
    width: 245px;
    height: 75px;
}
.shape-13 {
    width: 112px;
    height: 85px;
}
.shape-14 {
    width: 108px;
    height: 41px;
}
.shape-15 {
    width: 111px;
    height: 41px;
}
.shape-16 {
    width: 133px;
    height: 198px;
}
.shape-17 {
    width: 133px;
    height: 74px;
}
.shape-18 {
    width: 111px;
    height: 76px;
}
.carousel-control {
    background: transparent !important;
}
.carousel-control .glyphicon {
    opacity: 0.5;
}
.main-checkout-event .icon-wrapper {
    width: 105px;
    height: 105px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    float: left;
    border: 2px solid #DEDCF0;
}
.main-checkout-event img {
    min-width: 100%;
    min-height: 100%;
}
a.see-more:hover, a.see-more:focus {
    color: white;
}
.link-sign-up {
    font-size: 15px;
    font-weight: bold;
}
h2 {
    line-height: inherit;
    font-size: inherit;
    font-weight: bold;
}
label {
    margin: inherit;
}
.content {
    background-position: 0px -1px !important;
}
.main-donation .des > label {
    font-weight: normal;
}
.paypal {
    text-align: center;
}
.paypal span {
    font-size: 17px;
    color: rgb(113, 110, 255);
}
.paypal img {
    border-radius: 7px;
}
.make-box .double-form {
    padding-top: 43px;
}
.main-donation .des-info > input {
    padding: 10px;
    color: black;
}
.price-gift a:before {
    content: "$";
}
.price-gift a:last-child:before {
    content: "";
}
#donation-count:focus {
    border: 2px solid rgb(225, 225, 66);
}
.main-donation {
    margin-top: 35px;
}
.icon-wrapper {
    background-size: cover;
    background-position: center center;
}
.img-wrapper {
    display: inline-block;
}
.image-colage .img-wrapper {
    position: relative;
}
.image-colage .popup {
    display: none;
    position: absolute;
    top: 1px;
    left: 1px;
    background: rgba(9, 0, 0, 0.79) none repeat scroll 0% 0%;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #000;
    box-shadow: 0px 0px 10px #383838;
    color: white;
    z-index: 999;
    white-space: nowrap;
}
.image-colage .popup a {
    color: white;
}
.image-colage .img-wrapper:hover > .popup {
    display: block;
}
.hit-counter {
    clear: both;
    text-align: center;
    font-size: 30px;
    padding: 20px 0px 0px;
    letter-spacing: 2px;
    color: rgb(131, 116, 38);
}
.hit-counter p {
    padding: 0px 15px !important;
    color: #59513B;
    display: inline-block;
}
.hit-counter span {
    display: block;
}
.hit-counter span:first-child {
    padding: 5px 10px;
    border: 3px solid #9F7E21;
    background: #FFE200;
    border-radius: 5px;
    color: rgb(131, 116, 38);
    line-height: 1;
}
.hit-counter span:last-child { 
    font-size: 20px;
}
.header {
    background-size: calc(100% + 300px) auto;
}
.blue-menu {
    background: #007399;
    padding-bottom: 20px;
}
.blue-menu li a {
    color: white !important;
}
.details-match-profile input[type="button"] {
    float: left;
}
#reportForm textarea {
    width: 100%;
    height: 150px;
}
#termCheckbox {
    width: auto;
    margin-top: -5px;
    margin-left: -25px;
}
input {
    outline: 0 !important;
}
.modal-body.fixed-height {
    height: 400px;
    overflow-y: scroll;
}
.main-checkout-event .icon-wrapper {
    margin-right: 25px; 
    vertical-align: middle;
}
.main-checkout-event .icon-slide {
    height: 80px !important;
    width: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    float: left;
    display: inline-block;
    margin-right: 20px;
    border-radius: 5px;
}
#proofParent {
    display: none;
}
#blockOnShadchan {
    text-align: center;
}
.rate-button {
    float: none;
    margin-left: 70px;
}
.star-rating .caption {
    display: none !important;
}
.rating-sm {
    font-size: 24px !important;
}
.rate-section textarea {
    width: 100%;
    height: 90px;
}
.star-button {
    text-align: left;
    height: 200px;
}
.star-button button {
   margin-top: 20px; 
}
.media-left, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media-left img {   
    max-width: 64px;
    height: auto;
}
.media-body {
    padding-left: 15px;
}
#rateModal .modal-title {
    font-size: 24px;
}
#rateModal .modal-body {
    max-height: 280px;
    overflow-y: scroll;
}
.forms-create-profile.updated form {
    width: 100% !important;
}
.forms-create-profile.updated .form-wrapper {
    width: 470px;
    margin: 0 auto;
}
.forms-create-profile.updated .photo-upload-wrapper {
    margin: 30px 15px;
    padding: 15px 0px;
    border-top: 1px solid rgb(225, 225, 225);
    border-bottom: 1px solid rgb(225, 225, 225);
}
.gallery img {
    width: 100%;
    height: auto;
}
.gallery .img-wrap {
    width: 105px;
    height: 75px;
    overflow: hidden;
    display: inline-block;
    background: rgba(42, 156, 148, 0.26);
    padding: 5px;
}
.photo .close {
    color: #000;
    background: #9B9B9B;
}
.list-activity .notes img {
    width: auto;
    height: auto;
    float: none;
    margin-top: 0px;
    border-radius: 0%
}
#becomeShadchan {
    float: none;
    width: auto;
    padding: 0px 40px;
    margin-left: 15px;
}
.menu-wrapper {
    padding: 0px 50px !important;
}
.menu-navigation ul {
    padding-left: 15px !important;
}
.content-activity-page .lists-activity .tab-activity li {
    padding: 4px 10px 5px;
}
.content-activity-page .lists-activity .tab-activity li a {
    outline: 0;
}
.col-shadchan.ratings {
    margin-left: 110px;
}
.star-review .star-rating {
    cursor: pointer;
}
.star-review {
    position: relative;
}
.star-review .rateShadchan{
    position: absolute;
    left: 10px;
    bottom: -20px;
}
.content-event .tab-events ul {
    width: 810px !important;
}
.button-link {
    text-shadow: 0px 1px 3px rgb(132, 132, 132);
}
#contactModal input {
    width: 100%;
}
.header .menu-navigation ul {
    display: flex;
    justify-content: space-between;
}
.header .menu-navigation ul li {
    padding: 0px !important;
}
.menu-navigation.menu-navigation-page ul li {
    padding: 0px 20px;
    position: relative;
}
.header .menu-navigation .dropdown, .dropdown {
    position: absolute;
    display: none;
    background: #FFD600;
    z-index: 9999;
    width: 350px;
    margin-left: -20px;
    padding: 10px 0px !important;
    box-shadow: 4px 4px 6px #696666;
}
.header .menu-navigation .dropdown {
    padding-left: 20px !important;
}
.dropdown li {
    display: block !important;
    z-index: 9999;
    padding: 5px 0px !important;
}
.dropdown li a {
    color: black !important;
}
.dropdown li a:hover {
    text-decoration: underline !important;
}
.menu-navigation ul li:hover > .dropdown {
    display: block;
}
.logo img {
    width: 212px;
}
.img-match-profile p, .img-match-profile p {
    font-size: 17px;
}
.img-profile {
    position: relative;
}
.img-profile button {
    position: absolute;
    width: 110px !important;
    cursor: pointer;
    height: 40px !important;
    font-size: 17px;
    background: rgb(6, 66, 78) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    border: none;
    border-bottom: 2px solid #ffd600;
    bottom: -51px;
}
.img-profile button {
    position: relative;
    width: 180px !important;
    bottom: -10px;
}
.matchmaker label, .message-me label {
    position: relative;
}
.matchmaker label button, .message-me label button {
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-size: 15px;
    background: blue none repeat scroll 0% 0%;
    border: 0px none;
    padding: 0px 25px;
    box-shadow: 0px 0px 10px #848484 inset;
}
.content-event {
    padding-top: 0px !important;
}
.content-account .image-wrapper img {
    width: 144px;
}
.button-link.notes {
    background: url('../images/notes-activity.png');
    display: inline-block; 
    height: 26px;
    width: 88px;
    margin-bottom: -10px;
}
.list-users img {
    height: 50px;
}
.list-users input {
    margin-right: 10px;
}
.list-users li {
    padding: 10px;
    border-bottom: 1px solid #efefef;
}
.list-users li span {
    margin-left: 10px;
}
#suggestModal .modal-body, #inviteModal .modal-body {
    height: 400px;
    overflow-y: scroll;
}
.content-event .tab-events ul {
    width: 924px !important;
}
.content-event .tab-events li {
    width: 132px;
}
.content-activity-page .lists-activity .tab-activity li {
    padding: 4px 22px 5px;
}
.content-activity-page .lists-activity .tab-activity li a {
    font-size: 15px;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}
#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 9px 9px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032;
    line-height: 15px;
}
.modal.in .modal-dialog {
    transition: all 0.2s ease 0s;
}
.myself-profile {
    text-align: right;
}
.myself-profile form {
    display: inline-block;
}
.content-inbox, .main-inbox, .right-inbox {
    height: 100%; 
}
.mid-inbox {
    height: 425px !important;   
}
.list-friends {
    height: calc(100% - 160px) !important;
}
.right-inbox {
    position: fixed;
    top: 75px;
}
.fr-setting {
    visibility: hidden;
}
.chat-friend {
    bottom: 124px;
}
.chat-upload, .chat-symbol {
    display: none;
}
.close-chat {
    margin: 14px 0px 0px 10px;
    opacity: 1;
}
.box-chat form {
    float: none;
}
.box-chat form input { 
    padding: 0px 10px;
    width: calc(100% + 1px) !important;
}
.content-event .tab-events ul {
    width: 920px !important;
}
.content-event .tab-events li {
    width: 115px;
}
.blank-content {
    height: 425px;
    display: block;
    background: rgba(155, 149, 149, 0.7) none repeat scroll 0% 0%;
    font-size: 25px;
    color: rgb(66, 66, 66);
    text-align: center;
    padding-top: 150px
}
.img-fr-chat img {
    width: 35px;
    height: 35px;
    margin: 3px 10px 3px 3px;
}
.content-chat .avatar img {
    width: 33px;
    height: 33px;
}
.content-chat li {
    padding: 0px;
    margin-bottom: 10px;
}
.friend > p > img {
    display: none;
}
#referredLink {
    padding: 45px;
}
#referredLink h3 {
    font-size: 23px;
}
#referredLink p {
    font-size: 18px;
}
#referredLink .well {
    position: relative;
}
#referredLink .well input {
    border: 0px;
    background: transparent;
    width: 100%;
}
#referredLink .well span {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    padding: 10px;
    color: rgb(98, 98, 155);
    line-height: 35px;
    background: rgba(173, 171, 171, 0.45);
    cursor: pointer;
}
#groupModal .modal-body {
    padding: 15px 30px;
}
#listParticipants-wrapper {
    position: relative;
}
#listParticipants {
    position: absolute;
    top: 0px;
    left: 10px;
    background: white none repeat scroll 0% 0%;
    width: 325px;
    border: 1px solid rgb(218, 218, 218);
    box-shadow: 2px 3px 4px rgb(110, 110, 110);
    padding: 10px 0px;
    display: none;

}
#listParticipants ul {
    max-height: 355px;
    overflow-y: scroll;
    padding: 0px 10px;
}
#listParticipants .control {
    text-align: center;
    padding-top: 10px;
}