body,html{
overflow-x:hidden
}
.ca-btn-primary{
display:inline-block;
font-weight:700;
padding:10px 16px;
font-size:16px;
line-height:16px;
transition:.3s;
position:relative;
z-index:1
}
.ca-btn-primary span{
background:#ff7e43;
height:32px;
width:32px;
display:inline-block;
line-height:32px;
border-radius:50%;
text-align:center;
margin-left:6px
}
.ca-btn-primary:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#1b0901;
z-index:-1;
transition:.3s;
transform:scaleX(0)
}
.ca-btn-primary:hover:after{
transform:scaleX(1);
border-radius:50px
}
.ca-btn-primary-2{
display:inline-block;
font-weight:700;
padding:10px 16px;
font-size:16px;
line-height:16px;
transition:.3s;
position:relative;
z-index:1
}
.ca-btn-primary.ca-btn-primary-2:hover:after{
border-radius:0
}
.ca-btn-primary.ca-sec-primary-3{
padding:8px 16px
}
.ca-btn-primary-22{
background:#d11207;
padding:16px 20px;
color:#fff;
font-weight:700;
font-size:18px;
line-height:18px;
display:inline-block;
position:relative;
z-index:1;
transition:.3s
}
.ca-btn-primary-22 span{
margin-left:4px;
transform:rotate(-45deg);
display:inline-block;
transition:.3s
}
.ca-btn-primary-22:hover span{
transform:rotate(0)
}
.ca-btn-primary-22:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#333;
z-index:-1;
transform:scaleX(0);
transition:.3s
}
.ca-btn-primary-22:hover:after{
transform:scaleX(1)
}
.ca-btn-primary-3{
display:inline-block;
font-weight:700;
padding:10px 16px;
font-size:16px;
line-height:16px;
transition:.3s;
position:relative;
z-index:1;
border-radius:50px
}
.ca-btn-primary-3:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#1b0901;
z-index:-1;
transition:.3s;
transform:scaleX(0)
}
.ca-btn-primary-3:hover:after{
transform:scaleX(1);
border-radius:50px
}
.ca-btn-primary-3:hover,a.ca-btn-primary-3:hover{
color:#fff;
transition:.3s
}
.ca-main-menu{
text-align:center
}
.ca-main-menu ul>li{
display:inline-block;
position:relative
}
.ca-main-menu ul li>a{
color:#1b0901;
padding:0 15px;
font-size:16px;
line-height:16px;
display:inline-block;
transition:.3s
}
.ca-main-menu ul li:hover>a{
color:#ff5e14;
transition:.3s
}
.ca-main-menu ul li .sub-menu{
position:absolute;
top:105%;
width:180px;
left:0;
background:#fff;
text-align:left;
padding:16px 0;
border-radius:5px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:11;
box-shadow:0 20px 30px #010f1c1a
}
.ca-main-menu ul li .sub-menu li{
display:block
}
.ca-main-menu ul li .sub-menu li a{
color:#333;
display:block;
padding:10px 18px;
transition:.3s
}
.ca-main-menu ul li .sub-menu li:hover>a{
color:#333;
transition:.3s
}
.ca-main-menu ul li .sub-menu li a:hover{
color:#ff5e14;
transition:.3s;
padding-left:26px
}
.ca-main-menu ul li:hover .sub-menu{
opacity:1;
visibility:visible;
top:150%
}
.ca-main-menu ul li .sub-menu li .sub-menu{
left:100%;
top:0;
opacity:0;
visibility:hidden
}
.ca-main-menu ul li .sub-menu li:hover .sub-menu{
opacity:1;
visibility:visible
}
.ca-main-menu ul li a span{
font-size:14px;
display:inline-block
}
.ca-main-menu ul>li:hover .ca-mega-menu{
opacity:1;
visibility:visible;
transition:.3s;
top:100%
}
.ca-mega-menu{
position:absolute;
top:105%;
left:-400px;
width:1320px;
z-index:9;
background:#fff;
box-shadow:0 20px 30px #010f1c1a;
padding:25px 25px 0;
opacity:0;
visibility:hidden;
transition:.3s;
border-radius:5px
}
.ca-home-thumb{
text-align:center
}
.ca-home-thumb img{
box-shadow:0 2px 6px #010f1c33
}
h3.ca-home-title{
font-size:16px;
margin-top:14px;
margin-bottom:0
}
.ca-home-thumb{
position:relative;
z-index:1;
overflow:hidden;
transition:.3s
}
.ca-home-thumb:before{
position:absolute;
content:"";
right:0;
bottom:0;
height:100%;
width:100%;
background:#333;
opacity:.4;
transform:scaleX(0);
transition:.3s
}
.ca-home-thumb:hover:before{
transform:scaleX(1)
}
a.ca-thumb-title{
background:#333;
position:relative;
z-index:11;
color:#fff;
font-size:16px;
display:inline-block;
line-height:16px;
padding:10px 25px;
border-radius:7px
}
.ca-home-thumb-text{
position:absolute;
top:40%;
left:0;
right:0;
transition:.3s;
opacity:0;
visibility:hidden
}
.ca-home-thumb:hover .ca-home-thumb-text{
opacity:1;
visibility:visible;
top:43%
}
.ca-header-area.ca-header-1.stiky.scroll-header{
position:fixed;
top:0;
left:0;
right:0;
opacity:1;
width:100%;
z-index:999;
visibility:visible;
background-color:#fff;
box-shadow:#959da533 0 8px 24px;
-webkit-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-khtml-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-ms-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-o-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
animation:.95s ease 0s normal forwards 1 running headerSlideDown
}
@keyframes headerSlideDown{
0%{
margin-top:-150px
}
to{
margin-top:0
}
}
.ca-offcanvas{
position:fixed;
width:450px;
z-index:99;
right:0;
top:0;
padding:40px 50px;
height:100%;
opacity:0;
visibility:hidden;
transform:translate(100%);
transition:.3s;
overflow-y:scroll;
overscroll-behavior-y:contain;
scrollbar-width:none;
z-index:999
}
.ca-offcanvas-open{
opacity:1;
visibility:visible;
transform:translate(0)
}
.ca-offcanvas-close-toggle{
font-size:30px;
color:#02000e
}
.ca-offcanvas-title{
font-size:35px
}
.ca-offcanvas-sm-title{
font-size:30px;
color:#02000e;
margin-bottom:10px
}
.ca-offcanvas-overlay{
position:fixed;
top:0;
left:0;
z-index:50;
width:100%;
height:100%;
visibility:hidden;
opacity:0;
transition:.45 easc-in-out;
background:#18181866
}
.ca-offcanvas-overlay-open{
opacity:1;
visibility:visible
}
.ca-sm-conatct-location a{
color:#5a5d63;
font-size:16px;
line-height:30px;
transition:.3s
}
.ca-sm-conatct-location a:hover{
color:#0e47a1;
transition:.3s
}
.ca-sm-conatct-location-3 a:hover{
color:#ff5e14;
transition:.3s
}
.ca-offcanvas-menu-1 ul{
list-style:none
}
.ca-offcanvas-menu-1 ul .active>a{
color:#ff5e14
}
.ca-offcanvas-menu-1 ul .active>.ca-menu-close{
background:#ff5e14;
color:#fff
}
.ca-offcanvas-menu-1 ul .active .ca-menu-close i{
transform:rotate(90deg)
}
.ca-offcanvas-menu-1 ul li{
position:relative
}
.ca-offcanvas-menu-1 ul li:not(:last-child) a{
border-bottom:1px solid rgba(1,15,28,.1)
}
.ca-offcanvas-menu-1 ul li>a{
display:block;
padding:8px 0;
font-size:16px;
font-weight:500
}
.ca-offcanvas-menu-1 ul li .sub-menu{
display:none;
padding-left:20px
}
.ca-menu-close{
position:absolute;
right:0;
top:4px;
height:30px;
width:30px;
text-align:center;
border:1px solid rgba(1,15,28,.12);
background:none;
font-size:15px;
line-height:30px
}
.ca-menu-close i{
transition:.3s
}
.ca-offcanvas-close-toggle{
background:none;
border:none
}
.ca-offcanvas-toogle{
background:none;
border:none;
color:#02000e
}
.ca-offcanvas-menu-1 ul li a{
color:#02000e;
transition:.3s
}
.ca-offcanvas-menu-1 ul li a span{
display:none
}
.ca-offcanvas-social a{
margin-right:8px
}
.ca-sm-single-item-4-content a{
color:#0c0504
}
.ca-btn-primary-2 span{
background:none;
margin-left:4px;
transform:rotate(-45deg);
transition:.3s;
width:inherit
}
.ca-header-bg-2{
padding:16px 24px;
background:#fff3;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px)
}
.ca-main-menu-2 ul li a{
color:#fff
}
.ca-main-menu-2 ul li .sub-menu{
background:#d11207
}
.ca-main-menu-2 ul li:hover a{
color:#d11207
}
.ca-header-bg-2{
position:absolute;
z-index:1;
left:0;
right:0;
top:24px
}
.ca-main-menu-2 .ca-mega-menu{
left:-437px
}
.ca-main-menu-2{
text-align:center
}
.ca-main-menu-2 ul>li{
display:inline-block;
position:relative
}
.ca-main-menu-2 ul li>a{
color:#fff;
padding:18px 12px;
font-size:16px;
line-height:16px;
display:inline-block;
transition:.3s
}
.ca-main-menu-2 ul li:hover>a{
color:#d11207;
transition:.3s
}
.ca-main-menu-2 ul li .sub-menu{
position:absolute;
top:105%;
width:180px;
left:0;
background:#fff;
text-align:left;
padding:16px 0;
border-radius:5px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:11;
box-shadow:0 20px 30px #010f1c1a
}
.ca-main-menu-2 ul li .sub-menu li{
display:block
}
.ca-main-menu-2 ul li .sub-menu li a{
color:#333;
display:block;
padding:10px 18px;
transition:.3s
}
.ca-main-menu-2 ul li .sub-menu li:hover>a{
color:#d11207;
transition:.3s;
padding-left:26px
}
.ca-main-menu-2 ul li:hover .sub-menu{
opacity:1;
visibility:visible;
top:100%
}
.ca-main-menu-2 ul li .sub-menu li .sub-menu{
left:100%;
top:0;
opacity:0;
visibility:hidden
}
.ca-main-menu-2 ul li .sub-menu li:hover .sub-menu{
opacity:1;
visibility:visible
}
.ca-main-menu-2 ul li a span{
font-size:14px;
display:inline-block
}
.ca-main-menu-2 ul>li:hover .ca-mega-menu{
opacity:1;
visibility:visible;
transition:.3s;
top:100%
}
.ca-offcanvas-menu-2 ul li{
position:relative
}
.ca-offcanvas-menu-2 ul li>a{
display:block;
padding:8px 0;
font-size:16px;
font-weight:500;
color:#333
}
.ca-offcanvas-menu-2 ul li .sub-menu{
display:none;
padding-left:20px
}
.ca-offcanvas-menu-2 ul .active>a{
color:#d11207
}
.ca-offcanvas-menu-2 ul .active>.ca-menu-close2{
color:#fff;
background:#d11207
}
.ca-offcanvas-menu-2 ul .active .ca-menu-close2 i{
transform:rotate(90deg)
}
.ca-offcanvas-menu-2 ul li:not(:last-child) a{
border-bottom:1px solid rgba(1,15,28,.1)
}
.ca-menu-close2{
position:absolute;
right:0;
top:6px;
border:1px solid rgba(1,15,28,.12);
height:30px;
width:30px;
text-align:center;
font-size:12px;
line-height:12px
}
.ca-menu-close2 i{
transition:.3s
}
.ca-main-menu-3 ul>li:hover .ca-mega-menu{
opacity:1;
visibility:visible;
transition:.3s;
top:100%
}
.ca-sm-conatct-location-2 a:hover{
color:#d11207;
transition:.3s
}
header.header-2.stiky.scroll-header .ca-header-bg-2{
background:#464950
}
.header-2.stiky.scroll-header{
position:fixed;
top:0;
left:0;
right:0;
opacity:1;
width:100%;
z-index:999;
visibility:visible;
background-color:#464950;
box-shadow:#959da533 0 8px 24px;
-webkit-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-khtml-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-ms-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-o-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
animation:.95s ease 0s normal forwards 1 running headerSlideDown
}
.header-2.stiky.scroll-header .ca-header-bg-2{
top:0;
width:100%;
position:relative
}
.ca-main-menu-3{
text-align:center
}
.ca-main-menu-3 ul>li{
display:inline-block;
position:relative
}
.ca-main-menu-3 ul li>a{
color:#5a5d63;
padding:0 15px;
font-size:16px;
line-height:16px;
display:inline-block;
transition:.3s
}
.ca-main-menu-3 ul li:hover>a{
color:#0e47a1;
transition:.3s
}
.ca-main-menu-3 ul li .sub-menu{
position:absolute;
top:105%;
width:180px;
left:0;
background:#fff;
text-align:left;
padding:16px 0;
border-radius:5px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:11;
box-shadow:0 20px 30px #010f1c1a
}
.ca-main-menu-3 ul li .sub-menu li{
display:block
}
.ca-main-menu-3 ul li .sub-menu li a{
color:#333;
display:block;
padding:10px 18px;
transition:.3s
}
.ca-main-menu-3 ul li .sub-menu li a:hover{
transition:.3s;
padding-left:26px
}
.ca-main-menu-3 ul li .sub-menu li:hover>a{
color:#0e47a1;
transition:.3s
}
.ca-main-menu-3 ul li:hover .sub-menu{
opacity:1;
visibility:visible;
top:145%
}
.ca-main-menu-3 ul li .sub-menu li .sub-menu{
left:100%;
top:0;
opacity:0;
visibility:hidden
}
.ca-main-menu-3 ul li .sub-menu li:hover .sub-menu{
opacity:1;
visibility:visible
}
.ca-main-menu-3 ul li a span{
font-size:12px;
display:inline-block
}
.ca-offcanvas-menu-3 ul li{
position:relative
}
.ca-offcanvas-menu-3 ul li>a{
display:block;
padding:8px 0;
font-size:16px;
font-weight:500;
color:#5a5d63
}
.ca-offcanvas-menu-3 ul li .sub-menu{
display:none;
padding-left:20px
}
.ca-offcanvas-menu-3 ul .active>a{
color:#0e47a1
}
.ca-offcanvas-menu-3 ul .active>.ca-menu-close3{
color:#fff;
background:#0e47a1
}
.ca-offcanvas-menu-3 ul .active .ca-menu-close3 i{
transform:rotate(90deg)
}
.ca-offcanvas-menu-3 ul li:not(:last-child) a{
border-bottom:1px solid rgba(1,15,28,.1)
}
.ca-menu-close3{
position:absolute;
right:0;
top:6px;
border:1px solid rgba(1,15,28,.12);
height:30px;
width:30px;
text-align:center;
font-size:12px;
line-height:12px
}
.ca-menu-close3 i{
transition:.3s
}
.ca-offcanvas-menu-3 ul li a span{
display:none
}
.ca-main-menu-3 .ca-home-title{
color:#5a5d63
}
.header-area-3{
position:absolute;
width:100%
}
header.header-area-3.stiky .header-3{
background:#fff;
padding:20px 24px;
border-radius:87px;
box-shadow:#959da533 0 8px 24px;
z-index:9;
position:relative;
left:0;
right:0;
top:24px
}
header.header-area-3.stiky.scroll-header .header-3{
box-shadow:none;
top:0;
border-radius:0;
padding:15px
}
.header-area-3.stiky.scroll-header{
position:fixed;
top:0;
left:0;
right:0;
opacity:1;
width:100%;
z-index:999;
visibility:visible;
background-color:#fff;
box-shadow:#959da533 0 8px 24px;
-webkit-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-khtml-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-ms-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
-o-animation:.95s ease 0s normal forwards 1 running headerSlideDown;
animation:.95s ease 0s normal forwards 1 running headerSlideDown
}
.ca-sec-primary-3 span{
background:#dce6f7
}
.ca-sec-primary-3{
border:1px solid #0E47A1;
margin-left:16px;
transition:.3s;
padding:10px 16px;
display:inline-block;
font-weight:700;
position:relative
}
a.ca-sec-primary-3 span{
height:32px;
width:32px;
display:inline-block;
font-size:18px;
line-height:32px;
text-align:center;
border-radius:50px;
margin-left:6px
}
.ca-sec-primary-3:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#0e47a1;
z-index:-1;
border-radius:50px;
transform:scaleX(0);
transition:.3s
}
.ca-sec-primary-3:hover{
color:#fff;
transition:.3s
}
.ca-sec-primary-3 span{
transition:.3s
}
.ca-sec-primary-3:hover span{
background:#2b5dac;
transition:.3s
}
.ca-sec-primary-3:hover:after{
transform:scale(1.1);
transition:.3s
}
.ca-btn-primary-3 span{
background:#2b5dac;
height:32px;
width:32px;
display:inline-block;
line-height:32px;
border-radius:50%;
text-align:center;
margin-left:6px;
transition:.3s
}
.ca-btn-primary-3 span i{
font-size:20px;
line-height:20px;
transform:translateY(2px)
}
.ca-btn-cta-3 .cta-btn:hover{
color:#fff
}
.ca-btn-cta-3 .cta-btn:hover span{
color:#0e47a1;
transition:.3s
}
.subtitle-bg-6:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#0e47a1;
top:9px;
left:12px
}
.ca-sec-content-3 p{
color:#5a5d63;
font-size:16px;
line-height:24px
}
.ca-main-menu-4{
text-align:center
}
.ca-main-menu-4 ul>li{
display:inline-block;
position:relative
}
.ca-main-menu-4 ul li>a{
color:#5a5d63;
padding:0 15px;
font-size:16px;
line-height:16px;
display:inline-block;
transition:.3s
}
.ca-main-menu-4 ul li:hover>a{
color:#4ab9cf;
transition:.3s
}
.ca-main-menu-4 ul li .sub-menu{
position:absolute;
top:105%;
width:180px;
left:0;
background:#fff;
text-align:left;
padding:16px 0;
border-radius:5px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:11;
box-shadow:0 20px 30px #010f1c1a
}
.ca-main-menu-4 ul li .sub-menu li{
display:block
}
.ca-main-menu-4 ul li .sub-menu li a{
color:#333;
display:block;
padding:10px 18px;
transition:.3s
}
.ca-main-menu-4 ul li .sub-menu li:hover>a{
color:#4ab9cf;
transition:.3s;
padding-left:26px
}
.ca-main-menu-4 ul li:hover .sub-menu{
opacity:1;
visibility:visible;
top:150%
}
.ca-main-menu-4 ul li .sub-menu li .sub-menu{
left:100%;
top:0;
opacity:0;
visibility:hidden
}
.ca-main-menu-4 ul li .sub-menu li:hover .sub-menu{
opacity:1;
visibility:visible
}
.ca-main-menu-4 ul li a span{
font-size:12px;
display:inline-block
}
.ca-hero-4-btn{
display:inline-block
}
.ca-offcanvas-menu-4 ul li{
position:relative
}
.ca-offcanvas-menu-4 ul li>a{
display:block;
padding:8px 0;
font-size:16px;
font-weight:500;
color:#5a5d63
}
.ca-offcanvas-menu-4 ul li .sub-menu{
display:none;
padding-left:20px
}
.ca-offcanvas-menu-4 ul .active>a{
color:#4ab9cf
}
.ca-offcanvas-menu-4 ul .active>.ca-menu-close4{
color:#fff;
background:#4ab9cf
}
.ca-offcanvas-menu-4 ul .active .ca-menu-close4 i{
transform:rotate(90deg)
}
.ca-offcanvas-menu-4 ul li:not(:last-child) a{
border-bottom:1px solid rgba(1,15,28,.1)
}
.ca-menu-close4{
position:absolute;
right:0;
top:6px;
border:1px solid rgba(1,15,28,.12);
height:30px;
width:30px;
text-align:center;
font-size:12px;
line-height:12px
}
.ca-menu-close4 i{
transition:.3s
}
.ca-offcanvas-menu-4 ul li a span{
display:none
}
.ca-main-menu-4 ul>li:hover .ca-mega-menu{
opacity:1;
visibility:visible;
transition:.3s;
top:100%
}
.ca-main-menu-4 .ca-home-title{
color:#333
}
.ca-sm-conatct-location-3 a:hover{
color:#4ab9cf;
transition:.3s
}
.icon span{
height:40px;
width:40px;
border:1px solid;
display:block;
line-height:40px;
text-align:center;
font-size:20px;
border-radius:50px
}
.icon{
display:inline-block
}
.ca-sm-single-item-4{
display:flex;
align-items:center
}
.ca-sm-single-item-4-content{
margin-left:15px
}
.header-area-3.stiky .header-4{
background-color:#ffffff38;
padding:20px 24px;
border-radius:87px;
z-index:9;
position:relative;
left:0;
right:0;
top:24px
}
.header-area-3.stiky.scroll-header .header-4{
box-shadow:none;
top:0;
border-radius:0;
background:none
}
.header-area-3.header-area-4.stiky.scroll-header{
background-color:#021013
}
.ca-main-menu-4 ul li a{
color:#fff;
transition:.3s
}
.ca-btn-primary-4 span{
background:#fff;
color:#4ab9cf;
transform:rotate(-45deg)
}
.ca-hero-4-btn .ca-btn-primary:after{
background:#fff
}
.ca-hero-4-btn:hover .ca-btn-primary-4{
color:#333!important;
transition:.3s
}
.ca-hero-4-btn:hover .ca-btn-primary-4 span{
background:#4ab9cf;
color:#fff
}
.ca-btn-primary-4{
transition:.3s
}
.header-area-3.header-area-4.stiky.scroll-header .ca-btn-header .ca-btn-primary:after{
background:#fff
}
.header-area-3.header-area-4.stiky.scroll-header .ca-btn-header:hover .ca-btn-primary{
color:#021013!important
}
.header-area-3.header-area-4.stiky.scroll-header .ca-btn-header:hover .ca-btn-primary span{
background:#4ab9cf;
color:#fff!important
}
.ca-hero-content-1 .ca-section-subtitle{
opacity:1;
transition:1.2s
}
.ca-hero-area-1.slick-active .ca-hero-content-1 .ca-section-subtitle{
opacity:1;
visibility:visible;
transform:translateY(0);
transition:1.2s
}
.ca-hero-content-1 .ca-slide-title-1{
opacity:1;
transition:1.4s
}
.ca-hero-area-1.slick-active .ca-hero-content-1 .ca-slide-title-1{
opacity:1;
visibility:visible;
transform:translate(0);
transition:1.4s
}
.ca-hero-content-1 p{
opacity:1;
transition:1.6s
}
.ca-hero-area-1.slick-active .ca-hero-content-1 p{
visibility:visible;
transform:translate(0);
transition:1.6s
}
.ca-vd-py-text span{
border-bottom:1px solid #fff
}
.ca-vd-py-text span{
color:#fff
}
.ca-hero1-active{
margin-bottom:0!important
}
.ca-vid-content{
display:flex;
align-items:baseline
}
.ca-hero1-active{
position:relative
}
.ca-hero1-active .slider-track{
-webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
transition:all 1s cubic-bezier(.7,0,.3,1)
}
.ca-hero1-active .ca-hero-area-1 .ca-img1{
height:100%
}
.ca-hero1-active .ca-hero-area-1 .ca-img2 img{
height:100%!important
}
.ca-hero1-active .slick-list{
overflow:inherit
}
.ca-hero1-active .ca-hero-area-1 .ca-img1{
width:85%;
-webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
transition:all 1s cubic-bezier(.7,0,.3,1);
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
.ca-hero1-active .ca-hero-area-1.slick-active .ca-img1{
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation:cssAnimation 8s 1 ease-in-out forwards;
animation:cssAnimation 8s 1 ease-in-out forwards
}
.ca-hero1-active .ca-hero-area-1 .ca-img2{
width:50%;
-webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
transition:all 1s cubic-bezier(.7,0,.3,1);
-webkit-transform:scale(1.3);
transform:scale(1.3);
right:0
}
.ca-hero1-active .ca-hero-area-1.slick-active .ca-img2{
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation:cssAnimation 8s 1 ease-in-out forwards;
animation:cssAnimation 8s 1 ease-in-out forwards
}
@keyframes cssAnimation{
0%{
-webkit-transform:scale(1) translate(0px)
}
to{
-webkit-transform:scale(1.3) translate(0px)
}
}
@-webkit-keyframes cssAnimation{
0%{
-webkit-transform:scale(1) translate(0px)
}
to{
-webkit-transform:scale(1.3) translate(0px)
}
}
section.ca-hero-area-1{
position:relative;
height:704px!important;
overflow:hidden
}
.ca-img1{
position:absolute;
left:0;
top:0;
width:60%;
z-index:1
}
.ca-img2{
position:absolute;
right:0;
width:52%;
object-fit:cover;
top:0;
height:100%
}
.ca-img1 img{
width:80%
}
.ca-img2 img{
width:100%
}
.ca-hero-content-1{
position:relative;
z-index:1;
color:#fff;
padding-top:130px;
padding-bottom:100px
}
.ca-hero1-active{
margin-bottom:0
}
.subtitle-bg-10:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#ff5e14;
top:9px;
left:12px
}
.ca-slide-title-1{
font-size:64px;
line-height:72px;
font-weight:600;
color:#fff;
padding-top:20px;
padding-bottom:20px
}
.ca-hero-content-1 p{
color:#fff;
opacity:.8;
font-size:16px;
line-height:24px
}
.ca-vd-ply-ic span{
display:block;
height:36px;
width:36px;
background:#ff5e14;
line-height:36px;
text-align:center;
border-radius:50px
}
.wrapper{
display:inline-block
}
.video-main{
position:relative;
display:inline-block
}
.video{
height:36px;
width:36px;
line-height:36px;
text-align:center;
border-radius:100%;
background:transparent;
color:#fff;
display:inline-block;
background:#ff5e14;
z-index:999
}
@keyframes waves{
0%{
-webkit-transform:scale(.2,.2);
transform:scale(.2);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
50%{
opacity:.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
to{
-webkit-transform:scale(.9,.9);
transform:scale(.9);
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
}
.fa-play:before{
content:""
}
.waves{
position:absolute;
width:92px;
height:92px;
background:#502303;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius:100%;
right:-28px;
z-index:-1;
-webkit-animation:waves 3s ease-in-out infinite;
animation:waves 3s ease-in-out infinite;
top:-28px
}
.wave-1{
-webkit-animation-delay:0s;
animation-delay:0s
}
.wave-2{
-webkit-animation-delay:1s;
animation-delay:1s
}
.wave-3{
-webkit-animation-delay:2s;
animation-delay:2s
}
.ca-sli-btn-1{
display:flex;
align-items:center
}
.ca-btn-1{
margin-right:16px
}
.ca-vd-py-text{
margin-left:12px
}
.ca-vd-py-text p{
color:#fff;
opacity:1;
font-size:16px;
font-weight:700;
line-height:16px;
border-bottom:1px solid #fff;
cursor:pointer
}
.ca-hero1-active .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:10px;
height:10px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:#ff5e14;
border-radius:50px;
display:inline-block;
line-height:12px;
opacity:.5;
position:relative
}
.ca-hero1-active .slick-dots .slick-active button:after{
position:absolute;
content:"";
height:22px;
width:22px;
border:2px solid #FF5E14;
border-radius:50px;
top:-6px;
right:-6px
}
.ca-hero1-active .slick-dots .slick-active button{
background:#ff5e14;
opacity:1
}
.ca-hero1-active{
position:relative;
z-index:1
}
.ca-hero1-active .slick-dots{
position:absolute;
right:-25%;
bottom:30px;
z-index:999
}
.ca-hero-shape-1{
bottom:60px;
left:0;
z-index:1;
animation:move 7s linear infinite
}
.slider-nav.sm-slider-img img{
height:100px;
width:100px
}
.slider-nav.sm-slider-img .slick-list{
height:376px!important;
width:140px;
padding:20px
}
.slider-nav.sm-slider-img{
position:absolute;
top:277px;
right:60px;
z-index:9
}
.shape-1-slider img,.shape-2-slider img{
width:100%;
animation:move-forever 4s -3s linear infinite
}
@keyframes move-forever{
0%{
transform:translate(-90px)
}
to{
transform:translate(85px)
}
}
.sm-slider-img .slick-slide.slick-current.slick-active.slick-center img{
border:5px solid #fff
}
.slider-2{
background-size:cover;
background-position:center;
background-repeat:no-repeat
}
.slider-nav{
width:100px;
height:100px;
margin:0 auto
}
.slider-nav{
margin-top:20px
}
.slider-nav .slick-slide{
opacity:.6
}
.slider-nav .slick-current{
opacity:1
}
.ca-slider-heading{
font-size:64px;
line-height:72px;
font-weight:600
}
.ca-slider-content-2 p{
font-size:18px;
line-height:26px;
color:#fff;
opacity:.8
}
.slider-team-title{
font-size:24px;
line-height:24px
}
.ca-slider-team{
padding:24px;
width:400px;
background:#ffffff3b
}
.ca-slider-team-img{
width:160px;
margin-right:20px
}
.ca-slider-content-2{
z-index:999;
position:relative
}
.slider-nav.sm-slider-img img{
margin-bottom:16px;
cursor:pointer
}
.ca-slider-2-team{
display:flex
}
.ca-slider-team-review .review-text{
color:#dddddc;
font-weight:600;
font-size:18px;
line-height:18px
}
.shape-2-slider{
left:0;
right:0;
bottom:0;
z-index:1
}
.shape-1-slider{
bottom:0;
z-index:1
}
.shape-3-slider{
left:0;
top:0;
object-fit:cover;
height:100%;
width:100%
}
.slider-text.slider-2{
background-position:bottom center
}
.ca-play-btn span{
background:#d11207;
height:50px;
width:50px;
display:block;
line-height:50px;
text-align:center;
border-radius:50px;
color:#fff;
font-size:16px;
cursor:pointer;
margin-right:12px
}
.how-we-work{
color:#fff;
font-weight:700;
font-size:16px;
line-height:16px;
border-bottom:1px solid #fff
}
.ca-slider-team-review span.re-heading{
color:#dadada;
font-size:16px;
line-height:16px;
font-weight:600
}
.ca-slider-team-review span{
color:#fc9c2c
}
.ca-slider-content-2 .ca-section-subtitle{
opacity:1;
transition:1.4s
}
.slider-2.slick-active .ca-slider-content-2 .ca-section-subtitle{
opacity:1;
visibility:visible;
transition:1.4s
}
.ca-slider-content-2 .ca-slider-heading{
opacity:1;
transition:1.3s
}
.slider-2.slick-active .ca-slider-content-2 .ca-slider-heading{
opacity:1;
transform:translate(0);
visibility:visible;
transition:1.3s
}
.ca-slider-content-2 .slider-sub-content{
opacity:1;
transition:1.3s
}
.slider-2.slick-active .ca-slider-content-2 .slider-sub-content{
opacity:1;
visibility:visible;
transition:1.3s;
transform:translate(0)
}
.ca-slider-content-2 .ca-slider-2-btn{
opacity:1;
transition:1.5s
}
.slider-2.slick-active .ca-slider-content-2 .ca-slider-2-btn{
opacity:1;
visibility:visible;
transition:1.5s;
transform:translate(0)
}
.ca-slider-team{
opacity:1;
transition:1.7s
}
.slider-2.slick-active .ca-slider-team{
opacity:1;
visibility:visible;
transition:1.7s;
transform:translateY(0)
}
.video-play-button-2{
position:absolute;
z-index:10;
transform:translateY(-18%);
box-sizing:content-box;
display:block;
width:32px;
height:44px;
border-radius:50%;
padding:18px 20px 18px 28px
}
.video-play-button-2:before{
content:"";
position:absolute;
z-index:0;
left:50%;
top:50%;
transform:translate(-50%) translateY(-50%);
display:block;
width:55px;
height:55px;
background:#d11207;
border-radius:50%;
animation:pulse-border 1.1s ease-out infinite
}
.video-play-button-2:after{
content:"";
position:absolute;
z-index:1;
left:50%;
top:50%;
transform:translate(-50%) translateY(-50%);
display:block;
width:60px;
height:60px;
background:#d11207;
border-radius:50%;
transition:all .2s
}
.video-play-button-2 span{
display:block;
position:relative;
z-index:3;
width:0;
height:0;
border-left:19px solid #fff;
border-top:12px solid transparent;
border-bottom:12px solid transparent;
top:10px;
left:5px
}
.ca-slider-2-video{
display:flex
}
.ca-slider-video-text-2{
margin-left:85px;
margin-top:8px
}
.ca-slider-video-text-2 span{
color:#fff;
border-bottom:1px solid #fff;
margin:0;
padding:0;
font-size:16px;
line-height:18px
}
.ca-slider-video-text-2 a{
color:#fff;
font-weight:600;
border-bottom:1px solid #fff;
margin:0;
padding:0;
font-size:16px;
line-height:1
}
.ca-slider-active-3 .next_arrow1{
width:40px;
height:40px;
background:#0e47a1;
color:#fff;
font-size:16px;
text-align:center;
line-height:40px;
display:inline-block;
position:absolute;
cursor:pointer;
transition:.3s;
right:15%;
top:50%
}
.ca-slider-active-3 .prev_arrow1{
color:#fff;
position:absolute;
z-index:9;
font-size:16px;
top:44%;
right:15%;
background:#0e47a1;
height:40px;
width:40px;
line-height:40px;
text-align:center;
display:inline-block;
cursor:pointer
}
.ca-line-shape3{
position:absolute;
bottom:0;
z-index:-1
}
.ca-slider-3{
height:784px
}
.ca-hero-content-3{
padding-top:230px
}
.ca-slider-3-shape img{
position:absolute;
right:0;
width:50%
}
.ca-slider-top-shape-img img{
position:absolute;
z-index:-1
}
.ca-slider-active-3 .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:12px;
height:12px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:#becde4;
border-radius:50px;
display:inline-block;
line-height:12px;
transform:translateY(-3px)
}
.ca-slider-active-3 .slick-dots .slick-active button{
background:#0e47a1
}
.ca-slider-active-3{
position:relative;
z-index:1
}
.ca-slider-active-3 .slick-dots{
position:absolute;
right:0;
top:-5%;
z-index:999;
transform:rotate(90deg);
left:-63%
}
.ca-slider-active-3 .slick-dots .slick-active{
background:#cfdaec;
height:25px;
width:25px;
border-radius:50px;
line-height:30px;
text-align:center
}
.ca-hero-content-3.ca-sec-content-3{
position:relative;
z-index:2
}
.ca-hero-content-3 .ca-section-subtitle{
opacity:1;
transition:1.3s
}
.ca-slider-3.slick-active .ca-hero-content-3 .ca-section-subtitle{
transform:translateY(0);
opacity:1;
visibility:visible
}
.ca-hero-content-3 .ca-slider-heading{
opacity:1;
transition:1.3s
}
.ca-slider-3.slick-active .ca-hero-content-3 .ca-slider-heading{
opacity:1;
transform:translate(0);
visibility:visible
}
.ca-slider-3.slick-active .hero3-btn{
opacity:1;
visibility:visible;
transform:translate(0)
}
.hero3-btn{
opacity:1;
transition:1.4s
}
.ca-hero-content-3 p{
opacity:1;
transition:1.3s
}
.ca-slider-3.slick-active .ca-hero-content-3 p{
opacity:1;
transform:translate(0);
visibility:visible
}
.ca-slider-img-3{
right:10px;
bottom:0
}
.ca-slider-img-3 img{
transition:1.4s;
opacity:1
}
.ca-slider-3.slick-active .ca-slider-img-3 img{
transform:translate(0);
opacity:1;
visibility:visible
}
.ca-header-4{
background:#fff;
box-shadow:#64646f33 0 7px 29px;
padding:26px 24px;
border-radius:87px
}
.ca-hero-4{
width:100vw;
height:907px;
background:#021013;
clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);
position:relative;
z-index:1
}
.ca-hero-4-content p{
color:#fff;
opacity:.8
}
header.header-4{
position:absolute;
left:0;
right:0;
width:100%;
z-index:9
}
.ca-hero-4-content{
padding-top:240px
}
.ca-hero-4-img{
position:absolute;
top:0;
right:0;
width:50%;
height:100%
}
.ca-hero-4-shape{
z-index:-1
}
.ca-circle-text{
background:#4ab9cf;
height:100px;
width:100px;
padding:5px;
border-radius:50px;
position:relative;
z-index:1;
margin:0 auto;
top:-50px
}
.circle-text-animation{
animation:rotate 9s linear infinite
}
.circle-ic-4{
position:absolute;
top:32%;
right:0;
left:0
}
@keyframes rotate{
0%{
transform:rotate(0)
}
to{
transform:rotate(360deg)
}
}
.ca-section-subtitle{
display:inline-block;
font-size:16px;
line-height:16px;
font-weight:400;
padding:8px 12px 8px 22px
}
.subtitle-bg-1:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#ff5e14;
top:9px;
left:12px
}
.ca-section-title{
font-size:44px;
line-height:44px
}
.ca-about-title{
font-size:44px;
line-height:52px
}
.ca-about-desc p{
text-align:left;
float:right;
color:#4a4a49;
font-size:16px;
line-height:24px
}
.ca-counter-area p{
color:#4a4a49;
font-size:16px;
line-height:16px
}
.ca-counter-title{
font-size:32px;
line-height:32px;
transition:.3s
}
.ca-counter-bg{
background:#f9f5f3;
padding:32px
}
.ca-counter-area{
border-bottom:1px solid #E3DDDB;
padding-bottom:24px;
margin-bottom:24px
}
.ca-counter-area:last-child{
border:navajowhite;
padding-bottom:0;
margin-bottom:0
}
.ca-about-ic{
background:#fff2ec;
height:70px;
width:70px;
border-radius:50px;
margin-right:24px;
line-height:70px;
text-align:center;
transition:.3s
}
.ca-about-content p{
color:#4a4a49;
font-size:16px;
line-height:24px;
transition:.3s
}
.ca-about-icon-box{
border-bottom:1px solid #E8E6E6;
padding-bottom:40px;
margin-bottom:32px
}
.ca-about-img img{
height:464px
}
.ca-about-icon-box:last-child{
border:navajowhite;
padding-bottom:0;
margin-bottom:0
}
.ca-about-icon-box:hover .ca-about-ic{
background:#ff5e14;
transition:.3s;
transform:rotateY(180deg)
}
.ca-about-ic img{
transition:.3s
}
.ca-about-icon-box:hover .ca-about-ic img{
filter:brightness(0) invert(1);
transition:.3s
}
.ca-about-content .ca-title a{
color:#1b0901;
transition:.3s
}
.ca-about-content .ca-title a:hover{
color:#ff5e14;
transition:.3s
}
.ca-choose-item .ca-title{
font-size:20px;
line-height:20px
}
.ca-choose-item p{
font-size:16px;
line-height:24px;
color:#5a5a5a
}
.ca-choose-item{
padding-left:25px;
margin-bottom:40px
}
.ca-choose-item:after{
position:absolute;
content:"";
background:#d11207;
height:100%;
width:6px;
left:0;
top:0
}
.ca-about-2-icon{
height:48px;
width:48px;
background:#fae7e6;
line-height:48px;
text-align:center;
border-radius:50px;
margin-left:20px;
margin-right:16px
}
.ca-about-2-content p{
font-size:16px;
line-height:16px;
color:#5a5a5a
}
.ca-about-2-num{
color:#0c0504;
font-weight:700;
display:block;
font-size:16px;
line-height:16px;
padding-top:12px
}
.ca-about-2-overlay{
right:0;
top:70px;
z-index:2
}
.ca-about-2-img:after{
position:absolute;
content:"";
background:#fff;
height:360px;
width:180px;
top:61px;
left:275px;
z-index:1
}
.ca-port-2-icon span{
height:70px;
width:70px;
background:#fff;
display:block;
line-height:70px;
text-align:center;
border-radius:50px
}
.ca-port-2-icon{
display:inline-block
}
.ca-portfolio-2-overlay-content{
top:34%;
left:24px;
right:24px;
transform:translateY(60px);
opacity:0;
visibility:hidden;
background:#d112078a;
text-align:center;
padding:24px;
transition:.3s
}
.ca-port-2-content p{
font-size:16px;
line-height:24px;
color:#fff;
opacity:.8
}
.ca-port-2-desg p{
color:#fff;
opacity:.8
}
.ca-portfolio-2-item:hover .ca-portfolio-2-overlay-content{
transform:translateY(0);
opacity:1;
visibility:visible
}
.ca-portfolio-2-overlay-content.pitem2{
top:25px
}
.item-1-img{
height:320px
}
.item-1-img img{
object-fit:cover
}
.ca-portfolio-2-item img{
height:670px
}
.ca-port-2-icon span img{
height:24px
}
.ca-port-2-icon:hover span{
transform:rotate(45deg);
transition:.3s
}
.ca-port-2-icon span{
transition:.3s
}
.ca-portfolio-2-item{
overflow:hidden
}
.ca-portfolio-2-item img{
transition:.3s
}
.ca-portfolio-2-item:hover img{
transform:scale(1.1)
}
.ca-ab-content3{
margin-left:30px
}
.ca-about-item3{
margin-top:16px;
margin-bottom:32px;
padding:20px
}
.ca-about-item3 p{
color:#5a5d63
}
.ca-about-item3:after{
position:absolute;
content:"";
background:#0e47a1;
border-radius:5px;
height:100%;
width:6px;
left:0;
top:0
}
.ca-about-content-3 .ca-section-title{
line-height:52px
}
.ca-item-ch-title{
font-size:16px;
line-height:16px;
color:#00060f;
font-weight:600
}
.ca-ab-sngle-item-ic span{
height:20px;
width:20px;
background:#e7edf6;
border-radius:50px;
display:block;
line-height:20px;
font-size:10px;
text-align:center;
color:#0e47a1;
margin-right:8px
}
.ca-ab-sngle-item{
display:flex;
align-items:center;
margin-bottom:16px
}
.ca-ab-item-check{
display:grid;
grid-template-columns:1fr 1fr
}
.ca-abo-single-item{
position:relative;
overflow:hidden;
border-radius:7px
}
.ca-abo-hover-item{
position:absolute;
left:0;
right:0;
text-align:center;
top:50%;
transform:translateY(-70%);
z-index:99;
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-abo-hover-title{
font-size:32px;
line-height:32px;
font-weight:600;
padding-top:16px;
color:#fff
}
.ca-abo-icon span{
background:#fff;
height:60px;
width:60px;
display:inline-block;
line-height:60px;
text-align:center;
border-radius:50px
}
.ca-abo-content p{
font-size:18px;
line-height:18px;
padding-top:12px;
color:#fff;
opacity:.8
}
.ca-abo-single-item:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#0e47a1;
transform:translate(-100%);
transition:.3s
}
.ca-abo-single-item:hover:after{
transform:translate(0);
transition:.3s;
right:0
}
.ca-abo-single-item:hover .ca-abo-hover-item{
transition:.3s;
transform:translateY(-50%);
opacity:1;
visibility:visible
}
.lar-img-1{
height:330px;
object-fit:cover
}
.sm-img-1{
height:220px;
object-fit:cover
}
.sm-img-2{
height:186px;
object-fit:cover
}
.lar-img-2{
height:364px;
object-fit:cover
}
.ca-about-content-4 p{
color:#5d6061;
transition:.3s;
line-height:24px
}
.ca-service-4-list ul li span{
height:20px;
width:20px;
background:#4ab9cf;
display:inline-block;
line-height:20px;
text-align:center;
color:#fff;
font-size:9px;
border-radius:50px;
margin-right:8px
}
.ca-service-4-list ul li{
color:#5d6061;
font-weight:500;
font-size:16px;
line-height:16px;
margin-bottom:16px
}
.ca-service-4-list ul li:last-child{
margin-bottom:0
}
.ca-counter-servic-4{
display:flex
}
.ca-counter-area-4{
padding-right:40px;
margin-right:40px;
position:relative
}
.ca-counter-area-4{
height:64px;
border-right:2px solid #EDF8FA;
right:0;
top:0
}
.ca-counter-area-4 .ca-counter-title{
color:#021013
}
.ca-counter-area-4 p{
color:#5d6061
}
.ca-counter-area-4:last-child{
border:none;
padding:0;
margin:0
}
.ca-counter-area-4:last-child{
background:none
}
.ca-about-4-sm-img img{
height:300px;
width:300px;
object-fit:cover;
float:left;
margin-top:-600px;
border-radius:7px
}
.ca-about-4-img img{
border-radius:7px;
height:450px;
width:470px;
object-fit:cover;
float:right
}
.space-mt{
margin-top:120px
}
.ca-about-4-img{
margin-right:50px
}
.ca-about-4-top-img img{
height:300px;
width:300px;
object-fit:cover;
border-radius:7px
}
.ca-about-4-top-img{
top:-120px
}
.ca-expericence-4{
position:absolute;
right:86px;
top:-80px;
transform:translateY(3px)
}
.ca-expericence-4{
display:flex;
align-items:center
}
.ca-right-border:after{
position:absolute;
content:"";
height:48px;
width:2px;
background:#4ab9cf;
top:-84px;
left:317px;
border-radius:8px
}
.ca--about-sm-img img{
height:300px;
width:300px;
float:left;
margin-top:-600px
}
.ca-ab-4-img img{
border-radius:7px
}
.ca-ab-sm-img{
height:300px;
width:300px!important;
object-fit:cover;
position:relative;
z-index:1
}
.ca-ab-lng-img{
margin-top:-180px;
height:450px;
width:470px!important;
object-fit:cover;
margin-left:100px
}
.ca-ab-counter-4{
position:absolute;
right:19%;
top:0;
z-index:2
}
.ca-ab-counter-4{
display:inline-flex;
align-items:center;
margin-top:40px;
border-left:2px solid #4AB9CF;
padding-left:10px
}
.ca-ab-counter-4 p{
margin-left:12px
}
.subtitle-bg-2:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#ff5e14;
top:9px;
left:12px
}
.ca-sec-content p{
font-size:16px;
line-height:24px;
color:#4a4a49
}
.ca-service-content p{
color:#4a4a49;
font-size:16px;
line-height:24px;
transition:.3s
}
.read-more{
font-size:16px;
line-height:16px;
color:#1b0901;
font-weight:700;
transition:.3s
}
.read-more span{
display:inline-block;
color:#1b0901;
font-size:16px;
line-height:16px;
margin-left:4px;
transition:.3s
}
.ca-title.ca-title-2 a{
color:#1b0901;
transition:.3s;
font-weight:700
}
.ca-about-icon{
position:relative
}
.ca-num{
position:absolute;
top:14px;
right:0
}
.overly-num{
font-size:40px;
line-height:40px;
font-weight:700;
color:#ffaf89;
transition:.3s;
opacity:0;
visibility:hidden
}
.ca-ser-icon-box{
transition:.3s
}
.ca-ser-icon-box:after{
position:absolute;
content:"";
left:0;
top:0;
height:0%;
width:100%;
background-color:#ff5e14;
transition:.3s;
z-index:-1
}
.ca-ser-icon-box:hover:after{
height:100%
}
.ca-ser-icon-box:hover .ca-about-ic{
background:#fff;
transform:rotateY(180deg);
transition:.3s
}
.ca-ser-icon-box:hover .ca-title a{
color:#fff;
transition:.3s
}
.ca-ser-icon-box:hover .ca-service-content p{
color:#fff;
transition:.3s;
opacity:.8
}
.ca-ser-icon-box:hover .read-more,.ca-ser-icon-box:hover .read-more span{
color:#fff;
transition:.3s
}
.ca-ser-icon-box:hover .overly-num{
opacity:1;
visibility:visible;
transition:.3s
}
.ca-shape{
z-index:-1;
top:50px;
margin-left:-30px;
animation:move 7s linear infinite
}
.ca-shape.ca-test-shape{
margin-left:30px
}
.ca-service-shape{
z-index:-1;
right:0;
bottom:30px;
animation:move 7s linear infinite
}
@keyframes move{
0%{
transform:translateY(-20%)
}
50%{
transform:translateY(20%)
}
to{
transform:translateY(-20%)
}
}
.ca-service-bg{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height:310px;
width:100%;
object-fit:cover
}
.ca-servic-2-ic span{
background:#ffffff75;
height:70px;
width:70px;
display:block;
line-height:70px;
text-align:center;
border-radius:50px
}
.ca-servic-2-title{
font-size:22px;
line-height:22px;
color:#fff
}
.seread-more{
color:#0c0504;
font-weight:700;
font-size:16px;
line-height:16px;
padding-top:24px;
display:block
}
.ca-servic-2-ic span img{
display:inline-block
}
.ca-service-slier-2{
margin-left:30px;
margin-right:30px;
margin-top:-175px
}
.ca-servic-2{
padding:24px 16px;
margin-right:20px
}
.ca-service-2-desc{
transform:translateY(170px)
}
.ca-servic-2.slick-slide.slick-current.slick-active .ca-service-2-desc{
transform:translateY(0)
}
.ca-servic-2.slick-slide.slick-current.slick-active .ca-servic-2-title{
color:#0c0504
}
.ca-servic-2.slick-slide.slick-current.slick-active .ca-servic-2-ic span{
background:#d11207
}
.ca-service-slier-2 .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:12px;
height:12px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent;
color:#eec4c2;
background:#eec4c2;
border-radius:50px;
display:inline-block;
line-height:12px
}
.ca-service-slier-2 li.slick-active{
background:#eec4c2;
height:28px;
width:28px;
line-height:28px;
text-align:center;
border-radius:50px
}
.ca-service-slier-2 .slick-dots .slick-active button{
background:#d11207
}
.ca-servic-2.slick-slide.slick-current.slick-active:after{
height:100%;
transition:all .4s
}
.ca-servic-2:after{
position:absolute;
content:"";
bottom:0;
left:0;
height:0%;
width:100%;
background:#fff;
z-index:-1;
transition:all .4s
}
.ca-servic-2{
position:relative;
z-index:1
}
.expand-container{
width:1320px;
display:flex;
padding:0 20px;
margin:0 auto 30px
}
.ca-expand-ic span{
height:70px;
width:70px;
background:#567ebd;
display:block;
line-height:65px;
text-align:center;
border-radius:50px
}
.ca-expand-title a{
font-size:20px;
line-height:20px;
font-weight:600;
color:#fff;
margin-top:32px;
margin-bottom:16px;
display:block
}
.expand-slide-ic-box{
position:absolute;
background:#0e47a1;
height:100%;
width:100%;
padding:48px 32px;
transition:.3s
}
.expand-slide-ic-box p{
font-size:16px;
line-height:24px;
color:#fff;
opacity:.8
}
.slide{
height:370px;
border-radius:7px;
margin:10px;
cursor:pointer;
color:#fff;
flex:1;
background-size:cover!important;
background-position:center;
background-repeat:no-repeat;
position:relative;
background:#0e47a1;
overflow:hidden;
transition:.5s
}
.slide .expand-slide-img{
height:370px;
object-fit:cover;
width:100%
}
.slide h3{
position:absolute;
font-size:24px;
bottom:20px;
left:20px;
margin:0;
opacity:0
}
.expand-slide-ic-box{
opacity:0;
visibility:hidden;
left:-100%;
top:0
}
.slide.active .expand-slide-ic-box{
opacity:1;
visibility:visible;
left:0
}
.slide.active{
flex:2
}
.ca-servic-4-shape{
right:0;
top:0;
animation:moveRightToLeft 4s ease-in-out infinite
}
.ca-servic-4-shape-2{
right:0;
bottom:0;
animation:moveRightToLeft 4s ease-in-out infinite
}
.ca-servic-4-ic-box{
top:0;
background:#4ab9cf;
height:100%;
width:100%;
padding:100px 32px 32px;
z-index:1
}
.ca-service-4-icon span{
height:70px;
width:70px;
display:block;
line-height:70px;
text-align:center;
border-radius:50px;
background:#fff
}
.ca-ser-4-title a{
color:#fff;
font-size:22px;
line-height:22px;
font-weight:600;
padding-top:30px;
display:block
}
.ca-service-4-content p{
font-size:16px;
line-height:24px;
color:#fff;
opacity:.8;
font-weight:400;
padding-top:16px;
padding-bottom:22px
}
.read-mor4{
color:#fff;
font-weight:700;
font-size:16px;
line-height:16px
}
.ca-service-4-item>img{
height:450px;
object-fit:cover
}
.ca-servic-4-ic-box{
transform:translateY(210px);
background:none;
transition:.3s
}
.ca-ser-overlay{
left:0;
bottom:0;
width:100%
}
.ca-service-4-item{
margin:0 15px
}
.ca-service-4-icon span img{
display:inline-block
}
.slick-slide.slick-current.slick-active .ca-service-4-item .ca-ser-overlay{
display:none
}
.slick-slide.slick-current.slick-active .ca-service-4-item .ca-servic-4-ic-box{
transform:translateY(0);
background:#4ab9cf
}
.ca-services-4 .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:10px;
height:10px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent;
background:#d5ecf1;
border-radius:50px;
display:inline-block;
line-height:12px
}
.ca-services-4 li.slick-active{
background:#d5ecf1;
height:28px;
width:28px;
line-height:28px;
text-align:center;
border-radius:50px
}
.ca-services-4 .slick-dots .slick-active button{
background:#4ab9cf
}
.ca-service-4-item{
margin-bottom:30px
}
.sm-img{
height:300px
}
.big-img{
height:500px
}
.ca-portfolio-img{
display:contents;
border-radius:7px
}
.portfolio-link span{
background:#ff5e14;
height:70px;
width:70px;
display:block;
line-height:70px;
text-align:center;
border-radius:50%;
position:absolute;
top:0;
margin:0 auto;
left:0;
right:0;
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-single-portfolio-item:hover .portfolio-link span{
opacity:1;
visibility:visible;
transform:translateY(50px)
}
.ca-single-portfolio-item.big-img:hover .portfolio-link span{
transform:translateY(153px)
}
.ca-portfolio-content-meta{
padding:24px;
margin-left:24px;
margin-right:24px;
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-portfolio-content-meta p{
font-size:16px;
line-height:16px;
color:#fff;
opacity:.8;
padding-bottom:14px
}
.ca-single-portfolio-item:hover .ca-portfolio-content-meta{
transform:translateY(-122px);
opacity:1;
visibility:visible;
transition:.3s
}
.ca-por-title{
font-size:18px;
line-height:18px
}
.ca-por-title a{
font-size:20px;
line-height:20px;
color:#fff;
font-weight:600
}
.ca-single-portfolio-item{
border-radius:7px;
transition:.3s
}
.ca-single-portfolio-item:hover .ca-portfolio-img img{
transform:scale(1.1) rotate(3deg);
transition:.3s
}
.ca-portfolio-img img{
transition:.3s;
object-fit:cover
}
a.portfolio-link span img{
height:40px;
width:40px;
line-height:36px
}
.portfolio-link:hover span img{
transform:rotate(45deg);
transition:.3s
}
a.portfolio-link span img{
transition:.3s
}
.ca-single-pro-img-3 img{
height:370px;
object-fit:cover;
border-radius:7px
}
.ca-project-hover-item1-icon span img{
height:25px;
width:25px
}
.ca-project-hover-item1-icon span{
background:#fff;
height:60px;
width:60px;
display:block;
line-height:60px;
text-align:center;
border-radius:50px;
transition:.3s
}
.ca-project-hover-item1-icon:hover span{
transform:rotate(45deg);
transition:.3s
}
h4.ca-project-hov-sub-title{
font-size:16px;
line-height:16px;
font-weight:600;
color:#fff;
opacity:.8;
padding-top:24px;
padding-bottom:16px
}
h3.ca-project-hov-title a{
font-weight:600;
font-size:20px;
line-height:20px;
padding-bottom:16px;
color:#fff;
display:block
}
.ca-project-hover-item-content p{
font-size:16px;
font-weight:400;
line-height:24px;
color:#fff;
opacity:.8
}
.ca-project-hover-item1{
background:#0e47a1;
border-radius:7px;
padding:24px;
text-align:center;
margin-left:20px;
margin-right:20px
}
.ca-project-hover-item1-icon{
display:inline-block
}
.ca-single-pro-img-3{
position:relative;
overflow:hidden;
border-radius:7px
}
.ca-project-hover-item1{
position:absolute;
top:50%;
transform:translateY(0);
margin:0 auto;
width:calc(100% - 40px);
left:20px;
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-single-pro-img-3:hover .ca-project-hover-item1{
opacity:1;
visibility:visible;
transform:translateY(-50%);
transition:.3s
}
.ca-single-pro-img-3:hover img{
transform:scale(1.1);
transition:.3s;
border-radius:7px
}
.ca-single-pro-img-3 img{
transition:.3s;
border-radius:7px;
overflow:hidden
}
.ca-single-pro-img-3 .pro-lar-img-1{
height:470px
}
.ca-single-team-box{
background:#f9f5f3;
overflow:hidden;
border-radius:7px
}
.ca-team-title a{
color:#1b0901;
font-size:20px;
line-height:20px;
font-weight:600;
display:block
}
.ca-single-team-content span{
color:#4a4a49;
padding-top:10px;
display:block
}
.ca-single-team-content{
padding:24px
}
.ca-team-sc-icon{
display:flex;
margin-left:30px;
margin-right:30px;
margin-top:-50px;
transform:translateY(-30px)
}
.team-left a{
display:inline-block;
background:#fff;
height:50px;
width:50px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-left:16px;
transition:.3s;
color:#ff5e14;
font-size:20px
}
.team-left a:hover,.team-right a:hover{
background:#ff5e14;
color:#fff;
transition:.3s
}
.team-center span:hover{
background:#ff5e14;
color:#fff;
transition:.3s;
transform:rotate(45deg)
}
.team-center span{
height:50px;
width:50px;
background:#fff;
display:block;
line-height:50px;
text-align:center;
border-radius:50px;
margin:0 16px;
transition:.3s;
color:#ff5e14;
font-size:20px
}
.team-right a{
display:inline-block;
background:#fff;
height:50px;
width:50px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-right:16px;
transition:.3s;
color:#ff5e14;
font-size:20px
}
.team-left{
transform:translate(-100px);
opacity:0;
visibility:hidden;
transition:.3s
}
.team-right{
transform:translate(100px);
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-team-sc-icon:hover .team-left,.ca-team-sc-icon:hover .team-right{
transform:translate(0);
transition:.3s;
opacity:1;
visibility:visible
}
.ca-single-team-img{
overflow:hidden
}
.ca-single-team-img img{
transition:.3s
}
.ca-single-team-img:hover img{
transform:scale(1.1);
transition:.3s
}
.ca-video-img{
height:580px;
overflow:hidden
}
.video-play-button{
position:absolute;
top:50%;
display:block;
height:90px;
width:90px;
line-height:90px;
text-align:center;
border-radius:50px;
font-size:24px;
color:#0e47a1;
transform:translateY(-46px);
left:0;
right:0;
margin:0 auto;
z-index:2
}
.video-play-button:before{
content:"";
position:absolute;
z-index:0;
left:50%;
top:50%;
transform:translate(-50%) translateY(-50%);
display:block;
width:55px;
height:55px;
background:#fff;
border-radius:50%;
animation:pulse-border 1.1s ease-out infinite
}
.video-play-button:after{
content:"";
position:absolute;
z-index:1;
left:50%;
top:50%;
transform:translate(-50%) translateY(-50%);
display:block;
width:60px;
height:60px;
background:#fff;
border-radius:50%;
transition:all .2s
}
.video-play-button span{
color:#0e47a1;
position:relative;
z-index:11
}
@keyframes pulse-border{
0%{
transform:translate(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
to{
transform:translate(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
.ca-video-img:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%;
background:#00060f;
opacity:.7;
z-index:1
}
.video-play-section{
margin-bottom:-290px
}
.ca-counter-3{
z-index:2;
right:0;
bottom:0
}
.ca-counter-3{
z-index:2;
right:0;
bottom:0;
display:flex;
background:#0e47a1;
padding:24px 36px;
border-radius:7px 0 0
}
.ca-counter-area-3{
padding-right:20px;
border-right:1px solid #fff;
margin-right:20px
}
.ca-counter-area-3:last-child{
border:none;
padding:0;
margin:0
}
.ca-counter-area-3 p{
color:#fff;
opacity:.8;
font-size:18px;
line-height:18px
}
.subtitle-bg-7:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#fff;
top:9px;
left:12px
}
.ca-working-section-3 p{
color:#cccdcf
}
.ca-work-ic-box{
padding:24px 20px;
border:1px solid #191F27;
transition:.3s!important
}
.ca-work-ic-box-img span{
height:50px;
width:50px;
background:#33383f;
display:block;
line-height:50px;
text-align:center;
border-radius:50px
}
.ca-work-ic-box-content p{
color:#cccdcf
}
.ca-work-ic-box:hover{
background:#191f27;
transition:.3s
}
.sm-testimonial-nav-content{
background:#fff;
border-radius:7px;
margin-bottom:24px;
padding:24px 32px;
width:88%!important
}
.sm-single-nav-img{
height:60px;
width:60px;
margin-right:16px
}
.sm-single-nav-img img{
border-radius:50px
}
.sm-testimonial-title{
font-size:20px;
line-height:20px;
color:#1b0901;
font-weight:600;
transition:.3s
}
.sm-nav-desc span{
color:#4a4a49;
font-size:16px;
line-height:16px;
display:block;
margin-top:8px
}
.sm-testimonial-nav-content.slick-current.slick-active{
background:#ff5e14;
transition:.3s
}
.sm-testimonial-nav-content.slick-current.slick-active .sm-testimonial-title{
color:#fff
}
.sm-testimonial-nav-content.slick-current.slick-active .sm-nav-desc span{
color:#fff;
opacity:.8
}
.ca-single-test-item-content{
background:#fff;
padding:32px;
border-radius:7px;
margin-left:50px;
margin-right:50px;
margin-top:-228px;
position:relative;
z-index:1
}
.ca-single-test-item-content p{
color:#4a4a49;
font-size:16px;
line-height:24px;
font-weight:400;
padding-bottom:22px;
padding-top:16px
}
h3.ca-auth-title{
color:#1b0901;
font-size:20px;
line-height:20px;
font-weight:600
}
.ca-single-test-item img{
border-radius:7px
}
.ca-single-test-item img{
height:576px;
object-fit:cover
}
.ca-rating-title{
padding:0;
margin:0
}
.catest-rating{
display:inline-flex;
align-items:center
}
.catest-icon{
background:#f4f3f2;
display:inline-block;
border-radius:4px;
padding:8px
}
.catest-icon span{
color:#ffa41c;
font-size:16px;
line-height:16px
}
.catest-rating{
color:#1b0901
}
.catest-rating span{
color:#1b0901;
font-size:16px;
line-height:16px
}
p.ca-rating-title{
padding:0;
color:#1b0901;
margin-right:5px
}
.subtitle-bg-3:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#fff;
top:9px;
left:12px
}
.ca-testimonial-content p{
opacity:.8
}
.ca-nav-link{
background:#fff;
margin:0 0 24px;
padding:24px 32px;
border-radius:7px
}
.ca-nav-link:last-child{
margin-bottom:0
}
.ca-testimonial-tab{
display:flex;
align-items:center
}
.ca-testimonial-tab-content{
text-align:start
}
.ca-testimonial-tab-img img{
height:60px;
border-radius:50px
}
.ca-testimonial-tab-img{
margin-right:16px
}
.tab-title{
font-size:20px;
line-height:20px;
color:#1b0901;
text-align:left
}
.deseg{
font-size:16px;
line-height:16px;
color:#4a4a49;
padding-top:10px;
display:block
}
.ca-testimonial-img-area img{
height:576px;
border-radius:7px
}
.ca-test-content{
background:#fff;
border-radius:7px;
padding:32px;
position:absolute;
margin-left:50px;
margin-right:50px;
bottom:-80px
}
.ca-test-icons{
background:#f4f3f2;
display:inline-flex;
align-items:center;
border-radius:4px;
padding:7px 9px
}
.ca-test-icon span{
display:inline-block;
color:#ffa41c;
font-size:16px;
line-height:16px
}
h4.ca-rat{
font-size:16px;
line-height:16px;
color:#1b0901
}
.ca-test-icon{
margin-right:2px
}
.ca-test-con p{
color:#4a4a49;
font-size:16px;
line-height:24px
}
.ca-test-auth .ca-title{
font-size:20px;
line-height:20px;
color:#1b0901
}
.ca-test-auth span{
font-size:16px;
line-height:16px;
color:#4a4a49;
display:block;
padding-top:10px
}
.ca-nav-link.nav-link.active{
background:#ff5e14
}
.ca-nav-link.nav-link.active .tab-title,.ca-nav-link.nav-link.active .deseg{
color:#fff
}
.test-shape-1{
right:0;
top:30px;
animation:move 7s linear infinite
}
.test-shape-2{
bottom:30px;
left:0;
animation:move 7s linear infinite
}
.subtitle-bg-5:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#fff;
top:9px;
left:12px
}
.ca-test-2-content p{
color:#fff;
font-size:17px;
line-height:30px;
transition:.3s
}
.ca-testimonials{
margin-bottom:85px;
position:relative
}
.ca-test-2-icon{
background:#3a3434;
height:50px;
width:50px;
display:flex;
align-items:center;
border-radius:50px;
transition:.3s
}
.ca-test-2-icon span{
margin:0 auto
}
.ca-test-2-user{
display:flex;
align-items:center
}
.ca-test-2-user-img span img{
display:inline-block;
height:60px;
width:60px;
border-radius:50%
}
.ca-test-2-user-name{
color:#fff;
transition:.3s
}
.ca-test-2-user-img{
margin-right:16px
}
.test-2-title{
font-size:22px;
line-height:22px;
font-weight:600;
padding-bottom:10px
}
.ca-test-2-user-name span{
font-size:16px;
line-height:16px;
display:block
}
.ca-test-2-content{
padding-bottom:24px
}
.ca-test-2-rating{
background:#2f2928;
display:inline-flex;
align-items:center;
padding:8px;
border-radius:4px;
margin-top:24px;
margin-bottom:16px;
transition:.3s
}
.ca-ratings{
color:#ffa41c;
margin-right:2px;
transition:.3s
}
.ca-rating-num{
color:#fff;
transition:.3s
}
.ca-rating-title-2{
font-size:16px;
line-height:16px;
font-weight:400
}
.ca-test-2-icon span img{
filter:brightness(0) invert(1);
transition:.3s
}
.ca-testimonial-card{
background-color:#241e1d;
padding:24px;
transition:.3s
}
.slick-dots li button:before{
color:transparent!important
}
.ca-testimonial-card{
margin:0 15px
}
.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-test-2-content p,.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-test-2-user-name{
color:#0c0504;
transition:.3s
}
.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-test-2-icon{
background:#fae7e6;
transition:.3s
}
.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-test-2-icon span img{
filter:none
}
.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-test-2-rating{
background:#fae7e6;
transition:.3s
}
.ca-testimonial-card.slick-slide.slick-current.slick-active.slick-center .ca-rating-num{
color:#0c0504;
transition:.3s
}
.ca-testimonial-card.slick-slide.slick-current.slick-active:after{
height:100%;
transition:all .4s
}
.ca-testimonial-card:after{
position:absolute;
content:"";
bottom:0;
left:0;
height:0%;
width:100%;
background:#fff;
z-index:-1;
transition:all .4s
}
.ca-testimonial-card{
position:relative;
z-index:1
}
.ca-testimonial-2 .priv_arrow{
width:40px;
height:40px;
background:#241e1d;
color:#fff;
font-size:16px;
border-radius:50%;
text-align:center;
line-height:40px;
display:inline-block;
position:absolute;
bottom:-74px;
left:50%;
cursor:pointer;
transition:.3s
}
.ca-testimonial-2 .next_arrow{
width:40px;
height:40px;
background:#241e1d;
color:#fff;
font-size:16px;
border-radius:50%;
text-align:center;
line-height:40px;
display:inline-block;
position:absolute;
bottom:-74px;
right:50%;
cursor:pointer;
transition:.3s
}
.priv_arrow.slick-arrow{
margin:0 16px
}
.ca-testimonial-2 .next_arrow:hover,.ca-testimonial-2 .priv_arrow:hover{
background:#d11207;
color:#fff;
transition:.3s
}
.ca-testimonial-card-3{
background:#f8f9fa;
padding:24px;
margin:0 15px
}
.ca-test-title-3{
color:#00060f;
font-size:18px;
line-height:24px;
font-weight:600
}
.ca-test-3-user{
display:flex;
align-items:center
}
.test-3-title{
font-size:20px;
line-height:20px
}
.test-3-title a{
color:#00060f;
font-weight:600;
display:block;
padding-bottom:7px
}
.ca-test-3-user-img{
margin-right:16px
}
.ca-test-3-user-img span,.ca-test-3-user-img span img{
height:60px;
width:60px;
border-radius:50px
}
.ca-test-3-content p{
padding-top:16px;
padding-bottom:24px;
color:#5a5d63
}
.ca-test-3-rating{
background:#fff;
display:inline-flex;
align-items:center;
padding:8px;
border-radius:4px;
margin-top:24px;
margin-bottom:16px
}
.ca-ratings-3{
color:#0e47a1;
margin-right:2px
}
.ca-rating-num-3{
color:#00060f
}
.ca-rating-title-3{
font-size:14px;
line-height:14px;
margin-left:4px
}
.ca-testimonial-3 .slick-dots li{
position:relative;
display:inline-block;
width:10px;
height:10px;
line-height:10px;
margin:0 5px;
padding:0;
cursor:pointer;
background:#cfdaec;
border-radius:50px
}
.ca-testimonial-3 .slick-dots li.slick-active{
height:24px;
width:24px;
background:#cfdaec;
line-height:24px
}
.ca-testimonial-3 .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:10px;
height:10px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent;
background:#cfdaec;
border-radius:50px;
display:inline-block;
line-height:12px
}
.ca-testimonial-3 li.slick-active{
background:#cfdaec;
height:28px;
width:28px;
line-height:28px;
text-align:center;
border-radius:50px;
color:#0e47a1
}
.ca-testimonial-3 .slick-dots .slick-active button{
background:#0e47a1
}
.ca-testimonial-card-3{
margin-bottom:30px
}
.subtitle-bg-9:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#fff;
top:9px;
left:12px
}
.ca-testimonial-card-4 p{
color:#5d6061
}
.ca-testimonial-card-4{
padding:32px
}
.ca-test-4-content p{
padding-top:20px;
padding-bottom:24px;
font-size:18px;
line-height:28px;
color:#5d6061
}
.ca-test-4-content{
border-bottom:1px solid #E6E7E7
}
.ca-test-4-user-name a{
color:#021013
}
.ca-test-4-user-name span{
color:#5d6061
}
.ca-testimonial-4 .slick-dots li.slick-active{
height:24px;
width:24px;
background:#354042;
line-height:24px
}
.ca-testimonial-4 .slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:10px;
height:10px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent;
background:#354042;
border-radius:50px;
display:inline-block;
line-height:12px
}
.ca-testimonial-4 li.slick-active{
background:#354042;
height:28px;
width:28px;
line-height:28px;
text-align:center;
border-radius:50px
}
.ca-testimonial-4 .slick-dots .slick-active button{
background:#fff
}
.ca-pricing-box{
padding:32px
}
.ca-pricing-box-title{
font-size:32px;
line-height:32px;
color:#021013;
transition:.3s
}
.ca-pring-box-content p{
color:#5d6061;
font-size:16px;
line-height:24px;
transition:.3s
}
.ca-price{
font-size:44px;
line-height:44px;
color:#021013;
transition:.3s;
margin-bottom:24px
}
.ca-price cite{
color:#5d6061;
font-weight:400;
font-style:normal;
font-size:18px;
line-height:18px;
margin-left:-8px;
transition:.3s
}
.ca-pring-box-content{
border-bottom:1px solid #DFE2E3
}
.ca-price-list{
background:#fff;
border-radius:7px;
padding:60px 24px 28px;
margin-top:56px;
transition:.3s
}
.ca-price-list{
background:#fff;
border-radius:7px;
padding:60px 24px 28px;
margin-top:56px
}
.ca-price-list ul li span{
background:#4ab9cf;
height:20px;
width:20px;
display:inline-block;
line-height:20px;
text-align:center;
color:#fff;
border-radius:50px;
font-size:9px;
margin-right:8px;
transition:.3s
}
.ca-price-list ul li{
color:#5d6061;
font-size:16px;
line-height:16px;
font-weight:400;
transition:.3s;
padding-bottom:24px
}
.ca-price-list ul li:last-child{
padding-bottom:0
}
.ca-price-btn{
left:0;
top:-24px;
right:0;
text-align:center
}
.ca-pricing-box{
background:#f8f9fa;
transition:.3s!important
}
.ca-pricing-box.active{
background:#4ab9cf
}
.ca-pricing-box.active .ca-pricing-box-title,.ca-pricing-box.active .ca-pring-box-content p,.ca-pricing-box.active .ca-price,.ca-pricing-box.active .ca-price cite{
color:#fff;
transition:.3s
}
.ca-pricing-box.active .ca-pricebtn{
background:#fff;
color:#4ab9cf!important;
box-shadow:#64646f33 0 7px 29px
}
.ca-pricing-box.active .ca-pricebtn span{
background:#4ab9cf;
color:#fff
}
.ca-team-box-content{
padding:24px
}
.team-deseg{
font-size:16px;
line-height:16px;
display:block;
padding-top:10px
}
.ca-team-social-left ul{
margin:0;
padding:0
}
.ca-team-social-left ul li{
display:inline-block
}
.ca-team-social-left ul li a{
background:#fff;
color:#ff5e14;
height:50px;
width:50px;
display:block;
font-size:20px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-right:16px;
transform:translate(-80px);
opacity:0;
transition:.3s;
visibility:hidden
}
.ca-team-social-right ul li{
display:inline-block
}
.ca-team-social-right ul li a{
background:#fff;
color:#ff5e14;
height:50px;
width:50px;
display:block;
font-size:20px;
line-height:50px;
text-align:center;
border-radius:50px;
margin-right:16px;
transform:translate(80px);
transition:.3s;
opacity:0;
visibility:hidden
}
.ca-social:hover .ca-team-social-left ul li a,.ca-social:hover .ca-team-social-right ul li a{
transform:translate(0);
opacity:1;
transition:.3s;
visibility:visible
}
.ca-team-plus{
background:#fff;
display:inline-block;
height:50px;
width:50px;
text-align:center;
line-height:50px;
font-size:20px;
border-radius:50px;
color:#ff5e14;
transition:.3s
}
.ca-team-img{
position:relative;
z-index:1;
overflow:hidden
}
.ca-team-social{
position:absolute;
bottom:30px;
left:45px
}
.ca-team-plus{
margin-right:16px
}
.ca-social{
display:flex
}
.ca-team-plus:hover{
transform:rotate(45deg);
transition:.3s
}
.ca-team-social-left ul li a:hover,.ca-team-social-right ul li a:hover{
color:#fff;
transition:.3s;
background:#ff5e14
}
.ca-team-box:hover .ca-team-img img{
transform:scale(1.1);
transition:.3s
}
.ca-team-img img{
transition:.3s
}
.ca-accordion-body{
background:#d11207;
color:#fff;
padding:0 20px 20px
}
.ca-accordion-item .accordion-button{
background:#f5f1f1;
font-size:20px;
line-height:32px;
color:#0c0504;
font-weight:600;
padding:16px 20px
}
.ca-accordion-item .accordion-button:focus{
box-shadow:none
}
.ca-accordion-item .accordion-button:not(.collapsed){
background:#d11207;
color:#fff;
padding-bottom:8px
}
.ca-accordion-item .accordion-button:not(.collapsed){
box-shadow:none
}
.ca-accordion-item .accordion-button:not(.collapsed):after{
filter:brightness(0) invert(1)
}
.ca-contact-shape-1{
position:absolute;
right:0;
z-index:9;
animation:moveRightToLeft 4s ease-in-out infinite
}
.ca-contact-shape-2{
position:absolute;
right:0;
z-index:9;
bottom:0;
animation:moveRightToLeft 4s ease-in-out infinite
}
@keyframes moveRightToLeft{
0%{
transform:translate(100%)
}
to{
transform:translate(0)
}
}
.ca-contact .subtitle-bg-1{
background:#fff
}
.ca-contact p{
color:#4a4a49
}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],select,textarea{
outline:none;
height:52px;
width:100%;
line-height:52px;
font-size:16px;
color:#4a4a49;
border:0;
background:#fff;
border-radius:7px;
text-transform:capitalize;
font-weight:400;
font-family:Outfit,sans-serif;
padding-left:20px
}
.ca-contact-from .nice-select{
height:52px;
line-height:52px;
border:none;
border-radius:7px;
padding-left:20px;
color:#4a4a49
}
.ca-contact-from .current{
font-size:16px;
line-height:16px;
color:#4a4949c7
}
.ca-contact-from textarea{
height:140px
}
.ca-contact-img{
top:0;
left:-5px;
height:101%
}
.ca-contact-img img{
height:100%
}
.ca-contact-shape-img1{
position:absolute;
right:0;
z-index:1;
width:60%
}
.ca-contact-shape-img1 img{
position:relative;
width:100%
}
.ca-contact-shape-img2{
position:absolute;
z-index:-1
}
.ca-contact{
position:relative;
z-index:1
}
.ca-contact{
padding-top:100px;
padding-bottom:60px
}
.ca-contact-shape-img2 img{
height:900px
}
.ca-contact-from .nice-select:after{
height:8px;
width:8px
}
.ca-contact-area{
height:808px
}
.ca-contact-shape-img1 img{
height:809px
}
.ca-contact-from-3{
padding:32px
}
.ca-contact-from-3 input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],select,textarea{
background:none;
border:1px solid #E5E6E7
}
.ca-contact-from.ca-contact-from-3 input,.ca-contact-from.ca-contact-from-3 textarea{
border:1px solid #E5E6E7;
border-radius:7px
}
.ca-contact-from-3 .nice-select{
background:none;
border:1px solid #E5E6E7
}
.ca-location-icbox-img span{
background:#e7edf6;
height:60px;
width:60px;
display:block;
line-height:60px;
text-align:center;
border-radius:50px
}
.ca-location-icbox{
display:flex;
align-items:center;
background:#fff;
padding:24px;
border-radius:7px;
overflow:hidden;
box-shadow:#64646f33 0 7px 29px;
transition:.3s
}
.ca-location-icbox-text{
transition:.3s
}
.ca-location-icbox-img{
margin-right:30px
}
.ca-location-icbox-text p{
color:#5a5d63;
font-size:16px;
line-height:26px;
transition:.3s
}
.ca-location-icbox-text a{
font-size:16px;
line-height:30px;
transition:.3s;
color:#5a5d63
}
.ca-location-icbox:hover{
background:#0e47a1;
transition:.3s
}
.ca-location-icbox:hover .ca-location-icbox-img span{
background:#2659aa;
transition:.3s
}
.ca-location-icbox-img span img{
transition:.3s
}
.ca-location-icbox:hover .ca-location-icbox-img span img{
filter:brightness(0) invert(1);
transition:.3s
}
.ca-location-icbox:hover .ca-location-icbox-text .ca-title{
color:#fff;
transition:.3s
}
.ca-location-icbox:hover .ca-location-icbox-text p,.ca-location-icbox:hover .ca-location-icbox-text a{
transition:.3s;
color:#fff;
opacity:.8
}
.ca-blo-4-title{
font-size:20px;
line-height:28px
}
.ca-work-content span{
font-size:16px;
line-height:16px;
font-weight:400;
color:#5d6061;
transform:translateY(2px);
display:block
}
.ca-work-time-box{
display:flex;
align-items:center
}
.ca-work-ic span{
display:inline-block;
height:24px;
width:24px;
margin-right:8px
}
.ca-working-time{
display:flex
}
.ca-working-hour{
border-bottom:1px solid #DFE2E3;
padding-bottom:32px
}
.ca-contact-4-icon span{
height:50px;
width:50px;
border-radius:50px;
background:#e3f0f2;
display:block;
line-height:50px;
text-align:center;
transition:.3s;
margin-right:16px
}
.ca-contact-ic-box-4{
display:flex
}
.ca-con-icon-box-4{
display:grid;
grid-template-columns:1fr 1fr;
margin-top:32px
}
.ca-contact-ic-box-4:hover .ca-contact-4-icon span{
background:#4ab9cf;
transition:.3s
}
.ca-contact-ic-box-4:hover .ca-contact-4-icon span img{
filter:brightness(0) invert(1)
}
iframe.ca-map{
height:100%;
width:470px
}
.ca-contact-4-content p{
color:#5d6061;
font-size:16px;
line-height:1
}
.ca-contact-content-4 p{
color:#5d6061
}
.ca-contact-from-2{
padding:32px;
margin-right:50px
}
.ca-contact-title-2{
font-size:24px;
line-height:24px
}
.ca-contact-content-2 p{
color:#5a5a5a;
font-size:16px;
line-height:26px
}
.ca-contact-area-2{
background-size:cover;
background-position:center;
background-repeat:no-repeat
}
.ca-contact-from-2 input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=url],select,textarea{
background:#fff;
border-radius:0;
border:none
}
.ca-contact-from-2 .nice-select{
height:52px;
line-height:52px;
border:none;
padding-left:20px;
color:#4a4a49;
border-radius:0
}
.ca-location-item img{
height:80px;
width:80px;
border-radius:50%
}
.ca-top-lc img{
height:32px
}
.ca-top-lc{
position:absolute;
top:-32px;
transition:.3s
}
.ca-location-item:hover .ca-top-lc{
opacity:0;
transition:.3s
}
.ca-lc-box{
background:#fff;
border-radius:6px;
padding:8px 12px;
color:#5a5a5a;
top:-150px;
position:relative;
left:25px;
transform:translateY(20px);
opacity:0;
visibility:hidden;
transition:.3s
}
.ca-location-item:hover .ca-lc-box{
opacity:1;
visibility:visible;
transform:translateY(0);
transition:.3s
}
.ca-lca-1{
right:15px;
top:44px
}
.ca-lca-2{
top:217px;
right:80px
}
.ca-lca-3{
right:32px;
top:425px
}
.ca-lca-4{
top:90px;
left:243px
}
.ca-lca-6{
top:350px;
left:71px
}
.ca-lca-5{
top:15px;
left:88px
}
.ca-blog-box-content{
padding:24px
}
.ca-b-meta{
display:flex;
margin-bottom:20px
}
.ca-blog-meta{
display:flex;
align-items:center;
margin-right:20px;
color:#1b0901
}
.ca-meta-icon span img{
display:block;
line-height:20px;
margin-right:8px;
transition:.3s
}
.ca-meta-title span{
font-size:16px;
line-height:16px;
display:block
}
.ca-blog-title a{
font-size:20px;
line-height:28px;
color:#1b0901;
transition:.3s
}
.ca-blog-box-content p{
color:#4a4a49;
font-size:16px;
line-height:24px
}
.ca-blog-date{
background:#1b0901;
height:64px;
width:64px;
text-align:center;
line-height:64px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:50px;
position:absolute;
top:16px;
left:16px;
z-index:1;
transition:.3s
}
.blg-date{
display:block;
font-size:24px;
line-height:24px;
color:#fff;
font-weight:700;
transition:.3s
}
.ca-blog-date p{
font-size:14px;
line-height:14px;
color:#fff;
transition:.3s
}
.ca-blog-box:hover .ca-blog-date{
transform:rotateY(360deg);
transition:.3s;
background:#ff5e14
}
.ca-blog-box:hover .ca-blog-title a,.ca-blog-box:hover .read-more,.ca-blog-box:hover .read-more span{
color:#ff5e14;
transition:.3s
}
.ca-b-meta.ca-b-meta-2{
margin-bottom:14px
}
.ca-blog-box-content-2 p{
padding-top:10px;
padding-bottom:10px
}
.subtitle-bg-4:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#d11207;
top:9px;
left:12px
}
.ca-sec-content-2 p{
color:#5a5a5a;
font-size:16px;
line-height:24px
}
.ca-blogimg-2 img{
height:100%;
object-fit:cover;
width:170px
}
.ca-blog-box-2 p{
color:#5a5a5a
}
.ca-team-img.ca-blogimg-2.ca-lar-img img{
height:268px
}
.ca-blog-box-2:hover .read-more,.ca-blog-box-2:hover .read-more span,.ca-blog-box-2:hover .ca-blog-title a{
color:#d11207;
transition:.3s
}
.ca-meta-title-2 span{
color:#5a5a5a;
font-size:18px;
line-height:18px
}
.ca-lar-img-2 img{
height:267px;
object-fit:cover
}
.ca-blog-date-3{
background:#00060f;
display:inline-block;
padding:8px 12px;
border-radius:4px;
position:absolute;
right:13px;
top:50%;
z-index:1;
transition:.3s;
font-size:16px;
line-height:16px
}
.blg-date-3{
color:#fff;
transition:.3s
}
.ca-blog-box-content-3{
padding-top:30px
}
.ca-blog-title-3 a{
color:#00060f;
transition:.3s;
text-transform:capitalize
}
.ca-blog-box-content-3 p{
color:#5a5d63;
transition:.3s
}
.read-more3{
font-size:16px;
line-height:16px;
color:#00060f;
font-weight:700;
transition:.3s
}
.ca-blog-box-3:hover .ca-blog-title-3 a,.ca-blog-box-3:hover .read-more3{
color:#0e47a1;
transition:.3s
}
.ca-blog-box-3:hover .ca-blog-date-3{
background:#0e47a1;
transition:.3s
}
.read-more3 span{
margin-left:4px;
font-size:16px;
line-height:16px
}
.ca-blog-meta-3 span{
color:#00060f;
font-size:16px;
line-height:16px;
font-weight:400;
transition:.3s
}
.subtitle-bg-8:after{
position:absolute;
content:"";
height:14px;
width:2px;
background:#021013;
top:9px;
left:12px
}
.ca-blog-content-4 p{
color:#5d6061;
transition:.3s
}
.ca-blog-box-content-4{
margin-left:50px;
margin-top:-50px;
position:relative;
z-index:1;
border-radius:7px 0 7px 7px;
box-shadow:#64646f33 0 7px 29px
}
.ca-blog-box-4:hover .ca-blog-title a{
color:#4ab9cf;
transition:.3s
}
.ca-blog-box-4 img{
position:relative;
overflow:hidden;
border-radius:7px
}
.ca-blog-4-img img{
overflow:hidden;
border-radius:7px;
height:350px;
object-fit:cover
}
.blog-4-readmore .read-more3{
color:#021013;
transition:.3s
}
.ca-blog-box-4:hover .blog-4-readmore .read-more3{
color:#4ab9cf;
transition:.3s
}
.ca-blog-4-img{
border-radius:7px;
overflow:hidden
}
.ca-cta-2{
padding:70px 60px 50px
}
.ca-cta-area-2{
margin-bottom:-178px;
z-index:9
}
.ca-btn-cta-2 .ca-btn-primary span{
background:none;
transform:rotate(-45deg);
width:20px
}
.c-shape-1{
left:53%;
bottom:0
}
.c-shape-2 img{
height:320px;
width:450px;
transition:.3s
}
.c-shape-2{
bottom:0
}
.ca-cta-area-2:hover .c-shape-2 img{
transform:scale(1.1)
}
.ca-btn-cta-2 .ca-btn-primary:hover{
background:#fff;
color:#d11207!important
}
.ca-btn-cta-2 .ca-btn-primary:after{
background:#fff
}
.ca-btn-primary:hover span{
transform:rotate(0);
transition:.3s
}
.ca-btn-primary span{
transition:.3s
}
.ca-btn-cta-2 .ca-btn-primary span{
width:inherit
}
.ca-btn-cta-3{
margin:0;
padding:0;
display:flex;
justify-content:end
}
.ca-btn-cta-3 .ca-btn-primary-3{
color:#0e47a1
}
.ca-btn-cta-3 .ca-btn-primary-3 span{
background:#cfdaec;
color:#2b5dac
}
.ca-cta-shape3{
left:50%;
top:0;
animation:move 7s linear infinite
}
.ca-btn-cta-3:hover .ca-btn-primary{
color:#fff
}
.ca-btn-cta-4 span{
background:#4ab9cf;
color:#fff;
transition:.3s
}
iframe.ca-map-4{
width:100%;
height:348px;
display:block
}
.container.theme-bg-4{
padding:0
}
.ca-cta-content-4{
padding:78px 48px
}
.ft-shape-1{
top:40%;
left:0;
animation:move 7s linear infinite;
z-index:-1
}
.ft-shape-2{
bottom:30px;
right:0;
animation:move 7s linear infinite;
z-index:-1
}
.ft-shape-3{
left:0;
bottom:26px;
animation:move 7s linear infinite;
z-index:-1
}
.ft-shape-4{
bottom:10px;
left:90px;
animation:move 7s linear infinite;
z-index:-1
}
@keyframes circle{
0%{
transform:rotate(0)
}
to{
transform:rotate(-1000deg)
}
}
.cta-title-1{
font-size:44px;
line-height:54px
}
.ca-cta-area{
padding-top:48px;
padding-bottom:48px
}
.ca-ft-content p{
color:#4a4a49
}
.ca-ft-area{
padding:48px 40px 28px;
border-top-left-radius:7px;
border-top-right-radius:7px
}
.ca-title a{
font-size:20px;
line-height:20px;
transition:.3s;
font-weight:600;
color:#fff
}
.ca-footer-menu ul li a{
color:#4a4a49;
font-size:16px;
display:block;
padding-bottom:20px;
transition:.3s
}
.ca-footer-menu ul li a:hover{
color:#ff5e14;
transition:.3s;
padding-left:4px
}
.widget-3{
margin-left:51px
}
.widget-4{
margin-left:140px
}
.border-1{
border-top:1px solid #D1CECC
}
.ca-footer-email-sub input[type=email]{
outline:none;
height:48px;
border-radius:30px;
display:block;
padding:16px 20px;
border:none;
background:#ffefe8;
width:100%
}
.ca-footer-email-sub button{
border:none;
width:100%;
margin-top:20px
}
.copry-right-text{
color:#4a4a49
}
.copy-right-menu ul li{
display:inline-block;
padding-left:16px;
margin-left:16px;
position:relative
}
.copy-right-menu ul li:before{
content:"";
position:absolute;
height:16px;
width:2px;
background:#4a4a49;
opacity:.2;
left:0;
top:6px
}
.copy-right-menu ul li:first-child:before{
display:none
}
.copy-right-menu ul li a{
color:#4a4a49
}
.copy-right-menu ul{
margin-right:14px
}
.ca-footer-social ul li{
display:inline-block
}
.ca-footer-social ul li a{
display:block
}
.ca-footer-social ul li a{
display:block;
height:40px;
width:40px;
background:#ffefe7;
line-height:40px;
text-align:center;
color:#ff5e14;
font-size:20px;
border-radius:50px;
margin-right:16px;
transition:.3s
}
.ca-footer-social ul li a:hover{
background:#ff5e14;
color:#fff;
transition:.3s
}
#topBtn{
position:fixed;
width:40px;
height:40px;
background:#ff5e14;
bottom:40px;
right:50px;
border-radius:50px;
text-decoration:none;
text-align:center;
line-height:40px;
color:#fff;
border:none;
cursor:pointer;
display:none;
outline:none;
z-index:9
}
.ca-footer-email-sub-2 input[type=email]{
border-radius:0;
background:#f1dbda
}
.ca-ft-area-2{
border-top-left-radius:7px;
border-top-right-radius:7px
}
.ca-footer-social-2 ul li a{
background:#f2dfde;
color:#d11207;
transition:.3s
}
.ca-footer-social-2 ul li a:hover{
background:#d11207;
color:#fff;
transition:.3s
}
button.ca-btn-primary.ca-btn-primary-2 span{
width:auto
}
#topBtn2{
position:fixed;
width:40px;
height:40px;
background:#d11207;
bottom:40px;
right:50px;
text-decoration:none;
text-align:center;
line-height:40px;
z-index:9;
color:#fff;
border:none;
cursor:pointer;
display:none;
outline:none
}
.ca-ft-content-2 p{
color:#5a5a5a
}
.ca-footer-menu-2 ul li a{
color:#5a5a5a;
transition:.3s
}
.ca-footer-menu-2 ul li a:hover{
color:#d11207;
transition:.3s;
padding-left:4px
}
.ca-footer-email-sub-3 input[type=email]{
background:#e7edf6
}
.ca-ft-content-3 p{
color:#5a5d63
}
.ca-footer-social-3 ul li a{
background:#e7edf6;
color:#0e47a1;
transition:.3s
}
.ca-footer-social-3 ul li a:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.ca-footer-menu-3 ul li a:hover{
color:#0e47a1
}
.copy-right-menu.pt-24{
text-align:end
}
#topBtn3{
position:fixed;
width:40px;
height:40px;
background:#0e47a1;
bottom:40px;
right:20px;
border-radius:50px;
z-index:9;
text-decoration:none;
text-align:center;
line-height:40px;
color:#fff;
border:none;
cursor:pointer;
display:none;
outline:none
}
.ca-footer-social-4 ul li a{
background:#e7f3f6;
color:#021013;
transition:.3s
}
.ca-footer-social-4 ul li a:hover{
background:#4ab9cf;
color:#fff;
transition:.3s
}
#topBtn4{
position:fixed;
width:40px;
height:40px;
background:#4ab9cf;
bottom:40px;
right:50px;
border-radius:50px;
z-index:9;
text-decoration:none;
text-align:center;
line-height:40px;
color:#fff;
border:none;
cursor:pointer;
display:none;
outline:none
}
.ca-footer-menu-4 ul li a{
color:#5d6061
}
.ca-footer-menu-4 ul li a:hover{
color:#4ab9cf;
padding-left:4px
}
.ca-footer-4.widget-1 p,.ca-ft-content-4 p,.copry-right-text-4,.copy-right-menu-4 ul li a{
color:#5d6061
}
.ca-footer-4-shape{
right:0;
top:0;
animation:moveRightToLeft 4s ease-in-out infinite
}
.ca-breadcrumb-area{
padding-top:196px;
padding-bottom:80px
}
.ca-breadcrumb-title{
color:#00060f;
font-size:64px;
line-height:64px
}
.it-breadcum-link a{
color:#00060f;
font-size:20px;
line-height:20px
}
.it-breadcum-link{
padding-top:30px
}
.it-breadcum-link .active{
font-weight:600
}
.it-breadcum-link span{
display:inline-block;
color:#00060f;
font-size:24px;
margin:0 8px
}
.it-breadcum-link{
display:flex;
align-items:center;
justify-content:center
}
.bre-sh-2{
left:0;
bottom:0;
z-index:-1
}
.bre-sh-1{
z-index:-1
}
.ca-ab-iner-img img{
border-radius:7px
}
.ca-ab-iner-img-2{
margin-top:60px
}
.ca-iner-review-text{
padding:32px;
color:#fff;
border-radius:7px;
border:4px solid #fff;
bottom:107px;
left:160px;
z-index:1
}
.ca-iner-ch-box-content{
background:#fff;
padding:16px;
border-radius:7px;
border-left:6px solid #0E47A1
}
.ca-iner-ch-box-content .ca-title{
font-size:20px;
line-height:20px
}
.ca-iner-ch-box{
display:grid;
grid-template-columns:1fr 1fr
}
.ca-choose-img img{
border-radius:7px
}
.ca-ch-butom-img{
right:-50px;
z-index:11;
bottom:-48px;
border:4px solid #fff;
border-radius:7px
}
.ca-choose-img>img{
margin-right:50px
}
.ca-choose-content3{
margin-right:50px
}
.ca-value-cbox{
padding:24px 46px;
transition:.3s
}
.ca-value-cbox span{
transition:.3s
}
.ca-value-cbox .ca-counter-title,.ca-value-cbox .ca-counter-title span{
color:#00060f;
transition:.3s
}
.ca-value-cbox{
box-shadow:#959da533 0 8px 24px
}
.ca-value-cbox:hover{
background:#0e47a1;
transition:.3s
}
.ca-value-cbox:hover .ca-counter-title,.ca-value-cbox:hover .ca-counter-title span{
color:#fff;
transition:.3s
}
.ca-value-cbox .v-text{
color:#4a4a49;
transition:.3s
}
.ca-value-cbox:hover .v-text{
color:#e7edf6;
transition:.3s
}
.ca-team-iner-content{
background:#fff;
padding:16px;
box-shadow:#64646f33 0 7px 29px;
margin-left:20px;
margin-right:20px
}
.ca-team-iner-content{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:-43px;
position:relative;
z-index:1
}
.ca-team-iner-img img{
border-radius:7px;
overflow:hidden;
transition:.3s
}
.ca-team-iner-title a{
font-weight:600;
font-size:18px;
line-height:28px;
color:#00060f;
padding-bottom:10px
}
.ca-team-iner-heading span{
color:#5a5d63;
font-size:16px;
line-height:16px
}
.ca-team-iner-share a{
background:#00060f;
height:40px;
width:40px;
border-radius:50px;
display:block;
line-height:37px;
text-align:center;
transition:.3s
}
.ca-team-iner-social ul li a span{
background:#f8f9fa;
height:36px;
width:36px;
display:block;
font-size:18px;
line-height:36px;
text-align:center;
border-radius:50px;
color:#00060f;
transition:.3s;
transform:translate(80px);
opacity:0;
visibility:hidden
}
.ca-team-iner-social ul li{
margin-bottom:10px
}
.ca-team-iner-social ul li:last-child{
margin-bottom:0
}
.ca-team-iner-social{
position:absolute;
top:40px;
right:30px
}
.ca-team-iner-social ul li a span:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.ca-team-inner:hover .ca-team-iner-social ul li a span{
transform:translate(0);
opacity:1;
visibility:visible
}
.ca-team-inner:hover .ca-team-iner-share a{
background:#0e47a1;
transition:.3s
}
.ca-ser-ic{
background:#e1e7f1
}
.overly-num2{
color:#ecedee;
opacity:1;
visibility:visible
}
.ca-service-content-iner .ca-title a{
color:#00060f;
transition:.3s
}
.ca-service-content-iner p{
color:#5a5d63;
transition:.3s
}
.ca-service-content-iner .read-more{
color:#00060f;
transition:.3s
}
.ca-ser-icon-box-2:after{
background-color:#0e47a1
}
.theme-pagination ul li{
margin:0 5px
}
.theme-pagination ul{
margin:0;
padding:0;
list-style:none
}
.theme-pagination ul li{
display:inline-block
}
.theme-pagination ul li a{
background:#e7edf6;
height:50px;
width:50px;
display:block;
line-height:50px;
border-radius:5px;
transition:.3s;
font-weight:600;
color:#00060f;
font-size:16px
}
.theme-pagination ul li a.active{
background:#0e47a1;
color:#fff
}
.theme-pagination ul li a:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.theme-pagination{
margin-top:18px
}
.ca-search{
padding:24px 20px 28px
}
.ca-search-box input{
background:#e5ebf3;
border-radius:50px;
height:48px
}
.ca-sea-icon span{
height:48px;
width:48px;
background:#0e47a1;
line-height:48px;
text-align:center;
display:block;
color:#fff;
font-size:20px;
border-radius:50px;
position:absolute;
right:0;
top:0;
cursor:pointer
}
.ca-padding{
padding:24px 20px
}
.ca-ser-list-title a{
font-size:18px;
line-height:18px;
color:#00060f;
background:#e5ebf3;
padding:14px 20px;
border-radius:50px;
transition:.3s;
font-weight:600
}
.ca-ser-list-title a span{
background:#cad0d8;
height:32px;
width:32px;
line-height:36px;
text-align:center;
border-radius:50px;
display:block;
transition:.3s;
font-size:20px
}
.ca-ser-list-title a:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.ca-ser-list-title a:hover span{
background:#2b5dac;
color:#fff;
transition:.3s
}
.ca-ser-list-title{
margin-bottom:20px
}
.ca-ser-list-title:last-child{
margin-bottom:0
}
.ca-ph-content{
background:#0e47a1;
border-radius:50px;
padding:10px 16px;
display:inline-flex
}
.ca-ph-ic span{
background:#2b5dac;
height:32px;
width:32px;
display:block;
line-height:32px;
text-align:center;
border-radius:50px;
margin-right:8px
}
.ph-title a{
color:#fff;
font-weight:700;
font-size:16px;
line-height:16px
}
.ca-servic-list-title{
font-size:20px;
line-height:28px
}
.ca-sidebar-form input,textarea{
margin-bottom:16px;
border-radius:7px
}
.ca-sidebar-form textarea{
height:120px
}
.ca-service-thumb-title{
font-size:40px;
line-height:40px;
text-transform:capitalize
}
.ca-servic-thumb-content p{
color:#5a5d63;
font-size:16px;
line-height:26px
}
.ca-thumb-title-2{
font-size:28px;
line-height:28px
}
.ca-accordion-item-2 .accordion-button{
background:#f8f9fa;
color:#00060f;
border-radius:7px
}
.ca-accordion-item-2 .accordion-button:not(.collapsed){
background:#0e47a1;
color:#fff;
border-radius:7px 7px 0 0
}
.ca-accordion-item-2 .ca-accordion-body{
background:#0e47a1;
color:#fff;
padding:0 20px 20px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px
}
.ca-accordion-item-2 .ca-accordion-body p{
color:#fff
}
.ca-acordion-area .ca-accordion-body p{
color:#fff;
opacity:.8
}
.ca-ab-item-check-2{
grid-template-columns:1fr 1fr 1fr
}
.ca-thumb-title-4{
font-size:18px;
line-height:18px
}
.ca-more-title{
font-size:44px;
line-height:44px
}
.portfolio-link-2 span{
background:#0e47a1
}
.ca-tags-list ul li a{
background:#e1e7f1;
padding:12px 16px;
display:block;
color:#00060f;
font-weight:600;
font-size:16px;
line-height:16px;
border-radius:111px;
margin-bottom:16px;
margin-right:10px;
transition:.3s
}
.ca-tags-list ul li{
display:inline-block
}
.ca-tags-list ul li a:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.ca-tags.ca-padding{
padding:24px 20px 8px
}
.ca-project-thumb-title{
font-size:44px;
line-height:44px
}
.ca-servic-thumb img{
border-radius:7px
}
.ca-single-cat-item span{
color:#5a5d63;
font-size:18px;
line-height:18px
}
.ca-project-cat{
display:flex;
justify-content:space-between;
padding-top:40px;
padding-bottom:10px
}
.ca-project-thumb-title-2{
font-size:32px;
line-height:32px
}
.ca-pro-thumb-content p{
font-size:16px;
line-height:28px;
color:#5a5d63
}
.ca-projrct-iner-box{
padding:24px
}
.ca-projrct-iner-box{
margin-top:40px;
margin-bottom:40px
}
.caborder-top{
border-top:1px solid #CCCDCF;
padding-top:42px;
padding-bottom:42px
}
.ca-pricing-box-2.active{
background:#0e47a1
}
.ca-pricing-box-2.active .ca-price-btn-4{
background:#fff;
color:#0e47a1!important;
transition:.3s;
box-shadow:#959da533 0 8px 24px
}
.ca-pricing-box-2.active .ca-price-btn-4 span{
color:#fff;
transition:.3s;
background:#0e47a1
}
.ca-price-list-2 ul li span{
background:#0e47a1
}
.ca-pricing-box-2:hover .ca-price-btn-4{
background:#fff;
color:#0e47a1!important;
transition:.3s;
box-shadow:#959da533 0 8px 24px
}
.ca-pricing-box-2:hover .ca-price-btn-4 span{
color:#fff;
transition:.3s;
background:#0e47a1
}
.ca-price-btn-4{
background:#0e47a1;
font-size:16px;
line-height:16px;
padding:10px 20px;
display:inline-block;
font-weight:700;
transition:.3s
}
.ca-price-btn-4 span{
background:#fff;
color:#0e47a1;
height:36px;
width:36px;
border-radius:50px;
display:inline-block;
line-height:38px;
margin-left:6px;
font-size:18px;
transition:.3s
}
.ca-contact-inner .ca-title{
font-size:22px;
line-height:30px
}
.ca-contact-inner .ca-location-icbox-text p{
font-size:16px;
line-height:30px
}
.ca-recents-post{
display:flex;
align-items:center
}
.ca-recent-post-thumb img{
height:100px;
width:100px;
border-radius:7px;
margin-right:15px
}
.ca-recent-post-section{
display:flex;
align-items:center
}
.ca-rec-post-title a{
font-size:20px;
line-height:28px;
font-weight:600;
color:#00060f
}
.ca-rec-post-date a{
color:#5a5d63;
font-size:18px;
line-height:18px
}
.ca-rec-post-date span img{
margin-top:-5px
}
.ca-rec-post-date{
display:flex;
align-items:center
}
.ca-rec-post-date span{
margin-right:4px
}
.ca-single-author img{
height:70px;
width:70px;
border-radius:50px
}
.ca-blg-author{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr
}
.ca-service-left-content .ca-project-thumb-title{
line-height:52px
}
.ca-servic-cat-item-img{
height:40px;
width:40px;
border-radius:50px;
margin-right:8px
}
.ca-blog-cat-ttitle a{
color:#5a5d63;
font-size:16px;
line-height:16px;
font-weight:400;
display:block
}
.ca-servic-cat-item{
display:flex;
height:16px;
align-items:center;
border-right:1px solid #5A5D63;
padding-right:16px;
margin-right:16px
}
.ca-servic-cat-item:last-child{
border:none
}
.ca-servic-cat-item-img img{
border-radius:50px
}
.ca-ab-item-check-3 .ca-ab-sngle-item-ic span{
background:#0e47a1;
color:#fff
}
.ca-servic-cat{
display:flex
}
.ca-servic-cat-item-ic span{
display:flex;
margin-right:4px
}
.ca-tag-social-3 ul li a{
background:#e7edf6;
color:#00060f;
height:32px;
width:32px;
line-height:32px;
font-size:16px;
transition:.3s
}
.ca-tag-social-3 ul li a:hover{
background:#0e47a1;
color:#fff;
transition:.3s
}
.ca-blg-tag-list ul li a{
color:#00060f;
font-size:16px;
line-height:16px;
display:inline-block;
border:1px solid #00060F;
padding:8px 12px;
border-radius:30px;
transition:.3s
}
.ca-tag-social-3 ul li a{
background:#e7edf6;
color:#00060f;
height:32px;
width:32px;
line-height:32px;
font-size:16px
}
.ca-blg-tag-list ul li a{
color:#00060f;
font-size:16px;
line-height:16px;
display:inline-block;
border:1px solid #00060F;
padding:8px 12px;
border-radius:30px;
transition:.3s;
margin-right:10px
}
.ca-blg-tag-list ul li a:hover{
background:#0e47a1;
color:#fff;
transition:.3s;
border:1px solid #0E47A1
}
.ca-blog-tags-section{
display:flex;
justify-content:space-between
}
.ca-blog-tag-section{
display:flex;
align-items:center
}
.ca-blg-tag-list ul li{
display:inline-block
}
.ca-blg-tag-taile .ca-title,.ca-blog-share .ca-title{
display:inline-block;
margin-right:8px
}
.ca-blog-share{
display:flex;
align-items:center
}
.ca-ab-item-check-3{
padding-bottom:16px
}
.ca-blg-single-comment{
padding:24px;
border-radius:7px
}
.ca-blg-auth-img img{
height:70px;
width:70px;
border-radius:50px;
margin-right:16px
}
.ca-blg-cmt{
display:flex;
justify-content:space-between;
align-items:center
}
.ca-blg-auth{
display:flex;
align-items:center
}
.ca-blg-auth-title span{
color:#5a5d63;
font-size:18px;
line-height:18px;
padding-top:10px;
display:block
}
.ca-blg-rep-title{
color:#00060f;
font-size:18px;
line-height:18px;
font-weight:600
}
.ca-blg-rep-title span{
margin-right:4px
}
.ca-blg-comt-form{
margin-left:20px
}
.ca-rep-cmt{
margin-left:30px
}
.ca-blog-rep-form{
padding:32px
}
.ca-cmt-from textarea{
height:140px;
border:1px solid #E5E6E7
}
.ca-cmt-from input{
border:1px solid #E5E6E7;
border-radius:7px;
height:56px
}
.ca-blg-date-3{
background:#0e47a1;
transition:.3s
}
.ca-blog-box-content-3{
transition:.3s
}
.ca-blg-box-3:hover .ca-blog-box-content-3{
background:#0e47a1;
transition:.3s
}
.ca-blg-box-3:hover .ca-blog-meta-3 span,.ca-blg-box-3:hover .ca-blog-title-3 a{
color:#fff;
transition:.3s
}
.ca-blg-box-3:hover .ca-blog-box-content-3 p{
color:#fff;
opacity:.8;
transition:.3s
}
.ca-blg-box-3:hover .ca-meta-icon span img{
filter:brightness(0) invert(1)
}
.ca-blg-box-3:hover .read-more3{
color:#fff;
transition:.3s
}
.ca-con-rep-form{
padding:60px 107px
}
.ca-con-rep-form .ca-title{
font-size:32px;
line-height:32px
}
.ca-con-rep-form .nice-select.wide.ca-select{
height:56px
}
.contact-page__google-map{
width:100%;
height:700px
}
.ca-conatct-form1{
margin-top:-200px
}
.ca-radion-btn{
text-align:start
}
.ca-radion-btn input[type=radio]{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
width:20px;
height:20px;
border:1px solid #0E47A1;
border-radius:50%;
outline:none;
cursor:pointer;
position:relative;
transition:border-color .2s ease;
margin-right:12px
}
.ca-cmt-from .nice-select:after{
height:8px;
width:8px
}
.ca-cmt-from .nice-select.wide.ca-select:focus{
outline:none
}
.ca-cmt-from .nice-select.wide.ca-select .current{
color:#5a5d63
}
.ca-radion-btn input[type=radio]:hover{
border-color:#0e47a1
}
.ca-radion-btn input[type=radio]:before{
content:"";
width:12px;
height:12px;
border-radius:50%;
background:transparent;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transition:.2s ease
}
.ca-radion-btn input[type=radio]:checked:before{
background:#0e47a1
}
.ca-radion-btn{
display:flex;
align-items:center
}
.ca-conatct-form1 textarea{
margin-bottom:0
}
.ca-radion-btn{
margin-bottom:32px
}
.ca-radion-btn label{
color:#5a5d63;
font-size:16px;
line-height:30px
}
.ca-iner-accordion-item .accordion-button:focus{
box-shadow:none;
border:1px solid #E5E6E7;
border-radius:7px;
outline:none
}
.ca-iner-accordion-item .accordion-button:not(.collapsed){
background-color:#0e47a1;
color:#fff;
border-radius:7px;
font-size:18px;
line-height:27px;
font-weight:600
}
.ca-iner-accordion-item .accordion-button:not(.collapsed):after{
background-image:var(--bs-accordion-btn-active-icon);
transform:var(--bs-accordion-btn-icon-transform);
filter:brightness(0) invert(1)
}
.ca-iner-accordion-item .accordion-button.collapsed{
color:#00060f;
font-size:18px;
line-height:27px;
font-weight:600;
border:1px solid #E5E6E7;
border-radius:7px
}
.ca-iner-accordion-item .accordion-body p{
color:#5a5d63;
font-size:16px;
line-height:30px
}
.ca-iner-accordion-item .accordion-body{
background-color:#fff;
box-shadow:#959da533 0 8px 24px
}
.ca-iner-accordion-item{
margin-bottom:20px
}
.ca-testimonial-iner{
margin:0
}
.ca-faq-iner-thumb img{
border-radius:7px;
height:660px;
object-fit:cover
}
.ca-fa-sm-thumb img{
height:236px;
width:207px;
display:block;
object-fit:cover;
border-radius:7px;
border:7px solid #fff
}
.ca-fa-sm-thumb{
position:absolute;
top:-40px;
right:-50px
}
.ca-faq-iner-review{
border:none;
left:-30px;
bottom:33px
}
.ca-faq-iner-review .ca-counter-title{
font-size:65px;
line-height:75px
}
.ca-faq-iner-review p{
display:block;
margin:0;
padding:0;
font-size:16px;
line-height:16px;
font-weight:600
}
.ca-test-3-rating.ca-faq-rating{
background:#0d449a
}
.ca-faq-rating span{
color:#ffa41c
}
.ca-faq-rating .ca-rating-num-3{
color:#fff
}
.ca-test-3-rating.ca-faq-rating{
margin-top:20px;
margin-bottom:0
}
.ca-iner-review-text.ca-faq-iner-review{
padding:24px 107px 24px 24px
}
.ca-rating-title-3 .rat-title{
color:#fff;
font-size:16px;
line-height:16px
}
.ca-iner-one .accordion-button:focus{
outline:0;
box-shadow:none
}
.ca-iner-one .accordion-button:not(.collapsed){
background:none
}
.ca-iner-one.accordion-item{
border:none;
border-bottom:1px solid #E5E6E7
}
.ca-iner-one.accordion-item:last-of-type{
border-bottom-right-radius:var(--bs-accordion-border-radius);
border-bottom-left-radius:var(--bs-accordion-border-radius);
border-radius:inherit
}
.ca-iner-one .accordion-button:not(.collapsed){
box-shadow:none
}
.ca-iner-one button.accordion-button.collapsed{
font-size:20px;
line-height:20px;
color:#00060f;
font-weight:600
}
.ca-iner-one .accordion-button:not(.collapsed){
font-size:20px;
line-height:20px;
color:#00060f;
font-weight:600
}
.ca-iner-one .accordion-body p{
color:#696969;
font-size:16px;
line-height:24px
}
.ca-iner-one .accordion-button{
position:relative;
z-index:1
}
.ca-iner-one .accordion-button:after{
position:absolute;
left:0;
content:"+";
background:#0e47a1;
z-index:-1;
height:36px;
width:36px;
line-height:36px;
text-align:center;
border-radius:50px;
display:none
}
.ca-iner-one .accordion-button span{
background:#0e47a1;
height:36px;
width:36px;
line-height:40px;
text-align:center;
border-radius:50px;
color:#fff;
position:absolute;
left:0;
transition:.3s
}
.ca-iner-one .accordion-button.collapsed span{
transform:rotate(-90deg);
transition:.3s
}
.ca-iner-one .accordion-button.collapsed span{
background:#e7edf6;
transition:.3s;
color:#0e47a1
}
.ca-iner-one .accordion-button{
padding-left:60px
}
.ca-iner-one .accordion-body{
padding:0 13px 20px 56px
}
.ca-eror-heading p{
color:#5a5d63;
font-size:16px;
line-height:24px
}
.ca-eror-heading .ca-section-title{
font-size:40px;
line-height:40px
}
.ctn-preloader{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
cursor:default;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
left:0;
top:0;
width:100%;
z-index:9000
}
.ctn-preloader .animation-preloader{
z-index:1000
}
.ctn-preloader .animation-preloader .spinner{
-webkit-animation:spinner 1s infinite linear;
animation:spinner 1s infinite linear;
border-radius:50%;
border:3px solid rgba(0,0,0,.2);
border-top-color:#048ec5;
height:150px;
margin:0 auto 3.5em;
width:150px
}
.ctn-preloader .animation-preloader .txt-loading{
font:700 5em Outfit,sans-serif;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading{
color:#0003;
position:relative
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:before{
-webkit-animation:letters-loading 4s infinite;
animation:letters-loading 4s infinite;
color:#000;
content:attr(data-text-preloader);
left:0;
opacity:0;
font-family:Outfit,sans-serif;
position:absolute;
top:-3px;
-webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{
-webkit-animation-delay:.2s;
animation-delay:.2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{
-webkit-animation-delay:.4s;
animation-delay:.4s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{
-webkit-animation-delay:.6s;
animation-delay:.6s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{
-webkit-animation-delay:.8s;
animation-delay:.8s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{
-webkit-animation-delay:1s;
animation-delay:1s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{
-webkit-animation-delay:1.2s;
animation-delay:1.2s
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{
-webkit-animation-delay:1.4s;
animation-delay:1.4s
}
.ctn-preloader.dark .animation-preloader .spinner{
border-color:#fff3;
border-top-color:#fff
}
.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading{
color:#fff3
}
.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before{
color:#fff
}
.ctn-preloader p{
font-size:14px;
font-weight:500;
text-transform:uppercase;
letter-spacing:8px;
color:#3b3b3b
}
.ctn-preloader .loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
font-size:0;
z-index:1;
pointer-events:none
}
.ctn-preloader .loader .row{
height:100%
}
.ctn-preloader .loader .loader-section{
padding:0
}
.ctn-preloader .loader .loader-section .bg{
background-color:#fff;
height:100%;
left:0;
width:100%;
-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);
-o-transition:all .8s cubic-bezier(.77,0,.175,1);
transition:all .8s cubic-bezier(.77,0,.175,1)
}
.ctn-preloader .loader.dark_bg .loader-section .bg{
background:#111339
}
.ctn-preloader.loaded .animation-preloader{
opacity:0;
-webkit-transition:.3s ease-out;
-o-transition:.3s ease-out;
transition:.3s ease-out
}
.ctn-preloader.loaded .loader-section .bg{
width:0;
-webkit-transition:.7s .3s allcubic-bezier(.1,.1,.1,1);
-o-transition:.7s .3s allcubic-bezier(.1,.1,.1,1);
transition:.7s .3s allcubic-bezier(.1,.1,.1,1)
}
@-webkit-keyframes spinner{
to{
-webkit-transform:rotateZ(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner{
to{
-webkit-transform:rotateZ(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes letters-loading{
0%,75%,to{
opacity:0;
-webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)
}
25%,50%{
opacity:1;
-webkit-transform:rotateY(0deg);
transform:rotateY(0)
}
}
@keyframes letters-loading{
0%,75%,to{
opacity:0;
-webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)
}
25%,50%{
opacity:1;
-webkit-transform:rotateY(0deg);
transform:rotateY(0)
}
}
@media screen and (max-width: 767px){
.ctn-preloader .animation-preloader .spinner{
height:8em;
width:8em
}
.ctn-preloader .animation-preloader .txt-loading{
font:700 3.5em Outfit,sans-serif
}
}
@media screen and (max-width: 500px){
.ctn-preloader .animation-preloader .spinner{
height:7em;
width:7em
}
.ctn-preloader .animation-preloader .txt-loading{
font:700 2em Outfit,sans-serif
}
}
.slick-slide{
margin-left:15px;
overflow:hidden
}