@charset "utf-8";
/* CSS Document */
body{font-family: 'Montserrat', sans-serif;}
header{ background:#3F0E77;}
.top-nav{ display:block; margin:5px; float:right;}
.top-nav li{ display:inline-block;  border-right:1px solid #666666;}
.top-nav li:last-child{ border:none;}
.top-nav li a{ color:#666666; padding:0 20px; font-size:12px;}
.top-nav li a:hover{ background:none; color:#000;}
.navbar{ margin-bottom:0;}
.navbar-brand{ height:auto;}
.navbar-main{background:#3F0E77;height:50px;}
.navbar-main:after{content: '';position: absolute;top: 50px;left: 0;width: 0;height: 0;border-top: 10px solid #3f0e77;border-right: 1000px solid transparent; z-index:-999;}
.navbar-main .icon-bar{ background:#333;}
.navbar-main ul{ margin-top:7px}
/*.navbar-main ul li{ margin:0 10px;}*/
.navbar-main ul li a{ color:#fff; font-size:12px; font-weight:500; padding:10px 10px; text-transform:uppercase; }
ul.navbar--ar li a.hover, ul.navbar--ar li a.focus , ul.navbar--ar li a.active { background:#B91880 !important; border-radius:4px 4px 0 0 !important;}
ul.navbar--ar  li a.active { background:#B91880 !important; color:#E3C488; border-radius:4px 4px 0 0;}
.navbar-main ul li a:focus{background:transparent !important; outline:none;}

.navbar-main ul li a:hover{ color:#E3C488; background:#B91880; border-radius:4px 4px 0 0 !important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:none;}
.navbar-main .dropdown li{ }
.navbar-main .dropdown li a{font-size:12px; font-weight:normal;}
.navbar-main li.login a{ border-radius:5px; padding:10px 30px; text-align:center}
.navbar-main li.login a:hover{  color:#FFF; transition:all 0.2s ease; background:transparent !important;}

.navbar-fixed-bottom, .navbar-fixed-top{z-index:0;}
.navbar-main li.my-account a{ background-color:transparent; color:#FFF; border-radius:5px; padding:10px 30px}
.navbar-main li.my-account a:hover, .navbar-main li.my-account a:visited, .navbar-main li.my-account a:focus{background-color:transparent !important; color:#FFF;}
.navbar-main li.my-account ul{ }
.navbar-main li.my-account ul li{ }
.navbar-main li.my-account ul li a{ border-radius:0; background:#B91880; color:#fff !important;}
.navbar-main li.my-account ul li a:visited, .navbar-main li.my-account ul li a:focus{}
.navbar-main li.my-account ul li a:hover{ color:#E3C488 !important; background-color:#B91880 ;}

ul.dropdown-menu{background:#B91880;}
.my-account.dropdown .dropdown-menu li a {color:#fff;}

#carousel-banner .carousel-inner>.item>img{ width:100%;}
#carousel-banner .carousel-caption{ bottom:35%;}
#carousel-banner .carousel-caption .banner-btn{ color:#FFF; border:2px solid #FFF; padding:10px 30px 10px 20px; text-decoration:none; margin:10px; display: inline-block; font-size:16px; text-transform:uppercase; background:url(../images/arrow-btn.png) no-repeat center right;}
#carousel-banner .carousel-caption .banner-btn:hover{ background:rgba(0,0,0,0.4) url(../images/arrow-btn.png) no-repeat center right; transition:all 0.2s ease;}

.page-section{ padding:50px 0; min-height:500px;}
.page-section.white{ background:#FFF;}
.page-section.gray{ background:#f5f5f5;}
.page-section.green{ background:#3F0E77;}
.page-section h1{ font-size:36px; color:#FFF; text-align:center; font-weight:400; margin-bottom:20px; text-transform:uppercase;}
.page-section.green p{ color:#FFF;}
.page-section h2{ font-size:30px; color:#333; text-align:center; font-weight:300; margin-bottom:20px; text-transform:uppercase;}
.section-title{ text-align:center; margin-bottom:40px;}
.section-title h1{ margin-bottom:0;}
.section-title p{ color:#FFF;}
.btn-more{ background:#eeeeee; color:#333; padding:10px 20px; display:inline-block; text-transform:uppercase;}
.btn-more:hover{ background:#ccc;}

.photo-service figure{ margin-bottom:30px; position:relative; overflow:hidden;}
.photo-service figure a{}
.photo-service figure .service-title{ position:absolute; bottom:0; padding:10px; background:rgba(0,0,0,0.4); color:#FFF; text-align:center; display:block; width:100%; font-weight:300; font-size:16px; text-transform:uppercase;}

.photo-service figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out; width:100%;}
.photo-service figure:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

.why-green .icon-box{ text-align:center; padding-top:60px; background:url(../images/icon-1.png) no-repeat top center; margin-bottom:20px;}
.why-green .icon-box h3{ font-size:24px; color:#FFF; text-transform:uppercase; font-weight:400;}

.photo-box{ background:#FFF; padding:2px; margin-bottom:30px;}
.photo-box .meta figure{ float:left; margin:5px; }
.photo-box .meta .dec{ margin:5px;}
.photo-box .meta .dec h4{ margin:0; color:#333;}
.prev-img img{ width:100%;}

label{ float:none;}
label.error{ font-size:12px !important; }

.view-rating > label{ margin-bottom:0;}
.view-rating > label:before {
    margin: 2px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    color:#c2c2c2;
}
.view-rating > label.on:before {
    margin: 2px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    color:#deca71;
}
.view-rating > label.semi-on:before {
    margin: 2px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f123";
    color:#deca71;
}
.otp{ width:200px;}
.rating {
    border: none;
    float: left;
}
.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}
.rating > .half:before {
    content: "\f089";
    position: absolute;
}
.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

.carousel-control .fa{ position:absolute; top:50%;}
.carousel-control .fa-angle-left{ left:10px;}
.carousel-control .fa-angle-right{ right:10px;}

.how-works{ background:url(../images/how-bg.jpg) no-repeat center center; background-size:cover;}
.how-works .icon-box{ text-align:center;   margin-bottom:20px;}
.how-works .icon-box h3{ font-size:24px; color:#FFF; text-transform:uppercase; font-weight:400;}
.how-list .icon-box .icon{ width:180px; height:180px; border:4px solid #FFF; border-radius:50%; margin:0 auto;}
.how-list .icon-box .icon.create-event{ background:url(../images/icon-create-event.png) no-repeat center center;}
.how-list .icon-box .icon.choose-photographer{background:url(../images/icon-choose-photographer.png) no-repeat center center;}
.how-list .icon-box .icon.payment{background:url(../images/icon-payment.png) no-repeat center center;}

.testimonial-box{ margin-bottom:20px;}
.testimonial-box i{ font-size:24px; color:#ccc; }
.testimonial-box p{ text-indent:25px; font-size:14px; font-style:italic;}
.testimonial-box .meta figure{ float:left; margin:5px;}
.testimonial-box .meta figure img{ border-radius:50%;}
.testimonial-box .meta .dec{ text-align:left; margin:15px 0;}
.testimonial-box .meta .dec h4{ margin:0;}
.testimonial-box .meta .dec p{ text-indent:inherit;}

footer{ background:#373737; padding-top:20px;}

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 0px; text-align:right; padding:0;
}
.social-icons li {
    vertical-align: top;
    display: inline;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px 7px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    /* cursor: pointer; */
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-instagram {
    padding:10px 14px 10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #fdf497;
}
.fa-twitter {
    padding:10px 10px 7px 10px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 12px 7px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube-play,
.fa-youtube {
    padding:10px 12px 7px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube-play:hover,
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 11px 8px 11px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 10px 7px 10px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-google-plus:hover {
    background-color: #e25714;
}
.close , .close:focus, .close:hover{opacity:1}
#signin .modal-backdrop{ z-index:999;}
#signin .modal{z-index:9999;}
#signin .modal-dialog{ margin:100px auto;}
#signin .modal-content{ background-color:#f5f5f5;}
#signin .modal-header{ background-color:#3F0E77; text-align:center; text-transform:uppercase; padding:12px;}
#signin .close{ color:#FFF; opacity:1}
#signin .close:focus, .close:hover{ color:#FFF;}
#signin .modal-title{ color:#FFF; font-weight:bold;}
#signin .modal-body h3{ text-transform:capitalize; font-weight:300; text-align:center; font-size:24px; }
#signin .search-box{ margin:18px;}
#signin .navbar-form .input-group>.form-control{ min-width:220px;}
#signin .or{ position:relative;}
#signin .or p{ width:50px; height:50px; border-radius:50%; background:#eeeeee;  position:absolute; left:50%; top:-25px; margin-left:-25px; text-align:center; line-height:48px; font-size:16px;}
#signin .or:before{ content:''; width:100%; height:1px; background-color:#eeeeee; display:block; margin: 50px 0;}
#signin .btn-sign{ display:block; text-align:center; background-color:#0d5839; color:#FFF; border-bottom:4px solid #08452c; width:100%; font-size:16px; text-transform:uppercase;}
#signin .btn-sign:hover{ color:#FFF;}
#signin .forgot-password{ text-align:center; margin:5px; display:inline-block;}
#signin .connect{ font-size:16px;}
#signin .connect a{ color:#e84d3c; text-decoration:underline; font-size:18px;}
#signin #signupbox{ display:none;}

.modal-title{text-transform:capitalize;}
.modal-backdrop{ z-index:999;}
.modal{z-index:9999;}
.modal-dialog{ margin:100px auto;}
.modal-content{ background-color:#f5f5f5;}
.modal-header{ background-color:#3f0e77; text-align:center; text-transform:uppercase;}
.close{ color:#FFF;}
.close:focus, .close:hover{ color:#FFF;}
.modal-title{ color:#FFF;}
.modal-body{background:#fff;}
.modal-body .create-event{background:#fff;}
.modal-body h3{ text-transform:uppercase; font-weight:300; text-align:center; font-size:24px; text-transform:capitalize; margin:5px;}
.search-box{ margin:18px;}
.navbar-form .input-group>.form-control{ min-width:220px;}
.or{ position:relative;}
.or p{ width:50px; height:50px; border-radius:50%; background:#eeeeee;  position:absolute; left:50%; top:-25px; margin-left:-25px; text-align:center; line-height:48px; font-size:16px;}
.or:before{ content:''; width:100%; height:1px; background-color:#eeeeee; display:block; margin: 50px 0;}
.btn-sign{ display:block; text-align:center; background-color:#0d5839; color:#FFF; border-bottom:4px solid #08452c; width:100%; font-size:16px; text-transform:uppercase;}
.btn-sign:hover{ color:#FFF;}
.forgot-password{ text-align:center; margin:5px; display:inline-block;}
.connect{ font-size:16px;}
.connect a{ color:#e84d3c; text-decoration:underline; font-size:18px;}
#signupbox{ display:none;}

.social-signin{
    text-align:center;
    /* margin-left:67px; */
    padding-top:20px; 
    overflow:hidden;
}
.social-signin label{ float:none;}

/*.fb-signin{ background:#3b57a1; border-radius:5px; display:inline-block; width:180px;  color:#FFF;overflow:hidden; text-align:left; height:42px;}
.fb-signin:hover{ color:#FFF;}
.fb-signin span{ background-color:#254088; font-size:18px; padding:12px; width:48px; text-align:center }
.fb-signin span:hover{ color:#FFF;  background-color:#254088;}
.fb-signin label{ display:inline-block; padding-left:30px; margin:0; cursor:pointer;}*/
/*
.g-signin{ background:#ea4930; border-radius:5px; display:inline-block; width:180px;  color:#FFF;overflow:hidden; text-align:left; height:42px;}
.g-signin:hover{ color:#FFF;}
.g-signin span{ background-color:#c4341e; font-size:14px; padding:12px; width:48px; text-align:center; }
.g-signin span:hover{ color:#FFF;  background-color:#c4341e;}
.g-signin label{ display:inline-block; padding-left:30px; margin:0; cursor:pointer;}
*/
.social-signin .fb-icon {
    display: inline-block;
    background-image: url(../images/fb-icon.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-right: 6px;
    margin-top: 2px;
}
.social-txt {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 24px;
}
.social-signin .fb-signin {
    width: 200px;
    height: 46px;
    border: 2px solid #3b5998;
    font: 700 14px Roboto;
    color:#3b5998;
    text-transform: uppercase;
    margin-right: 16px;
    margin-left: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
}
.social-signin .google-icon {
    display: inline-block;
    background: none;
    background-image: url(../images/google-icon.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-right: 6px;
    margin-top: 2px;
}
.social-signin .g-signin {
    width: 200px;
    height: 46px;
    border: 2px solid #c4341e;
    font: 700 14px Roboto;
    color: #c4341e;
    text-transform: uppercase;
    /*margin-right: 16px;*/
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background: none !important;
    border-radius: 10px;
}

.title-section{ color:#3F0E77; text-align:left; padding:20px 0; margin-top:60px; }
.title-section h1{text-transform:capitalize; margin:10px 0 0 0; font-size:24px;}
.title-section p{ margin:0;}

.breadcrumbs{ background-color:#fff; /*padding:20px 0;*/}
.segment{ background-color:#fff;border: none; display:block;
          /* the border will curve into a 'D' */  color:#B91880; overflow:hidden; position:relative; padding:15px 0;
}
.segment:hover{ color:#3F0E77; text-decoration:none; cursor:pointer; background:#e4e4e4;	}
.segment.active{background:#e4e4e4; color:#3F0E77;}
.segment p{ margin:0; font-size:18px;padding:5px 0; text-align:center;}
.segment p span{ font-size:24px; /*background:#bbb;*/ margin-right:10px;}
.segment.active p span{ background:#e4e4e4;}


/*.segment.finished:after{ content:'✔'; position:absolute; right:8px; top:6px; font-size:20px; color:#21c47e; width:32px; height:32px; background:#f5f5f5; text-align:center; border-radius:50%; line-height:32px;}*/


.main-section{ padding:20px 0; min-height:400px;}
.create-event{ background-color:#fff; padding:20px 40px; border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.create-event h2{ font-weight:200; color:#3333; font-size:24px; margin-bottom:30px;}
.create-event .form-control{ border-radius:4px; border-color:#ccc; box-shadow:none;}
.create-event .input-group-addon{border-color:#ccc; }
.input-group-addon{background:#ccc;}

.create-event .gear-details{ padding:10px; background:#FFF; border:1px solid #EEE; margin-bottom:15px;}
.service-type{ background-color:#fff ; padding:10px 20px 20px 20px; margin-bottom:20px; border-radius:4px; border:1px solid #ccc; }
.service-type h2{    background: #d4d4d4;
                     color: #3f0e77;
                     padding: 10px;
                     font-size: 18px;
                     margin-bottom: 0px; text-align:center; text-transform:uppercase;}
.select-service{ background-color:#eee; padding:10px;}
.select-service h3{ margin:0; font-size:14px; padding:6px; text-transform:uppercase; text-align:left;}
.select-service .checkbox-inline{ font-size:20px; margin-right:10px;}
.service-detials h4{font-size:14px; text-transform:uppercase;}
.still-service {; border-bottom:2px solid #eee;}
.photo-service h4{ color:#FFF;}

.still-service, .video-service{ padding:10px; /*border-bottom:1px solid #EEE;*/ border-bottom:2px solid #eee;}

.service-detials .checkbox-inline{ margin:10px;}
.service-detials label{ color:#333; font-size:14px; text-transform:capitalize;}
.video-service .display-no{  display:inline-block; font-size:11.5px; padding:4px;}

.btn-next{
    background-color: #1bb070;
    color: #FFF;
    border-bottom: 4px solid #158254;
    font-size: 18px;
    text-transform: uppercase; padding:10px 20px; }
.btn-next i{ font-size:20px; margin-left:10px;}

.btn-next:hover{border-bottom: 4px solid #1bb070; color:#FFF;}

.select-service .checkbox {
    padding-left: 20px; }
.select-service .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
    text-transform:capitalize;
    font-size:14px;
}
.select-service .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.select-service .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 23px;
    height: 23px;
    left: 2px;
    top: -3px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 16px;
    color: #555555; }
.select-service .checkbox input[type="checkbox"],
.select-service .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
.select-service .checkbox input[type="checkbox"]:focus + label::before,
.select-service .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.select-service .checkbox input[type="checkbox"]:checked + label::after,
.select-service .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";}
.select-service .checkbox input[type="checkbox"]:indeterminate + label::after,
.select-service .checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.select-service .checkbox input[type="checkbox"]:disabled + label,
.select-service .checkbox input[type="radio"]:disabled + label {
    opacity: 0.65; }
.select-service .checkbox input[type="checkbox"]:disabled + label::before,
.select-service .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.select-service .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.select-service .checkbox.checkbox-inline {
    margin-top: 0; }

.select-service .checkbox-success input[type="checkbox"]:checked + label::before,
.select-service .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #3f0e77;
    border-color: #fff; }
.select-service .checkbox-success input[type="checkbox"]:checked + label::after,
.select-service .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;}

.select-service .checkbox-success input[type="checkbox"]:indeterminate + label::before,
.select-service .checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.select-service .checkbox-success input[type="checkbox"]:indeterminate + label::after,
.select-service .checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.choose-album .checkbox {
    padding-left: 20px; background-color:#eee; overflow:auto; padding:10px; margin:0; }
.choose-album .checkbox label {
    display: block;
    vertical-align: middle;
    position: relative;
    padding-left: 40px; font-size:18px;  font-weight:bold;  text-transform:capitalize;}
.choose-album .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.choose-album .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    left: 22px;
    top: -4px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 20px;
    color: #555555; }
.choose-album .checkbox input[type="checkbox"],
.select-service .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; }
.choose-album .checkbox input[type="checkbox"]:focus + label::before,
.choose-album .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.choose-album .checkbox input[type="checkbox"]:checked + label::after,
.choose-album .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";}
.choose-album .checkbox input[type="checkbox"]:indeterminate + label::after,
.choose-album .checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.choose-album .checkbox input[type="checkbox"]:disabled + label,
.choose-album .checkbox input[type="radio"]:disabled + label {
    opacity: 0.65; }
.choose-album .checkbox input[type="checkbox"]:disabled + label::before,
.choose-album .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.choose-album .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.choose-album .checkbox.checkbox-inline {
    margin-top: 0; }

.choose-album .checkbox-success input[type="checkbox"]:checked + label::before,
.choose-album .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #3F0E77;
    border-color: #3F0E77; }
.choose-album .checkbox-success input[type="checkbox"]:checked + label::after,
.choose-album .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;}

.choose-album .checkbox-success input[type="checkbox"]:indeterminate + label::before,
.choose-album .checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.choose-album .checkbox-success input[type="checkbox"]:indeterminate + label::after,
.choose-album .checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.album-details, .video-details{ display:none; background:#fff; padding:10px; border:2px solid #EEE; }

.choose-album p.price{ font-size:14px;}
.choose-album p.price span{ font-size:24px; color:#B91880; position:relative; top:4px;}
.choose-album select{ border-radius:4px; border-color:#ccc; box-shadow:none;}
.choose-album .album-select{ margin-bottom:20px;}

.fillter{ background:#eee; padding:5px;margin: 10px;}
.fillter label, .fillter select{ float:left; margin:5px; display:block;}
.fillter label{ font-size:14px; font-weight:300;}
.fillter select{ width:219px; padding:6px 2px; border:1px solid #ccc; font-size:14px; border-radius:4px;}
.fillter .clear-filter{     display: block;
                            float: left;
                            padding: 6px 10px;
                            width: 140px;
                            margin:6px 0px;
                            text-align: center; background: #E3C488; border-radius:4px; color:#fff;}
.fillter .clear-filter:hover{     background: #E3C488 !important;
                                  color: #fff;
                                  text-decoration: none;}

.photographer-box{ margin:10px 0; border:1px solid #ccc; background-color:#fff; padding:2px;}
.photographer-info{ padding:10px 0;}
.photographer-info .photographer-meta {}
.photographer-info .photographer-meta img{ float:left; border-radius:50%;}
.photographer-info .photographer-meta .photographer-title{ float:left; padding:10px; min-height:80px;}
.photographer-info .photographer-meta .photographer-title a{ font-size:18px; margin:0; color:#333;}
.photographer-info .photographer-meta .photographer-title p{ font-size:14px; color:#666;}
.photography-type{ text-align:left;min-height:22px;}
.photography-type span{ /*display:inline-block;*/ background:#fff; color:#666; padding:2px 5px; border-radius:5px; margin-right:5px; font-size:12px;     border: 2px solid #ccc;}

.select-btn{ background:#B91880; color:#FFF; display: inline-block; margin:10px 0; font-size:15px; text-transform:uppercase; padding:5px 20px; border-radius:5px;}
.select-btn:hover{ color:#FFF; text-decoration:none; background:#B91880; transition:all 0.2s ease;}
.load-more-btn{ display:block; width:200px; background-color:#CCC; padding:5px 20px; margin:10px auto; text-transform:uppercase; text-align:center; font-size:16px; color:#FFF; border-radius:5px;}
.load-more-btn:hover{ color:#FFF; text-decoration:none; background-color:#999;}

.panel-confirm{ border:1px solid #EEE;border-radius:0;}
.panel-confirm .panel-heading{ background:#eeeeee;border-radius:0; overflow:auto;}
.panel-confirm .panel-heading h3{ font-size:24px; }
.panel-confirm .panel-heading h3 span{ font-size:12px; color:#999;}
.panel-confirm .panel-heading h4{ font-size:16px; line-height:32px; float:left; text-transform:capitalize;}
.panel-confirm .panel-heading .edit{ float:right;  color:#71caa4;  margin:0 5px; font-size:18px; line-height:18px; outline:none; padding:4px;}
.panel-confirm .panel-heading .edit:hover{ text-decoration:none; color:#1bb070}
.panel-confirm .panel-heading .delete{ float:right; color:#ff7971; /*margin:0 5px;*/ font-size:18px; line-height:18px;padding:4px 0px;}
.panel-confirm .panel-heading .delete:hover{ text-decoration:none; color:#ff3b30}
.panel-confirm .panel-heading .add{ float:right; color:#FFF; background-color:#3F0E77; margin:0 5px; font-size:14px; line-height:18px;padding:4px 12px; border-radius:5px;}
.panel-confirm .panel-heading .add:hover{ text-decoration:none; color:#FFF; background-color:#3f0e77;}
.panel-confirm .panel-body{ background-color:#f5f5f5;}
.panel-confirm figure{ float:left;margin-right:10px;}
.panel-confirm .photographer-details{float:left; }
.panel-confirm .photographer-details h3{ margin:0; font-size:24px;}
.panel-confirm .photographer-details h3 a{ color:#3F0E77;}
.panel-confirm .photographer-details p{ margin:0;}
.panel-address, .panel-change-address{border: 1px solid #EEE;border-radius: 0;}
.panel-address:hover .panel-body, .panel-change-address:hover .panel-body{ background:#FFF;}
.panel-address .default{ background:#E3C488; color:#FFF; padding:3px 5px; border-radius:3px; display:inline-block}
.panel-change-address{ margin-bottom:5px;}
.panel-change-address .phone-no{ font-size:20px;}
.panel-change-address .choose-phone{ float:right;}
.panel-body .meta{ overflow:auto;}
.panel-body .meta h4{ float:left;}
.panel-body .meta .edit{ float:right;  color:#71caa4;  margin:0 5px; font-size:18px; line-height:18px; outline:none; padding:4px;}
.panel-body .meta .edit:hover{ text-decoration:none; color:#1bb070}
.panel-body .meta .delete{ float:right; color:#ff7971; margin:0 5px; font-size:18px; line-height:18px;padding:4px;}
.panel-body .meta .delete:hover{ text-decoration:none; color:#ff3b30}
.panel-body .meta .add{ float:right; color:#6486e8; margin:0 5px; font-size:18px; line-height:18px;padding:4px;}
.panel-body .meta .add:hover{ text-decoration:none; color:#496ed8}
.panel-body span.phone-number{ font-size:20px;}
.panel-address{ margin-bottom:5px;}
.confirm-event ul.list-group { border-radius:0;}
.confirm-event ul.list-group .list-group-item{ font-size:14px; padding:12px;}
.confirm-event .list-group-item:first-child, .confirm-event .list-group-item:last-child{border-radius:0;}
.confirm-event .well{ box-shadow:none; border-radius:0; }
.confirm-event ul.list-group .badge{padding: 2px 10px;font-size: 14px; font-weight:600; line-height:inherit; background-color:transparent; color:#333;}
.confirm-event .confirm-service .well{ border:none; min-height:160px;}
.confirm-event .confirm-service .well h4{ margin:0; color:#fff;}
.confirm-event .confirm-service .well h4 span{ padding:0 5px;  display:block;}
.confirm-event .confirm-service .well p{ margin:0; padding:5px; color:#fff;}
.confirm-event .confirm-service .well.service{ background:#29b6f6 url(../images/icon-service.png) no-repeat right center;  background-position:98%;}
.confirm-event .confirm-service .well.type{ background:#7e57c2 url(../images/icon-type.png) no-repeat right center; background-position:98%;}
.confirm-event .confirm-service .well.video{ background:#6e8cd7 url(../images/icon-video.png) no-repeat right center; background-position:98%;}
.price-group{ border-bottom:1px solid #EEE; padding:5px 0; padding-bottom:5px; overflow:auto; font-size:14px;}
.price-group.alt{ background: #eee; }
.price-group strong{color:#3f0e77;}
.btn-checkout{ background:#B91880; display:block; color:#FFF; text-transform:uppercase; width:100%; text-align:center; font-size:14px; }
.btn-checkout:hover{ color:#FFF;}
.my-account-page .list-group-item.active, .my-account-page .list-group-item.active:focus, .my-account-page .list-group-item.active:hover{ background-color:#3F0E77; color:#FFF; border-color:#3F0E77}
.accord{ display:block; width:100%;}
.accord a{ display:block;}
.accord a:hover{ color:#3F0E77;}
.accord a span{ float:left;}
.accord a i{ float:right; font-size:24px;}
.collapsed i{-ms-transform: rotate(90deg); /* IE 9 */
             -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
             transform: rotate(90deg);}
.contact-details p{ font-size:18px; margin:10px;}
.contact-details p i{ margin-right:10px; color:#1bb070; }
.pricing{ margin-bottom:10px;}
.pricing .price-box{ padding:10px; background-color:#eee; border-radius:5px; margin:5px 0; min-height:65px;}
.pricing .price-box p{ margin:0;}
.pricing .price-box h4{ margin:0; font-size:22px;}
.pricing .price-box hr{ margin:10px 0;}
.pricing .price-box i{ color:#ccc;}
.pricing .price-box .pay-pending{ background-color:#3F0E77; color:#FFF; padding:10px; display:block; text-align:center;  font-size:12px; border-radius:5px; margin:5px 0; }
.pricing .price-box .pay-pending:hover{background-color:#3F0E77; text-decoration:none; color:#FFF;}
.status-box{ padding:15px; background-color:#eee; overflow:auto; margin-bottom:15px; border-radius:5px; border:3px solid #eee;}
.status-box p{ margin:0;}
.status-box h4{ margin:0; font-size:20px;}
.status-box .choose-photos{ color:#B91880; display:block; text-align:center;  font-size:14px; border-radius:5px; margin:0; font-weight:bold;}
.status-box .choose-photos:hover{text-decoration:none; color:#B91880;}
.panel-heading h3.order-price{ margin:0; font-weight:300;}
.panel-heading h3.order-price i{ }

.feedback{ border-bottom:1px solid #FFF;}
.feedback h4 span{ font-size:12px; color:#666;}
.photo-preview{ position:relative;}
.photographer-intro{ position:absolute; bottom:15px; width:100%;}
.photographer-intro .media img{ border:5px solid rgba(0,0,0,0.2);}
.photographer-intro .media h2{ color:#FFF; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
.photographer-intro .media p{ color:#FFF; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
.photographer-sidebar{ background:#f5f5f5; border:1px solid #EEE;}
.photographer-sidebar h4{ padding:5px 10px;}
.photographer-sidebar .panel-heading{ background:#eeeeee; border:0; border-radius:0; padding:0;}
.photographer-sidebar .panel-heading a{ display:block; padding:10px;}
.photographer-sidebar .panel-heading a:hover, .photographer-sidebar .panel-heading a:focus{ text-decoration:none; background-color:#EEE;}
.photographer-sidebar .panel-heading a:hover{ background-color:#1bb070; color:#FFF;}
.photographer-sidebar .panel-heading a[aria-expanded="true"]{ background-color:#1bb070; color:#FFF;}
.photographer-sidebar .panel{ border:0; border-radius:0;}
.photographer-sidebar .panel-heading h5{ color:#999; font-size:14px;}
.photographer-sidebar .panel-body{ background-color:#f5f5f5;}
.photographer-sidebar .panel ul{ margin:0; padding:0 10px;}
.photographer-sidebar .panel ul li{ list-style-type: disc;}
.panel-group .panel+.panel{ margin-top:2px;}
.photographer-sidebar .panel-heading  a i {float: right;}
.about-photographer{ background:#f5f5f5; border:1px solid #EEE; margin-bottom:15px;}
.about-photographer h3{ font-size:24px; padding:10px 15px 0px 15px; color:#333;}
.about-photographer p{ font-size:14px; padding:5px 15px; color:#333;}
.other-links{ background:#EEE; overflow:auto; padding:10px;}
.other-links p{ margin:0; padding:5px;}
.other-links p a{ color:#1bb070;}
.other-links ul{ margin:0; float:right;}
#sticky { width:100%; background-color:rgba(238,238,238,0.8); padding:5px 0; border-bottom:1px solid #EEE;}
.photo-info{background-color:#FFF; border-radius:5px; padding:5px 10px; border:1px solid #eee;}
.photo-info h2{ margin:0; color:#333; margin:0; font-size:20px;}
.photo-info h2 span{ color:#1bb070;}
.photo-info p{ margin:0; color:#333;}
#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
}
.grid-item { width: 310px; margin:5px; border:4px solid #FFF; overflow:hidden; cursor:pointer;}
.grid-item img{ width:100%;}
.grid-item--width2 { width: 400px; }
.btn-groups{ margin:8px 0;}
.grid-item.active{border:4px solid #1bb070;}
.grid-item .select{ width:32px; height:32px; position:absolute; background:url(../images/select.png) no-repeat; top:50%; left:50%; margin-left:-16px; margin-top:-16px; font-size:0; line-height:0; display:none}
.grid-item .deselect{ width:32px; height:32px; position:absolute; background:url(../images/deselect.png) no-repeat; top:50%; left:50%; margin-left:-16px; margin-top:-16px; font-size:0; line-height:0; display:none}
.grid-item:hover{ border-color:#1bb070; }
.grid-item:hover img, .grid-item.active img{ -webkit-filter: brightness(50%); /* Chrome, Safari, Opera */
                                             filter: brightness(50%);}
.grid-item:hover .select, .grid-item.active .select{ display:block;}
.grid-item.active:hover{  border-color:#eb6d6d;}
.grid-item.active:hover .deselect{ display:block;}
.grid-item.active:hover .select{ display:none;}
.selected-photo .grid-item.active {}
.selected-photo .grid-item:hover{ border-color:#eb6d6d;}
.selected-photo .grid-item:hover .deselect{ display:block;}
/*.panel-title i{ font-size:14px; background:#1bb070; border-radius:50%; padding:5px; color:#FFF; vertical-align: top;}	*/
.album-details .panel-title i.fa-check , #multiple-events .panel-title i.fa-check{background:#3F0E77; border-radius:50%; padding:5px; color:#FFF; vertical-align:middle;}
.create-wedding-event{}
.create-wedding-event h2{ font-size:24px; margin:0;}
.create-wedding-event h2 span{ font-weight:200;}
.create-wedding-event .btn-add-event,.album-select .btn-add-event{margin: 10px auto;display: block;color: #fff;background: #B91880;
                                                                  font-size: 14px; padding:8px 20px; text-transform:uppercase;}
.create-wedding-event .btn-add-event:hover,.album-select .btn-add-event:hover{ background:#B91880; color:#FFF; transition: all 0.2s ease;}
.create-wedding-event small{ color:#999;}

.footer-links{ display:block; margin:10px 0; padding:0;}
.footer-links li{ display:inline-block; border-right:1px solid #999999;}
.footer-links li:last-child{ border-right:none;}
.footer-links li a{ color:#999; padding:0 10px; font-size:12px;}
footer p.copy{ text-align:center; color:#999; font-size:12px;}
footer .divider{ border-bottom:1px solid #666666; margin:10px 0;}

.social-signin label{ float:none;}
.short_sections{ padding:166px 0px;}
/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {
    .main-section{ min-height:500px;}
    .segment p{ font-size:14px;}
    .segment p span{ font-size:24px; }
    .photographer-info{ padding:10px;}

}

@media only screen and (max-width : 979px) {
    .segment p{ font-size:12px;}
    .segment p span{ font-size:16px; }
    .segment.finished:after{ font-size:14px; width:20px; height:20px;  line-height:20px;}
}

@media only screen and (max-width : 767px) {
    .segment{ margin:5px 0;}
    .create-event{ padding:10px;}
    .navbar-toggle{background:#ddca71;}
    .navbar-main .icon-bar{background:#fff;}
}

@media only screen and (max-width : 480px) {
    .carousel-indicators{ display:none;}
    #carousel-banner .carousel-caption{ bottom:0px;}
    #carousel-banner .carousel-caption h2{ font-size:16px;}
    #carousel-banner .carousel-caption .banner-btn{ font-size:12px; padding:5px 30px 5px 5px; margin:5px;}
    .footer-links{ text-align:center;}
    ul.social-icons{ text-align:center;}
    /* footer { */
        /* display:none; */
    /* } */
}

@media only screen and (max-width : 320px) {
    /* footer { */
        /* display:none; */
    /* } */
}
@media only screen and (min-width : 1920px) {
    .short_sections{ padding:300px 0px;}
}


.input-group-addon{
    width:0% !important;}

label.label-after-display , label.label-after-display-video {
    font-weight: 700;
    font-size: 11px;
    color: #666;
    display: none;
    position: absolute;
    top: -5px;
    left: 16px;
    bottom: 0;
    height:0px;
}
.select-readonly{
    pointer-events: none;
    -webkit-appearance: none;
}
.album-textname-selected{
    margin-top:15px;
    min-height:45px;
}
.noBookData {
    text-align: center;
    border: 1px solid rgba(173, 173, 173, 0.18);
    padding: 110px;
    border-radius: 3px;
    background-color: #eee;
}
.noBookData i {
    font-size: 100px;
    color: #ccc;
    display: block;
}
.noBookData .msg {
    color: #b3b0b0;
    font-weight: bold;
    font-size: medium;
}

/************************************ Custom Css **************************************/
.panel-heading h3.panel-title span{font-size: 20px; color: #333;}

button.cancel-order.custom_back_btn.btn.btn-link {
    text-decoration: none;
    color: #B91880;
    padding: 0px;
    font-weight: bold;
}
.panel-heading h3.panel-title span a.span_anchor:hover{text-decoration: none;}

i.fa.fa-angle-down.pull-right.accordian_anchor{
    color: #333;
}

.aclass {
    width: 100%;
    height: :10px;
    cursor:pointer;
}
.panel-title.panel-title.accord{
    float: none;
    margin-bottom: 10px;
    margin-top: 10px;
}
span.cancel_string {
    font-weight: bold;
    font-size: 14px !important;
    margin-top:5px;
}
.history-rating{
    font-size:14px;
}
.row.confirm-service{
    padding:20px 0 0 0;
}
.panel.panel-default.strip_margin{
    margin-bottom:20px;
}
.photographer-details.photo-user h3{
    font-size:18px;
    text-transform: capitalize;
}
.contact-details.con-det-cus p{
    font-size: 16px;
}
.panel-heading h3.panel-title.h3-panel-title-cus{
    font-size: 20px;
}
.panel-heading.panel-heading-cus{

}
h3.panel-title.panel-title-album-con span , h3.panel-title.panel-title-album-con{
    font-size: 16px;
}
.panel.panel-default.no-margin{
    margin-bottom:0;
}

.panel.panel-confirm.no-margin{
    margin:10px;
}

/*service provider register starts*/
.footer-links1{ padding:0;}
.footer-links1 li{ display:inline-block;}
/* .footer-links1 li:last-child{ border-right:none;} */
.footer-links1 li a{ color:#FFF; padding:0 10px; font-size:14px;}
/* footer p.copy{ text-align:center; color:#999; font-size:12px;} */
/* footer .divider{ border-bottom:1px solid #666666; margin:10px 0;} */
.service-reg .nav-tabs > li.active > a, .service-reg .nav-tabs > li > a:focus, .service-reg .nav-tabs > li > a:hover {
    cursor: default;
    color: #3F0E77;
    border-radius:0px;
    background:#e4e4e4 !important;
    box-shadow:none !important;
    outline:#e4e4e4 !important;
}
.service-reg ul.nav-tabs li > a.btn-primary{background:#fff;}
.nav-tabs>li>a{
    border-radius:0px;
}
.service-reg .nav-tabs > li > a{ padding:15px 0; color: #B91880; font-size:18px; margin:0px; width:100%;}
.service-reg .nav-tabs > li > a span.services_list_icon{color:#6C3; font-size:28px; padding:0 10px;}
.service-reg .nav-tabs{ border-bottom:0px;}
.service-reg {
    /* margin: 40px 0;*/
}
.tab-border-right{border-right:1px solid #e4e4e4;}
.service-reg .nav-tabs > li > a:hover{ background:#e4e4e4 !important; color:#3F0E77;}
.service-reg .nav-tabs > li {
    float: left;
    margin: 0;
    width: 33.33%;
    color: #ffffff;
    border-left:0px;
    border-bottom:0px;
    border-top:0px;
}

.service-reg .nav-tabs{/*width:97.8%;*/ border:1px solid #ccc; border-radius:4px 4px 0px 0px; margin:0 auto;}
.service-reg li.active a.segment p span{ background:#1BB070;}
.segment.active {
    /*background: #21c47e none repeat scroll 0 0;*/
}

.service-reg div.tab-content.reg-tab{padding:0px; margin:0px; width:100%;}
/*.segment {
    background-color: #fff;
    border: medium none;
    border-radius: 50px;
    color: #B91880;
    display: block;
    overflow: hidden;
    position: relative;
}
*//*.segment p {
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
}*/
/*.segment.active p span {
    background: #1bb070 none repeat scroll 0 0;
}*/
/*.segment p span {
    background: #bbbbbb none repeat scroll 0 0;
    font-size: 24px;
    margin-right: 10px;
    padding: 15px;
}*/
.btn.btn-info.nex-t{
    background: #B91880 !important;
    color: #ffffff;
    /*padding: 8px 20px;*/
    border-radius:4px;
    border-color:#B91880;
    text-transform:uppercase;
}
.custom_back_btn:hover{color:#fff; border-color:transparent;}
.service-reg .tab-content {
    margin-top: 40px;
}
.gear_left_tab {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
.tabs-left {
    border-right: medium none !important;
}
.tabs-left.nav-tabs > li {
    float: none;
    width: 100%;
    margin:0px;
}
.tabs-left {
    border-right: medium none !important;
}
.tabs-left.nav-tabs {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    width:100%;
    border:1px solid #ccc !important;
    padding:10px;
}
.tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:focus, .tabs-left.nav-tabs > li.active > a:hover {
    color: #509d79;
}
.tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:focus, .tabs-left.nav-tabs > li.active > a:hover {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0;
    color: #509d79;
}
.tab_count {
    background: #d9d9d9 none repeat scroll 0 0;
    border-radius: 4px;
    font-family: "Montserrat";
    font-size: 13px;
    padding: 2px 10px;
    text-align: center;
    width: 40px;
}
.tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:focus, .tabs-left.nav-tabs > li.active > a:hover {
    background: #EEEEEE none repeat scroll 0 0;
    border-radius: 0px;
    cursor: default;
    border:0px;
    color: #333;
}
.tabs-left.nav-tabs > li > a{ border-radius:0px;}
.tabs-left.nav-tabs > li > a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
    color:#333;
    font-size:14px;
    font-weight:normal;
}
.tabs-left.nav-tabs > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
    margin:0px;
}
.tabs-left.nav-tabs > li > a:hover {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    color: #333;
    border-radius:0px;
    padding: 10px 15px;
}
.tab-content.bg-search {
    background: #fff none repeat scroll 0 0;
    margin-top: 0px;
    padding: 10px 10px 0px 10px;
    overflow: auto;
    margin-bottom:20px;
    border:1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.tab-search {
    border: 1px solid #dfdfdf;
    height: 34px;
    margin-bottom: 20px;
    padding: 10px 15px 7px;
    width: 100%;
}
.search_icon {
    color: #dfdfdf;
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 20px;
}
.tab-pane .alert {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #666666;
}
.new_product {
    background: #1bb070 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    margin-left: 10px;
    padding: 3px 25px;
}
#provider {
    background: #fff;
    border-radius:0px 0px 4px 4px;
    overflow: auto;
    padding: 50px 20px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}
#gear {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    overflow: auto;
    padding: 50px 20px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
#other {
    background: #fff;
    border-radius: 0px 0xp 4px 4px;
    overflow: auto;
    padding: 50px 20px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.tab-content.reg-tab {
    border-radius: 6px;
    padding: 25px 0;
}
.d-detail {
    color: #999999;
    font-size: 12px;
}
.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.checkbox .cr .cr-icon{
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
.checkbox label input[type="checkbox"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon{
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr{
    opacity: .5;
}
.checkbox.chk-style {
    float: left;
    margin: 0;
    width: auto;
}
.checkbox.chk-style label {
    padding: 0;
}
.captcha-div img {
    margin: 10px auto;
}
.login p {
    text-align: center;
}
.tokenize-sample.Tokenize {
    margin-bottom: 140px;
    margin-top: 15px;
    padding: 0;
    width: 100%;
}
@media only screen and (max-width : 767px) {
    .service-reg .nav-tabs > li {
        color: #ffffff;
        float: left;
    }
    .bg-search .alert span.pull-right {
        float: left !important;
        margin-right: 8px;
        margin-top: 0;
    }
    .tab-content.bg-search{margin-top: 20px;}
    .tab-pane .alert{ overflow:auto;}
    .tokenize-sample.Tokenize {
        margin-bottom: 40px;
        margin-top: 15px;
        padding: 0;
        width: 100%;
    }
    .search_icon{ top:10px;}
}

.border-div{
    border:1px solid #ccc;
    overflow: auto;
    background: #fff;
    padding: 20px;
    margin-bottom:30px;
    border-radius:4px;
}

.capt-form{
    margin-top:35px;
}

.abtUs{
    background:#fafafa !important;
    margin:60px auto;
    padding:30px;
    text-align: justify;
}
.abtUs p{font-size: 16px;
         padding:0 30px;
}
.abtUs p.heading{font-size:30px;    }
.abtUs p.title{font-size: 20px; font-weight:700;}
.text-con{background: #fff; padding: 30px; margin:0 auto; width:600px;}
.text-con p{text-align: center; }

.grid-item .image-name{
    position: relative;
    bottom:10px;
    right:0px;
    font-size: 16px;
    line-height: 0;
    display: none;
    color: #fff;
    margin-right:10px;
    text-align: right;
    font-weight:bold;
}
.grid-item:hover .image-name{
    display:block;
    text-decoration: none;
}
.grid-item.active .image-name{
    display: block;
}
/*service provider register ends */

.top-nav-collapse .theme-clip-right {
    background:url(../images/slanding-img.png) #E3C488;
}

.top-nav-collapse .theme-clip-right:before{
    /*content: '';
position: absolute;
left: 100px;
width: 0;
/* height: 58px;
border-top: 50px solid #deca71;
/* border-right: 1000px solid #deca71;
right: -61%;*/
}
ul.nav.navbar-nav.navbar-right.theme-clip-right{
    margin-top: 0px;
    padding: 5px;
}
input:-webkit-autofill {
    background:#fff !important;}

.navbar-brand{padding-top:0px;}

.title-section-border{width:100%; height:1px; margin-top:5px; background:#e4e4e4;}
.service-right-arrow{
    position: absolute;
    right: -9px;
    top: 33%;
    z-index: 100;
    font-size: 24px;
    color: #e4e4e4;
}
.dropzone{border:1px solid #ccc;}

/******************* Service Tab  Style Css *********************/
.service_border_tab{border:1px solid #ccc; border-radius: 4px 4px 0 0;}
.custom-tab-a{float:left; width:33.33%;}
.breadcrumbs.tab-no-padding{padding-bottom:0px !important;}
.main-section.tab-main-nopadding{padding-top:0px !important;}
.panel-body.confirm-event.create-wedding-event , .choose-wed-border , .choose-album-border{background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:#ccc 1px solid; border-radius:0px 0px 4px 4px;}
.wedding-padding{padding:8% 0 2% 0;}
.form-control{border-radius:4px !important; border:1px solid #ccc;}
.no-right-border{border-right:1px solid #e4e4e4 !important;}
.tab-right-arrow-a , .tab-right-arrow-b{position:absolute; top:22px; z-index:99; font-size:24px; color:#e4e4e4; left:100%;}
.tab-right-arrow-b{left:66.1%;}
.tab-right-arrow-a {left:33.7%}
.navbar-fixed-top{z-index:999;}
.event-details-ar{border:2px solid #eee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:1%; margin:0px;}
.event-det-ar{background:#eee; color:#333; font-size:16px; text-transform:uppercase; border:1px solid #eee;}
.event-det--ar{background:#eee !important; border:2px solid #eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.alert-dismissible .close {background: #B91880;color: #fff;font-size: 16px;font-weight: 400; padding: 6px 10px; border-radius: 4px;}
.edit-icon , .delete-icon{ font-size:14px; color:#fff; padding-left:8px; font-family:"Montserrat"}
.event-det--ar a i.fa-pencil , .event-det--ar a i.fa-trash , .event-det--ar a i.fa-plus{ color:#fff; padding:6px 10px; font-size:14px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#3f0e77; }
.choose-album-border{padding:5% 0;}
.album-details-ar { background: #fff;padding: 20px 15px;font-size: 16px; border: 2px solid #eee;}
.album-details-ar span{padding:0;  margin:0 10px;}
.heading-ar{font-size:20px !important; text-transform:capitalize !important; color:#3F0E77; line-height:38px;}
.choose-wed-icons a i.fa-pencil , .choose-wed-icons a i.fa-trash{background:#eee; color:#3f0e77; padding:6px 10px; border:1px solid #ccc; font-size:14px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.confirm-photographer{background:#fff !important; border:1px solid #eee;}
.confirm-photographer--ar{background:#fff !important; border-left:1px solid #eee; border-right:1px solid #eee;}
.panel-body.no-padding{padding:5px;}
.panel-title span .pull-left{    font-size: 20px !important;text-transform: capitalize !important; color: #3F0E77;}
.panel-title span .pull-left small{color:#B91880;}
.collapse-ar{background:#fff !important;}
.price-box h4 i.fa-inr{color:#333;}

.bread-crumg-ar{background:#fff; margin:10px 0px; padding:0px;}
.bread-crumg-ar >li >a {color: #0357ac;text-decoration: none; font-size:12px;}
.bread-crumg-ar > li > a.active{color:#3F0E77}
.bread-crumg-ar>li+li:before{    content: "\003e";color: #8c8c8c;font-size: 12px;font-weight: bold;}
.form-group label{font-weight:normal !important;}
input.form-control{font-weight:normal !important; font-size:13px;}

.caret{border-top: 6px dashed;
       border-right: 6px solid transparent;
       border-left: 6px solid transparent;
}
.page-content p{font-size:13px !important; }
.page-content h3{font-size:20px;}

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

}

@media only screen and (min-width: 768px) and (max-width:991px){
    /* .navbar-right.navbar--ar {background:#300760; width:104%; margin:-25px -15px; padding:10px 100px;} */
    .bread-crumg-ar{margin-top:50px;}
    .navbar-main:after{border-right:500px solid transparent;}
    .service-reg .nav-tabs li a , .segment p{font-size:14px;}
    .tab-right-arrow-b {left: 65.8%;} .tab-right-arrow-a{left: 33.9%;}
    /* modal css */
    .modal-dialog{margin:140px auto;}
    .modal-body .create-event .col-sm-3  {width:100%;}
    .modal-body .create-event .col-sm-3 .form-group .input-group{width:100%;}
    .modal-body .create-event .col-sm-2{width:50%;}
    /*end modal css*/
    .fillter select{width:99%; font-size:12px; float:left}
    .fillter .clear-filter{font-size:12px; float:right;}
    .col-sm-6 .footer-links{width:100% !important;}

}

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

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .fillter select{width:48.5%;}
    .navbar-main li.my-account a{
        text-align:center;
    }
    .theme-clip-right{background-image:none !important; background:#DDCA71 !important;}
    .navbar-brand{padding-bottom:0px;}
    .navbar-nav{margin-top:0px !important; margin-bottom:0px !important;}
    .navbar-right.navbar--ar{background:#3F0E77 ;}
    .theme-clip-right .dropdown-menu li a:hover{background:#B91880 !important ;}
    .navbar-main{height:65px;}
    .segment{margin:0px;}
    .tab-right-arrow-b {left: 65.8%;} .tab-right-arrow-a{left: 33.9%;}
    .fillter label , .fillter select{font-size:12px;}
    .fillter .clear-filter{float:right;}
    .fillter select{width:100%;}
    .fillter label, .fillter select{margin:5px 0;}

    .service-right-arrow{display:none;}
    .no-right-border{border:none !important;}
    .service-reg .nav-tabs > li.active > a, .service-reg .nav-tabs > li> a:focus, .service-reg .nav-tabs > li > a:hover{border-radius:4px;}
    .service-reg .nav-tabs > li{width:100%;}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .navbar-main li.my-account a{
        text-align:center;
    }
    .theme-clip-right{background-image:none !important; background:#DDCA71 !important;}
    .navbar-brand{padding-bottom:0px;}
    .navbar-nav{margin-top:0px !important; margin-bottom:0px !important;}
    .navbar-right.navbar--ar{background:#3F0E77 ;}
    .theme-clip-right .dropdown-menu li a:hover{background:#B91880 !important ;}
    .custom-tab-a{clear:left; width:100%;}
    .tab-right-arrow-a , .tab-right-arrow-b{display:none;}
    .tab-border-right{border-right:none;}
    .service-reg .nav-tabs li a , .segment p{font-size:14px;}
    .custom-tab-a .segment p span img{float:left; padding-left:30px;}
    .segment{margin:0px;}
    .segment p{line-height:40px; text-align:left;}
    .fillter label , .fillter select{font-size:12px;}
    .fillter .clear-filter{float:right;}
    .fillter select{width:100%;}
    .fillter label, .fillter select{margin:5px 0;}
    .select-btn{font-size:14px;}
    .bread-crumg-ar{margin-top:0px;}
    .breadcrumb>li+li:before{padding:0;}
    .bread-crumg-ar > li > a{font-size:10px;}
    .album-details-ar span{margin:0px;}
    .service-right-arrow{display:none;}
    .no-right-border{border:none !important;}
    .service-reg .nav-tabs > li{width:100%; margin:0px;}
    .service-reg .nav-tabs > li.active > a, .service-reg .nav-tabs > li> a:focus, .service-reg .nav-tabs > li > a:hover{border-radius:4px;}
    /* footer { */
        /* display:none; */
    /* } */
}

footer {
    display:flex;
    flex-direction: column;
    margin-top:auto;
    position:static;
    color:white;
    font-size:14px;
    bottom:0px;
}
dl > dt > a{ color:white; }

/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
    width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */

    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
    text-indent: 0;
}
.btn-default .badge{background:#3F0E77;}
.img-select {
    position: absolute;
    top: 42%;
    bottom: 0px;
    left: 22%;
}
.img-select{display:none;}
.img-choose-ar:hover .img-select{display:block;}
.img-choose-ar img{width:100%; background-size: cover;background-repeat: no-repeat;}
.proceed-to-pay {background:#eee; border:1px solid #e4e4e4;}
/* faq*/
.faq_ul{margin: 30px 0; padding:0;}
ul.faq_ul li {
    list-style-type: none;
    padding: 8px 0;
}
ul.faq_ul li a {
    color: #3f0e77;
}
ul.faq_ul li a:hover {
    color:#B91880
}
button.btn_faq {
    background: #3f0e77;
    border: none;
    color: #fff;
    padding: 5px 10px;
    float: right;
    outline:none;
}
button.btn_faq:hover {
    background: #B91880;
}
.img-responsive.top-logo {
    width: 15%;
    display: inline-block;
}
.img-choose-ar{
    width:100;
    /*height: 350px; */
    overflow: hidden;
}
@media all and (min-width: 768px) and (max-width:799px)
{
    .img-responsive.top-logo {
        width: 35%;
    }
}
@media all and (min-width: 800px) and (max-width:992px)
{
    .img-responsive.top-logo {
        width: 35%;
    }
}
@media all and (min-width: 500px) and (max-width:767px)
{
    .img-responsive.top-logo {
        width: 35%;
    }
}
@media all and (min-width: 0px) and (max-width:499px){
    .img-responsive.top-logo {
        width: 35%;
    }
}

#print-selection a.thumbnail:link{
    text-decoration: none !important;
    color: #3f0e77;
}

#print-selection > .modal-dialog{
    width: 80%;
}

#print-selection h4{
    font-size: 12px;
}
/*Cart page show*/

.cart-hover-contentnew {
    background-color: #3f0e77;
    border-radius: 7px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0 0;
    position: absolute;
    right: -5%;
    top: 114%;
    width: 170%;
    z-index: 1000;
}
.cart-hover-contentnew ul.dropdown-cart {
    display: block;
    float: left;
    margin: 2% 0.5% !important;
    padding: 0;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out 0s;
}
ul.dropdown-cart li {
    border-bottom: 1px solid #DECA71;
    color: #fff;
    display: flex;
    float: left;
    list-style-type: none;
    margin: 0 2%;
    padding: 3% 5%;
    width: 99%;
    text-transform: capitalize;
}
ul.dropdown-cart li:last-child {
    border-bottom: none;
}
.dropdown-wrapper:hover div.cart-hover-contentnew {
    display: block;
}
.dropdown-cart img {
    float: left;
    height: 35px;
    margin-right: 5%;
    width: 35px;
}
.navbar-nav .open .dropdown-cart {
    float: left !important;
    background-color: #3F0E77 !important;
    width: 100% !important;
}
.race-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.packdisplay {
    padding: 100px 0px 80px 10px !important;
}