.pdt20{padding: 20px 0px;}
.mtb20{margin: 20px 0px;}
.mt20{margin:20px 0px 0px 0px}
.mb20{margin:0px 0px 20px 0px}
.mt10{margin:10px 0px 0px 0px}
.mb10{margin:0px 0px 10px 0px}
.mt26{margin:42px 0px 0px 0px }
.mt50{margin: 50px 0px 0px 0px}
@media (max-width: 640px) {
    .navbar-brand > img {
        margin-top: 5px;
    }
    .mt26{margin:0px 0px 0px 0px ;}
    .mt50{margin: 0px 0px 0px 0px}
}
@media (max-width: 980px) {
    .mt26{margin:18px 0px 0px 0px ;}
    .mt50{margin: 0px 0px 0px 0px}
}
#lightbox {
    background:rgba(0, 0, 0, 0.8);
    display: none;
    height: 4676px;
    position: absolute;
    width: 100%;
    z-index: 38 !important;
}
.freesignup{
    background: #d2143c none repeat scroll 0 0;
    color: #fff !important;
    font-size: 18px;
    position: fixed;
    right: -46px;
    top: 50%;
    transform: rotate(-90deg);
    z-index: 9;
    border-radius: 15px 15px 0px 0px;
    box-shadow: 0px 0px 8px #000;
    border: solid #fff;
}
.freesignup a{
    color: #fff;
    display: block;
    padding: 16px;
    font-family: "Open Sans";
    font-weight: 700;
}

header {
    background-image: url(../images/banner-img/banner-img-1.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;/*
    text-align: center;
    color: #fff;*/
    border-top:5px solid #0e5189 ;
}

header .intro-text {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 120px;
}


@media (max-width: 480px) {
    header .intro-text {
        padding-top: 65px;
    }
}
@media (max-width: 320px) {
    header .intro-text {
        padding-top: 35px;
    }
}
header .intro-text .intro-lead-in {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 25px
}

header .intro-text .intro-heading {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    header .intro-text {/*
        padding-top: 100px;
        padding-bottom: 400px*/
    }

    header .intro-text .intro-lead-in {
        font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: italic;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px
    }

    header .intro-text .intro-heading {
        font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 75px;
        line-height: 75px;
        margin-bottom: 50px
    }
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
}

@media (max-width: 640px) {
    .navbar-wrapper {
        z-index: 41;
    }
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-wrapper .navbar .container {
    width: auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
    /* Navbar positioning foo */
    .navbar-wrapper {
      /*  margin-top: 20px;*/
    }
    .navbar-wrapper .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }

    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}

.intro-con {
    position:relative;  border-radius:10px; margin:20px 40px 20px 0; padding:0px 11px 11px 11px;
    background:#f1f1f1;
    border: 3px solid #205589;z-index: 39 !important;
    transition: all 0.8s;
}
@media (max-width: 360px) {
    .intro-con {
        margin: 20px 0;
        width: 100%;
    }
}
@media(min-width:768px) {
    .intro-con{
        background:#f1f1f1;
    }
}
.reg-tital{font-size: 16px;color: #bf0a30; font-family: "Open Sans"; margin: 20px 0px 10px 0px; text-transform: uppercase;font-weight:600; }
.reg-box{background: #fff; padding: 15px;}
@media(max-width:360px) {
    .reg-tital{font-size: 14px;}
}
@media(max-width:320px) {
    .reg-tital{font-size: 12px;}
}
/*Social Section css*/
.social-box{
    background: #bf0a30;
}
.social-box-left{font-size:16px; color: #fff; font-family: "Open Sans";}
.social-box-left p{padding: 0px 0px 0px 50px; margin: 0px;}
@media (max-width: 980px) {
 .social-box-left {
        height: 70px;
    }
}
.social-box-right{color: #fff;font-size: 18px; font-family: "Open Sans"; font-weight: 600; text-transform: uppercase;}
.social-hd{padding-top: 8px;text-align: right;}
@media (max-width: 640px) {
    .social-hd{text-align: left;}
}
/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}
.socialcontainer {
    border-left:none; border-right:none; margin:20px 0; text-align:center;
}
/* footer social icons */
.social-network a.icoRss {
    background-color: #fff;
}
.social-network a.icoFacebook {
    background-color:#fff;
}
.social-network a.icoTwitter {
    background-color:#fff;
}
.social-network a.pinterest {
    background-color:#fff;
}
.social-network a.icoVimeo {
    background-color:#fff;
}
.social-network a.instagram {
    background-color:#fff;
}
/*Hover*/
.social-network a.icoRss:hover {
    background-color: #fff;
}
.social-network a.icoFacebook:hover {
    background-color:#fff;
}
.social-network a.icoTwitter:hover {
    background-color:#fff;
}
.social-network a.pinterest:hover {
    background-color:#fff;
}
.social-network a.icoVimeo:hover {
    background-color:#fff;
}
.social-network a.instagram:hover {
    background-color:#fff;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.pinterest:hover i, .social-network a.icoVimeo:hover i, .social-network a.instagram:hover i {
    color:#d2143c !important;
}
a.socialIcon:hover, .socialHoverClass {
    color:#000;
}
.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 44px;
    height: 44px;
    font-size:20px;
}
.social-circle li a:hover{color: #000 !important; }
.social-circle li i {
    margin:0;
    line-height:44px;
    text-align: center;
}
.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #000;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.social-circle li a i:hover{
    color: #000;
}
/*About us csss*/
#aboutus{background: #f9f9f9;padding:30px 0 10px; text-align: center;}
.hd-typ1{
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans";
    font-size: 30px;
    color: #bf0a30;
    font-weight: 700;
    text-transform: uppercase;
}
.hd-typ1 span {
    color: #205589;
}
.hd-typ3{
    margin: 25px 0 20px 0;
    padding: 0px;
    font-family: "Open Sans";
    font-size: 22px;
    color: #bf0a30;
    font-weight: 600;
}
#aboutus p{
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin: 0px;
    font-weight: 400;
}

/*our members*/
#our-members{background: url("../images/members-bg.png") no-repeat top center #fff;padding: 30px 0 0px; text-align: center;}
.pre-typ1{
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin: 25px 0 20px 0;
    font-weight: 400;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
@media (max-width: 360px) {
    .carousel {

        padding: 0px;
    }
}
/* Reposition the controls slightly */
.carousel-control {
    left: 500px;
    top: 160px;
}
.carousel-control.right {
    right: 480px;
}

@media (max-width: 1024px) {
    .carousel-control{
        top: 140px;
    }
    .carousel-control {
        left: 400px;
    }
    .carousel-control.right {
        right: 380px;
    }
}
@media (max-width: 980px) {
    .carousel-control{
        top: 100px;
    }
    .carousel-control {
        left: 290px;
    }
    .carousel-control.right {
        right: 270px;
    }
}
@media (max-width: 640px) {
    .carousel-control{
        top: 600px;
    }
    .carousel-control {
        left: 220px;
    }
    .carousel-control.right {
        right: 213px;
    }

}
@media (max-width: 480px) {
    .carousel-control{
        top: 410px;
    }
    .carousel-control {
        left: 159px;
    }
    .carousel-control.right {
        right: 143px;
    }
}
@media (max-width: 360px) {
    .carousel-control{
        top: 350px;
    }
    .carousel-control {
        left: 70px;
    }
    .carousel-control.right {
        right: 70px;
    }
}
@media (max-width: 320px) {
    .carousel-control{
        top: 280px;
    }
    .carousel-control {
        left: 70px;
    }
    .carousel-control.right {
        right: 70px;
    }
}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
    background: #333333;
}


#popular-niche-top{
    padding: 0px;
    margin-bottom: 0px;
    color: inherit;
    background: url(../images/members-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 43px;
    padding-bottom: 0px;
}

#popular-niche{
    padding: 0px;
    margin-bottom: 0px;
    color: inherit;
    background: url(../images/members-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 43px;
    padding-bottom: 70px;
}

#how-work{
    padding: 0px;
    margin-bottom: 0px;
    color: inherit;
    background: url(../images/how-work-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 43px;
    padding-bottom: 70px;
}
.hd-typ4{
    margin: 0 0 20px;
    padding: 0px;
    font-family: "Open Sans";
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.how-work-box{
	border:1px solid #bf0a30;
	background:#fff;
	height:180px;
}
.how-work-box p{
	color:#000;
	font-size:13px;
	 font-family: "Open Sans";
	 text-align:center;
	 margin:0px;
	 padding:20px 10px 0px 10px;
}
.hd-typ5{
  border: 15px solid rgba(0,0,0,0);
  border-bottom: 0 solid;
  border-top: 44px solid #bf0a30;
  margin:0px 15px;
}
.hd-typ5 h3{
	color: #fff;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    left: 24%;
    margin: -43px 0 0 0 ;
    padding: 0;
    text-align: center !important;
    text-transform: uppercase;
}
.hd-typ6{
    margin: -35px 0 0 0 !important;
}
@media (max-width: 1024px) {
    .hd-typ5 h3{
        font-size: 16px;
        font-weight: 700;
    }
    .how-work-box p{
        padding: 25px 10px 0;
    }
}
#overview-box{
	padding:30px 0px 50px 0px;
	background:url(../images/over-view-bg.jpg) no-repeat right top #fff;
	min-height:685px;
}
@media (max-width: 980px) {
    #overview-box{
        background:url(../images/over-view-bg.jpg) no-repeat 130px bottom #fff;
    }
}
@media (max-width: 800px) {
    #overview-box{
        background:url(../images/over-view-bg.jpg) no-repeat 20px bottom #fff;
    }
}
.hd-typ7{
	background:url(../images/over-view-tital.png) no-repeat 300px 0px;
	padding-top:25px;
	height:103px;
}
.hd-typ7 h2{
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans";
    font-size: 30px;
    color: #bf0a30;
    font-weight: 600;
    text-transform: uppercase;
}
.hd-typ7 span {
    color: #205589;
}
.hd-typ7 span span{
    color: #205589;
	font-size:22px;
}

@media (max-width: 480px) {
    .hd-typ7 {
        background: rgba(0, 0, 0, 0) url("../images/over-view-tital.png") no-repeat scroll 203px 0;
    }
    .hd-typ7 h2 {
        font-size: 23px;
    }
    .hd-typ7 span span {
        font-size: 18px;
    }
}
@media (max-width: 360px) {
    .hd-typ7 {
        background: none;
    }
}
.txt-typ1 p{color:#000;font-family: "Open Sans"; font-size:16px;}

#category-box{
    background: #a50b53;
    color: #fff;
    text-align: center;
}
.catbox1{background: #a50b53; padding: 0px !important;}
.catbox2{background: #c10e62; padding: 0px !important;}
.catbox3{background: #e11373; padding: 0px !important;}
.hd-typ12{
    margin: 0px;
    padding: 30px 0 0 0 ;
    font-family: "Open Sans";
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.cat-img{padding: 20px 0px; min-height: 200px;}
.cat-txt1{background: #900a48; color: #fff;font-size: 14px; font-family: "Open Sans";font-weight: 400; padding: 20px 0px; min-height: 140px;}
.cat-txt1 p{ width: 80%; margin: 0 auto; line-height: 25px;}
.cat-txt2{background: #a80c55; color: #fff;font-size: 14px; font-family: "Open Sans";font-weight: 400; padding: 20px 0px; min-height: 140px;}
.cat-txt2 p{ width: 80%; margin: 0 auto; line-height: 25px;}
.cat-txt3{background: #c41164; color: #fff;font-size: 14px; font-family: "Open Sans";font-weight: 400; padding: 20px 0px; min-height: 140px;    }
.cat-txt3 p{ width: 80%; margin: 0 auto; line-height: 25px;}

@media (max-width: 1280px) {
    .hd-typ12{
        min-height: 190px;
    }
    .cat-txt1{
        min-height: 220px;
    }
    .cat-txt3{
        min-height: 220px;
    }
}
@media (max-width: 766px) {
    .hd-typ12{
        min-height: 100px;
    }
    .cat-txt1{
        min-height: auto;
    }
    .cat-txt3{
        min-height: auto;
    }
}
@media (max-width: 640px) {
    .hd-typ12{
        min-height: auto;
    }
    .cat-txt1{
        min-height: auto;
    }
    .cat-txt3{
        min-height: auto;
    }
}

#cus-service{
    padding:30px 0 20px;
    text-align: center;
}
.pre-typ2{
    padding: 55px 0px 20px 0px;
}
.pre-typ2 p {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin: 0px;
    font-weight: 500;
    padding-bottom: 20px;
}
.pre-typ2 p a{
    color: #bf0a30;
}
.pre-typ2 p a:hover{
    color: #205589;
    text-decoration: none;
}
.service-box{
    text-align: center;
}
@media (max-width: 640px) {
    .service-box{
     height: 200px;
    }
}
.pre-typ3 p{
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin: 0px;
    font-weight: 500;
    padding-bottom: 20px;
}

#localdatinglinks{
    padding:30px 0 20px;
    text-align: center;
    background: #f9f9f9;
}
.ft-lnk-box{
    background: #fff;
    border-radius: 20px;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding-bottom: 20px;
}
.hd-typ9{
    border: 15px solid rgba(0,0,0,0);
    border-bottom: 0 solid;
    border-top: 40px solid #205589;
    margin:0px 15px;
}
.hd-typ9 h3{
    color: #fff;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    margin: -29px 0 0 0 ;
    padding: 0;
    text-align: center !important;
}
.hd-typ9 h3 a{
    color: #fff;
}
.ft-lnk-box ul{
    margin: 15px 0 0 15px;
    padding: 0px;
}
.ft-lnk-box ul li{
    list-style-type: none;text-align: left;
    margin: 5px 0px;
}
.ft-lnk-box ul li a{
    color: #d2143c;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
}
.ft-lnk-box ul li a:hover{
    color: #205589;
    text-decoration: none;
}
#footerup{
    background: #3e0318;
    color: #fff;
    padding: 0px 0px 30px 0px;
}
.hd-typ10{
    border: 15px solid rgba(0,0,0,0);
    border-bottom: 0 solid;
    border-top: 60px solid #fff;
    width: 390px;
    margin: 0 auto;
}
@media (max-width: 640px) {
    .hd-typ10{
        width: 330px;
    }
}
@media (max-width: 320px) {
    .hd-typ10{
        width: 280px;
    }
}
.hd-typ10 h3{
    color: #fff;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
    margin: -41px 0 0 0 ;
    padding: 0;
    text-align: center !important;
}
.hd-typ10 h3 a{
    margin-right: 5px;
}
.hd-typ10 h3 a:hover{
    text-decoration: none;
}
.ft-lnk-box2 ul{
    padding: 0px;
}
.ft-lnk-box2 ul li{
    list-style-type: none;
    background: url("../images/left-errwo.png") no-repeat left 6px;
    padding-left: 20px;
    font-family: "Open Sans";
    margin-bottom: 10px;
}
.ft-lnk-box2 ul li a{
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans";
    transition: color 300ms, background-color 300ms;
}
.ft-lnk-box2 ul li a:hover{
    text-decoration: none;
    color: #ff0036;

}
.hd-typ11{
    color: #fff;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-right: 0px;
    line-height: 20px;
}
ul.social-network2 {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network2 li {
    display: inline;
    margin: 0 5px;
}
.socialcontainer2 {
    border: solid 1px #d2143c;
    border-left: none;
    border-right: none;
    margin: 20px 0;
    text-align: center;
    padding: 5px 0px;
}
/* footer social icons */
.social-network2 a.icoRss {
    background-color: #d2143c;
}
.social-network2 a.icoFacebook {
    background-color:#d2143c;
}
.social-network2 a.icoTwitter {
    background-color:#d2143c;
}
.social-network2 a.pinterest {
    background-color:#d2143c;
}
.social-network2 a.icoVimeo {
    background-color:#d2143c;
}
.social-network2 a.instagram {
    background-color:#d2143c;
}
/*Hover*/
.social-network2 a.icoRss:hover {
    background-color: #d2143c;
}
.social-network2 a.icoFacebook:hover {
    background-color:#d2143c;
}
.social-network2 a.icoTwitter:hover {
    background-color:#d2143c;
}
.social-network2 a.pinterest:hover {
    background-color:#d2143c;
}
.social-network2 a.icoVimeo:hover {
    background-color:#d2143c;
}
.social-network2 a.instagram:hover {
    background-color:#d2143c;
}
.social-network2 a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network2 a.pinterest:hover i, .social-network a.icoVimeo:hover i, .social-network a.instagram:hover i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#fff;
}
.social-circle2 li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 27px;
    height: 27px;
    font-size:16px;
}
.social-circle2 li i {
    margin:0;
    line-height:27px;
    text-align: center;
}
.social-circle2 li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle2 i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
#footer{
    background: #d2143c;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 13px;
}

/*Contact us page css*/
.frm-box{
    text-align: left;
}
.frm-box p{
    text-align: left;
    padding-top: 20px;
}
.frm-box textarea{
    margin-top: 7px;
    min-height: 120px;
    text-align: left;
    width: 100%;
}
#contactus{ background: #fff url("../images/over-view-bg.jpg") no-repeat scroll right bottom;padding: 80px 0px 55px 0px; text-align: center;}
@media (max-width: 980px) {
    #contactus{ background: #fff ;}
}
.copyright a{color: #fff;transition: all 0.5s;}
.copyright a:hover{color: #210208;}
.white-txt{color: #fff; font-size: 14px;}

.twitter-timeline, .twitter-timeline-rendered{height: 300px !important;}


/*BLOG CSS*/

#blog{background: #f9f9f9;padding:30px 0 10px; border: 1px solid #bf0a30; border-width: 1px 0px 1px 0px;}
.blog-title{text-align: center;}
.blog-title2 h2 {
    margin: 10px 0 20px 0;
    padding: 0px;
    font-family: "Open Sans";
    font-size: 20px;
    color: #bf0a30;
    font-weight: 600;
}
.blog-post{ padding: 10px 0px; border-bottom:1px solid #e0e0e0;  margin: 10px 0px;}
.mp0{margin: 0px !important; padding: 0px !important;}

.blog-content p{font-size: 16px;}
/*BLOG CSS END*/