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;
    
}

.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;
}
.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;
}
.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;
} 
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;
}
.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;
}
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; padding: 0px 8px;}
div#menusite-stc ul.navbar-nav>li {
    float: left;
    text-align: center;
    margin-left: 1px;
    background: url(../images/nav-line.png) no-repeat right center;
}
div#menusite-stc ul.navbar-nav>li:last-child {
    margin-right: 4px;
    background: none;
}
@media (max-width: 767px) {
	#menusite > .container-fluid{
		align-items: end;
		justify-content: flex-end;
	} 
	div#menusite-stc ul.navbar-nav>li{background:none;background: #2568a3 !important; margin: 3px 0;}
	.navSidebar-button{ margin: 0 auto; text-align: center; float: none !important;}
}
.section-nav {
    position: relative;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    background-image: linear-gradient(to bottom, #297fc9 0%, #0e62ad 100%);
}
.head_footer{
	border-bottom: 1px solid #5680cd;
    font: normal 12px Arial, Helvetica, sans-serif; 
    color: #c5d9ff;
}
.head_footer h3{
	border-bottom: 1px solid #274b8b;
    padding-bottom: 8px;
    margin: 0;
    color: #ffc527;
    font-size: 20px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.askmenow{
	position: absolute; 
	bottom: 9px;
    left: 0;
    margin: 15px;
    color: #fff;
}
.heading_news h6 {
    font-weight: 700;
    color: #2d72bb;
    line-height: 26px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.heading_news .border_line {
	background: #fccc00;
	width: 157px;
	height: 3px;
	position: relative;
	    margin: 0 auto;
    width: 120px;
}

.heading_news .border_line::before {
	position: absolute;
	height: 10px;
	width: 3px;
	background: #fccc00;
	content: '';
	top: -7px;
	left: 0;
}
.heading_news h3{
	color: #1e2452;
    line-height: 44px;
    font-size: 36px;
    margin: 10px 0;
}

.heading_news .border_line::after {
	position: absolute;
	height: 10px;
	width: 3px;
	background: #fccc00;
	content: '';
	top: -7px;
	right: 0;
}
.content_news figure{
	border-radius: 20px 20px 0 ;
    -moz-border-radius: 20px 20px 0 ;
    -webkit-border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.content_news .item img{transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.content_news .item:hover img{transform: scale(1.08);}
.content_news .owl-nav{
	margin: 0;
    position: absolute; 
    top: -64px;
    right: 15px;
    z-index: 3;
    text-align: right;
}
.content_news .owl-prev, .content_news .owl-next{
	font-size: 40px !important; 
    color: #000;
    opacity: 1 !important;
}
.content_news .owl-prev{
	padding: 0 0px 0 10px !important;
}
.content_news .owl-next{
	padding: 0 10px 0 0px !important;
}
.stc-logo-slider .items .item{ 
	min-height: 100px;
    border-width: 0 1px 1px 0;
    border-style: solid;
	border-color: #ebebeb;
    position: relative;
    padding: 0 15px;	
}
.stc-logo-slider .items .item, .stc-logo-slider .items .item a{
	display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
.stc-logo-slider .items:before {
    content: '';
    position: absolute;
    inset: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
	border-color: #ebebeb;
}
.stc-logo-slider .item img{
	transition: 200ms ease;
	height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.stc-logo-slider .item:not(:hover) img {
    opacity: 0.2;
}
#footer .socialList a{
	display: block;
    width: 43px;
    height: 43px;
    line-height: 33px;
    color: #dcdcdc;
    text-align: center;
    font-size: 26px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid #cccccc85;
    padding: 5px; 
}
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;
}
.name_company{
	color: #0ca3dd;font-size: 36px; margin: 0;font-weight: bold; font-family: 'Roboto Condensed', sans-serif;    text-transform: uppercase;text-shadow: 2px 2px #efefef;
}
.name_sub_company{
	font-weight: bold;
	color: #fb8b21;
	font-size: 1rem;
}

.footer_mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
    -webkt-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.07);
	display: none;
    visibility: hidden;
}
.footer_mobile .nav {
    align-items: center;
    max-width: 480px;
    margin: 0 auto;
}
.footer_mobile .nav .nav-item {
    height: 60px;
}
.footer_mobile .nav .nav-item .nav-link {
    text-align: center;
    background: transparent;
    align-self: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    height: 100%;
    line-height: 44px;
    color: #999999;
    padding: calc(15px - 5px) calc(15px - 10px);
    font-size: 11px;
}
.footer_mobile .nav .nav-item .nav-link span {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.footer_mobile .nav .nav-item.centerbutton {
    padding: 10px;
    transition: none;
}
.footer_mobile .nav .nav-item.centerbutton .nav-link {
    position: relative;
    padding: 8px;
    height: 76px;
    width: 76px;
    margin: 0 auto;
    margin-top: -30px;
    transition: none;
}
.footer_mobile .nav .nav-item.centerbutton .nav-link > span {
    height: 60px;
    line-height: 56px;
    width: 60px;
    border-radius: 20px 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0px auto 0 auto;
    color: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    -webkt-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
	    background: radial-gradient(ellipse at 30% 30%, #57bdff 0%, #4f77fb 50%, #6528cf 100%);
}
.footer_mobile .nav .nav-item .nav-link span .nav-icon {
    font-size: 17px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    display: block;
    margin: 0 auto;
}


@media (max-width: 499.98px) {
	.name_company{font-size: 28px;}
	.name_sub_company{font-size: 12px;}
	.footer_mobile{display: block;
    visibility: visible;}
    .stc-logo-slider .item:not(:hover) img{
        opacity: 0.8;
    }
}
@media (max-width: 430px) {
	.name_company{font-size: 23px;}
	.name_sub_company{font-size: 9px;}
	.section-header-bar .social-icons{
		position: absolute;
		left: 0;
		top: 120px;
		z-index: 1;
		display: block !important;
		padding-left: 0;
	}
	#menusite > .container-fluid{
		align-items: end;
		justify-content: flex-end;
	}
	div#menusite-stc ul.navbar-nav>li{background:none;background: #2568a3 !important; margin: 3px 0;}
}
#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 0px 2px;
    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;
}
.bg-circle-overlay{
	background-image: url(../images/half-circles.png);
    background-position: center left;
    background-repeat: no-repeat;
	background-size: cover;
    opacity: .85;
    transition: background .3s, border-radius .3s, opacity .3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
/* 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;
}

ul.keymenu {
    margin: 0;
    padding: 3px 10px; 
	border-top: 2px dashed #cccccc42;
    padding-top: 29px;
}

ul.keymenu li {
	display: inline-block;
    padding: 4px 4px;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: capitalize;
    vertical-align: top;
    font-size: 13px;
    border-radius: 5px;
    padding-bottom: 0;
}
ul.keymenu li:before {
    content: "/";
    display: inline-block;
}
ul.keymenu li:first-child:before{content: "";}
ul.keymenu li:hover a{
	color: #ffe609  !important; 
}
#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 h3{display: inline-block; font-size: 80px; line-height: 1em; 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: 1em;}
    .bannerstc .txt h3{font-size: 41px;margin-bottom: 10px;padding-top: 16px;}
	.bannerstcmore .a1 {height: 60px;}
}
@media only screen and (max-width: 800px){
	.bannerstc .txt h3{ font-size: 32px; margin-bottom: 0px;}
	.bannerstc .txt h4{ font-size: 20px; margin: 20px auto 30px;}
	.bannerstcmore .a1, .bannerstc .bannerstcmore .a1 {height: 60px;}
	.bannerstc .mbarbg {display: block;}
}
a#calltrap-btn span,a#zaloButton span{z-index:10;display:none;padding:10px;left:45px;line-height:16px;box-shadow:5px 5px 8px #ccc}#calltrap-btn,#calltrap-ico,#zaloButton{width:36px;height:36px}.ppocta-ft-fix{display:inline-grid;position:fixed;bottom:12%;left:30px;min-width:36px;text-align:center;z-index:99999}#zaloButton{display:inline-block;position:relative;line-height:36px;border-radius:100%;box-shadow:0 0 10px -2px rgba(0,0,0,.7);background:url("../images/zalo3f.png") center center no-repeat #fe8515;margin-bottom:10px}a#calltrap-btn,a#zaloButton{outline:0}a#zaloButton:hover{text-decoration:none;background:url("../images/zalo3_a.png") center center no-repeat #f16029}a#zaloButton span{width:200px;border-radius:4px}a#calltrap-btn:hover span,a#zaloButton:hover span{display:inline;position:absolute;color:#111;border:1px solid #dca;background:#fffaf0}#calltrap-btn{background-color:#2074a1;-webkit-border-radius:50%;border-radius:50%;display:block;line-height:100px;opacity:.7;text-align:center;z-index:9999;-webkit-animation:3s linear infinite calltrap_opacity;-moz-animation:3s linear infinite calltrap_opacity;-o-animation:3s linear infinite calltrap_opacity;animation:3s linear infinite calltrap_opacity}a#calltrap-btn strong{font-size:18px;color:red}a#calltrap-btn:hover{text-decoration:none;background:#f16029}a#calltrap-btn span{top:0;width:150px;border-radius:4px}@media(max-width:640px){a#calltrap-btn:hover span,a#zaloButton:hover span{display:none}}#calltrap-btn.calltrap_offline{background-color:#ff7a00;margin-bottom:16px}#calltrap-ico{border:0;-webkit-border-radius:50%!important;border-radius:50%!important;-o-background-clip:padding-box;background-clip:padding-box;-webkit-animation:1.5s ease-out infinite uptocallmini;-moz-animation:1.5s ease-out infinite uptocallmini;-o-animation:1.5s ease-out infinite uptocallmini;animation:1.5s ease-out infinite uptocallmini}#calltrap-ico:before{content:"";position:absolute;width:25px;height:25px;background-size:cover;top:5px;left:5px;background-image:url("../images/m-phone.png");background-repeat:no-repeat;-webkit-animation:3s linear infinite calltrap_spin;-moz-animation:3s linear infinite calltrap_spin;-o-animation:3s linear infinite calltrap_spin;animation:3s linear infinite calltrap_spin}.calltrap_offline #calltrap-ico{-webkit-animation:1.5s ease-out infinite uptocallmini_offline;-moz-animation:1.5s ease-out infinite uptocallmini_offline;-o-animation:1.5s ease-out infinite uptocallmini_offline;animation:1.5s ease-out infinite uptocallmini_offline}@-webkit-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-moz-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-o-keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@keyframes calltrap_opacity{0%,100%{opacity:1}57%{opacity:.75}75%{opacity:.95}}@-webkit-keyframes calltrap_spin{0%,30%,57%{-webkit-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}48%{-webkit-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-moz-keyframes calltrap_spin{0%,30%,57%{-moz-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-moz-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-moz-transform:rotate(10deg);transform:rotate(10deg)}48%{-moz-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-o-keyframes calltrap_spin{0%,30%,57%{-o-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-o-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-o-transform:rotate(10deg);transform:rotate(10deg)}48%{-o-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@keyframes calltrap_spin{0%,30%,57%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}33%,39%,45%,51%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}36%,42%,54%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}48%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);opacity:1}}@-webkit-keyframes uptocallmini{0%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{-webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-moz-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-o-keyframes uptocallmini{0%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@keyframes uptocallmini{0%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 0 transparent,0 0 0 0 rgba(32,116,161,0)}10%{-webkit-box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1;box-shadow:0 0 8px 6px #2074a1,0 0 12px 10px transparent,0 0 12px 14px #2074a1}100%{-webkit-box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0);box-shadow:0 0 8px 6px rgba(32,116,161,0),0 0 0 40px transparent,0 0 0 40px rgba(32,116,161,0)}}@-webkit-keyframes uptocallmini_offline{0%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{-webkit-box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120;box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120}100%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@-moz-keyframes uptocallmini_offline{0%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120}100%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@-o-keyframes uptocallmini_offline{0%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{box-shadow:0 0 8px 6px #35a120,0 0 12px 10px transparent,0 0 12px 14px #35a120}100%{box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}@keyframes uptocallmini_offline{0%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 0 transparent,0 0 0 0 rgba(53,161,32,0)}10%{-webkit-box-shadow:0 0 8px 6px #fe8515,0 0 12px 10px transparent,0 0 12px 14px #fe8515;box-shadow:0 0 8px 6px #fe8515,0 0 12px 10px transparent,0 0 12px 14px #fe8515}100%{-webkit-box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0);box-shadow:0 0 8px 6px rgba(53,161,32,0),0 0 0 40px transparent,0 0 0 40px rgba(53,161,32,0)}}