*{margin: 0; padding:0; outline: none; } body{margin: 0px;padding: 0px; outline: none;font-family: 'Roboto', sans-serif; font-weight: 400;color: #444; overflow-x: hidden !important; } a{ color:inherit; outline: none !important;} a:focus{ outline: none !important;} a:hover{ text-decoration: none !important;} .clear{ margin: 0px;padding: 0px;clear: both;} html { scroll-behavior: smooth; } p { text-align: left; font-family: 'Roboto', sans-serif; font-size: 15.5px; line-height: 22px; color: #101010; } @font-face { font-family: 'HelveticaNeueRegular'; src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueRegular.otf') format('opentype'), url('../fonts/HelveticaNeueRegular.woff') format('woff'), url('../fonts/HelveticaNeueRegular.ttf') format('truetype'), url('../fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica Neu Bold'; src: url('../fonts/Helvetica Neu Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica Neu Bold.otf') format('opentype'), url('../fonts/Helvetica Neu Bold.woff') format('woff'), url('../fonts/Helvetica Neu Bold.ttf') format('truetype'), url('../fonts/Helvetica Neu Bold.svg#Helvetica Neu Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue Light'; src: url('../fonts/HelveticaNeue Light.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue Light.otf') format('opentype'), url('../fonts/HelveticaNeue Light.woff') format('woff'), url('../fonts/HelveticaNeue Light.ttf') format('truetype'), url('../fonts/HelveticaNeue Light.svg#HelveticaNeue Light') format('svg'); font-weight: normal; font-style: normal; } .menu_one nav.navbar.navbar-default { background: transparent !important; border: none !important; } .header { position: absolute; padding-top: 20px; z-index: 9999; width: 100%; } .menu_one nav.navbar.navbar-default { text-align: right; float: right; } .banner_div { position: relative; top: 0px; height: 100vh; overflow: hidden; width: 100%; } .banner_div.space { background: #989ea5; position: initial; height: 100vh; } .banner_div.space.blkclr{ background: #323639; padding-bottom: 17px; } /*.banner_div {*/ /* position: relative;*/ /* top: 0px;*/ /*}*/ .banner_div img { width: 100%; background-size: cover; object-fit: cover; } .main_banner_home img{ height: 100vh; } .logo_div img { width: 29%; } .active, .navbar-default .navbar-nav>li>a:hover { background: none ; height: 73px; width: 73px; background-size: 100%; transition: all 0.5s; background-position: top !important; background-size: 100% !important; color: #ab0534 !important; } .menu_one .navbar-default .navbar-nav>li>a{ position: relative; } .menu_one .navbar-default .navbar-nav>li>a::after { background: url(../images/hover_img.png) no-repeat; height: 63px; width: 63px; transition: all 2s; content: ""; position: absolute; top: 5px; left: 0px; background-size: 100%; right: 0px; margin: 0px auto; opacity: 0; pointer-events: none; } .menu_one .navbar-default .navbar-nav>li>a.active::after { opacity: 1 !important; } .menu_one .navbar-default .navbar-nav>li>a:hover::after{ opacity: 1; } .menu_one .navbar-default .navbar-nav>li>a.active:hover::after { display: block !important; } .menu_one .navbar-default .navbar-nav>li>a:hover { background: none; height: 73px; width: 62px; transition: all 1.5s; /* background-position: 0px 0px; */ background-size: 100%; } .menu_one .navbar-default .navbar-nav>li>a { color: #000; font-size: 13px; padding-top: 28px; width: 62px; padding-right: 0px; transition: all 0.5s; background-position: center; text-align: center !important; transition: background 2s linear; padding-left: 0px; background-repeat: no-repeat !important; background-position: center !important; background-size: 0%; text-transform: capitalize; background-image: none; height: 71px; } .bars-div { position: relative; top: 26px; } .bars-div i { font-size: 30px; cursor: pointer; } .menu_one { /*padding-right: 2.5%;*/ max-height: 100px; min-height: 100px; } .footer { position: relative; margin-top: -45px; bottom: 0px; clear: both; text-align: center; padding: 8px 0px 8px /*15px 0px 15px*/; background: rgba(90, 89, 84, 0.5803921568627451); z-index: 99999; } .accordion_div{ display:none; } .footer.sp { background: #747776; margin-top: -43px; } .footer.footer3{ margin:0px !important; } .frist_div { padding-top: 6px; } .frist_div ul li a:hover { color: #a9b4bd; } .copy_txt p { font-size: 12px; color: #fff; margin-bottom: 0px; padding-bottom: 0px; } .copy_txt ul li a { font-size: 12px; color: #fff; } li.report ul li { padding-right: 0 !important; padding-left: 0px !important; } .copy_txt ul { margin-bottom: 0px; } li.report ul li { /*padding-right: 0px;*/ color: #fff; /*padding-left: 5px;*/ } .copy_txt ul li { display: inline-block; padding-right: 4px; padding-left: 4px; } li.report ul li a:hover { color: #ab0534; } .icon-div { position: absolute; top: 65%; z-index: 999; margin: 0 auto; text-align: center; width: 100%; } .icon-div ul li { display: inline-block; margin: 0px 0px; width: 78px; cursor: pointer; height: 78px; } .icon-div ul li img { width: 78px; } .icon-div ul.img_second li{ margin: 0px 1px; } ul.img_second { padding-top: 78px; } .footer-second { background:#5a595494 /*#918f8f*/; padding: 15px 0px; } .blog_img { min-height: 350px; max-height: 350px; overflow: hidden; } .blog_box img { transition: all 0.5s; } .blog_img img { min-height: 350px; max-height: 350px; width: 100%; object-fit: cover; } .blog_box { transition: all 0.5s; } .blog_box:hover img { transform: scale(1.1); } .sct-one { padding: 60px 0px; } .sec_txt { padding-top: 7%; } .sec_txt p { font-size: 14px; line-height: 23px; } .sct-two { background: #e6eaed; padding: 60px 0px; } .sct-four { background: #e6eaed; padding: 60px 0px; } .sct-three { padding: 60px 0px; } .elips_div { position: absolute; z-index: 999999; right: 15px; top: 66px; } /*.elips_div {*/ /* position: fixed;*/ /* z-index: 999999;*/ /* right: 18px;*/ /* top: 469px;*/ /*}*/ .elips_div ul li { background: url(../images/icon1.png); height: 40px; width: 37px; background-repeat: no-repeat; } .elips_div ul li { padding-bottom: 6px; display: block; } .elips_div ul li:hover { background: url(../images/icon_hover.png); background-repeat: no-repeat; height: 40px; width: 37px; } .footer-second .copy_txt ul li p { font-size: 12px; } .footer-second .copy_txt ul li { display: inline-block; padding-right: 0px; padding-left: 3px; } .a_walk { /* position: absolute; */ /* top: 131px; */ width: 100%; text-align: center; margin-top: 131px; margin-top: 9.5%; } .a_walk p { text-align: center; width: 53%; margin: 0 auto; } .a_walk h2 { color: #fff; font-size: 28px; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; line-height: 37px; font-weight: 400; } .a_walk p { color: #ffff; padding-top: 1%; font-size: 15.5px; font-weight: 300; padding-bottom: 1%; } .a_walk ul{ margin-bottom:2px;} .a_walk ul li { display: inline-table; text-align: center; margin: 0px 20px; } .a_walk ul li a img { width: 225px; margin:0px auto; margin-right: 0px; } .a_walk ul li a h1 { color: #fff; font-weight: 400; font-size: 15px; border: solid 0px #a9b4bd; padding: 0; width: 100%; margin: 14px auto; } /*.a_walk ul li a:hover h1 { color: #000; text-decoration: none !important; }*/ .header.top { position: unset; } .footer.faces { margin: 0px; position: unset; } .faces_down { text-align: center; } .faces_down h1 { color: #ab0534; font-size: 28px; text-transform: uppercase; font-weight: 400; } .faces_down p { width: 50%; margin: 0 auto; padding-bottom: 20px; font-weight: 400; text-align: center; line-height: 24px; } .cj-div img { width: 100%; transition: all .5s ease-out; } .faces_images { padding-top: 50px; } .faces_images .row{ display: flex; flex-wrap: wrap; justify-content: center; } .cj-div h1 { font-weight: bold; font-size: 15px; text-align: center; margin-top: 10px; color: #000; margin-bottom: 3px; } .cj-div h5 { text-align: center; margin-top: 0px; font-size: 13px; color: #333; font-weight: 400; padding-left: 3px; padding-right: 3px; margin-bottom: 6px; } .cj-div { margin-bottom: 25px; } .three-div_min { /* left: 10%; */ /* position: relative; */ /* clear: both; */ /* width: fit-content; */ width: 100%; justify-content: center; /* align-items: center; */ display: flex; } .point { cursor: pointer; } .modal-dialog.sct1 { width: 60%; } .modal-body.sct3 { padding: 30px; background: url(../images/video_bg.jpg); background-size: cover; padding-top: 2px; } .panel-body ul { margin: 0; padding: 0; list-style: none; } .panel-body .nav li { background: #dcddde; } .panel-body.nav li a { font-size: 14px; } .panel-body { padding: 0; } .panel-group .panel+.panel { margin-top: 0; border-top: 0; } .panel-group .panel { border-radius: 0; } .panel-default>.panel-heading { color: #ab0534; background-color: #dcddde; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panel-default>.panel-heading a { display: block; padding: 10px 15px; text-decoration: none; } .panel-default>.panel-heading a:after { content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; } #accordionMenu { max-width: 470px; float: right; min-width: 200px; } .accordion_div { position: absolute; right: 0; top: 20px; z-index: 99999; } ul.nav.level li { padding-left: 0px; } .nav>li>a { position: relative; display: block; padding: 2px 17px; } .nav>li{ padding-left:9px;/*15px*/} .panel-default>.panel-heading a { display: block; padding: 5px 7px; text-decoration: none; } .icon-div ul li img { transition:all 0.5s; cursor:pointer; } .icon-div ul li:hover img{ transform: translateY(-16px); } /*.elips_div {*/ /* opacity:0;*/ /* transition:all 0.5s;*/ /* }*/ /*.side_fixed_menu{*/ /* opacity:1;*/ /*}*/ .elips_div ul li { position:relative; } .elips_div ul li a{ display: inline-block; width: 100%; position: absolute; width: 100%; height: 100%; } .elips_div ul li.active{ background: url(../images/icon_hover.png); background-repeat: no-repeat; height: 40px; width: 37px; } .banner_div .back_3_img { height: 791vh; obcject-fit: cover; width: 100%; } .bx-wrapper { box-shadow: none !important; border: 0px solid #fff; background: none !important; margin-bottom: 0px !important; } body .bx-wrapper .bx-controls-direction a { position: absolute; top: 89% !important; width: 37px; } body .bx-wrapper .bx-prev { top: 85% !important; right: 60px !important; left: inherit !important; transform: translateY(-56px); background: url(../images/controls.png) no-repeat 0 -32px; } body .bx-wrapper .bx-next { right: 60px !important; background: url(../images/controls.png) no-repeat -43px -32px; } a.bx-prev::after { position: absolute; width: 36px; height: 2px; background: #fff; top: 42px; content: ""; left: 0px; } .modal-body.sct3 video { width: 100%; } .navbar-nav>li small { text-align: left; font-size: 11px; font-weight: 500; margin-top: 8px; width: 80px !important; float: left; } .icon-div ul li.c1{ background: url(../images/icon-img.png); background-size: 100%; background-repeat: no-repeat; transition: all 2s; } .icon-div ul li.c1:hover{ background: url(../images/img_icon_1.png); background-size: 100%; background-repeat: no-repeat; /*transform: translateY(-16px);*/ } .icon-div ul li.c5{ background: url(../images/ebook.png); background-size: 100%; background-repeat: no-repeat; transition: all 2s; } .icon-div ul li.c5:hover{ background: url(../images/ebook_hover.png); background-size: 100%; background-repeat: no-repeat; /*transform: translateY(-16px);*/ } li.c2{ background: url(../images/icon-img1.png); background-size: 100%; background-repeat: no-repeat; transition: all 2s; } .icon-div ul li.c2:hover{ background: url(../images/img_icon_2.png); background-size: 100%; background-repeat: no-repeat;/*transform: translateY(-16px);*/ } li.c3{ background: url(../images/icon-img2.png); background-size: 100%; background-repeat: no-repeat; transition: all 2s; } .icon-div ul li.c3:hover{ background: url(../images/img_icon_3.png); background-size: 100%; background-repeat: no-repeat;/*transform: translateY(-16px);*/ } li.c4{ background: url(../images/icon-img3.png); background-size: 100%; background-repeat: no-repeat; transition: all 2s; } .icon-div ul li.c4:hover{ background: url(../images/img_icon_4.png); background-size: 100%; background-repeat: no-repeat;/*transform: translateY(-16px);*/ } h4.panel-title { font-size: 14px; } .banner_div.main_banner_home { overflow: hidden; height: 100vh; } .banner_div.main_banner_home.video-one video { width: 100%; } .banner_div.video-div { height: 100%; overflow: hidden; width:100%; line-height: 0px; } @media screen and (max-width:1350px) { .copy_txt ul li { padding-right: 4px; padding-left: 0px; } .copy_txt ul li a { font-size: 11.5px !important;} li.report ul li { padding-right: 7px !important; padding-left: 0px !important; } .copy_txt p { font-size: 11.5px!important;} } .navbar-nav>li small{ opacity:0; transition:all 2s; } .navbar-nav>li:hover small{ opacity:1; } @media screen and (max-width:1200px) { .copy_txt p { font-size: 10.5px!important; } } .cj-div:hover .second_img{opacity: 1;transition: all .5s ease-out;} .second_img { opacity: 0;transition: all .5s ease-out; } .second_img { position: absolute; top: 0px; width: 90%; } .cj-div { position: relative; } .one_img { position: absolute; z-index: 1; top: 0px; width: 100%; pointer-events: none; right: 0; margin: 0 auto; text-align: center; } .one_img img { width: 55%; object-fit: contain; top: -90px; position: relative; right: 0; margin: 0 auto !important; } .one_havelock { position: absolute; width: 44%; right: 23px; top: 23%; } .menu_one.space ul.nav.navbar-nav li:hover small{ color:#fff !important; } .menu_one.space ul.nav.navbar-nav li a.active { color: #fff !important; } .one_havelock h2 { color: #ab0534; font-weight: 200; font-size: 42px; text-transform: uppercase; } .menu_one.space ul.nav.navbar-nav li a { color: #ababab; } .images-main img { height: 100vh; width: 100%; object-fit: cover; } .images-main{ height: 100vh; width: 100%; } .arrow_div { position: absolute; right: 41px; bottom: 41px; z-index: 9999999; } .arrow_div img { animation: mover 1s infinite alternate; width: 70%; cursor: pointer; } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } li.home-one { padding-right: 0px; } .copy_txt ul li a img { padding-left: 2px; } /*.copy_txt ul li a:after {*/ /* position: absolute;*/ /* width: 1px;*/ /* height: 10px;*/ /* background: #c5c5c5;*/ /* top: 2px;*/ /* content: "";*/ /* left: -5px;*/ /* right: 0px;*/ /*}*/ .copy_txt ul li a { position: relative; } .modal-header.sct10 button.close { font-size: 28px; color: #fff !important; background: #000; border-radius: 0px; width: 30px; height: 30px; opacity: 1; position: relative; top: 2px; right: 0px; } .modal-header.sct10 { padding: 0px; border-bottom: none; } .modal-header.sct10 button.close:hover { background:#ab0534; } .modal-content.sct2 { border-radius: 0; } .frist_div p { font-size: 10.5px; color: #fff; text-align: center; margin: 0px; } .frist_div ul li { display: inline-block; } .frist_div ul li a { color: #fff; font-size: 10.5px; } .frist_div ul { margin: 0px; line-height: 16px; } .frist_div ul li a img { padding-left: 2px; padding-right: 1px; } .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } /* --- Lightbox ---- */ .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: url(../images/video_back.jpg) no-repeat; background-size: cover; z-index: 9999; } /* Modal Content */ .modal-content { position: relative; background-color: #444; margin: auto; padding: 0; width: fit-content; width: max-content; max-width: 1200px; height: auto; display: flex; align-items: center; justify-content: center; } .modal-content video{ max-width: 745px; width: 100%; margin: 0px auto !important; float: none; display: inherit; } .modal-content iframe { max-width: 100%; width: 746px; margin: 0px auto !important; float: none; height: 377px !important; display: inherit; } /* The Close Button */ .lb-nav a.lb-next{ opacity:1 !important; } .lb-nav a.lb-prev{ opacity:1 !important; } .navbar-nav>li{ position:relative; } .navbar-nav>li small { text-align: center; left: 0px; font-size: 11px; font-weight: 500; margin-top: 8px; width: 117px !important; position: absolute; float: left; left: -11px; } .modal .close { color: white; position: absolute; top: -15px; right: -20px; font-size: 36px; font-weight: bold; background: #000; opacity: 1; width: 38px; height: 37px; display: flex; border-bottom-left-radius: 50%; border-top-left-radius: 0; border-radius: 50%; align-items: center; justify-content: center; } .modal-content .close:hover, .modal-content .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } .cursor { cursor: pointer; } .modal .prev{ left:0px; } /* Next & previous buttons */ .modal .prev, .modal .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s; } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .gallery_new .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 0px; margin:0px; } .gallery_new .column_1 img { margin-top: 0px; vertical-align: middle; width: 100%; } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 800px) { .gallery_new .column_1 { -ms-flex: 50%; flex: 50%; max-width: 50%; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .gallery_new .column_1 { -ms-flex: 100%; flex: 100%; max-width: 100%; } } .tabcontent { display:none; } .panel-default>.panel-heading a.active { background: no-repeat; width: 100%; height: auto; color: #333 !important; background: none !important; } .panel-default .nav>li>a.active { background: no-repeat; width: 100%; height: auto; color: #ab0534; background: none !important; } .panel-default>.panel-heading a { display: block; padding: 5px 7px; text-decoration: none; text-transform: uppercase; } .panel-default>.panel-heading a.collapsed { color:#333; } .accordion_div .panel-body ul li{ position:relative; } .accordion_div .panel-body ul li::after { width: 5px; height: 5px; border-radius: 50%; background: #333; content: ""; position: absolute; top: 9px; left: 9px; } .accordion_div .panel-body .nav>li>a { padding: 2px 2px 2px 22px; } .nav_img_area { position: absolute; max-width: 257px; width: 100%; text-align: left; top: 22px; z-index: 9999; right: 0px; } .nav_img_area img{ cursor:pointer; } .sct-one { position: relative; } video { width: 100%; } .gallery_new .column_1 img { outline: 0px solid #333; } .gallery_new .column_1 img:hover { outline: 0px solid #333; outline-offset:0px; transition:all 1s; } .section_audio { position: absolute; right: 60px; bottom: 123px; z-index: 9999; } .section_audio img{ display: block; margin-top: 10px; } .one_img{ display: none; } .space img{ transition: all 0.5s; } .cssmenu>ul>li>a { font-size: 13px !important; } .cssmenu>ul>li { margin: 0 3px !important; } .contactus_area video{ width: 100% !important; } .contactus_area .one_havelock { position: absolute; width: 36%; right: 23px; bottom: 70px !important; height: auto; top: initial !important; z-index: 999; } .contactus_area .one_havelock h3{ font-size: 15px; font-weight: 700; font-family: 'Roboto'; color: #000000; text-transform: uppercase; } .contactus_area .one_havelock p span, .contactus_area .one_havelock p a{ display: block; font-size: 15px !important; line-height: 23px; font-family: 'Roboto'; } .contactus_area .one_havelock p a{ margin-top:10px; font-family: 'Roboto'; } .contactus_area .one_havelock p a:hover{ color: #ab0534 ; } .contactus_area .one_havelock h5 { margin-top: 27px !important; font-family: 'Roboto'; font-weight: 300; color: #000000; line-height: 18px; font-size: 13px; /* padding-right: 262px; */ margin: 0px; max-width: 268px; width: 100%; } .img_phase{ margin-top: 15px; } .img_phase .col-md-5{ padding: 0px; } .img_phase .col-md-5 img { height: 335px; object-fit: contain; width: 100%; object-position: bottom; padding-left: 51px; } .img_phase .txt_phase{ height: 335px; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .img_phase .txt_phase h4 { font-size: 25px; color: #000000; font-family: 'Roboto'; font-weight: 300; line-height: 27px; margin-bottom: 0px; } .img_phase .txt_phase h4 a { font-size: 14px; font-weight: 600; font-family: 'Roboto'; display: block; transition: all 1s; text-decoration: none; margin-top: 5px; } .img_phase .txt_phase h4 a:hover{ color: #ab0534; } .one_havelock { z-index: 99; } .bottom_back { float: left; width: 100%; background: url(../images/th_banner.jpg) no-repeat; background-attachment: fixed; padding: 150px 0px; background-size: cover; } .bottom_back .bottom_p{ max-width: 500px; margin: 0px auto; } .bottom_back .bottom_p p{ color: #fff; font-size: 16px !important; margin-bottom: 0px; } .bottom_back{ position: relative; } .bottom_back .arrow_div2 { position: absolute; right: 52px; top: 57px; bottom: initial !important; z-index: 9999999; transform: rotate(180deg); } .banner_div .arrow_div::after { position: absolute; top: -30px; left: -3px; right: 0px; width: 30px; height: 2px; background: #fff; content: ""; } .bottom_back .arrow_div2::after { position: absolute; bottom: 49px; left: -3px; right: 0px; width: 32px; height: 2px; background: #fff; content: ""; } img{ animation: data1 3s 1 linear; animation-fill-mode: forwards; } .icon-div{ animation: data1 3s 1 linear; animation-fill-mode: forwards; } } @keyframes spin { 0% { display: none; } 100% { display: block; } } .mystyle img{ animation: data1 2s 1 linear; opacity: 0; animation-fill-mode: forwards; } .loader{ opacity: 0; } .mystyle{ animation: data1 2s 1 linear; opacity: 0; animation-fill-mode: forwards; } .mystyle .column_1 a:nth-child(1) img{ animation-delay: 1s; } .mystyle .column_1 a:nth-child(2) img{ animation-delay: 1.7s; } .mystyle .column_1 a:nth-child(3) img{ animation-delay: 2s; } .mystyle .column_1 a:nth-child(4) img{ animation-delay: 2s; } .mystyle .column_1 a:nth-child(5) img{ animation-delay: 2.3s; } .mystyle .column_1 a:nth-child(6) img{ animation-delay: 2.2s; } .mystyle .column_1 a:nth-child(7) img{ animation-delay: 2.5s; } .mystyle .column_1 a:nth-child(8) img{ animation-delay: 2.8s; } .mystyle .column_1 a:nth-child(9) img{ animation-delay: 2s; } .mystyle .column_1 a:nth-child(9) img{ animation-delay: 2.1s; } .mystyle .column_1 a:nth-child(10) img{ animation-delay: 2.2s; } .mystyle .column_1 a:nth-child(11) img{ animation-delay: 2.3s; } .mystyle .column_1 a:nth-child(12) img{ animation-delay: 2.5s; } .mystyle .column_1 a:nth-child(13) img{ animation-delay: 2.8s; } .mystyle .column_1 a:nth-child(14) img{ animation-delay:3s; } .mystyle .column_1 a:nth-child(15) img{ animation-delay:3.2s; } .mystyle .column_1 a:nth-child(16) img{ animation-delay:3.5s; } .mystyle .column_1 a:nth-child(17) img{ animation-delay:3.8s; } .mystyle .column_1 a:nth-child(30) img{ animation-delay:3.7s; } .mystyle .column_1 a:nth-child(35) img{ animation-delay:4s; } .mystyle .column_1 a:nth-child(40) img{ animation-delay:4.2s; } @keyframes data1 { 0%{ opacity: 0; } 100%{ opacity: 1 ; } } @keyframes data2 { 0%{ transform: scale(0); } 100%{ transform: scale(1); } } /* .gall_load #loader { background: url(../images/demo.gif) no-repeat; background-size: 33%; height: 200px; width: 100%; background-position: center; } */ .section_audio{ animation: data1 3s 1 linear; } .section_audio h6 { width: 35px; position: absolute; transition: all 0.5s; cursor: pointer; height: 35px; } .section_audio h6#a_img2{ background: url(../images/sound.png) no-repeat; background-size: 100%; transition: all 1s; } .section_audio h6#a_img2:hover{ background: url(../images/sound-off.png) no-repeat; background-size: 100%; } .section_audio h6#a_img1{ background: url(../images/sound-off.png) no-repeat; background-size: 100%; transition: all 1s; } .section_audio h6#a_img1:hover{ background: url(../images/sound.png) no-repeat; background-size: 100%; } .space .a_walk ul li { animation: data1 2s 1 linear !important; } .gallery_new { animation: data1 2s 1 linear !important; } .example-image-link { position: relative; display: inline-block; width: 100%; } .example-image-link::after{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; opacity: 0; transition: all 0.5s; content: ""; background: rgba(171,162,153,0.85); } .example-image-link:hover:after{ opacity: 0; } .space .a_walk ul li{ position: relative; } .space .a_walk ul li img.lazy1{ animation: none !important; } .space .a_walk ul li img.lazy2 { /* display: none; */ position: absolute; left: 0px; top: 0px; transition: all 1.5s; animation: none !important; opacity: 0 !important; } .space .a_walk ul li:hover img.lazy2 { opacity: 1 !important; } .column_1 { column-width: 378px; column-gap: 0px; width: 100%; margin: 0px auto; margin-top: 0px; line-height: 0; } .column_1 a { background: #fefefe; column-break-inside: avoid; line-height: 0px; overflow: hidden; width: 333px; display: inline-block; position: relative; } .column_1 a img{ width: 100%; transition: all 0.8s; } .column_1 a img:hover{ transform: scale(1.8); } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .a_walk ul li:nth-child(1) img{ animation-delay:0.5s !important; opacity: 0; } .a_walk ul li:nth-child(3) img{ animation-delay:1s !important; opacity: 0; } .a_walk ul li:nth-child(4) img{ animation-delay:0.8s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(2) img{ animation-delay:1s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(1) img{ animation-delay:1.8s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(4) img{ animation-delay:0.5s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(5) img{ animation-delay:1.5s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(7) img{ animation-delay:1.7s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(8) img{ animation-delay:1.5s !important; opacity: 0; } .faces_images .row .col-md-3:nth-child(9) img{ animation-delay:1.8s !important; opacity: 0; } .space img{ animation-duration: 2s !important; } .banner_div.video-div.contactus_area { height: 100vh !important; } .contactus_area .one_havelock h5 { text-align: justify; } .cj-div{ cursor: pointer; } .faces_area_inner{ height: 100vh; } .faces_area_inner .modal{ display: flex !important; align-items: center; justify-content: center; padding: 50px 0px 0px; z-index: inherit !important; } .faces_area_inner .mySlides { display: block; } .faces_body .header { z-index: 9999999; } .faces_body .footer { z-index: 9999999; } .blkclr .a_walk p{ padding-bottom: 20px; } .blkclr .a_walk ul{ padding-top:50px; } .modal5{ position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999999; display: none; align-items: center; justify-content: center; flex-direction: column; } @keyframes animatetop { from { opacity:0} to {top:0; opacity:1} } .modal5 .modal-content3 { max-width: 350px; background: #fff; position: relative; margin: 0px auto; margin-top: 0; padding: 22px 40px 0px; animation-name: animatetop; animation-duration: 2s; border-radius: 13px; box-shadow: 1px 2px 10px 0; } .modal5 .modal-content3 h2 { font-family: 'Roboto'; color: #ab0534; font-size: 26px; text-transform: none; font-weight: 300; margin: 0; margin-bottom: 14px; display: table; width: 100%; text-align: center; margin: 0px auto 18px; padding-bottom: 8px; border-bottom: 1px solid #ccc; } .modal5 .modal-content3 p { text-align: center; font-family: 'Roboto', sans-serif; font-size: 15.5px; color: #101010; margin-bottom: 20px; } .modal5 .modal-content3 .modal-header3 .close1 { position: absolute; right: 18px; top: 8px; font-weight: 600; color: #ccc; font-size: 20px; } .modal5 .modal-footer { padding: 0px 0px 15px; text-align: center; border-top: 0px solid #ccc; } .btn_area_v a { font-family: 'Roboto'; font-size: 14px; color: #ab0534; border: 1px solid #ab0534; padding: 6px 19px; margin-left: 5px; display: inline-block; font-weight: 500; text-transform: uppercase; } .bottom_back::after{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.0); content: ""; } .bottom_back .container{ position: relative; z-index: 99; } .frist_div p a:hover{ color: #ccc; } .loct ul li { width: 14.9%; } .acnt { min-width: 199px !important; } body{ user-select: none; }