@charset "utf-8";
*{
 margin:0px;
 padding:0px;
 outline:none;
 
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;

 }
body { background-color: #fff; font-family: 'Raleway';}
li{
 list-style:none;
 display:inline-block;
}
p{
 text-align:justify;   
}
h1,h2,h3,h4,h5{font-weight:normal; margin:0;}
a:focus{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
a{ text-decoration:none;}
img{max-width:100%;}
.wrapper,.header,.footer,.section{ width:100%;}
.container-cus{width:1170px; max-width:100%; margin:0 auto;}
.header{background:#fafafa; padding:10px 0;}
.inner-wrapper{ margin:0 auto; padding:0;}
.logo {margin-top: 10px;}
.header a{display:block;}
.header a img{max-width:100%;}
.menuu .navbar{border:none; margin-bottom:0; background:none;}
.menuu .nav.navbar-nav{float:right; font-family: 'Raleway'; font-weight:400;}
.menuu .navbar-collapse{padding:0;}
.menuu li:hover a {border-bottom:2px solid #fc8081; color:#fc8081 !important;}
.menuu .nav li a{font-size:13px; padding:10px 9px; color:#0b486b; text-transform:uppercase;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color:#fc8081; background:#fff; border-bottom:2px solid #fc8081;}
.top-menu li a.cont-no{font-size:25px; color:#6b5c8d;font-family: 'Raleway'; font-weight:400;}
.top-menu li a{font-size:13px; color:#0b486b;}

.top-menu li{vertical-align:middle; padding-left:19px;}
.top-menu{padding-top:5px;}
.row.bot-header {padding-top: 10px;}
.header-fixed{width:100%; background:#fff; padding:10px 0; position:fixed; z-index:9;}
.header-fixed li{display:inline-block; vertical-align:bottom}
.logo-text h1{color:#0b486b; font-size:12px; font-weight:normal;}
.logo-text h2{color:#0b486b; font-size:20px; font-weight:normal;}
.logo1 li {font-size:11px;color:#0b486b;}
.top-menu li a.log-in{background:#0b486b; font-size:14px;color:#fff; border-radius:18px; padding:8px 28px; text-transform:uppercase;}
.top-menu .btn-default{background:none; border:0; padding:0;}
.top-menu .btn:active,.top-menu .btn.active{box-shadow:none}
.top-menu .btn-default:active, .top-menu .btn-default.active, .open > .dropdown-toggle.btn-default{background:none; box-shadow:none;}
.slider{width:100%; text-align:center; position:relative; padding-top:105px;}
.banner-img h1{font-size:35.5px; color:#0b486b; line-height:45px; padding-top:12%;}
.banner-img p{font-size:16px; line-height:22px; color:#0b486b; text-align:center; padding:28px 0 30px;}
.banner-img .btn.btn-default{background:#0b486b; color:#fff; font-size:18px; text-transform:uppercase; padding:15px 30px; border-radius:30px; border:none;}
.banner-img .btn.btn-default:hover,.banner-img .btn.btn-default:focus{background:#fc8081; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s; outline:none;}
.select-lag li{padding:0; display:block; width:100%;}
.select-lag .btn-group.open .dropdown-toggle{box-shadow:0;}
.select-lag .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.banner-img{position:absolute; top:0; left:50%; margin-left:-320px; top:27%;}
.slider img{width:100%;}
.journey h1{font-size:36px; text-align:center; color:#0b486b; text-transform:uppercase; padding:50px 0 20px;}
.journey h3{font-size:24px; color:#0b486b; text-transform:uppercase; text-align:center; border-top:1px solid #0b486b; width:40%; margin:0 auto; padding:20px 0 70px;}
.steps li a{color:#fff;}
.steps {width:324px; height:324px; margin:0 auto; position:relative; background:url(../images/dashed-circle.png) no-repeat top center;}
.steps li{position:absolute; background:#0b486b; width:90px; height:90px; border-radius:50%; color:#fff; text-align:center;   transform: rotate(360deg);
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;}
.steps li:nth-child(1){top:-36px; left:50%; margin-left:-45px; }
.steps li:nth-child(2){ right:-36px; top:50%; margin-top:-45px;}
.steps li:nth-child(3){ bottom:-36px;left:50%; margin-left:-45px; }
.steps li:nth-child(4){ left:-36px;top:50%; margin-top:-45px; }
.steps li:hover{ transform: rotate(-360deg); 
-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg);
transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; border:10px solid rgba(255,255,255,.3); }

.steps li p{font-size:16px; text-align:center; margin:0 auto; width:50%; border-bottom:2px solid #c6d4dc; padding:10px 0  4px;}
.steps li h2{font-size:10px; text-align:center; padding-top:5px;}
.steps li:hover p{padding:0;}
.get-started{ text-align:center; padding:85px 0;}
.get-started .get-1 .circle{background:#fc8081; width:75px; height:75px; border-radius:50%; text-align:center; line-height:65px; margin:0 auto;transform: rotate(360deg)scale(1); 
-webkit-transform: rotate(360deg)scale(1); -moz-transform: rotate(360deg)scale(1);
transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}

.get-started .get-1 .circle:hover{ transform: rotate(-360deg)scale(0.9); 
-webkit-transform: rotate(-360deg)scale(0.9); -moz-transform: rotate(-360deg)scale(0.9);
transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}

.get-started .get-1 { padding:0 0 70px; cursor:pointer;}
.get-started .get-1 h1{font-size:24px; color:#0b486b; padding:15px 0;}
.get-started .get-1 p{font-size:12px; color:#0b486b; text-align:center;}
.get-started .get{width:75%; margin: 0 auto;}
.pink-btn{background:#fc8081;padding:12px 25px; border-radius:40px; border:none; color:#fff; text-transform:uppercase;}
.get-started .pink-btn{font-size:24px; }
.get-started .pink-btn:hover,.get-started .pink-btn:focus{background:#0b486b !important; color:#fff; outline:none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}

.philosophy{background:#fc8081; width:100%; text-align:center; padding:45px 0 60px; color:#fff;}
.philosophy h1{font-size:36px; border-bottom:2px solid #fff; color:#fff; margin:0 auto 55px; padding-bottom:20px; text-transform:uppercase; width:60%;}
.inner-phi{width:56%; margin:0 auto;}
.inner-phi p{font-size:14px; line-height:21px; padding-bottom:30px; margin:0;}
.footer{background:#0b486b; color:#fff; padding:30px 0;}
.footer a{color:#fff; display:block; padding:6px 0;}
.footer a:hover{color:#fc8081;}
.footer h2{font-size:24px; padding-bottom:10px;}
.footer p{font-size:14px; line-height:18px; padding-bottom:10px;}
.footer .pink-btn{ color:#fff; padding:10px 30px; font-weight:bold; letter-spacing:1px;}
.footer .pink-btn:hover,.footer .pink-btn:focus{background:#fc8081; outline:none;}
.bottom-footer{text-align:center; background:#f5f5f5; padding:10px 0;}
.bottom-footer {color:#999;}




/*pop-up*/

.modal-backdrop.fade.in{z-index:1; background:none;}
.pop-up-prp .modal-header h4.modal-title {font-size:25px; color:#000;}
.pop-up-prp .modal-header{background:#ecede9;}
.modal-content{box-shadow:none; border-radius:0px;}
.modal-dialog {
    margin: 30px auto 0;
    padding-top: 104px;
    width: 700px;
}
.modal-body{background:#f5f5f5;}
.modal-body .new-input input{background:#ecede9; border:1px solid #c9cac6; color:#9e9e9e; font-size:16px; padding:7px 15px; width:100%; border-radius:25px;}
.modal-body .new-input.select button,.modal-body .new-input.select button:hover,.modal-body .new-input.select button:focus{background:#ecede9 ; border:1px solid #c9cac6; color:#9e9e9e; font-size:16px; padding:7px 15px; width:100%; border-radius:25px; text-transform:none;}
.modal-body .new-input input:hover,.modal-body .new-input input:active{border:1px solid #fc8081;}
.modal-body .new-input.select li,.modal-body .new-input.select ul{display:block; width:100%;}
.modal-footer{background:#ecede9;}
.pop-up-content{width:90%; margin:0 auto; float:none;}
.modal .new-input{padding:10px 0;}
.modal .new-input label {font-size: 16px; padding-top: 20px; color:#535353; font-weight:normal; display:block;}
.modal .buuton-new button.btn.bt{width:100%; background:#FC8081; color:#fff; text-transform:uppercase; border-radius:25px; padding:10px 15px; font-size:16px; }
.modal .buuton-new label{color:#535353; font-weight:normal; font-size:16px;font-family: 'Raleway'; }
.login{ font-family: 'Raleway'; text-align:left;}
.modal-footer{font-size:16px; color:#535353;}
.modal-footer a{font-size:15px; color:#535353;}
.modal-footer a:hover{color:#fc8081;}
.modal-footer img{padding-right:12px;}
.not-register {
    display: block;
}
.password{padding:10px 0 0;}
.pop-up-content a{color:#0B486B;}
.select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}

.modal{text-align:left;}
.day{padding-left:0;}
.modal .rem .check-box label{  color: #535353;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding-top: 0;
    vertical-align:top;
    width:90%;
}
.rem .check-box {
    padding: 10px;
}
.modal-open .modal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

}

.modal-footer .btn.bt{width:20% !important;}

.exp-check .check-box > input {
    display: inline-block;
    vertical-align: top;
    width: 15% !important;
}
.exp-check .check-box > label {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    vertical-align: top;
    width: 81%;
}
.exp-check .check-box {
    padding-left: 0;
}
.modal-footer .login a {
    background: none repeat scroll 0 0 #3c5a98;
    color: #fff;
    padding: 5px 10px;
    transition: all .6s ease-in-out 0s; -moz-transition: all .6s ease-in-out 0s; -webkit-transition: all .6s ease-in-out 0s;
}

.modal-footer .login a:hover {
    background: #2e4981;
    color: #fff;
    padding: 5px 10px;
    transition: all .6s ease-in-out 0s; -moz-transition: all .6s ease-in-out 0s; -webkit-transition: all .6s ease-in-out 0s;
}
.password > a:hover {
    color: #fc8081;
}
/*pop up*/


.menuu .container-fluid {
    padding: 0;
}
#myModal3 .new-input span {
    color: #ff0000;
}
.menuu li {
    margin-left: 3px;
}

/*---------------------inner page content---------------------------*/


.cart .btn-group .btn {
    background:#0b486b;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 13px;
    padding: 6px 18px;
}
.cart .btn-group .btn:hover,.cart .btn-group .btn:focus,.cart .btn-group .btn:active {background:#FC8081 !important;}
.item-cart .fa {
    color: #fc8081;
    font-size: 7px;
    padding-left:3px;
}
.cart .dropdown-menu {
    width: 200px;
}

.top-heading{background:#fc8081; color:#fff; text-align:center; padding:23px 0; margin-bottom:40px;}
.top-heading h1,.left-content h2{ font-size:20px; font-weight:600; line-height:30px; text-transform:uppercase;}
.left-content h2{color:#244e6d; border-left:5px solid #ff8384; padding-left:15px; margin-bottom:30px;}
.left-content li h3{ font-size:14px; font-weight:600; padding-bottom:5px; color:#333;}
.left-content li a{color:#333;}

.left-content li p{color:#666; font-size:12px; margin:0; display:inline-block;}
.left-content li a:hover{text-decoration:underline; color:#666;}
.left-content li{border-bottom:1px solid #cfdae2; padding-bottom:19px; margin-bottom:19px; display:block; width:100%;}
.next-btn .btn{  background: #0b486b;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-weight:700;
    padding: 15px 30px;
    width:80%; margin:0 auto;
    
 }
 .next-btn .btn:hover,.next-btn .btn:focus,.next-btn .btn:active {background:#FC8081 !important;}
.right-content .nav-tabs > li.active > a,.right-content .nav-tabs > li.active > a:hover,.right-content .nav-tabs > li.active > a:focus{
   background:#fc8081; margin:0;
    }
.right-content .nav > li > a:hover,.right-content .nav > li > a:focus{
 border:0;
  background:#fc8081; 
  border-right:1px solid #50718a;
 }

.right-content #myTab li span{display:inline-block; } 
.right-content #myTab li .nub{font-size:53px; color:rgba(255,255,255,.2); font-weight:600; padding-right:9px;}
.right-content .nav-tabs > li > a{background: #0b486b;}
.right-content #myTab li .text{font-size:16px; color:#fff; line-height:normal; font-weight:700;}
.right-content .nav-tabs > li > a{margin:0; border:0; border-radius:0; border-right:1px solid #50718a; padding:10px;}
.right-content .nav-tabs > li:last-child > a{border-right:0;}
.right-content .nav-tabs{border:none;}

.right-content h4{font-size:16px; font-weight:700; color:#0b486b;}

.right-content .new-input input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 7px 15px;
    width: 100%;
}
.form1 label{font-size:14px; font-weight:500; color:#0b486b; min-height:50px;}

.form1 label p{font-size:12px; color:#666666;}
.right-content p{font-size:13px; color:#666; padding:10px 0;}



.form1 .new-input.select button, .form1 .new-input.select button:hover, .form1 .new-input.select button:focus {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 10px 15px;
    text-transform: none;
    width: 100%;
}
.form1 .btn.dropdown-toggle.selectpicker.btn-default,.form1 .btn.dropdown-toggle.selectpicker.btn-default:hover,.form1 .btn.dropdown-toggle.selectpicker.btn-default:focus,.form1 .btn.dropdown-toggle.selectpicker.btn-default:active {
    border-radius: 25px;
    width: 100%;
     border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 7px 15px;
    text-transform: none;
    text-indent:15px;
}
.form1 .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width:100%;}
.dropdown-menu.inner.selectpicker > li{display:block;}
.right-content .bootstrap-select .btn-default:hover, .right-content .bootstrap-select .btn-default:focus, .right-content .bootstrap-select .btn-default:active, .right-content .bootstrap-select .btn-default.active, .right-content .bootstrap-select .open > .dropdown-toggle.btn-default{background:#fff !important; box-shadow:none;}
span.tool_tip { background:#0b486b;border-radius: 3px;color: #fff; margin-left: 6px; padding: 2px 7px; cursor:pointer;}
span.tool_tip:hover{background:#FC8081;}
.inner-tab1 .nav.nav-tabs {
    margin-bottom: 40px;
    
}
.left-content {
    padding-right: 50px;
}
.right-html{border:1px solid #dedede; padding:10px;}
.right-html .right-box{ background:#dedede; min-height:340px;}
.custom-tab{padding-right:60px;}

.inner-tab1 {
    padding-bottom: 50px;
}
.next-btn {
    margin-top: 30px;
}

.right-content .nav-tabs li:first-child a {
 border:0;
 border-right:1px solid #50718a;
    border-radius: 5px 0 0 5px;
}
.right-content .nav-tabs li:last-child a {
    border-radius: 0px 5px 5px 0px;
}
.tooltip {width:200px; text-align:left;}


.right-content .new-input {
    padding-bottom: 15px;
}
.tooltip-inner{text-align:left;}
.upload-song{ background: none repeat scroll 0 0 #fff;
    border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 10px 15px;
    text-transform: none;
    width: 100%;
    display:block;
 }
 .upload-song:hover{color: #9e9e9e;}
.next-btn .fa.fa-chevron-right {
    padding-left: 15px;
}
.correct input {
    
    border: 1px solid rgba(35, 147, 37, 1) !important;
    box-shadow: 0 0 3px rgba(35, 147, 37, 0.5);
    color:#fff; 
    margin-bottom:10px;
}
.right-content .new-input.correct{padding:0;}
.right-content .new-input.correct label{min-height:10px;}


.false input {
    
    border: 1px solid rgba(185, 55, 55, 1) !important;
    box-shadow: 0 0 3px rgba(185, 55, 55, 0.5);
    margin-bottom:10px;
}

.button .btn {
    background: none repeat scroll 0 0 #0b486b;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px 0 0;
    padding: 10px 15px;
    width: auto;
}
.button .btn:hover {background:#FC8081 !important;}

#myModal4 .pop-up-content p{color:#666;}
.pop-up-content label span{color:#ff0000;}
.com-logo li{display:inline-block; vertical-align:bottom; width:19%}
.com-logo li .img-com {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
}
.com-logo li .img-com img{width:80%; margin:0 auto;}
.com-logo li p{text-align:center; font-size:15px; color:#666; font-weight:700; padding:5px 0;}
.com-logo {text-align: center;}

.check-btn .btn{  background: #0b486b;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-weight:700;
    padding: 15px 30px;
 margin:0 auto;
    
 }
 .check-btn .btn:hover,.check-btn .btn:active,.check-btn .btn:focus{background:#FC8081 !important;}
 
 .check-btn .fa {
    padding-left: 15px;
}

.right-content .form1 input[type="checkbox"] {
    width: auto;
}
.cart .btn-default:hover, .btn-default:focus, .cart .btn-default:active, .cart .btn-default.active,.cart .open > .dropdown-toggle.btn-default{
    background:#ff8384;
    
    }
    
    
    
.upload {
    border-radius: 25px;
    background:#0B486B;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    width: 100%;
    border:0;

}
.form1 button.upload:hover{background-color:#FC8081 !important; color:#fff;}

.collapse-display{display:none;}

.nav.navbar-nav > li:hover a { border: 0 none;}
.normal{min-height:25 !important;}

.log-out { background: none repeat scroll 0 0 #0b486b; border: 0 none; border-radius: 18px; color: #fff !important; font-size: 14px; padding: 6px 25px; display:block;}

.log-out:hover{background-color:#FC8081;}
.inner-footer a{display:inline-block; padding:0 20px; text-transform:uppercase;}
.inner-footer {text-align:center;}

/*correct page*/

.inner-header{padding:18px 0;}
.correct-page{background:url(../images/correct-banner.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}
.box-inner{background:rgba(167, 122, 80, 0.6); width:700px; margin:0 auto; color:#333; padding-bottom:30px;}
.box-inner h1{font-size:38px; font-weight:700; text-align:center; padding: 25px 0px;}
.box-inner h1 span {border-bottom: 2px solid rgba(255, 255, 255, 0.3); display: inline-block; padding-bottom: 30px;}

.box-inner h2{font-size:18px; margin:0; font-weight:bold;}
.box-inner h4{font-size:18px; margin:0; padding-bottom:15px;}
.box-inner p{text-align:center; font-size:13px; line-height:20px; margin:0; padding-top:60px;}
h3.correct-text{font-size:22px; color:#1d9e74; font-weight:700; padding:40px 0; text-transform:uppercase;}
footer{background:#0c486c; text-align:center; padding:25px 0;}
footer p{color:#fff; font-size:13px; text-align:center; margin:0;}

#zoom-in {
	-o-animation-duration: 2.5s;
   -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
   
  -vendor-animation-iteration-count: infinite;
}

/*incorrect page css*/

.incorrect-page{background:url(../images/correct-banner.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
h3.incorrect-text{font-size:22px; color:#b9121b; font-weight:700; padding:40px 0; text-transform:uppercase;}
.go-back button.btn{background-color:#1d9e74; padding:13px 35px; color:#fff; font-size:16px; text-align:center; text-transform:uppercase; border-radius:40px; border:0; font-weight:700; margin:25px 0 70px;}
.go-back button.btn:hover {
    background:#c7636a;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}
.startup{background:url(../images/banner.jpg) no-repeat center; padding:195px 0; text-align:center; background-size:cover;}
.startup h1{font-size:60px; font-weight:700; text-shadow:3px 3px 0 rgba(0,0,0,.2);-moz-text-shadow:3px 3px 0 rgba(0,0,0,.2);-webkit-text-shadow:3px 3px 0 rgba(0,0,0,.2); color:#0b486b; margin:0; padding-bottom:80px;}
.startup input{border:1px solid #0b486b; color:#0b486b; border-radius:40px; font-size:14px; min-width:320px; text-align:center; font-weight:600; padding:12px 0;}
.startup span{font-size:13px; font-weight:600; color:#0b486b; padding:10px 0; display:block;}
.submit button.btn{color:#fff; background:#0b486b; text-transform:uppercase; border-radius:40px; padding:12px 45px; border:0; font-weight:700; margin:18px auto; font-size:16px;}
.startup p{font-size:16px; font-weight:600; line-height:25px; text-align:center; color:#0b486b;}

/*thankyou page*/

.thankyou-page{background:url(../images/correct-banner.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;}
.thankyou-page h1{font-size:25px;}
.thankyou-page h5{font-size:13px; text-transform:uppercase; margin:0; padding:60px 0 35px;}
.thankyou-page h4{font-size:22px; font-weight:700;}
.thankyou-page p{padding-top:20px;}
.thankyou-page .bootstrap-select > .btn{border:1px solid #0b486b; color:#333; border-radius:40px; font-size:13px; text-align:center; font-weight:600; padding:12px 15px; margin-top:20px; border:0; min-width:250px;
}
.thankyou-page .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto;}
.thankyou-page .submit button.btn{color:rgb(167, 122, 80); background:#fff; text-transform:uppercase; border-radius:40px; padding:12px 45px; border:0; font-weight:700; margin:18px auto; font-size:16px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}
.thankyou-page .submit button.btn:hover{color:#fff; background:rgb(167, 122, 80);}

.thankyou-page .bootstrap-select > .btn:hover,.thankyou-page .bootstrap-select > .btn:active,.thankyou-page .bootstrap-select > .btn:focus{background:#fff; box-shadow:none; }

.top-menu .btn-default:active, .top-menu .btn-default.active, .open > .dropdown-toggle.btn-default{background:#fff;}


/*congrats page*/
.congrates{background:url(../images/congrates.jpg) no-repeat center; padding:85px 0; text-align:center; background-size:cover;}
.congrates h1{font-size:60px; font-weight:700; text-shadow:3px 3px 0 rgba(0,0,0,.2);-moz-text-shadow:3px 3px 0 rgba(0,0,0,.2);-webkit-text-shadow:3px 3px 0 rgba(0,0,0,.2); color:#0b486b; margin:0; padding-bottom:30px;}


.congrates p{font-size:16px; font-weight:600; line-height:25px; text-align:center; color:#0b486b;}

.congrates h2{font-size:18px; margin:0; font-weight:700; color:#0b486b; padding-bottom:30px;}
.congrates h3{font-size:15px; margin:0;  color:#0b486b;  font-weight:700; padding-bottom:7px;}
.congrates h4{font-size:20px; color:#0b486b; font-weight:700; padding-top:160px;}
.congrates h5{color:#0b486b; font-weight:600; padding-top:10px; }
h3.lower-last{margin-top:40px; font-weight:600;}

.congrates-page .register .btn.btn-default {
    background: none repeat scroll 0 0 #0b486b;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    padding: 8px 30px;
}
.congrates-page .register {
    padding-top: 32px;
}

.thankyou-page .video-new{background:#fff; border:5px dashed #666; width:200px; height:200px; margin:0 auto; font-size:18px; font-weight:600; line-height:200px;}
.thankyou-page .video-new span{ padding-top:70px; display:block; line-height:30px;}

.congrates-page .register .btn.btn-default:hover,.congrates-page .register .btn.btn-default:focus{background:#FA8081; outline:none;}

.share li{display:inline-block; vertical-align:middle; color:#0b486b; padding-right:5px;}
.share li:first-child{padding-right:15px;}
.share li a .fa{ color:#fff; border-radius:3px; line-height:25px; text-align:center; display:block; width:25px; height:25px; font-size:12px;}
.share li a .fa-instagram{background:#3a5797;}
.share li a .fa-facebook{background:#3b599a;}
.share li a .fa-linkedin{background:#3b599a;}
.share li a .fa-twitter{background:#4299fc;}
.share li a .fa-pinterest{background:#d0222b;}

.share { padding-top: 30px;}
.share p{padding-top:10px;}
.share p a{ color:#0b486b;}


/*valentine*/



.valentine section.incorrect-page {background:url(../images/valentines.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
.valentine .box-inner {background: none repeat scroll 0 0 rgba(243, 232, 230, 0.7); color:rgb(140, 18, 30);}
.valentine .bootstrap-select > .btn{color:rgb(140, 18, 30);}
.valentine .submit button.btn{background:rgb(140, 18, 30); color:#fff;}
.valentine .submit button.btn:hover{background:#fff; color:rgb(140, 18, 30);  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}

.valentine .video-new{background:rgba(243, 232, 230, 1); border:5px dashed #8c121e; width:200px; height:200px; margin:0 auto; font-size:18px; font-weight:600; line-height:200px;}
.valentine .video-new span{ padding-top:70px; display:block; line-height:30px; color:#8c121e;}

.valentine section.correct-page{background:url(../images/valentines.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}

.valentine section.thankyou-page{background:url(../images/valentines.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;}
/*valentine*/
/*just because*/

.just-because section.incorrect-page {background:url(../images/just-because.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
.just-because .box-inner{background:rgba(229,213,198,.70); color:#856e69;}
.just-because .bootstrap-select > .btn{color:#856e69;}
.just-because .submit button.btn{background:#856e69; color:#fff;}
.just-because .submit button.btn:hover{background:#fff; color:#856e69;  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}

.just-because .video-new{background:rgba(229,213,198,1); border:5px dashed #856e69; width:200px; height:200px; margin:0 auto; font-size:18px; font-weight:600; line-height:200px;}
.just-because .video-new span{ padding-top:70px; display:block; line-height:30px; }

.just-because section.correct-page{background:url(../images/just-because.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}

.just-because section.thankyou-page{background:url(../images/just-because.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;}

/*just-because*/
/*anniversary*/
.anniversary section.incorrect-page {background:url(../images/anniversary.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
.anniversary .box-inner{background:rgba(234,216,168,.70); color:#856e69}
.anniversary .bootstrap-select > .btn{color:#856e69;}
.anniversary .submit button.btn{background:#856e69; color:#fff;}
.anniversary .submit button.btn:hover{background:#fff; color:#856e69;  -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:  all 0.3s ease-in-out 0s;}

.anniversary .video-new{background:rgba(234,216,168,1); border:5px dashed #856e69; width:200px; height:200px; margin:0 auto; font-size:18px; font-weight:600; line-height:200px;}
.anniversary .video-new span{ padding-top:70px; display:block; line-height:30px;}
.anniversary section.correct-page{background:url(../images/anniversary.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}

.anniversary section.thankyou-page{background:url(../images/anniversary.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;} 

/*anniversary*/
/*Birthday*/



.birthday section.incorrect-page {background:url(../images/birthday.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
.birthday .box-inner{background:rgba(0, 0, 0, 0.5); color:#fff;}
.birthday .bootstrap-select > .btn{color:#8C8F86;}
.birthday .submit button.btn{background:#fff; color:#666;}
.birthday .submit button.btn:hover{background:#666; color:#fff;  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}

.birthday .video-new{background:rgba(0,0,0,.3); border:5px dashed #fff; }
/*.birthday .video-new span{ padding-top:70px; display:block; line-height:30px;}*/

.birthday section.correct-page{background:url(../images/birthday.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}

.birthday section.thankyou-page{background:url(../images/birthday.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;} 

/*bithday*/
/*romance*/

.romance section.incorrect-page {background:url(../images/romance.jpg) no-repeat center center; padding:160px 0; text-align:center; background-size:cover;}
.romance .box-inner { background: none repeat scroll 0 0 rgba(238, 238, 238, 0.8); color: #8C121E;}
.romance .bootstrap-select > .btn{color:#8C121E;}
.romance .submit button.btn{background:#fff; color:#8C121E;}
.romance .submit button.btn:hover{background:#8C121E; color:#fff;  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}

.romance .video-new{background:rgba(255, 255, 255, 1); border:5px dashed #8c121e; width:200px; height:200px; margin:0 auto; font-size:18px; font-weight:600; line-height:200px;}
.romance .video-new span{ padding-top:70px; display:block; line-height:30px; color:#8c121e;}

.romance section.correct-page{background:url(../images/romance.jpg) no-repeat center center; padding:163px 0; text-align:center; background-size:cover;}

.romance section.thankyou-page{background:url(../images/romance.jpg) no-repeat center center; padding:123px 0; text-align:center; background-size:cover;}
/*romance*/








.right-html section.thankyou-page {
    padding: 10px;
}
.right-html .box-inner{width:100%;}
.right-html .thankyou-page h1{font-size:14px;}
.right-html .box-inner h2{font-size:13px; padding:0 5px;}
.right-html .thankyou-page h5 {
    font-size: 12px;
    margin: 0;
    padding: 40px 0 25px;
    text-transform: uppercase;
}
.right-html .thankyou-page h4 {
    font-size: 15px;
    font-weight: 700;
    color:#333;
}

.right-html .thankyou-page .bootstrap-select > .btn {
    font-size: 12px;
    margin-top: 0;
    min-width: 145px;
    padding: 5px 15px;
    color:rgb(167, 122, 80);
}
.right-html .thankyou-page .submit button.btn {
    font-size: 12px;
    margin: 18px auto;
    padding: 5px 20px;
   
}
.box-inner p {
    font-size: 10px;
    line-height: 15px;
    margin: 0;
}
.box-inner p br{display:none;}

.right-html .valentine  .thankyou-page h4{color:rgb(140, 18, 30);}

.right-html .anniversary  .thankyou-page h4{color:#856e69;}

.right-html .just-because .thankyou-page h4{color:#856e69;}

.right-html .birthday .thankyou-page h4{color:#ffffff;}

.right-html .romance .thankyou-page h4{color:rgb(140, 18, 30);}


.first-div,.second-div{display:inline-block; vertical-align:top; margin:0 25px;}


/*cart-page css starts*/
.inner-tab1{padding-top:132px;}
.cart-page{padding-top:132px;}
.banner-inner{ width:100%; text-align:center; background:url(../images/banner-inner.jpg) no-repeat center center/cover #fc8081;}
.banner-inner h1{font-size:34px; text-transform:uppercase; color:#fff; font-weight:600; text-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); padding:50px 0 25px;}
.banner-inner h5{font-size:55px; font-weight:200; text-shadow:3px 3px 0 rgba(0, 0, 0, 0.2); color:#fff; text-transform:uppercase; padding-bottom:50px;}
.item-cart{background:#fc8081; color:#fff; border-radius:100%; width:16px; height:16px; line-height:15px; text-align:center; display:inline-block; position:relative; top:-10px;}
.cart .btn-group .btn:hover .item-cart, .cart .btn-group .btn:focus .item-cart, .cart .btn-group .btn:active .item-cart{background:#0b486b;  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition:  all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;  transition:  all 0.3s ease-in-out 0s;}
.cart-inner-page{padding-top:50px;}
.cart-inner-page h2 { border-left: 5px solid #ff8384;color: #244e6d; margin-bottom: 30px; padding-left: 15px; text-transform:uppercase; font-size:20px; font-weight:600;} 
.product-table{border:1px solid #f5f5f5; border-left:0; border-right:0; padding:20px 0 30px; margin-bottom:30px;}
.product1 h3{font-size:16px; color:#244e6d; font-weight:600; text-transform:uppercase; padding-bottom:40px;}
.product-img{display:inline-block; vertical-align:top}
.product1 p{display:inline-block; vertical-align:top; font-size:16px; font-weight:600; color:#244e6d; padding:15px 0 0 25px;}
.product-img img{border:3px solid #ebebeb;}
.gray,.number{float:left; display:block;}
.number{background:#fff; padding:0 36px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#666; font-weight:600; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.gray{background:#eeeeee; font-size:16px; color:#666; width:35px; height:35px; text-align:center; line-height:35px;}

.product1 h4{font-size:20px; font-weight:600; color:#244e6d;}
.action a{font-size:18px; color:#244e6d; padding-right:30px;}
.action a:last-child{ color:#FC8081}
.coupon h3 { color: #244e6d; font-size: 16px; font-weight: 600;  padding-bottom: 15px;}
.code{font-size:14px; color:#666; font-weight:300; margin-bottom:20px;}
.nub-1{font-size:14px; font-weight:700; color:#333;}
.gift{font-size:12px; color:#666; font-weight:300;}
.coupon  .form-control{box-shadow:none;}
.coupon .input-group-addon { background: #0b486b; color: #ffffff; border-radius: 0 40px 40px 0; border:0; padding:0 15px;} 
.coupon input.form-control { border-radius: 40px;}
.coupon .input-group{width:50%; margin-bottom:18px;}
.right-cart{font-size:12px; color:#244e6d;}
.right-cart .red{color:#fc8081;}
.total{background:#fc8081; color:#fff; font-weight:700;  padding:5px 10px;}
.total .col-md-6 .row > p {
    padding-top:5px; margin:0;
}
.total .col-md-4 .row > p {
    font-size: 20px;
    margin: 0;
}
.proceed{background:#eeeeee; text-align:right; padding:12px 20px; margin:35px 0 50px;}
.proceed-check,.OR,.pay{display:inline-block; vertical-align:middle;}
.OR{font-size:16px; color:#7b7a7a; font-weight:600; padding:0 10px;}
.proceed-check a{background:#fc8081; color:#fff; font-size:16px; font-weight:600; padding:7px 25px; border-radius:40px;}
.also-like a{}
.image1{position:relative; border:1px solid #eeeeee; padding:3px;}
.image1 p{position:absolute; bottom:0; left:3px; right:3px; background:#000; color:#fff; font-size:16px; font-weight:600; text-align:center; text-transform:uppercase; margin:0; padding:8px 0;}
.also-like li {  margin-right: 6px;}
.also-like li:last-child {    margin-right:0px;}
.also-like ul{margin-bottom:40px;}

.check-Outs{padding:132px 0 50px;}
.check-Outs h2 { border-left: 5px solid #ff8384; color: #244e6d; font-size: 20px; font-weight: 600; margin-bottom: 30px; padding-left: 15px; text-transform: uppercase;}
.content-check h3{color:#244e6d; font-size:16px; font-weight:600; margin-bottom:5px;}
.content-check p{color:#666; font-size:13px; margin:0;}
.content-check label{color:#666; font-size:14px; font-weight:normal;}
.radio-check{padding:13px 0 0;}
.check-text{padding-top:10px;}
.check-text > p { padding-right: 51px;}
.right-check0ut p{padding-bottom:20px;}
.check-input input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 4px 15px;
    width: 55%;
}

.check-input .btn.dropdown-toggle.selectpicker.btn-default,.check-input .btn.dropdown-toggle.selectpicker.btn-default:hover, .check-input .btn.dropdown-toggle.selectpicker.btn-default:focus, .check-input .btn.dropdown-toggle.selectpicker.btn-default:active {
    border: 1px solid #c9cac6;
    border-radius: 25px;
    color: #9e9e9e;
    font-size: 16px;
    padding: 4px 15px;
    text-indent: 15px;
    text-transform: none;
    width: 100%;
    background:#fff;
    box-shadow:none;
}
.check-input .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:85%;}
.check-input { padding-bottom: 20px;}
.check-input .btn.btn-default.pink-btn {  padding: 7px 20px;}
.check-input .btn.btn-default.pink-btn:hover {background:#244e6d; color:#fff;}
.content-check {  padding-bottom: 40px;}
.bottom-check h3{font-size:16px; color:#244e6d; font-weight:600;}
.bottom-check p{ color:#666; font-size:13px; margin:0;}
span.red-text{color:#fc8081;}
.bottom-check h4{color:#333; font-size:14px; font-weight:600; padding-top:7px;}
.bottom-check .check-input > input { width: 85%;}
.bottom-check .check-input > input { color: #666666; font-size: 14px;}
.tab-new{background:#f7f7f7;  padding:15px;}
.tab-new h2{font-size:16px;}
.tab-new .panel-title > a {  display: block;}
.panel-heading{background:url(../images/tab-closed.png) no-repeat 97% center #e6e6e6;border-radius:0;}
.panel-heading a{color:#333; font-size:13px; font-weight:600;}
.panel-heading.active{background:url(../images/tab-open.jpg) no-repeat 97% center #244e6d; }
.panel-heading.active a{color:#fff; font-size:13px; font-weight:600;}
.tab-new .panel-title { padding: 0;}
.panel-body{background:#efefef;}
.panel-group .panel{border:0; }
.panel-group .panel + .panel{margin-top:3px; border-radius:0;}
.tab-new h5 { font-size: 13px; font-weight:600; color:#666; padding-bottom:11px;}
.billing li{display:block; background:#f7f7f7; border-bottom:1px solid #eaeaea; padding:10px 8px; font-size:14px; font-weight:600;}
.billing li:last-child{border:0;}
.billing li a{color:#244e6d;}
.billing li:hover{ background:#244e6d;}
.billing li:hover a{color:#fff;}
.pencil {color:#fff; background:#ff8384; border-radius:3px; display:inline-block; float:right; padding:3px 5px;}
.billing { margin-bottom: 30px;}
.discount-right li{display:block; font-size:14px; font-weight:600; color:#244e6d; padding-bottom:20px;}
.discount-right .red-text p{color:#ff8384;}
.discount-right p{margin:0;}

.inner-menu{padding-top:25px;}





.starRating{
  display        : inline-block;
  position       : relative;
  height         : 23px;
  background     : url('../images/stars.png') repeat-x 0 0;
  vertical-align : bottom;
}

.starRating div{
  float    : left;
  position : relative;
  height   : 23px;
}

.starRating input{
  position : relative;
  z-index  : 1;
  width    : 24px !important;
  height   : 23px;
  margin   : 0;
  padding  : 0;
  opacity  : 0;
}

.starRating label{
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 23px;
}

.starRating span{
  display : none;
}

.starRating       input:checked       + label,
.starRating:hover input:checked:hover + label{
  background : url('../images/stars.png') repeat-x 0 -24px;
}

.starRating:hover input:checked + label{
  background : transparent;
}

.starRating:hover input:hover + label{
  background : url('../images/stars.png') repeat-x 0 -47px;
}