:root{ --primarya:#ce0022; --primaryb:#041450; --primaryahover:#041450a3; --primarybhover:#700000; --broadcast:#fbfbfb; --white:#FFF; --black:#000; --gray:#808080; --running:#005800; --closed:#df0025; --padding:10px; } a{ text-decoration: none; } a:hover{ text-decoration: none; } a:link, a:visited { text-decoration: none !important; outline: 0; } a:focus{outline:0} .flx{ display: flex; } body{ background: #fafafa; overflow-x: hidden; } body, h1, h2, h3, h4, h5, p{ font-family: 'Titillium Web', sans-serif; } body h4{ line-height: 1.6; } .center-block{ float: none; margin: 0 auto; } #top-header{ overflow: hidden !important; position: relative; border-bottom: 4px solid white; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; color: #fafafa; box-shadow: 0 2px 6px 1px rgba(0,0,0,0.18), 0 -20px 90px 30px rgba(0,0,0,0.15) inset; text-shadow: 0 -1px rgba(0,0,0,0.3); } .top_headernepalitheme .tntheme h1{ color: var(--primarya); text-shadow: 0pc .75pt 0 #fffcfc,-1px -.0625pc 0 #fff,1px -.0625pc 0 #fff,-1px .010416667in 0 #fff,1px 1px 0 #fafafa,-2px .1875pc #fff,2px 3px #fffefe; } .top_headernepalitheme .tntheme h1 span{ color: var(--primaryb); } .thumb-wrapper{ background: #f8f8f8; border-radius: 4px; box-shadow: 0 0 2px 1px rgba(0,0,0,0.2); padding: 10px; } .thumb-wrapper:hover{ background: #f1f1f1; box-shadow: 0 0 2px 1px rgba(0,0,0,0.4); } /* Inverted outline button (white on dark) */ .btn-outline-inverse { color: #fff; background-color: transparent; border-color: #cdbfe3; } .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active { color: #563d7c; text-shadow: none; background-color: #fff; border-color: #fff; } /*----------------------Portfolio------------*/ .nepalitheme_portfolio .nepalithemerow{ display: block; flex: 1 1 auto; padding-right: 15px; padding-left: 15px; } .nepalitheme_portfolio .nepalithemerow ul li{ list-style: none !important; } /*------------------------Demo Buttons--------------------*/ .nepalitheme_demos .demolink_button h3{ width: fit-content; color: rgba(255, 255, 255, 1); text-decoration: none; background-color: var(--primarya); padding: 5px 10px; overflow: hidden; margin-right: auto; margin-left: auto; margin-bottom: 0; border-radius: 4px; transition: all ease .4s; } .nepalitheme_demos .demolink_button h3:hover{ background-color: var(--primaryb); } .nepalitheme_demos .demolink_button img{ width: 25px; height: 25px; margin-top: -5px; background: #FFF; border-radius: 50% } .nepalitheme_demos .nttabbuttons ul li{ background: var(--primaryb); text-align: left; padding: 5px 10px; margin: 5px 0px; color: #FFF; border-radius: 12px; font-size: 18px; cursor: pointer; } .nepalitheme_demos .nttabbuttons ul .active{ background: var(--primarya); cursor: pointer; } .nepalitheme_demos .nepalithemedemo_tabtitle { width: 100%; background: var(--primaryb); padding: 7px 5px; text-align: center; margin: 5px; color: #FFF; border-radius: 24px; display: none !important; margin: auto; } .nepalitheme_demos .thumb-wrapper { position: relative; overflow: hidden; } .nepalitheme_demos .nepalitheme_demoport{ position: absolute; bottom: 0; left: 0; padding: 30px; text-transform: none; opacity: 0; width: 85%; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); display: table; height: 100%; margin: auto; background: var(--primaryahover); } .nepalitheme_demos .nepalitheme_demoport:before{ content: ""; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; z-index: 99; background: var(--primarybhover); } .nepalitheme_demos .nepalitheme_demoport span{ font-size: 22px; line-height: 30px; font-weight: 700; color: #fff; display: table-cell; vertical-align: middle; } .nepalitheme_demos .thumb-wrapper a:hover img{ filter: saturate(0) brightness(1); } .nepalitheme_demos .thumb-wrapper a:hover .nepalitheme_demoport{ opacity: 1; width: calc(100% - 35px); transform: translate3d(0, 0, 0); } /*-------------------Facebook start--------------------------------*/ .allsocial-section { float: right; position:fixed; z-index: 999; } .facebooksocial { z-index: 99999; position:fixed; right:-345px; top:10%; width: 340px; height: 500px; border-top:4px solid #3b5998; } .textfacebook { position: relative; } .textfacebook i { position: absolute; right: 342px; top: -5px; background: #5b78b4; color: #fff; font-size: 25px; border-radius: 4px 0px 0px 4px; padding: 5px 20px 5px 20px; } .facebooksocial div{ padding: 0; margin-right:-8px; background:#fafafa; } .facebooksocial span{ bottom: 4px; font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute; right: 6px; text-align: right; z-index: 99999; } .facebooksocial span a{ color: gray; text-decoration:none; } .facebooksocial span a:hover{ text-decoration:underline; } /*----------Twitter-------------------------*/ .twittersocial { z-index: 99998; position:fixed; right:-345px; top:10%; width: 340px; height: 500px; margin-top:3%; } .texttwitter { position: relative; } .texttwitter i { position: absolute; right: 342px; top: -5px; background: #000000; color: #fff; font-size: 25px; border-radius: 4px 0px 0px 4px; padding: 5px 20px 5px 10px; } .twittersocial div{ padding: 0; margin-right:-8px; border:4px solid #1e9beb; background:#fafafa; } /*----------Twitter-------------------------*/ /*----------youtube-------------------------*/ .youtubesocial { z-index: 99997 !important; position:fixed; right:-345px; top:16%; width: 340px; height: 500px; margin-top:3%; } .textyoutube { position: relative; } .textyoutube i { position: absolute; right: 342px; top: -5px; background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00); color: #fff; font-size: 25px; border-radius: 4px 0px 0px 4px; padding: 5px 20px 5px 10px; } .youtubesocial .textyoutube{ padding: 0; margin-right:-8px; border:4px solid #400080; } /*----------youtube-------------------------*/ /*====Responsive Start Here======*/ @media screen and (min-width: 300px){ .facebooksocial {top: 115px;} .twittersocial { top: 146px;} .youtubesocial{top: 188px;} .nepalitheme_portfolio .nepalithemerow {padding-right: 5px;padding-left: 5px;} .nttabbuttons ul{display: flex;} .nttabbuttons ul li{margin: 0px 5px !important;} .nepalitheme_demos .nttabbuttons ul span{ visibility: hidden;display: none;} .nepalitheme_demos .nepalithemedemo_tabtitle{display: block !important;text-transform: capitalize;} } @media screen and (min-width: 480px){ .facebooksocial {top: 155px;} .twittersocial { top: 185px;;} .youtubesocial{top: 228px;} .nepalitheme_portfolio .nepalithemerow {padding-right: 5px;padding-left: 5px;} .nttabbuttons ul{display: flex;} .nttabbuttons ul li{margin: 0px 5px !important;} .nepalitheme_demos .nttabbuttons ul span{ visibility: hidden;display: none;} .nepalitheme_demos .nepalithemedemo_tabtitle{display: block !important;text-transform: capitalize;} } @media screen and (min-width: 768px){ .facebooksocial {top: 200px;} .twittersocial { top: 215px;} .youtubesocial{top: 256px;} .nepalitheme_portfolio .nepalithemerow {padding-right: 15px;padding-left: 15px;} .nttabbuttons ul{display: block;} .nepalitheme_demos .nttabbuttons ul span{ visibility: visible;display: contents;} .nepalitheme_demos .nepalithemedemo_tabtitle{display: none !important;} } @media screen and (min-width: 990px){ .facebooksocial {top: 170px;} .twittersocial { top: 179px;} .youtubesocial{top: 220px;} .nepalitheme_portfolio .nepalithemerow {padding-right: 15px;padding-left: 15px;} .nttabbuttons ul{display: block;} .nttabbuttons ul li{margin: 5px 0px !important;} .nepalitheme_demos .nttabbuttons ul span{ visibility: visible;display: contents;} .nepalitheme_demos .nepalithemedemo_tabtitle{display: none !important;} } @media screen and (min-width: 1100px){ .facebooksocial {top: 175px;} .twittersocial { top: 180px;} .youtubesocial{top: 225px;} .nepalitheme_portfolio .nepalithemerow {padding-right: 15px;padding-left: 15px;} .nttabbuttons ul{display: block;} .nttabbuttons ul li{margin: 5px 0px !important;} .nepalitheme_demos .nttabbuttons ul span{ visibility: visible;display: contents;} .nepalitheme_demos .nepalithemedemo_tabtitle{display: none !important;} } /**/ /**/ .nepalitheme_clientsinglepage{ } .nepalitheme_clientsinglepage .row{ margin:20px 10px } .nepalitheme_clientsinglepage .featureimagesec{ object-fit: cover; } .nepalitheme_clientsinglepage .featureimagesec img{ width: 100%; object-fit: cover; border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); } .nepalitheme_clientsinglepage .clientsections_nt{ padding: 35px; border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-bottom: 10px solid var(--primaryb); } .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_statusonly{ position: absolute; bottom: 0px; left: 0%; background: var(--primaryb); color: #FFF; padding: 5px 10px; border-radius: 0px 8px 0px 0px; font-size: 16px; font-family: 'Lugrasimo'; font-weight: 600; transition-duration: 0.5s; } .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_statusonly:hover{ background: var(--primarya); } .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_running{ position: absolute; top: 0px; right: 0px; background: var(--running); padding-top: 5px; padding-bottom: 5px; padding-inline: calc(var(--padding) * 3); color: var(--white); border-radius: 0px 0px 0px 8px; } .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_running .nepalitheme_circle, .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_running .nepalitheme_circle::before { content: ""; width: 15px; height: 15px; border-radius: 50%; margin: 0 auto; transition: all 0.3s; background-color: #FF0055; /* Base color */ position: absolute; left: 6px; top: 7px; /* Ensure positioning works */ } /* Pulse effect */ .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_running .nepalitheme_circle::before { animation: mymove 2s infinite; background-color: var(--broadcast); top: 0px; left: 0px; z-index: 1; } /* Keyframes for animation */ @keyframes mymove { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(2); opacity: 0; } 100% { transform: scale(2); opacity: 0; } } .nepalitheme_clientsinglepage .clientsections_nt .nepalitheme_close{ position: absolute; top: 0px; right: 0px; background: var(--closed); padding-top: 5px; padding-bottom: 5px; padding-inline: calc(var(--padding) * 3); color: var(--white); border-radius: 0px 0px 0px 8px; } .nepalitheme_clientsinglepage .clientsections_nt h2 { color: var(--primarya); font-family: "Lexend Deca", Sans-serif; font-size: 30px; font-weight: 700; line-height: 1.3em; } .nepalitheme_clientsinglepage .clientsections_nt h6 { font-size: 16px; font-weight: 500; color: var(--primaryb); } .nepalitheme_clientsinglepage .clientsections_nt p{ font-size: 16px; text-align: justify; font-weight: 400; color: #000; margin-top: 5px; } .nepalitheme_clientsinglepage .clientsections_nt ul{ margin: 0px !important; padding: 0px !important; } .nepalitheme_clientsinglepage .clientsections_nt ul li { padding-bottom: calc(20px/2); font-size: 18px; font-weight: 400; color: var(--primaryb); list-style: none; } .nepalitheme_clientsinglepage .clientsections_nt ul li:first-child { margin-top: calc(20px/2); } .nepalitheme_clientsinglepage .clientsections_nt ul li i { background: var(--primarya); color: #FFF; padding: 10px 10px; border-radius: 4px; margin-right: 5px; font-size: 14px !important; } .nepalitheme_clientsinglepage .nepalitheme-technology-gallery .tech-thumb{ margin: 5px; width: 55px; height: 55px ; } .nepalitheme_clientsinglepage .nepalitheme-technology-gallery .nepalitheme_technologyht { color: var(--white); font-size: 18px; font-weight: 600; text-align: center; border-radius: 48px; background: linear-gradient(45deg, transparent 15%, var(--primarya) 0%); position: relative; } .nepalitheme_clientsinglepage .nepalitheme-technology-gallery .nepalitheme_technologyht:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 0; height: 100%; background: var(--primarya); transition: all .35s; } .nepalitheme_clientsinglepage .nepalitheme-technology-gallery .nepalitheme_technologyht:hover:after{ width: 23%; border-radius: 48px 0px 0px 48px; } /**/ .nepalithememobil_header{ background: var(--primaryb); border-bottom: 4px solid var(--primarya); } .nepalitheme_headeroption .mobil_headers a { color: var(--primarya); text-shadow: 0pc .75pt 0 #fffcfc,-1px -.0625pc 0 #fff,1px -.0625pc 0 #fff,-1px .010416667in 0 #fff,1px 1px 0 #fafafa,-2px .1875pc #fff,2px 3px #fffefe; } .nepalithememobil_header .topsticky_header2{ text-align: center; margin: auto; } .nepalithememobil_header .topsticky_header2 a i{ color: #FFF; background: var(--primarya); padding: 10px; border-radius: 4px; font-size: 18px; overflow: hidden; border: 2px solid #FFF; } .nepalitheme_formsett{ width: 85%; } /**/ .nepalitheme_breadcrumb{ background: transparent; padding: 25px 0 25px; margin-bottom: 0; font-size: 20px; font-weight: 600; } .nepalitheme_breadcrumb a{ color: var(--white); font-size: 20px; font-weight: 600; background: var(--primaryb); padding: 10px 20px; border-radius: 8px; transition-duration: 0.3s; } .nepalitheme_breadcrumb a:hover{ background: var(--primarya); } .nepalitheme_breadcrumb span{ display: none; } /**/ .nepalitheme_footersec{ width: 100%; background-color: var(--primaryb); padding-top: 20px; border-top: 2px solid var(--primarya); } .nepalitheme_footersec .container{ margin-right:auto ; margin-left:auto ; } .nepalitheme_footersec .nepalitheme_logoopt{ color: #FFF; } .nepalitheme_footersec .nepalithemeproduct li { padding-bottom: calc(20px/2); font-size: 18px; list-style: none; color: #FFF; } .nepalitheme_footersec .nepalithemeproduct h2, .nepalitheme_footersec .nepalitheme_contactus h2{ background: linear-gradient(to right, var(--gray) 50%, var(--white) 50%); padding: 10px 20px !important; font-size:20px; color:var(--primaryb); margin-bottom:20px; font-weight:600; padding: 10px 0px; text-align: center; border-radius: 100%; width: fit-content; position: relative; border-bottom: 2px solid var(--primarya); border-top: 2px solid var(--primarya) } .nepalitheme_footersec .nepalithemeproduct h2::before, .nepalitheme_footersec .nepalitheme_contactus h2::before { content: ''; position: absolute; border-top: 27px solid var(--primaryb); border-bottom: 15px solid var(--primaryb); border-right: 26px solid var(--gray); left: -7px; top: 0px; height: 100% !important; } .nepalitheme_footersec .nepalithemeproduct h2::after, .nepalitheme_footersec .nepalitheme_contactus h2::after { content: ''; position: absolute; border-top: 27px solid var(--primaryb); border-bottom: 15px solid var(--primaryb); border-left: 26px solid var(--white); right: -7px; top: 0px; height: 100% !important; } .nepalitheme_footersec .nepalithemeproduct li img { width: 25px; height: 25px; margin-top: -5px; background: #FFF; border-radius: 50%; } .nepalitheme_footersec .nepalitheme_contactus li { padding-bottom: calc(20px/2); font-size: 18px; list-style: none; color: #FFF; } .nepalitheme_footersec .nepalitheme_contactus li i { margin-right: 8px; list-style: none; color: #FFF; background: var(--primarya); padding: 10px; border-radius: 50%; width: 35px; height: 35px; text-align: center; } .nepalitheme_footersec .copyright{ background: linear-gradient(to right, var(--primarya) 50%, var(--primaryb) 50%); margin-top: 20px; border-top: 2px solid #fff; text-align: center; font-size: 18px; color: #FFF; } .nepalitheme_footersec .copyright .nepalitheme_tm{ padding: 10px; background:var(--primarya); } .nepalitheme_footersec .copyright .nephosthosting{ padding: 10px; background:var(--primaryb); } .nepalitheme_footersec .copyright .nephosthosting img{ width: 40px; height: 25px; } .nepalitheme_footersec .copyright a , .nepalitheme_footersec .copyright a:hover{ color: #FFF !important; } .top-btn { all: unset; font-size:1.5rem; position: fixed; right: 20px; bottom: 20px; cursor: pointer; transform:scale(1.8); opacity: 0; transition: .3s; background: #fff; border-radius: 50%; width: 25px; height: 25px; border: 1px solid var(--primaryb); text-align: center; } /*----Footer social-------------------*/ .nepalithemesocial-box{ width:auto; padding:5px; } .nepalithemesocial-box ul{ list-style-type:none; padding: 0px; } .nepalithemesocial-box ul li{ display:inline-block; width: 30px; height: 30px; margin-left: 10px; border-radius:100%; border: 1px solid #FFF; } .nepalithemesocial-box ul li a{ text-decoration:none; color:#fff; padding-top: 2px; font-size: 16px; display: block; text-align: center; line-height: 1.5; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } /*======= Multiple Hover For Multiple brands=======*/ .nepalithemesocial-box ul .fb{ background:#3b5998; color:#fff; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .google{ color: #fff; background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00); -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .insta{ background:#0e76a8 ; color:#fff; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .pin{ background:#FF0000 ; color:#fff; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .twitter{ background:#070707 ; color:#fff; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .whatsapp{ background:#075e54 ; color:#fff; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .nepalithemesocial-box ul .gmail{ background:#FFF ; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }