body {font-family:'Open Sans';font-size:16px;}



.stripecheckout {width:450px;}



/*color:#454545;*/
ul {margin:0px;padding:0px;padding-left:15px;}
li {margin-bottom:10px;}

a {color:#08519b;text-decoration:underline;}
a:hover {color:#08519b;text-decoration:none;}

.select2-selection { overflow: hidden; }
.select2-selection__rendered { white-space: normal; word-break: break-all; }

h2 {font-size:32px;text-align:center;color:#08519b;font-family:'Young Serif','Roboto Slab';text-align:left;margin-top:25px;margin-bottom:25px;}
h3 {font-size:24px;text-align:center;color:#08519b;font-family:PT Sans Narrow;text-align:left;}   

.numberOfPersons {float:left;width:18%;text-align:center;margin-right:2%;padding:5px;}
.numberOfPersons:hover {background-color:#f7f7f7;}
.personsIcon  {float:left;width:100%;max-width:100px;}

           
.CharacterType {float:left;width:100%;text-align:center;margin-right:10%;padding:10px;}
.CharacterType:hover {background-color:#f7f7f7;}
.characterIcon  {float:left;width:100%;max-width:250px;}

.on-off-icon {width:50px;}

.custom-radio {margin-bottom:15px;}

.subtitle2 {color:#006699;font-size:20px;text-decoration:none;font-family:Philosopher;padding:8px;clear:both;margin-top:30px;background-color:#f3f4f6;}




::-webkit-input-placeholder {
   color:#999999;
   font-size:14px;
}
:-moz-placeholder {
   color:#999999;
   font-size:14px;  
}
::-moz-placeholder {
   color: #999999;
   font-size:14px;  
}
:-ms-input-placeholder {  
   color:#999999;
   font-size:14px; 
}

.form-control::-webkit-input-placeholder { color: #999999; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #999999; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #999999; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #999999; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #999999; }  /* Microsoft Edge */
  

  
.albComGroupButton {display:inline-block;padding:3px;margin:2px;padding-left:8px;padding-right:8px;margin-bottom:10px;}
.albComGroupButtonActive {background-color:#f6f6f6;border-radius: 4px;border:1px solid #EBEBEB;}
.albComGroupButton:hover {text-decoration:none;}
 

.mc {width:100%;min-width:350px;}
.mc-in {max-width:1140px;margin:auto;}
.mc-grey {background-color:#f8f8f8;}

.form-container {padding:20px;}

.mc-image {
    
    height:600px;
    padding:0;
    position: relative;
    background-size:cover;
}


.mc-image-inner {
    background: url('../layout/site_top_bg7_in.jpg') no-repeat  0px 0px;
    height:90px;
    padding:0;
    position: relative;
    background-size:cover;
    background-position:right;
}

/*
.mc-inimg1 {background: url('https://img.magicwelcome.com/layout/site_top_bg1_2025.jpg?3') no-repeat;background-position: left 53% top 0px;}
.mc-inimg2 {background: url('https://img.magicwelcome.com/layout/site_top_bg2_2025.jpg?3') no-repeat;background-position: left 53% top 0px;}}
*/

.mc-inimg1 {background: url('../layout/site_top_bg1_2025.jpg?3') no-repeat;background-position: left 53% top 0px;}
.mc-inimg2 {background: url('../layout/site_top_bg2_2025.jpg?3') no-repeat;background-position: left 53% top 0px;}}






.mc-top-line {
    height:80px;
    
//background-image: linear-gradient(to bottom, rgba(0,0,0,F0.5), rgba(0,0,0,0));

}
.mc-top-line-in {line-height:80px;margin:auto;}

.mc-main-content {padding-top:20px;}

.mc-left {float:left;padding:20px;background-color:#FFFFFF;box-shadow: 0px 0px 3px 3px #ededed;border-radius: 10px;width:100%;margin-top:20px;margin-top:20px;margin-bottom:40px;}


.sitelogo {font-size:32px;font-family: 'Berkshire Swash', cursive;color:#FFFFFF;text-decoration:none;text-shadow: #000000 0px 0 10px;}
.sitelogo:hover {color:#FFFFFF;text-decoration:none;}
.c-logo {background-image:url('../layout/logo.png');padding-left:80px;background-repeat:no-repeat;padding-top:5px;display: inline-block;padding-right:10px;cursor:pointer;cursor:hand;background-position:0px 0px;}
.c-logo2 {padding-top:3px;display: inline-block;margin-left:20px;}



.top-right-menu {float:right;}
.top-right-menu-buttons {margin-right:30px;margin-top:0px;float:left;}
.top-right-menu-link {padding:13px;color:#FFFFFF;font-size:16px;border-radius: 5px;font-family: 'Roboto Slab';text-decoration:none;text-shadow: #000000 0px 0 10px;}
.top-right-menu-link:hover { padding:13px; color:#FFFFFF;  background-color: rgba(0,0,0,0.3);text-decoration:none;}

.lang-dropdown {color:#d80c1b;font-family: 'Roboto Slab', serif;}
.lang-dropdown-item {line-height:40px;color:#d80c1b;text-decoration:none;}
.lang-dropdown-item:hover {line-height:40px;color:#d80c1b;text-decoration:none;}
.lang-flag {margin-right:10px;}
.dropdown-active-lang {border:0;background-color: rgba(255,255,255,0.0);padding:12px;color:#FFFFFF;font-family: 'Roboto Slab';text-shadow: #000000 0px 0 10px;}
.dropdown-active-lang:hover {border:0;background-color: rgba(0,0,0,0.3);color:#d80c1b;}
.top-right-menu-lang {margin-right:45px;margin-top:0px;float:left;padding-top:17px;margin-left:20px;padding:0px;}

button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;

}


.dropdown-active-lang:hover{
    background-color: #FFFFFF !important;
    background-color: rgba(0,0,0,0.3) !important;
    border-color: #d80c1b !important;
    background-image: none !important;
    border: 0 !important;
    color:#FFFFFF !important;
}








.top-info {width:50%;color:#FFFFFF;text-align:left;float:left;margin-left:0%;margin-top:80px;border:0;padding:20px;border-radius: 25px;text-shadow: #000000 0px 0 20px;}

.top-info-title {font-size:36px;margin-bottom:10px;font-family:'Young Serif','Roboto Slab' ;}
.top-info-text {font-size:24px;font-family:'Young Serif','Roboto Slab' ;line-height:40px;width:90%;}


.top1-left {float:left;width:500px;padding:20px;}
.top1-right {padding:20px;padding-bottom:10px;}
/*.top1-right * {margin:0px;margin-bottom:15px;}*/

.top1-cont {background-color:#f8f9fc;padding:10px;}
.top1 {}

/*box-shadow: 0px 0px 3px 3px #ededed;border-radius: 10px;*/

div.weOffer {padding:0px;margin:0px;background-image:url(../layout/feedbacks2.jpg);}
p.weOffer {color:#FFFFFF;padding:0px;margin:0px;font-family:Philosopher;line-height:100px;font-size:30px;text-align:center;}

div.feedbacks {padding:0px;margin:0px;margin-top:20px;}

.royal-left {float:left;width:49%;margin-top:-20px;min-width:460px;}
.royal-right {float:right;width:49%;margin-top:-20px;min-width:460px;}
.royal-top-in {height:350px;}
.royal-video-in {padding-top:40px;padding:10px;}
.royal-set-subtitle {margin:0px;margin-left:15px;margin-bottom:5px;font-size:18px;color:#d80c1b;}
.adult-set-subtitle {margin:0px;margin-bottom:5px;font-size:18px;text-align:center;font-size:20px;margin-top:10px;font-family: 'Young Serif', 'Roboto Slab';color:#08519b;}
/*color:#d80c1b;*/



.set-container-royal {margin-bottom:30px;margin-top:20px;}
.royal-price-section-container {width:100%;margin:10px;text-align: center;margin-top:20px;}
.royal-price-section {width:710px;margin:auto;margin-left:0px;display: inline-block;}
.royalButtonsContainer {width:465px;float:left;text-align: left;}
.subOrderButtonImg {width:38px;float:left;padding-bottom:7px;}
.subOrderButtonTitle {line-height:30px;font-family:PT Sans Narrow;}
.section-inner {  border-radius: 0px;padding:10px;padding-top:0px;padding-bottom:0px;}
/*border-top:2px solid #d80c1b;*/
.royalButtonsSubtitle {color:#d80c1b;font-size:16px;padding-left:10px;margin:0px;margin-top:5px;}

.komplekt-subicon {width:32px;}

.buttonStep2submit1 {background-color:#FFFFFF;color:#000000;border:1px solid #CCCCCC;}

.priceAndSubmit {text-align:center;}

.smallSetImage {margin-top:-20px}
.smallSetDescr {}
.smallSetDescr2 {display:none;}

.setButton {width:200px;float:left;margin:15px;margin-top:0px;}
.setPrice {margin-top:10px;}
.clearSets {}
.orderB {margin-top:10px;}

.set-container {width:33%;text-align:center;float:left;text-align:left;}
.set-container-adults {width:50%;}
.set-container-inner {width:300px;margin: 0 auto;}
.set-title {font-family: 'Young Serif', 'Roboto Slab', serif;font-size:36px;color:#d80c1b;margin-left:20px;}


.footerSectionLeftContainer {width:50%;float:left;overflow:hidden;}
.footerSectionRightContainer {width:50%;float:right;overflow:hidden;}
.footerSectionLeft {width:33%;float:left;min-width:160px;}
.footerSectionRight1 {width:60%;float:right;min-width:250px;}
.footerSectionRight2 {width:38%;float:left;min-width:150px;}
.bankIcons {margin-top:7px;}

.mpInfoSection {width:29%;float:left;padding:2%;}




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

.btn-order, .btn-order:active, .btn-order:visited, .btn-order:focus {width:200px;height:36px;line-height:24px;padding:4px;border:0px;border-radius:7px;text-decoration:none;}
.btn-order:hover {}

.setList {width:30%;float:right;margin-top:20px;padding:20px;}


.compTable {  border-collapse:collapse; }
.compTable td, .compTable th { padding:7px;border:3px solid #FFFFFF; }
.tdt1 {background-color:#FFF0CD;}
.tdt2 {background-color:#CDE1FF;}
.tdt3 {background-color:#D9FFCD;}


p.footerLink {margin:0px;font-size:14px;line-height:36px;padding:0px;line-height:23px;}
a.footerLink {color:#d80c1b;font-family:Philosopher;font-size:16px;}
.footerSect {color:#505050;text-transform:uppercase;font-family:Philosopher;line-height:25px;font-size:16px;}
.footer_text_block {margin-left:0%;}
.footer_bg {width: 100%;height: 190px;height:auto;border-top: solid 2px #d20918;background-color:#EBEBEB;padding-top:30px;}
.footerC1 {float:left;width:15%;margin:0px;padding-top:15px;}
.footerC2 {float:left;width:15%;margin:0px;padding-top:15px;}
.footerC3 {float:left;width:20%;margin:0px;padding-top:15px;}
.footerC4 {float:left;width:23%;margin:0px;padding-top:15px;}
.footerC5 {float:left;width:25%;margin:0px;}
.b_facebook {width:350px;}
div.footerN2 {padding:0px;margin:0px;background-color:#1d5e98;}


.phones {border-top:2px solid #b2c8da;background-color:#f7f7f7;margin:20px;font-size:20px;padding:10px;margin-left:0px;}

/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.09);border:1px solid #e1e1e1;*/
.orderSection {background-color:#FFFFFF;margin:5px;margin-top:20px;}
.orderSectionInner {padding:20px;}
/*.orderSectionTitle {background-color:#f0f0f0;padding:15px;padding-left:20px;font-family:Philosopher;font-size:16px;}*/

.orderSectionTitle {color:#006699;font-size:18px;text-decoration:none;font-family:Philosopher;padding:8px;clear:both;margin-top:30px;background-color:#f3f4f6;}

/*
.orderReadSection {background-color:#FFFFFF;margin:5px;margin-top:20px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.09);border:1px solid #e1e1e1;}
.orderReadSectionInner {float:left;width:33%;min-width:180px;}
.orderReadTitle {float:left;padding-left:10px;font-family:Philosopher;font-size:16px;}
.orderReadTitleSecond {float:right;text-align:right;padding-right:10px;}
.orderReadBuyerTitle {float:right;margin-right:20px;}
.orderReadTitleContainer {background-color:#f0f0f0;width:100%;padding:12px;}
.orderReadySetImgPreview {height:150px;}
*/

.orderReadSection {margin:5px;margin-top:20px;}
.orderReadSectionInner {float:left;width:25%;}
/*min-width:180px;*/
.orderReadTitle {float:left;padding-left:10px;color:#006699;font-family:Philosopher;font-size:20px;}
.orderReadTitleSecond {float:right;text-align:right;padding-right:10px;font-family:Philosopher;color:#006699;font-size:20px;}
.orderReadBuyerTitle {float:right;margin-right:20px;}
.orderReadTitleContainer {background-color:#f3f4f6;width:100%;padding:12px;}
.orderReadySetImgPreview {height:150px;}

.photoUploadSection {float:left;width:50%;margin:0px;}
.photoUploadContainer {height:220px;width:220px;display: table-cell; vertical-align: middle;text-align:center;}
.file_input_container {height:220px;width:220px;display: table-cell; vertical-align: middle;text-align:center;}
.card_photo_control {width:220px;}
.card_photo_control2 {width:220px;display:none;text-align:center;line-height:42px;}
.calendar_photo_control {width:220px;}
.calendar_photo_control2 {width:220px;display:none;text-align:center;line-height:42px;}

.showNumber {font-family:Philosopher;font-weight:bold;font-size:30px;color:#19609c;}




.formReadRow {padding:8px;}


.AlbPhotoComment {
     
     display:table-cell;
    width:430px;
    
}

.selectContainer
{
       
}


.whiteSpaceWrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.select2-container--bootstrap .select2-results__group {
    color: inherit;
    font-size: inherit;
    padding: 6px 4px;
    background-color:#CCCCCC;
}
    

.c-photoContainer {display: table;width:200px;height:120px;margin-top:-20px;}
.c-photoContainer-in {display: table-cell; vertical-align: middle;text-align:center;}
.photo-bg {border-radius: 0px;background-color:#EBEBEB;}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn-upload-file {
  color: #FFFFFF;
  background-color: #007bff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: normal;
}

.btn-upload-file:hover {
    background-color: #0069d9;
}

.btn-primary {
    text-decoration:none;
}


.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor:pointer;
  cursor:hand;
}

.clear {clear:both;}



.videoOrderChildMainContainer {width:100%;display:none;}
.videoChildDataContainer {float:left;padding:5px;min-height:250px;}
.videoOrderSkPhotoContainer {width:200px;height:255px;float:left;margin-right:20px;margin-bottom:20px;}

.videoOrderNameAndAgeContainer {float:left;}
.videoOrderName {float:left;margin-left:15px;}
.videoOrderNameInner {width:280px;}
.videoOrderNameInnerSelect {margin-right:0px;width:265px;}
.videoNewName {width:265px;}

.videoOrderAge {float:left;margin-left:60px;width:140px;}
.videoOrderAgeInnerSelect {width:155px;}

.videoOrderSkMarks {padding-left:0px;width:68%;float:left;}

.videoNewNameMessage {width:340px;min-width:340px;display:none;margin-bottom:10px;float:left;}
.stopNewNamesMessage {width:50%;margin-left:41%;}

.videoSettingsOptionsSelect {width:100%;}

.albumRowElement {float:left;height:150px;}
.albumCommentsSelectContainer {width:460px;padding:20px;}

.orderReadSectionInner1 {text-align:left;width:60%;float:left;}
.orderReadSectionInner2 {text-align:right;width:35%;float:right;}
.orderReadSectionInner2 table {width:100%;}
.orderReadSectionInner2 tr {  border-left: none; border-right: none; border-collapse: collapse; text-align:left;}


.orderReadSectionInner3 {text-align:right;width:33%;}
.orderReadSectionInner3 table {width:90%;border-top:2px solid #CCCCCC;background-color:#FFFFFF;float:right;}
.orderReadSectionInner3 tr {   border-left: none; border-right: none; border-collapse: collapse;text-align:left;}

      
             
             .videoCAmountRadioContainer {float:left;width:80px;text-align:center;padding-top:40px;overflow:hidden;}
             .videoCAmountImg {width:40px;margin:0px;margin-bottom:12px;margin-top:-50px;margin-left:-35px;}
               .videoCAmountInput {position:relative;margin-left:15px;}
               
               .costumeVariantChoose {float:left;width:150px;text-align:center;padding-top:160px;}
               .calendarChooseContainer {float:left;min-width:130px;text-align:center;padding-top:140px;}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #212529;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #aeb6be;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}


.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #212529;
  background-color: #212529;
}


.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #212529;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #aeb6be;
}

.button-standart {text-decoration:none;text-align:left;padding:10px;border:1px solid #CCCCCC;border-radius: 7px;margin:5px 5px 5px 5px;display:text-align:center;margin: 0 auto;}
.button-standart:hover {background-color:#F7F9F9;}


.button-wide {text-decoration:none;padding:15px;border:1px solid #CCCCCC;width:40%;min-width:150px;border-radius: 7px;margin:5px 5px 5px 5px;display:block;text-align:center;float:left;}
.button-wide:hover {background-color:#F7F9F9;}

.stripe-currency-change {text-decoration:none;padding:15px;border:1px solid #CCCCCC;width:40%;border-radius: 7px;margin:5px 5px 5px 5px;display:inline-block;text-align:center;}
.stripe-currency-change:hover {background-color:#F7F9F9;}

.button-small-set {text-decoration:none;padding:15px;border:1px solid #CCCCCC;width:200px;border-radius: 7px;margin:10px 30px 10px 30px;display:inline-block;text-align:center;}
.button-small-set:hover {background-color:#F7F9F9;}



.button-order-menu {text-decoration:none;text-align:left;padding:5px;border-bottom:2px solid #CCCCCC;display: block;}
.button-order-menu:hover {background-color:#F7F9F9;}

.warning-bg {background-color:#fdedec;}
.warning-bg:hover {background-color:#fadbd8;}

.pay-button-containter
{
border-radius: 7px;border:1px solid #CCCCCC;padding:10px;margin:10px;float:left;background-color:#CCCCCC;width:120px;text-align:center;
background: rgb(255,255,255);
/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);*/

}



.pay-button-text {color:#000000;}
.pay-button-text:hover {color:#000000;}

.pay-button
{
    width:100px;
}



.pay-show-button-containter
{
border-radius: 7px;border:1px solid #EBEBEB;padding:10px;margin:5px;float:left;background-color:#CCCCCC;
background: rgb(255,255,255);

}

.pay-show-button
{
    width:65px;
    max-height:16px;
}




.payMethodsContainer
{
    padding-left:5%;
    padding-right:5%;
    text-align:center;

}
.pay-button-containter
{
    float:none;display:inline-block;

}

.pay-button-containter-text
{
    padding:8px;height:46px;padding-right:0px;
}

.pay-button-text-inner {float:left;width:30px;margin-right:3px;}

.td_grey{
   border: 1px solid #CCCCCC;
}



.gdpr-container {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(40,40,40,0.9);
    padding: 4px 8px 12px;
    box-shadow: 0 -2px 15px rgba(0,0,0,0.19), 0 -1px 2px rgba(0,0,0,0.1);
    width:100%;
}
@media (min-width: 475px) {
    box-shadow: none;
    background-color: rgba(0,0,0,0.8);
    max-width: 400px;
    margin-left: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
}


.gdpr-content-container {
    margin:auto;
    max-width:1200px;
}

@media (min-width: 475px) {
    color: #FFF;
    a {
        color: #FFF;
    }
}




@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/*
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
*/

.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    outline: black;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: 100%, 100%;
    border-radius: 50%;
}