* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@font-face{
  font-family: abuk;
  src : url('/fonts/AvenirLTStd-Book.otf');
}
@font-face{
  font-family: amedium;
  src : url('/fonts/AvenirLTStd-Medium.otf');
}
@font-face{
  font-family: dbold;
  src : url('/fonts/DidotLTStd-Bold.otf');
}
@font-face{
  font-family: ablack;
  src : url('/fonts/AvenirLTStd-Black.otf');
}
@font-face{
  font-family: aroman;
  src : url('/fonts/AvenirLTStd-Roman.otf');
}
body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  font-size: 16px;

  color:#888;
  text-rendering: optimizeLegibility;
}
 
/* Navigation */
 
nav{box-shadow: 1px 2px 10px -5px rgba(0,0,0,0.5);
  width: 100%;
  position: fixed; 
  top: 0;
  background-color: #fff;
  z-index: 999;
}
 
nav ul{
  padding: 25px;/*20px;*/
  margin: 0 auto;
  list-style: none;
  text-align: center;
  /*background-color: #fff;*/
}
nav ul li{
  display: inline-block;
  margin: 0 12px; /* 5px early on instead of 25px now 20px*/
  /*background-color: #ffffff;*/
  font-size: 10px;
}
nav ul li a{
  padding: 10px 14px; /* 24px early on instead of 14px*/
   text-decoration: none;
    transition: all 0.2s ease;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 150%; /* 117% early on instead of 150%*/
   line-height: 1.71;
  letter-spacing: 1px;
  text-align: center;
  color: #000 !important;

  text-transform: uppercase; /*new added*/
}
nav ul li a:hover,nav ul li a:focus{
  color: #484848 !important;
  text-decoration: none;

}

a.active{
  border-bottom: 2px solid #ecf0f1;
}
 
/* Headings */
 
h1 {
  font-size: 5rem;
  color: #34495E;
}
h3{ font-family: "abuk" !important; color: #4bb2c9!important;
    letter-spacing: 0.5px; }
 /*select dropdowns*/

 .select_desti,.looking_for{
  width: 100%;
}
 select{
  -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
  .s-hidden {
    visibility:hidden;
    padding-right:59px;
}
.filter-button{
  background: #4bb4ca;
    color: #fff !important;
    padding: 10px 30px 6px 30px;
    text-transform: uppercase;
    float: left;
    letter-spacing: 1px;
    cursor: pointer;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    font-size: 15px;
    font-weight: 600;
}

.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    border:0px;
    width: 100%;
    text-align: left;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:0 10px;
    
  font-size: 167%;
  line-height: 1.2;
  text-align: left;
  color: #484848;
}
.styledSelect:after {
    content:url("/assests/ic_dd.png");
    width:0;
    height:0;
    position:absolute;
    top:0px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#fff;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 167%;
  line-height: 1.2;
  text-align: left;
  color: #484848;
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}

.logo{
  width: 200px;
  position: relative;
}
.logo a{
  position: absolute;
    top: -35px;
    left: 0;
}
.logo a.active{
  border-bottom: 0px;
}
/* Sections */
 
section {
  width: 100%;
  background: #fff;
  text-align: center;
}

.sections section:first-child {
  margin-top: 0px;
  overflow:hidden;
}
.bg-main{
  /*background-image: url('/assests/Rectangle.png') !important;*/
  background-image: url('/assests/bg_main.jpg') !important;
  height: 600px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed;
}
.select2-container{
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
      border: 0px !important;
    float: left;
    width: 100%;
    text-align: left;
}

.flip_img{
  -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

/*home page*/
.heading{
      font-family: dbold;
    font-size: 325%;
    line-height: 1.2em;
    text-align: center;
    color: #484848;
}
.box h5.sub-heading {
    font-size: 20px;
    margin-top: 0px;
}
.sub-heading{
        font-family: 'Open Sans', sans-serif !important;
    line-height: 24px;
    color: #888;
    font-size: 16px;
}
.explore{
  font-family: ablack;
  font-size: 167%;
  font-weight: 900;
  line-height: 0.8;
  letter-spacing: 1px;
  text-align: center;
  color: #484848;
}
.dream-wedding {
  font-family: dbold;
  font-size: 467%;
  line-height: 1;
  color: #ffffff;
  margin-top: 20%;
  text-align: left;
  padding-left: 8%;
}
.justlike{
  font-family:ablack;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 2.2px;
  color: #ffffff;
}
/*what we offer*/
.offer-heading{
  /* font-family: dbold;
   line-height: 1.33;
  text-align: center;
  color: #484848;
  font-size: 21px; */
}
.offer-subheading{
  font-family: 'Open Sans', sans-serif;
  font-size: 105%;
  line-height: 1.71;
  text-align: center;
  color: #484848;
}
/*Vendor section*/
.vimg-text{
    position: absolute;
    top: 42%;
    background-color: grey;
    opacity: 0.7;
    padding: 12px 28px;
}
.vtop{
  top: 65%;
}
.vendor-heading {
    font-size: 18px;
    line-height: 1.1;
    color: #484848;
    font-weight: 700;
    text-rendering: optimizeLegibility;
   font-family: 'Open Sans', sans-serif;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
}
.vendors_list .sub-heading {
     font-family: 'Open Sans', sans-serif !important;
    line-height: 14px;
    color: #999;
    font-size: 14px !important;
    margin: 0 0 8px 0;
}

.vendors_list .border:hover {
    border: 1px solid #ccc;
    box-shadow: 0px 2px 18px rgba(0,0,0,.15);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
}



/*
.vendors_list .border{height: 356px; position: relative;}
*/
.vendors_list .border{height: 375px; position: relative;}



.vendors_list .ratingsStars{ bottom: -5px; position: absolute;}

#menu-outer,#menu-outer2 {
  height: 84px;
 
}

.table {
  display: table;   /* Allow the centering to work */
  margin: 0 auto;
  width: 70%;
}

ul#horizontal-list, ul#horizontal-list2 {
  min-width: 696px;
  list-style: none;
  padding-top: 20px;
  }
  ul#horizontal-list li{
    display: inline;
     padding: 4px 24px;
  }
   ul#horizontal-list2 li {
    padding: 4px 16px;
    display: inline;
   }
 ul#horizontal-list li.active a, ul#horizontal-list2 li.active a{
  background-color: transparent;
  border-bottom: 1px solid  #4bb4ca;
  color:  #4bb4ca;
  border-radius: 0px;
 }

  ul#horizontal-list li.active a:hover,
  ul#horizontal-list li a:hover, 
  ul#horizontal-list li.active a:focus,
   ul#horizontal-list2 li.active a:hover,
  ul#horizontal-list2 li a:hover, 
  ul#horizontal-list2 li.active a:focus{
    text-decoration: none;
  }
  ul#horizontal-list li a,ul#horizontal-list2 li a{
   
  line-height: 1.14;
  letter-spacing: 1px;
  text-align: center;
  color: #000000;
    font-family: abuk;
    font-size: 117%;
  }

/*real weddings*/
.bg_real_wed{
  background-image: url('/assests/img_web_app.png');
  background-position: right;
  background-repeat: no-repeat;
  height: 670px;
  background-attachment: fixed;
}
.wedding-website{
  font-family: ablack;
  font-size: 167%;
  font-weight: 900;
  line-height: 0.8;
  letter-spacing: 8px;
  color: #484848;
}
.create-website{
   font-family: dbold;
  font-size: 400%;
  line-height: 1.17;
  color: #c1a27d;
}
/*inspiritaional images*/
.bg-inspire{
    background-image: url('/assests/Group2.jpg');
  background-repeat: no-repeat;
  /*height: 867px;*/
  min-height: 640px;
  background-size: cover;
  background-attachment: fixed;
}
/*ordinary wedding*/
.box{
  background-color: white;
  padding: 16px;
  margin: 25% auto;
  width: 83%;
}

/*prop shop*/
.prop-head{
  font-size: 133%;
  line-height: 1.5;
  color: #484848;
}
.prop-subhead{
  opacity: 0.4;
  font-size: 100%;
  line-height: 1.33;
  color: #484848;
}
.prop-price{

  font-size: 150%;
  line-height: 1.33;
  color: #000;
}
/*rating*/
.fa-minus-circle{
  display: none;
}
.caption .label{
  display: none;
}
/*position relative*/
.relative{
  position: relative;
}
/*width*/
.width{
  width: 100%;
}
.width-a{
  width: auto !important;
}
.width-47{
  width: 49%;
}
/*border-class*/
.border{
  border:1px solid #e0e0e0;
}
.border-op{
   border: solid 2px #c1a27d;
}
/*background colors*/
.bg-w{
  background-color: #fff;
}

/*padding-classes*/
.pad-42{
  padding:2% 2%;
}
.pad-t-24{
  padding: 24px;
}
.pad-t-196{
  /*padding-top: 196px;*/
  margin-top: 70px;
}
.pad-t-96{
  padding-top: 96px;
}
.pad-t-40{
  padding-top: 40px;
}
.pad-t-48{
  padding-top: 48px;
}
.pad-tb-16{
  padding-top: 16px;
  padding-bottom: 16px;
}
.pad-16{
  padding: 16px;
}
.pad-72{
  padding: 72px;
}
.pad-t-288{
  padding-top: 288px;
}
.pad-24{
  padding: 24px 16px;
}
.pad-72-48{
  padding: 72px 48px;
}
.pad-r-40{
  padding-right: 40px;
}
/*margin-classes*/
.mar-t-24{
  margin-top: 24px;
}
.mar-t-32{
  margin-top: 32px;
}
.mar-t-n6{
  margin-top: -6%;
}
.mar-t-n38{
  margin-top: -12px;
}
.mar-t-n25{
  margin-top: -25%;
}
.mar-n56{
  margin: -56px;
}
/*box-shadow*/
.box-shadow{
 box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
/*height classes*/
.ht-688{
  height: 688px;
  overflow: hidden;
}
.ht-328{
  height: 360px;
  overflow: hidden;
}

.ht-232{
  height: 232px;
  overflow: hidden;
}
.ht-504{
  height: 578px;
  overflow: hidden;
}
.ht-760{
  height: 760px;
  overflow: hidden;
}
.ht-1024{
  height: 1024px;
  overflow: hidden;
}
.ht-496{
  height: 496px;
  overflow: hidden
}
.ht-280{
  height: 280px;
  overflow: hidden;
}
.ht-312{
  height: 312px;
  overflow: hidden;
}
.ht-744{
  height: 744px;
  overflow: hidden;
}
.ht-732{
  height: 795px;
  overflow: hidden;
}
/*font sizes*/
.f-300{
  font-size: 300%;
}
/*button classes*/
.btn-peach{
  padding: 15px 24px 12px 24px;
    width: 100%;
    font-family: abuk;
    font-size: 18px;
    line-height: 1.14;
    letter-spacing: 2px;
    text-align: center;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    margin-top: 20px;
    font-weight: 600;

}
button.pink-btn:focus {
    outline: none;
}
.pink-btn{
  background-color: #4bb4ca;
    border: none;
    font-family: abuk;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
    color: #ffffff;
    padding: 15px 30px 12px 30px;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    font-weight: 600;
}
/*align*/
.text-l{
  text-align: left !important;
}
/*inline class*/
.inline{
  display: inline;
}
/*line-height*/
.lh-1{
  line-height: 1em !important;
}
/*vendor page begins*/
.input-vendor{
  border:0px;
  width: 100%;
}
input.input-vendor[type="text"]:focus,input.input-vendor:active{
  border:0px !important;
  box-shadow: 0 0 0 0;
}
.bg-vendor{
  background-image: url('/assests/Wedding_Services_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
    background-size: cover;
    height: 480px;
}
.bg-vendorprofile{
  background-image: url(/assests/Profile_Page.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: unset;
    background-size: 100%;
    height: auto;
    background-position: center;
    float: left;width: 100%;

}
.bg-vendorabout{
  background-image: url('/assests/About_Us_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
       background-size: cover;
       height: 480px;

}
.bg-vendorfaq{
  background-image: url('/assests/Rectanglevendor.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
       background-size: cover;
       height: 480px;

}
.bg-vendor1{
  background-image: url('/assests/Wedding_Dresses_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
       background-size: cover;
       height: 480px;
       background-position: right;

}
.vendor-mainhead{
  margin: 16.2% 0px;
}
.vendor-mainhead > p{
    font-family: ablack;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 2.2px;
    color: #ffffff;
}
.vendor-mainhead>h4{text-shadow: 6px 1px 37px rgba(0,0,0,0.5);
  font-family: dbold;
    font-size: 44px;
    line-height: 1;
    color: #ffffff;
    text-align: center;    text-transform: uppercase;
}
.border-select{
      width: 1%;
    padding: 0px;
    border-right: 1px solid #e0e0e0;
    height: 24px;
    margin-top: 12px;
}
/*vendor page ends*/
/*prop shop page begins*/
.sort_prop .select{
  display: inline;
}
.sort_prop #sort{
  width: 148px;
}
.sort_prop .styledSelect,.sort_prop .options{
    font-family: abuk;
    font-size: 117%;
    line-height: 1.2;
    text-align: left;
    color: #484848;
}
.sort_prop .styledSelect:after {
    content:url("/assests/ic_dd.png");
    width:0;
    height:0;
    position:absolute;
    top:0px;
    right:6px;
}
ul.pagination {
    display: inline-block;
    border:1px solid #e0e0e0;
    margin: 0;
}


ul.pagination li {display: inline;}
/*ul.pagination li a:hover{*/
/*  background-color: transparent;*/
/*  color: #ff9b90;*/
/*}*/
/*ul.pagination li a {*/
/*    color: black;*/
/*    float: left;*/
/*    padding: 0px 8px;*/
/*    text-decoration: none;*/
/*    font-family: aroman;*/
/*    font-size: 100%;*/
/*     line-height: 2.67;*/
/*    color: #ff9b90;*/
/*}*/
.pagination li a{
  border:0px;
}
ul.pagination li a:active,ul.pagination li a:focus,ul.pagination li a span{
  opacity: 0.2;
  font-family: aroman;
  font-size: 100%;
  line-height: 2.67;
  color: #484848;
}

/*prop page ends*/
/*inspiration page begins inspiration page ends*/
.inspi-date{
 opacity: 0.4;
  font-family: abuk;
  font-size: 133%;
  line-height: 1.71;
  letter-spacing: 2px;
  color: #000000;
}
/*inspiration page ends*/

.real-subheading{
   opacity: 0.3;
  font-family: abuk;
  font-size: 117%;
   line-height: 1.71;
  letter-spacing: 1px;
  color: #000000;
}
.real_select .select{
  display: inline;
}
.real_select #sort{
  width: 200px !important;
}
.real_select .styledSelect,.real_select .options{
     font-family: abuk;
  font-size: 167%;
   line-height: 1.2;
  text-align: left;
  color: #484848;
}
.real_select .styledSelect:after {
    content:url("/assests/ic_dd.png");
    width:0;
    height:0;
    position:absolute;
    top:0px;
    right:6px;
}
/*signin pages*/
.modal-content{
  padding: 50px 100px;
  border-radius: 0px;
  border:0px;
}
.modal-header{
  border-bottom: 0px;
  padding: 5px !important;
}
.modal-body{padding: 5px !important;}

.modal-title{
    line-height: 1.2;
    font-size: 22px; 
}
.modal-footer{
    border: none!important;
    padding: 0px 5px 8px !important;
}
button.form-control{
  height: auto;
}
.br-none{
  border-radius: 0px !important;
}

.modal-dialog{
  margin: 10% auto !important; width: 550px;
}

/*=================mobile screen==========================*/
section.close-menus{
  min-height: auto !important;
  margin:-24px;
  padding-top: 12px;
  padding-bottom: 1px;
}
#sidebar {
  background: #ffffff;
  width: 160px;
  height: 100%;
  display: block;
  position: absolute;
  left: -200px;
  top: 0px;
  transition: left 0.3s linear;
  z-index: 2;

}

#sidebar.visible {
  left: 0;
  transition: left 0.3s linear;
  overflow-y: auto;
}

#sidebar-btn {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  cursor: pointer;
  margin: 20px;
  position: absolute;
  top: 12px;
  right: -100px;
  z-index:1 !important; 
}

#sidebar-btn span {
  height: 1px;
  background: #4bb4ca;
  margin-bottom: 5px;
  display: block;
}

#sidebar-btn span:nth-child(2) { width: 75%; }

#sidebar-btn span:nth-child(3) { width: 50%; }

.sidebar-ul {
  margin: 0;
  padding: 0;
}

.sidebar-ul li { list-style: none; }

.sidebar-ul li a {
    background: #ffffff;
    color: #666666;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    width: 160px;
    padding: 10px;
    text-decoration: none;
    font-family: gothamm;
}
.overflow{
  overflow-y: hidden;
}

nav ul li a {
     cursor: pointer !important;
}

.sec1{
  margin-left: -30px;
}

@media (max-width:767px){
  body{
    font-size: 10px;
  }
  ul#horizontal-list li {
       padding: 4px 16px;
}
.box{
  width: 100%;
}
.ht-688,.ht-328,.ht-232,.ht-504,.ht-760,.ht-1024,.ht-280,.ht-496,.ht-312,.ht-744,.ht-732{
  height: auto;
}
.sort_small{
  text-align: center;
  margin: 0 auto;
}

.width-47{
  width: 100% !important;
}
.border-txs{
  border-top: 1px solid #e0e0e0;
}
.pad-t-196{
  padding-top: 96px;
}
.mar-t-32xs{
  margin-top: 32px;
}
.bg-vendor1{height: auto;}
.heading{
  font-size: 125%;
}

.wedding-website {
    font-family: ablack;
    font-size: 100%;
    font-weight: 900;
    line-height: 0.8;
    letter-spacing: 1px !important;
    color: #484848;
}

.create-website {
    font-family: dbold;
    font-size: 250%;
    line-height: 1.17;
    color: #c1a27d;
}

.pad-72-48 {
    padding: 70px 0px;
}

ul#horizontal-list,ul#horizontal-list2{
  min-width: 100%;
}
.table{
  width: 100%;
}
ul#horizontal-list li,ul#horizontal-list2 li  {
    padding: 4px 7px;
}


.sec1{

  margin-left: 0px;
}

.bg-inspire{
    background-image: url('/assests/Group2.jpg');
  background-repeat: no-repeat;
  /*height: 867px;*/
  min-height: 480px;
  background-size: contain;

}

}
@media(min-width: 767px) and (max-width:1025px){
  body{
    font-size: 8px;
  }
  .logo{
  width: 140px !important;
}
.logo a{
  top: -38px !important;
}

.ht-688,.ht-328,.ht-232,.ht-504,.ht-760,.ht-1024,.ht-280,.ht-496{
  height: auto;
}
.ht-232{height: 232px;}
  ul#horizontal-list li {
    display: inline;
    padding: 4px 24px !important;
}
#inspire_me{min-height: 360px !important;}
.bottom_img{width: 20% !important;}
.bg-inspire {
    background-size: contain;
    background-position: center center;
    background-repeat: repeat-y;
}
}
@media(min-width: 767px) and (max-width:1025px) and (orientation: portrait)
  {
  body{
    font-size: 8px;
   
  }


.sec1{
  margin-left: -30px;
}



.mar-t-24ipad{
  margin-top: 0px !important;
}
.mar-tb-32pad{
  margin: 32px 0px;
}
.padding-x0{
  padding: 0px;
}
.mar-t-32pad{
  margin-top: 32px;
}
  .logo{
  width: 192px !important;
}
  ul#horizontal-list li {
    display: inline;
    padding: 4px 24px !important;
}
}
@media(min-width: 767px) and (max-width:1024px) and (orientation: landscape)
{
  .ht-328{
  height: 360px;
  overflow: hidden;
}
.ht-688{
  height: 648px;
  overflow: hidden;
}
body{
    font-size: 8px;
     }
  .logo{
  width: 272px !important;
}
.logo a{
  top: -38px;
}
nav ul li a {
     padding: 0px !important; 
     cursor: pointer;
}

  ul#horizontal-list li {
    display: inline;
    padding: 4px 16px;
}
}
@media(max-width:1025px){
  .bg_real_wed{
    background-image: none;
    height: auto;
  }
  .pad-t-288 {
    padding-top: 0px !important;
}
.pad-t-196{
  padding-top: 96px;
}
}

a:hover, a:active{
  text-decoration: none;
}

.options{
  max-height: 150px;
  overflow: auto;
}

.options li{

  padding: 5px 10px;
  font-size: 16px;
}

.real_select .styledSelect, .real_select .options {
    
    font-size: 150%;
}

.flex-viewport{
  max-height: 175px;
}

.flex-prev, .flex-next{

  background: rgba(0,0,0,0.95);
}

.flex-direction-nav a.flex-next:before {
    content: "\00BB";
    color: white;
    font-size: x-large;
}

.flex-direction-nav a.flex-prev:before {
    content: "\00AB";
    color: white;
    font-size: x-large;
}

.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border-color: hsla(0, 0%, 91%, 0);
    height: 40px;
}

toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #4bb4ca;
}

.box {
    background-color: white;
    padding: 16px;
    margin: 10% auto;
    width: 83%;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.4);
    max-width: 100%;
}

a.active {
    color: #4bb4ca;
    border-bottom: 2px solid #4bb4ca;
}

.bg-web-and-app{
  background-image: url('/assests/ab.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
}

.carousel-control.right {

  background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
}

.carousel-control.left {

  background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
}

.carousel-indicators .active{

    background-color: rgba(255,121,121,1);
}

.carousel-indicators li{

    border: 1px solid rgba(255,121,121,1);
}

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

  .carousel-indicators {
      bottom: -50px;
  }

}

.footer-a{

    text-align: left;
}

.footer-a > h5{

    margin-top: 20px; 
    margin-bottom: 20px;
}

.footer-a > a{

    text-decoration: none;
    color: #232323 !important;
    font-size: 14px;
    cursor: pointer;
}

.container > span > h4{

    margin: 50px auto;
    margin-bottom: 20px;
}

footer{

    border-top: 1px solid rgba(128, 128, 128, 0.2);
}

.view-all{

    margin-top: 50px;
    margin-bottom: 50px;
}

.v-height{
  /*width: 225px;*/
    height: 192px;
    overflow: hidden;
}
.vi-height{
  height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.price-tag{
  /*font-size: 16px;*/
  font-size: 14px;
}

.select .styledSelect{
  font-size: 16px;
}

.real-img{

  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-small-peach{

      width: 75px;
    font-size: 10px;
    padding: 5px 10px;
    margin-top: -5%;
    letter-spacing: 1px;
}

.cat-name{

    background-color: rgba(253,119,104,0.8);
    color: rgba(255, 255, 255, 0.75);
    padding: 2%;
}



.btn-pink{
  color: #ff9b90;
  letter-spacing: 1px
}

.btn-pink:hover, .btn-pink:active{
  color: #ff9b99;
}

.bg-vendor-details{
   /*background-image: url('/assests/bg2.jpg');*/
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
}

.app-icon{

    border: 1px solid rgba(211, 211, 211, 0.4);
    margin: 5px auto;
    border-radius: 5px;
}

.bg-prop{
  background-image: url('/assests/bg3.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
}

.bg-inspire2 {
  background-image: url('/assests/44.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover;
  min-height: 480px;background-size: 100%;
}
.bg-inspire3{
  background-image: url('/assests/Wedding_Ideas_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;background-size: 100%;
}

.bg-privacy{
  background-image: url('/assests/Privacy _Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;background-size: 100%;
}
.bg-privacyabout{
  background-image: url('/assests/About_Us_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;background-size: 100%;
}
.bg-privacyfaq{
  background-image: url('/assests/the-rings_t20_W7Aov1.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;
  background-size: 100%;
}
.bg-privacyterm{
  background-image: url('/assests/coupleOnStairs.jpg') !important;
    background-repeat: no-repeat !important;
    min-height: 480px;
    background-size: 100%;
    background-position: center 67% !important;
    background-attachment: inherit;
}
/*.bg-privacyabout{
  background-image: url('/assests/About_Us_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;
}
.bg-privacyabout{
  background-image: url('/assests/About_Us_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
  min-height: 480px;
}*/

.bg-main-vendor{

   background-image: url('/assests/Wedding_Services_Page.jpg') !important;
   background-repeat: no-repeat !important;
   background-attachment: fixed;
   background-size: cover;
   height: 480px;
}

.owl-theme .owl-controls .owl-page span {

  background: #4bb4ca !important;
}

.sl-vendors{
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width: 374px){

  .modal{
    margin: 20px 40px !important;
  }

  .modal-content{
    padding: 5px 10px !important;
  }
}

.pad-t-150{
  padding-top: 150px; 
}

.pr_size .pricesize{
  font-size: 14px;
  color:#484848 !important;
}

.sections {
    float: left;
    width: 100%;
}


nav ul li a div img, .center-block{
  margin-top: -20px !important; /* -12px early on instead of 20px*/
  width: 60%;
}
#venues .center-block{width: 40%;}
div#overlay {
    float: left;
    width: 100%;
}
.wed-realm-nav{margin-top: -30px;}
.wed-realm-nav .container-fluid{margin-bottom: -30px;}
.wed-realm-nav .container-fluid .navbar-collapse ul li a:hover, .wed-realm-nav .container-fluid .navbar-collapse ul li a:active{color: #4bb4ca;}

.video-div{width: 100%; height: auto;margin-top:0px; overflow: hidden; justify-content: center;align-items: center;}
#overlay h4.heading{color: white; font-size: 72px;}
#overlay .video-text{position: absolute; text-align: center; top: 59%; width: 100%;}
#myModal2 .note{color: red;}
#myModal_sm .modal-content, #myModal2_sm .modal-content, #myModal3_sm .modal-content{padding: 20px 40px !important;}
.w_profile .tab-content{padding: 60px;}
.img3D-block{display: inline-block;}
/*.img3D-options{margin-top: -100px;}*/
/*.img3D-options:hover, .img3D-block:hover{opacity: 1;}*/
.img3D-options span{cursor: pointer;}

.pic{height: 60px; display: inline;}

@media (max-width: 767px){
  .visible-xs {
    display: block!important;
}.hidden-xs {
    display: none!important;
}.hidden-sm {
    display: block!important;
}
.navbar-header {
    float: left;
    width: 100%;margin: 0px !important;
}

  .navbar-brand{margin-top: 0px;}
  .navbar-header{margin-top: 0px; padding: 5px 0px 15px 0px;}
  .navbar-collapse{border: none;}
  .navbar-toggle .icon-bar{background: #4bb4ca;}
  .navbar-toggle{border: 1px solid #4bb4ca;display:block;}
  nav ul li {margin: 5px 25px;}

  .video-div{width: 100%; height: 350px;margin-top:0px;}
  #overlay h4.heading{color: white; font-size: 32px; }

  #real_weddings{padding-top: 0px; margin-top: 0px;}

  .modal-dialog{margin:20px auto; width: 100%;}
  .w_profile .tab-content{padding: 30px;}
}

@media (min-width: 1090px) and (max-width: 1190px){
  nav ul li {margin: 0 15px;}
}

@media (min-width: 1026px) and (max-width: 1089px){
  nav ul li {margin: 0 5px;}
  nav ul li a div img, .center-block { margin-top: -10px !important; width: 50%;}
}

@media (min-width: 889px) and (max-width: 1025px){
  nav ul li {margin: 0 15px;}
  nav ul li a div img, .center-block { margin-top: 0px !important; width: 35%;}
  nav ul li a {font-size: 120%;}
}

/* This media query needs to be fixed!!*/
@media (min-width: 767px) and (max-width: 888px){
  nav ul li {margin: 0 15px;}
  nav ul li a div img { margin-top: 0px !important; width: 35%;}
  nav ul li a {font-size: 120%;}
}

@media (min-width: 320px) and (max-width: 480px){
  #overlay h4.heading{color: white; font-size: 20px; margin-top: 0px;}
  section {min-height: auto;}
  .bg-inspire .box{width: 100% !important; padding: 10px;}
  .w_profile .tab-content{padding: 10px;}
  nav ul {margin-bottom: 80px;}
}

@media (max-width: 360px){
  #myModal_sm .modal-content, #myModal2_sm .modal-content, #myModal3_sm .modal-content{padding: 20px 10px !important;}
}

#myModal_sm, #myModal2_sm, #myModal3_sm{z-index: 10001 !important;}
.sweet-overlay{z-index: 10002 !important;}
.sweet-alert{z-index: 10003 !important;}

.navbar-collapse.in {overflow-y: inherit;}

#instruction{z-index: 10000;}
#instruction .modal-content{padding: 25px 50px !important; background: rgba(0, 0, 0, 0.75) !important; color: #fff !important; border-radius: 10px !important;}
#instruction .data-box{padding: 20px;}

nav ul li a div img, .center-block { width: 50%;}

#myModal .modal-content, #myModal2 .modal-content, #myModal3 .modal-content{padding: 30px 100px;}
#myModal{margin-top: 12%;}
body.modal-open {overflow-y: hidden !important;}
.w_profile h4{margin-bottom: 50px; text-align: left; font-family: abuk;}

@media (min-width: 320px) and (max-width: 480px){
  section.bg-vendor-details{min-height: 320px;}
  .img_xs{margin-top: 0px !important; height: 48px !important;}
  .bottom_img{width: 40% !important;}
  #myModal{margin-top: 25%;}
  .bg-wedding-details{height: 240px !important;}
}

@media (max-width: 816px){
  .collapse{margin: 0px !important;}
  .images_list a.fancybox div{background-position: center center !important;}
  .img_xs{margin-top: 0px !important; height: 56px !important; }
  .bottom_img{width: 50% !important;}
  .navbar-header {padding: 5px 0px 5px 0px;}
  #myModal{margin-top: 15%;}
}

@media (min-width: 641px) and (max-width: 816px){
  .bg-vendor.bg-inspire2 .vendor-mainhead { margin-top: 20% !important;}
  .sections section:first-child { margin-top: 0px !important; overflow: hidden !important;}
  .bg-main-vendor .vendor-mainhead {margin-top: 25%;}

  

}

@media (min-width: 420px) and (max-width: 640px){
  .bg-vendor.bg-inspire2 .vendor-mainhead { margin-top: 20% !important;}
  .sections section:first-child { margin-top: 0px !important; overflow: hidden !important;}
  .bg-main-vendor .vendor-mainhead {margin-top: 30%; margin-bottom: 20%;}
}

@media (min-width: 240px) and (max-width: 419px){
  
  .bg-vendor.bg-inspire2 .vendor-mainhead { margin-top: 20% !important;}
  .sections section:first-child { margin-top: 0px !important; overflow: hidden !important;}
  .bg-main-vendor .vendor-mainhead {margin-top: 30%; margin-bottom: 20%;}
  #myModal .modal-content, #myModal2 .modal-content, #myModal3 .modal-content{padding: 20px !important;}
}

@media (max-width: 1024px) and (min-width: 767px) and (orientation: landscape){
.logo {width: 140px !important;}
}

@media (min-width: 767px) and (max-width: 888px){
 nav ul li a div img, .center-block {margin-top: 0px !important;}
 .wed-img{height: 360px !important; margin:40px !important;}
}

.ven-wr.heading{ margin-bottom: 40px; }
.pricing-mainhead{ margin: 0; margin-bottom: 30px; }
.pricing-mainhead h4{ color: #000; }


.bootstrap-select.btn-group .btn .filter-option { color: #2f2f2f !important; font-size: 14px; padding: 0;}
.bootstrap-select.btn-group .btn .caret { color: #2f2f2f !important;}

.dress-category h5{margin-top: 20px;}

.purple{
  background-color: #7877B7 !important;
  color: white !important;
}

.wr_blue{
  background-color: #5DB5E3 !important;
  color: white !important;
}