@font-face {
    font-family: Cooper-Black-Regular;
    src: url(../fonts/Cooper-Black-Regular.ttf)
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(../fonts/OpenSans-Bold.ttf)
}
@font-face {
    font-family: OpenSans-Light;
    src: url(../fonts/OpenSans-Light.ttf)
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.ttf)
}
body{
	 font-family: OpenSans-Regular;
}
.phone{
    margin-right:23px!important;
}
/*index css*/
.media{
    text-align: end;
    margin: auto;
    display: block;
}
.top-header{
	background: #c22143;
	color:#ffffff;
}
.top-header p{
    padding-top: 8px;
    padding-bottom: 8px;
	margin:0px;
}
.social-icons {	   
    background: #ffffff;
    padding: 6px;
    width: 30px;
    text-align: center;
    color: #c22143;
    margin: 5px 4px;
    border-radius: 50%;
}
.social-icons:hover {
color:#c22143;
text-decoration: none;
}

.menus li {
    margin-left: 35px;
    margin-right: -25px;
}
.main-header img {
    vertical-align: bottom;
    height: 56px;
    display: inline-block;
}
.main-header {
    padding: 0px;
    padding-top: 7px;
}
.main-header h1{
      font-family: Cooper-Black-Regular;
    color: #c22143;
    display: inline-block;
    margin-left: 17px;
    margin-bottom: 9px;
    padding-top: 5px;
    font-size: 24px;
}
.logo{
	padding-bottom: 12px;
}
.menus a{
	color:#000000 !important;
	text-decoration: none;
        cursor: pointer;
}
.menus a:hover{
	color:#c22143!important;
}
.current a{
	color: #c22143 !important;
}
.round-indicators li{
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.82)
}
.round-indicators .active{
	background-color: #c22143;
}
.welcome{
	top: 40%;
}
.welcome h1{
    font-family: OpenSans-Bold;
    margin-bottom: 4%;
}
.welcome a{
	color:#ffffff;
	text-decoration: none;
	background:  #c22143 ;
}
.banner-btn{
    background: #c22143;
    color: #ffffff;
    width: 28%;
    border: none;
    outline:none!important;
    box-shadow: none !important;	 
    border-radius: 0px;
}
.contet-section{
	padding-top: 4%;
}
.heading {
    text-align: center;
    padding-bottom:3%;
}
.heading h2{
	margin: 0px;
	text-align: center;
}
.heading img{
	    width: 100px;
}
.welcome-content p{
text-align: justify;
}
.bg-image{
   background-image: url(../images/couple.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 416px;
    border-radius:8px;
}
.bg-image h3{
    color: #ffffff;
    font-size: 23px;
    font-family: OpenSans-Bold;
    text-align: center;
    padding-top: 14px;
        padding-bottom: 12px;

}
 .bg-image h4{
    color: #ffffff;
    font-size: 18px;
 font-family: OpenSans-Regular;
}
.fields ul{
	list-style: none;
	margin: 0px;
    padding:0px;
    margin-top: 9px;
}
.fields li{
	display: inline-block;
	    margin-right: 12px;
}
.looking .looking-input:checked~.looking-label::before {
    background-color:#c22143!important;
}
.looking-input:checked~.looking-label::before {
    color: #fff;
    background-color: #c22143!important;
}
.looking-label{
	    cursor: pointer;
}
.fields select{
     width: 65px;
    border: 0px;
    padding: 4px 14px;
    border-radius: 0px;
    height: 31px;
}
.fields-details select{
	width: 73%!important;
}
.matches {
    padding-bottom: 7%;
}
.find-matches{
	width: 100%;
	border-radius: 8px;
}
.works {
	background:#d2d2d7;
}
.reg{
	font-size: 30px;
}
.works h4{
	padding-top: 15px;
color:#ffffff;
}
.works-heading
{
	padding-bottom: 2%;
}
.how-icons{
	color:#ffffff;
}
.services {
      padding-bottom: 4%;
    padding-top: 4%;
}
.services img{
	width: 80px;
    height: 80px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    cursor: pointer;
}
.services:hover{
	background: #c22143;
	transition: 0.5s;
}
.services:hover img{
-webkit-transform: scale(0.1);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(1.2);
}
.services a{
	color:#ffffff;
	text-decoration: none!important;
}
/*success stories css starts from here*/

 
.testimonial{
    padding: 30px 0;
}
.testimonial-description{
    color: #000000;
    font-size: 15px;
    line-height: 29px;
}

.testimonial-pic > img{
        width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #c22143;
}
.client-name{
    color: #363738;
    font-size: 17px;
    padding-top: 9px;
    text-transform: capitalize;
}
.client-name > small{
    display: block;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.1;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #c22143;
}
.owl-theme .owl-controls .owl-page span{
    background: #e98b39;
    opacity: 1;
}
.quote{
	margin-top:12px;
}
.testimonial-pic h3{
	padding-top: 12px;
	color:#c22143;
}
/*success stories css ends here*/
.footer-css{
    background: #5c5d5e;
    color:#ffffff;
     padding-top: 2%;
    padding-bottom: 2%;
}
.footer-css p{
font-size:14px;
    margin: 0px;
    }
.read-more a{
background: #c22143;
    color: #ffffff;
    text-decoration: none;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 7px;
}
.read-more{
    margin-top: -6px;
    text-align:right;
}
.events{
    padding-top: 5%;
}
.quick-links h3{
text-align: center;
}
.quick-links ul{
    list-style: none;
    margin-left: 19%;
}
.quick-links li{
margin-top:8%;
    }
.quick-links a{
    color:#ffffff;
    text-decoration: none;
}
.quick-links a:hover{
    color:#c22143;
    }
    .contact ul{
    list-style: none;
        display: inline-flex;
    margin: 0px;
    padding: 0px;
    }
    .contact li{
           float: left;
    margin-top: 4%;
    margin-right: 7%;
    margin-bottom: 4%;
    }
    .contact a{
        color:#ffffff;
        text-decoration: none;
    }
    .footer-bottom{
        background: #ffffff;
    }
    .footer-bottom p{
          color:#c22143;
        margin-top: 3%;
    }
    .powered{
        text-align: right;
    }
    .footer-bottom a{
        color:#c22143;
    }
    .registration h5{
        margin-left:46%;
        color:#ffffff;
    }
    .registration-header {
           border: none;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    background: #c22143;
    }
    .cross{
        color:#ffffff;
        opacity: 1;
        outline: none!important;
        box-shadow: none!important;
    }
   
     .registration-body{
        margin: 17px;
     }
    .registration-body span{
        float:right;
    }
    .login-fields input , .login-fields button ,{
          border: 1px solid #c22143 !important;
          padding: 7px !important;
    }
    .login-fields a{
        color:#c22143;
    }
    .hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color:#000000;
    margin: 8px 0px;
}
.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgb(194, 33, 67);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}
.registration-footer {
    border: none;
        margin-top: 2%;
    margin-bottom: 6%;
}
.submit{
    margin-top: 4%;
}
.register-fields img{

}
.gender{
    padding-bottom:0px !important;;
}
.date-picker {
    background-image: url(../images/calender.png)!important;
    background-position: 96% 50% !important;
    background-repeat: no-repeat !important;
}
.registration {
    width: 600px;
     border-radius: 10px;
}
#partitioned {
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(to left, #c22143 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 220px;
    min-width: 220px;
    outline: none!important;
    box-shadow: !important;
}

#divInner{
  left: 0;
  position: sticky;
}

#divOuter{
  width:190px; 
  overflow:hidden
}
.menu-border{
        border-bottom: 1px solid #c22143;
}



    /*index css*/


/*contact us css*/
.contact-bg-image{
    background-image: url(../images/contact_banner.jpg);
     background-position: center center;
      background-repeat: no-repeat;
       background-size: cover;
         position: relative;
             width: 100%;
             height: 650px;
}
.contact-bg-image h1{
    color: #ffffff;
    padding-top: 27%;
    top: 36px;
    font-family: 57px;
    text-align: center;
    font-family: OpenSans-Bold;
} 
.address img {
    width: 112px;
    margin-top: -19px;
}
.address-details ul{
    list-style: none;
        display: inline-flex;
    padding: 0px;
}
.address-details a{
color:#000000;
text-decoration: none;
}
.address-details li{
    display: inline-block;
        margin-right: 23px;
    }
    .details input ,.details textarea{
        border: 1px solid #c22143;
        border-radius: 2px;
            margin-bottom: 3%;
            padding: 6px;
                color: #000000;
            outline: none!important;
            box-shadow: none !important;
    }
    .country-select{
            border: 1px solid #c22143;
        border-radius: 2px;
            margin-bottom: 3%;
          height:40px;
                color: #000000;
            outline: none!important;
            box-shadow: none !important;
    }
    .details input:focus ,.details textarea:focus{
        border-color: #c22143;
    }
    .details {
    margin-top: 3%;
    margin-bottom: 4%;
}
.details input::placeholder ,.details textarea::placeholder{
    color:#c22143;
}
.submit button {
     width: 100%;
    color: #ffffff;
    outline: none !important;
    padding: 7px;
    cursor: pointer;
    background: #c22143;
    box-shadow: none !important;
    border: none;
    border-radius: 3px;
}
.contact-from {
    margin-bottom: 3%;
}
/*contat us css*/
/*change password css*/
.change-password span{
    float: right;
}
.change-password {
    padding: 3%;
}
/*change password css*/
/* profile seach css */
.profile-submit{
    margin-top: 0px!important;
}
.profile-id{
    padding-top: 2%;
}
.profile-id span{
    float:right;
}
.profile {
    background: #f2f2f2;
     
}
.profile a{
  color: #c22143;
    }
.profile ul{
list-style: none;
}
.profile li{
    margin-bottom: 6px;
}
.profile-image {
    /*border-radius:50%;
    width: 130px;*/
	border-radius: 5%;
    width: 150px;
    height: 150px;
}
.profile h2{
    color: #c22143;
    padding-top: 3%;
}
.similar{
    padding-top: 2%;
    padding-bottom: 2%;
}
.profile-match {
       padding: 3%;
}
.circle-indicators {
    }
.profile-slider{
    width: 100px;
    text-align: center;
    margin-left: 33%;
    height: 100px;
    border-radius: 50%;
}
.profile-similar{
    list-style: none;
}
.profile-similar li{
text-align: center; 
 }
.similar a{
color:#000000;
text-decoration: none;
}
.similar-slider{
margin-top: 5%;
    }
   /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#c22143;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:1;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
/* profile search css */
/* search css */
.search{
    padding-top: 2%;
}
.search-label span{
    float:right;
}
.age-ctm{
    list-style: none;
    padding:0px;
}
.age-ctm li{
    display: inline-block;
    padding-right: 5%;
    }
    .age-from select{
        width:180px!important;
    }
    .search-content{
    padding: 0% 2%;
    }
/* search css */
/*my profile css*/
.clearfix { zoom: 1; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bzoom { direction: ltr; }
.bzoom,
.bzoom_thumb,
.bzoom_thumb_image,
.bzoom_big_image,
.bzoom_zoom_preview,
.bzoom_icon,
.bzoom_hint { display: none }
.bzoom,
.bzoom ul,
.bzoom li,
.bzoom img,
.bzoom_hint,
.bzoom_icon,
.bzoom_description {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none
}
.bzoom,
.bzoom_magnifier div,
.bzoom_magnifier div img,
.bzoom_small_thumbs ul,
ul .bzoom_small_thumbs li,
.bzoom_zoom_area div,
.bzoom_zoom_img { position: relative }

.bzoom img,
.bzoom li {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none
}
.bzoom,
.bzoom_small_thumbs li { float: left }
.bzoom_right { float: right }
.bzoom li { position: absolute }
.bzoom img {
  vertical-align: bottom;
  width: 50px;
  height: 70px;
 cursor: pointer;
     border: 1px solid #c22143;
}
.bzoom .bzoom_zoom_area,
.bzoom_zoom_area {
  background: #fff url(./img/loading.gif) center no-repeat;
  border: 1px solid #ddd;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
  z-index: 20;
}
.bzoom_zoom_area div { overflow: hidden; }
.bzoom_zoom_area .bzoom_zoom_img { position: absolute; }
.bzoom_wrap .bzoom_magnifier {
  background: #fff;
  outline: #bbb solid 1px;
  display: none;
  cursor: move;
}
.bzoom_magnifier div { overflow: hidden; }
.bzoom_wrap .bzoom_small_thumbs { overflow: hidden; }
.bzoom_wrap .bzoom_small_thumbs li {
  border: 1px solid #FFF;
  margin: 0px 10px 0px 0px;
  position: relative;
}
.bzoom_wrap ul li.bzoom_smallthumb_active {
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;

}
.profile-gallery{
    height: 410px;
}
.profile-details{
    margin-top: 12px;
}
.personal-details p{
    font-family: OpenSans-Bold;
}
.about-myself{
    margin-top: 2%;
       border-radius: 7px;
    border-top: 2px solid #c22143;
    border-bottom: 5px solid #c22143;
    border-right: 2px solid #c22143;
    border-left: 2px solid #c22143;
}
.about-heading {
       color: #ffffff;
    background: #c22143;
    width: 100%;
    padding: 7px;
    font-size: 28px;
}
.basic-details-heading {
   color: #c22143;
    margin-left: 4%;
    width: 100%;
    margin-top: 1%;
    font-size: 25px;
        margin-bottom: 2%;
}
.basic-details {
    padding-left: 6%;
}
.my-profile{
    padding-bottom: 4%;
}
/*my profile css*/
/*about us css*/
.about_middle{
    background: #c22143;
    padding:5em 0;
}
.about_middle h2{
    text-align: center;
    color: #fff;
    font-size:2.5em;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 1em;
}
.testi_grid:nth-child(2n+1) {
    margin-left: 0;
}
.testi_grid {
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.testi_grid {
    overflow: hidden;
    background: none;
}
.testi_grid:nth-child(2n+1) .testi_grid_blockquote {
    text-align: right;
}
.testi_grid .testi_grid_blockquote {
    background: none;
    padding: 0;
    border-radius: 0;
}
.testi_grid blockquote {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px;
    border: none;
    background: #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.testi_grid:nth-child(2n+1) .testi_grid_blockquote .featured-thumbnail {
    float: right;
    margin: 0 0 0 30px;
}
.testi_grid .testi_grid_blockquote .featured-thumbnail {
    margin: 0 30px 0 0;
    width: 127px;
    height: 127px;
    overflow: visible;
    position: relative;
}
.testi_grid .featured-thumbnail {
    position: relative;
    z-index: 2;
    margin: 0 20px 0 10px;
    width: 60px;
    height: 60px;
}
.testi_grid .testi_grid_blockquote > div {
    background: #323232;
    padding: 20px 30px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    position: relative;
}
.testi_grid:nth-child(2n+1) .testi_grid_blockquote > div:before {
    left: 0;
}
.testi_grid:hover .testi_grid_blockquote > div:before {
    width: 100%;
}
.testi_grid:hover .testi_grid_blockquote > div a {
    color: #323232;
        text-decoration: none;
}
.testi_grid .testi_grid_blockquote > div:before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    background: #fff;
    z-index: 10;
    transition: all 0.3s ease 0s;
}
.testi_grid .testi_grid_blockquote > div a {
    color: #fff;
    position: relative;
    z-index: 100;
    font-size: 1em;
}
.testi_grid:nth-child(2n+1) .testi_grid_blockquote .featured-thumbnail:before {
    border-width: 17px 17px 0 0;
    border-color: #323232 transparent transparent transparent;
    left: -30px;
}
.testi_grid .testi_grid_blockquote .featured-thumbnail:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 0;
    border-color: transparent #323232 transparent transparent;
    position: absolute;
    top: 50%;
    right: -30px;
    margin-top: -5px;
    z-index: 100;
    transition: all 0.3s ease 0s;
}
.testi_grid:nth-child(2n+1):hover .testi_grid_blockquote .featured-thumbnail:before {
    border-width: 17px 25px 0 0;
    border-color: #fff transparent transparent transparent;
}
.testi_grid:hover .testi_grid_blockquote .featured-thumbnail:before {
    border-width: 0 25px 17px 0;
    border-color: transparent #fff transparent transparent;
}
.testi_grid:nth-child(2n+1) .testi-meta {
    padding: 15px 157px 0 0;
    text-align: right;
    color: #fff;
}
.testi-meta1{
    padding: 15px 320px 0 0;
    text-align: right;
    color: #fff;
}
.testi_grid .testi_grid_blockquote .featured-thumbnail img {
    border-radius:100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    overflow: hidden;
}
figure.featured-thumbnail {
    float: left;
}
small.testi-meta {
    float: right;
}
small.testi-meta1{
    float: right;
}
.about_middle-grid1 {
    margin-bottom: 3em;
}
.about_bottom{
    padding:5em 0;
}
.about-vasavi-matrimony img {
    width: 306px;
    height: 390px;
}
/*about us css*/
/* membership fee css */
.pricing-tables{
    padding:3em 0;
}
.pricing-table-grid ul{
    margin:0;
    padding:0;
}
.pricing-table-grid ul li{
    list-style:none;
    text-align:center;
    border-bottom: 1px solid #F4F4F4;
}
.pricing-table-grid ul li a,.pricing-table-grid ul li span{
    padding: 10px 0;
    display: block;
    text-decoration: none;
    font-size: 0.85em;
    color: #555;
}
.pricing-table-grid ul li a:hover{
    color:#c32143;
}
.pricing-table-grid h3{
  text-align: center;
  display: block;
  margin: 0;
  padding: 20px 0 10px;
  color: #000;
  font-size: 1.5em;
  line-height: 0.5em;
}
.pricing-table-grid{
    border: 1px solid #E7E7E7;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    padding: 1em 2em 1.5em;
}
.pricing-table-grid:hover{
    border-color:#DB3434;
}
.pricing-table-grid:hover li span{
    background:#c32143;
    color:#FFF;
}
.pricing-table-grid ul li span{
    background:#ffa417;
    padding: 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom:1em;
}
a.order-btn{
    color: #fff;
    padding: 10px 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background:#c32143;
    font-size: 13px;
    width: 55%;
    margin:1em auto auto auto;
    border: none;
    outline: none;
}
.pricing-table-grid:hover a.order-btn{
    background:#ffa417;
}
span.month1 {
    font-size: 13px;
    line-height: 3em;
}
i.icon_3{
    color:#000;
    font-size:14px;
    margin-right:10px;
}
.pricing-table{
    padding-left:0;
}
/*membership fee css*/
.caret{
         width: 7px!important;
    vertical-align: middle!important;
    height: 7px !important;
}
.dropbtn {
    background: none;
    color: #000000;
    padding: 0px;
    font-size: 16px;
    margin-top: 8px;
    border: none;
    cursor: pointer;
    outline: none!important;
    box-shadow: none!important;
}

.dropbtn:hover, .dropbtn:focus {
        background: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    top: 45px;
    overflow: visible;
    box-shadow: 0px -1px 14px 4px rgba(0,0,0,0.2);
    z-index: 1;
    left: 14px;
    border-radius: 6px;
}
.dropdown-content:before{
content: '';
    position: absolute;
    right: 18%;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    clear: both;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.my_account{
 min-width: 240px;
}
.my_account:before{
       left: 14%;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
#image-preview input {
  line-height: 200px;
  font-size: 200px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}
#image-preview label {
  position: absolute;
  z-index: 5;
  opacity: 0.8;
  cursor: pointer;
  background-color: #bdc3c7;
  width: 200px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.profile-picture{
    width: 100px;
    height: 100px;
     position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #ecf0f1;
  border-radius:50%;
}
.upload{
font-size: 13px;
}
.upload img{
    height: 12px;
    width: 12px;
        vertical-align: baseline;
}
.profile-details td{
     border: none;
    width: 200px;
}
.personal-details{
      font-family: OpenSans-Bold;
}
/*edit profile css*/
.edit-profile input,.edit-profile select{
border: 1px solid #c22143;
    border-radius: 2px;
    margin-bottom: 3%;
    padding: 6px;
    color: #000000;
    outline: none!important;
    box-shadow: none !important;
}
.imageThumb {
    border: 1px solid #c22143;
    padding: 1px;
    width: 118px;
    cursor: pointer;
    max-height: 88px !important;
}
.pip {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.remove {
      display: block;
    background: #c22143;
    border: 1px solid #c22143;
    color: white;
    padding: 3px 0px;
    text-align: center;
    cursor: pointer;
}
.remove:hover {
background: #c22143;
    color: white;
}
.edit-fields{
    position: relative;
    top:6px;
}
/*edit profile css*/
/*news css*/
.news{
    padding-bottom:12px;
}
.news h3{
color:#c22143;
}
.news img{
height:150px;
}
.news p{
    font-size: 14px;
}
.news span{
font-size: 13px;
    color:#5c5d5e;
}
.events_news {
    background: #e8e8e8;
    padding: 12px;
    margin-bottom: 12px;
}
.pagination {
       margin-top: 2%;
    margin-bottom: 2%;
}
.pagination a{
color:#c22143!important;
    }
/*news css*/