@import url(https://fonts.googleapis.com/css?family=Montserrat);
html, body {background: #808080; width:100% !important; height: 100% !important;}
.body-div{
    background: #a6aaab url('../images/bg.jpg') center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    /*min-height: 100%;*/
    text-align: center;
}

.logo{position: absolute; width: 250px; left: 15px; top: 15px}
.fixbottom{background: url('../images/bottom_bar.png'); height: 25px;}
.middle-bar{width: 100%; margin-top: 16%;}

.next, .back{cursor: pointer}
.social_icons{display: block;position: absolute;margin: 0 2%; width: 96%;text-align: right;}
.social_icons a{color: #414042; margin: 0px 5px; font-size: 25px;}
.social_icons a.igp{font-size: 22px !important;}
.social_icons a.ifb{font-size: 22px !important;}
.social_icons a.igp,.social_icons a.ipt{display: none;}

    
/*bootstrap overwrite*/
a.carousel-control.right{background: none;background-image: none;right: -65px;}
a.carousel-control.left{background: none;background-image: none;left: -65px;}
a.carousel-control img{width: 35px;}
a.carousel-inner .item img{cursor: pointer}
a.carousel-control{padding-top: 21%; opacity: 1 !important}



/*.section1{position: absolute; top: 30px;}*/
.section1 .entry-img{width:90% !important;margin: 4% 5% 5%;}
.section1 div{width: 100%;margin-bottom: 36px;}
.section1 div .choose{width: 90%; margin: 0px;}

/********************************************************************************/

.section2 div.navigation{width: 100%; margin: 0 0 18px}
.section2 img.next, .section2 img.back{width: 28%;margin: 0 15px;}
.section2 .carousel-inner div.item img{width:84% !important;margin: 4% 8%;}
.section2 .heading{width: 100%; margin: 22px 0 0;}

/********************************************************************************/
.section3 .choose-outer{padding: 5px;  background:rgba(179,36,28,0.9);position: relative;width:100% !important;}
.section3 div.navigation{width: 100%; margin: 18px 0px;}
.section3 img.next, .section3 img.back{width: 28%;margin: 0 15px;}
.section3 div.card-text-choose{position: absolute;width: 100%;height:100%;top:0;left:0;color: #ffffff; padding: 5px;}
.section3 div.text{border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 2px solid #fff; padding: 3px; text-align: center;font-size:18px;font-weight: bold; padding: 15px 25px; cursor: pointer; text-transform: uppercase}
.section3 div.text:hover{background: rgba(0,0,0,0.5);}
.section3 .mCSB_inside{border: 2px solid #fff;}
.activeText{background: rgba(0,0,0,0.5)}
.section3 .heading{width: 100%; margin: 22px 0px;}
.section3 .line-place-img {max-width: 85%;visibility: hidden;opacity:0;}

/********************************************************************************/

.section4 div.navigation{width: 100%; margin: 18px 0px;}
.section4 img.card-share-link, .section4 img.back{width: 28%;margin: 0 15px;cursor: pointer;}
.section4 .finalcard img{width:86%;}
.section4 .finalcard img.creating{width:50%;margin: 21%;}
.section4 .heading{width: 100%; margin: 22px 0px;}

.section{display: none; text-align: center}
.section1{display: block}

    
/*overlay css*/
.creator-block{position: relative;}
.overlay-cardshare{background-color: rgba(0, 0, 0, 0.75);cursor: pointer;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 101;display: none;}
.overlay-cardshare .row{margin: 0 !important}
.overlay-cardshare .share-wrapper{height: auto;height: auto;position: absolute;top: 25%;text-align: center;left: 25%;width: 650px;cursor: default}
.overlay-cardshare .share-wrapper .share-inner-wrapper{width: 100%; position: relative;}
.overlay-cardshare .share-wrapper .share-inner-wrapper-facbook{width: 100%; position: relative;}
.overlay-cardshare .share-wrapper .share-inner-wrapper img.red-bg{width: 100%;}
.overlay-cardshare .share-wrapper .share-inner-wrapper-facbook img.red-bg{width: 100%;}
.overlay-cardshare .share-wrapper .share-inner-wrapper-facbook-sending img.red-bg{width: 100%;}
.share-inner-wrapper .inner-link{position: absolute; top:52%; left: 22%;}
.sharepopup .inner-link{position: absolute; top:45%; width: 97%; text-align: center; left:0;}
.sharepopup .inner-link a{color: #fff; text-decoration: none;}
.sharepopup .inner-link a.share-fb{font-size: 60px ;}
.sharepopup .inner-link a.share-tw{font-size: 72px ;}
.sharepopup .inner-link a.share-pt{font-size: 63px;}
.sharepopup .inner-link a.download{font-size: 64px;}
.sharepopup .inner-link a.share-tumblr {font-size: 60px;margin: 0 20px 0 5px;}
.share-inner-wrapper-facbook .inner-link{position: absolute; top:60%; padding: 0px 10%; width: 90%}
.share-inner-wrapper-facbook .inner-link a img{width: 37%;margin: 0 5px;}
.share-inner-wrapper-facbook .red-bg{width: 80%;}
.sending img{width: 75%;}
.postfb, .sending, .share-inner-wrapper-facbook{display: none;}
.overlay-cardshare .sharepopup .red-bg{width: 80%;}
.overlay-cardshare .row{padding-top: 5%;}
.close-share-card{position:absolute; right: 40px}


/*********************************************************************************
footer css*/

.footer-wrapper{text-align:center; background:gray; padding-top: 25px; padding-bottom: 35px;overflow:hidden; width: 100%}
.footer-wrapper img{margin:0 auto;max-width:100%;z-index:-1;}

.footer-wrapper .not-rated{display:inline-block;float:left;margin-top:22px;}
.footer-nav{padding:20px 0;display:inline-block;}
.footer-inner-wrapper a,.copyright, .footer-nav a{font-family:'Montserrat';color:#ffffff;font-size:10px;text-transform:uppercase;background:url('http://static.tumblr.com/3lhmsqm/U92ngttvh/footer-nav-divider.png') no-repeat center right;text-decoration:none;padding:0px 9px 0px 6px;}
.footer-inner-wrapper a{background:none;font-size:16px;line-height:28px;font-weight:bold;display:block;}
.footer-wrapper .copyright{background:none;display:block;margin:0 1%; font-size: 9px; color: #d4d4d5}
.footer-nav a:last-child{background:none;}
.footer-wrapper .footer-right{display:inline-block;float:right;}
.footer-wrapper .footer-right img{margin-left: 20px;}
.footer-wrapper .footer-small-ver{display:none;}

.footer-wrapper div{padding:0; margin:0; box-sizing:border-box;}
.footer-wrapper .row{max-width: 100%;  display: table; margin: 0px auto;}
.footer-wrapper .left-block{width: 20%; float: left;}
.footer-wrapper .center-block{width: 60%;  float: left;}
.footer-wrapper .right-block{width: 20%;  float: right;}
.footer-wrapper.screen .block div{width:75%; display:inline-block; text-align: center; vertical-align:middle; }
.footer-wrapper.screen .block div img{vertical-align:middle; max-width:100%;}
.footer-wrapper.mobile .block img{vertical-align:middle; max-width:25%;}
    
    @media only screen and (min-width : 768px) and (max-width : 1400px) {
    #header .bx-pager{bottom:30px;}
    #top-nav .social-block{display:block;}
    .footer-nav{padding:10px 0;}
    .footer_img_1, .footer_img_2{position: absolute;  top:-22px}
    .footer_img_2{right: 12%;}
    .footer_img_1{left: 12%;}
    .footer-wrapper .copyright{padding-bottom:20px; padding-top: 10px;margin-top: 0px;}
    .footer-wrapper .not-rated,.footer-wrapper .footer-right{float:none;}
    .footer-wrapper .footer-big-ver{display:block;}
    .footer-wrapper .footer-small-ver{display:block; position: relative}
    .footer-wrapper .not-rated{margin-top:0;}

}

/*********************************************************************************
media query*/

@media only screen and (min-width : 981px) and (max-width : 1280px) {
.logo{width:15%;}
.middle-bar{margin-top: 16%;}
}

@media only screen and (width : 1280px) and (height : 800px){
.middle-bar{margin-top: 18%;}
}

@media only screen and (width : 1024px), (width : 1280px) and (height : 980px){
.logo{width:15%;}
.middle-bar{margin-top: 22%;}
}

@media only screen and (min-width : 641px) and (max-width : 980px) {
.body-div{background-image: url('../images/bg-tall.jpg'); background-position: center bottom; background-size: 100% auto; }
.middle-bar{margin-top: 45%;}
.logo{left:auto;width:auto;position: relative;}
.social_icons{margin-top: 20px;text-align: center; }
}

@media only screen and (width : 900px) {
.middle-bar{margin-top: 40%;}
}

@media only screen and (min-width : 769px) and (max-width : 800px) {
.middle-bar{margin-top: 44%;}
}

@media only screen and (min-width : 641px) and (max-width : 768px) {
.middle-bar{margin-top: 46%;}
.social_icons{margin-top:20px;}
}

@media only screen and (min-width : 100px) and (max-width : 640px) {
.body-div{background: linear-gradient(#FFFFFF, #FFFFFF);;}
.logo{left:auto;width:60%;position: relative;}
.middle-bar{margin-top: 20%; margin-bottom: 7%;}
.social_icons{margin-top: 20px;text-align: center;}
.sharepopup .inner-link a{font-size: 40px !important;}
.section3 div.text{padding: 10px 0;}
.overlay-cardshare .sharepopup .red-bg{width: 100%}
.close-share-card{right: -17px}
.body-div{min-height: 100%;}
.share-inner-wrapper-facbook .inner-link{top:60%;}
.share-inner-wrapper-facbook .inner-link a img{width: 30%;margin: 0 5px;}
}

@media only screen and (min-width : 100px) and (max-width : 640px) and (orientation : landscape) {
.social_icons{margin-top: 25px;text-align: center;}
}

@media only screen and (min-width : 600px) and (max-width : 600px) {
.social_icons{text-align: center;}
.middle-bar{margin-top: 12%;}
}


@media only screen and (min-width : 10px) and (max-width : 360px) {
a.carousel-control.right{right: -45px;}
a.carousel-control.left{left: -45px;}
a.carousel-control img{width: 25px;}
}

.footer-wrapper.mobile{display: none;}
.footer-wrapper{text-align:center; background:gray; padding-top: 45px; padding-bottom: 45px;overflow:hidden;position: relative}
.footer-wrapper img{margin:0 auto;max-width:100%;z-index:-1;}

.footer-wrapper .not-rated{display:inline-block;float:left;margin-top:22px;}
.footer-nav{padding:20px 0;display:inline-block;}
.footer-inner-wrapper a,.copyright, .footer-nav a{font-family:'Montserrat';color:#ffffff;font-size:10px;text-transform:uppercase;background:url('http://static.tumblr.com/3lhmsqm/U92ngttvh/footer-nav-divider.png') no-repeat center right;text-decoration:none;padding:0px 9px 0px 6px;}
.footer-inner-wrapper a{background:none;font-size:16px;line-height:28px;font-weight:bold;display:block;}
.footer-wrapper .copyright{background:none;display:block;margin:0 1%; font-size: 9px; color: #d4d4d5}
.footer-nav a:last-child{background:none;}
.footer-wrapper .footer-right{display:inline-block;float:right;}
.footer-wrapper .footer-right img{margin-left: 20px;}
.footer-wrapper .footer-small-ver{display:none;}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height: 100%;width: 12px;}
.mCSB_scrollTools{right: 6px; top:10px; bottom: 10px;}
.mCSB_scrollTools .mCSB_draggerRail {background-color: #ffffff;}
.mCSB_scrollTools .mCSB_draggerRail {background-color: #ffffff;}
.mCSB_scrollTools .mCSB_draggerRail{width: 4px; background-color: #ffffff}
.last{border-right: 0px !important;}
.activeCard{box-shadow: 0px 0px 15px maroon;}

#divbilling , #mobdivbilling {
    background: #d4d4d4 url(http://static.tumblr.com/7x1nexf/NOsnhckiq/billing_bg_strip.png) repeat-x;
    margin: 0;
    padding: 0;
    text-align: center;
    display: none;
    position: absolute;
    z-index: 99;
    bottom:0;
    width: 100%;
    height: 100%;
    left: 0;
}
@media only screen and (min-width : 768px) and (max-width : 1400px) {
    .footer-nav{padding:10px 0;}
    .footer_img_1, .footer_img_2{position: absolute;  top:-22px}
    .footer_img_2{right: 12%;}
    .footer_img_1{left: 12%;}
    .footer-wrapper .copyright{padding-bottom:20px; padding-top: 10px;margin-top: 0px;}
    .footer-wrapper .not-rated,.footer-wrapper .footer-right{float:none;}
    .footer-wrapper .footer-big-ver{display:block;}
    .footer-wrapper .footer-small-ver{display:block; position: relative}
    .footer-wrapper .not-rated{margin-top:0;}

}

/*********************** ipads.css ***********************/
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .footer-nav{margin-bottom: 41px;}
    .footer_img_1, .footer_img_2{top:0}
    .footer_img_2{right: 17%;}
    .footer_img_1{left: 19%}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .footer-nav{margin-bottom: 41px;}
    .footer_img_1, .footer_img_2{top:0px}
}

/*********************** mobile.css ***********************/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 100px) and (max-width : 480px), only screen and (min-device-width : 100px) and (max-device-width : 480px) {
    .footer-wrapper.mobile{display:block;}
    .footer-wrapper.screen{display:none;}

    .footer-wrapper .not-rated{float:none;}
    .footer-inner-wrapper a{display: inline; border-right: 2px solid #fff; font-size: 12px;font-weight: normal;}
    .footer-wrapper .copyright{font-weight: normal; font-size: 10px;}

    .footer-wrapper{padding:0 10px;}
    .footer-inner-wrapper{line-height:15px !important;}

    .footer-wrapper .copyright{font-size:10px;font-weight:bold;}
    .footer-wrapper .copyright{margin-top: 0px;}
}
@media only screen and (min-device-width : 100px) and (max-device-width : 480px) {
    .footer-inner-wrapper a{display: inline; border-right: 2px solid #fff; font-size: 12px;font-weight: normal;}
    .footer-wrapper .copyright{font-weight: normal; font-size: 12px;}
    .footer-wrapper .copyright{margin-top: 0px;}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px)  and (orientation : portrait) {
    .footer-inner-wrapper a{display: inline; border-right: 2px solid #fff; font-size: 12px;font-weight: normal;}
    .footer-wrapper .copyright{font-weight: normal; font-size: 12px;}
    .footer-wrapper .copyright{margin-top: 0px;}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px)  and (orientation : landscape) {
    .footer-inner-wrapper a{display: inline; border-right: 2px solid #fff; font-size: 12px;font-weight: normal;}
    .footer-wrapper .copyright{font-weight: normal; font-size: 10px;}
    .footerland, .footerland2{display: block; position: absolute;}
    .footerland{left: 0; top: 10}
    .footerland2{right: 0; top: 10}
    .footer-wrapper .copyright{margin-top: 60px;}
    .footer-nav-big{width: 100%; margin: 0 auto;}
    .footer-wrapper .copyright{margin-top: 20px;}
}
@media only screen and (min-width : 640px) and (max-width : 766px) {
    .footerland{left: 0; top: 10px; position: absolute}
    .footerland2{right: 0; top: 10px; position: absolute}
    .footer-wrapper .copyright{margin-top: 20px;}

}
@media only screen and (min-width : 767px) and (max-width : 1024px) and (orientation : portrait){
    .footerland{left: 25%; top: 10px; position: absolute}
    .footerland2{right: 25%; top: 10px; position: absolute}
    .footer-wrapper .copyright{margin-top: 20px;}
}
@media only screen and (min-width : 767px) and (max-width : 1024px) and (orientation : landscape){
    .footerland{left: 45px; top: -16px; position: absolute}
    .footerland2{right: 45px; top: -20px; position: absolute}
    .footer-wrapper .copyright{margin-top: 20px;}
}
@media only screen and (min-width : 1025px){
    .footerland{left: 107px; top: -12px; position: absolute}
    .footerland2{right: 107px; top: -12px; position: absolute}
    .footer-wrapper .copyright{margin-top: 0px;}
}
@media only screen and (min-width : 1200px) and (min-width : 1900px){
    .footerland{left: -226px; top: -12px; position: absolute}
    .footerland2{right: -212px; top: -12px; position: absolute}
    .footer-wrapper .footer-big-ver{padding-top: 16px;}
    .footer-wrapper .copyright{margin-top: 0;}
}
@media only screen and (min-width : 1399px){
    .footerland{left: -226px; top: -12px; position: absolute}
    .footerland2{right: -212px; top: -12px; position: absolute}
    .footer-wrapper .footer-big-ver{padding-top: 16px;}
    .footer-wrapper .copyright{margin-top: 0;}
}
@media only screen and (min-width : 100px) and (max-width : 480px), only screen and (min-device-width : 100px) and (max-device-width : 480px) {
        .fairview{width: 50%}
        .aldamisa{width: 30%}
    }