/* ========================================================== */
/* 						    04. HEADER                        */
/* ========================================================== */

/* ----- 1. Header Styles ----- */
#header_wrapper{
background:black;
position: fixed;
z-index:1000;
width: 100%;
height:50px;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
box-shadow: 0 0 4px rgba(0, 0, 0, .2);
}

#header_wrapper #header {
width:100%;
margin:0 auto;
}

/* ----- 2. Logo ----- */
a#logo {
position: relative;
float:left;
z-index:900;
font-family: 'Cabin','Pacifico', cursive;
font-size:22px;
line-height:22px;
color:#fff;
padding-top: 14px;
}

@media only screen and (min-device-width: 1366px){
#header_middle {
max-width:100%;
padding:0px 4%;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#header_middle {
padding:0;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#header_middle {
padding:0;
}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)  {
#header_middle {
padding:0px 35px;
}
}


/* ----- 3. Navigation ----- */
#nav {
margin-top: 10px;
float:right;
position:relative;
}

#nav li {
display: inline-block;
position: relative;
margin:0 12px 0 12px;
}

#nav li.subscribe {
margin:1px 0 0 15px!important;
}

#nav li a {
background-color: black;
display: inline-block;
text-align:center;
color: #fff;
font-size: 16px;
line-height:16px;
padding-top:10px;
font-weight:400;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration:none;
}

#nav li.subscribe a {

padding:16px 20px 12px 20px;
background-color:#3498db;
border-radius: 5px;
box-shadow: 0px 3px 0px 0px #227ebb;
position: relative;
display: inline-block;
text-align:center;
color: #fff;
text-transform:uppercase;
font-size: 14px;
line-height:14px;
font-weight:500;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#nav li.subscribe a:hover {
color: #252525;
}

 #nav #dropdown > a:hover {
color:#fff;

}

#nav .current a, #nav li a:hover {
color:#3498db;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.icon-angle-down{
margin-left:5px;
vertical-align: middle;
}

#profile:hover, #profile:focus {
color: #ddd;
background: #000;

}


#profile{
padding: 0 !important;
}
#dropdown{
margin:0 !important;
}

 .copyright p a{
text-decoration:none;
}

ul.profile_nav{
border-right: 2px solid #ddd;
height:550px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
ul.profile_nav{
border-right: none;
height:auto;
}
}

/* ----- End Navigation ----- */



.register-note p{
font-size:12px;
line-height:16px;
}
.register-note p a{
font-size:12px;
}
.success_pt{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.success_pt a{
display: inline-block;
padding: 0 10px;
}




/*sophie*/
/*New Navbar*/
.navbar-inverse {
background-color: #000;
border-color: #000;
}

.navbar-inverse a{
margin-bottom:0;
}

.navbar-inverse .navbar-nav>li>a {
color: #fff;
font-size: 1.1em;
font-weight: 400
}

.navbar-inverse .navbar-nav>li>a:hover{
color:#3498db;
}

#myProfile:hover{
color:#fff;
}

.dropdown-menu{
background:#000;
}

.dropdown-menu li a {
color: #fff;
font-size: 1.1em;
margin:1%;
}

.dropdown-menu li a:hover {
background:#000;
color:#3498db;
}


.navbar-fixed-top .navbar-collapse {
max-height: 100vh;
}

.navbar-collapse {
height: 100vh;
}


@media only screen and (max-width: 767px) {
.navbar-inverse .navbar-nav>li>a {
font-size: 1.2em;
padding:4%;
border-bottom:2px solid #101010;
}
.collapsing ul li a, .in ul li a {
color: #fff!important;
font-size:1.2em;
margin:2%;
//border-bottom:2px solid #101010;
}
}

#navbar-close {
color: #fff;
width: 22px;
height: 14px;
}

/*End New Navbar*/


/*Datepicker*/
.new_datepicker{
font-size:150%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.new_datepicker{
font-size:130%;
}
}

#datepicker-container{
text-align:center;
}

#datepicker-center{
display:inline-block;
margin:0 auto;
}


/* banner transition speed change */
.carousel-inner>.item {
transition: 0s !important;
}

.carousel .carousel-control {
visibility: hidden;
}
.carousel:hover .carousel-control {
visibility: visible;
opacity:1;
}
/* banner transition change */


/*banner background image & different height for different device*/
/*banner different background image*/
.header-img{
margin: 0px auto;
background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('../images/banner01.jpg') no-repeat center center;
background-size: cover;
color: floralwhite;
text-align: center;
}

.header-img2{
margin: 0px auto;
color: floralwhite;
text-align: center;
}

/*banner different background image*/


/*banner different background image size - desktop*/
.header-img, .header-img2{
height: 600px;
}


.header-img h2, .header-img2 h2{
margin-top:20vh;
margin-bottom:3%;
font-family: "Poppins", Helvetica, Arial, sans-serif;
font-size:48px;
line-height: 1.1;
font-weight: 900;
letter-spacing: 0px;
color: #fff;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}


.header-img p, .header-img2 p{
margin-bottom:4%;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
word-spacing: 5px;
font-family: "Lato", sans-serif;
text-transform: Uppercase;
color:#fff;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.btn_banner{
background-color: transparent;
border: 2px solid #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Lato", Helvetica, sans-serif;
padding: 15px 20px;
font-size: 14px;
display: inline-block;
margin-bottom:15px;
text-decoration: none;
}

.header-img h2{
margin-top:27vh;
}
/*banner different background image size - desktop*/

/*banner different background image size - mobile*/
@media (max-width: 767px) {
.carousel .carousel-control {
visibility: visible;
}

.header-img, .header-img2{
height: 375px;
}

.header-img h2, .header-img2 h2{
margin-top:60px;
margin-bottom:20px;
font-size:30px;
}

.header-img p, .header-img2 p{
margin-bottom:30px;
font-size: 12px;
letter-spacing: 0.3px;
word-spacing: 0px;
}

.btn_banner{
padding: 8px 12px;
font-size: 12px;
margin-bottom:10px;
}

.header-img h2{
margin-top:18vh;
}

}
/*banner different background image size - mobile*/

/*banner different background image size - tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px){
.carousel .carousel-control {
visibility: visible;
}

.header-img, .header-img2{
height: 450px;
}

.header-img h2, .header-img2 h2{
margin-top:10%;
margin-bottom:5%;
font-size:38px;
}

.header-img p, .header-img2 p{
margin-bottom:6%;
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
}

.btn_banner{
padding:10px;
font-size: 12px;
}

.header-img h2{
margin-top:16vh;
}
}
/*banner different background image size - tablet*/


/*product display - desktop*/
.homepage_product{
margin-bottom:70px;
border-radius:10px;
/*box-shadow: 0px 6px 11px 0px #ddd;*/
box-shadow: none;
}

.product_image{
height: 30vh;
}


.product_image2{
height: 28vh;
}

.product_image3{
height: 40vh;
}

.product_image2 img, .product_image3 img{
border-radius: 10px;
}

.product_image{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.product_image img{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.team_info{
height:30px;
padding:0px;
font-family: 'Poppins', 'Lato', sans-serif;
margin-top:10px;
}

.team_info1{
height:60px;
padding:0px;
font-family: 'Poppins', 'Lato', sans-serif;
margin-top:10px;
}

.team_info h5, .team_info1 h5{
font-size: 20px !important;
font-weight:500;
margin:0px 20px;
text-align:center;
line-height: 25px;
display: block;
height: 50px;
/*overflow: hidden;*/
}

.div_reward{
background-color:#fff;
width:100%;
height:35px;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.div_reward a{
line-height:15px;
display: block;
text-align: center;
text-decoration:none;
font-family: 'Poppins', 'Lato', sans-serif;
font-size:14px !important;
font-weight:500;
color: rgba(131, 139, 150, 0.91);
}

.row-fluid{
margin:0px 30px;
}

.item a{
color:#fff;
}
.item a:hover{
background-color:#fff;
}

.team_info a, .team_info1 a{
text-decoration:none;
color:#454545;
}

/*product display - desktop*/


/*product display - mobile*/
@media only screen and (max-width: 812px) and (orientation:portrait) {
.product_image, .product_image3{
height: 12vh;
}
.product_image2{
height: 20vh;
}
}

@media only screen and (max-width: 812px) and (orientation:landscape) {
.product_image, .product_image3{
height: 45vh;
}
.product_image2{
height: 35vh;
}
}


@media only screen and (max-width: 812px){
.row-fluid{
margin:0px 4%;
}

.container-fluid{
padding:0px;
}

.each_product{
/*padding-left: 2%;
padding-right: 2%;*/
}

.homepage_product{
margin-bottom:80px;
box-shadow:none;
}

.product_image img, .product_image2 img{
border-radius: 10px;
}

.team_info{
height:36px;
max-height:36px;
line-height: 18px;
padding:0px;
}

.team_info1{
height:40px;
}

.team_info1 h5{
font-size:14px !important;
line-height: 20px;
height:40px;
margin:0;
}

.team_info h5{
line-height: 18px;
font-size:14px !important;
font-weight:700;
margin:0;
white-space: normal; 
}

.div_reward{
background-color:#fff;
width:100%;
height:25px;
}

.div_reward a{
line-height: 16px;
font-size:12px !important;
font-weight:550;
}
}
/*product display - mobile*/


/*product display - tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait) {
.product_image, .product_image2, .product_image3{
height: 14vh;
}
}

@media only screen and (min-device-width : 813px) and (max-device-width : 1024px) and (orientation:landscape) {
.product_image, .product_image2, .product_image3{
height: 20vh;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.row-fluid{
margin:10px;
}

.homepage_product{
margin-bottom:25px;
}

.product_image{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


.team_info{
height:20px;
padding:0px;
}

.team_info1 h5{
margin:0px 10px;
}

.team_info h5{
font-size: 14px !important;
font-weight:600;
margin:0px 10px;
line-height: 20px;
}

.div_reward{
background-color:#fff;
width:100%;
height:25px;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.div_reward a{
line-height: 10px;
font-size:12px !important;
font-weight:600;
}
}
/*product display - tablet*/




/*homepage nav title*/
.homepage_title{
margin-top:30px;
}
.homepage_title h3 a{
display: inline-block;
font-family: 'Poppins', 'Lato', sans-serif;
font-size:30px !important;
line-height:40px;
font-weight: 900;
color: #282828;
text-decoration: none;
}

.homepage_title_view a {
font-family: 'Poppins', 'Lato', sans-serif;
font-size:14px !important;
display:inline-block;
line-height:40px;
font-weight:600;
color: #282828;
text-decoration:none;
}

@media only screen and (max-device-width : 767px) {
.homepage_title h3 a{
font-size:24px !important;
}
}
/*homepage nav title*/


/*breadcrumb*/
@media only screen and (max-device-width :767px) {
ol.breadcrumb
{
padding: 8px 5px;
}

ol.breadcrumb li a {
font-size: 12px;
}

}

ol.breadcrumb {
background-color: #fff;
}

ol.breadcrumb li {
display: inline;
font-size: 14px;
font-weight:400;
}

ol.breadcrumb li a {
font-size: 14px;
color: #0275d8;
text-decoration: none;
}

ol.breadcrumb li a:hover {
color: #01447e;
//font-weight:600;
//text-decoration: underline;
}
/*breadcrumb*/



/*submit project --Start*/
.info_trans h3{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin-top:100px;
margin-bottom:20px;
font-size:32px;
color:#fff;
}

.info_trans p{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin-bottom:20px;
font-size:18px;
color:#fff;
}

#submit-button-form1{
margin-top:10px;
margin-bottom:30px;
background-color: #0791EF;
border: none;
color: #fff;
}

.rewardtip a{
font-size:16px;
color:#fff;
}

.row-padded:before,
.row-padded:after {
display: table;
content: " ";
}
.row-padded:after {
clear: both;
}

.row-padded{
background-color: #f6f7f8;
border-bottom: 1px solid #e0e0e0;
font-family: 'Roboto', sans-serif;
}

.row-height,.row-height1{
margin:1vh 0px;
}

/*submit project - mobile*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.info_trans h3{
margin-top:12vh;
margin-bottom:10px;
font-size:20px;
line-height: 26px;
color:#fff;
}

.info_trans p{
margin-bottom:10px;
font-size:16px;
font-weight:500;
color:#fff;
}

.row-height{
margin:5px 0px;
}

.call_to_action_white {
padding:20px 0 0 0
}

.timer{
font-size:18px;
}

.row-padded span.fun_facts_name{
font-size:18px;
}

}
/*submit project - mobile*/
/*submit project -- End*/

/*Tank You Page -- Start*/
.tankyou-page p{
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 50px !important;
font-weight: 900;
color: #000;
margin-bottom:30px;
}

.tankyou-msg p{
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 20px !important;
font-weight: 600;
color: #282828;
line-height:28px;
}

.success-prmo p{
margin-top:150px;
margin-bottom:30px;
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 25px !important;
font-weight: 600;
color: #000;
line-height:28px;
margin-left:15px;
}

/*Thank you page - mobile*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.tankyou-page p{
font-size: 34px !important;
font-weight: 900;
margin-bottom:20px;
}

.tankyou-msg p{
font-size: 14px !important;
font-weight: 600;
line-height:20px;
}

.success-prmo p{
margin-top:50px;
margin-bottom:30px;
font-size: 20px !important;
}

}

/*Tank you page - tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.tankyou-page p{
font-size: 42px !important;
font-weight: 900;
margin-bottom:20px;
}

.tankyou-msg p{
font-size: 16px !important;
font-weight: 600;
line-height:24px;
}
}
/*Tank You Page -- End*/


/*Reward Tips Page -- Start*/
.reward-tips-info{
margin-top:80px;
margin-bottom:30px;
margin-left:58px;
}

.reward-tips{
margin:30px 58px;
}

.reward-tips p{
margin-bottom: 25px;
font-size: 18px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: black;
}

/*Reward Tips Page -- Mobile*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.reward-tips-info{
margin-left:20px;
}

.reward-tips{
margin:30px 20px;
}

.row-padded span{
font-size:28px;
}
}

/*Reward Tips Page -- Tablet*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.reward-tips-info{
margin-left:40px;
}

.reward-tips{
margin:30px 40px;
}

}
/*Reward Tips Page -- End*/


/** Project Detail Page -crowdfunding --Starts**/
/** Desktop **/
#join_member {
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
text-align:center;
color:#fff;
font-size:1.2em;
}

.alert-custom{
background-color:rgba(0, 0, 0, 0.8);
border-radius:0;
}

#join_member a{
color:#fff;
font-size:1em;
}

.breadcrumb-item a{
font-weight:500;
}

.sp_title{
font-size: 1.2em;
line-height:1.2;
margin:1vh 0 2vh 0;
font-style:italic;
color:#5F5F5F;
font-weight:500;
}

.bcp-box {
border: 1px solid #e8e8e8;
border-radius: 3px;
padding: 20px;
height:430px;
}

.special-reward{
height:300px;
}

.sp_name{
font-size:1.6em;
line-height:1.1;
color:#282828;
font-weight:600;
}

.sp_desc{
font-size:1.2em;
line-height:20px;
color:#5F5F5F;
font-weight:500;
margin:2vh 0;
overflow: hidden;
height: 160px;
}

.sp_creator{
font-size:1em;
line-height:1.2;
color:#5F5F5F;
font-weight:400;
margin:2vh 0;
}

.view-social{
height:130px;
}

.social-share{
margin-top:20px;
}

.share-title{
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 16px;
color: #000;
font-weight:500;
}

.comment-title{
margin-top:30px;
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 20px;
font-weight:600;
color:#4e5156;
}

.comment-form{
background-color:#f7f7f7!important;
padding:10px;
}

.comment-form .form-group{
margin-bottom:0;
}

.comment-form button {
margin-top:10px;
border-radius:20px;
font-size:12px;
}

.comment-form button span{
padding-left:5px;
}

.text-muted{
font-size:90%;
font-style:italic;
display:inline-block;
margin-left:5px;
}

.reply-btn{
display:inline-block;
margin-top:5px;
}

.showreply{
text-decoration:none; 
color:#000; 
cursor: pointer; 
display:inline-block; 
margin-left:15px; 
font-weight:550; 
margin-bottom:2vh;
}

.bcp-disp{
padding:0px 10px;
}

.widget-left{
color: #fff; 
height:10vh; 
padding-top: 2vh;
text-align: center;
border-top-left-radius: 4px; 
border-bottom-left-radius: 4px;
}

.sta_svg1{
background-color:#30a5ff; 
}

.sta_svg2{
background-color:#1ebfae; 
}

.sta_svg3{
background-color:#ffb53e; 
}

.glyph{
 stroke-width: 2px;
}

.sta_count{
font-size:1.8em;
font-weight:600;
text-align:center;
}

.sta_count1{
font-size:1.2em;
text-align:center;
}

.widget-right {
text-align: left;
line-height: 1.2;
margin: 0px;
padding: 10px;
height: 10vh;
color: #000;
font-weight: 300;
background: #F7F7F7;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.sta_seperator{
margin-bottom:3vh;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    width: 100%;
    height: 0;
} 
.videoWrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:0;
}

.sample_desc{
height:25vh;
}

.sample_desc .sp_desc{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.fulfill{
font-size: 1.2em;
line-height: 1.2;
color:#5F5F5F;;
font-weight:600;
margin-bottom:1vh;
}

.inventory{
font-size: 1.2em;
line-height: 1.2;
color:#282828;
font-weight:600;
margin-bottom:1vh;
}

.sample_sperator{
margin:2vh 70px;
font-weight:600;
}
/** Desktop **/

/** Mobile **/
@media only screen and (max-device-width : 767px) and (orientation: landscape){
.bcp-box {
height:80vh;
padding:10px;
}
.widget-left, .widget-right{
height: 20vh;
margin-top:2vh;
}

.sta_count{
font-size:1.8em;
}
.sta_count1{
font-size:1.4em;
}

}

@media only screen and (max-device-width : 767px) and (orientation: portrait){
.bcp-box {
height:40vh;
padding:10px;
}
.widget-left, .widget-right{
height: 8vh;
margin-top:1vh;
}
.sta_count{
font-size:1.4em;
}
.sta_count1{
font-size:1em;
}
}

@media only screen and (max-device-width : 767px){
.special-reward{
height:auto;
}

.sp_desc{
height:auto;
}

.social-share{
margin-top:10px;
}

.sample_desc{
height:auto;
}

.sample_sperator{
margin:1vh 70px;
}

.view-social{
height:auto;
}

.sp_detail{
margin:2vh 0 0 0;
padding:0;
}

.join_a_member{
margin:1vh 0 0 0;
}

.sta_seperator{
margin-bottom:0vh;
}
}
/** Tablet **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.bcp-box {
height:40vh;
padding:10px;
}
.sp_detail{
margin-top:2vh;
}

.special-reward{
height:auto;
}

.sp_desc{
height:auto;
}

.social-share{
margin-top:10px;
}


.sample_desc{
height:auto;
}

.sample_sperator{
margin:1vh 70px;
}

.view-social{
height:auto;
}
}
/** Project Detail Page -crowdfunding --End **/



/** Dashborad Page --Start **/

.dashboard-title{
margin-top:80px;
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 26px !important;
font-weight: 900;
color: #282828;
}

.dashboard-project{
margin:10px 0px;
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 16px !important;
font-weight: 600;
color: #282828;
background-color:#F1F4F7;
padding:10px;
border-radius:10px;
}

.dash-outter{
border:2px solid #ececec;
margin: 4%;
}

.dash_img{
height:40vh;
}

.dash_tt{
height:12vh;
}

.dash_tt a{
text-decoration:none;
display:inline-block;
font-size:16px;
font-weight:600;
line-height:20px;
color: #282828;
margin:20px 5px 0px 5px;
}

@media only screen and (max-device-width : 480px) {

.dashboard-title{
font-size: 20px !important;
}

.dashboard-project{
margin:10px 0px;
font-size: 16px !important;
font-weight: 900;
color: #282828;
}

.dashboard-project-title a{
margin-top:20px;
font-size: 14px !important;
}


.dash_img{
height:30vh;
}

.dash_tt{
height:10vh;
}

.dash_tt a{
font-size:1.2rem;
font-weight:600;
line-height:1.4rem;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
.dash_img{
height:30vh;
}


.dash_tt{
height:10vh;
}

.dash_tt a{
font-size:14px;
font-weight:600;
line-height:15px;
}
}
/** Dashborad Page --End **/



/** Dashborad Details --Start **/
.dash_pro_title h2{
font-size: 2.2rem !important;
line-height:3rem;
font-weight: 600;
color: #282828;
}

.dash_pro_title a.dash_link{
text-decoration:none;
}

.dash-button button{
margin-top:20px;
background-color: #337ab7;
border-color: #2e6da4;
}


.dash_pro_title1 h3{
margin-top:40px;
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 22px !important;
font-weight: 900;
//color:rgb(0, 104, 183);
color: #000;
background-color:#fff;
padding:20px;
margin-bottom:20px;
margin-left:15px;
margin-right:15px;

}

.dash-special{
font-family: 'Poppins', 'Lato', sans-serif;
font-size: 18px !important;
font-weight: 600;
color: #fff;
background-color:#282828;
padding:10px;
}

/** Dashborad Details --End **/

.shipping{
border:1px solid #ddd; 
padding:20px; 
background-color:#fff;
}



/** Cross Promotion Feature **/

.crossPromotion{
margin-top:80px;
}

@media(max-width:768px){
.crossPromotion{
margin-top:50px;
}
.crossPromotion #msg_total_price, .crossPromotion #discount_code{
margin-bottom:5px;
}
}

.crossPromotion .alert-success{
font-size:1.4rem;
background-color:#E2E3E5;
color:#000;
border: 1px solid #E2E3E5;
padding:5px;
margin-bottom:5px;

}

.crossPromotion #myUL{
height:200px;
width:auto;
overflow:auto;
background-color:#ddd;
}

.crossPromotion ul#myUL li{
color:#000;
cursor: pointer;
padding:2px 0;
}

.crossPromotion .message_content{
color:#000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.crossPromotion .message_name{
color:#000;
}

.crossPromotion .message_time{
color:#777;
}

.crossPromotion .message_all{
background-color:#F5F7F7;
padding:5px; 
margin:5px; 
border:1px solid #ddd;
}

.crossPromotion .message_all_unread{
background-color:red;
padding:5px; 
margin:5px; 
border:1px solid #ddd;
}

.crossPromotion .message_all:hover{
border:2px solid #ddd;
}


.read_inboxmsg h2{
font-size:1.6em;
line-height:1.2;
}

.read_inboxmsg .sender{
font-size:1em;
line-height:1.4;
}

.read_inboxmsg .sendmsg_time{
color:#777;
}

.read_inboxmsg .sendmsg_content{
background-color:#F0F0F0; 
margin:2vh 0; 
padding:5px;
}


/* ----- Package ----- */

.package-title{
margin-top:100px; 
font-family: lato,sans-serif;
font-size: 28px;
line-height:1.1; 
font-weight: 700; 
color: #717d8c;
letter-spacing: 0;
}

.package-title-sm{
margin-top:10vh;
font-family: lato,sans-serif;
font-size: 1.8em;
line-height:1.2; 
font-weight: 700; 
color: #717d8c;
letter-spacing: 0;
}


.package-guarantee{
color: #A7AEB9;
font-size: 18px;
font-weight:400;
margin-top:15px;
margin-bottom:40px;
}

.package-guarantee-sm{
color: #A7AEB9;
font-size: 16px;
font-weight:400;
margin-top:15px;
}

.package-guarantee .glyphicon{
margin-left:4px; 
font-size:16px;
cursor: help;
} 

.package-guarantee-sm .glyphicon{
margin-left:4px; 
font-size:14px;
cursor: help;
}  

.package-head{
  font-family: "Open Sans", sans-serif;      
  font-size: 16px;      
  line-height: 22px; 
  font-weight: 400;
  padding:15px;    
  color: #585e6d;
  text-align: right;
  border-bottom: 1px solid rgba(194, 200, 219, 0.21);
  cursor:help;
}

.package-plan{
  border-right: 1px solid rgba(194, 200, 219, 0.21);
  border-left: 1px solid rgba(194, 200, 219, 0.21);
}

.package-plan li:nth-of-type(2n+1) {
    background-color: #FAFAFA;
}

.package-plan-detail{
  font-family: "Open Sans", sans-serif;      
  font-size: 16px;      
  line-height:22px; 
  font-weight: 400;
  padding: 15px;     
  color: #585e6d;
  text-align: center;
  border-bottom: 1px solid rgba(194, 200, 219, 0.21);
}

.package-plan-detail .glyphicon{
font-size:14px;
top:0;
}

.blue{
color: #0071BC;
}

.package-premium{
font-weight: 700; color: #fff; 
text-align:center;
font-family: "Lato",sans-serif;
font-size: 14px;
}
    
.package-price{    
color: #fff;
font-family: "Lato",sans-serif;
font-size: 30px;
font-weight: 600;
letter-spacing: 0.4px;
text-align:center;
}

.package-indi{
font-size: 13px;
line-height:22px;
font-style: italic;
font-weight: 400;
text-align:center;
color: #fff;
}

.package-indi-sm{
text-align: center;
font-size: 14px;
font-style: italic;
font-weight: 400;
}


.tooltip.bottom .tooltip-inner {
background-color:#5b717f;
padding:10px;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #5b717f;
}

.tooltip.top .tooltip-inner {
max-width:350px;
width:350px;
background-color:#5b717f;
padding:10px;
}
.tooltip.top .tooltip-arrow {
border-top-color: #5b717f;
}


.plan-sm{
border: 1px solid rgba(194,200,219,.51); 
margin-top: 5vh;
}

.plan-title-sm{
color: #617a88;
font-family: "Lato",sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.4px;
padding:10px 0 5px 0;
}

.plan-price-sm{
color: #617a88;
font-family: "Lato",sans-serif;
font-size: 30px;
font-weight: 600;
letter-spacing: 0.4px;
padding:0px 15px;
}

.plan-bottom-sm{
margin-top:2vh;
margin-bottom:4vh;
}

.plan-feature-sm{
background-color: #eeeff0;
color: #909295;
cursor: pointer;
font-size: 16px;
padding: 10px;
display: block;
}

.plan-feature-sm .glyphicon{
display:inline-block; 
margin-left:8px; 
vertical-align: middle;
font-size:14px;

}

/** Dashborad Details --End **/

.ads_row{
padding:20px 15%;
}

.ads_row_title{
font-size: 24px; 
line-height: 1.4; 
margin-bottom:20px;
}

.ads_row_desc{
font-size: 14px; 
line-height: 1.6;
}

.ads_stats{
font-family: "Times New Roman", Times, serif;
margin-top:140px;    
font-size: 32px; 
line-height:1.6;
color: #fff;
}

.ads_img{
height:450px;
}

.ads_guide{
padding:0 15%;
}

.ads_guide1{
padding:20px 0 40px 0;
font-size:30px;
line-height:1.2;
font-weight:200;
}

/** Facebook Advertisement Start **/
@media (max-width: 767px) {
.ads_row{
padding:20px 5px;
}

.ads_row_title{
font-size: 18px; 
line-height: 1.3;
margin-bottom:3vh;
}

.ads_row_desc{
font-size: 12px; 
}

.ads_stats{
margin-top:100px;    
font-size: 26px; 
line-height:1.6;
}

.ads_img{
height:300px;
}

.ads_guide{
padding:0;
}

.ads_guide1{
padding:20px 15px;
font-size:20px;
line-height:1.6;
}

}

/** Facebook Advertisement End **/