.full-width{
    width:100%
}
.absolutely{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.full-width{
    width:100%
}
.absolutely{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media only screen and (max-width: 480px){
    .p-horo-grahanila-wrap{
        overflow-y:scroll
    }
    
    .floatText p{
        
        padding:10px;
    }
    
    .makefull{
        
        width:100% !important;
    }
    
    
     .makehidemob{

        display: none;
    }
    
    
    .mobtitle{

font-family: 'Mukta Malar', sans-serif;
    font-size: 19px;
    text-align: left;
    color: #cc0303;
    line-height: 32px;
    margin-top: 0px;


    }
    
    .regpanel{

        width: 100% !important
    }
    
     .reginput{

        width: 100% !important
    }

     #w-login{

        width: 100% !important
    }


    .makegrid {
    
    margin-top: 20px;
}

.makecenter1{

    text-align: center;
}


    .get-started {
    padding: 0px 0px !important;
}


#first-slider .carousel .item {
    min-height: 180px !important;
    height: 100%;
    width: 100%;
}


#first-slider .slide2 h3, #first-slider .slide1 h3, #first-slider .slide3 h3{
    display: none;
}

.nomobspace{

    padding: 0px !important;
}


.register .register-submit{
    /*position:absolute;*/
    bottom:0;
    left:0;
    width: 90% !important;
    height: 50px;
    margin: 0px auto !important;
    text-align:center;
    background-color: #fbd208;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f006), to(#f9c509));
    /*background:#fdd606*/
}

.desktop-login{

    display: block;
    clear: both;
    
}

.desktop-header .desktop-login input[type=text], .desktop-header .desktop-login input[type=password]{
    
   width:100% !important; 
    
}


.logo{

    width: 200px;
    float: left;
}



}
@media only screen and (min-width: 480px){
    .wrap,.all-communities{
        padding:0 30px
    }
    .register .title .free,.register .title .with,.register .title .social{
        display:inline-block;
        vertical-align:middle;
        margin-top:0;
        margin-bottom:0
    }
    .register .title .free{
        margin-right:10px
    }
    .register .title .social{
        padding-top:5px
    }
    .find-match{
        margin:20px auto 0;
        padding:30px 30px 0
    }
    .find-match .dummy-bg{
        margin-left:-30px;
        margin-right:-30px
    }
    .overflow-v{
        overflow-x:hidden
    }
    .saved-searches{
        width:460px;
        margin-left:auto;
        margin-right:auto
    }
    .searching-partner{
        width:460px;
        margin:auto auto 20px
    }
    .default-popup .default-section.mobile-app{
        width:320px
    }
    .service-table tr th,.service-table tr td{
        font-size:14px
    }
}
@media only screen and (min-width: 480px){
    .verify{
        padding:0
    }
    .verify .inner{
        display:none
    }
    .verify .inner input[type="text"]{
        width:100px;
        margin:8px 0 0
    }
    .verify .inner.shown{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row
    }
    .verify .inner.shown input[type="text"],.verify .inner.shown .add-hobby{
        margin-right:10px
    }
    .verify .inner.shown .add-hobby{
        height:35px;
        margin-top:24px
    }
    .verify .inner.shown .add-hobby:last-of-type{
        margin-right:0
    }
    .new-profiles{
        width:300px
    }
    .pay-method .provider{
        display:inline-block
    }
    .pay-method .provider:first-of-type{
        margin-right:10px
    }




}
@media only screen and (min-width: 768px){
    footer .premium{
        width:100%;
        overflow:hidden
    }







    footer .footer-social a{
        display:inline-block;
        vertical-align:middle;
        margin:0 15px 0 0
    }
    footer .footer-social a.app:first-of-type{
        margin-right:30px
    }
    footer .footer-social a.app:last-of-type{
        margin-left:20px
    }
    footer .footer-social a.social{
        margin:0 10px 0 0
    }
    footer .privacy-terms{
        text-align:center;
        margin-top:25px
    }
    footer .privacy-terms a{
        display:inline-block;
        vertical-align:middle;
        margin-bottom:0;
        padding:0 20px;
        border-right:1px solid #f9f9f9
    }
    footer .privacy-terms a:last-child{
        border-right:none
    }
    .notify-popup .notify-content,.message-popup .notify-content{
        width:500px
    }
    .message-popup .contact-section,.message-popup .horoscope-section{
        width:700px
    }
    .message-popup .contact-section p a,.message-popup .horoscope-section p a{
        font:400 14px "Roboto"
    }
    .default-popup .default-section,.default-popup2 .default-section,.default-popup3 .default-section{
        width:500px
    }
    .default-popup .default-section.fb-form,.default-popup2 .default-section.fb-form,.default-popup3 .default-section.fb-form{
        width:75%
    }
    .default-popup .default-section.service-details,.default-popup2 .default-section.service-details,.default-popup3 .default-section.service-details{
        width:600px
    }
    .communities{
        overflow:hidden;
        padding-left:30px;
        padding-right:30px
    }
    .communities a{
        width:calc(100% / 5);
        float:left
    }
    .communities a.all{
        margin-top:15px
    }
    .communities .caste span{
        min-width:0
    }
    .register-submit.inverse{
        width:500px
    }
    .faq-title.short{
        font-size:30px;
        margin-top:0
    }
    .faq-title.short span{
        padding-top:0
    }
    .result-instance .result-pic{
        text-align:left
    }
    .result-instance .name span,.result-instance .name em{
        display:inline-block;
        margin:0
    }
    .result-instance .name span{
        margin-right:15px
    }
    .result-instance .name em:after{
        content:'|';
        padding:0 10px
    }
    .result-instance .name em:last-of-type:after{
        display:none
    }
    .result-instance .connected{
        flex-direction:row;
        justify-content:flex-start
    }
    .result-instance .connected a,.result-instance .connected button{
        padding:4px 30px;
        margin:0 10px 0 0
    }
    .result-instance .connected a:last-child,.result-instance .connected button:last-child{
        margin-right:0
    }
    .faq-call{
        text-align:center
    }
    .faq-call span,.faq-call strong{
        margin:0;
        display:inline-block;
        vertical-align:middle;
        margin-right:30px
    }
    .pay-form .mt-adjust{
        margin-top:43px
    }
    .pay-form .typer{
        margin:0
    }
    .pay-form input[type="submit"]{
        margin-top:8px
    }
    .payment-container .inner{
        width:700px;
        margin-left:auto;
        margin-right:auto
    }
    .edit-profile .p-profile-wrap .p-head-wrap .p-hd,.edit-profile .p-profile-wrap .p-head-wrap .p-for,.edit-profile .p-profile-wrap .p-head-wrap .p-id,.edit-profile .p-profile-wrap .p-head-wrap .p-verified{
        display:inline-block;
        vertical-align:middle
    }
    .edit-profile .p-profile-wrap .p-head-wrap .p-for{
        padding:0 15px;
        margin:0 15px 0 -15px;
        border-left:1px solid #919090;
        border-right:1px solid #919090
    }
    .edit-profile .p-profile-wrap .p-head-wrap .p-hd:after{
        display:none
    }
    .confirmation-container .c-details span,.confirmation-container .c-details em{
        display:inline-block;
        vertical-align:middle
    }
    .confirmation-container .c-details span{
        width:50%
    }
    .confirmation-container .c-details span:after{
        float:right;
        content:':'
    }
    .confirmation-container .c-details em{
        padding-left:30px
    }
    .filter-section .filter-accordion{
        width:700px;
        margin-left:auto;
        margin-right:auto
    }
    .messages-contact span,.messages-contact p{
        font:400 14px "Roboto"
    }
    .ignore-this,.print-prof{
        display:inline-block;
        margin:0 0 0 10px;
        vertical-align:middle
    }
    .pay-method{
        margin:40px 0 15px
    }
    .pay-method .via,.pay-method .provider{
        display:inline-block;
        vertical-align:middle;
        margin-bottom:0
    }
    .pay-method .via{
        margin-right:45px
    }
    .pay-method .provider:first-of-type{
        margin-right:30px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .go-help{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-around;
        align-items:stretch;
        margin-bottom:15px;
        overflow:hidden
    }
    .go-help .go-to,.go-help .happy-help{
        margin:0
    }
    .go-help .happy-help .title{
        margin-top:50px
    }
}
@media only screen and (min-width: 992px){
    .story-relative{
        position:relative;
        overflow:hidden
    }

    .no-space{

    padding-left: 0px;
    padding-right: 0px;
}
    .story-relative .profile-absolute{
        position:absolute;
        top:0;
        right:0;
        height:100%
    }
    .story-relative .profile-absolute .profile-of-day{
        min-height:0
    }
    .story-relative .profile-absolute .profile-of-day img{
        margin-bottom:0
    }
    .story-relative .profile-absolute a{
        height:calc(100% - 17px)
    }
    .side-communities.inverse a{
        width:calc(100% / 8);
        float:left
    }
    .go-to{
        background-size:auto;
        background-position:top right
    }
    .search-wrapper{
        width:90%;
        margin:10px auto;
        
    }
    .search-wrapper.common-search{
        width:100%
    }
    .search-wrapper .search-criteria{
        width:calc(100% / 3);
        float:left;
        margin-bottom:0
    }
    .search-wrapper .search-criteria:nth-of-type(1),.search-wrapper .search-criteria:nth-of-type(2),.search-wrapper .search-criteria:nth-of-type(4),.search-wrapper .search-criteria:nth-of-type(5){
        border-right:none
    }
    .search-wrapper .search-criteria:nth-of-type(4),.search-wrapper .search-criteria:nth-of-type(5){
        border-top:none
    }
    .search-wrapper .search-criteria:nth-of-type(6){
        border-bottom:none
    }
    .search-by{
        margin-top:25px
    }
    .search-tabs{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        border-bottom:1px solid #d7d7d7
    }
    .search-tabs span{
        width:150px;
        padding:10px 0;
        text-align:center;
        display:inline-block
    }
    .search-tabs span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        position:absolute;
        bottom:-7px;
        left:0;
        content:'';
        width:100%;
        height:3px;
        background:#206db2;
        opacity:0
    }
    .search-tabs span.active{
        padding-left:0
    }
    .search-tabs span.active:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        opacity:1
    }
    .search-tabs span.active:after{
        display:none
    }
    .exclusive{
        background:url(../images/exclusive-bg.jpg) no-repeat;
        background-repeat:repeat
    }
    .exclusive .inner{
        width:60%;
        background:#fff
    }
    .flex-992{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-between
    }
    .flex-992 .adv-select{
        width:calc((100% / 2) - 15px)
    }
    .flex-992 .adv-select.straight{
        width:100%
    }
    .here{
        margin:0
    }
    .discount .content{
        padding-top:15px
    }
    .discount .content span,.discount .content p,.discount .content a{
        display:inline-block;
        vertical-align:middle;
        margin:0
    }
    footer .premium a{
        border:1px solid #608eb7;
        background:#fdd606
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .intimate-join{
        margin-top:30px
    }
    .side-panel .intimate-join{
        margin-top:10px
    }

    .no-space{

    padding-left: 0px;
    padding-right: 0px;
}
}
@media only screen and (min-width: 1200px){
    .mobile{
        display:none !important
    }
    .desktop{
        display:block
    }
    a,input[type="submit"]{
        /*-webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in*/
    }
    a:hover,input[type="submit"]:hover{
        /*-webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in*/
    }
    .totop{
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        background:url(../images/up.png) no-repeat;
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        position:fixed;
        right:25px;
        bottom:25px;
        width:30px;
        height:30px;
        background-color: #ece5df;
        background-size:30px;
        z-index:1000;
        
        cursor:pointer
    }
    .totop:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        opacity:0.5
    }
    .accordion-wrapper .accordion{
        padding:0 40px 15px
    }
    .faq-searchbox .submit-holder{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        width:210px
    }
    .faq-searchbox .submit-holder:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#144571
    }
    @-webkit-keyframes bluranimation{
        0%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
        50%{
            -webkit-transform:scale(0.92);
            -moz-transform:scale(0.92);
            transform:scale(0.92)
        }
        100%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
    }
    @-moz-keyframes bluranimation{
        0%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
        50%{
            -webkit-transform:scale(0.92);
            -moz-transform:scale(0.92);
            transform:scale(0.92)
        }
        100%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
    }
    @keyframes bluranimation{
        0%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
        50%{
            -webkit-transform:scale(0.92);
            -moz-transform:scale(0.92);
            transform:scale(0.92)
        }
        100%{
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            transform:scale(1)
        }
    }
    @-webkit-keyframes rotation{
        0%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
        50%{
            -webkit-transform:rotateY(360deg);
            -moz-transform:rotateY(360deg);
            transform:rotateY(360deg)
        }
        100%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
    }
    @-moz-keyframes rotation{
        0%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
        50%{
            -webkit-transform:rotateY(360deg);
            -moz-transform:rotateY(360deg);
            transform:rotateY(360deg)
        }
        100%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
    }
    @keyframes rotation{
        0%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
        50%{
            -webkit-transform:rotateY(360deg);
            -moz-transform:rotateY(360deg);
            transform:rotateY(360deg)
        }
        100%{
            -webkit-transform:rotateY(0deg);
            -moz-transform:rotateY(0deg);
            transform:rotateY(0deg)
        }
    }
    @-webkit-keyframes aboutAnimation{
        0%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
        50%{
            -webkit-filter:grayscale(100%);
            -moz-filter:grayscale(100%);
            filter:grayscale(100%)
        }
        100%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
    }
    @-moz-keyframes aboutAnimation{
        0%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
        50%{
            -webkit-filter:grayscale(100%);
            -moz-filter:grayscale(100%);
            filter:grayscale(100%)
        }
        100%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
    }
    @keyframes aboutAnimation{
        0%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
        50%{
            -webkit-filter:grayscale(100%);
            -moz-filter:grayscale(100%);
            filter:grayscale(100%)
        }
        100%{
            -webkit-filter:grayscale(0%);
            -moz-filter:grayscale(0%);
            filter:grayscale(0%)
        }
    }
    .need-assistance a:hover{
        color:#ceae02
    }
    .default-container{
        padding:30px 50px
    }
    footer{
        background:url(../images/footer-strip.png) no-repeat;
        background-size:contain;
        padding:40px 0 0;
        position:relative;
        overflow:hidden;
        background-color:transparent;
        background-position:top center;
        z-index:1000
    }
    footer.no-bg{
        background:none;
        padding-top:0px
    }
    footer .footer-content{
           /*background: #2d712d;*/
        padding:70px 0px 30px;
        overflow:hidden;
        background: url(../images/fg.png) top left repeat-x #145d14;
        /*background-repeat: repeat;*/
        background-color: #145d14;
       /* background-image: url(../images/footer.png);*/
    }
    footer .premium{
        width:980px;
        margin:auto auto 30px
    }
    footer .premium a span{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    footer .premium a:hover{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.65);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.65);
        box-shadow:0 0 10px rgba(0,0,0,0.65);
        border-color:#fdd606
    }
    footer .premium a:hover span{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#185387;
        color:#fdd606
    }
    footer .footer-links a{
        padding:5px 5px 5px 25px;
        margin-bottom:5px
    }
    footer .footer-links a:before,footer .footer-links a:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    footer .footer-links a:before{
        top:8px
    }
    footer .footer-links a:after{
        position:absolute;
        bottom:0;
        left:25px;
        content:'';
        width:0;
        height:1px;
        background:#fdd606
    }
    footer .footer-links a:hover{
        color:#fdd606
    }
    footer .footer-links a:hover:before,footer .footer-links a:hover:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    footer .footer-links a:hover:after{
        width:50px
    }
    footer .footer-links a:hover:before{
        -webkit-transform:rotateY(-90deg);
        -moz-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }
    footer .footer-social a:hover{
        -webkit-box-shadow:0 0 20px rgba(0,0,0,0.99);
        -moz-box-shadow:0 0 20px rgba(0,0,0,0.99);
        box-shadow:0 0 20px rgba(0,0,0,0.99)
    }
    footer .footer-social a.social:hover{
        background-color:#fdd606
    }
    footer .privacy-terms a:hover{
        color:#fdd606
    }
    footer.search-results-page{
        margin-top:250px;
        padding:0;
        background:none
    }
    footer.search-results-page.no-mt{
        margin-top:20px
    }
    .find-match{
        width:100%;
        margin-top:0
    }
    .footnote span a:hover{
        color:#fdd606
    }
    .notify-popup .notify-content .ok:hover,.message-popup .notify-content .ok:hover{
        background:transparent;
        border-color:#fdd606;
        color:#fdd606
    }
    .message-popup .contact-section a:hover,.message-popup .horoscope-section a:hover{
        background:transparent;
        border-color:#fdd606;
        color:#fdd606
    }
    .confirm-deactivate a:hover,.confirm-deletion a:hover,.confirm-reactivate a:hover,.message a:hover{
        background:transparent;
        border-color:#fdd606;
        color:#fdd606
    }
    .about{
        /*background:url(../images/about-bg.jpg) no-repeat;
        background-position:bottom center;*/
        /*background-size:contain;
        padding:40px 60px*/
    }
    .about .title strong{
        position:relative;
        padding-bottom:5px
    }
    .about .title strong:after{
        position:absolute;
        bottom:0;
        left:0;
        content:'';
        width:100%;
        height:1px;
        background:#fdd606
    }
    .about.inverse{
        background:url(../images/about-inverse-bg.jpg) no-repeat;
        background-size:contain;
        background-position:top center
    }
    .about.inverse .about-icon:before{
        -webkit-transition:all .3s ease-in;
        -moz-transition:all .3s ease-in;
        transition:all .3s ease-in
    }
    .about.inverse .about-icon:hover:before{
        -webkit-transition:all .3s ease-in;
        -moz-transition:all .3s ease-in;
        transition:all .3s ease-in;
        -webkit-transform:scale(1.25);
        -moz-transform:scale(1.25);
        transform:scale(1.25)
    }
    .about-register{
        background:url(../images/cheesy-couple2.jpg) no-repeat;
        background-size:108px 107px;
        background-position:bottom right;
        background-color:#f3f3f3;
        position:relative
    }
    .about-register:before{
        position:absolute;
        bottom:0;
        left:0;
        background:url(../images/about-register-bg.jpg) no-repeat;
        width:95px;
        height:120px;
        background-size:95px 120px;
        content:''
    }
    .about-intimate{
        background:url(../images/about-intimate-bg.jpg) no-repeat;
        background-size:contain;
        background-position:bottom center;
        padding:60px 60px 60px 550px;
        position:relative;
        min-height:400px
    }
    .about-intimate:before{
        -webkit-animation:aboutAnimation 4s infinite,linear;
        -moz-animation:aboutAnimation 4s infinite,linear;
        animation:aboutAnimation 4s infinite,linear;
        position:absolute;
        top:50%;
        left:60px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        background:url(../images/about-intimate1.jpg) no-repeat;
        content:'';
        width:335px;
        height:335px;
        background-size:335px;
        margin-top:-168px
    }
    .about-register a:hover,.about-intimate a:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .communities{
        overflow:hidden;
        padding-left:60px;
        padding-right:60px
    }
    .communities a{
        width:calc(100% / 8);
        margin-bottom:0
    }
    .communities a.caste{
        margin-bottom:0;
        text-align:left
    }
    .communities a.caste span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .communities a.caste:hover{
        color:#fdd606
    }
    .communities a.caste:hover span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .communities a.all{
        text-align:right
    }
    .communities a.all span{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .communities a.all span:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#206db2;
        color:#fdd606;
        border-color:#fdd606
    }
    .basic{
        padding:45px 50px 20px
    }
    .spanners{
        margin-top:30px
    }
    .spanners [class^="col-"]:nth-child(1):after,.spanners [class^="col-"]:nth-child(2):after{
        position:absolute;
        top:50%;
        right:60px;
        content:'';
        width:1px;
        height:150px;
        margin-top:-75px;
        background:#a6c5e0
    }
    .spanners span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .spanners span:hover:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .default-popup .default-section.password-protect,.default-popup2 .default-section.password-protect,.default-popup3 .default-section.password-protect{
        width:700px
    }
    .default-popup .default-section.view-password,.default-popup2 .default-section.view-password,.default-popup3 .default-section.view-password{
        background:url(../images/view-password-bg.jpg) no-repeat;
        background-position:bottom right;
        background-color:#206db2;
        background-size:362px 128px
    }
    .default-popup .default-section.upgrade-pack,.default-popup2 .default-section.upgrade-pack,.default-popup3 .default-section.upgrade-pack{
        background:url(../images/upgrade-bg.jpg) no-repeat;
        background-position:center left;
        padding:45px 45px 45px 380px;
        width:920px;
        background-color:#206db2
    }
    .default-popup .default-section.fb-form,.default-popup2 .default-section.fb-form,.default-popup3 .default-section.fb-form{
        background:url(../images/fb-bg.jpg) no-repeat;
        padding-left:400px;
        background-position:top left;
        width:900px;
        background-color:#fff
    }
    .password-protect{
        position:relative;
        overflow:hidden
    }
    .password-protect .inner{
        position:relative;
        z-index:10;
        text-align:left;
        padding:30px 0 30px 170px
    }
    .password-protect .inner:before{
        background:url(../images/password-protect-lock.png) no-repeat;
        position:absolute;
        top:50%;
        left:30px;
        content:'';
        width:104px;
        height:157px;
        background-size:104px 157px;
        margin-top:-79px
    }
    .password-protect:before,.password-protect:after{
        content:'';
        position:absolute;
        top:50%;
        width:222px;
        height:220px;
        margin-top:-110px
    }
    .password-protect:before{
        background:url(../images/password-protect-before.jpg) no-repeat;
        background-size:222px 220px;
        left:0
    }
    .password-protect:after{
        background:url(../images/password-protect-after.jpg) no-repeat;
        background-size:222px 220px;
        right:0
    }
    .password-protect .close-default-popup{
        z-index:10
    }
    .popup-buttons input[type="submit"],.popup-buttons a,.popup-buttons input[type="button"]{
        padding:2px 45px
    }
    .popup-buttons input[type="submit"]:hover,.popup-buttons input[type="button"]:hover{
        background:transparent;
        color:#fff;
        border-color:#fff
    }
    .popup-buttons a:hover{
        background:#fff;
        color:#206db2
    }
    .popup-buttons a#erase-password:hover{
        background:transparent;
        color:#fdd606
    }
    .confirmation a:hover,.erase-password a:hover{
        background:#fff;
        color:#206db2
    }
    .discover-profile .decisions a:first-child:hover,.discover-profile .decisions a:last-child:hover{
        background:#fdd606;
        border-color:#fdd606;
        color:#206db2
    }
    .discover-profile .decisions a:first-child:hover span:before{
        background:url(../images/heart-filled-blue.svg) no-repeat;
        background-size:12px
    }
    .discover-profile .decisions a:last-child:hover span:before{
        background:url(../images/cancel-filled-blue.svg) no-repeat;
        background-size:12px
    }
    .discover-all:hover{
        color:#e76045
    }
    .content.all-communities{
        padding:0 50px
    }
    .all-communities{
        padding:0 50px
    }
    .all-communities [class^='col-']{
        padding-left:45px
    }
    .all-communities [class^='col-']:nth-of-type(1):after,.all-communities [class^='col-']:nth-of-type(2):after{
        position:absolute;
        top:0;
        right:45px;
        content:'';
        width:1px;
        height:calc(100% - 20px);
        background:#e2ecf5
    }
    .all-communities [class^='col-']:nth-of-type(1) a:last-of-type,.all-communities [class^='col-']:nth-of-type(2) a:last-of-type{
        margin-bottom:0
    }
    .all-communities a{
        margin-bottom:30px
    }
    .all-communities a span{
        position:relative
    }
    .all-communities a span:before,.all-communities a span:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        position:absolute;
        bottom:-4px;
        content:'';
        width:0;
        height:1px;
        background:#206db2
    }
    .all-communities a span:before{
        right:50%
    }
    .all-communities a span:after{
        left:50%
    }
    .all-communities a:hover{
        color:#206db2
    }
    .all-communities a:hover span:before,.all-communities a:hover span:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        width:50%
    }
    .all-communities p{
        background:url(../images/all-communities-bg.jpg) no-repeat;
        background-size:85px;
        background-position:bottom right;
        background-color:#0a5191;
        padding:35px 45px;
        text-align:center
    }
    .all-communities p strong{
        display:inline-block
    }
    .main-title{
        padding:15px 35px
    }
    .cropper-wrapper.full-page{
        padding-right:226px
    }
    .cropper-wrapper.full-page .crop-preview{
        position:absolute;
        top:0;
        right:0;
        width:226px;
        height:100%;
        display:table
    }
    .cropper-wrapper.full-page .crop-preview .v-align{
        display:table-cell;
        vertical-align:middle
    }
    .cropper-wrapper.full-page .crop-preview img{
        outline:1px solid #fff;
        outline-offset:6px;
        display:block;
        margin:auto
    }
    .cropper-wrapper.full-page .crop-preview img#canvas1{
        margin-bottom:30px;
        width:166px;
        height:164px
    }
    .cropper-wrapper.full-page .crop-preview img#canvas2{
        outline-offset:3px;
        width:49px;
        height:49px
    }
    .cropper-wrapper.full-page a:hover{
        background:transparent;
        color:#fdd606;
        border-color:#fdd606
    }
    .profile-of-day img{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .profile-of-day:hover{
        background:#144571
    }
    .profile-of-day:hover img{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    .misc-content{
        padding:0 50px !important
    }
    .misc-content .communities{
        padding:10px 15px
    }
    .misc-content .communities a.caste,.misc-content .communities a.all{
        font-size:12px
    }
    .misc-content .communities a.caste span{
        padding-left:25px
    }
    .misc-content .communities a.all span{
        padding:5px 40px 5px 20px
    }
    .misc-content .communities a.all span:after{
        top:5px;
        right:15px
    }
    .misc-content .communities .caste span:before{
        width:20px;
        height:20px;
        background-size:20px
    }
    .go-to .inner{
        background:url(../images/go-to-bg2.png) no-repeat;
        background-size:95px 120px;
        background-position:bottom right;
        background-color:#fff
    }
    .go-to .inner a:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .register{
       /* width:480px;*/
        float:right;
        padding:15px 15px 30px
    }
    .register .title{
        margin-bottom:10px
    }
    .register .register-submit{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .register .register-submit:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#fbdb06
    }
    .register.bottom-border{
        z-index:100
    }
    .register.bottom-border:after{
        position:absolute;
        bottom:-5px;
        left:0;
        width:100%;
        height:5px;
        background:#206db2;
        content:''
    }
    .search-strip .branch-locator{
        position:absolute;
        top:50%;
        right:0;
        background:url(../images/branch-locator.png) no-repeat;
        display:inline-block;
        cursor:pointer;
        width:29px;
        height:171px;
        background-size:29px 171px;
        margin-top:-95px
    }
    .search-wrapper .search-submit{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .search-wrapper .search-submit:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#10385c
    }
    .search-by a:hover{
        color:#fdd606
    }
    .login{
        height:100vh
    }
    .login .register{
        width:100%;
        float:none;
        padding-left:60px;
        padding-right:60px
    }
    .login .login-forgot{
        margin-top:30px
    }
    .login .login-forgot a:hover{
        color:#206db2
    }
    .login .login-forgot span a:hover{
        color:#ceae02
    }
    .register-submit.inverse{
        width:100%
    }
    .signup-page{
        background:url(../images/signup-bg.jpg) no-repeat;
        background-size:cover;
        background-attachment:fixed
    }
    .signup-page .login{
        width:480px;
        float:right
    }
    .signup-page .login .register{
        padding-left:50px;
        padding-right:50px
    }
    .signup-page .login .title-logo{
        margin:20px 0
    }
    .check-box .checkbox-caption a:hover{
        color:#fdd606;
        text-decoration:none
    }
    .check-box .checkbox-caption.inverse a:hover{
        color:#206db2
    }
    .search-result p,.search-result em{
        display:inline-block;
        margin:0
    }
    .search-result em{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        margin-left:10px
    }
    .search-result:hover{
        background:#dfdede
    }
    .search-result:hover em{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#206db2;
        color:#fff
    }
    .no-pl{
        padding-left:0
    }
    .no-pr{
        padding-right:0
    }
    .result-container .filter-section{
        float:left;
        width:255px;
        margin-bottom:30px;
        margin-bottom:50px;
        background:#f8f8f8
    }
    .result-container .result-section{
        float:right;
        width:calc(100% - 255px);
        min-height:102vh
    }
    .result-container .result-section.inverse{
        float:left;
        padding-right:25px
    }
    .result-section{
        padding:30px 50px
    }
    .result-section .result-title span,.result-section .result-title em{
        position:relative
    }
    .result-section .result-title span:before,.result-section .result-title em:before{
        position:absolute;
        content:''
    }
    .result-section .result-title span{
        padding-left:35px
    }
    .result-section .result-title span:before{
        background:url(../images/search-blue.svg) no-repeat;
        position:absolute;
        top:8px;
        left:0;
        width:30px;
        height:30px;
        background-size:22px
    }
    .result-section .result-title em{
        padding-right:30px
    }
    .result-section .result-title em:before{
        background:url(../images/title-down-arrow-blue.svg) no-repeat;
        position:absolute;
        top:9px;
        right:0;
        width:22px;
        height:22px;
        background-size:20px
    }
    .result-instance{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        overflow:hidden
    }
    .result-instance p{
        padding-left:30px;
        position:relative
    }
    .result-instance p:before{
        position:absolute;
        top:1px;
        left:0;
        background:url(../images/left-quote.svg) no-repeat;
        width:20px;
        height:20px;
        background-size:20px;
        content:''
    }
    .result-instance .result-pic{
        margin:0;
        float:left;
        width:166px
    }
    .result-instance .result-desc{
        float:right;
        width:calc(100% - 185px)
    }
    .result-instance .result-desc .min-height{
        min-height:50px
    }
    .result-instance .tags{
        margin-bottom:20px
    }
    .result-instance:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 5px rgba(0,0,0,0.25);
        -moz-box-shadow:0 0 5px rgba(0,0,0,0.25);
        box-shadow:0 0 5px rgba(0,0,0,0.25)
    }
    .result-instance .connected .short:hover span:before,.result-instance .connected .like:hover span:before,.result-instance .connected .contact:hover span:before,.result-instance .connected .login-to-view:hover span:before{
        -webkit-animation:rotation 2s infinite,linear;
        -moz-animation:rotation 2s infinite,linear;
        animation:rotation 2s infinite,linear
    }
    .result-instance .connected .view:hover,.result-instance .connected .login-to-view:hover{
        border-color:#206db2;
        color:#206db2;
        background:transparent
    }
    .side-communities a:hover{
        background:#fdd606
    }
    .intimate-join a:hover{
        background:transparent;
        border-color:#206db2;
        color:#206db2
    }
    .packages-container{
        background:url(../images/packages-bg.jpg) no-repeat;
        background-size:cover
    }
    .packages-container .title span{
        margin-bottom:5px
    }
    .packages-container .title strong{
        display:inline-block
    }
    .packages-slider .pack{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
        box-shadow:0 0 10px rgba(0,0,0,0.1)
    }
    .packages-slider .pack:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
        -moz-box-shadow:0 0 15px rgba(0,0,0,0.5);
        box-shadow:0 0 15px rgba(0,0,0,0.5)
    }
    .packages-slider .pack .pack-price{
        padding:0
    }
    .packages-slider .pack .pack-price span{
        font-size:38px;
        padding-left:45px
    }
    .packages-slider .pack .pack-price span:before{
        top:10px;
        width:32px;
        height:32px;
        background-size:18px
    }
    .packages-slider .pack .make a:hover{
        background:#e76045
    }
    .packages-slider .pack .items span{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .packages-slider .pack .items span:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#eee
    }
    .packages-slider .pack .items a:hover{
        background:#e76045
    }
    .packages-slider .pack.current-pack .items span:hover{
        background:#fff
    }
    .packages-owl{
        padding:0 50px
    }
    .packages-owl .owl-nav{
        position:absolute;
        top:50%;
        left:0;
        width:100%;
        height:40px;
        margin-top:-20px;
        z-index:-1
    }
    .packages-owl .owl-nav .owl-prev,.packages-owl .owl-nav .owl-next{
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
        box-shadow:0 0 10px rgba(0,0,0,0.15);
        position:absolute;
        top:0;
        font-size:0;
        width:40px;
        height:40px
    }
    .packages-owl .owl-nav .owl-prev{
        background:url(../images/owl-prev-pack.svg) no-repeat;
        left:0;
        background-color:#fff;
        background-size:20px;
        background-position:center
    }
    .packages-owl .owl-nav .owl-next{
        background:url(../images/owl-next-pack.svg) no-repeat;
        right:0;
        background-color:#fff;
        background-size:20px;
        background-position:center
    }
    .call{
        margin-top:30px;
        padding:0 65px
    }
    .call p{
        background:url(../images/all-communities-bg.jpg) no-repeat;
        background-position:bottom right;
        background-color:#0a5191;
        padding-left:60px;
        padding-right:150px
    }
    .default-content{
        padding:0 50px;
        background:transparent
    }
    .default-content .default-content-inner{
        background:url(../images/pay-bg.jpg) no-repeat;
        background-position:bottom right;
        background-color:#fff;
        padding:0 80px
    }
    .pay-form .pay-set:hover,.pay-form input[type="submit"]:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .pay-form .pay-reset:hover{
        background:#206db2;
        color:#fff
    }
    .helper{
        padding:0;
        height:85px;
        line-height:85px;
        overflow:visible
    }
    .helper [class^='col-']:nth-child(1){
        background:#206db2;
        padding-left:60px
    }
    .helper [class^='col-']:nth-child(2){
        background:#fdd606
    }
    .helper [class^='col-']:nth-child(2):before{
        position:absolute;
        top:0;
        left:-53px;
        background:url(../images/helper-bg.jpg) no-repeat;
        content:'';
        width:53px;
        height:85px;
        background-size:53px 85px
    }
    .helper em,.helper em a{
        color:#206db2
    }
    .helper span{
        padding-left:150px;
        position:relative
    }
    .helper span:before{
        position:absolute;
        top:-40px;
        left:0;
        background:url(../images/helper-before.png) no-repeat;
        content:'';
        width:123px;
        height:123px;
        background-size:123px 123px
    }
    .exclusive a:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .confirmation-container{
        background:url(../images/confirmation-bg.jpg) no-repeat;
        background-size:cover
    }
    .confirmation-container .title{
        margin-bottom:50px
    }
    .confirmation-container .inner{
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);
        -moz-box-shadow:0 0 15px rgba(0,0,0,0.1);
        box-shadow:0 0 15px rgba(0,0,0,0.1);
        width:800px;
        margin:auto;
        padding:45px 45px 250px;
        background:#fff;
        position:relative
    }
    .confirmation-container .inner:after{
        background:url(../images/confirmation-logo.jpg) no-repeat;
        position:absolute;
        bottom:0;
        left:50%;
        content:'';
        width:360px;
        height:167px;
        background-size:360px 167px;
        margin-left:-180px
    }
    .confirmation-container .c-details span,.confirmation-container .c-details em{
        font-size:16px
    }
    .confirmation-container button:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .payment-container{
        padding:0 50px;
        background:transparent
    }
    .payment-container .wrapper{
        background:url(../images/success-bg.jpg) no-repeat;
        background-repeat:repeat
    }
    .payment-container .inner{
        padding-left:50px;
        padding-right:50px;
        text-align:center
    }
    .payment-container .inner p{
        font-size:28px
    }
    .payment-container .inner p strong{
        font-size:34px
    }
    .payment-container .inner em{
        display:inline-block;
        vertical-align:middle
    }
    .payment-container .inner em:nth-of-type(1){
        margin-right:30px
    }
    .payment-container .inner .pay-amount span{
        display:inline-block;
        vertical-align:middle
    }
    .payment-container .inner .pay-amount span:nth-child(1){
        border-bottom:none;
        border-right:1px solid #fff;
        padding-right:15px;
        margin-right:15px
    }
    .payment-container .inner .pay-amount span:nth-child(2){
        font:700 45px "Roboto"
    }
    .payment-container .inner .pay-amount span i{
        padding-left:35px
    }
    .payment-container .inner .pay-amount span i:before{
        top:15px;
        width:30px;
        height:30px;
        background-size:30px
    }
    .ignored-container{
        padding:0 50px;
        background:transparent;
        min-height:90vh
    }
    .ignored-container .inner{
        padding:0 50px 30px;
        background:#fff
    }
    .ignored-container .message-content .minor-details span{
        float:none;
        display:block
    }
    .remove-ignore span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .remove-ignore:hover{
        background:#206db2;
        color:#fff
    }
    .remove-ignore:hover span:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    .upgrade-account a{
        margin-bottom:20px
    }
    .upgrade-account a:hover{
        background:#206db2;
        color:#fff;
        border-color:#fdd606
    }
    .message-popup .contact-section,.message-popup .horoscope-section{
        width:1000px
    }
    .horoscope-section.extend{
        width:1000px
    }
    .upgrade-pack .upgrade-title{
        margin-bottom:20px
    }
    .upgrade-pack .upgrade-title em{
        font-size:16px;
        margin-bottom:20px
    }
    .upgrade-pack .upgrade-title em i{
        padding:0 45px
    }
    .upgrade-pack .upgrade-title span{
        background:url(../images/upgrade-after.jpg) no-repeat;
        font-size:28px;
        padding-bottom:30px;
        background-position:center bottom;
        background-size:421px 9px
    }
    .upgrade-pack .up{
        font-size:18px
    }
    .upgrade-pack .up span{
        font-size:36px;
        margin-bottom:0
    }
    .upgrade-pack a{
        font:700 16px "Roboto";
        margin-top:5px
    }
    .upgrade-pack a:hover{
        background:transparent;
        color:#fdd606;
        border-color:#fdd606
    }
    .editor .editor-submit:hover{
        background:transparent;
        color:#fdd606;
        border-color:#fdd606
    }
    .back-dash:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .fb-form .title span,.fb-form .title span strong{
        font-size:28px
    }
    .fb-form .title em{
        font-size:22px;
        margin:0 0 10px 0
    }
    .fb-form .title p{
        font-size:14px;
        padding:0 15px;
        margin-bottom:0
    }
    .fb-form #fb-submit{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        padding:0;
        height:50px;
        line-height:50px;
        outline:1px solid #206db2;
        outline-offset:-6px;
        background:transparent;
        color:#206db2;
        font-size:20px
    }
    .fb-form #fb-submit em{
        position:absolute;
        width:100%;
        height:100%;
        display:block
    }
    .fb-form #fb-submit em.one:before,.fb-form #fb-submit em.one:after,.fb-form #fb-submit em.two:before,.fb-form #fb-submit em.two:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        position:absolute;
        content:'';
        background:#206db2
    }
    .fb-form #fb-submit em.one:before,.fb-form #fb-submit em.two:before{
        height:30px;
        width:1px
    }
    .fb-form #fb-submit em.one:after,.fb-form #fb-submit em.two:after{
        width:30px;
        height:1px
    }
    .fb-form #fb-submit em.one:before,.fb-form #fb-submit em.one:after{
        top:0;
        left:0
    }
    .fb-form #fb-submit em.two:before,.fb-form #fb-submit em.two:after{
        bottom:0;
        right:0
    }
    .fb-form #fb-submit:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#fdd606;
        color:#206db2
    }
    .fb-form #fb-submit:hover em.one:before,.fb-form #fb-submit:hover em.one:after,.fb-form #fb-submit:hover em.two:before,.fb-form #fb-submit:hover em.two:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .fb-form #fb-submit:hover em.one:before,.fb-form #fb-submit:hover em.two:before{
        height:100%
    }
    .fb-form #fb-submit:hover em.one:after,.fb-form #fb-submit:hover em.two:after{
        width:100%
    }
    .logout-container{
        padding:50px;
        min-height:90vh
    }
    .upgrade-now p{
        text-align:left
    }
    .upgrade-now a:hover{
        background:transparent;
        border-color:#e76045
    }
    .advanced-p{
        padding:5px 25% 15px
    }
    .flex-1200{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
    .flex-1200 i{
        margin-bottom:0
    }
    .flex-1200 .gender-switch,.flex-1200 .flex-992{
        width:calc(100% - 130px)
    }
    .adv-relative .pick-dates{
        width:calc(100% - 100px)
    }
    .adv-save.inverse{
        margin-top:20px;
        margin-bottom:20px
    }
    .adv-save.inverse .flex-1200{
        justify-content:flex-start
    }
    .adv-save.inverse a:not(.save-search){
        margin-left:15px
    }
    .adv-save a:hover{
        background:transparent;
        border-color:#206db2
    }
    .adv-save i,.adv-save input[type="text"],.adv-save a.save-search,.adv-save p{
        margin:0
    }
    .adv-save input[type="text"]{
        width:calc(100% - 250px)
    }
    .saved-searches{
        width:100%
    }
    .saved-searches .ss-viewall:hover{
        background:transparent;
        color:#fdd606;
        border-color:#fdd606
    }
    .advance-submit{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .advance-submit:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#fdd606;
        color:#206db2
    }
    .filter-section{
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        display:block;
        overflow-y:auto;
        background:#fff;
        z-index:10
    }
    .filter-section .title{
        font:400 20px "Roboto";
        color:#206db2;
        background:#f6f6f6;
        border-bottom:1px solid #ededed;
        text-transform:uppercase;
        padding:10px 0;
        display:block
    }
    .filter-section .title span{
        position:relative;
        padding-left:30px;
        margin-left:20px
    }
    .filter-section .title span:before{
        background:url(../images/filter-title.svg) no-repeat;
        position:absolute;
        top:3px;
        left:0;
        content:'';
        width:20px;
        height:20px;
        background-size:20px
    }
    .filter-section .filter-accordion{
        width:100%
    }
    .filter-section .filter-accordion .panel:last-of-type{
        margin-bottom:200px
    }
    .filter-section .scroll-wrapper>.scroll-content{
        max-height:100vh
    }
    .filter-section .scrollbar-inner>.scroll-element .scroll-bar{
        background:#d0d0d0
    }
    .filter-section.sticky{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .filter-section.sticky .scroll-wrapper{
        height:100%
    }
    .filter-section.sticky .scroll-wrapper>.scroll-content{
        max-height:100vh
    }
    .more-filters{
        position:absolute
    }
    .more-filters .inner-title:last-of-type{
        margin-bottom:200px
    }
    .more-filters .scrollbar-inner{
        height:auto
    }
    .hype,.royale{
        height:180px
    }
    .hype{
        background:url(../images/hype-bg.png) no-repeat;
        background-position:center left;
        padding:0 30px 0 240px;
        position:relative;
        background-color:#004e93
    }
    .hype:after{
        position:absolute;
        bottom:15px;
        right:15px;
        background:url(../images/couple-of-rings.svg) no-repeat;
        content:'';
        width:40px;
        height:40px;
        background-size:40px
    }
    .messages-contact div.blocked{
        overflow:hidden;
        margin-bottom:15px
    }
    .messages-contact span,.messages-contact p{
        display:inline-block;
        margin:0
    }
    .messages-contact strong{
        text-transform:uppercase
    }
    .messages-contact span{
        text-decoration:none;
        width:180px;
        float:left
    }
    .messages-contact span:after{
        content:':';
        float:right
    }
    .messages-contact span.field-validation-error{
        font:400 12px "Roboto";
        color:#e64c3c
    }
    .messages-contact span.field-validation-error:after,.messages-contact span.field-validation-error span:after{
        display:none
    }
    .messages-contact p{
        width:calc(100% - 200px);
        float:right
    }
    .apply-now{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);
        -moz-box-shadow:0 5px 15px rgba(0,0,0,0.2);
        box-shadow:0 5px 15px rgba(0,0,0,0.2);
        padding:20px 30px 55px;
        position:relative
    }
    .apply-now input[type="submit"]{
        position:absolute;
        bottom:0;
        left:0
    }
    .apply-now input[type="submit"]:hover{
        background:#fdd606;
        color:#206db2
    }
    .apply-now.inverse{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
        box-shadow:0 0 10px rgba(0,0,0,0.15);
        padding-bottom:0
    }
    .apply-now.inverse .more{
        margin-left:-30px;
        margin-right:-30px
    }
    .apply-now.inverse input[type="submit"]{
        position:relative;
        bottom:auto;
        left:auto
    }
    .apply-now.inverse a:hover{
        background:#206db2;
        color:#fff
    }
    .apply-now.inverse.solo{
        height:100%;
        margin-bottom:0
    }
    .site-tables table.first tr th{
        font-size:20px
    }
    .site-tables table.first tr td{
        font-size:18px
    }
    .collage{
        padding-right:430px;
        position:relative
    }
    .collage:after{
        background:url(../images/services-right.png) no-repeat;
        position:absolute;
        top:30px;
        right:-15px;
        content:'';
        width:407px;
        height:380px;
        background-size:407px 380px
    }
    .services-content{
        background:url(../images/services-content.png) no-repeat;
        background-position:100% 100px
    }
    .services-content p{
        margin-bottom:20px
    }
    .here{
        background:url(../images/here-bg.png) no-repeat;
        background-repeat:repeat;
        background-color:#2c8e21;
        padding:40px 40px 60px
    }
    .here .here-title{
        padding-left:150px;
        position:relative
    }
    .here .here-title:before{
        position:absolute;
        top:6px;
        left:0;
        content:'';
        width:130px;
        height:8px;
        background:#fdd606
    }
    .here .here-title.inverse{
        padding-left:80px
    }
    .here .here-title.inverse:before{
        width:60px
    }
    .here .mail-call{
        padding-left:80px;
        position:relative;
        border-bottom:1px solid #afafaf;
        padding-bottom:10px
    }
    .here .mail-call:before{
        position:absolute;
        bottom:-1px;
        left:-3px;
        content:'';
        width:65px;
        height:65px
    }
    .here .mail-call.mail:before{
        background:url(../images/mail-multi.svg) no-repeat;
        background-size:65px
    }
    .here .mail-call.call-us:before{
        background:url(../images/call-multi.svg) no-repeat;
        background-size:65px
    }
    .here.inverse{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
        box-shadow:0 0 10px rgba(0,0,0,0.15)
    }
    .career-apply{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .career-apply p{
        height:72px;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .career-apply .title{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .career-apply:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#206db2
    }
    .career-apply:hover .title{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background:#247ac8;
        color:#fdd606
    }
    .career-apply a:hover{
        background:#247ac8;
        color:#fdd606
    }
    .load-more a:hover{
        background:transparent;
        border-color:#206db2;
        color:#206db2
    }
    .searching-partner{
        margin:75px 0 0;
        width:100%
    }
    .radius-link:hover{
        background:transparent;
        color:#fdd606;
        border-color:#fdd606
    }
    .file-ancestor .preview,.file-ancestor .add-more{
        width:calc((100% / 5) - 5px);
        margin-right:5px
    }
    .file-ancestor .preview .delete{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .file-ancestor .preview .delete:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        background-color:#10385c;
        border-color:#206db2
    }
    .discount{
        background:#1c609c;
        padding:15px 45px;
        overflow:hidden
    }
    .discount .content{
        -webkit-border-radius:100px;
        -moz-border-radius:100px;
        border-radius:100px;
        background:#185387;
        padding:5px 160px;
        text-align:center
    }
    .discount .content p{
        margin:22px 15px;
        font-size:22px;
        position:relative;
        padding-left:150px
    }
    .discount .content p span{
        position:absolute;
        top:-30px;
        left:0;
        font-size:65px
    }
    .discount .content .now{
        position:absolute;
        top:3px;
        right:6px
    }
    .discount .content .now:hover{
        background:transparent;
        border-color:#fdd606;
        color:#fff
    }
    .discount a#close-discount{
        background-color:transparent;
        right:-40px;
        top:-12px
    }
    .discount a#close-discount:hover{
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    .contact-container{
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:stretch
    }
    .contact-container [class^="col-"].lefty{
        padding-right:0;
        float:none
    }
    .contact-container [class^="col-"].righty{
        padding-left:0;
        float:none
    }
    .contact-container .relative{
        margin-bottom:20px
    }
    .contact-container .bottom-adjust{
        margin-bottom:30px
    }
    .map-container .map-title{
        padding:30px 30px 30px 130px;
        position:relative;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
    .map-container .map-title:before{
        background:url(../images/marker-blue.svg) no-repeat;
        position:absolute;
        top:0;
        left:0;
        content:'';
        width:100px;
        height:100%;
        background-color:#fdd606;
        background-size:40px;
        background-position:center
    }
    .map-container .map-title .desc{
        margin-bottom:0;
        width:150px
    }
    .map-container .map-title .map-relative{
        width:calc(100% - 180px)
    }
    .default-popup .default-section,.default-popup2 .default-section,.default-popup3 .default-section{
        width:500px
    }
    .default-popup .default-section.verify-mobile,.default-popup2 .default-section.verify-mobile,.default-popup3 .default-section.verify-mobile{
        padding-left:150px;
        position:relative
    }
    .default-popup .default-section.verify-mobile:before,.default-popup2 .default-section.verify-mobile:before,.default-popup3 .default-section.verify-mobile:before{
        position:absolute;
        top:50%;
        left:30px;
        background:url(../images/mobile-otp.svg) no-repeat;
        content:'';
        width:70px;
        height:70px;
        background-size:70px;
        margin-top:-35px
    }
    .verify .inner .add-hobby{
        padding-left:20px;
        padding-right:20px;
        margin-top:15px
    }
    .verification .inner a:hover,.verification .inner button:hover{
        border-color:#fdd606;
        background:transparent;
        color:#fdd606
    }
    .ad-location .location-title{
        padding-left:80px;
        position:relative;
        text-align:left
    }
    .ad-location .location-title:before{
        position:absolute;
        top:50%;
        left:15px;
        background:url(../images/intimate-marker2.jpg) no-repeat;
        content:'';
        width:59px;
        height:67px;
        background-size:59px 67px;
        margin-top:-33px
    }
    .ad-location a:hover{
        background:#fdd606;
        color:#206db2;
        border-color:#fdd606
    }
    .message-item{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 4px rgba(0,0,0,0.06);
        -moz-box-shadow:0 0 4px rgba(0,0,0,0.06);
        box-shadow:0 0 4px rgba(0,0,0,0.06)
    }
    .message-item:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
        box-shadow:0 0 10px rgba(0,0,0,0.5)
    }
    .p-search-wrap input[type="submit"]:hover{
        background:transparent;
        border-color:#206db2
    }
    .service-table tr th,.service-table tr td{
        padding:20px 5px
    }
    .service-table tr th{
        font-size:18px
    }
    .service-table tr td{
        font-size:16px
    }
    .help-faq{
        background:url(../images/help-faq-bg.jpg) no-repeat;
        background-position:center right;
        width:calc(100% - 30px);
        background-color:#206db2;
        float:right;
        padding:30px 100px 30px 55px;
        position:relative;
        margin:20px 0
    }
    .help-faq:before{
        position:absolute;
        top:-15px;
        left:-30px;
        background:url(../images/help-faq.png) no-repeat;
        width:64px;
        height:64px;
        background-size:64px;
        content:''
    }
    .help-faq p{
        text-align:left
    }
    .help-faq p a{
        display:inline-block;
        position:relative
    }
    .help-faq p a:after{
        position:absolute;
        top:-40px;
        right:-50px;
        background:url(../images/help-faq2.png) no-repeat;
        width:58px;
        height:47px;
        background-size:58px 47px;
        content:''
    }
    .ignore-this:hover,.print-prof:hover{
        color:#e76045
    }
    .no-photos:before{
        position:absolute;
        top:50%;
        right:calc((100% - 430px) - 75px);
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        font:400 14px "Roboto";
        margin:-13px 0 0 0;
        text-transform:uppercase;
        width:150px;
        height:36px;
        line-height:36px;
        display:inline-block;
        text-align:center;
        background:#e76045;
        color:#fff;
        content:'no photos added'
    }
    .container-404{
        padding:160px;
        padding-bottom:190px
    }
    .container-404 a.back:hover{
        background:transparent;
        color:#206db2;
        border-color:#206db2
    }
    .underlay-404{
        margin-bottom:-30px
    }
    .bank{
        padding:40px 65px 30px
    }
    .bank-tables table tr th{
        font-size:22px;
        padding-right:115px;
        position:relative
    }
    .bank-tables table tr th i{
        position:absolute;
        top:-1px;
        right:-1px;
        width:115px;
        height:calc(100% + 2px);
        display:inline-block
    }
    .bank-tables table tr th i.federal{
        background:url(../images/federal.jpg) no-repeat;
        background-size:115px 32px;
        background-position:center;
        background-color:#f3f3f3
    }
    .bank-tables table tr th i.icici{
        background:url(../images/icici.jpg) no-repeat;
        background-size:115px 32px;
        background-position:center;
        background-color:#f3f3f3
    }
    .bank-tables table tr th i.state{
        background:url(../images/state.jpg) no-repeat;
        background-size:115px 32px;
        background-position:center;
        background-color:#f3f3f3
    }
    .bank-tables table tr th i.south{
        background:url(../images/south.jpg) no-repeat;
        background-size:115px 32px;
        background-position:center;
        background-color:#f3f3f3
    }
    .bank-tables table tr td{
        font-size:16px
    }
    .bank-tables table tr td:first-child{
        width:180px !important
    }
    .bank-tables table tr td.hard{
        font-size:18px
    }
    .bank-tables table tr td.soft{
        font-size:16px
    }
    .collection{
        padding-top:10px
    }
    .collection [class^="col-"]{
        margin-bottom:0
    }
    .collection p{
        background:none;
        padding:0 30px 0 0
    }
    .collection .doors{
        padding-left:230px
    }
    .collection .doors:first-of-type:after{
        background:url(../images/doors-after.png) no-repeat;
        position:absolute;
        bottom:0;
        right:0;
        content:'';
        width:8px;
        height:162px;
        background-size:8px 162px
    }
    .collection .doors:before{
        position:absolute;
        bottom:0;
        left:0;
        content:'';
        width:210px;
        height:100%
    }
    .collection .doors:first-of-type:before{
        background:url(../images/bank1.png) no-repeat;
        background-position:bottom right
    }
    .collection .doors:last-of-type:before{
        background:url(../images/bank2.png) no-repeat;
        background-position:bottom center
    }
    .new-profiles{
        width:255px;
        float:right;
        margin-top:30px;
        padding-left:0;
        padding-right:30px
    }
    .new-profiles .ravish p{
        background:url(../images/new-profile-bg.png) no-repeat;
        background-size:154px 125px;
        background-position:right bottom;
        background-color:#206db2;
        font-size:20px;
        text-align:left
    }
    .new-profiles .ravish p strong{
        font-size:20px
    }
    .new-profiles .ravish p span{
        display:block
    }
    .new-profiles .ravish .ravish-inner{
        background:url(../images/new-profile-bg2.png) no-repeat;
        background-size:136px 146px;
        background-position:95% -20px;
        background-color:#fff
    }
    .new-profiles .ravish .ravish-inner a:hover{
        background:#e76045
    }
    .near-you .near-person a:hover{
        color:#e76045
    }
    .near-you .near-person a:hover:after{
        color:#206db2
    }
}
@media only screen and (min-width: 1366px){
    .story-relative .profile-absolute .profile-of-day{
        min-height:0
    }
    .story-relative .profile-absolute .profile-of-day img{
        margin-bottom:15px
    }
    .message-item{
        overflow:hidden;
        padding:25px
    }
    .message-item .message-pic{
        width:60px;
        float:left
    }
    .message-item .message-pic .chat-now{
        display:block;
        width:calc(100% - 10px);
        margin:0
    }
    .message-item .message-content{
        width:calc(100% - 65px);
        float:right
    }
}
@media print{
    .noprint,.noprint *{
        display:none !important
    }
}
@media only screen and (min-width: 480px){
    .owl-story .date span,.owl-story .date em{
        display:inline-block;
        vertical-align:middle;
        margin-bottom:0
    }
    .owl-story .date span{
        margin-right:15px
    }
}
@media only screen and (min-width: 768px){
    .success-stories .featured .title{
        padding-right:100px
    }
    .success-stories .featured .title a{
        position:absolute;
        top:3px;
        right:0
    }
    .success-stories .featured .featured-profile{
        width:calc(100% / 2);
        float:left;
        position:relative
    }
    .success-stories .featured .featured-profile:first-of-type:after{
        position:absolute;
        top:0;
        right:0;
        width:1px;
        height:100%;
        background:#206db2;
        content:''
    }
    .login{
        -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);
        -moz-box-shadow:0 0 20px rgba(0,0,0,0.1);
        box-shadow:0 0 20px rgba(0,0,0,0.1);
        width:600px;
        margin:auto
    }
    .add-placement{
        position:relative;
        margin-bottom:0
    }
    .add-placement .success-title{
        margin-bottom:30px
    }
    .add-placement .add-yours{
        position:absolute;
        top:12px;
        right:15px
    }
}
@media only screen and (min-width: 992px){
    .desktop-header{
        width:768px;
        margin:auto
    }
    .couple-wrapper{
        background:#fefacd;
        display:inline-block;
        overflow:hidden;
        width:100%;
        margin-bottom:12px;
        padding-right:300px
    }
    .couple-slider{
        position:relative;
        width:100%
    }
    .couple-slider:before{
        background:url(../images/bookmark.png) no-repeat;
        position:absolute;
        top:0;
        left:25px;
        content:'';
        width:30px;
        height:53px;
        background-size:30px 53px;
        z-index:10
    }
    .couple-desc{
        position:absolute;
        top:0;
        right:0;
        width:300px;
        height:100%;
        margin:0;
        padding:0
    }
    .couple-desc .absolute{
        position:absolute;
        top:0;
        left:0
    }
    #success-owl .owl-nav{
        position:absolute;
        bottom:30px;
        right:30px;
        width:100%;
        height:24px
    }
    #success-owl .owl-nav .owl-prev,#success-owl .owl-nav .owl-next{
        position:absolute;
        bottom:0;
        font-size:0;
        width:24px;
        height:100%
    }
    #success-owl .owl-nav .owl-prev{
        background:url(../images/owl-prev.svg) no-repeat;
        background-size:24px;
        right:34px
    }
    #success-owl .owl-nav .owl-next{
        background:url(../images/owl-next.svg) no-repeat;
        background-size:24px;
        right:0
    }
    #success-owl.dots .owl-dots{
        position:absolute;
        bottom:40px;
        left:30px;
        width:100%;
        height:12px;
        text-align:left
    }
    #success-owl.dots .owl-dots .owl-dot{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.95);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.95);
        box-shadow:0 0 10px rgba(0,0,0,0.95);
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        background:rgba(255,255,255,0.25);
        width:10px;
        height:10px;
        display:inline-block;
        margin-right:5px
    }
    #success-owl.dots .owl-dots .owl-dot.active{
        background:rgba(255,255,255,0.99)
    }
}
@media only screen and (min-width: 1200px){
    .desktop-header{
        width:1170px;
        padding:8px 0px;
        height:auto;
        opacity:1;
        display:block;
        position:relative;
        background:#fff;
        height: 95px;
    }
    .desktop-header .desktop-login-close{
        display:none
    }
    .desktop-header .logo,.desktop-header .desktop-login,.desktop-header .login-with,.desktop-header .desktop-ham{
        display:inline-block;
        vertical-align:middle
    }
    .desktop-header .logo{
        float:left
    }
    .desktop-header .desktop-login{
        overflow:hidden;
        width:410px;
    }
    .desktop-header .desktop-login .password a.forgot{
        display:block;
        text-align:right;
        margin:0;
        padding-top: 5px;
    }
    .desktop-header .desktop-login input[type="submit"]:hover{
        background:#fdd606;
        color:#206db2;
        border-color:#206db2
    }
    .desktop-header .desktop-login .relative{
        float:left;
        /*width:calc((100% - 140px) / 2);*/
        margin-right:0px;
            width: 39%;
    }
    .desktop-header .desktop-login .relative:last-of-type{
        float:right;
        width:80px;
        margin-right:0
    }
    .desktop-header .desktop-login input[type="text"],.desktop-header .desktop-login input[type="password"],.desktop-header .desktop-login input[type="submit"]{
        margin:0
    }
    .desktop-header .desktop-login a.forgot{
        display:none
    }
    .desktop-header .login-with-wrapper{
        margin-top:16px;
        float:right
    }
    .desktop-header .login-with,.desktop-header .desktop-ham{
        margin:0
    }
    .desktop-header .login-with a:hover{
        -webkit-box-shadow:0 0 20px rgba(0,0,0,0.75);
        -moz-box-shadow:0 0 20px rgba(0,0,0,0.75);
        box-shadow:0 0 20px rgba(0,0,0,0.75)
    }
    .desktop-header .desktop-ham{
        position:relative;
        width:30px;
        height:30px
    }
    .desktop-header .desktop-ham #inner-menu{
        position:absolute;
        top:1px;
        right:0
    }
    .desktop-header .desktop-ham .inner{
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.65);
        -moz-box-shadow:0 0 15px rgba(0,0,0,0.65);
        box-shadow:0 0 15px rgba(0,0,0,0.65);
        position:absolute;
        top:57px;
        right:0;
        width:200px;
        background:#e7e7e7;
        z-index:10000
    }
    .desktop-header .desktop-ham .inner a:hover{
        background:#fdd606
    }
    .top-header{
        display:block;
        opacity:1;
        padding:0 0px
    }
    .top-header .inner{
        float:right
    }
    .top-header .inner .link,.top-header .inner .download,.top-header .inner .tour,.top-header .inner .help,.top-header .inner .search{
        display:inline-block;
        vertical-align:middle;
        margin:0 10px
    }
    .top-header .inner .search{
        margin-right:0;
        padding:10px 0
    }
    .top-header .inner .search:hover{
        background:#fff
    }
    .top-header .inner .help{
        font-size:0
    }
    .top-header .inner .help span{
        background:url(../images/help.svg) no-repeat;
        width:25px;
        height:25px;
        background-size:25px;
        display:inline-block
    }
    .top-header .download{
        position:relative;
        padding:10px 0
    }
    .top-header .download .download-inner{
        position:absolute;
        top:38px;
        left:50%;
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.65);
        -moz-box-shadow:0 0 15px rgba(0,0,0,0.65);
        box-shadow:0 0 15px rgba(0,0,0,0.65);
        width:150px;
        background:#e7e7e7;
        z-index:100;
        margin-left:-75px
    }
    .top-header .download .download-inner a{
        color:#206db2
    }
    .top-header .download .download-inner a:hover{
        background:#fdd606
    }
    .top-header .tour span{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .top-header .tour span:hover{
        background:#fdd606
    }
    .top-header .link{
        position:relative
    }
    .top-header .link:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        position:absolute;
        bottom:2px;
        left:50%;
        content:'';
        width:0;
        height:1px;
        background:#fff;
        margin-left:-15px
    }
    .top-header .link:hover:before{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        width:30px
    }
    .banner-wrapper{
        position:absolute;
        top:0;
        left:0;
        width:calc(100% - 480px);
        height:100%
    }
    .banner{
        display:inline-block;
        width:100%;
        padding-top:0;
        position:relative;
        background-color: #2c8e21;
    }
    .banner.community{
        padding-bottom:5px;
        position:relative
    }
    .banner.community:after{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:5px;
        background:#fdd606;
        content:''
    }
    .banner.community .community-desc{
        position:absolute;
        top:30px;
        left:0;
        width:calc(100% - 480px);
        padding:20px 50px 30px;
        background:rgba(255,255,255,0.5)
    }
    .success-stories{
        border-top:3px solid #008000;
        padding:0;
        display:inline-block;
        width:100%;
        /*background-size:calc(100% - 250px) auto*/
    }
    .success-stories .stories{
        /*width:calc(100% - 470px);*/
        float:left;
        margin-top:90px;
        width: 100%;
    }
    .success-stories .add-yours{
        top:auto;
        bottom:30px;
        right:500px
    }
    .success-stories .add-yours:hover{
        color:#fdd606
    }
    .success-stories .featured{
        width:465px;
        float:right;
        padding-left:35px;
        padding-right:35px
    }
    .success-stories .featured .title a:hover{
        background:#206db2;
        color:#fdd606;
        border-color:#fdd606
    }
    .see-more:hover{
        background: #2b840f;
    color: #fff;
    }
    .see-more:hover.inverse{
        background:#fdd606;
        color:#206db2;
        border-color:#fdd606
    }
    .see-more:hover.inverse-blue{
        background:transparent;
        border-color:#206db2;
        color:#206db2
    }
    .get-started{
            background: url(../images/love.jpg) no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    }
    .get-started .step-wrapper{
        text-align:center;
        margin-top:20px
    }
    .get-started .step{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        padding-bottom:0;
        padding-right:100px;
        width:calc((100% - 100px) / 5);
        display:inline-block;
        vertical-align:middle;
        min-height:150px
    }
    .get-started .step span{
        margin-top:30px
    }
    .get-started .step:after{
        background:url(../images/step-right.png) no-repeat;
        bottom:auto;
        top:50%;
        left:auto;
        right:12px;
        margin:-40px 0 0 0;
        width:77px;
        height:15px;
        background-size:77px 15px
    }
    .get-started .step:nth-of-type(5){
        padding-right:0;
        width:calc(((100% - 100px) / 5) - 100px)
    }
    .get-started .step:nth-of-type(5):after{
        display:none
    }
    .get-started .step img{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-animation:bluranimation 2s linear infinite;
        -moz-animation:bluranimation 2s linear infinite;
        animation:bluranimation 2s linear infinite;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        backface-visibility:hidden
    }
    /*.homepage footer{
        margin-top:-40px
    }*/
    .profile-item{
        overflow:hidden
    }
    .profile-item .img-wrapper{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .profile-item:hover{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
        box-shadow:0 0 10px rgba(0,0,0,0.25);
        background:#f0eeee
    }
    .profile-item:hover .img-wrapper{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        -webkit-box-shadow:0 0 5px rgba(0,0,0,0.75);
        -moz-box-shadow:0 0 5px rgba(0,0,0,0.75);
        box-shadow:0 0 5px rgba(0,0,0,0.75)
    }
    .profile-item .img-wrapper{
        float:left
    }
    .profile-item .details{
        width:calc(100% - 160px);
        float:right;
        margin:0
    }
    .side-panel{
        margin-top:0
    }
    .if a:hover{
        color:#ceae02
    }
    #success-owl{
        position:relative
    }
    #success-owl.show-after:after{
        position:absolute;
        bottom:0;
        left:0;
        content:'';
        width:100%;
        height:105px;
        background:rgba(0,0,0,0.35);
        z-index:10;
        pointer-events:none
    }
    .owl-story-wrapper{
        position:relative
    }
    .owl-story-wrapper .owl-story{
        position:absolute;
        bottom:30px;
        left:30px;
        background:transparent;
        z-index:100;
        margin-bottom:0;
        padding:0
    }
    .owl-story-wrapper .owl-story p{
        margin-bottom:0
    }
    .add-placement .add-yours span:after{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .add-placement .add-yours:hover{
        color:#ceae02
    }
    .add-placement .add-yours:hover span:after{
        background:#ceae02
    }
    .couple-slider #success-owl:after{
        display:none
    }
    .success-couples{
        -webkit-box-shadow:0 0 5px rgba(0,0,0,0.15);
        -moz-box-shadow:0 0 5px rgba(0,0,0,0.15);
        box-shadow:0 0 5px rgba(0,0,0,0.15)
    }
    .success-couples img{
        width:100%;
        max-height:200px
    }
    .success-couples:hover{
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.55);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.55);
        box-shadow:0 0 10px rgba(0,0,0,0.55);
        background:#fdd606
    }
    .submit-clear input[type="submit"],.submit-clear a{
        font-size:16px;
        text-transform:uppercase
    }
    .submit-clear input[type="submit"]:hover{
        background:transparent;
        color:#206db2
    }
    .submit-clear a:hover{
        background:#206db2;
        color:#fff
    }
    .banner-icons{
        position:absolute;
        bottom:0;
        left:0;
        width: 100%;
        /*width:calc(100% - 480px);*/
        height:105px;
        background:rgba(0,0,0,0.5)
    }


    




    .banner-icons span{
        font-family: 'Roboto', sans-serif;
        color:#fff;
        display:block;
        width:calc(100% / 5);
        float:left;
        padding-top:70px;
        text-align:center;
        text-transform:capitalize;
        position:relative;
        
    }
    .banner-icons span:before{
        position:absolute;
        top:20px;
        left:50%;
        content:'';
        width:36px;
        height:36px;
        margin-left:-18px
    }
    .banner-icons span:nth-child(1):before{
        background:url(../images/heart-yellow.svg) no-repeat;
        background-size:36px
    }
    .banner-icons span:nth-child(2):before{
        background:url(../images/tick-yellow.svg) no-repeat;
        background-size:36px
    }
    .banner-icons span:nth-child(3):before{
        background:url(../images/keyhole-yellow.svg) no-repeat;
        background-size:36px
    }
    .banner-icons span:nth-child(4):before{
        background:url(../images/telemarketer-yellow.svg) no-repeat;
        background-size:36px
    }
    .add-story{
        padding:45px
    }
    .submit-clear{
        margin-bottom:0
    }
    .couple-wrapper{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .couple-wrapper img{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .couple-wrapper:hover{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in;
        box-shadow:0 10px 10px -6px rgba(0,0,0,0.5)
    }
    /*.couple-wrapper:hover img{*/
    /*    -webkit-transition:all .4s ease-in;*/
    /*    -moz-transition:all .4s ease-in;*/
    /*    transition:all .4s ease-in;*/
    /*    -webkit-filter:grayscale(90%);*/
    /*    -moz-filter:grayscale(90%);*/
    /*    filter:grayscale(90%)*/
    /*}*/
    .signup-page .signup-text{
        position:absolute;
        top:0;
        left:0;
        width:calc(100% - 480px);
        display:block;
        padding:30px 45px 45px;
        text-align:center
    }
    .signup-page .signup-text span{
        font:400 48px "Roboto";
        display:block;
        text-transform:lowercase;
        color:#fff;
        letter-spacing:2px;
        margin-bottom:10px
    }
    .signup-page .signup-text p{
        font:400 18px "Roboto";
        margin:0;
        color:#fff;
        text-align:center;
        letter-spacing:6px
    }
    .featured-block img,.featured-block .yellow{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .featured-block:hover{
        -webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
        -moz-box-shadow:0 0 5px rgba(0,0,0,0.35);
        box-shadow:0 0 5px rgba(0,0,0,0.35)
    }
    .featured-block:hover img,.featured-block:hover .yellow{
        -webkit-transition:all .4s ease-in;
        -moz-transition:all .4s ease-in;
        transition:all .4s ease-in
    }
    .featured-block:hover .yellow{
        background:#cecece
    }
    .featured-block:hover img{
        -webkit-filter:grayscale(99%);
        -moz-filter:grayscale(99%);
        filter:grayscale(99%)
    }
}
@media only screen and (min-width: 1366px){
    .profile-item .details{
        margin-top:0
    }
    .profile-item .details .specs{
        margin-bottom:2px
    }
    .profile-item .details .specs em{
        display:inline-block;
        vertical-align:middle;
        margin-right:5px;
        position:relative
    }
    .profile-item .details .specs em:after{
        position:absolute;
        top:-1px;
        right:-5px;
        content:'|'
    }
    .profile-item .details .specs em:last-child:after{
        display:none
    }
    .profile-item .details i{
        margin-bottom:6px
    }
    .featured-block .yellow .name{
        margin-bottom:0
    }
    .featured-block .yellow i{
        display:inline-block;
        margin-right:5px;
        position:relative;
        margin-bottom:0
    }
    .featured-block .yellow i:after{
        position:absolute;
        top:-1px;
        right:-5px;
        content:'|'
    }
    .featured-block .yellow i:last-of-type{
        margin-right:0
    }
    .featured-block .yellow i:last-of-type:after{
        display:none
    }
}


@media only screen and (max-width: 479px){
.portfolio {
    width: 80%;
    margin: 0 auto;
}

figure.effect-jazz img{

    width: 100% !important
}

.makerightweb{

    padding-right: 0px;
}

.makecenter{

    text-align: center !important;
    font-size: 12px !important;
    margin-bottom: 0px;
    line-height: 22px;
}

.grid figure{
margin-top: 10px;
	
}

.responsive-img{

    width: 100%
}



.grid, .grid-wi {
    width: 100%;
    float: left;
}

.msbox li {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.msbox li:before {
	display: none;
}

.nopad {
    padding-left: 15px !important;

    padding-right: 15px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footnote{

	padding: 0 5px !important;
}

}

.nopad{

	padding: 0px;
	text-align: center;
 }



 @media screen and (min-width: 1400px) {
  #w-login {
    display: inline-block;
    vertical-align: middle;
    width: 91% !important;
    padding: 5px;
    /* position: absolute; */
    top: 0px;
    z-index: 99;
    background: #2c8e21;
}
}
@media screen and (min-width: 1600px) {
  .desktop-header {
    width: 1170px;
    padding: 8px 0px;
    height: auto;
    opacity: 1;
    display: block;
    position: relative;
    background: #fff;
    height: 95px;
}

 .makebanleft{

        margin-left: 28%;
    }



#w-login {
    display: inline-block;
    vertical-align: middle;
    width:60% !important;
    padding: 5px;
    /* position: absolute; */
    top: 0px;
    z-index: 99;
    background: #2c8e21;
}



#first-slider .slide1 h3{
    color: #fff;
    font-size: 42px;
    text-transform: capitalize;
    
    margin-top: 36% !important;
    /*font-weight: 700;*/
    line-height: 1.3em;
    /*text-shadow: 2px 2px #9c0a0a;*/
}



#first-slider .slide2 h3{
    color: #fff;
    font-size: 42px;
    text-transform: capitalize;
    
    margin-top: 6% !important;
    /*font-weight: 700;*/
    line-height: 1.3em;
    /*text-shadow: 2px 2px #9c0a0a;*/
}




#first-slider .slide3 h3{
    color: #fff;
    font-size: 42px;
    text-transform: capitalize;
    
    margin-top: 10% !important;
    /*font-weight: 700;*/
    line-height: 1.3em;
    /*text-shadow: 2px 2px #9c0a0a;*/
}







footer .footer-content{

    padding: 90px 190px 30px;
}



.footnote{
    padding: 20px 190px 0px;

}


.register {
   /* width: 520px;*/
    float: right;
    padding: 15px 15px 30px;
    background-color: #2c8e21;
    /*margin-right: 8%;*/
}


.banner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 670px);
    height: 100%;
}


.banner-icons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*width: calc(100% - 670px);*/
    height: 105px;
    background: rgba(0,0,0,0.5);
}


.container {
    width: 1170px;
}

.top-header {
    display: block;
    opacity: 1;
    padding: 0 160px;
}


 .banner-icons span:first-child{

        margin-left: 260px !important;
    }


    .banner-icons span{
        font-family: 'Roboto', sans-serif;
        color:#fff;
        display:block;
        width:calc(100% / 6);
        float:left;
        padding-top:70px;
        text-align:center;
        text-transform:capitalize;
        position:relative;
        
    }





}





@media screen and (min-width: 1900px) {


    #w-login {
    display: inline-block;
    vertical-align: middle;
    width: 50% !important;
    padding: 5px;
    /* position: absolute; */
    top: 0px;
    z-index: 99;
    background: #2c8e21;
}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


.desktop-login {
    display: none;
}

#w-login{

    width: 100% !important
}

.makebanleft{

    margin-left: 0px !important


}

.top-header .link{

    float: left;
    margin-right: 10px;
}

.makecenter1{


text-align: center;

}


}