@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,100&display=swap');
@import url('bootstrap.min.css');
/* @import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css'); */
@import url('font-awesome.css');
@import url(animate.css);
.navbar-fixed-top{width: 100vw;}
body{width: 100vw;height: 100vh;font-family: 'Montserrat', sans-serif;line-height: 21px;font-size: 14px; color: #868685; overflow-x:hidden; overflow-y: auto; scroll-snap-type: y mandatory;-webkit-font-smoothing: subpixel-antialiased;}
/* html{width: 100%;height: 100%;}
html, body, section{block-size: 100%;}
html{scroll-snap-type: y mandatory;} */
*{margin:0;padding:0;}
h2{margin:5px 0 10px; font-size:30px; line-height:34px;}
p{text-align:justify;}
a:hover{text-decoration:none;}
.float-end{float:right;}
.fullscreen-container{display:block;overflow-x:hidden;}
#all-pages{position:relative;top:0;transition:all .5s ease;/* height set by js */}
.active a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff; border-bottom: 2px solid #000;}
.navbar-nav{float:right;}
.navbar-header{color:#fff;}
.navbar-default{border:0;}
.navbar-brand, .navbar-brand h1{margin:0; padding:0;}
.nav-bullets > li {float: none;}
.nav-bullets .active a {border-bottom: 0px;}
.navbar-default .nav-bullets li a {color: #E2000F}
.nav-bullets a:hover,.nav-bullets .active a {background: none!important;}
.nav.nav-bullets {position: fixed;right: 0;top: 30%;}
.navbar-bg .navbar-nav > li > a, .navbar-default .navbar-brand {color:#ccc; padding: 5px 0 0 0; font-size: 10px; text-align:center; width:20px;}
.navbar-bg .navbar-nav > li > a:hover,.navbar-bg .navbar-nav > li > a:focus{color:#E2000F; transition: all 0.8s ease; font-size:14px; background:transparent;}
.navbar-bg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none ;margin: 0 ;min-height: 0 ;padding: 0 ;position: absolute;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: transparent;color: #fff;}
.navbar-bg .navbar-nav > .active > a, .navbar-bg .navbar-nav > .active > a:focus, .navbar-bg .navbar-nav > .active > a:hover {background: transparent;color: #E2000F;transition: all 0.8s ease; font-size:14px;}
.navbar {padding: 10px 0 0 0;}
.navbar-default {background: rgba(226, 0, 15,1);}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand  {color: #fff;}
.maincontainer section{padding-top:70px; height:100vh; clear:both; scroll-snap-align: start;scroll-snap-stop: always;}
.red{color:#E2000F; font-weight:bold;}
.black{color:black; font-weight:bold;}
/*================== responsive css ==================*/
@media(min-width:767px) {
.navbar{-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.top-nav-collapse{padding: 0;}
.nav.nav-bullets{right: 20px;}
}
@media(max-width:767px) {
.nav.nav-bullets {right: 20px;}
}
#logo img{width:180px;transition: width 1s; margin-top:-10px;}
.top-nav-collapse #logo img{transition: width 1s; width:150px; padding-top:7px;}
#preloader {background-color: #fff;height: 100%;position: fixed;width: 100%;z-index: 1100;}
#preloader > img {left: 47%;position: absolute;top: 48%; width:100px}
#back-top {bottom: 20px;position: fixed;right: 25px;z-index: 9; color:#E2000F;}
/*=========================================
Slider
==========================================*/
#slider {padding: 0;}
#slider .carousel-inner .item {background-size: cover; background-position:center center; height:100vh;}
.arrow{font-size:40px;}
.carousel-caption {top: 30%; left:10%; right:10%; text-align:left;}
.carousel-caption h2 {font-size: 28px;font-weight: 300;}
.carousel-caption h2 span {font-weight: 800;}
.carousel-caption h3 {font-size: 48px;font-weight: 300;margin: 6px 0 20px;}
.carousel-caption p {color: #fff;font-size: 18px;font-weight: 300;}
.carousel-caption p:before,
.carousel-caption p:after {color: #000000;content: "___";position: relative;top: -8px;}
.carousel-caption p:before {right: 20px;}
.carousel-caption p:after {left: 20px;}
.carousel-control{padding-top:50vh;}
.social-links {margin-top: 5%;}
.social-links li {display: inline-block;}
.social-links li a {color: rgba(255, 255, 255, 0.3);display: block;margin: 0 6px;}
.social-links li a:hover {color: #fff;}
.carousel-indicators {bottom: 10px;left: inherit;margin: 0;right: 30px;top: 49%;width: 0;}
.carousel-indicators li {border: 1px solid rgba(255, 255, 255, 0.3);height: 8px;width: 8px;}
.carousel-indicators .active {height: 8px;width: 8px;}
.menu-title-icon {padding: 0px 0px 10px 0px; width: 320px;}
#carousel-artioblogsCarousel,#carousel-artioblogsCarousel .carousel.slide,#carousel-artioblogsCarousel .carousel-inner,#carousel-artioblogsCarousel .carousel-inner .item{height:auto !important;}
#carousel-artioblogsCarousel .item{text-align:center;}
#carousel-artioblogsCarousel .item>img{width:24.7%; display:inline-block; text-align:center;}
#carousel-artioblogsCarousel .carousel-control{padding-top:5%;}
.slide2{text-align:right;}
.slide5{color:#422111 !important;}
.slide6{color:#5d5d5d !important;}
.slide7{text-align:right; color:#633a1f !important; padding-top:20px;top:auto;}
/*=========================================
Artihome
==========================================*/
.artihome{background: url(../images/bg2.png);background-size: cover;width: 100%;min-height: 100%;height: 100vh; padding-top:15% !important;}
.play-btn {position: absolute;left: 40%;top: 40%;width: 130px;height: 130px;}
.play-btn img {width: 100%;}
.align-items-center {-ms-flex-align: center!important;align-items: center!important; vertical-align:bottom;}
/*=========================================
ARTipedia
==========================================*/
.artipedia{padding-top:10% !important;}
.artipedia-img{margin-top:4%; width:100%;}
.artipedia1{padding-top:10% !important;}
.artipedia1 h2{font-size:1.4em; padding-left:10px; color:#1A1A18; font-weight:bold;}
.artipedia1 p{height:125px; overflow:auto; padding:0 10px 0px ;}
.artipedia1 img{width:100px; text-align:center;}
.slide2-img {position: relative;padding: 20px 50px 0 0px;display: block;}
.slide2-img img {width: 300px;}
.s-three .slide3-img {padding: 0px 0 0 0px; width: 250px;}
.features {background-color: #f4f7f9;}
.owl-controls {bottom: -45px;margin-top: 10px;position: relative;text-align: center;}
.owl-controls .owl-page {display: inline-block;}
.owl-controls .owl-page span {border: 1px solid #C7CED3;border-radius: 20px;display: block;height: 8px;margin: 5px 4px;width: 8px;}
.owl-controls .owl-page.active span {background: #062033;border: 0;}
.service-icon {border: 1px solid #E2000F;border-radius: 50%;color: #E2000F;float: left;padding: 10px 13px;}
.service-desc {margin-left: 20px;position: relative;top: 5px;}
.service-desc h3 {color: #062033;font-size: 20px;font-weight: 600;margin-bottom: 25px;}

.artiapproach{margin-bottom:4em;}
.artiapproach img{width:320px;}
/*=========================================
	ARTiscope
==========================================*/
/* .artiscope{background: url(../images/heart-in-hand.png) left 50px no-repeat;background-size:40%; padding-top:10% !important;} */
/* .heart-in-hand{position:absolute; width:100%; margin-bottom:20%;} */
.heart-in-hand-1,.heart-in-hand-2{width:35%;position:relative; margin-top:-2%;}
.heart-in-hand-2{margin-top:-17%; margin-left:-2%}
.artiscope-block{margin-top:8%;}
.artiscope h3{font-size:1.4em; padding-left:10px; color:#1A1A18; font-weight:bold;}
.artiscope p{height:120px; overflow:auto; padding:0 10px 0px ;}
.artiscope-icon{height:60px; margin:20px 0 10px;}
/*=========================================
	ARTiologists
==========================================*/
.swing {animation: swing ease-in-out 1s infinite alternate;transform-origin: center -20px;}
.swing img {padding-top:20px;width:200px;display: block; margin:0 auto;}
.swing:after{content: '';position: absolute;  width: 20px; height: 20px;top: -10px; left: 50%;z-index: 0;border-bottom: none;border-right: none;transform: rotate(45deg);}
/* nail */
.swing:before{content: '';position: absolute;width: 5px; height: 5px;top: -14px;left: 54%;z-index: 5;}
@keyframes swing {0% {transform: rotate(3deg);}100% { transform: rotate(-3deg);}}
.artiologisticCarousel{width:400px !important; overflow:hidden; margin:40px auto;}

.carousel-fade .carousel-inner .item {transition-property: opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control {z-index: 2;}
/*=========================================
	ARTipartner
==========================================*/
.artipartner{padding-top:10% !important;}
.partners-list{height:58vh; overflow:auto;}
.partners-list div{margin-bottom:20px;}
.heart{background:url(../images/love-in-hand.png) no-repeat 70% center; background-size:90%; width:100%; height:400px;}
.heart img{position:absolute;left:0;right:0;margin:22% auto;}
@keyframes heartFadeInOut {
0% {transform: scale(1);}
25% {transform: scale(.97);}
35% {transform: scale(.9);}
45% {transform: scale(1.1);}
55% {transform: scale(.9);}
65% {transform: scale(1.1);}
75% {transform: scale(1.03);}
100% {transform: scale(1);}
}
.heart img.bottom {animation-name: heartFadeInOut; animation-iteration-count: infinite;animation-duration: 2s;}
/*=========================================
	ARTivictories
==========================================*/
.artivictories-left{padding-top:10% !important;}
.artivictories-image{height:100vh;}
.fadeinout{animation: fadeinout 1s infinite;}
@keyframes fadeinout{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
/*=========================================
	ARTicareers
==========================================*/
.articareers{padding:0!important;}
.articareers-image{height:100vh;}
.articareers-container{width:70%; padding-top:20%}
.articontact a{color:#868685; padding-left:5px;}
.articontact p{text-align:left;}
.icon{width:40px;}
.address{margin:0px 0 0 48px; position:relative; top:-24px; display:inline-block;}
.social{margin-left:48px;}
.social img{display:inline-block; margin-right:20px;}
/*=========================================
	ARTiblogs
==========================================*/
.artiblogs{padding:5% 10%!important;}
.artiblogs-image{width:70%; margin-top:-3%; position:relative;}
.artiblogsCarousel{height:300px !important; overflow:hidden;}
#AwardModal h1{font-weight:normal !important;}
#AwardModal img{padding:0 10px 20px 10px;}
#AwardModal a{color:#E2000F; font-weight:bold; color:#000}
#AwardModal a {animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}

/*=========================================
	ScrollBar
==========================================*/
/* scrollbar width */
::-webkit-scrollbar {width:5px;}

/* scrollbar Track */
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.2);  border-radius: 10px;}

/* scrollbar Handle */
::-webkit-scrollbar-thumb {background: rgba(255, 0, 0, 1);  border-radius: 10px;}

/* scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#1A1A18;}
@media screen and (max-width:768px){
body{text-align:center;}
p{text-align:center;}
.nav.nav-bullets{width:35px; right:10px;}
.navbar-nav,.navbar-collapse{text-align:center;float:none; width:100vw;}
.navbar-toggle,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border-radius:5px;right:-40px;background:#000; border:0; margin:0;}
.menu-title-icon,.artiapproach img{width:63vw;}
h2,.carousel-caption h2{font-size:20px;}
.artiscope-img{margin-top:10px;}
.maincontainer section{min-height:100vh;height:auto; padding-top:4.3em !important}
.artiologisticCarousel{height:170px !important;}
.artiologisticCarousel .item>img{max-width: 74%;}
.articareers-container{width:100%;}
.articontact p{text-align:left;}
.artiscopemobile,.artipartnermobile, .articareersmobile, .artiblogsmobile{display:flex;flex-direction: column-reverse;}
.heart{height:74vh;}
.heart img{margin:52% auto; width:50px;}
.artiblogs-image{margin-top:0;}
#preloader > img{left:40%}
}
.text-animation{animation-duration:3s; animation-iteration-count:infinite;}
.mobileShow {display: none;}
.mobileHide { display: inline; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ 
.mobileShow {display: inline;}
.carousel-caption{top:20%;}
.carousel-caption h2{font-size:18px;line-height:22px}
.slide2m{top:10%;}
.slide3m{bottom:0; top:auto; width:100vw}
}

/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){.mobileHide { display: none;}}