html, body{overflow-x:hidden}
.clickcustomform{cursor:pointer}
.lity,
.lity-container,
.lity-wrap {
outline: 0!important
}
.lity-loader,
.lity-wrap {
text-align: center
}
.lity,
.lity-wrap {
z-index: 9999;
position: fixed;
top: 0
}
.lity-container,
.lity-wrap:before {
vertical-align: middle;
display: inline-block
}
.lity-content:after,
.lity-wrap:before {
content: ''
}
.lity,
.lity-content:after,
.lity-wrap {
bottom: 0;
right: 0;
left: 0
}
.lity {
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, .9);
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity.lity-opened {
opacity: 1
}
.lity.lity-closed {
opacity: 0
}
.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lity-wrap:before {
height: 100%;
margin-right: -.25em
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -.8em;
width: 100%;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.lity-loading .lity-loader {
opacity: 1
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
white-space: normal;
max-width: 100%;
max-height: 100%
}
.lity-close,
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background: 0 0;
outline: 0;
border: 0
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}
.lity-closed .lity-content,
.lity-loading .lity-content {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8)
}
.lity-content:after {
position: absolute;
top: 0;
display: block;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: absolute;
right: 0;
top: 0;
margin: -9px -30px auto auto;
-webkit-appearance: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0
}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
-webkit-box-shadow: none;
box-shadow: none
}
.lity-close:active {
top: 1px
}
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0
}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
width: 100%;
max-width: 964px
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
.lity-hide {
display: none
}
.modal-open {
padding: 0px!important
}  section .container {
overflow: inherit
}
a,
a:active,
a:focus,
a:hover {
text-decoration: none!important
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
font-family: "Helvetica Neue", sans-serif;
line-height: 1.1em;
display: inline-block!important
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center
}  .owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//code-brew.ae/wp-content/themes/twentytwenty/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
} #On-Demand_tenth_section {
display: none!important
}
@font-face {
font-family: 'SF Pro Display';
src: url(https://code-brew.com/wp-content/themes/Avada/includes/typography/SFProDisplay-Heavy.woff2) format('woff2'), url(https://code-brew.com/wp-content/themes/Avada/includes/typography/SFProDisplay-Heavy.woff) format('woff');
font-weight: 900;
font-style: normal;
}
.fusion-main-menu ul li:last-child span {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
header .fusion-main-menu {
overflow: visible;
}
article .post-content li {
font-size: 17px !important;
font-weight: 300!important;
}
.fusion-main-menu>ul>li:last-child {
min-width: 145px;
}
#_hj_feedback_container {
display: none !important;
}
@media (max-width:767px) {
.footer-bg .flag {
margin-top: 30px;
}
}
#main_lead_form {
border: 1px solid #ddd;
padding: 30px;
margin: 35px 0px;
border-radius: 4px;
}
#main_lead_form input,
#main_lead_form select,
#main_lead_form textarea {
border: 1px solid #ddd!important;
font-size: 14px;
font-weight: 400;
color: #000;
outline: none!important;
}
#main_lead_form input[type=submit] {
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 600;
}
#main_lead_form textarea::-webkit-input-placeholder { color: #333;
}
#main_lead_form textarea::-moz-placeholder { color: #333;
}
#main_lead_form textarea:-ms-input-placeholder { color: #333;
}
#main_lead_form textarea:-moz-placeholder { color: #333;
}
#main_lead_form input::-webkit-input-placeholder { color: #333;
}
#main_lead_form input::-moz-placeholder { color: #333;
}
#main_lead_form input:-ms-input-placeholder { color: #333;
}
#main_lead_form input:-moz-placeholder { color: #333;
}
.chatbot img {
-webkit-animation: moveIcon 1s infinite;
animation: moveIcon 1s infinite;
}
@keyframes moveIcon {
0%,
100% {
opacity: 1;
transform: scale(1, 1)
}
50% {
opacity: 1;
transform: scale(1.1, 1.1)
}
}
.home-banner {
background-image: url(//code-brew.ae/wp-content/uploads/2019/08/header-bg.jpg)
}
.home-banner .row {
height: 100vh
}
.home-banner-texter h1 {
font-size: 46px;
font-weight: 700;
line-height: 1.32;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 0 auto 20px;
visibility: hidden;
}
.home-banner-texter p {
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin-bottom: 50px;
visibility: hidden;
}
.home-banner-texter a.btn-register-header {
visibility: hidden;
}
.home-banner-image img {
width: 300px
} .register-form .radio {
margin: 0px!important;
}
.register-form input,
.register-form select,
.register-form textarea {
box-shadow: none!important
}
.form-cover h4 b {
font-weight: 700;
}
.home-banner {
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/08/banner-2-1-1.jpg);
background-size: cover;
background-position: center right;
}
.ua-mobile .modal-open {
position: inherit!important;
}
.animation-on-hover.btn-register-header {
font-size: 18px;
padding: 13px 20px 13px 47px;
}
.btn-register-header {
cursor: pointer;
}
.animation-on-hover.btn-register-header:before {
animation: inherit;
}
.animation-on-hover.btn-register-header:hover:before {
animation: pulso 2s infinite
}
.btn-register-header:hover {
background-color: #508e01;
color: #fff!important
}
.btn-register-header {
transition: .5s
}
.same-common-section {
padding-top: 70px;
}
.new-heading-style {
margin-bottom: 50px;
position: relative;
}
.new-heading-style h5 {
font-size: 22px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
margin: 0px;
text-transform: uppercase;
}
.new-heading-style h5 img {
height: 28px;
vertical-align: -4px;
margin-right: 10px;
}
.new-heading-style h4 {
font-size: 30px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
margin: 20px 0px;
margin-bottom: 10px;
}
.new-heading-style p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #353536;
}
.fuddusection {
background-color: #4985ff;
position: relative;
padding: 40px 30px!important;
margin-bottom: 250px;
}
.fuddusection h3 {
font-size: 26px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.17;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin-top: 0px;
}
.fuddusection .carousel-indicators {
position: static;
margin: 0px;
width: 100%;
}
.fuddusection .carousel-indicators li {
width: calc(50% - 10px);
height: auto;
display: block;
float: left;
border-radius: 20px;
background-color: #2867e0;
margin: 7px 5px;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
letter-spacing: normal;
text-align: center;
color: #ffffff;
padding: 5px;
text-indent: inherit;
transform: scale(.9);
transition: .5s;
border: none;
cursor: default;
}
.fuddusection-2 .carousel-indicators li {
background-color: #d33642
}
.fuddusection .carousel-indicators li.active {
transform: scale(1.05);
box-shadow: 0px 0px 5px rgba(255, 255, 255, .6)
}
.fuddusection .carousel {
position: static;
}
.fuddusection .carousel-inner {
position: absolute;
border: 10px solid #fff;
bottom: -148px;
right: -77px;
width: 300px;
}
.fuddusection-2 {
background-color: #e7404d
}
.home-grid-block.grid-images-block li .grid-main-images {
object-fit: cover;
width: auto;
border-radius: 0;
position: absolute;
top: 15px;
right: 10px;
height: auto;
transition: .5s;
transform-origin: bottom center;
}
.home-grid-block.grid-images-block li:hover .grid-main-images {
transform: scale(1.2);
}
.home-grid-block.grid-images-block li {
padding: 120px 30px 20px;
overflow: hidden;
}
.home-grid-block.grid-images-block li h3 {
font-size: 30px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.17;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 0px;
margin-bottom: 20px;
}
.home-grid-block.grid-images-block li p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
.home-grid-block.grid-images-block li.bigger .grid-main-images {
top: 0px;
width: 270px;
}
.home-grid-block.grid-images-block li.bigger {
padding-right: 270px;
}
.home-grid-block.grid-images-block li:nth-child(1) {
background-image: linear-gradient(41deg, #12aaef, #0084ff);
}
.home-grid-block.grid-images-block li:nth-child(2) {
background-color: #004c77;
}
.home-grid-block.grid-images-block li:nth-child(3) {
background-image: linear-gradient(54deg, #8529bc, #ff7c00);
}
.home-grid-block.grid-images-block li:nth-child(4) {
background-color: #def0ff
}
.home-grid-block.grid-images-block li:nth-child(5) {
background-image: linear-gradient(54deg, #8529bc, #ff7c00);
}
.home-grid-block.grid-images-block li:nth-child(6) {
background-image: linear-gradient(207deg, #6f86d3, #1b298f), linear-gradient(to bottom, #1b298f, #6f86d3);
}
.home-grid-block.grid-images-block li:nth-child(4) p,
.home-grid-block.grid-images-block li:nth-child(4) h3 {
color: #000
}
.home-grid-block.grid-images-block li:nth-child(4) .grid-main-images {
top: 0px;
right: 0px
}
.color-dark-blue {
background-color: #112a5a
}
.color-dark-blue .container {
padding: 0px 0px;
}
.cta-btn-home {
text-align: right;
}
.home-banner .container,
.same-common-section .container {
padding: 0px
}
.cta-home-common {
background-color: #e6efff;
padding-bottom: 60px;
}
.color-dark-blue .grid-images-block {
margin-top: 0;
margin-bottom: 70px;
margin-left: -15px;
margin-right: -15px;
}
.cta-texter-home h4 {
font-size: 34px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.41;
letter-spacing: normal;
margin: 0px;
text-align: left;
color: #131d2b;
}
#myCarouseladdress ol.carousel-indicators {
position: static;
width: 100%;
margin: 0 auto;
left: 0;
text-align: left;
}
#myCarouseladdress ol.carousel-indicators li {
text-indent: initial;
margin: 0px 0px;
width: 60px;
height: 60px;
position: relative;
border: none;
}
#myCarouseladdress ol.carousel-indicators li img {
border-radius: 50%;
padding: 5px;
border: solid 2px transparent;
width: 100%;
}
#myCarouseladdress ol.carousel-indicators li.active {
width: 60px;
height: 60px;
background-color: transparent;
}
#myCarouseladdress ol.carousel-indicators li.active:before {
content: "\f103";
font: 24px/1 FontAwesome;
bottom: -25px;
left: 0;
right: 0;
margin: auto;
color: #70aa26;
position: absolute;
text-align: center;
animation: MoveUpDown 1s linear infinite;
}
@keyframes MoveUpDown {
0%,
100% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, 10px);
}
}
#myCarouseladdress ol.carousel-indicators li.active img {
border: solid 2px #70aa26;
}
#myCarouseladdress {
background-size: cover;
background-position: center;
background-image: linear-gradient(to bottom, #fff, #ebeef3), linear-gradient(to bottom, #005cff, #e0e9f9);
padding-bottom: 3%;
margin-top: 100px
}
.bottom-patti {
position: absolute;
bottom: 0;
z-index: 9;
width: 100%;
}
#myCarouseladdress .item {
padding-top: 210px;
padding-bottom: 120px;
}
.country-wonder {
position: absolute;
width: 80%;
right: 0;
bottom: 0;
object-fit: scale-down;
object-position: right bottom;
height: 100%!important;
}
.adjustpositioning {
position: absolute;
max-width: 1170px;
width: 100%;
left: 0px;
right: 0px;
margin: auto;
z-index: 9;
padding: 0px 15px;
} .adjustpositioning .new-heading-style {
margin-bottom: 15px;
}
footer.rewamp-footer {
background-position: center top;
margin-top: 0;
position: relative;
padding-bottom: 0px;
}
.foote-copyrights {
background-color: #f5f5f5;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #909090;
padding: 15px 15px;
margin-top: 40px;
}
#myCarouseladdress .item h4 {
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
#myCarouseladdress .item h5 {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: left;
color: #4c525a;
}
#myCarouseladdress .item p {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 2.22;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
#myCarouseladdress .item p i {
font-size: 22px;
vertical-align: middle;
margin-right: 10px;
} .carousel-fade .carousel-control {
z-index: 2;
}
.carousel-fade .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active {
opacity: 1;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
left: 0;
opacity: 0;
z-index: 1;
} @media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-fade .carousel-inner>.item.next,
.carousel-fade .carousel-inner>.item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.prev,
.carousel-fade .carousel-inner>.item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.next.left,
.carousel-fade .carousel-inner>.item.prev.right,
.carousel-fade .carousel-inner>.item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .carousel-control .control-icon {
font-size: 48px;
height: 30px;
margin-top: -15px;
width: 30px;
display: inline-block;
position: absolute;
top: 50%;
z-index: 5;
}
.carousel-control .prev {
margin-left: -15px;
left: 50%;
} .carousel-control .next {
margin-right: -15px;
right: 50%;
}  .carousel .control-box {
opacity: 0;
}
a.carousel-control.left {
left: 0;
background: none;
border: 0;
}
a.carousel-control.right {
right: 0;
background: none;
border: 0;
} .control-box,
a.carousel-control,
.carousel-indicators li {
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;  } .carousel:hover .control-box {
opacity: 1;
}
.carousel:hover a.carousel-control.left {
left: 15px;
}
.carousel:hover a.carousel-control.right {
right: 15px;
}
.cta-home-common-2 {
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/08/layer-554@2x.jpg);
padding: 80px;
background-size: contain;
background-repeat: no-repeat;
}
.cta-home-common-2 h4 {
font-size: 32px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin-bottom: 30px;
}
.list-addon-home li {
width: calc(25% - 30px);
border-radius: 2.5px;
border: solid .5px #2c346d!important;
background-color: #0f2551;
padding-right: 15px;
}
.list-addon-home li img {
object-fit: scale-down;
object-position: center left;
width: 60px;
height: auto;
}
.dark-love-home {
background-color: #112a5a;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/08/vector-smart-object.png);
background-size: cover;
padding-bottom: 70px;
}
.list-addon-home li h4 {
font-size: 38px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.26;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
.list-addon-home li p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #a6acd5;
}
.list-addon-home {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 60px;
}
.dark-love-home .cta-texter-home h4 {
color: #fff;
}
.home-powerfull li {
width: calc(50% - 30px);
border-radius: 2.5px;
background-color: #f5f7f8!important;
border: 1px solid #f5f7f8!important;
padding: 50px 40px 50px 180px;
background-size: contain;
background-repeat: no-repeat;
transition: .5s;
}
.home-powerfull li:hover {
background-color: #fff!important;
box-shadow: 0px 5px 34px 0 rgba(100, 107, 110, 0.15);
}
.home-powerfull li img {
position: absolute;
height: 100px;
left: 40px;
}
.home-powerfull li h4 {
font-size: 22px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #2d373c;
margin-bottom: 20px;
}
.home-powerfull li p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
.home-powerfull li a {
margin-top: 24px;
transform: scale(.7);
transform-origin: left center;
}
.home-powerfull {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 70px;
}
ul.list-clients {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0px;
margin: 0px;
}
ul.list-clients li {
width: 20%;
float: left;
text-align: center;
padding: 20px 15px;
position: relative;
}
ul.list-clients li img {
height: 50px;
object-fit: scale-down;
width: 140px;
filter: grayscale(100%);
opacity: .6;
transition: .5s;
backface-visibility: hidden;
}
ul.list-clients li:before {
content: "";
width: 80px;
height: 80px;
position: absolute;
background-color: #70aa26;
left: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
}
ul.list-clients li:hover img {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.02);
}
ul.list-clients li:hover:before {
opacity: .04;
}
.cta-home-common-2.cta-last-home {
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/08/layer-632@2x-1.jpg)!important;
background-repeat: no-repeat;
background-position: center left;
}
.cta-last-home .cta-texter-home {
background-color: #1681ff;
padding: 30px;
}
.cta-last-home .cta-texter-home .btn-register-header {
color: #1681ff !important;
border: solid 1px #ffffff;
background-color: #ffffff;
}
.cta-last-home .cta-texter-home .btn-register-header:before {
border: 3px solid #1681ff;
transform: translatey(-75%);
}
.new-heading-style .animation-on-hover {
background-color: #fff;
border: none;
position: absolute;
right: 0px;
bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #a0a0a0;
text-decoration: underline;
padding-right: 0px;
}
.new-heading-style .animation-on-hover:hover {
color: #000!important;
}
.cta-last-home .cta-texter-home .btn-register-header:hover {
background-color: #000;
color: #fff!important;
}
.new-heading-style .animation-on-hover:before {
border: 3px solid #70aa26;
}
.list-blogs {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.list-blogs li {
width: calc(60% - 30px);
float: left;
margin: 0px 15px;
}
.list-blogs li a {
display: flex;
flex-wrap: wrap;
box-shadow: 0.8px 2.4px 10.2px 0.3px rgba(31, 38, 89, 0.15);
overflow: hidden
}
.list-blogs li a:hover img {
transform: scale(1.2)
}
.list-blogs li a img {
width: 50%;
float: left;
height: 240px;
object-fit: cover;
transition: .5s
}
.list-blogs li a figcaption {
width: 50%;
float: left;
padding: 15px;
background-color: #d4a44c;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative
}
.list-blogs li a h4 {
font-size: 22px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 0px;
margin-bottom: 15px;
}
.list-blogs li a p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
.list-blogs li a:nth-child(2) img {
order: 2;
}
.list-blogs li a:nth-child(2) figcaption {
background-color: #e5eef2;
;
}
.list-blogs li:nth-child(2) figcaption {
width: 100%;
box-shadow: 0.8px 2.4px 10.2px 0.3px rgba(31, 38, 89, .15);
background-color: #19325f;
padding: 40px 25px;
}
.list-blogs li:nth-child(2) {
background-color: #19325f;
width: calc(40% - 30px);
box-shadow: 0.8px 2.4px 10.2px 0.3px rgba(31, 38, 89, 0.15);
}
.list-blogs li:nth-child(2) img {
width: 100%;
}
.list-blogs li:nth-child(2) figcaption {
width: 100%;
box-shadow: 0.8px 2.4px 10.2px 0.3px rgba(31, 38, 89, 0.15);
background-color: #19325f;
}
.list-blogs li a:nth-child(2) {
margin-top: 30px;
}
.list-blogs li a:nth-child(2) figcaption h4,
.list-blogs li a:nth-child(2) figcaption p {
color: #000
}
#myCarouseltestimonials .item {
right: 300px;
}
.myCarouseltestimonials {}
.myCarouseltestimonials h5 {}
.myCarouseltestimonials p {}
.myCarouseltestimonials h3 {}
.myCarouseltestimonials h3 span {}
.myCarouseltestimonials h3 small {}
.myCarouseltestimonials small img {}
.owl-portfolio .item {
padding: 70px 15px;
background-color: #294313;
background-size:cover
}
.foodball {
position: absolute;
bottom: 0px;
width: 240px!important;
left: 0px;
right: -340px;
margin: auto;
opacity: 0;
transition: .5s;
}
body .crausal-text h4 {
font-size: 40px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 0px;
opacity: 0;
top: 50px;
position: relative;
transition: .5s
}
body .crausal-text h5 {
font-size: 24px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 40px 0px;
margin-bottom: 0px;
opacity: 0;
transition: .5s
}
body .crausal-text h4 img {
width: 70px!important;
display: inline-block!important;
margin-right: 10px;
}
body .crausal-text p {
font-size: 20px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 40px 0px;
position: relative;
opacity: 0;
top: 50px;
transition: .5s
}
.owl-portfolio .owl-item.active .foodball {
opacity: 1;
right: -90px;
transition-delay: .4s
}
.owl-portfolio .owl-item.active .crausal-text h5 {
opacity: 1;
transition-delay: .5s;
}
.owl-portfolio .owl-item.active .crausal-text h4 {
opacity: 1;
top: 0px;
transition-delay: .6s;
}
.owl-portfolio .owl-item.active .crausal-text p {
opacity: 1;
top: 0px;
transition-delay: .8s;
}
.owl-portfolio .owl-item.active .crausal-text ul {
opacity: 1;
top: 0px;
transition-delay: 1s;
}
.owl-portfolio .owl-item.active .crausal-text .animation-on-hover.btn-register-header {
opacity: 1;
top: 0px;
transition-delay: 1.2s;
}
.crausal-text .animation-on-hover.btn-register-header:hover {
background-color: #000!important;
}
body .crausal-text p a {
display: inline-block;
width: 20px;
vertical-align: sub;
margin-left: 15px;
}
body .crausal-text p a img{width:100%}
.crausal-text .animation-on-hover.btn-register-header {
background-color: transparent;
border: 1px solid #fff;
position: relative;
opacity: 0;
top: 50px;
transition: .5s
}
.owl-port .owl-dots {
display: none
}
body .crausal-text ul {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
margin-bottom: 70px;
margin-left: -30px;
margin-right: -30px;
opacity: 0;
top: 50px;
position: relative;
transition: .5s
}
body .crausal-text ul li {
width: 33.333%;
text-align: left;
padding: 0px 30px;
}
body .crausal-text ul li big {
display: block;
font-size: 36px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.26;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
body .crausal-text ul li small {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
text-align: left;
color: rgba(212, 228, 198, 0.8);
}
body .crausal-text ul li:nth-child(2) {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding-left: 55px;
text-align: left;
}
.owl-mobile-images {
width: 450px!important;
}
.owl-port .owl-nav {
position: absolute;
z-index: 1;
width: 97%;
bottom: 40px;
left: 0px;
right: 0px;
margin: auto;
}
.owl-port .owl-nav span {
color: #fff;
font-size: 14px;
text-shadow: 1px 1px 1px #19325f;
}
.owl-port .owl-nav span {
color: #fff;
font-size: 14px;
}
.owl-port .owl-nav span i {
font-size: 30px;
vertical-align: -5px;
}
.owl-port .owl-next span i {
margin-left: 15px;
}
.owl-port .owl-prev span i {
margin-right: 15px;
}
.owl-port .owl-prev {
float: left;
margin: 0px;
}
.owl-port .owl-next {
float: right;
margin: 0px;
}
.owl-port button {
background-color: transparent!important;
outline: none!important;
}
.owl-testimonial .crausal-testimonial h4 {
font-size: 30px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin-top:40px;
}
.owl-testimonial .crausal-testimonial p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
.owl-testimonial .crausal-testimonial h3 {
border-top: 1px solid #ccc;
position: relative;
padding-top: 50px;
margin-top: 50px;
padding-left: 80px;
margin-bottom: 49px;
}
.owl-testimonial .crausal-testimonial h3 img {
width: 60px;
position: absolute;
top: 50px;
left: 0px;
border-radius: 50%;
}
.owl-testimonial .crausal-testimonial h3 span {
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
text-align: left;
color: #fff;
display: block;
}
.owl-testimonial .crausal-testimonial h3 small {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: #fff;
display: block;
}
.owl-testimonial .item {
height: 400px!important;
}
.white-fonts h3 {
border-top: 1px solid #000!important
}
.white-fonts h4,
.white-fonts p,
.white-fonts h3,
.white-fonts h3 small,
.white-fonts h3 span {
color: #000!important
}
.footer-widget-common h4 {
font-size: 20px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #1b1b1b;
margin: 0;
margin-bottom: 20px;
}
.footer-widget-common p {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #313131;
margin-top: 18px;
}
.footer-widget-common p a:hover {
text-decoration: underline;
color: #70aa26;
}
.footer-widget-common ul#footer_social_links {
padding: 0px;
margin: 0px;
margin-top: 15px;
}
.footer-widget-common ul#footer_social_links li {
margin-right: 10px;
margin-bottom: 10px;
}
.footer-widget-common ul#footer_social_links li span,
.footer-widget-common ul#footer_social_links li a {
display: block;
}
.footer-widget-common ul#footer_social_links li i {
display: block;
}
.footer-widget-common ul#footer_social_links li:nth-child(1) a i {
background-color: #475993
}
.footer-widget-common ul#footer_social_links li:nth-child(2) a i {
background-color: #65bbf2
}
.footer-widget-common ul#footer_social_links li:nth-child(3) a i {
background-color: #e60023;
}
.footer-widget-common ul#footer_social_links li:nth-child(4) a i {
background-color: #7523bf
}
.footer-widget-common ul#footer_social_links li:nth-child(5) a i {
background-color: #0077b7
}
.clb-menu {
background-color: transparent;
padding: 0px 0;
position: fixed;
width: 100%;
top: -1px;
z-index: 9999;
transition: .5s;
}
.header-fixed .clb-menu {
background-color: #fff;
padding: 0px 0px;
box-shadow: 0 0.5px 4.5px 0 rgba(0, 0, 0, 0.13);
}
.header-fixed ul#menu-clb-menu-1 li a {
color: #000
}
.clb-menu .container {
max-width: 100%;
padding: 0px 7%;
overflow: visible
}
.clb_toggle_menu {
display: none
}
.logo {
width: auto;
float: left;
}
.logo img {
width: 160px;
margin-top: 5px;
filter: brightness(0) invert(1);
}
.header-fixed .logo img {
filter: none;
}
.list-menubar {
width: auto;
float: right;
text-align: right;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left:auto;
}
.menu-clb-menu-1-container {
display: inline-block;
}
ul#menu-clb-menu-1 {
float: left;
margin: 0px;
padding: 0px;
position: relative;
}
ul#menu-clb-menu-1 li {
float: left;
list-style: none;
padding: 25px 15px;
border-bottom: 2px solid transparent;
transition: .5s;
}
ul#menu-clb-menu-1 li:hover {border-bottom-color: #1681ff;}
ul#menu-clb-menu-1 li a {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: 0.6px;
text-align: left;
color: #ffffff;
display: block;
}
.btn-register-header {
display: inline-block;
color: #fff;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #70aa26;
background-color: #70aa26;
padding: 9px 20px 9px 47px;
position: relative;
}
.btn-register-header:before {
box-shadow: 0 0 0 rgba(255, 255, 255, .4);
animation: pulso 2s infinite;
transition: .5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
}
@keyframes pulso {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.awards-section {
background-color: #09101f;
padding-bottom: 70px;
}
.owl-awards .item {
background-color: #fff;
padding: 20px;
text-align: center;
border-radius: 5px;
padding-top: 50px;
position: relative;
padding-bottom: 30px;
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/07/vector-smart-object-copy-6@2x.png);
background-size: 215px;
background-repeat: no-repeat;
background-position: center;
min-height: 250px;
display: block
}
.owl-awards .owl-item {
padding: 5px;
padding-top: 30px;
}
.owl-awards.owl-port .owl-nav {
position: static;
float: left;
width: 100%;
}
.owl-awards .item span {
position: absolute;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #ffffff;
background-color: #ea5030;
left: 0px;
right: 0px;
width: 85%;
margin: auto;
top: -20px;
padding: 7px;
border-radius: 30px;
z-index: 999999;
}
.owl-awards .item h4 {
font-size: 35px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 0.81;
letter-spacing: normal;
text-align: center;
color: #171717;
margin: 0px;
}
body .owl-awards .item img {
width: auto!important;
margin: 25px auto;
height: 30px;
object-fit: scale-down;
}
.owl-awards .item p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: center;
color: #171717;
}
.awards-section .new-heading-style {
margin-bottom: 0px;
}
.awards-section .new-heading-style h4,
.awards-section .new-heading-style p,
.awards-section .new-heading-style h5 {
color: #fff
}
.owl-carousel .owl-item.center .container {
padding: 0px;
}
ul#menu-clb-menu-1 li ul.sub-menu li a {
color: #000
}
ul#menu-clb-menu-1 li.menu-item-has-children a {
position: relative
}
ul#menu-clb-menu-1 li.menu-item-has-children>a:before {
font: normal normal normal 18px/1 FontAwesome;
content: "\f107";
color: #fff;
float: right;
margin-left: 10px;
margin-top: 0px;
}
.header-fixed .clb-menu ul#menu-clb-menu-1 li.menu-item-has-children>a:before {
color: #000;
}
ul#menu-clb-menu-1 li ul.sub-menu>li {
width: 33.33%;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 15px;
padding-left: 50px;
position: relative;
}
ul#menu-clb-menu-1 li ul.sub-menu>li:hover {
background-color: #f9fbff;
border-bottom-color: #f9fbff;
}
ul#menu-clb-menu-1 li ul.sub-menu>li:before {
content: "";
position: absolute;
width: 30px;
height: 30px;
background-size: cover;
left: 10px;
background-position-x: center;
background-repeat: no-repeat;
}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-validation:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-validation.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-design:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-design.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-mobileApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-mobileApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-softwareApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/11/icon-softwareApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-customApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-customApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-androidApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-androidApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-premiumApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-premiumApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-iosApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-iosApp.svg);}
ul#menu-clb-menu-1 li ul.sub-menu>li.icon-growApp:before {background-image: url(//code-brew.ae/wp-content/themes/twentytwenty/media/2022/05/icon-growApp.svg);}
.question-mark:before {
background-position-y: -29px;
}
.question-mark:before {
background-position-y: -60px;
}
.icon-web-develop:before {
background-position-y: -419px;
}
.icon-soft-develop:before {
background-position-y: -388px;
}
.icon-build-app:before {
background-position-y: -450px;
}
.icon-hire:before {
background-position-y: -480px;
}
.icon-uber:before {
background-position-y: -510px;
}
.iocn-restaurants:before {
background-position-y: -719px;
}
.icon-ecomm:before {
background-position-y: -1410px;
}
.icon-taxi:before {
background-position-y: -1197px;
}
.icon-app-delivery:before {
background-position-y: -1289px;
}
.icon-market:before {
background-position-y: -1318px;
}
.icon-store:before {
background-position-y: -1229px;
}
.icon-free:before {
background-position-y: -1348px;
}
.icon-sell:before {
background-position-y: -901px;
}
.icon-rental:before {
background-position-y: -840px;
}
.list-addon-home li h4 i {
font-style: normal;
} .home-powerfull li img {
-webkit-transition: transform 2s ease-in-out;
-moz-transition: transform 2s ease-in-out;
-o-transition: transform 2s ease-in-out;
transition: transform 2s ease-in-out;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.home-powerfull li:hover img {
-moz-transform: rotate3d(0, 1, 0, 360deg);
-webkit-transform: rotate3d(0, 1, 0, 360deg);
-ms-transform: rotate3d(0, 1, 0, 360deg);
transform: rotate3d(0, 1, 0, 360deg);
}
.why-choose-section {
padding-bottom: 0px;
background-color: #1f2659
}
.process-state-left ol.carousel-indicators {
position: static;
margin: 0px;
text-indent: initial;
width: 100%;
text-align: left;
}
.process-state-left ol.carousel-indicators li {
text-indent: 0px;
width: 100%;
height: auto;
font-size: 20px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #8e9299;
margin: 10px 0px;
vertical-align: unset;
margin-top: 0px;
margin-bottom: 20px;
position: relative;
z-index: 1;
border: none;
background-color: transparent;
}
.process-state-left ol.carousel-indicators li span {
border: 2px solid #bfc4cd;
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
vertical-align: middle;
position: relative;
background-color: #fff;
transition: .5s
}
.process-state-left ol.carousel-indicators li i {
font-style: normal
}
.process-state-left ol.carousel-indicators li span img {
height: 30px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
}
.process-state-right .item img {
width: 100%
}
.process-state-left:before {
content: "";
width: 3px;
height: 90%;
position: absolute;
left: 44px;
top: 0px;
bottom: 0px;
background-color: #bfc4cd;
}
.process-state-left:after {
content: "";
width: 3px;
height: 94%;
position: absolute;
left: 44px;
top: -100%;
bottom: 0%;
background-color: #8cc541;
transition: .5s
}
.process-state-left {
overflow: hidden
}
.process-state-left.step1:after {
top: -73%;
}
.process-state-left.step2:after {
top: -45%;
}
.process-state-left.step3:after {
top: -25%;
}
.process-state-left.step4:after {
top: -8%;
}
.process-state-left.step5:after {
top: -8%;
}
.process-state-left.step1 #my-process-1 span {
background-color: #8cc541;
border-color: #8cc541;
}
.process-state-left.step1 #my-process-1 span img {
filter: brightness(100);
}
.process-state-left.step1 #my-process-1 {
color: #131d2b;
font-weight: 900
}
.process-state-left.step2 #my-process-1 span,
.process-state-left.step2 #my-process-2 span {
background-color: #8cc541;
border-color: #8cc541;
}
.process-state-left.step2 #my-process-1 span img,
.process-state-left.step2 #my-process-2 span img {
filter: brightness(100);
}
.process-state-left.step2 #my-process-1,
.process-state-left.step2 #my-process-2 {
color: #131d2b;
font-weight: 900
}
.process-state-left.step3 #my-process-1 span,
.process-state-left.step3 #my-process-2 span,
.process-state-left.step3 #my-process-3 span {
background-color: #8cc541;
border-color: #8cc541;
}
.process-state-left.step3 #my-process-1 span img,
.process-state-left.step3 #my-process-2 span img,
.process-state-left.step3 #my-process-3 span img {
filter: brightness(100);
}
.process-state-left.step3 #my-process-1,
.process-state-left.step3 #my-process-2,
.process-state-left.step3 #my-process-3 {
color: #131d2b;
font-weight: 900
}
.process-state-left.step4 #my-process-1 span,
.process-state-left.step4 #my-process-2 span,
.process-state-left.step4 #my-process-3 span,
.process-state-left.step4 #my-process-4 span {
background-color: #8cc541;
border-color: #8cc541;
}
.process-state-left.step4 #my-process-1 span img,
.process-state-left.step4 #my-process-2 span img,
.process-state-left.step4 #my-process-3 span img,
.process-state-left.step4 #my-process-4 span img {
filter: brightness(100);
}
.process-state-left.step4 #my-process-1,
.process-state-left.step4 #my-process-2,
.process-state-left.step4 #my-process-3,
.process-state-left.step4 #my-process-4 {
color: #131d2b;
font-weight: 900
}
.process-state-left.step5 #my-process-1 span,
.process-state-left.step5 #my-process-2 span,
.process-state-left.step5 #my-process-3 span,
.process-state-left.step5 #my-process-4 span,
.process-state-left.step5 #my-process-5 span {
background-color: #8cc541;
border-color: #8cc541;
}
.process-state-left.step5 #my-process-1 span img,
.process-state-left.step5 #my-process-2 span img,
.process-state-left.step5 #my-process-3 span img,
.process-state-left.step5 #my-process-4 span img,
.process-state-left.step5 #my-process-5 span img {
filter: brightness(100);
}
.process-state-left.step5 #my-process-1,
.process-state-left.step5 #my-process-2,
.process-state-left.step5 #my-process-3,
.process-state-left.step5 #my-process-4,
.process-state-left.step5 #my-process-5 {
color: #131d2b;
font-weight: 900
}
.slightly-black.process-state-left.step1 #my-process-1 span {
background-color: #f19f27;
border-color: #f19f27;
}
.slightly-black.process-state-left.step1 #my-process-1 span img {
filter: brightness(100);
}
.slightly-black.process-state-left.step1 #my-process-1 {
color: #ffffff;
font-weight: 900
}
.slightly-black.process-state-left.step2 #my-process-1 span,
.slightly-black.process-state-left.step2 #my-process-2 span {
background-color: #f19f27;
border-color: #f19f27;
}
.slightly-black.process-state-left.step2 #my-process-1 span img,
.slightly-black.process-state-left.step2 #my-process-2 span img {
filter: brightness(100);
}
.slightly-black.process-state-left.step2 #my-process-1,
.slightly-black.process-state-left.step2 #my-process-2 {
color: #ffffff;
font-weight: 900
}
.slightly-black.process-state-left.step3 #my-process-1 span,
.slightly-black.process-state-left.step3 #my-process-2 span,
.slightly-black.process-state-left.step3 #my-process-3 span {
background-color: #f19f27;
border-color: #f19f27;
}
.slightly-black.process-state-left.step3 #my-process-1 span img,
.slightly-black.process-state-left.step3 #my-process-2 span img,
.slightly-black.process-state-left.step3 #my-process-3 span img {
filter: brightness(100);
}
.slightly-black.process-state-left.step3 #my-process-1,
.slightly-black.process-state-left.step3 #my-process-2,
.slightly-black.process-state-left.step3 #my-process-3 {
color: #ffffff;
font-weight: 900
}
.slightly-black.process-state-left.step4 #my-process-1 span,
.slightly-black.process-state-left.step4 #my-process-2 span,
.slightly-black.process-state-left.step4 #my-process-3 span,
.slightly-black.process-state-left.step4 #my-process-4 span {
background-color: #f19f27;
border-color: #f19f27;
}
.slightly-black.process-state-left.step4 #my-process-1 span img,
.slightly-black.process-state-left.step4 #my-process-2 span img,
.slightly-black.process-state-left.step4 #my-process-3 span img,
.slightly-black.process-state-left.step4 #my-process-4 span img {
filter: brightness(100);
}
.slightly-black.process-state-left.step4 #my-process-1,
.slightly-black.process-state-left.step4 #my-process-2,
.slightly-black.process-state-left.step4 #my-process-3,
.slightly-black.process-state-left.step4 #my-process-4 {
color: #ffffff;
font-weight: 900
}
.slightly-black.process-state-left.step5 #my-process-1 span,
.slightly-black.process-state-left.step5 #my-process-2 span,
.slightly-black.process-state-left.step5 #my-process-3 span,
.slightly-black.process-state-left.step5 #my-process-4 span,
.slightly-black.process-state-left.step5 #my-process-5 span {
background-color: #f19f27;
border-color: #f19f27;
}
.slightly-black.process-state-left.step5 #my-process-1 span img,
.slightly-black.process-state-left.step5 #my-process-2 span img,
.slightly-black.process-state-left.step5 #my-process-3 span img,
.slightly-black.process-state-left.step5 #my-process-4 span img,
.slightly-black.process-state-left.step5 #my-process-5 span img {
filter: brightness(100);
}
.slightly-black.process-state-left.step5 #my-process-1,
.slightly-black.process-state-left.step5 #my-process-2,
.slightly-black.process-state-left.step5 #my-process-3,
.slightly-black.process-state-left.step5 #my-process-4,
.slightly-black.process-state-left.step5 #my-process-5 {
color: #ffffff;
font-weight: 900
}
.choose-images {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/invalid-name@3x.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
visibility: hidden
}
.why-choose-section h5,
.why-choose-section p {
color: #fff
}
.why-choose-section h5 img {
filter: brightness(100);
}
.why-choose-section h4 {
font-size: 40px;
margin-bottom: 20px;
color: #fff;
}
.why-choose-section h4 span {
color: #70aa26
}
.div-left-right-both {
padding: 30px 50px;
margin-bottom: 70px;
}
.div-left-text img {
width: 50px;
margin-bottom: 10px;
}
.div-left-text h4 {
font-size: 24px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
margin: 0px;
margin-top: 15px;
}
.div-left-text h5 {
font-size: 20px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #707379;
margin: 20px 0px;
}
.div-left-text p {
font-size: 18px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #353536;
margin-bottom: 20px;
position: relative;
padding-left: 30px;
}
.div-left-text p:before {
width: 15px;
height: 15px;
content: "";
position: absolute;
border: solid 3px #131d2b;
background-color: transparent;
border-radius: 50%;
left: 0px;
top: 0px;
bottom: 0px;
margin: auto;
}
.div-left-text .btn-register-header {
margin-top: 40px;
background-color: transparent;
border-color: #1f2659;
color: #1f2659;
}
.div-left-text .btn-register-header:hover {
background-color: #70aa26;
border-color: #70aa26
}
.div-left-text .btn-register-header:before {
border-color: #1f2659;
}
.div-left-text .btn-register-header:hover:before {
border-color: #fff
}
.div-left-right-both:nth-child(1) {
background-color: #f0f6ff
}
.div-left-right-both:nth-child(2) {
background-color: #e5fffa
}
.div-left-right-both:nth-child(3) {
background-color: #fff2ea
}
.div-left-right-both:nth-child(4) {
background-color: #f0f6ff
}
.div-left-right-both:nth-child(5) {
background-color: #e5fffa
}
.div-left-right-both:nth-child(even) .div-left-text {
order: 2;
}
.caption-crausal {
position: absolute;
bottom: 15px;
right: 15px;
border-radius: 1.5px;
background-color: #ffffff;
padding: 30px;
width: 400px;
padding-top: 20px;
padding-bottom: 5px;
}
.caption-crausal.div-left-text h4 {
margin: 0px;
margin-bottom: 15px;
}
.team-section {
background-color: #f3f6ff;
margin-top: 70px;
}
.team-member {
position: relative;
overflow: hidden
}
.team-member figure {
box-shadow: 0px 4px 15.7px 0.3px rgba(0, 0, 0, 0.19);
}
.over-iamge-text {
position: absolute;
bottom: 0px;
width: 100%;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
text-align: left;
padding: 10px 30px;
transition: .5s;
}
.team-member:hover .over-iamge-text {
bottom: -100%
}
.over-iamge-text h4 {
font-size: 30px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.over-iamge-text h5 {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 10px 0px;
}
.team-member figcaption {
position: absolute;
top: 100%;
z-index: 99;
width: 100%;
height: 100%;
display: flex;
bottom: 0px;
flex-direction: column;
justify-content: center;
padding: 30px;
background-color: rgba(0, 0, 0, .7);
transition: .5s;
}
.team-member:hover figcaption {
top: 0px;
}
.team-member figcaption img {
width: 80px!important;
border-radius: 50%;
border: solid 0.5px #397bf9;
}
.team-member figcaption h4 {
font-size: 24px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 15px 0px;
}
.team-member figcaption p {
font-size: 16px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.7;
letter-spacing: normal;
text-align: left;
color: #ffffff;
display: block;
width: 100%;
}
.owl-team .owl-stage-outer {
padding-bottom: 100px;
}
.owl-team .owl-nav {
width: 100%;
}
.owl-team .owl-nav button {
margin: 0px;
}
.owl-team .owl-nav span {
color: #000;
}
.owl-team .owl-next {
float: left;
}
.last-choose-cta {
padding-bottom: 0px;
}
.last-choose-cta .cta-texter-home {
background-color: #22295b;
}
.last-choose-cta a.btn-register-header.animation-on-hover {
background-color: #70aa26!important;
color: #fff!important;
}
.last-choose-cta a.btn-register-header.animation-on-hover:before {
border-color: #ffffff!important;
}
.div-right-image img {
height: 600px;
width: 100%;
object-fit: contain;
object-position: center;
position: relative;
z-index: 2
}
.slider-cta {
background-color: #000000;
padding-top: 20px;
}
body .cta-slider-text {
padding: 0px;
text-align: left
}
.cta-slider-text p {
font-size: 17px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin-top: 30px;
margin-bottom: 40px;
}
.cta-slider-text h4 {
font-size: 50px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.28;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.cta-slider-text h4 span {
color: #ead441
}
body .sliding-images-works {
height: 400px;
position: relative;
padding: 0px;
margin-bottom: 90px;
}
.sliding-images-works figure {
position: absolute;
width: 100%;
padding: 15px;
visibility: hidden
}
.sliding-images-works figure:nth-child(1) {
bottom: 62px;
z-index: 4;
}
.sliding-images-works figure:nth-child(2) {
bottom: 10px;
z-index: 3;
}
.sliding-images-works figure:nth-child(3) {
bottom: 0px;
z-index: 2;
}
.sliding-images-works figure img {
width: 100%;
}
.sliding-images-works figure:nth-child(3) img {
animation: MoveUpDown 3s linear infinite;
}
.sliding-images-works figure:nth-child(2) img {
animation: MoveUpDown 2.5s linear infinite;
}
.sliding-images-works figure:nth-child(1) img {
animation: MoveUpDown 1.5s linear infinite;
}
.lining-view {
position: absolute;
right: -10%;
bottom: 0%;
}
#myCarousel-slider .carousel-inner .item img {
width: 100%
}
div#myCarousel-slider {
position: absolute;
top: 20px;
width: 35%;
right: -19%;
left: 0px;
margin: auto;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.how-it-work-section {
position: relative;
overflow: hidden;
}
.brew-list {
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
list-style: none;
width: calc(100% + 30px);
margin-left: -15px;
}
.brew-list li {
width: calc(25% - 30px);
margin: 15px;
padding: 40px 20px;
border-radius: 100px 0px 100px 0px;
position: relative;
padding-top: 120px;
}
.brew-list li:nth-child(1) {
border: solid 0.5px #becfee;
background-color: #becfee
}
.brew-list li:nth-child(2) {
border: solid 0.5px #caecf6;
background-color: #caf4ff
}
.brew-list li:nth-child(3) {
border: solid 0.5px #c8f5cc;
background-color: #caffcf
}
.brew-list li:nth-child(4) {
border: solid 0.5px #f0e7b2;
background-color: #fff6ba
}
.brew-list li i {
font-size: 210px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 0.43;
letter-spacing: normal;
text-align: center;
color: rgba(45, 106, 218, 0.03);
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.brew-list li h4 {
font-size: 30px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #242424;
margin: 0px;
}
.brew-list li p {
font-size: 20px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #242424;
margin-top: 15px;
}
body .working-process {
padding-left: 100px!important;
position: relative;
padding-top: 150px!important;
}
body .working-process .row {
overflow: hidden
}
body .working-process .div-left-text {
transition: .5s;
}
body .working-process .div-left-text i {
background-color: #cadcff;
width: 60px;
display: flex;
height: 60px;
font-size: 40px;
font-style: normal;
font-weight: 900;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #2d6ada;
}
body .working-process .div-left-text h2 {
font-size: 34px;
font-weight: 100;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
margin: 30px 0px;
}
body .working-process .div-right-image {
transition: .5s;
}
.side-line-down {
position: absolute;
width: 80px;
left: 0px;
background-color: #fff;
height: 100%;
top: 0px;
}
.side-line-down i {
width: 1px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 60px;
transition: 1s
}
.side-line-down span {
width: 70px;
height: 70px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
border: solid 10px #fff;
background-color: #dbe8ff;
border-radius: 50%;
opacity: 0;
transition: .5s
}
.side-line-down span:after {
content: ""
}
.side-line-down span:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
border-radius: 50%;
background-color: #2d6ada;
}
span.circle-dot-2 {
top: 290px;
}
span.circle-dot-3 {
top: 885px;
}
span.circle-dot-4 {
top: 1465px;
}
span.circle-dot-5 {
top: 2060px;
}
.circle-dot-6 {
top: 2540px;
}
.setting-beck-img-1:before {
content: "";
width: 80px;
height: 80px;
opacity: 0.4;
background-color: #bfd0f2;
position: absolute;
border-radius: 50%;
left: 50px;
z-index: 1;
top: 100px;
}
.setting-beck-img-1:after {
content: "";
width: 40px;
height: 40px;
opacity: 0.4;
background-color: #bfd0f2;
position: absolute;
border-radius: 50%;
left: 100px;
z-index: 2;
top: 40px;
}
.setting-beck-img-2:before {
content: "";
position: absolute;
border-radius: 50%;
left: 50px;
top: 100px;
width: 200px;
height: 200px;
opacity: 0.8;
background-color: #d0f6ff;
z-index: 1;
}
.setting-beck-img-4 img {
width: 400px;
object-position: bottom;
}
.setting-beck-img-4:before {
content: "";
background-color: #fff6bc;
width: 80%;
height: 85%;
position: absolute;
right: 15px;
border-radius: 50px 0px 50px 0px;
bottom: 0px;
}
.setting-beck-img-4:after {
content: "";
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/shape-51@2x.png);
position: absolute;
width: 250px;
height: 360px;
background-position: center;
background-size: contain;
right: 100px;
background-repeat: no-repeat;
top: 0px;
animation: MoveUpDown 1.5s linear infinite;
}
.quotes-manager {
border: solid 0.5px #d1e1ff;
background-color: #e2ecff;
border-radius: 0px 100px 0px 100px;
padding: 30px;
position: relative;
padding-left: 60px;
margin-left: 35px;
}
.quotes-manager img {
position: absolute;
left: -36px;
border-radius: 50%;
width: 75px;
}
.quotes-manager big {
display: block;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #000000;
}
.quotes-manager small {
display: block;
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: left;
color: #7c89a0;
margin-top: 9px;
margin-bottom: 11px;
}
.quotes-manager figcaption {
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
.last-quote-section {
margin-top: 70px;
}
.circle-dot-6 {
top: 2760px;
}
.cta-blue-last {
background-color: #1f2659;
padding: 40px 50px!important;
padding-left: 35px!important;
}
.cta-blue-last img {
width: 100%;
}
.cta-blue-last h4 {
font-size: 30px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 30px 0px;
}
.newly-launch-cta {
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/18272@3x.jpg)!important;
background-repeat: no-repeat;
background-size: contain;
padding-top: 150px;
padding-bottom: 150px;
margin-top: 70px;
}
.newly-launch-cta .cta-texter-home h4 {
margin-bottom: 40px;
font-weight: bold
}
.sd-banner {
background-image: linear-gradient(311deg, #1e2caa 0%, #121273);
position: relative;
overflow: hidden;
}
.sd-banner .row {
height: calc(100vh - 110px);
}
.animated-module {
position: absolute;
width: 60%;
height: 100vh;
right: 0;
}
.base-image {
width: 100%;
bottom: 0px;
right: 0px;
position: absolute;
height: 100%;
object-fit: contain;
object-position: bottom right;
visibility: hidden;
}
.sd-banner .home-banner-texter h1 {
font-size: 32px;
font-weight: 900;
}
.sd-banner .home-banner-texter p {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.animated-module span {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 0px;
bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
backface-visibility: hidden
}
@keyframes leftRight {
0%,
100% {
left: 0px;
bottom: 0px;
}
50% {
left: -240px;
bottom: -130px;
}
}
@keyframes slideUpDown {
0%,
100% {
top: 0px;
}
50% {
top: 20px;
}
}
.animated-module span:nth-of-type(1) {
transform: translate(9%, 0%);
animation: leftRight 8s linear infinite;
}
.animated-module span:nth-of-type(2) {
transform: translate(-24%, -20%);
animation: slideUpDown 3s linear infinite;
}
.animated-module span:nth-of-type(3) {
transform: translate(8%, -19%);
animation: slideUpDown 3s linear infinite;
}
.animated-module span:nth-of-type(4) {
transform: translate(42%, -14%);
animation: slideUpDown 2s linear infinite;
}
.animated-module span:nth-of-type(5) {
transform: translate(-43%, 15%);
animation: slideUpDown 2.5s linear infinite;
}
.animated-module span:nth-of-type(6) {
transform: translate(18%, 21%);
animation: slideUpDown 3s linear infinite;
}
.animated-module span img {
visibility: hidden;
}
.btn-register-header-brown {
background-color: #f1a027;
font-weight: 900;
border-color: transparent
}
.btn-register-header-brown:hover {
color: #1d289f
}
.title-common {
text-align: center;
padding: 85px 70px!important;
position: relative;
z-index: 1;
height: 292px;
}
.title-common:before {
content: "";
position: absolute;
background-image: linear-gradient(to top, rgba(221, 139, 16, 1) 0%, #d78915);
width: 64%;
height: 64%;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
transform: rotate(134deg);
z-index: -1;
margin: auto;
}
.title-common h4 {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
margin: 0px;
margin-top: 20px;
color: #ffffff;
}
.title-common img {
height: 40px;
}
.rotate-tile-1 .title-common:nth-child(1) {
left: 12.8%;
}
.rotate-tile-1 .title-common:nth-child(2) {
left: 37.7%;
}
.rotate-tile-2 .title-common {
margin-top: -140px;
}
.rotate-tile-3 .title-common {
margin-top: -140px;
}
.rotate-tile-3 .title-common:nth-child(1) {
left: 12.2%;
}
.rotate-tile-3 .title-common:nth-child(2) {
left: 37.7%;
}
.dignol-tile {
background-image: url(https://www.code-brew.com/wp-content/uploads/2019/09/rectangle-1945-copy-11@3x.png);
background-size: cover;
padding: 60px 0px;
padding-bottom: 150px;
}
.dignol-tile .container {
position: relative;
overflow: inherit!important
}
.sepical-dignol-titile-big {
position: absolute;
width: 400px;
height: 400px;
left: -5px;
right: 0;
margin: auto;
bottom: -110px;
display: flex!important;
align-items: center;
flex-direction: column;
justify-content: center;
}
.sepical-dignol-titile-small {
position: absolute;
width: 250px;
height: 250px;
left: 0px;
right: 0px;
margin: auto;
padding: 59px 30px;
top: 33px;
}
.sepical-dignol-titile-big:before,
.sepical-dignol-titile-small:before,
.rotate-tile-1 .title-common:nth-child(2):before,
.rotate-tile-3 .title-common:nth-child(2):before,
.rotate-tile-2 .title-common:nth-child(2):before,
.rotate-tile-2 .title-common:nth-child(1):before {
background-image: linear-gradient(to top, rgba(30, 44, 170, 1) 0%, #1c2dc2);
}
body .rewamp-common-heading:before {
content: "";
width: 60px;
height: 3px;
background-color: #fbb747;
position: absolute;
top: 0px;
}
body .rewamp-common-heading {
padding-top: 25px;
position: relative;
margin-bottom: 60px;
}
body .rewamp-common-heading p {
font-size: 18px;
}
body .why-choose-rewamp li {
width: calc(33.3333% - 30px);
background-color: transparent;
margin-top: 0px;
}
body .why-choose-rewamp li h5 {
font-size: 24px;
font-weight: 900;
}
body .why-choose-rewamp li p {
font-size: 16px;
}
body .why-choose-rewamp li img {
height: 80px;
margin-bottom: 30px;
}
.cta-rewamped {
background-image: linear-gradient(311deg, #1e2caa 0%, #121273);
padding: 80px 0px;
}
.cta-rewamped-texter h4 {
font-size: 30px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: left;
color: #ffffff;
margin: 0px;
}
.cta-rewamped-button {
text-align: right
}
.my-tab-pane .tab-content>.tab-pane.active {
display: block;
}
.my-tab-pane .tab-content>.tab-pane {
display: none;
}
.my-tab-list ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.my-tab-list li {
border-right: 5px solid #ededf4;
width: 100%;
margin-bottom: 5px;
}
.my-tab-list li a {
display: block;
position: relative;
border-radius: 2.5px;
background-color: #ededf4;
margin: 0px 0px;
padding: 20px;
padding-left: 60px;
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
text-align: left;
color: #252930;
}
.my-tab-list li a i {
font-style: normal
}
.my-tab-list li.active a {
background-color: rgba(0, 0, 0, .3)!important;
color: #fff!important;
}
.my-tab-list li a img {
position: absolute;
height: 24px;
left: 20px;
top: 0px;
bottom: 0px;
margin: auto;
}
.my-tab-list li.active {
padding-top: 130px;
border-color: #f19f27;
}
.my-tab-list li:nth-child(1) {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/layer-603@2x.jpg);
}
.my-tab-list li:nth-child(2) {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/sebastian-herrmann-nbt-i-do-fkgo-8-unsplash@2x-1.png?nsdnsdhakha);
}
.my-tab-list li:nth-child(3) {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/19@2x-1.png);
}
.my-tab-list li:nth-child(4) {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/15824@2x-1.png);
}
.my-tab-list li:nth-child(5) {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/116@2x-1.png);
}
.my-tab-pane {
padding-left: 50px;
}
.my-tab-pane h3 {
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
letter-spacing: normal;
text-align: left;
color: #252930;
margin: 0px;
position: relative;
}
.my-tab-pane h3:before {
width: 5px;
height: 50px;
background-color: #fbb747;
content: "";
position: absolute;
left: -25px;
}
.my-tab-pane p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
text-align: left;
color: #4c4e52;
margin: 10px 0px;
margin-bottom: 30px;
}
.my-tab-pane h5 {
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
letter-spacing: normal;
text-align: left;
color: #82878f;
margin: 0px;
}
.my-tab-pane ul {
margin: 0px;
padding: 0px;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.my-tab-pane ul li {
width: 50%;
float: left;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: left;
color: #252930;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 35px 15px;
padding-left: 100px;
position: relative;
margin-top: 15px;
}
.my-tab-pane ul li:nth-child(2) i,
.my-tab-pane ul li:nth-child(3) i,
.my-tab-pane ul li:nth-child(6) i {
background-color: #fbb747
}
.my-tab-pane ul li i {
position: absolute;
width: 70px;
height: 70px;
left: 0px;
top: 0px;
bottom: 0px;
margin: auto;
box-shadow: 0px 8.5px 11px 0 rgba(38, 48, 136, 0.15);
background-color: #263088;
border-radius: 50%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 20px;
}
.my-tab-pane {
padding-left: 50px!important;
}
body .headind-cta {
background-image: linear-gradient(311deg, #1e2caa 0%, #121273);
}
body .headind-cta h4,
body .headind-cta {
color: #fff
}
body .headind-cta a {
margin-top: 30px;
}
.rated-now-sec {
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: -15px;
margin-right: -15px;
}
.rated-now-sec li {
width: calc(25% - 30px);
float: left;
margin: 15px;
text-align: center;
background-color: #f19f27;
border-radius: 5px;
padding: 40px 15px;
position: relative;
overflow: hidden;
}
.rated-now-sec li:nth-child(even) {
background-color: #253188;
}
.rated-now-sec li img {
height: 40px;
filter: brightness(0) invert(1)
}
.rated-now-sec li h3 {
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: 0px;
margin-top: 20px;
}
.rated-now-sec li:hover p {
top: 0px;
}
.rated-now-sec li p {
margin: 0px;
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #ffffff;
left: 0px;
right: 0;
bottom: -110%;
top: 100%;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
transition: .5s
}
body ul.setting-clients-section {
margin-left: -20px;
margin-right: -20px;
}
body ul.setting-clients-section li img {
filter: grayscale(0%);
opacity: 1
}
.client-slider .owl-dots {
position: absolute;
width: 30px;
margin: 0px!important;
right: -50px;
top: 0px;
bottom: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
justify-content: center;
}
.client-slider .owl-dots .owl-dot.active span {
background-color: #f19f27!important;
}
.client-slider .owl-dots .owl-dot {
outline: none
}
.client-testimonials .item {
border-radius: 5px;
box-shadow: 0px 4.5px 12.5px 0 rgba(17, 25, 109, 0.15);
background-color: #ffffff;
padding: 30px;
min-height: 360px
}
.illogical-section {
padding-top: 300px;
position: relative;
margin-top: -300px;
width: 100%;
}
.client-testimonials .item h4 {
margin: 0px;
position: relative;
padding: 15px;
padding-left: 70px;
padding-right: 0px;
}
.client-testimonials .item p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.78;
letter-spacing: normal;
text-align: left;
color: #5b5d60;
margin: 0px;
}
.client-testimonials .item h5 {
margin: 0px;
margin-top: 20px;
}
.client-testimonials .item h4 img {
position: absolute;
width: 50px;
left: 0px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
}
.client-testimonials .item h4 span {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #5b5d60;
}
.client-testimonials .item h4 b {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
display: block;
margin-bottom: 5px;
}
.client-testimonials .item h5 i {
font-size: 24px;
}
.client-testimonials .item h5 i.yello {
color: #f19f27;
}
.client-testimonials .item h5 i.grey {
color: #e5e5e5;
}
.client-testimonials.owl-theme .owl-dots .owl-dot.active span {
background-color: #f19f27
}
.gray-shades {
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/bg2.png);
background-size: cover
}
.gray-shades .container {
border-radius: 12px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.22);
background-color: #383842;
padding: 25px;
max-width: 970px;
}
.gray-shades .container h4 {
text-transform: uppercase
}
.gray-shades .container h4,
.gray-shades .container p {
color: #fff;
margin-top: 0px;
margin-bottom: 20px;
}
.gray-shades .container a {
background-color: transparent;
color: #70aa26;
font-weight: 600;
margin-top: 5px;
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
.gray-shades .container a:before {
border-color: #70aa26;
}
.gray-shades ul {
max-width: 1000px;
margin: auto;
display: flex;
flex-wrap: wrap;
padding: 0px;
list-style: none;
padding-top: 90px;
margin-top: -10px;
width: 100%;
position: relative
}
.gray-shades ul:before {
content: "";
width: 575px;
position: absolute;
height: 40px;
left: 0px;
right: 0px;
top: 35px;
margin: auto;
border-radius: 4px;
border: solid 3px #8ec543;
border-bottom: none;
}
.gray-shades ul:after {
height: 70px;
width: 3px;
position: absolute;
background-color: #8ec543;
content: "";
top: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.gray-shades ul li {
float: left;
width: calc(33.33% - 30px);
margin: 15px;
padding: 30px 50px;
text-align: center;
border-radius: 8px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
position: relative
}
.gray-shades ul li:before {
content: "\f175";
font: normal normal normal 20px/1 FontAwesome;
position: absolute;
top: -45px;
color: #8ec543;
left: 0px;
right: 0px;
margin: auto;
}
.gray-shades ul li:nth-child(1):before {
left: 95px;
}
.gray-shades ul li:nth-child(3):before {
left: -95px;
}
.gray-shades ul li h4 {
font-size: 20px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
text-align: center;
color: #2c2c34;
margin: 10px 0px;
text-transform: uppercase
}
.gray-shades ul li p {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.71;
letter-spacing: normal;
text-align: center;
color: #2c2c34;
margin: 0px;
}
.gray-shades ul li img {
height: 72px;
}
.gray-shades ul li i {
position: absolute;
opacity: 0.8;
border-radius: 8px 0px 0px 8px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
background-color: #8ec543;
font-size: 18px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #ffffff;
padding: 8px 21px;
right: 0px;
text-transform: uppercase;
}
.owl-carousel-chosen-new .owl-item .item {
position: relative
}
.owl-carousel-chosen-new .owl-item .item img {
transition: .5s;
padding: 0px;
opacity: .1;
transform: scale(.75);
}
.owl-carousel-chosen-new .owl-item.center .item img {
transform: scale(1);
border-radius: 26px;
opacity: 1;
padding: 0px;
}
.owl-carousel-chosen-new .owl-item.firstActiveItem .item img,
.owl-carousel-chosen-new .owl-item.lastActiveItem .item img {}
.owl-carousel-chosen-new .owl-item .item figcaption {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
}
.owl-carousel-chosen-new .owl-item .item figcaption img {
border-left: 10px solid #e3c998;
padding: 17px;
width: 80%;
left: 30px;
position: relative;
border-radius: 7.2px;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
height: 80px;
display: block;
object-fit: contain;
opacity: 1;
transform: scale(1);
}
.owl-carousel-chosen-new .owl-item.center .item figcaption {
top: 65%;
position: static;
margin: 50px 0px;
}
.owl-carousel-chosen-new .owl-item.center .item figcaption img {
left: 0px;
border-radius: 0px;
padding: 15px;
width: 88%;
}
.light-sky-shades {
background-color: #f3fafa;
padding-bottom: 30px!important;
}
.light-sky-shades .mobi-ipone-x {
position: absolute;
left: 0px;
right: 0px;
width: 20%;
top: -2%;
margin: auto;
z-index: 2;
}
.light-sky-shades .row-carousel {
position: relative;
margin-top: 3%
}
.sense-section {
margin-top: 40px;
margin-left: -30px;
margin-right: -30px;
}
.sense-section li {
width: calc(33.33% - 30px);
border-radius: 8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
background-color: #f0f0f0!important;
text-align: left;
padding: 40px 25px;
}
.sense-section li figure {
position: relative;
width: 80px;
height: 80px;
border-radius: 50%;
padding: 0px;
display: block;
}
.sense-section li figure img {
position: absolute;
height: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
width: 80px;
}
.sense-section li h3 {
text-align: left;
font-size: 22px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: 0.4px;
color: #484848;
}
.sense-section li h3 span {
color: #8ec543;
}
.sense-section li p {
background-color: #fff;
flex-direction: column;
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 15px;
border-radius: 8px;
}
.sense-section li p img {
position: absolute;
top: 20px;
right: 20px;
}
.sense-section li p i {
font-size: 16px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #484848;
display: block;
position: relative;
margin: 10px 0px;
padding-left: 30px;
}
.sense-section li p i:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #8ec544;
border-radius: 50%;
left: 0px;
top: 7px;
}
.sense-section li img {
height: 40px;
filter: none;
}
.video-cta.common-section-all {
background-image: url(//code-brew.ae/wp-content/uploads/2019/08/layer-554@2x.jpg);
background-size: cover;
padding: 150px 15px;
text-align: center;
background-position: center;
display: none
}
.video-cta.common-section-all a {
width: 65px;
height: 65px;
display: flex;
flex-wrap: wrap;
border: solid 2px #8ec543;
background-color: rgba(142, 197, 67, 0.22);
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0px auto;
}
.video-cta.common-section-all a i {
color: #8ec543;
font-size: 32px;
}
.sky-last-section {
background-color: #f3fafa;
}
.sky-last-section ul {
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: -15px;
margin-right: -15px;
margin-top: 40px;
}
.sky-last-section ul li {
width: calc(25% - 30px);
margin: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
padding: 15px;
padding-top: 40px;
text-align: center;
transition: .5s;
position: relative;
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/package_bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
}
.sky-last-section ul li:hover {
transform: translate(0px, -15px);
}
.sky-last-section ul li h5 {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #484848;
margin: 0px;
margin-top: 10px;
}
.sky-last-section ul li h4 {
font-size: 24px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #484848;
margin: 0px;
}
.sky-last-section ul li p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #484848;
}
.sky-last-section ul li a {
border-radius: 3.6px;
background-color: #ffeece;
display: block;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #8ec543;
padding: 7px;
cursor: pointer;
transition: .5s
}
.sky-last-section ul li a:hover {
background-color: #8ec543;
color: #fff;
}
.sky-last-section ul li .pricing-caption {
margin: 70px 0px;
margin-bottom: 40px;
}
.last-arrow-cta {
border-radius: 16px;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
background-color: #2c2c34;
padding: 40px 30px;
padding-right: 100px;
position: relative;
margin: 50px 0px;
}
.last-arrow-cta h4 {
font-size: 26px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
margin-bottom: 10px;
}
.last-arrow-cta h5 {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.last-arrow-cta a {
position: absolute;
color: #8ec543;
font-size: 50px;
right: 30px;
top: 0px;
bottom: 0px;
margin: auto;
display: flex;
align-items: center;
cursor: pointer;
transition: .5s
}
.last-arrow-cta a:hover {
transform: translate(15px, 0px)
}
.brew-vs {
position: absolute;
width: 108px;
height: 108px;
border: solid 4px #8ec543;
display: flex;
background-color: #fff;
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #484848;
align-items: center;
justify-content: center;
border-radius: 50%;
left: 15px;
right: 0px;
margin: auto;
}
.brewlance {
position: relative;
}
.brew-left-last {
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
padding: 40px 30px!important;
border-radius: 12px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/vs_background.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center top
}
.brew-left-last h5 {
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: center;
color: #fff;
margin: 0px;
}
.brew-left-last h4 {
font-size: 32px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: center;
color: #fff;
margin: 0px;
margin-top: 10px;
}
.brew-space-caption {
margin-top: 70px;
}
.brew-space-caption p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #484848;
position: relative;
padding-left: 30px;
margin-top: 25px;
}
.brew-space-caption p:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
border: solid 1px #8ec543;
border-radius: 50%;
left: 0px;
top: 8px;
}
.brew-right-last ul {
margin: 0px;
}
.brew-right-last ul li {
border-radius: 8px;
box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
background-color: #ffffff;
width: 100%;
position: relative;
padding: 15px;
padding-left: 130px;
text-align: left;
margin: 20px 0px;
background-image: none!important
}
.brew-right-last ul li img {
position: absolute;
left: 15px;
height: 70px;
top: 0px;
bottom: 0px;
margin: auto;
width: 100px;
object-fit: contain;
object-position: center;
}
.brew-right-last ul li h5 {
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #484848;
margin: 0px;
}
.brew-right-last ul li p {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
color: #484848;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
}
.brew-right-last ul li h4 {
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
color: #8ec543;
text-align: left;
margin: 0px;
}
.double-slider-banner {
padding: 100px 0px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/bg1.png);
float: left;
width: 100%;
padding-bottom: 20px;
background-size: cover
}
.double-banner-text h1 {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
font-size: 40px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.1;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.double-banner-text p {
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: #ffffff;
margin: 20px 0px;
}
.double-banner-slider {
overflow: hidden
}
.outer-slang img {
width: 100%;
height: 400px;
padding: 25px;
border-radius: 50%;
}
.outer-slang {
position: relative;
z-index: 2;
}
.outer-slang:before {
content: "";
position: absolute;
width: 400px;
height: 400px;
background-color: #2f2f3c;
z-index: -1;
border-radius: 50%;
border-left: 5px solid #70aa26;
border-right: 5px solid #70aa26;
border-top: 5px solid #70aa26;
border-bottom: 5px solid transparent;
transform: rotate(245deg);
}
.common-design-slider {
width: 200px;
height: 50px;
background-color: #fff;
position: absolute;
display: block;
top: 0px;
right: 0px;
z-index: 1;
border-radius: 12px;
transform: perspective(76px) rotateX(23deg);
margin-right: 40%;
opacity: 0;
transition: .5s;
background-position-y: center;
background-repeat: no-repeat;
background-size: 110px;
background-position-x: 80%;
transition-delay: .5s
}
.double-slider-banner #myCarousel .item.active .common-design-slider {
margin-right: 35px;
opacity: 1;
}
.outer-slang {
position: relative;
z-index: 2;
width: 400px;
}
.common-design-slider:nth-of-type(1) {
top: 25px;
right: 70px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/08/layer-507@2x.png);
background-size: 110px;
background-position-y: 15px;
}
.common-design-slider:nth-of-type(2) {
top: 90px;
right: 37px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/08/vodafone@3x.png);
background-size: 100px;
background-position-y: 16px;
}
.common-design-slider:nth-of-type(3) {
top: 157px;
right: 13px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/OYO-Rooms-Logo-Image-715x311-1-1.png);
background-size: 110px;
background-position-y: 4px;
}
.outer-slang h4 {
position: absolute;
bottom: 0px;
opacity: 0;
width: 70%;
text-align: center;
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
padding: 8px 10px;
left: 0px;
right: 0px;
margin: auto;
z-index: 3;
border-radius: 0px 0px 190px 280px;
text-shadow: 1px 1px 1px #000;
transition: .5s
}
.double-slider-banner #myCarousel .item.active .outer-slang h4 {
bottom: 47px;
opacity: 1
}
body .banner-slider-nav {
position: static;
margin: 0px;
width: 100%;
float: left;
margin-top: 70px;
}
body .banner-slider-nav li {
width: 160px!important;
height: auto!important;
text-indent: inherit;
float: none;
display: inline-block;
background-color: transparent!important;
padding: 10px;
margin: 0px!important;
border: 3px solid transparent;
border: none;
}
body .banner-slider-nav li.active img {
border: 5px solid #70aa26;
}
body .banner-slider-nav li img {
width: 100px;
border-radius: 50%;
border: 5px solid transparent;
transition: .5s;
}
.banner-slider-nav li h4 {
font-size: 16px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin: 0px;
margin-top: 20px;
}
.double-banner-slider {
padding: 0px!important
}
.double-banner-text {
padding: 0px!important;
padding-right: 50px!important;
}
.for-hire-dev.grid-images-block li .grid-icon-images {
height: 55px;
}
.for-hire-dev.grid-images-block li h4 {
font-size: 24px;
line-height: 1.3;
align-items: flex-end;
text-transform: uppercase;
}
.for-hire-dev.grid-images-block li:hover h4 {
background-color: rgba(112, 170, 38, .6);
}
.ribbon {
position: absolute;
left: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
color: #f2d600;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#484848 0%, #484848 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px;
left: -21px;
}
.ribbon span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #484848;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #484848;
}
.ribbon span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #484848;
border-bottom: 3px solid transparent;
border-top: 3px solid #484848;
}
.header-owl-carousel {
position: relative;
width: 50%!important;
right: -5%;
float: right;
}
.portfoio-banner-section .container {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 0px;
bottom: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.double-slider-banner .carousel-control {
display: none
}
.portfoio-banner-section {
padding: 112px 0px;
float: left;
width: 100%;
position: relative;
padding-top: 170px;
}
.portfoio-banner-section .new-heading-style {
margin-bottom: 0px;
position: relative;
}
.header-owl-carousel .item {
position: relative
}
.header-owl-carousel .item figcaption {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
padding: 10px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
.header-owl-carousel .item figcaption h4 {
font-size: 26px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.header-owl-carousel .item figcaption p {
font-size: 18px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #ffffff;
text-transform: uppercase;
}
.header-owl-carousel .owl-item {
transition: .5s;
transform: scale(.9)!important;
transform-origin: right;
}
.header-owl-carousel .owl-item.firstActiveItem {
transform: scale(1)!important;
}
.secondry-nav-portfolio {
width: 100%;
float: left;
}
.secondry-nav-portfolio ul {
list-style: none;
padding: 0px 15px;
margin: 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative
}
.secondry-nav-portfolio ul li {
padding: 0px 0px;
}
.secondry-nav-portfolio ul li a {
display: block;
font-size: 20px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: center;
color: #a8acb5;
padding: 20px 15px;
}
.secondry-nav-portfolio .owl-theme .owl-nav {
position: absolute;
width: 100%;
margin: 0px auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.secondry-nav-portfolio .owl-nav button {}
.secondry-nav-portfolio .owl-nav button span {
font-size: 30px;
}
.secondry-nav-portfolio .owl-nav button.owl-prev {
margin: -4px 0px 0px -15px;
}
.secondry-nav-portfolio .owl-carousel .owl-stage-outer {
z-index: 9
}
.secondry-nav-portfolio .owl-theme .owl-nav [class*='owl-']:hover,
.secondry-nav-portfolio .owl-theme .owl-nav [class*='owl-']:focus,
.secondry-nav-portfolio .owl-theme .owl-nav [class*='owl-']:active {
background: transparent;
color: #000;
text-decoration: none;
outline: none!important;
}
.secondry-nav-portfolio .owl-nav button.owl-next { margin: -4px -15px 0px 0px;
}
.secondry-nav-portfolio ul li a.active {
color: #000
}
.common-inner-port {
width: 100%;
height: 100vh;
position: relative;
}
.main-base-image {
width: 50%;
height: 100vh;
object-fit: cover
}
.common-porfolio-sec.chawla {
animation: Fadder .5s linear;
opacity: 1
}
@keyframes Fadder {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.common-porfolio-sec h1 {
margin: 0px;
}
.common-porfolio-sec:nth-child(2) {
background-color: green
}
.common-porfolio-sec:nth-child(3) {
background-color: blue
}
.common-porfolio-sec:nth-child(4) {
background-color: black
}
.common-porfolio-sec:nth-child(5) {
background-color: yellow
}
.left-hands-side .main-base-image {
float: left;
}
.right-hands-side .main-base-image {
float: right;
}
.left-hands-side .container {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
.right-hands-side .container {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
.left-hands-side .porting-text {
padding-left: 12%!important;
}
.right-hands-side .porting-text {
padding-right: 12%!important;
}
.green-color-beck {
background-color: #2c3a21
}
.orange-color-beck {
background-color: #e88113
}
.porting-text.crausal-text h4,
.porting-text.crausal-text h5,
.porting-text.crausal-text p,
.porting-text.crausal-text ul,
.porting-text.crausal-text .animation-on-hover.btn-register-header {
opacity: 1;
top: 0px;
}
.porting-text.crausal-text .animation-on-hover.btn-register-header {
margin-top: 50px;
}
body .porting-text.crausal-text h4 img {
width: 70px!important;
display: block!important;
margin-bottom: 25px;
}
body .porting-text.crausal-text h4 {
font-size: 40px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #ffffff;
position: static;
}
body .porting-text.crausal-text h5 {
font-size: 24px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #ffffff;
margin: 20px 0px;
position: static;
}
body .porting-text.crausal-text p {
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: rgba(255, 255, 255, 1);
top: 0px;
margin: 0px;
}
body .porting-text.crausal-text ul {
margin: 0px;
top: 0px;
margin-top: 40px;
}
body .porting-text.crausal-text ul li {
text-align: left;
padding: 0px 0px!important;
border: none!important
}
.img-center-mobile {
height: 80%;
top: 0px;
bottom: 0px;
margin: auto;
position: absolute;
left: 0px;
right: 0px;
width: 330px;
object-fit: scale-down;
}
.left-hands-side .img-center-mobile {
left: -15%
}
.right-hands-side .img-center-mobile {
left: 15%;
}
.for-download-btns {
margin-top: 20px!important;
}
.for-download-btns a {
vertical-align: bottom!important
}
body .porting-text.crausal-text ul li small {
color: #fff
}
.case-study-btn-group i {
display: inline-block;
color: #fff;
font-style: normal;
font-size: 18px;
vertical-align: super;
line-height: 1.3;
padding: 0px 0px;
margin-left: 25px;
cursor: pointer;
border-bottom: 1px solid #fff;
}
.tabber-tab-port {
width: 20%;
float: right;
background-color: #f4f9ff;
position: relative;
z-index: 9;
}
.tabber-project {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
}
.port-tabing-system {
position: relative;
float: left;
width: 100%;
}
.tabber-project {
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 0px;
bottom: 0px;
}
.tabber-project .tab-pane {
background-color: red
}
.tabber-tab-port li {
width: 100%;
display: block;
padding: 0px;
border: 1px solid #fff;
background-color: #fff;
}
.tabber-tab-port li a {
padding: 20px 30px;
display: block;
transition: .5s;
}
.tabber-tab-port li.active a {
background-color: #eee;
}
.tabber-tab-port li a b {
display: block;
font-size: 24px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
.tabber-tab-port li a span {
display: block;
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #131d2b;
}
.tabber-project .tab-pane .container {
padding-right: 10%;
height: 100%
}
.tabber-project .tab-content {
height: 100%
}
.tabber-project .tab-pane {
height: 100%
}
.tabber-project .tab-pane .container .row {
height: 100%
}
.web-development-banner {
background-image: none!important;
position: relative;
background-color: #f5f7fe;
}
.home-banner.web-development-banner:before {
content: "";
background-image: linear-gradient(56deg, #131946, #353a63);
width: 50%;
height: 100vh;
position: absolute;
left: 0px;
border-radius: 0px 0px 100px 0px;
}
.home-banner.web-development-banner:after {
position: absolute;
content: "";
width: 500px;
height: 500px;
right: -50px;
top: 60px;
z-index: 1;
opacity: 0.49;
background-color: #f7f8fe;
border-radius: 50%;
border: 70px solid #dbdeee;
}
img.out-box-image {
position: absolute;
right: 0px;
height: 100vh;
width: 60%;
object-fit: contain;
visibility: hidden
}
img.out-box-image {
position: absolute;
right: -3%;
height: 100vh;
width: 65%;
object-fit: contain;
z-index: 2;
}
.wd-grey-section {
background-color: #f7f8fe;
position: relative;
padding-bottom: 10px;
}
.wd-grey-section .list-addon-home {
margin-top: 20px;
}
.wd-grey-section .list-addon-home li p,
.wd-grey-section .list-addon-home li h4 {
color: #000;
line-height: 1.3
}
.wd-grey-section .list-addon-home li {
border-radius: 30px 0px 30px 0px;
}
.wd-grey-section .list-addon-home li:nth-child(1) {
background-color: #ffdbe4;
border-color: #f4d4d6!important;
}
.wd-grey-section .list-addon-home li:nth-child(2) {
background-color: #ffeac2;
border-color: #e7d1a8!important;
}
.wd-grey-section .list-addon-home li:nth-child(3) {
background-color: #ebffb6;
border-color: #d5ed97!important;
}
.wd-grey-section .list-addon-home li:nth-child(4) {
background-color: #e4e7ff;
border-color: #cbd1ff!important;
}
.wd-grey-section .industies-list li {
width: 25%;
}
.wd-grey-section .industies-list li span {
background-color: #fff;
}
.wd-grey-section:before {
content: "";
background-image: linear-gradient(56deg, #131946, #353a63);
width: 55%;
height: 65%;
position: absolute;
right: 0px;
border-radius: 100px 0px 100px 0px;
bottom: 0px;
}
.wd-grey-section .industies-list {
margin-top: 0px;
}
.wd-grey-section .industies-list li:nth-child(1) {
margin-top: 50px;
}
.wd-grey-section .industies-list li:nth-child(2) {
margin-top: 200px;
}
.wd-grey-section .industies-list li:nth-child(3) {}
.wd-grey-section .industies-list li:nth-child(4) {
margin-top: 200px;
}
.speaks-text {
text-align: left
}
.speaks-text h4 {
font-size: 30px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
color: #ffffff;
margin: 0px;
}
.speaks-text p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
color: #ffffff;
margin: 35px 0px;
}
.speaks-text hr {
border-color: #464f8a;
}
.next-level-section .why-choose-rewamp {
margin-top: 30px;
}
.next-level-section .why-choose-rewamp li {
margin-top: 20px;
border-radius: 30px 0px 30px 0px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/09/70595142_1276303062572158_8911577210964410368_n-1.png);
background-size: cover;
}
.next-level-section .why-choose-rewamp li:nth-child(1) {
background-color: #62c8ff
}
.next-level-section .why-choose-rewamp li:nth-child(2) {
background-color: #c5ec5d
}
.next-level-section .why-choose-rewamp li:nth-child(3) {
background-color: #ffa4c4
}
.next-level-section .why-choose-rewamp li:nth-child(4) {
background-color: #d1c6ff
}
.next-level-section .why-choose-rewamp li:nth-child(5) {
background-color: #4eead2
}
.next-level-section .why-choose-rewamp li:nth-child(6) {
background-color: #ffd965
}
.gallery-common-section .owl-portfolio .item {
padding: 0px;
}
.gallery-common-section .owl-portfolio .item .row-flexible-center {
height: 100vh
}
img.gallery-images-basic {
position: absolute;
width: 65%!important;
top: 0px;
bottom: 0px;
margin: auto;
height: 100vh;
object-fit: contain;
object-position: center right;
}
.gallery-images-basic.right-gallery {
right: -3%;
}
.gallery-images-basic.left-gallery {
left: -3%
}
.technology-dark {
background-color: #000;
}
.technology-tabs h4 {
color: #fff;
}
.technology-tabs p {
color: #919191;
}
.technology-tabs-list ul {
padding: 0px;
margin: 0px;
width: 100%;
}
.technology-tabs-list ul li {
width: 100%;
outline: none!important
}
.technology-tabs-list ul li a {
font-size: 24px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
text-align: left;
color: #484646;
display: block;
position: relative;
padding: 20px 15px;
padding-left: 70px;
border-bottom: 1px solid #353535;
background-color: transparent!important
}
.technology-tabs-list ul li.active a {
color: #fff
}
.technology-tabs-list ul li a i {
position: absolute;
right: 0px;
color: #689e22;
top: 0px;
bottom: 0px;
margin: auto;
display: flex;
align-items: center;
opacity: 0;
}
.technology-tabs-list ul li.active a i {
opacity: 1
}
.technology-tabs-list ul li a img {
position: absolute;
width: 35px;
left: 0px;
}
.technology-list {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
}
.technology-list li {
width: 33.33%;
float: left;
text-align: center;
padding: 30px 15px;
transition: .5s
}
.technology-list li img {
width: 60px;
height: 60px;
object-fit: contain
}
.technology-list li p {
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: center;
color: #888888;
margin: 0px;
margin-top: 20px;
opacity: 0;
transition: .5s;
display: none
}
.technology-list li:hover {
background-color: #131313;
}
.technology-list li:hover p {
opacity: 1
}
.industies-list li span {
padding: 30px 5px;
}
.testi-video-btn {
font-size: 48px;
color: #fff;
position: absolute;
left: 50px;
border: 2px solid #fff;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
top: 0px;
bottom: 0px;
top: 0px;
margin: auto;
}
.video-testi-section figcaption {
font-size: 40px;
color: #fff;
padding: 130px 15px;
padding-left: 200px;
position: relative;
font-weight: 900;
}
body .full-page-banner {
padding-top: 30px!important
}
html body .fa {
font-family: FontAwesome!important
}
.decorative-banner {
background-color: #09101f;
position: relative;
}
.decorative-banner-1 {
background-image: url(//code-brew.ae/wp-content/uploads/2019/10/group-169@3x.png);
background-repeat: repeat-y;
background-size: 100% 100%;
position: absolute;
width: 100%;
height: 100%;
transform: rotate(180deg);
}
.turn-six-form {
visibility: hidden
}
img.bunting-common {
position: absolute;
top: 0px;
visibility: hidden
}
img.bunting-common.butings-two {
width: 125px;
right: 0px;
}
img.bunting-common.butings-one {
width: 420px;
}
.decorative-banner .container {
position: relative
}
.decorative-banner .row {
height: 100vh
}
.termplan-pop {
position: absolute;
width: 525px;
bottom: -10px;
left: 15px;
padding: 20px 30px;
z-index: 1;
background-color: #fff;
box-shadow: 0 2px 104px 0 rgba(0, 0, 0, 0.25);
visibility: hidden
}
.termplan-pop:before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #fff;
transform-origin: bottom left;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-20deg, 0deg);
}
.termplan-pop big {
font-size: 36px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.11;
letter-spacing: normal;
color: #28263e;
}
.termplan-pop big b {
display: block;
color: #8bc541;
}
.termplan-pop i {
font-size: 16px;
font-weight: 500;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #706f7f;
display: block;
margin-top: 10px;
}
.turn-six-text h1 {
font-size: 66px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 0.94;
letter-spacing: normal;
color: #8bc541;
margin: 0px;
visibility: hidden
}
.turn-six-text h1 span {
color: #fff
}
.turn-six-text h5 {
font-size: 36px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: #ffffff;
margin: 22px 0px;
visibility: hidden
}
.turn-six-text p {
font-size: 36px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.14;
letter-spacing: normal;
color: #ffffff;
visibility: hidden
}
.turn-six-form .form-cover {
float: right;
width: 70%;
border-radius: 14px;
box-shadow: 0 22px 24px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
padding: 30px 20px;
position: relative
}
.turn-six-form .form-cover #message-2 {
display: none
}
.turn-six-form .form-cover input {
border-radius: 4px;
background-color: #f1f1f1;
padding-left: 15px;
border: 1px solid #f1f1f1;
height: 50px;
}
.turn-six-form .form-cover input.subscribesubmit {
border-radius: 4px;
box-shadow: 0 9px 9px 0 rgba(139, 197, 65, 0.35);
background-image: linear-gradient(256deg, #bfe476, #8bc541);
width: 100%;
text-align: center;
}
.turn-six-form .form-cover input.subscribesubmit:hover {
background-image: none;
}
.turn-six-form .form-cover h4 {
position: relative;
padding-left: 90px;
font-size: 24px;
}
.turn-six-form .form-cover h4 b {
color: #8bc541;
font-size: 40px;
font-weight: 600;
}
.turn-six-form .form-cover h4 img {
width: 70px;
left: 0px;
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
}
.turn-six-text h5 span {
color: #ff6101
}
.cb-pricing-image {
margin-top: 50px;
padding: 0px!important;
padding-left: 0px!important;
transform: scale(1.2);
left: 90px;
}
.cb-pricing-image img {
width: 100%
}
.cb-pricing {
border-radius: 8px;
box-shadow: 0 11px 63px 0 rgba(112, 111, 127, 0.15);
border: solid 2.1px #e8f2dc;
background-color: #ffffff;
padding: 0px!important;
margin-top: 50px;
}
.cb-pricing figcaption {
text-align: center;
box-shadow: 0 8px 20px 0 rgba(94, 94, 94, 0.07);
padding: 20px 50px;
margin-bottom: 15px;
}
.cb-pricing figcaption h4 {
font-size: 24px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
color: #28263e;
margin: 0pc;
}
.cb-pricing figcaption h4 span {
font-size: 34px;
color: #8bc541;
display: block;
}
.cb-pricing figcaption p {
font-size: 16.7px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #5b6b82;
}
.cb-pricing figcaption p small {
font-size: 27.2px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #706f7f;
vertical-align: inherit;
}
.cb-pricing figcaption p big {
font-size: 62.8px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #28263e;
vertical-align: sub;
}
.cb-pricing h5 {
margin: 0px;
font-size: 20px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #706f7f;
padding: 12px 40px;
}
.cb-pricing h5 img {
width: 30px;
height: 30px;
object-fit: contain;
vertical-align: bottom;
margin-right: 10px;
}
.cb-pricing a {
border-radius: 4.2px;
box-shadow: 0 9px 9px 0 rgba(139, 197, 65, 0.35);
background-image: linear-gradient(256deg, #bfe476, #8bc541);
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
padding: 15px 10px;
display: block;
width: calc(100% - 80px);
margin: auto;
margin-bottom: 40px;
margin-top: 18px;
transition: .5s;
border: 1px solid #8bc541;
cursor: pointer
}
.cb-pricing a:hover {
background-image: none;
color: #8bc541
}
.turn-step-cb {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
margin-top: 40px;
}
.turn-step-cb li {
float: left;
width: calc(16.666% - 10px);
margin: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
background-color: #ffffff;
padding: 0px 15px;
padding-bottom: 30px;
}
.turn-step-cb li figcaption {
padding: 30px 15px;
margin-left: -15px;
margin-right: -15px;
background-image: url(//code-brew.ae/wp-content/uploads/2019/10/rectangle-copy-8@2x.png);
background-size: contain;
}
.turn-step-cb li figcaption h4 {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #28263e;
margin: 0px;
}
.turn-step-cb li figcaption h5 {
font-size: 64px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #28263e;
margin: 0px;
}
.turn-step-cb li img {
height: 40px;
margin-top: 15px;
}
.turn-step-cb li h2 {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #28263e;
margin: 10px 0px;
}
.turn-step-cb li p {
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.39;
letter-spacing: normal;
color: #706f7f;
}
.timepass-popup {
overflow: hidden
}
.timepass-popup .turn-six-form {
position: fixed;
background-color: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
visibility: visible!important
}
.timepass-popup .turn-six-form .form-cover {
float: none;
max-width: 500px;
display: flex;
flex-wrap: wrap;
width: 100%;
margin: auto;
}
i.desipop-cross {
font-style: normal;
font-size: 29px;
position: absolute;
right: -30px;
top: -30px;
background-color: #8bc541;
color: #fff;
line-height: .1;
display: none;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: 100;
padding-bottom: 4px;
cursor: pointer;
}
.timepass-popup,
.timepass-popup body {
overflow: hidden!important
}
.timepass-popup i.desipop-cross {
display: flex
}
@media screen and (min-width: 991px) and (max-height: 600px) {
.main-base-image,
.common-inner-port {
height: 115vh;
}
}
@media(max-width: 1200px) {
.wd-grey-section .list-addon-home li h4 {
font-size: 28px;
}
.web-development-banner {
padding-left: 15px;
padding-right: 15px;
}
.dignol-tile .row .title-common:nth-child(odd) {
background-color: #f19f27
}
.dignol-tile .row .title-common:nth-child(even) {
background-color: #253288
}
.sepical-dignol-titile-big,
.sepical-dignol-titile-small {
position: static;
}
.title-common {
left: 0px!important;
right: 0px;
margin: 0px!important;
width: 50%!important;
float: left!important;
height: auto;
background-color: #253288;
top: 0px;
bottom: 0px;
}
.dignol-tile {
padding: 60px 0px;
padding-bottom: 0px;
}
.dignol-tile .row {
margin: 0px;
display: flex;
flex-wrap: wrap;
width: 100%
}
.sepical-dignol-titile-small {
background-color: #f19f27!important;
}
.client-testimonials .item {
min-height: 300px;
}
.title-common:before {
display: none
}
.rotate-tile-2 .title-common:nth-child(1) {
background-color: #253288!important;
}
.rotate-tile-2 .title-common:nth-child(2) {
background-color: #f19f27!important;
}
.rotate-tile-2 .title-common:nth-child(3) {
background-color: #f19f27!important;
}
.rotate-tile-2 .title-common:nth-child(4) {
background-color: #253288!important;
}
.rotate-tile-3 .title-common:nth-child(1) {
background-color: #253288!important;
}
.rotate-tile-3 .title-common:nth-child(2) {
background-color: #f19f27!important;
}
.client-slider .owl-dots {
right: 0px;
}
.animated-module span {
display: none!important;
}
body .working-process {
padding-left: 15px!important;
position: relative;
padding-top: 0px!important;
}
.side-line-down {
display: none!important
}
.newly-launch-cta {
background-position-x: -200px;
}
.slider-cta {
padding: 15px;
}
.div-left-right-both {
padding: 0px;
margin-bottom: 0px;
}
.clb-menu .container {
padding: 0px 30px;
}
F .home-banner .container,
.same-common-section .container {
padding: 0px 15px;
}
.outer-slang:before {
border-bottom-color: #70aa26
}
.double-banner-text {
padding: 15px!important;
}
.common-design-slider {
display: none!important
}
}
@media(max-width: 991px) {
.list-blogs li a h4 {
text-align: center!important;}
ul.list-clients li img {
height: 50px;
object-fit: scale-down;
width: 80px;}
i.desipop-cross {
right: -5px;
top: -5px;
}
.turn-step-cb li figcaption {
background-color: #e5f0d7;
background-image: none;
}
.turn-step-cb li {
float: left;
width: calc(50% - 30px);
margin: 15px;
}
.decorative-banner-1 {
display: none
}
body .versus-comparision h4.bottom-fixed-price {
order: 1;
width: 100%;
margin-top: 0px;
}
body .versus-comparision ul {
order: 2;
}
body .versus-comparision {
padding: 20px 0;
padding-bottom: 0;
display: flex;
flex-wrap: wrap;
width: 100%;
padding-top: 0px;
}
body .cb-pricing h5 img {
margin: auto;
margin-bottom: 5px;
display: block
}
body .versus-text h5 big {
font-size: 26px;
line-height: 1.3;
}
body .versus-text p {
text-align: left;
padding-left: 90px;
position: relative;
margin-top: 25px;
}
body .versus-text p img {
display: block;
position: absolute;
left: 38px;
top: 0px;
bottom: 0px;
margin: auto!important;
}
.cb-pricing figcaption h4 span {
font-size: 20px
}
.for-stuck-line {
margin-bottom: 20px;
}
.turn-six-form .form-cover h4 {
font-size: 18px;
line-height: 1.3;
}
.turn-six-form .form-cover h4 b {
font-size: 24px;
line-height: 1.3;
}
.meteir {
padding-left: 15px;
padding-right: 15px;
}
.termplan-pop,
img.bunting-common {
display: none
}
.turn-six-form .form-cover {
float: left;
width: 100%;
margin-top: 35px;
}
.turn-six-text h1 {
font-size: 40px;
}
.turn-six-text h5 {
font-size: 26px;
margin-bottom: 10px;
}
.turn-six-text p {
font-size: 18px;
}
.turn-six-text p b {
display: inline-block!important
}
.decorative-banner .row {
height: auto;
text-align: center;
padding-top: 100px;
padding-bottom: 50px;
}
.cb-pricing h5 {
padding: 12px 30px;
text-align: center;
}
span.versus-vs {
position: static!important;
margin: 20px auto!important;
}
.cb-pricing-image img {
width: 100%;
max-width: 500px;
margin: auto;
display: block;
}
.cb-pricing-image {
transform: none;
left: 0px;
}
.cb-pricing {
order: 2;
}
.home-powerfull li {
background-image: none!important
}
.home-powerfull li a {
transform-origin: center;
}
.home-banner.web-development-banner {
background-image: linear-gradient(56deg, #131946, #353a63)!important;
}
.home-banner.web-development-banner:after,
.home-banner.web-development-banner:before,
.wd-grey-section:before {
display: none
}
.web-development-banner {
padding-top: 100px;
padding-bottom: 40px;
}
img.out-box-image {
position: relative;
right: 0px;
height: auto;
max-width: 600px;
width: 100%;
object-fit: contain;
z-index: 2;
margin: auto;
display: block;
margin-bottom: 15px;
}
.home-banner.web-development-banner .row {
height: auto;
}
.wd-grey-section .industies-list li {
margin-top: 0px!important;
width: 100%
}
.industies-list li span {
width: calc(33.33% - 20px);
}
.speaks-text {
text-align: center;
order: 1;
background-color: #252b55;
margin-bottom: 25px;
padding-top: 20px;
padding-bottom: 30px;
}
.div-left-text p:before {
display: none;
}
.technology-list {
margin-top: 30px;
margin-bottom: 20px;
}
.technology-dark {
background-color: #000;
padding-bottom: 0px;
}
.speaks-text h4 {
font-size: 24px;
}
.next-level-section .why-choose-rewamp li h5 {
font-size: 20px!important
}
.wd-grey-section .industies-list span h4 {
font-size: 12px;
text-transform: inherit;
}
.wd-grey-section .industies-list {
margin-left: -15px!important;
margin-right: -15px!important;
}
.gallery-common-section .owl-portfolio .item {
padding: 40px 15px;
}
.gallery-common-section .owl-portfolio .item .row-flexible-center {
height: auto;
}
.gallery-common-section {
padding: 0px 0px
}
img.gallery-images-basic {
position: static;
max-width: 600px;
width: 100%!important;
top: 0px;
bottom: 0px;
margin: auto;
height: auto;
object-fit: contain;
object-position: center right;
}
.next-level-section .why-choose-rewamp li {
padding: 20px;
margin-top: 0px;
}
.port-tabing-system {
margin-bottom: -50px;
}
body .full-page-banner {
padding-top: 60px!important
}
.owl-portfolio .crausal-text h5 {
font-size: 20px;
margin-top: 20px;
}
body .crausal-text h5 {}
.video-testi-section {
width: 100%;
text-align: center
}
.video-testi-section figcaption {
font-size: 24px;
padding: 50px 15px;
}
.testi-video-btn {
transform: scale(.7);
position: static
}
.owl-portfolio .crausal-text {
order: 2;
}
.tabber-project .tab-pane {
height: auto;
padding: 50px 0px;
}
.tabber-project .tab-pane .container {
padding-right: 15px!important;
}
.tabber-project {
position: static;
float: left;
text-align: center;
}
.tabber-project .porting-text {
order: 2;
width: 100%
}
.tabber-project .porting-image {
width: 100%
}
.tabber-project .porting-image img {
width: 200px;
}
.tabber-tab-port {
width: 100%;
float: left;
overflow-x: scroll;
background-color: #fff;
position: relative;
z-index: 9;
}
.tabber-tab-port .nav {
width: 930px;
display: flex;
flex-wrap: wrap
}
.tabber-tab-port li a {
padding: 10px!important;
}
.tabber-tab-port li a b {
font-size: 18px;
}
.tabber-tab-port li a span {
font-size: 14px;
}
.tabber-tab-port li {
width: auto;
display: inline-block;
order: 2
}
.tabber-tab-port li.active {
order: 1;
}
.case-study-btn-group i {
display: block;
margin: 0px auto;
width: 120px;
margin-top: 20px;
}
.common-inner-port {
width: 100%;
height: auto;
padding: 40px 0px;
}
.common-inner-port .container {
position: static;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
display: block;
}
body .common-porfolio-sec .porting-text {
padding: 0px!important;
}
body .porting-text.crausal-text h4 img {
width: 40px!important;
display: block!important;
margin: auto;
margin-bottom: 25px;
}
body .porting-text.crausal-text h4 {
font-size: 20px;
}
body .porting-text.crausal-text h5 {
font-size: 18px;
}
body .porting-text.crausal-text p {
font-size: 15px;
}
.common-inner-port .img-center-mobile {
height: auto;
top: 0px;
bottom: 0px;
margin: auto;
position: static;
left: 0px;
right: 0px;
width: 150px;
object-fit: scale-down;
display: block;
}
.main-base-image {
display: none;
}
.header-owl-carousel .item figcaption h4 {
font-size: 18px;
}
.header-owl-carousel .item figcaption p {
font-size: 14px;
}
.portfoio-banner-section {
padding: 50px 0px;
}
.header-owl-carousel {
position: static!important;
width: 100%!important;
right: 0px;
float: left;
width: 100%;
padding: 15px;
margin-bottom: 20px;
}
.portfoio-banner-section .container {
position: static;
}
.header-owl-carousel .owl-item.firstActiveItem {
transform: scale(.9)!important;
}
.header-owl-carousel .owl-item {
transform-origin: center;
}
.header-owl-carousel .owl-item.center {
transform: scale(1)!important;
}
.owl-carousel-chosen-new .owl-item.center .item figcaption img,
.owl-carousel-chosen-new .owl-item .item figcaption img {
left: 0px;
border-radius: 0px;
padding: 10px;
width: 90%;
height: 50px;
transition: 0s;
}
.light-sky-shades .row-carousel {
margin-top: 40px;
}
.brew-space-caption {
margin-top: 30px;
}
.brew-left-last h4 {
font-size: 24px;
}
.brew-left-last {
background-image: none
}
.brew-left-last h5,
.brew-left-last h4 {
color: #8ec544
}
.brew-right-last ul li {
width: 100%!important;
}
.brew-left-last,
.brew-right-last {
width: 100%
}
.brew-vs {
position: static;
margin-top: 40px!important;
margin-bottom: 20px!important;
}
.light-sky-shades .mobi-ipone-x {
display: none
}
.sky-last-section ul li {
width: 250px;
}
.sky-last-section ul {
justify-content: center;
margin-left: 0px;
margin-right: 0px;
}
.video-cta.common-section-all {
padding: 70px 15px;
}
.sense-section li figure img {
width: 100%;
}
.sense-section li figure {
width: 50px;
height: 50px;
}
.sense-section {
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
justify-content: center
}
.sense-section li h3 {
font-size: 20px;
}
.sense-section li p {
display: none;
}
.gray-shades {
padding-left: 15px!important;
padding-right: 15px!important;
}
.gray-shades ul {
padding-top: 0px;
margin-top: 15px;
justify-content: center;
}
.gray-shades .container h4 {
font-size: 18px;
}
.gray-shades ul li {
width: calc(50% - 30px);
padding: 15px;
}
.gray-shades ul:before,
.gray-shades ul:after,
.gray-shades ul li:before,
.gray-shades ul li:after {
display: none
}
.owl-carousel-chosen-new .owl-item.center .item figcaption {
position: static;
margin: 30px 0px;
}
.double-banner-text h1 {
font-size: 26px;
}
.double-banner-text p {
font-size: 16px;
}
.double-slider-banner .carousel-control {
display: flex;
padding: 25px;
align-items: center;
justify-content: center;
opacity: 1;
width: 10px;
}
.double-slider-banner .carousel-control.left {
left: 0px!important
}
.double-slider-banner .carousel-control.right {
right: 0px!important
}
.double-slider-banner .carousel-control span {
font-size: 30px!important;
color: #fff!important
}
.double-slider-banner {
padding-bottom: 30px;
padding-top: 50px;
}
.double-banner-text {
text-align: center;
order: 2;
}
.double-banner-slider {
width: 100%;
text-align: center;
padding: 0px 15px!important;
order: 1;
}
.banner-slider-nav {
display: none
}
.outer-slang {
margin: auto;
transform: scale(.8);
width: 100%
}
.outer-slang:before {
display: none
}
.outer-slang img {
width: 280px;
height: 280px;
padding: 0px;
border: 5px solid #70aa26;
}
.my-tab-pane {
padding-left: 15px!important;
text-align: center;
}
.my-tab-pane h5 {
font-size: 20px;
text-align: center;
}
.my-tab-pane ul li i {
position: static;
width: 40px;
height: 40px;
padding: 10px;
margin-bottom: 15px;
}
.my-tab-pane p {
font-size: 16px;
text-align: center;
margin: 10px 0px;
margin-bottom: 15px;
}
.my-tab-pane ul li {
width: 50%;
text-align: center!important;
display: block;
margin: 0px;
padding: 0px 5px;
margin-top: 25px;
font-size: 16px;
line-height: 1.2;
}
.my-tab-pane h3:before {
display: none
}
.my-tab-pane h3 {
font-size: 20px;
text-align: center;
line-height: 1.3
}
.my-tab-list {
width: 100%;
float: left;
padding: 0px!important;
margin-left: 0px;
z-index: 9;
}
.my-tab-list ul {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
padding: 0px;
margin: 0px;
justify-content: center;
margin-bottom: 15px;
margin-top: 15px;
}
.my-tab-list li {
border-right: none;
background-image: none!important;
margin: 0px 5px;
width: auto
}
.my-tab-list li.active {
padding-top: 0px;
background-image: none!important;
border: none;
}
.my-tab-list li a img {
position: static;
display: block;
margin-bottom: 5px;
}
.my-tab-list li a {
padding: 10px!important;
text-align: center!important;
margin: 10px 0px!important;
font-size: 14px;
}
.my-tab-list li.active a {
background-color: #000;
color: #fff;
}
.my-tab-list li a i {
display: none;
}
.rated-now-sec li {
width: calc(50% - 15px);
float: left;
margin: 7.5px;
padding: 25px 15px;
}
.rated-now-sec li h3 {
font-size: 16px;
}
.rated-now-sec li p {
display: none
}
.illogical-section {
margin-top: 0px;
}
.process-state-left.slightly-black {
transform-origin: right top;
}
.setting-lines {
width: 60px;
padding: 0px!important;
}
.cta-rewamped-texter,
.cta-rewamped-button {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.cta-rewamped-texter h4 {
font-size: 24px;
text-align: center;
}
.cta-rewamped {
padding: 40px 0px;
}
.rewamp-common-heading br {
display: none
}
body .why-choose-rewamp li {
margin-top: 20px;
margin-bottom: 30px;
padding: 0px;
}
.sepical-dignol-titile-big,
.sepical-dignol-titile-small {
position: static;
height: 180px!important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
body .why-choose-rewamp li img {
height: 50px;
margin-bottom: 15px;
}
.process-state-left:after {
background-color: #8cc541;
}
.process-state-left.slightly-black:after {
background-color: #f19f27;
}
.list-blogs li a p {
text-align: center;
}
.arrow-down-image {
display: none
}
body .rewamp-common-heading:before {
left: 0px;
right: 0px;
margin: auto;
}
body .rewamp-common-heading {
width: 100%;
margin-bottom: 30px;
}
.animated-module {
display: none
}
.title-common {
padding: 20px!important;
}
.why-choose-section.how-it-work-section {
padding-top: 90px;
padding-bottom: 20px;
}
.last-quote-section {
margin-top: 20px;
}
body .working-process .div-right-image {
transition: .5s;
margin-top: 40px;
}
body .working-process .div-left-text {
transition: .5s;
order: 1;
margin-top: 20px;
}
.div-right-image:before,
.div-right-image:after {
display: none
}
body .working-process .div-left-text h2 {
font-size: 24px;
text-align: center;
margin: 20px 0px;
}
body .working-process .div-left-text i {
width: 30px;
height: 30px;
font-size: 20px;
margin: auto;
}
.cta-blue-last {
background-color: #1f2659;
padding: 40px 15px!important;
padding-left: 15px!important;
text-align: center;
}
.cta-blue-last h4 {
font-size: 24px;
text-align: center;
}
.newly-launch-cta {
background-image: none!important;
background-repeat: no-repeat;
background-size: contain;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 0px;
background-color: #f5f5f5;
}
.lining-view,
body .sliding-images-works {
display: none
}
.brew-list li {
width: calc(50% - 30px);
margin: 15px;
padding: 30px 10px;
border-radius: 10px;
}
.brew-list li i {
font-size: 110px;
}
.brew-list li h4 {
font-size: 20px;
}
.brew-list li p {
font-size: 16px;
margin-top: 5px;
}
div#myCarousel-slider {
position: absolute;
top: 4%;
width: 35%;
right: -19%;
left: 0px;
margin: auto;
}
.quotes-manager {
border-radius: 10px;
padding: 30px;
position: relative;
margin: 30px 0px;
margin-bottom: 50px;
}
.quotes-manager img {
position: static;
width: 70px!important;
height: 70px;
}
body .cta-slider-text {
padding: 0px;
text-align: center;
order: 2;
margin-top: 30px;
margin-bottom: 40px;
}
.cta-slider-text h4 {
font-size: 24px;
}
.cta-slider-text p {
margin-top: 15px;
margin-bottom: 25px;
}
.why-choose-section h4 br {
display: none
}
.why-choose-section h4 a {
display: block
}
.choose-text,
.choose-images {
width: 100%;
}
.choose-images img {
width: 100%;
max-width: 500px;
margin: auto;
display: block;
}
.div-left-right-both .div-left-text {
order: 2!important;
width: 100%;
text-align: center
}
.div-left-right-both .div-right-image {
order: 1!important;
width: 100%;
text-align: center
}
.div-left-right-both {
padding: 40px 0px;
}
.div-left-text img {
width: 40px;
}
.div-left-text h5 {
font-size: 18px;
text-align: center;
}
.div-left-text h4 {
font-size: 20px;
text-align: center;
}
.div-left-text p {
font-size: 16px;
text-align: center;
padding-left: 0px;
}
.last-choose-cta .cta-last-home {
padding-top: 0px;
}
.div-left-text p:before {
width: auto;
height: auto;
position: relative;
font: normal normal normal 8px/1 FontAwesome;
margin-right: 10px;
content: "\f111";
vertical-align: middle;
border: none;
}
.div-right-image img {
height: auto;
max-width: 600px;
width: 100%;
object-fit: cover;
object-position: center;
display: block;
margin: auto;
margin-bottom: 20px;
}
.process-state-left {
width: 60px;
left: 0px;
transform: scale(.8);
padding: 0px!important;
transform-origin: right;
float: left;
}
.process-state-left ol.carousel-indicators li span {
margin: 0px;
}
.process-state-left ol.carousel-indicators li i {
display: none
}
ul#menu-clb-menu-1 li ul.sub-menu>li {
width: 100%;
}
.process-state-left ol.carousel-indicators li {
border: none!important;
}
.process-state-left:before,
.process-state-left:after {
left: 30px;
}
ul#menu-clb-menu-1 li.menu-item-has-children>a:before {
color: #8cc541!important
}
.process-state-right {
padding: 0px!important;
width: calc(100% - 90px);
margin-left: 15px;
}
.caption-crausal {
position: static;
width: 100%;
padding: 15px 0px;
}
.caption-crausal.div-left-text p,
.caption-crausal.div-left-text h4 {
text-align: left;
margin-bottom: 8px;
}
.menu-clb-menu-1-container {
display: none;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 52px;
-webkit-box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.13);
box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.13);
background-color: #fff;
z-index: 99;
max-height: calc(100vh - 52px); }
.team-section {
margin-top: 0px;
}
.team-member figcaption {
display: none
}
.over-iamge-text {
position: absolute;
bottom: 0px!important;
}
.display-top-menu .menu-clb-menu-1-container {
display: block;
}
.display-top-menu .navbar-toggle .icon-bar {
transition: .4s;
}
.display-top-menu .navbar-toggle .icon-bar:nth-child(2) {
transform: rotate(45deg);
transform-origin: 0%;
margin: 0 0 8px 0;
}
.display-top-menu .navbar-toggle .icon-bar:nth-child(3) {
opacity: 0;
}
.display-top-menu .navbar-toggle .icon-bar:nth-child(4) {
transform: rotate(-45deg);
transform-origin: 0%;
}
.div-left-text .btn-register-header {
margin-top: 10px;
}
.last-choose-cta .cta-last-home {
padding-top: 0px!important
}
.clb_toggle_menu {
display: flex;
float: right;
position: absolute;
right: 15px;
top: 0px;
bottom: 0px;
margin: auto;
align-items: center;
}
.clb_toggle_menu i {
color: #fff;
font-size: 24px;
}
ul#menu-clb-menu-1 {
width: 100%;
}
ul#menu-clb-menu-1 li {
width: 100%;
padding: 10px 15px;
}
ul#menu-clb-menu-1 li a {
font-size: 18px;
color: #000;
}
.clb-menu .container {
max-width: 100%;
padding: 0px 30px;
width: 100%;
}
.list-menubar,
.logo {
width: auto;
}
.list-menubar {
margin-right: 40px;
margin-top:10px;
}
body .logo {
margin-left: 0px;
width: 40px;
overflow: hidden;
display: block;
}
.logo img {
width: 130px;
margin-top: 0px;
}
.btn-register-header {
padding: 5px 9px 6px 35px;
}
.btn-register-header:before {
left: 10px;
}
.navbar-toggle {
display: block!important;
position: absolute;
right: 0px;
margin: 0px;
background-color:transparent!important;
top:20px;
}
.navbar-toggle .icon-bar {
background-color: #8cc541;
transition: .4s;
}
.clb-menu {
padding: 10px 0px!important;
}
ul#menu-clb-menu-1 li>ul.sub-menu {
display: none;
padding: 0px;
float: left;
width: 100%;
}
ul#menu-clb-menu-1 li.my-submenu ul.sub-menu {
display: block;
box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.1);
margin-top: 5px;
}
.same-common-section {
padding-top: 40px;
}
.new-heading-style {
margin-bottom: 30px;
text-align: center;
}
.new-heading-style h4 {
font-size: 24px;
}
.new-heading-style p {
font-size: 16px;
}
.new-heading-style h5,
.new-heading-style p,
.new-heading-style h4 {
text-align: center;
}
.home-banner-texter {
width: 100%;
text-align: center;
}
.home-banner-texter h1 {
font-size: 28px;
text-align: center;
}
.home-banner-texter h1 br {
display: none;
}
.home-banner-texter p {
font-size: 20px;
text-align: center;
}
.home-banner-texter h1 .typewrite {
display: block;
}
.animation-on-hover.btn-register-header {
font-size: 16px;
padding: 10px 15px 10px 38px;
}
.fuddusection h3 {
font-size: 20px;
text-align: center;
}
.fuddusection .carousel {
position: static;
display: flex;
flex-wrap: wrap;
}
.fuddusection .carousel-indicators {
position: static;
order: 2;
}
.fuddusection .carousel-inner {
position: relative;
border: none;
width: 100%;
text-align: center;
margin: auto;
order: 1;
margin-bottom: 30px;
bottom: initial;
right: initial;
}
.fuddusection .carousel-inner img {
width: 100%;
max-width: 500px;
margin: auto;
}
.fuddusection .carousel-indicators li {
width: auto;
height: auto;
display: inline-block;
float: none;
padding: 5px 15px;
}
.fuddusection {
margin-bottom: 15px;
}
.home-grid-block.grid-images-block li {
padding: 15px!important;
padding-top: 80px!important;
margin-bottom: 15px;
margin-top: 0px;
}
.home-grid-block.grid-images-block li .grid-main-images {
object-fit: cover;
width: 100px!important;
}
.color-dark-blue {
margin-top: 20px;
padding-bottom: 25px;
}
.cta-home-common {
padding: 0px!important;
}
.cta-home-common-2 {
padding: 40px 15px;
text-align: center;
}
.cta-home-common-2 h4 {
font-size: 24px;
text-align: center;
}
.owl-portfolio .item {
padding: 40px 0px;
}
.crausal-image,
.crausal-text {
width: 100%;
text-align: center;
}
.crausal-text {
margin-top: 25px;
}
.owl-mobile-images {
width: 200px!important;
margin: auto;
}
.foodball {
width: 120px!important;
}
body .crausal-text h4 {
font-size: 24px;
text-align: center;
}
body .crausal-text p {
font-size: 16px;
text-align: center;
margin: 20px 0px;
}
body .crausal-text h4 img {
width: 36px!important;
vertical-align: middle;
}
body .crausal-text ul {
margin: 0px;
margin-bottom: 20px;
margin-left: -15px;
margin-right: -15px;
}
body .crausal-text ul li {
text-align: center!important;
padding: 0px 15px!important;
}
body .crausal-text ul li big {
text-align: center;
font-size: 20px;
}
.new-heading-style h5 img {
height: 20px;
vertical-align: -1px;
}
.awards-section {
background-color: #09101f;
padding-bottom: 40px;
}
.awards-crausal {
width: 100%;
margin-top: 20px;
}
.home-powerfull {
margin-bottom: 25px!important;
}
.home-powerfull li {
padding: 30px 15px;
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
}
.home-powerfull li h4,
.home-powerfull li p {
text-align: center;
}
.home-powerfull li img {
position: static;
height: 70px;
margin-bottom: 30px;
}
body .list-addon-home li {
margin-top: 0px;
margin-bottom: 15px;
width: calc(50% - 30px)!important;
margin-left: 15px;
margin-right: 15px;
}
body .list-addon-home {
margin-top: 0px!important;
margin-bottom: 15px!important;
}
.cta-texter-home h4 {
font-size: 24px;
text-align: center;
}
.dark-love-home {
padding-bottom: 40px;
}
.dark-love-home .cta-texter-home h4 {
margin-bottom: 20px;
}
.cta-texter-home,
.cta-btn-home {
width: 100%;
text-align: center;
}
ul.list-clients li {
width: 33.333%;
padding: 10px 15px;
}
ul.list-clients li:nth-child(1n+13) {
display: none;
}
.cta-home-common-2.cta-last-home {
background-image: none!important;
padding-bottom: 0px;
}
.cta-last-home .cta-texter-home {
padding: 40px 15px;
}
body .crausal-testimonial {
padding: 0px 15px!important;
}
.owl-testimonial .item {
height: auto!important;
}
.owl-testimonial.owl-port .owl-nav {
width: 100%;
bottom: 0px;
}
.list-blogs li {
width: calc(100% - 30px);
float: left;
margin: 0px 15px;
}
.list-blogs li a {
display: block;
float: left;
margin-top: 0px!important;
margin-bottom: 15px;
}
.list-blogs {
margin-top: 30px!important;
}
.list-blogs li {
width: 100%!important;
}
.list-blogs li a img {
width: 100%;
}
.list-blogs li a figcaption {
width: 100%;
}
.adjustpositioning {
position: static;
}
#myCarouseladdress ol.carousel-indicators {
text-align: center;
}
#myCarouseladdress .item {
padding-top: 0px;
}
.footer-widget-common {
margin-top: 40px;
}
.footer-widget-common h4 {
margin-bottom: 10px;
}
.owl-testimonial .crausal-testimonial h4 {
font-size: 24px;
}
#myCarouseladdress {
margin-top: 40px;
}
.new-heading-style .animation-on-hover {
position: relative;
margin-top: 20px;
}
.col-md-3.footer-widget-common {
width: 50%;
float: left;
}
footer.rewamp-footer .container .row {
display: flex;
flex-wrap: wrap;
}
.bottom-patti {
display: none
}
.country-wonder {
position: static;
width: 90%;
right: 0;
bottom: 0;
object-fit: scale-down;
object-position: right bottom;
height: auto!important;
margin: auto;
margin-top: 40px;
}
#myCarouseladdress .item {
padding-bottom: 10px;
}
#myCarouseladdress .item h4,
#myCarouseladdress .item p,
#myCarouseladdress .item h5 {
text-align: center;
}
#myCarouseladdress .item h4,
#myCarouseladdress .item h5 {
margin-bottom: 0px;
}
#myCarouseladdress .item p i {
display: block;
margin: 0px;
margin-top: 18px;
}
.why-choose-section {
padding-top: 90px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
.container.adjust-from-left {
margin-right: -30px;
max-width: 80%;
}
.illogical-section .cta-rewamped-button {
text-align: left;
}
.illogical-section {
background-image: none;
background-color: #f7f7fc;
}
.team-section .container {
overflow: visible!important
}
.team-section .row {
margin-right: -150px;
}
.illogical-section:before {
content: "";
background-image: linear-gradient(311deg, #1e2caa 0%, #121273);
width: 90%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
}
@media(max-width:1500px) {
.tabber-project .tab-pane .container {
padding-right: 15%;
}
.crausal-testimonial {
padding: 0px 50px!important;
}
}
@media(min-width:1500px) {
.container.adjust-from-left {
max-width: 1170px!important;
margin-right: auto!important;
}
}
@media(min-width:1200px) {
.fuddusection .carousel-inner img {
height: 210px;
object-fit: cover;
}
how-it-work-section {
padding-top: 0px;
}
body .sliding-images-works {
margin-bottom: 0px;
}
.how-it-work-section .row {
height: 65vh;
}
.awards-section .container {
max-width: 1300px;
width:100%
}
body .awards-text {
padding-left: 80px;
padding-right: 30px;
}
.awards-text,
.awards-crausal {
width: 100%
}
}
@media(min-width:991px) {
.two-cat-menu {
position: relative
}
ul#menu-clb-menu-1 li.two-cat-menu ul.sub-menu {
width: 220px
}
ul#menu-clb-menu-1 li.two-cat-menu ul.sub-menu li {
width: 100%;
}
body .setting-clients-section li {
width: calc(20% - 40px)!important;
margin: 20px 20px;
padding: 0px;
}
.setting-clients-section li img {
height: 60px;
object-fit: scale-down;
width: 100%;
filter: grayscale(100%);
opacity: .6;
transition: .5s;
backface-visibility: hidden;
object-position: center;
}
.padding-right-slightly {
padding-right: 40px!important;
}
.setting-lines {
border-radius: 15px;
background-color: #1c1d25;
padding: 50px 0px;
padding-bottom: 30px;
}
.slightly-black ol {
padding-left: 25px;
border-radius: 15px;
}
.slightly-black.process-state-left:before,
.slightly-black.process-state-left:after {
left: 68px;
}
.slightly-black.process-state-left:after {
background-color: #fcb748
}
.crausal-image .owl-mobile-images {
width: 100%!important;
height: 600px;
object-fit: contain;
object-position: center;
}
.owl-testimonial .item {
padding: 0% 20%;
}
.owl-testimonial .owl-item.center .item {
padding: 0% 0%;
}
ul#menu-clb-menu-1 ul.sub-menu {
visibility: hidden;
position: absolute;
background-color: #fff;
width: 650px;
left: 0px;
right: 0px;
margin: auto;
padding: 0px;
opacity: 0;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
top: 73px;
transition: transform .2s ease, opacity .1s ease-out, height .2s ease;
transform-origin: top;
transform: rotateX(-50deg);
display: flex;
flex-wrap: wrap;
}
ul#menu-clb-menu-1 li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
transform: rotateX(0deg);
}
ul#menu-clb-menu-1 li ul.sub-menu>li:hover:before {
filter: grayscale(0%);
}
ul#menu-clb-menu-1 li ul.sub-menu li a {
color: #000;
transition: .5s;
}
ul#menu-clb-menu-1 li ul.sub-menu li:hover a {
color: #000
}
ul#menu-clb-menu-1 li ul.sub-menu>li:before {transition: .5s;background-size: contain;}
}
@media(max-width:600px) {
.turn-step-cb li {
float: left;
width: calc(100% - 30px)
}
div#myCarousel-slider {
width: 33%;
}
.div-right-image img {
width: 60%;
}
.process-state-right .item img {
width: 100%;
height: 230px;
object-fit: cover;
object-position: center;
}
body .list-addon-home li {
width: 100%!important;
margin: 0px;
margin-bottom: 15px;
}
.gray-shades ul li {
width: calc(100% - 30px);
}
.rated-now-sec li {
width: calc(100% - 15px);
}
.sub-menu li a {margin-left: 25px !important;}
ul#menu-clb-menu-1 li ul.sub-menu>li:before {width: 20px;height: 20px;}
.cta-home-common-2 {background: #4d5055;}
body ul#menu-clb-menu-1 li ul.sub-menu li a {padding-left: 20px !important;}
}