/*****************************carsual slider start********************************/ #carouselExample .img-mask.mb-4{min-height: auto; margin-bottom:1rem !important; position: relative;} /*#carouselExample .carousel-inner.row.w-100.mx-auto.flex-nowrap{width: 109% !important;}*/ @media (max-width: 767px) { #carouselExample .carousel-inner .carousel-item > div { display: none; } /* #carouselExample .carousel-inner .carousel-item > div:first-child { display: block; }*/ #carouselExample .carousel-inner{right:auto !important;} #carouselExample .carousel-inner .carousel-item > div:nth-child(2) { width: 100%; max-width: 767px; display: block; } } #carouselExample .carousel-inner .carousel-item.active, #carouselExample .carousel-inner .carousel-item-next, #carouselExample .carousel-inner .carousel-item-prev { display: flex; } /* display 3 */ @media (min-width: 768px) { #carouselExample .carousel-inner .carousel-item-right.active, #carouselExample .carousel-inner .carousel-item-next { transform: translateX(33.333%); } #carouselExample .carousel-inner .carousel-item-left.active, #carouselExample .carousel-inner .carousel-item-prev { transform: translateX(-33.333%); } } #carouselExample .carousel-inner .carousel-item-right, #carouselExample .carousel-inner .carousel-item-left{ transform: translateX(0); } /*.carousel{ right:30%; }*/ #carouselExample .chev { background: url(/images/fd-standalone-pages/carat-new/img/chevron-right-white.svg) no-repeat; background-size: contain; display: inline-block; width: 10px; height: 10px; margin-left: 5px; } #carouselExample .carousel-inner{ width:148%; right: 46.5%; } #carouselExample .img-fluid{ opacity: 0.3; min-height:450px; width: 100%; } /* #carouselExample .img-fluid:hover, */ #carouselExample .carousel-inner .carousel-item-prev .col-md-4:nth-child(2) .img-fluid, #carouselExample .carousel-inner .carousel-item-next .col-md-4:nth-child(2) .img-fluid, #carouselExample .carousel-item.active .col-md-4:nth-child(2) .img-fluid { opacity: 1; } #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4 strong{color:#ffffff;} #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4 strong:hover{color:#FF6600;} #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4 strong:hover .chev{ background: url(/images/fd-standalone-pages/carat-new/img/right-arrow-icon.png) no-repeat; background-size: contain;} #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4{visibility: visible;} #carouselExample .carousel-item .pr-4{ visibility: hidden; min-height:auto; position: absolute; bottom: 0px; padding:16px 32px !important; width: auto; background:linear-gradient(180deg,transparent,#000); opacity:1;} #carouselExample .carousel-item .pr-4 p, #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4 p{line-height: 1.5; font-size:16px; font-family: inherit; opacity: 1;} #carouselExample .carousel-item .col-md-4, #carouselExample .carousel-item.active .col-md-4{padding-left: 10px; padding-right: 10px;} /**********************carsual slider end*********************************/ #carouselExample{width: 100%;} .navigation{position: absolute;z-index: 999;top: 15px;right: 10px;width: 185px;} .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0; vertical-align: 0; content: ""; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; } .navigation .btn-secondary.dropdown-toggle:hover .dropdown-menu {display: block;} .navigation .dropdown-menu.show .dropdown-item{opacity:1; padding: 0.5rem 0.5rem;color: #ffffff !important;} .navigation .m2 .menu2 .dropdown-item{padding-left:0px;} .navigation .dropdown-menu.show .dropdown-item:hover{color:#ff6700 !important;} #selectaModal .navigation .btn-secondary, #rbiModal .navigation .btn-secondary, #mcdModal .navigation .btn-secondary, #msModal .navigation .btn-secondary, #AAModal .navigation .btn-secondary, #myModal .navigation .btn-secondary, #adModal .navigation .btn-secondary{background-color: transparent; max-width: 50px; display: inline;border: none;} #msModal .navigation .btn:hover, #mcdModal .navigation .btn:hover, #selectaModal .navigation .btn:hover, #AAModal .navigation .btn:hover, #myModal .navigation .btn:hover, #adModal .navigation .btn:hover{background:none !important;} .inline{display: inline; margin-right: 5px;} #digitalcommerce .dropdown-menu.show{background: transparent; border: none; min-width: 6rem; transform: none !important;padding-top: 1rem !important;} .menu1 a:hover, .menu2 a:hover { background: transparent !important; } #caratLp .js-active .fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .Left1{animation-delay: .3s;} .Left2{animation-delay: .6s;} .Left3{animation-delay: .9s;} @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*********************************************************/ #digitalcommerce .modal { display: none; position: fixed; z-index: 99999 !important; padding-top: 0px; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden !important; background: none !important; border: none; border-radius: 0; transform: translate(0%) translate(0%); } #selectaModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px;height:50px;} #rbiModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px;height:50px;} #adModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px;height:50px;} #AAModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px;height:50px;} #myModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px; height:50px;} #mcdModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px;height:50px;} #msModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px; height:50px;} #myModal .logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width: 100px; height:50px;} #ccModal.logoimage{position: absolute; z-index: 999; top: 20px; left: 20px; width:100px; height:50px;} /*.logoimage img{height:auto;}*/ #msslider .carousel-caption, #selectaSlider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption, #Fanaticslider .carousel-caption, #AAslider .carousel-caption, #ccslider .carousel-caption, #Adslider .carousel-caption{ top: 100px;right: 18%; left: 85px; /*background:linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)); */padding: 10px;} #msslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, #Adslider .carousel-caption h3.slide1, #ccslider.carousel-caption h3.slide1{font-family: inherit; /*font-size: 74px !important;*/ color: #ffffff; font-weight: 600; line-height: 1.5; letter-spacing: -1.85px; transform: none; opacity:1;} #msslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #ccslider .carousel-caption h3, #AAslider .carousel-caption h3, #Adslider .carousel-caption h3{ font-family: inherit; font-size: 40px;color: #ffffff; font-weight: 600; display: block; line-height: 1.5; letter-spacing: -1.75px;margin-top: 10px;} #msslider .carousel-caption p, #selectaSlider .carousel-caption p, #Rbislider .carousel-caption p, #mcdslider .carousel-caption p, #Fanaticslider .carousel-caption p, #AAslider .carousel-caption p, #ccslider .carousel-caption p, #Adslider .carousel-caption p{ color: #ffffff; margin-top: 0; opacity: 1; font-family: inherit; font-size: 18px; font-weight: 400; line-height: 1.5;} #msslider .carousel-inner .carousel-item, #selectaSlider .carousel-inner .carousel-item, #Rbislider .carousel-inner .carousel-item, #mcdslider .carousel-inner .carousel-item, #Fanaticslider .carousel-inner .carousel-item, #AAslider .carousel-inner .carousel-item, #ccslider .carousel-inner .carousel-item, #Adslider .carousel-inner .carousel-item{width:100% !important; min-width: 100%; /* min-height: 495px !important;*/min-height: 100vh !important;} #selectaSlider .carousel-inner .carousel-item img, #Rbislider .carousel-inner .carousel-item img, #mcdslider .carousel-inner .carousel-item:first-child img, #Fanaticslider .carousel-inner .carousel-item:first-child img, #msslider .carousel-inner .carousel-item:first-child img, #ccslider .carousel-inner .carousel-item:first-child img, #AAslider .carousel-inner .carousel-item:first-child img{ -webkit-filter: brightness(.5); filter: brightness(.5); } #selectaSlider .carousel-inner .carousel-item img, #Rbislider .carousel-inner .carousel-item img, #mcdslider .carousel-inner .carousel-item img, #Fanaticslider .carousel-inner .carousel-item img, #msslider .carousel-inner .carousel-item img, #AAslider .carousel-inner .carousel-item img, #ccslider .carousel-inner .carousel-item img, #Adslider .carousel-inner .carousel-item img { object-fit: cover!important; height: 100%; position: absolute; width: 100%; top: 0; /*this is for image full*/ left: 0; } .scroll-up header { top:0; -webkit-transform: none; transform: none; position: fixed; width: 100%; background: #1d1d1d; z-index: 999; transition:all .6s; padding-bottom: 1.5rem; } .scroll-down .navbar.navbar-expand-sm { /* transform: translate3d(0, -100%, 0);*/ } header.navbar-open{ height: auto; overflow: auto; min-height: 430px; } .scroll-up .navbar.navbar-expand-sm { /* transform: none;*/ } /*#AAslider .carousel-inner .carousel-item:first-child{background:linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.54)), url(/images/fd-standalone-pages/carat-new/img/AA-Case-Study-1.jpg) no-repeat; min-height:100vmin !important;background-size: cover;} #msslider .carousel-inner .carousel-item:first-child{background:linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.54)), url(/images/fd-standalone-pages/carat-new/img/Microsoft-Case-Study-1.jpg) no-repeat; min-height:100vmin !important;background-size: cover;} #Fanaticslider .carousel-inner .carousel-item:first-child{background:linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.54)), url(/images/fd-standalone-pages/carat-new/img/Fanatics-Case-Study-1.jpg) no-repeat; min-height:100vmin !important;background-size: cover;}*/ #Adslider .caro, #msslider .caro, #selectaSlider .caro, #Rbislider .caro, #mcdslider .caro, #Fanaticslider .caro, #ccslider .caro, #AAslider .caro{border-top: 1px solid rgba(255, 255, 255, .5); width:180px; padding-top: 20px;} #Adslider .col-md-4, #msslider .col-md-4, #selectaSlider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #Fanaticslider .col-md-4, #ccslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #Rbislider .col-md-5, #mcdslider .col-md-5, #Fanaticslider .col-md-5, #AAslider .col-md-5, #ccslider .col-md-5, #AAslider .col-md-4{min-height: 100px; padding-left: 0;} #Adslider .col-md-5 h2, #msslider .col-md-5 h2, #selectaSlider .col-md-5 h2, #Rbislider .col-md-5 h2, #mcdslider .col-md-5 h2, #Fanaticslider .col-md-5 h2, #AAslider .col-md-5 h2, #ccslider .col-md-5 h2, #msslider .col-md-4 h2, #selectaSlider .col-md-4 h2, #Rbislider .col-md-4 h2, #mcdslider .col-md-4 h2, #Fanaticslider .col-md-4 h2, #ccslider .col-md-4 h2, #AAslider .col-md-4 h2{ opacity: 1; color: #ffffff; font-family: inherit; font-size: 36px; font-weight: 400; line-height: 1.5; letter-spacing: -1.5px; } .fade-in-top1{ animation-name: fade-in-top; animation-duration: 1.2s; animation-timing-function: ease; animation-delay: 1.2s; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: backwards; } @keyframes fade-in-top { 0%{ -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } 100%{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } #digitalcommerce .modal-body { width: 100%; padding: 0; } #digitalcommerce .container{height: auto !important;} #digitalcommerce .closed { float: none; opacity: 1; cursor: pointer; } } button.closed:focus{outline:none;} #digitalcommerce .modal-disabled .modal-content { margin: auto; display: block; width: 100%; max-width: 100%; position: relative; /* -webkit-animation-name: animatetop; -webkit-animation-duration: .6s; animation-name: animatetop; animation-duration: .6s;*/ } @keyframes animatetop { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } /* Add Animation */ #digitalcommerce .modal-disabled { -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } #digitalcommerce .modal-enabled .modal-content { border: none; background: transparent; -webkit-animation-name: zoom; -webkit-animation-duration: .6s; animation-name: zoom; animation-duration: .6s; } @keyframes zoom { from { transform: scale(0); } to { transform: scale(1); } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1.2s; animation-delay: 1.5s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } #carouselExample a.carousel-control-prev, #carouselExample a.carousel-control-next{ position: absolute !important; background-position: center center !important; bottom: 0; display: block; align-items: center; -ms-flex-pack: center; justify-content: center; top: 47%; width: 20px; height: 20px; opacity: 1; } #carouselExample a.carousel-control-prev { left: 0.5%; background-size: cover; background-position: center; background: url('/content/dam/carat/us/en/images/Triangleleft.png') no-repeat; } #carouselExample a.carousel-control-next { right: 44%; background-size: cover; background-position: center; background: url('/content/dam/carat/us/en/images/Triangleright.png') no-repeat; } .controls a.carousel-control-prev{ background-size: cover; background-position: center; background: url('/content/dam/carat/us/en/images/Triangleleft.png') no-repeat; margin-right: 5px; } .controls a.carousel-control-next{ background-size: cover; background-position: center; background: url('/content/dam/carat/us/en/images/Triangleright.png') no-repeat; margin-left: 5px; } .controls a.left-disabled{ background: url('/content/dam/carat/us/en/images/Triangleleftdisabled.png') no-repeat; } .controls a.right-disabled{ background: url('/content/dam/carat/us/en/images/Trianglerightdisabled.png') no-repeat; } .controls{ pointer-events:none; text-align: center; position: fixed; bottom: 100px; right: 6.5%; width: 100px; height: 100px; background:url('/content/dam/carat/us/en/images/Oval.png') no-repeat !important; z-index: 99; } .controls a.carousel-control-prev, .controls a.carousel-control-next{ pointer-events: auto; top: 38px; position: relative !important; background-position: center center !important; display: inline-block; height: 20px; width: 30px; opacity: 1; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animation06 { animation-delay: .8s; } .slick-slide:focus { outline: none; } .dark-bg { background: #333333; padding: 4px 0; } .inline .btn-secondary:focus{box-shadow:none !important} #digitalcommerce { padding:0; position: relative; background: #333333; color: #fff; height: auto; overflow: hidden; max-height: initial; } #digitalcommerce .container.fadeInUp.Left1 .col-md-8 {padding-left:0px;} #digitalcommerce h3 { opacity:1; font-size: 2rem; color: #ffffff; font-family: inherit; } #digitalcommerce h2{font-size:46px; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; color: #ffffff; font-family: inherit;} #digitalcommerce .paading0 { padding: 0 !important; } #digitalcommerce .theLatestT { width: 679px; height: 140px; color: #ffffff; font-family: inherit; font-size: 60px; font-weight: 400; line-height: 1.5; letter-spacing: -2.5px; } #digitalcommerce .mrr-10 { margin-top: 10px; color: #ffffff; font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; } #digitalcommerce .left-sec-copy { max-width: 100%; } @media (min-width: 1230px) and (max-width: 1366px) { #AAslider .carousel-item:nth-child(2) .col-md-5{min-height:100px !important;} #AAslider .carousel-item:nth-child(2) .carousel-caption{top:80px !important;} #Adslider .carousel-caption, #msslider .carousel-caption, #selectaSlider .carousel-caption,#Rbislider .carousel-caption, #mcdslider .carousel-caption, #Fanaticslider .carousel-caption, #ccslider .carousel-caption, #AAslider .carousel-caption{right:15%;} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1{font-size:40px !important;} } @media (min-width:1361px) { /* #digitalcommerce .mrr-10{height: 70px;}*/ #digitalcommerce h2{font-size: 42px; } /*#carouselExample .img-fluid{ height: 380px; }*/ } @media (min-width:1200px) { #digitalcommerce .left-sec-copy { margin-left: calc((100vw - 1200px) / 2); } } @media (max-width: 480px){ #carouselExample a.carousel-control-prev, #carouselExample a.carousel-control-next {display:none;} #digitalcommerce h2{font-size:29px !important; line-height: 1 !important;} #carouselExample .carousel-item .pr-4 p{line-height:1.5;} #carouselExample .carousel-item .pr-4{bottom:0px; width: 480px; position:relative; max-width: 100%;} .container.pt-1.fadeInUp .col-md-4.pull-right{padding-left:0; padding-right:0;} #msslider .col-md-4, #selectaSlider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #ccslider .col-md-4, #Adslider .col-md-4, #Fanaticslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #Rbislider .col-md-5, #mcdslider .col-md-5, #Fanaticslider .col-md-5, #AAslider .col-md-5, #ccslider .col-md-5, #AAslider .col-md-4{min-height: 44px;} #Adslider .carousel-caption, #msslider .carousel-caption, #selectaSlider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption,#ccslider .carousel-caption, #Fanaticslider .carousel-caption, #AAslider .carousel-caption { top: 25% !important; right: 20% !important; left: 2%; } #Adslider .carousel-item:first-child .carousel-caption, #msslider .carousel-item:first-child .carousel-caption, #selectaSlider .carousel-item:first-child .carousel-caption, #Rbislider .carousel-item:first-child .carousel-caption, #mcdslider .carousel-item:first-child .carousel-caption, #Fanaticslider .carousel-item:first-child .carousel-caption, #ccslider .carousel-item:first-child .carousel-caption, #AAslider .carousel-item:first-child .carousel-caption { top: 25% !important; right: 2%; left: 2%; } #carouselExample .carousel-inner .carousel-item > div:nth-child(2) { max-width: 100%; width: 390px; display: block; } #msslider .carousel-inner .carousel-item:first-child, #Fanaticslider .carousel-inner .carousel-item:first-child{min-height:100vh;} #Fanaticslider .carousel-item img{display:block !important;} #Fanaticslider .carousel-item:first-child{background:url('/images/fd-standalone-pages/carat-new/img/cs-fanatics-1440x900-panel-1.jpg'); background-size:cover; min-height:100vmin;} #Fanaticslider .carousel-item:nth-child(2){background:url('/images/fd-standalone-pages/carat-new/img/cs-fanatics-1440x900-panel-2.jpg'); background-size:cover; min-height:100vmin;} #Fanaticslider .carousel-item:last-child{background:url('/images/fd-standalone-pages/carat-new/img/cs-fanatics-1440x900-panel-3.jpg'); background-size:cover; min-height:100vmin;} } .mobile-view{display: none;} @media (max-width: 767px){ #digitalcommerce .dropdown-menu.show{top:10px !important;} #digitalcommerce .dropdown-menu.show .dropdown-item{font-size:13px;} #caratLp { overflow-x: hidden; } #digitalcommerce .modal-enabled .modal-content{min-height:100% !important;} #carouselExample .img-fluid{min-height:auto;} .navigation .dropdown-menu.show .dropdown-item{padding:0.3rem 0.3rem;} #myModal .logoimage{width:100px;top: 25px; left: 7px;} #msModal .logoimage, #adModal .logoimage{ top: 25px; left: 7px; width: 100px;} #AAModal .logoimage{ top: 25px; left: 7px; width: 80px;} #digitalcommerce .modal{top:0px;z-index: 999;} /*.modal-enabled .modal-content{height:100%;}*/ #msslider .caro, #Adslider .caro, #selectaSlider .caro, #Rbislider .caro, #mcdslider .caro, #Fanaticslider .caro, #AAslider .caro{padding-top: 10px;} #digitalcommerce .modal-enabled .modal-content .carousel-inner .carousel-item img{min-height:100%;} #carouselExample a.carousel-control-next{right:2%;} #msslider .col-md-4, #selectaSlider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #Fanaticslider .col-md-4, #ccslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #Rbislider .col-md-5, #mcdslider .col-md-5, #Adslider .col-md-5, #Fanaticslider .col-md-5, #AAslider .col-md-5, #ccslider .col-md-5, #AAslider .col-md-4{ min-height: 80px;} #Adslider .carousel-caption, #msslider .carousel-caption, #selectaSlider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption, #Fanaticslider .carousel-caption, #ccslider .carousel-caption, #AAslider .carousel-caption {top: 16% !important; right: 10%; left: 7%;} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{ font-size: 25px !important; letter-spacing: -1.5px; line-height: 1.5; } #Adslider .carousel-caption h3, #msslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #ccslider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #AAslider .carousel-caption h3{letter-spacing: -1.5px; font-size:21px !important; line-height: 1; margin-top: 15px; margin-bottom: 5px; font-weight: normal;} #Adslider .col-md-5 h2, #msslider .col-md-5 h2, #selectaSlider .col-md-5 h2, c .col-md-5 h2, #Rbislider .col-md-5 h2, #mcdslider .col-md-5 h2, #Fanaticslider .col-md-5 h2, #AAslider .col-md-5 h2, #msslider .col-md-4 h2, #selectaSlider .col-md-4 h2, #mcdslider .col-md-4 h2, #Fanaticslider .col-md-4 h2, #AAslider .col-md-4 h2 { font-size: 30px !important; line-height: 1.5;} #Adslider .carousel-caption p, #msslider .carousel-caption p,#ccslider .carousel-caption p, #selectaSlider .carousel-caption p, #Rbislider .carousel-caption p, #mcdslider .carousel-caption p, #Fanaticslider .carousel-caption p, #AAslider .carousel-caption p{margin-top: 0%; font-size:14px; line-height: 1.5;} .controls { bottom: 50px; right: 8%; width: 80px; height: 80px; background: none !important; } .navigation{text-align:right;} .inline { margin-right: 5px; } #carouselExample .carousel-item .pr-4{padding:10px !important;} .controls a.carousel-control-prev, .controls a.carousel-control-next { height: 20px; width: 20px; background-size: 15px 15px; } .mobile-view{ display: inline; top: 60px; position: absolute; color: #fff; right: 20px; } .right-disabled, .left-disabled{display: none !important;} } @media (max-width: 992px) and (min-width:768px) { #digitalcommerce h2{font-size: 40px; line-height: 1.5;} #digitalcommerce .mrr-10{margin-top: 0px;} #carouselExample .img-mask.mb-4{margin-bottom: 10px !important;min-height: auto;} #carouselExample .img-fluid{min-height:300px;} #AAslider .carousel-inner img{min-height: 100vmin;} #myModal .logoimage{width:100px;top: 5px; left: 7px;} #AAModal .logoimage, #adModal .logoimage, #ccslider .logoimage, #msModal .logoimage{ top: 5px; left: 7px; width: 100px;} #digitalcommerce .modal{top:0;} /*.modal-enabled .modal-content{height:100%;}*/ #msslider .caro, #Adslider .caro, #selectaSlider .caro, #Rbislider .caro, #mcdslider .caro, #ccslider .caro, #Fanaticslider .caro, #AAslider .caro{padding-top: 10px;} #digitalcommerce .modal-enabled .modal-content .carousel-inner .carousel-item img{min-height:100% !important;} #msslider .col-md-4, #selectaSlider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #Fanaticslider .col-md-4,#ccslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #Rbislider .col-md-5, #mcdslider .col-md-5, #Fanaticslider .col-md-5, #ccslider .col-md-5, #AAslider .col-md-5, #Adslider .col-md-5, #AAslider .col-md-4{ min-height: 55px;} #Adslider .carousel-caption, #msslider .carousel-caption, #ccslider .carousel-caption, #selectaSlider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption, #Fanaticslider .carousel-caption, #AAslider .carousel-caption {top: 20%; right: 6%; left: 6%;} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{ font-size: 40px !important; letter-spacing: -1.5px; line-height: 1.5; } #Adslider .carousel-caption h3, #msslider .carousel-caption h3, #ccslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #AAslider .carousel-caption h3{letter-spacing: -1.5px; font-size:40px !important; line-height: 1.5;} #Adslider .col-md-5 h2, #msslider .col-md-5 h2, #selectaSlider .col-md-5 h2, #ccslider .col-md-5 h2, #Rbislider .col-md-5 h2, #mcdslider .col-md-5 h2, #Fanaticslider .col-md-5 h2, #AAslider .col-md-5 h2, #msslider .col-md-4 h2, #selectaSlider .col-md-4 h2, #Rbislider .col-md-4 h2, #mcdslider .col-md-4 h2, #Fanaticslider .col-md-4 h2, #AAslider .col-md-4 h2 { font-size: 29px !important; line-height: 1.5;} #msslider .carousel-caption p, #selectaSlider .carousel-caption p, #ccslider .carousel-caption p, #Rbislider .carousel-caption p, #mcdslider .carousel-caption p, #Fanaticslider .carousel-caption p, #AAslider .carousel-caption p{margin-top: 0%; font-size:14px; line-height: 1.5;} .controls { bottom: 15%; right: 8%; /* width: 80px; height: 80px; background: none !important; */ } .controls a.carousel-control-prev, .controls a.carousel-control-next { height: 20px; width: 20px; background-size: 15px 15px; } } @media(max-width: 992px) { #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{font-size: 55px;} } @media (max-width: 1199px) and (min-width:993px) { #carouselExample .img-mask.mb-4, #carouselExample .img-fluid{min-height:auto !important;} #myModal .logoimage{width:100px;top: 5px; left: 7px;} #AAModal .logoimage, #adModal .logoimage, #msModal .logoimage{ top: 5px; left: 7px; width: 100px;} #digitalcommerce .modal{top:0;} /*.modal-enabled .modal-content{height:100%;}*/ #msslider .caro, #Adslider .caro, #selectaSlider .caro, #Rbislider .caro, #mcdslider .caro, #ccslider .caro, #Fanaticslider .caro, #AAslider .caro{padding-top: 10px;} #digitalcommerce .modal-enabled .modal-content .carousel-inner .carousel-item img{min-height:100% !important;} #Adslider .col-md-4, #msslider .col-md-4, #ccslider .col-md-4, #selectaSlider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #Fanaticslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #Rbislider .col-md-5, #ccslider .col-md-5, #mcdslider .col-md-5, #Fanaticslider .col-md-5, #AAslider .col-md-5, #AAslider .col-md-4{ min-height: 55px;} #msslider .carousel-caption, #selectaSlider .carousel-caption, #ccslider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption, #Fanaticslider .carousel-caption, #AAslider .carousel-caption {top: 16%; right: 6%; left: 6%;} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1,#ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{ font-size: 50px !important; letter-spacing: -1.5px; line-height: 1.5; } #Adslider .carousel-caption h3, #msslider .carousel-caption h3, #ccslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #AAslider .carousel-caption h3{letter-spacing: -1.5px; font-size:50px !important; line-height: 1.5;} #Adslider .col-md-5 h2, #msslider .col-md-5 h2, #ccslider .col-md-5 h2, #selectaSlider .col-md-5 h2, #Rbislider .col-md-5 h2, #mcdslider .col-md-5 h2, #Fanaticslider .col-md-5 h2, #AAslider .col-md-5 h2, #msslider .col-md-4 h2, #selectaSlider .col-md-4 h2, #Rbislider .col-md-4 h2, #mcdslider .col-md-4 h2, #Fanaticslider .col-md-4 h2, #AAslider .col-md-4 h2 { font-size: 30px !important; line-height: 1.5;} #msslider .carousel-caption p, #selectaSlider .carousel-caption p, #ccslider .carousel-caption p, #Rbislider .carousel-caption p, #mcdslider .carousel-caption p, #Fanaticslider .carousel-caption p, #AAslider .carousel-caption p{margin-top: 0%; font-size:15px; line-height: 1.5;} .controls { bottom: 100px; right: 11%; } .controls a.carousel-control-prev, .controls a.carousel-control-next { height: 20px; width: 20px; background-size: 15px 15px; } } @media(min-width: 1400px) { /* #caratLp .container{min-width:90%;}*/ .controls { bottom: 100px; } #digitalcommerce .container.fadeInUp.Left1 .col-md-8 {padding-left:15px;} #myModal .logoimage{width:100px;} #AAModal .logoimage, #adModal .logoimage, #msModal .logoimage{width:100px;} #digitalcommerce .container.pt-1.px-md-5{padding-top: 80px !important; padding-left: 1rem !important; padding-right: 1rem !important;} #carouselExample a.carousel-control-prev{left:0.5%;} #carouselExample a.carousel-control-next{right:43%;} #carouselExample a.carousel-control-prev, #carouselExample a.carousel-control-next{ top: 46%;} #carouselExample .carousel-inner{ right: 47%; width: 150%;} #digitalcommerce .mrr-10, #carouselExample .carousel-item .pr-4 p, #carouselExample .carousel-item.active .col-md-4:nth-child(2) .pr-4 p {font-size: 18px;} #Adslider .carousel-caption, #msslider .carousel-caption, #selectaSlider .carousel-caption, #Rbislider .carousel-caption, #mcdslider .carousel-caption, #ccslider .carousel-caption, #Fanaticslider .carousel-caption, #AAslider .carousel-caption{top:100px; right: 200px !important;} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{font-size:50px !important; /* margin-top: 10%;*/} #Adslider .carousel-caption h3, #msslider .carousel-caption h3, #ccslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #AAslider .carousel-caption h3{margin-top: 25px;font-size: 50px !important; line-height: 1;} #Adslider .carousel-caption p, #msslider .carousel-caption p, #ccslider .carousel-caption p, #selectaSlider .carousel-caption p, #Rbislider .carousel-caption p, #mcdslider .carousel-caption p, #Fanaticslider .carousel-caption p, #AAslider .carousel-caption p{margin-top: 10px;opacity: 1; visibility: visible; }} } @media(min-width: 1600px) { #carouselExample .carousel-inner .carousel-item.active, #carouselExample .carousel-inner .carousel-item-next, #carouselExample .carousel-inner .carousel-item-prev{min-height: 840px;} #carouselExample .img-mask.mb-4{min-height:400px;} #digitalcommerce .container.pt-1.px-md-5{padding-top: 80px !important;} .controls { bottom: 145px; } #carouselExample .carousel-item .pr-4{padding:16px 32px !important;background: linear-gradient(183deg,transparent,#000);} #Adslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{ margin-top: 20%;} } @media(min-width: 1900px) { #carouselExample .carousel-item .pr-4{padding:16px 32px !important;background: linear-gradient(183deg,transparent,#000);} #carouselExample a.carousel-control-prev { left: 10%; } #carouselExample a.carousel-control-next { right: 34%; } #carouselExample .carousel-inner{ right: 37%;} .controls { bottom: 200 px; } } #digitalcommerce .left-sec-copy h2 { font-size: 42px; width: 100%; min-width: 450px; } @media (max-width:992px) { #digitalcommerce .left-sec-copy h2 { font-size: 28px; min-width: 220px; } } #digitalcommerce .left-sec-copy a { transition: .2s all ease; } #digitalcommerce .left-sec h2 { font-size: 47px; } @media (max-width:767px) { #digitalcommerce .left-sec { width: 100%; } } @media (max-width:1660px) { #digitalcommerce .left-sec { width: 70%; } } #digitalcommerce .js-digital-carousel { position: unset; background-color: #333333; padding-top: 30px; height: auto; padding-top: 30px; } #digitalcommerce a { position: relative; margin-bottom: 0; color: #333333; } #digitalcommerce a .img-mask { overflow: hidden; position: relative; } #digitalcommerce a:hover { text-decoration: none; transition: .2s all ease; } #digitalcommerce a:hover img { transform: none !important; } #digitalcommerce a:focus { outline: none; } #digitalcommerce a p { font-size: 14px; transition: .2s all ease; } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { #Adslider .carousel-caption h3.slide1, #ccslider .carousel-caption h3.slide1, #msslider .carousel-caption h3.slide1, #selectaSlider .carousel-caption h3.slide1, #Rbislider .carousel-caption h3.slide1, #mcdslider .carousel-caption h3.slide1, #Fanaticslider .carousel-caption h3.slide1, #AAslider .carousel-caption h3.slide1, .carousel-caption h3.slide1{ text-shadow: 2px 2px 3px #000; } .navigation .dropdown-menu.show .dropdown-item{text-shadow: 1px 1px 1px #000;} #Adslider .carousel-caption h3, #msslider .carousel-caption h3, #ccslider .carousel-caption h3, #selectaSlider .carousel-caption h3, #Rbislider .carousel-caption h3, #mcdslider .carousel-caption h3, #Fanaticslider .carousel-caption h3, #AAslider .carousel-caption h3 {margin-top:13px; font-size:75px; line-height:1.5;} #Adslider .col-md-4, #msslider .col-md-4, #selectaSlider .col-md-4, #ccslider .col-md-4, #Rbislider .col-md-4, #mcdslider .col-md-4, #Fanaticslider .col-md-4, #msslider .col-md-5, #selectaSlider .col-md-5, #ccslider .col-md-5, #Rbislider .col-md-5, #mcdslider .col-md-5, #Fanaticslider .col-md-5, #AAslider .col-md-5, #AAslider .col-md-4 {min-height:auto;} #digitalcommerce .container.pt-1.px-md-5{margin: 0px;} #digitalcommerce .mrr-10{margin-top: 0px;} #carouselExample .img-mask.mb-4{margin-bottom: 10px !important;} #digitalcommerce .mrr-10, #carouselExample .carousel-item .pr-4 p, #carouselExample .carousel-item.active :nth-child(2).col-md-4 .pr-4 p{font-size:15px;} } .dropdown-menu { background-color: transparent !important; border: 0; padding-top: 2rem; animation: slidedown .4s forwards; }