a {
    text-decoration: none;
}
.sticky-top {
    z-index: 12;
}
.font_roboto{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.font_Poppins{
	font-family: Poppins, sans-serif;
    
}
.fs-18{font-size: 18px;}
.faq, div#salesmarketingonline,.full-content-service{
	font-family: Poppins, sans-serif;
    font-size: 1rem;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.title_line { 
    position: relative;
    width: 100%; 
    display: block;  
}
.title_line:after {
    content: "";
    display: table;
    clear: both;
    background: url(../images/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0px;
}
blockquote.notestc{
    color: #111010;
    border-radius: 10px;
    margin: 30px 0;
    padding: 24px 35px 15px;
    border-left: 8px solid #4951FE;
    background: -webkit-gradient(linear, left top, right top, color-stop(35.63%, rgba(73, 81, 254, 0.05)), color-stop(79.75%, rgba(223, 57, 167, 0.05)));
    background: -webkit-linear-gradient(left, rgba(73, 81, 254, 0.05) 35.63%, rgba(223, 57, 167, 0.05) 79.75%);
    background: linear-gradient(90deg, rgba(73, 81, 254, 0.05) 35.63%, rgba(223, 57, 167, 0.05) 79.75%);
    font-size: 17px;
}
.ul-ol-style ul{list-style: disc;}
.ul-ol-style ol{list-style: decimal;}
.border-dash-bottom li{
	border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 5px;
}
.border-dash-bottom li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.hover_blur:hover .shadow{
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #218BE7;
    box-shadow: 0px 5px 15px 0px #CAE0F0;
    box-shadow: var(--bs-box-shadow-lg) !important;
}
.hover_shadow_wt:hover{
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    background: #fff !important;
}
.loading-area {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	overflow: hidden;
} 
.loading-box {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	z-index: 9999;
}

.cssload-loader {
	width: 244px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:18px;
	color: #002155;
	letter-spacing: 0.2em;
}
.cssload-loader::before, .cssload-loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: rgb(34,34,34);
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader::before {
	top: 0;
}
.cssload-loader::after {
	bottom: 0;
} 
.bg-circle-overlay{
	background-image: url(../images/half-circles.png);
    background-position: center right;
    background-repeat: no-repeat;
    opacity: .85;
    transition: background .3s, border-radius .3s, opacity .3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.btn.btn-link{text-decoration:none;color:#04a6cf;padding:0;background:0 0;box-shadow:none;border-radius:0;display:inline-flex;align-items:center;font-weight: bold;font-family: mont, Roboto, helvetica neue, Arial}.btn.btn-link .btn__arrow{margin-left:10px;flex-shrink:0;width:32px;height:32px;border:2px solid transparent;position:relative;border-radius:10px;overflow:hidden;transition:border .5s ease-in-out,border-radius .5s ease-in-out}.btn.btn-link .btn__arrow__angle{position:absolute;width:6px;height:11px;top:50%;margin-top:-5px}.btn.btn-link .btn__arrow__angle:nth-child(1){left:10px}.btn.btn-link .btn__arrow__angle:nth-child(2){left:16px}.btn.btn-link .btn__arrow__angle:before,.btn.btn-link .btn__arrow__angle:after{content:"";width:9px;height:2px;background:currentColor;border-radius:10px;position:absolute}.btn.btn-link .btn__arrow__angle:before{right:0;top:2px;transform:rotate(45deg)}.btn.btn-link .btn__arrow__angle:after{right:0;bottom:2px;transform:rotate(-45deg)}.btn.btn-link:hover{color:#04a6cf}.btn.btn-link:hover .btn__arrow{border-color:#04a6cf;border-radius:100%}.btn.btn-link:hover .btn__arrow__angle:nth-child(1){animation-name:bounceAlpha;animation-duration:1.4s;animation-delay:.2s;animation-iteration-count:infinite;animation-timing-function:linear}.btn.btn-link:hover .btn__arrow__angle:nth-child(2){animation-name:bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes bounceAlpha{0%{opacity: 1;transform: translateX(0px) scale(1)}25%{opacity: 0;transform: translateX(10px) scale(0.9)}26%{opacity: 0;transform: translateX(-10px) scale(0.9)}55%{opacity: 1;transform: translateX(0px) scale(1)}}
section.page-title-breadcrumbs {
    position: relative;
}
.faded-text {
    position: absolute;
    left: 0; 
    width: 100%;
    top: 26%;
    text-align: center;
}
.faded-text .f-text {
    position: relative;
    display: block;
    text-transform: uppercase;
}
.faded-text .f-text span {
    font-size: 84px;
    color: rgba(255,255,255,0.05);
    text-shadow: none;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255,255,255,0.15);
    font-weight: 700;
    position: relative;
    display: block;
    line-height: 1;
    letter-spacing: 2px;
    color: #f0f9ff;
	font-family: 'Ubuntu', sans-serif;
}
.faded-text .f-text strong{
	color: #fff;
    font-size: 33px;
    text-transform: capitalize;
	font-family: "Roboto",sans-serif;
}
.bg-decor{
    background: url(../images/vefyuv.webp);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-title-breadcrumbs .bg-layer{
	max-height: 313px;
    position: relative;
    overflow: hidden;
}
.page-title-breadcrumbs .bg-layer:before {
    position: absolute;
    content: '';
    background-color: #17141F;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.65;
}
.page-title-breadcrumbs .bg-layer img{
	width: 100%;
	height: auto;
}
.read-more-text{
    line-height: 22px;
    display: inline-block;
    color: #ffca00 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 0 3px;
    position: relative;
    margin-bottom: 20px;
}
.read-more-text:before{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85%;
    height: 1px;
    background-color: #ffc000;
    transition: all ease 0.4s;
}
.read-more-text:hover::before { 
    width: 45px;
}
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.panel-body {
    padding: 15px;
}
div#menusite-stc{
	margin-bottom: 2px;
    -moz-box-shadow: 0 6px 9px 0px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 6px 9px 0px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 9px 0px rgb(0 0 0 / 18%);
}
div#menusite-stc .navbar-toggler{background: #fff;}
.section-nav {
    position: relative;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    background-image: linear-gradient(to bottom, #1461bd 0%, #074a9b 100%);
}
.head_footer{
	border-bottom: 1px solid #5680cd;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c5d9ff;
}
.head_footer h3{
	border-bottom: 1px solid #274b8b;
    padding-bottom: 8px;
    margin: 0;
    color: #c7daff;
    font-size: 18px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
}
ul.infostc{
	padding: 0;
    margin: 0;
    list-style: none;
}
ul.infostc li{
	position: relative;
    line-height: 25px;
    margin-bottom: 5px;
	border-bottom: 1px dashed #cccccc42;
    padding-bottom: 4px;
}
ul.infostc li:last-child{border-bottom:none}
ul.infostc li a {
    padding: 6px 0;
    border: none;
    transition: all 0.5s linear 0s;
    position: relative;
    display: inline;
}
ul.infostc li a:hover {
    background: none;
    color: #fcff00 !important;
    margin-left: 10px;
}
#footer ul.infostc li a{color:#fff}
#footer ul.infostc li.iconstar:after {
    content: "";
    background-image: url(../images/icon-feature.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    width: 36px;
    height: 20px;
    top: 2px;
}
#footer ul.infostc li.iconhot:after {
    content: "";
    background-image: url(../images/icon-hot.png);
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    width: 60px;
    height: 20px;
    top: 2px;
}
ul.infostc li a:before {
    font-family: "FontAwesome";
    content: "\f046";
    padding-right: 10px;
}
#apidomain{
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}
#apidomain .error span{text-decoration: line-through;color: #e4dd00;}
#apidomain .error i{color: #f00}
#apidomain .success i, #apidomain .success strong{color: #00ff2b}
.curve-arrow:before{
	content: '';
    display: block;
    background: url(../images/curve-arrow.svg) no-repeat center center;
    background-size: 100%;
    width: 93px;
    height: 144px;
    position: absolute;
    top: -102px;
    left: 30%;
}
.small-heading-line {
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 15px;
}
.small-heading-line:after{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background-image: url(../images/heading-line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}

.loading-overlay {
    display: table;
    opacity: 0.7;
}

.loading-overlay-content {
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.loading-overlay.loading-theme-light {
    background-color: #fff;
    color: #000;
}

.loading-overlay.loading-theme-dark {
    background-color: #000;
    color: #fff;
}
.item-border{
	padding-left: 6px !important;
    margin-left: 0;
}
.item-border li {
    background: url(../images/li1.png) no-repeat center left;
    background-size: 15px 15px;
    padding-left: 25px;
    margin: 3px 0;
    list-style: none;
}

.yl_line{
	position: relative;
    display: inline-block;
	color: rgb(255, 255, 0);
}
.yl_line:after{
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width .4s cubic-bezier(0.5, 0, 0.1, 1);
}
.yl_line_hover:hover .yl_line:after {
    width: 100%;
    left: 0;
    right: auto;
}
.btncontrol button.active{
	background: #FF5722;
    border: 1px solid #ff585a;	
}
.btncontrol button{
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.btncontrol button a{color: #fff;font-size: 18px;}
.btncontrol button:hover {
    text-decoration: none;
    background: #4373f9;
    border-color: #dddddd;
    transform: translateY(-7px);
}
.bgbanner:before{
	content: "";
    position: absolute;
    inset: 0; 
    width: 100%;
    background: linear-gradient(180deg, rgba(216, 51, 162, 0.2886) 0%, rgba(3, 27, 62, 0.74) 100%);
}
.bgbanner .carousel-caption{
	top: 15%; left: 10%;
}
@media (max-width: 767.98px) {
	.bgbanner .carousel-caption{top: 5%;}
}
@media (max-width: 499.98px) {
	.bgbanner .carousel-caption{top: 2%;}
}
 /*** modal ***/ 
.clientservice_sg-open {
    overflow: hidden;
    
}
.clientservice_sg-cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 100;
    
}
 
.clientservice_sg-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    overflow-x: none;
    overflow-y: auto;
    z-index: 200;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.an_clientservice {
    max-width: 340px;
    width: 100%;
    display: none;
    min-width: 200px;
    position: relative;
    background-color: #fff;
    z-index: 300;
    padding: 29px;
    float: right;
    min-height: 100vh;
    color: #000;
}
.clientservice_sg-btn-close {
    font-size: 27px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    color: #000;
}
.clientservice_sg-btn-close:hover {
    color: #949494;
}

.clientservice_open-modal-btn {
    display: flex;
    cursor: pointer;
}

.clientservice_open-modal-btn:hover {
    color: #949494;
	text-decoration: none;
}
.navSidebar-button{
	position: relative;
    float: left;
    cursor: pointer;
    color: #ffee00;
    font-size: 28px;
    padding: 11px 0px;
    margin: 0 5px;
	display: none;
}
.heading_shadow{
	font-family: "Poppins", Sans-serif;
    font-size: 17px;
    background: #205fa0;
    margin-top: 15px;
    -moz-box-shadow: 5px 5px 0 #CCCCCC;
    -webkit-box-shadow: 5px 5px 0 #cccccc;
    box-shadow: 4px 8px 0 #cccccc38;
    margin-bottom: 20px;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
}
.view__template{
	background-image: url(../images/city.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    padding: 20px;
    text-shadow: 1px 2px 3px #ffffff;
    position: relative; 
}
.view__template:after{
	background-color: rgba(255, 255, 255, 0.8);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.head_line{
	border-bottom: 1px solid #5680cd;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c5d9ff;
}
.head_line h2{
	border-bottom: 1px solid #274b8b;
    padding-bottom: 15px;
    margin: 0;
    color: #c7daff;
    font-size: 19px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* begin serrvices */
.an_clientservice .clientservice-title {
    margin: -29px;
    padding: 24px 29px 25px;
    background: #f3f3f3;
    margin-bottom: 33px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}
.clientservice-item {
    padding-bottom: 24px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 28px;
}
.clientservice-item:last-child {
     border-bottom: 0;
}
.an_clientservice p {
    text-align: left;
    margin-bottom: 0;
    font-size: 14px;
   
}
.an_clientservice h4 {
    text-align: left;
    margin-bottom: 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.an_clientservice h4 svg {
    margin-right: 10px;
    margin-left: 1px;
    width: 25px;
}
.client-separator {
    height: 7px;
}
.an_clientservice a {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: underline;
    color: #000!important;
}
.an_clientservice a:hover {
    text-decoration: none;
}
.img-w100 {
    width: 100%;
    height: auto;
    object-fit: cover;
}
#menusite .dropdown:hover>.dropdown-menu {
  display: block;
   pointer-events:auto;
   transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);
}
#menusite .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
header {
    background-image: url(../images/menu_bg.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-attachment: scroll;
    background-position: 50% 100%;
}

/* end serrvices */
#topcontrol {
    bottom: 35px;
    cursor: pointer;
    padding: 4px;
    position: fixed;
    right: 10px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
}
#topcontrol:hover span {}
#topcontrol:hover i {
    color: #c83200;
}
#topcontrol span {
    display: block;
    text-align: center;
    position: relative;
}
#topcontrol i {
    font-size: 40px;
    color: #1165d0;
     width: 18px;
    height: 99px;
    line-height: 45px;
    text-align: center;
    animation: 2s ease-out normal none infinite floating;
    -webkit-animation: 2s ease-out normal none infinite floating;
    background: url(../images/return_top.png) no-repeat left top;
}
#topcontrol i:hover {
    background: url(../images/return_top.png) no-repeat right top;
    text-decoration: none;
}
#topcontrol i:before {
    content: "";
}
.floating{
	 animation: 2s ease-out normal none infinite floating;
    -webkit-animation: 2s ease-out normal none infinite floating;
}
@-webkit-keyframes floating {
     0% {
         -webkit-transform: translateY(-8px)
     }
     50% {
         -webkit-transform: translateY(0)
     }
     100% {
         -webkit-transform: translateY(-8px)
     }
 }
 
 @-moz-keyframes floating {
     0% {
         -moz-transform: translateY(-8px)
     }
     50% {
         -moz-transform: translateY(8px)
     }
     100% {
         -moz-transform: translateY(-8px)
     }
 }
 
.bannerstc{position: relative;width: 100%;overflow: hidden;display: block;height: 100%; height: 550px;}
.bannerstc video{width: 100%;overflow: hidden;display: block; position: relative;z-index: 2;height: 100%; object-fit: cover;    height: 550px;}
.bannerstc .mbarbg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1;}
.bannerstc .bgicon{position:absolute;opacity:0.4;width:100%;top:0;left:0;height:100%;background-color:#000;z-index: 3;}
.bannerstc .txt{position: absolute;z-index: 9; width: 100%; top: 50%; left: 0;   text-align: center; transform: translate(0%, -50%);}
.bannerstc .txt h1{display: inline-block; font-size: 80px; line-height: 50px; margin-bottom: 30px; background: linear-gradient(to right, #178cde 15%, #00ffe4 30%, #178cde 55%, #00ffe4 80%, #178cde 95%); background-size: 200% auto; color: #000; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 5s linear infinite;}
.bannerstc .txt h4{ display: block; color: #fff; text-align: center; font-size:2rem; line-height: 1em; margin: 20px 0 40px;}
.bannerstc .txt .xoayx{ margin: 0;}

.bannerstc .bannerstcmore{ position: absolute; width: auto; z-index: 9; bottom: 20px; transform: translate(-50%, 0%); left: 50%; cursor:pointer;  transition: all .3s;}
.bannerstc .bannerstcmore .a1{-webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;    display: block; height: 100px;}
.bannerstc .bannerstcmore strong{ position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 50px; height: 50px;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;  }
.bannerstc .bannerstcmore strong span{ position: relative;display: block; background: #fff; width: 18px; height: 28px; border-radius: 2rem; opacity: 0.8;}
.bannerstc .bannerstcmore strong span:after{position:absolute;content:"";width:4px;height:9px;background:#aaa;border-radius:4rem;left:50%;top:50%;transform:translate(-50%, -50%);animation: 1.5s linear 0.5s infinite hua; }

@keyframes hua { from { top:5px; } to { top: 20px; } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } }
 
.bannerstc .bannerstcmore:hover{opacity: 0.8;}  
.bannerstc .mbarbg{display: none; }

@media only screen and (max-width:1600px ) {
	.bannerstc .txt h4{line-height: 30px;}
    .bannerstc .txt h1{font-size: 41px;margin-bottom: 10px;padding-top: 16px;}
	.bannerstcmore .a1 {height: 60px;}
}
@media only screen and (max-width: 800px){
	.bannerstc .txt h1{ font-size: 43px; margin-bottom: 0px;}
	.bannerstc .txt h4{ font-size: 21px; margin: 20px auto 30px;}
	.bannerstcmore .a1, .bannerstc .bannerstcmore .a1 {height: 60px;}
	.bannerstc .mbarbg {display: block;}
}