/*Already added classes*/
.page-title{
    padding: 40px 0px 41px;
}
.flat-row.section-product2{
    padding: 0;
}
.product:hover .box-product{
    box-shadow: none;
}
.wrap-product .product.style2{
    margin-bottom: 48px;
}
/*Already added classes Ends here*/
/*common*/
.text-14-blue{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #68b4d4;
}
.uppercase{
    text-transform: uppercase;
}
/*common*/
/*starts Page header*/
.custom-page-title{
    font-family: Georgia;
    font-size: 40px;
    font-weight: normal;
    color: #ffffff;
}
.acclaim-greeting-banner{
    background-image: url('../images/title-background.png');
    background-position: center center;
    background-attachment: unset;
}
.custom-page-title-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(118, 204, 194, 0.87);
}
/*ends Page header*/
/*starts How it work*/
.how-it-works-section{
    padding: 36px 0px 36px;
    background: #373330;
}
.hwt-title{
    font-family: Georgia;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.progressbar li span{
    padding: 16px;
    display: block;
    width: 97%;
    border-radius: 4px;
    background-color: #f9f1e4;
    color: #68b4d4;
    position: relative;
    font-size: 14px;
}
.progressbar li.active span{
    background-color: rgb(118, 204, 194);
    color: #fff;
}
.progressbar li span:after{
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f9f1e4;
}
.progressbar li.active span:after{
    border-left: 8px solid rgb(118, 204, 194);
}
.progressbar li span:before{
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #373330;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}
/*to disable arrow on starting and ending part*/
.progressbar li:first-child span:before{display: none;}
.progressbar li:last-child span:after{display: none;}
/*Progressbar*/
.progressbar {
    counter-reset: step;
}
.progressbar li {
    list-style-type: none;
    width: 19.5em;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}
.progressbar li.login-icon.active:before {
    content: url(../images/step1-ico.png);
}
.progressbar li.login-icon:before {
    content: url(../images/step1-ico-clr.png);
}
.progressbar li.interest-icon.active:before {
    content: url(../images/step2-ico.png);
}
.progressbar li.interest-icon:before {
    content: url(../images/step2-ico-clr.png);
}
.progressbar li.addfriend-icon.active:before {
    content: url(../images/step3-ico.png);
}
.progressbar li.addfriend-icon:before {
    content: url(../images/step3-ico-clr.png);
}
.progressbar li.viewmap-icon.active:before {
    content: url(../images/step4-ico.png);
}
.progressbar li.mailing-icon:before{
    content: url(../images/mailing.png);
}
.progressbar li.mailing-icon.active::before{
    content: url(../images/mailing1.png);
}
.progressbar li.viewmap-icon:before {
    content: url(../images/step4-ico-clr.png);
}
.progressbar li.active:before {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    margin: 0 auto -20px auto;
    border-radius: 50%;
    background-color: rgb(118, 204, 194);
    padding: 24px;
    line-height: 1;
}

.progressbar li:before {
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    margin: 0 auto -20px auto;
    border-radius: 50%;
    background-color: #f9f1e4;
    padding: 24px;
    line-height: 1;
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    color: green;
}
/*Progressbar*/
/*starts Sidebar*/
.category-sidebar{
    background: #68b4d4;
    padding: 36px;
}
.sidebar-title{
    font-family: Georgia;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 36px;
}
.sidebar-links li a{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.48);
}
.sidebar-links li.active a{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.17;
}
.sidebar-links li.has-child:after{
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.48);
    cursor: pointer;
    -webkit-animation: fadeInDown 1s;
    animation: fadeInDown 1s;
}
.sidebar-links li.has-child.active:after{
    content: "\f106";
    font-family: FontAwesome;
    float: right;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s;
}
.sidebar-sub-links{
    display: none;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}
/*ends Sidebar*/
/*starts Product listing*/
.product-section{
    padding: 36px;
}
.product-title{
    font-family: Georgia;
    font-size: 24px;
    font-weight: bold;
    color: #68b4d4;
    line-height: 1.17;
    margin-left: 0.6em;
}
.box-product .name{
    margin: 8px 0 4px;
}
.box-product .name span a{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    color: #68b4d4;
}
.box-product .name span a:focus{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    color: #68b4d4;
}
.box-product .mount{
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.71;
    color: #666666;
    font-weight: normal;
    margin-bottom: 16px;
}
.box-product .view-more-btn{
    border-radius: 24px;
    border: solid 2px #68b4d4;
    background: transparent;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #68b4d4;
    text-transform: uppercase;
    padding: 9px 3.4em;
}
.box-product .product-img-placeholder{
    background: #fff;
    position: relative;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-width: 238px;
    min-height: 200px;
}
.box-product .product-img-placeholder .ribbon-section{
    position: absolute;
    top: 0;
    background-color: #68b4d4;
    width: 100px;
    margin-top: 8px;
    height: 18px;
    line-height: 1;
}
.box-product .product-img-placeholder .ribbon-section img{
    width: 12px;
    margin-left: 4px;
}
.box-product .product-img-placeholder .ribbon-section span{
    font-family: Montserrat;
    font-size: 9px;
    color: #ffffff;
}
.box-product .product-img-placeholder .ribbon-section:before{
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -9px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 7px solid #68b4d4;
}
/*ends Product listing*/
/*ends How it work*/
/*Starts Acclaimed Greetings Step - 3*/
.step3-preference .containers{
    color: #68b4d4;
    font-family: Montserrat;
}
.step3-preference{
    margin-bottom: 10px;
}
.choose-music-section p{
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1.43;
    color: #b3b2b4;
    font-weight: normal;
}
.album-cover{
    position: relative;
}
.album-cover > img{
    width: 54px;
    height: 54px;
}
.album-cover .play-btn{
    position: absolute;
    top: 17px;
    width: 54px;
    line-height: 1;
    text-align: center;
}
.play-btn img{
    width: 16px;
    height: 16px;
}
.album-list{
    margin: 10px 0;
}
.album-list h2{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.11;
    color: #68b4d4;
    margin-bottom: 0;
}
.album-list span{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #666666;
}
a.more-album{
    padding: 8px 22px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #68b4d4;
    border-radius: 24px;
    border: solid 2px #68b4d4;
}
/*ends Acclaimed Greetings Step - 3*/
/* Hide the browser's default radio button */
.containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox button */
.checkmarkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #68b4d4;
}

/* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmarkbox {
    /*    background-color: #ccc;*/
}

/* When the radio button is checked, add a blue background */
.containers input:checked ~ .checkmarkbox {
    background-color: transparent;
    border: 1px solid #457c9d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containers input:checked ~ .checkmarkbox:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containers .checkmarkbox:after {
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #68b4d4;
}
/*no content */
.no-content-found-text{
    font-family: Georgia;
    font-size: 20px;
    font-weight: lighter;
    line-height: 1.17;
    color: #68b4d4;
    margin-bottom: 36px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-style: oblique;
}
/*Popup design*/
.modal-dialog.soundline-music-album-popup{
	max-width: 650px;
}
.soundline-music-album-popup .modal-header{
	background: #68b4d4;
}
.soundline-music-album-popup .close{
	color: #fff;
}
.soundline-music-album-popup .modal-title.product-title{
	color: #fff;
}
.soundline-music-album-popup .greeting-options-radiobtn{
	font-family: Montserrat;
	font-size: 13px;
	font-weight: normal;
	color: #68b4d4;
	text-transform: uppercase;
	line-height: 1;
}
.soundline-music-album-popup .text-left{
	padding: 0px 4px;
}
.soundline-music-album-popup .product-img-placeholder{
	min-width: 168px;
	min-height: 168px;
	border-radius: 2px;
	box-shadow: 0px 0px 4px #eceeef;
}

/*starts soundline idea popup for e-mail*/
.modal-dialog.soundline-idea-popup .modal-header{
    background: #68b4d4;
}
.modal-dialog.soundline-idea-popup .modal-title.product-title{
    color: #fff;
}
.modal-dialog.soundline-idea-popup .modal-title.product-title{
    color: #fff;
}
.modal-dialog.soundline-idea-popup input[type="email"]{
    padding-left: 10px;
    color: #68b4d4;
    font-family: montserrat;
}
/*Pagination*/
.pagination{
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.page-item.active .page-link{
    background-color: #68b4d4;
    border-color: #68b4d4;
    border-radius: 50px;
    font-weight: 800;
}
.page-link{
    margin-left: 5px;
    border: 1px solid transparent;
    color: #68b4d4;
    background-color: transparent;
    font-weight: bold;
    font-size: 15px;
    padding: 7px 19px;
}
.page-item.disabled .page-link{
    color: #68b4d4;
    background-color: transparent;
    border: none;
}
.page-link:focus, .page-link:hover {
    color: #68b4d4;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #68b4d4;
    border-radius: 50px;
}
.music-album-detail-img-sec{
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: inherit;
    height: 100%;
}
/*Contact Us*/
.basic-page-content-margin{
    margin: 2em 1em;
}
.basic-title-with-subtext{
    font-family: Georgia;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.17;
    letter-spacing: normal;
    color: #68b4d4;
    margin-bottom: 0;
}
.basic-subtext{
    font-family: Montserrat;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    padding-top: 8px;
    font-weight: 300;
    margin-bottom: 16px;
}

.contactform.style4 .flat-input input{
    border-radius: 4px;
    border: solid 1px #68b4d4;
    background: transparent;
    font-family: Montserrat;
    font-size: 14px;
    color: #68b4d4;
    height: 48px;
    font-weight: normal;
    padding-left: 15px;
}
.contactform.style4 .flat-input textarea{
    height: 120px;
    border-radius: 4px;
    border: solid 1px #68b4d4;
    background: transparent;
    font-family: Montserrat;
    font-size: 14px;
    color: #68b4d4;
    font-weight: normal;
    padding: 15px;
}
.contactform.style4 input[type="submit"]{
    border-radius: 4px;
    background-color: #68b4d4;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 48px;
    margin-bottom: 0;
}
.message{
    text-align: center;
    color: #68b4d4;
    font-size: 14px;
    text-transform: initial;
    font-weight: 100;
    margin-top: 2em;
    letter-spacing: 2px;
}
.popup-form-field{
    font-family: Montserrat;
    font-size: 14px;
    color: #68b4d4;
    font-weight: normal;
}
.search-page input[type="text"],
.search-page select,
.search-page select:focus
{
    border-radius: 4px;
    border: solid 1px #68b4d4;
    background: transparent;
    font-family: Montserrat;
    font-size: 14px;
    color: #68b4d4;
    height: 48px;
    font-weight: normal;
    padding-left: 15px;
}
select.form-control:not([size]):not([multiple]){
     height: 48px;
}
.search-page input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #68b4d4;
}
.search-page input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #68b4d4;
}
.search-page input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #68b4d4;
}
.search-page input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #68b4d4;
}
.search-page button{
    border-radius: 4px;
    background-color: #68b4d4;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 48px;
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: capitalize;
}
.search-page button:focus{
    background-color: #a4d2e5;
}
.search-page button .fa{
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.mainnav.style2 .menu .fa{
    color: #fff;
}
.alert-section .alert-success{
    background-color: #68b4d4;
    border-color: #5da2be;
    color: #fff;
    text-transform: capitalize;
    font-family: Georgia;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
.alert-section .alert-success .fa{
    color: #fff;
}
.pad0{
    padding: 0;
}
/*dhaval*/
.faq-title{
    color: #68b4d4;
    font-family: Georgia;
    font-size: 20px;
    font-weight: 500;
}
.padd-bt5{
    padding: 5px;
    width: 100%;
}
.terms-title{
     color: #68b4d4;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 500;
}
.term-police{
    color: #68b4d4;
    font-family: Georgia;
    font-size: 20px;
    font-weight: 500;
}
.margin-bt{
    margin-bottom: 5px;
}
a.mail-link{
    font-size: 16px;
   font-weight: bold;
   font-family: Georgia;
   color: #68b4d4;
   font-style: italic;
 }
a.mail-link:focus, a.mail-link:hover{
   color: #68b4d4;
}
.aboutus-title{
     color: #68b4d4;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 500;
}
.template-title{
   color: #68b4d4;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 500;
}
.pdf-link{
     font-size: 16px;
   font-weight: bold;
   font-family: Georgia;
   color: #68b4d4;
   font-style: italic;
}
a.pdf-link:focus, a.pdf-link:hover{
     color: #68b4d4;
}
.custom-accordion ul li a{
    color: #457c9d;
}
.custom-accordion ul li a:hover{
    color: #76ccc2
}
.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4,.editor-content h5,.editor-content h6
{
    color: #68b4d4;
    font-family: Georgia !important;
}
.editor-content h2{
    font-size: 18px;
    font-weight: 500;
}
.editor-content p,.editor-content span, .editor-content strong, .editor-content label{
    padding-bottom: 18px;
    font-family: Helvetica !important;
    color: #666666 !important;
}
.editor-content a{
    font-family: Georgia !important;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #68b4d4 !important;
}
.display-none{
   display: none;
}