.franchising img{ max-width:100%;}



.fran-img{ padding:10px; border-left:5px solid #2275bb;}

.fran-img img{max-width:100%; border-left:2px solid #e13232; padding-left:5px;}



.fran-bg{ background:url(../img/fran-bg.jpg) center top no-repeat; background-size:cover; padding:100px 0;}

.fran-mid{ background:rgba(255,255,255,0.8); padding:30px; border-radius: 50px;
border: 5px solid #ed1b24;}



.fran-form{ background:#333e96; padding:40px;}

.fran-form input{ background:#fff;}

.fran-form textarea{ background:#fff;}



.hrline{

  border-bottom: 6px solid #000000;

  width: 100%;

  margin: 5px 0px;

}

.price_head {

  margin: 0 0 10px;

  font-size: 20px;

  padding-bottom: 10px;

  border-bottom: 1px solid #ddd;

}





.pricebox {

  background: rgba(0, 0, 0, 0) url(../img/footerbg.jpg);

  color: #fff;

  border: 1px solid #ed1b24;

  border-radius: 5px;

  padding: 15px;

  margin-bottom: 10px;

}



.pricebox p {

  font-size: 16px;

}

.table-bordered {

  border: 0px solid #dddddd;

}



.pricebox > .table-bordered{ color:#fff;}



.table {

  width: 100%;

  max-width: 100%;

  margin-bottom: 20px;

    border: 1px solid #dddddd;

}





  

  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

  padding: 5px;

  line-height: 1.42857143;

  vertical-align: top;

  border-top: 1px solid #dddddd;

}



.pricebox .table-bordered, .pricebox .table-bordered > thead > tr > th, .pricebox .table-bordered > tbody > tr > th, .pricebox .table-bordered > tfoot > tr > th, .pricebox .table-bordered > thead > tr > td, .pricebox .table-bordered > tbody > tr > td, .pricebox .table-bordered > tfoot > tr > td {

  border-color: #ed1b24;

}



.pricebox .table-bordered tr.active > td{

  background: #ed1b24 !important;

  color: #fff !important;

}



.pricebox h4 {

 text-align:left;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 20px;

  margin: 5px 0;



}



.pricebox h4 span {

  font-weight: normal;

  text-transform: none;

  font-size: 16px;

  color: #fff;

  display: block;

  padding-top: 3px;

}



.pricebox big {



  border-radius: 5px;

  color: #fff;

  display: block;

  font-size: 40px;

  line-height: 50px;

  margin: 0;

  padding: 0 10px;

  text-align: center;

}



.pricebox small {

  font-size: 12px;

  text-align: right;

  display: block;

  font-style: italic;

  padding-top: 10px;

}



.text-danger {

  color: #a94442;

}





.catring-img{

  display: block;

  margin: 10px auto;

  width:198px;

  height:198px;

  border-radius: 50%;

  padding: 5px;

  background:#FFFFFF;

}



.paypal{border:1px solid #ddd; float: right; display:none;}













/* //////////////////////////////////////  new csss  ///////////////////////////// */

/* //////////////////////////////////////  new csss  ///////////////////////////// */

/* //////////////////////////////////////  new csss  ///////////////////////////// */

/* //////////////////////////////////////  new csss  ///////////////////////////// */



.bg-blue-header

{

  background-color: #fff;

  padding-bottom: 12px;

  padding-top: 12px;

}

.section30

{

  margin-top: 30px;

}

.section50

{

  margin-top: 50px;

}





.section70

{

  margin-top: 70px;

}



.section90

{

  margin-top: 90px;

}

.social-list a 

{

  color:#333e96;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



/* .social-list:hover a 

{

  color:#333e96;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

} */



#email

{

  padding: 7px 10px;

  background-color: none;

  color: #333e96;

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border: #333e96 solid 1px;

  width: 100%;

}

#submit 

{

  width: 100%;



  border: 0px;

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  padding: 10px 30px;

  background-color: #333e96;

  color: #fff;

  font-size: 20px;



  letter-spacing: 2px;

  margin-top: 15px;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}

#submit:hover 

{

    background-color: #ed1b24;

    color: #FFF;

}



.calltoaction b 

{

  font-size: 18px;

}

.text-left1

{

  text-align: left;

}

.text-red 

{

  color: #ed1b24!important;

}

.w-100

{

  width: 100%!important;

}



.menu-box::before

{

  content: "";

  background-color: rgba(0, 0, 0, 0.3);

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  position: absolute;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



.menu-box:hover::before

{

  background-color: rgba(255, 0, 0, 0.637);

  left: 5%;

  top: 5%;

  width: 90%;

  height: 90%;

}

.menu-text1

{

  position: absolute;

  width: 60%;

  left: 50%;

  top: 50%;

  border: solid 3px #fff;

  padding: 10px 12px;

  background-color: transparent;

  color: #fff;

  z-index: 2;

  font-size: 18px;

  font-weight: bolder;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



 .menu-box:hover  .menu-text1{

  background-color: #333e96;

  color: #fff;



}



.section15

{

  margin-top: 27px;

}



.lnk a 

{

  color: #fff!important;

  text-decoration: none;

}

.testi-box1 

{

  background-color: #333e96;

  padding: 170px 70px;

  color: #fff;

  font-size: 18px;

}





.no-pad

{

  padding-left: 0px;

  padding-right: 0px;

}





.section10 

{

  margin-top: 15px;

}







.custom-pad1

{

  padding-left: 7px;

  padding-right: 7px;

}





.w-100

{

  width: 100%!important;

}



.fixed11 

{

  position:fixed;

  width:100%;

  top:0;

  left:0;

  z-index:9;

}

.margin-top1

{

  margin-top:155px;

}



.cps 

{

  text-transform:uppercase;

}

.text-gray 

{

  color: #666;

}

.btn2 

{

  border-radius: 50px;

  padding: 15px 35px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  border: solid 1px #333e96;

  background-color: transparent;

  color: #333e96;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}







.btn2:hover 

{

  border-radius: 50px;

  padding: 15px 15px 15px 55px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  border: solid 1px #333e96;

  background-color: #333e96;

  color: #fff;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}





.slider-box1 

{

  padding: 15px;

  background-color: #ea2b2e;

}



.slider-box2

{

  padding: 25px;

  background-color: #ea2b2e;

  border: #fff solid 4px;

  color: #fff;

  font-size: 16px;

  height: 250px;







}







.slider-box2 h2

{

  font-size: 30px;

  color: #fff;

  font-family: 'poppinsbold';



}

.btn3

{

  border: solid 1px #fff;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  background-color: transparent;

  color: #fff;

  padding: 7px 12px;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



.btn3 a

{

  color: #fff;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}

.btn3 a:hover 

{

  color: #ea2b2e;

 



}

.btn3:hover 

{

  color: #ea2b2e;

  background-color: #fff;

  



}





.img-zoom-effect 

{

  overflow: hidden;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}





.zoom-effect1 img 

{

  overflow: hidden;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}



.zoom-effect1  

{

  overflow: hidden;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}





.img-zoom-effect:hover img 

{

  overflow: hidden;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}











.zoom-effect1 

{

  overflow: hidden;

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



.section-all-011

{

  padding-right: 0px;

  padding-left: 35px;

}



.section-all-0110

{

  padding-right: 0px;

  padding-left: 32px;

}



.top-margin111 

{

  margin-top: 5px;

  position: absolute;

  top:20px;

  left:14%;

  color: #333e96;

  display: block;



  font-size: 16px;

}





.q-box h4 

{

  font-weight: 600;

}





.q-box h4 

{

  font-size: 16px!important; height: 40px;

}





.calltoaction22

{

  margin-top: 0px;

}

.MainContent22

{

  padding-top: 50px;

  padding-bottom: 0px;

}



.package-box-height1 

{

  height: 625px!important;

}

.dec-height

{

  height: 375px;

}



.inner-menu-box1 ul 

{

   font-size: 16px;

   color: #ea2b2e;

   list-style: none;

}



.inner-menu-box2 ul li

{

   font-size: 17px;

   color: #ea2b2e;

   list-style: none;

}

.dec-height ul li

{



   list-style: none;

   margin-left: 5px!important;

   

}

.dec-height ul

{



   list-style: none;

   margin-left: -40px!important;

   height: 175px;

}

.dec-height i 

{

  margin-right: 7px;

  color: #ea2b2e;

}









.inner-menu-box2  i 

{

  margin-right: 7px;

  color: #000;

}





.q-box 

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}







.q-box img

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}





.q-box:hover img

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}











.q-box-image

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;



}



.catering-cat img

{

  transition: all 600ms;

  -webkit-transition: all 600ms;

  -moz-transition: all 600ms;

  -ms-transition: all 600ms;

  -o-transition: all 600ms;



}



.catering-cat

{

  transition: all 600ms;

  -webkit-transition: all 600ms;

  -moz-transition: all 600ms;

  -ms-transition: all 600ms;

  -o-transition: all 600ms;

  

}







.catering-cat:hover img

{

  transition: all 600ms;

  -webkit-transition: all 600ms;

  -moz-transition: all 600ms;

  -ms-transition: all 600ms;

  -o-transition: all 600ms;

  transform: rotateY(360deg);

  -webkit-transform: rotateY(360deg);

  -moz-transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  -o-transform: rotateY(360deg);

}



.catering-cat:hover {

  border: #ed1b24 solid 1px;

  border-radius: 15px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  -ms-border-radius: 15px;

  -o-border-radius: 15px;

}

.package-box-height1 ul

{

  transition: all 600ms;

  -webkit-transition: all 600ms;

  -moz-transition: all 600ms;

  -ms-transition: all 600ms;

  -o-transition: all 600ms;

}



/* .package-box-height1:hover ul

{



  margin-left: -30px!important;

} */



.calltoaction a

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

}



.calltoaction a:hover 

{

  transition: all 200ms;

  -webkit-transition: all 200ms;

  -moz-transition: all 200ms;

  -ms-transition: all 200ms;

  -o-transition: all 200ms;

  color: #ea2b2e;

  text-decoration: underline;

}



.bck i 

{

  font-size: 40px;

}





.capitalize{

  text-transform: capitalize;

}





/*.brdr3 */

/*{*/

/*  width: 100%;*/

/*  background-color: #ea2b2e;*/

/*  height: 1px;*/

/*  text-align: center;*/

/*  margin-top: 30px;*/

/*}*/



.dec-height h3 

{

    font-size:22px;

}







/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 9; /* Sit on top */

  padding-top: 80px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  position: relative;

  background-color: #fefefe;

  margin: auto;

  padding: 0;

  border: 1px solid #888;

  width:40%;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s

}





/* Add Animation */

@-webkit-keyframes animatetop {

  from {top:-300px; opacity:0} 

  to {top:0; opacity:1}

}



@keyframes animatetop {

  from {top:-300px; opacity:0}

  to {top:0; opacity:1}

}



/* The Close Button */

.close {

  color: white;

  float: right;

  font-size: 28px;

  font-weight: bold;

  opacity: inherit;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.modal-header {

    background-color: #ed1b24;

    color: white;

    min-height: auto;

    border: none;

}



.modal-body {padding: 20px 16px;height: 500px;

    overflow: auto;}







.addtocart {

    float: right;

    margin: 10px 0px 0px 12px;

}



.modal-body label{ cursor: pointer;margin-bottom: 0px; }

.modal-body h4{border-bottom: 1px solid #ccc;

    padding: 3px;}

.clear-div{clear: both; margin:30px 0px 0px;}

.modal-body ul{margin: 0px; padding: 0px;}

.listing-none li {padding-right: 15px;

    border: 1px solid #e6e6e6;

    padding: 7px 9px 7px 8px;

    margin: 10px 0px;}



.float-right {

    float: right;

}





.addon-group {

    position: relative;

    display: table;

    border-collapse: separate;

    margin-right: 48px;

    width: 74px;

    float: right;

}



.addon-group .btn {

padding: 0px 6px; border: 1px solid #ccc;}



.addon-group .form-control{

height: 26px;

    padding: 0px 1px;

    text-align: center;}





.order-tablebox{



  border: 1px solid #df4c31;



  margin-bottom: 20px;



  overflow: hidden;



  padding: 20px;



  border-radius:0px;



}



.order-tablebox li{list-style:none;}







@media (max-width: 768px) {

.modal-content {

width: 90%;}



}











@media (max-width: 768px) {



  .package_block33 {

    display: block;

    width: 95%;

    min-height: 600px;

    float: left;

    border: 1px solid #ddd !important;

}



  .price_form

  {

    width: 100%;

  }

  .dec-height ul

  {

  

     list-style: none;

     margin-left:none;

     height: auto;

  }



  .calltoaction {

    background: #fff;

    padding: 1px 0 20px 0;

    color: #000;

    font-size: 16px;

    margin-top: 0px;

}

  .top-margin111 

{

  margin-top: 5px;

  position: absolute;

  top:20px;

  right: 320px;

  color: #333e96;

  display: none;

 

}





.package-box-height1 

{

  height: auto!important;

}

.dec-height

{

  height: auto;

}

.q-box, .q-box.odd, .q-box.even

{

  text-align: left!important;

}





  .carousel-caption {

  

    width: 32%;

    display: none;

    right: 10%;

    position: absolute;

    top: 15%;

    z-index: 10;

  

    color: #ffffff;

  

    /* text-transform: uppercase; */

  }





.fixed11 

{

  position:static;

  width:100%;

  top:0;

  left:0;

  z-index:99999999;

}

.margin-top1

{

  margin-top:0px;

}









  .testi-box1 

  {

    background-color: #333e96;

    padding: 50px 30px;

    color: #fff;

    font-size: 18px;

  }





  .text-left1

{

  text-align: center;

}





 

  .section50

{

  margin-top: 30px;

}





.section70

{

  margin-top: 30px;

}



.section90

{

  margin-top: 30px;

}





/* Menu Accordion New */



.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: .25rem;

}



.card-header {

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    background-color: rgba(0,0,0,.03);

    border-bottom: 1px solid rgba(0,0,0,.125);

}



/* Menu Accordion New */



/* .menu-text1

{

  position: absolute;



  left: 50%;

  top: 50%;

  border: solid 2px #fff;

  padding: 15px 20px;

  background-color: transparent;

  color: #fff;

  z-index: 2;

  font-size: 19px;

  font-weight: bolder;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

} */





.q-box 

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}







.q-box img

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

}







.q-box:hover .img-zoom-effect

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}





.q-box-image

{

  transition: all 400ms;

  -webkit-transition: all 400ms;

  -moz-transition: all 400ms;

  -ms-transition: all 400ms;

  -o-transition: all 400ms;

  overflow: hidden;



}

























@media only screen and  (min-width : 769px) and (max-width : 1200px)

{





    .carousel-caption {

  

      width: 80%!important;

    

      z-index:10;

   

      color:#ffffff;

    

    

    }







  }



/* /////////////////////////////// */





.carousel-inner > .item > img,

      .carousel-inner > .item > a > img {

          width: 100%;

          margin: auto;  

      } 

      @-webkit-keyframes zoom {

      from {

        -webkit-transform: scale(1, 1);

      }

      to {

        -webkit-transform: scale(1.5, 1.5);

      }

    }

    

    @keyframes zoom {

      from {

        transform: scale(1, 1);

      }

      to {

        transform: scale(1.5, 1.5);

      }

    }

    

    .carousel-inner .item > img {

      -webkit-animation: zoom 20s;

      animation: zoom 20s;

    }

      .random1, .random2, .random3, .random4, .random5, .random6, .random7, .random8, .random9, .random10, .random11,{margin-left:-10px;}

   





      .d-block {

        display: block !important;

    }







    .carousel-control-next-icon, .carousel-control-prev-icon {

      display: inline-block;

      width: 20px;

      height: 20px;

      background: transparent no-repeat center center;

          background-image: none;

          background-size: auto;

      background-size: 100% 100%;

  }





  .sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0,0,0,0);

    white-space: nowrap;

    -webkit-clip-path: inset(50%);

    clip-path: inset(50%);

    border: 0;

}



.carousel-control-next {

  right: 0;

}







.carousel-control-next, .carousel-control-prev {

  position: absolute;

  top: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 15%;

  color: #fff;

  text-align: center;

  opacity: .5;

}







.carousel-control-prev {

  left: 0;

}









.carousel-control-next, .carousel-control-prev {

  position: absolute;

  top: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 15%;

  color: #fff;

  text-align: center;

  opacity: .5;

}