html,
body,p {
	margin: 0;padding:0
	/*font-size: 100%;*/
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.h1, .h2, .h3, h1, h2, h3{margin-top:0}
label {margin: 0}
.mylogo{background: url(/images/logo3.png) no-repeat;text-indent: -9999px;background-size:contain;margin-left: 5px!important;width:150px}
#menutop{
    /*background:#7f00a5;
    background:linear-gradient(to bottom right,#7f00a5,#5d2067);
    color:#fff;*/
    background:#fff;
    padding:5px 10px 0;border-radius:0;margin-bottom:0;border-bottom:solid 1px #fff;
    box-shadow:0 1.5px 4px 0 rgba(0,0,0,.15)
}
/*#menutop #menutext li:hover{background-color:#2e0938}*/
    #menutop a, #menutop .navbar-toggle {
        /*color:#fff;*/
        font-size:16px;
        color:#7f00a5
    }
#menutop a:focus,#menutop a:hover{color:#0aff75;background-color:transparent}
#menutop .dropdown-menu{background-color:#2e0938}
#menutop .navbar-toggle{border-color:#fff}
#menutop .navbar-toggle .icon-bar{background-color:#7f00a5}
#menutop i.fa.fa-phone {
    color: #fff;
    margin-right: 0.5em;
    background: #db0f31;
    padding: 4px;
	border-radius: 30px;
}
#menutop i.fa.fa-skype {
    color: #fff;
    margin-right: 0.5em;
    background: #309da9;
    padding: 4px;
	border-radius: 30px;
}
#nav-lang{font-size:10px;padding:20px 15px}#nav-lang span{padding:0 3px;cursor:pointer;position:relative}#nav-lang img{height:14px}
#nav-lang span.lang.active:before{
    content:'';
    height: 8px;
    width: 8px;
    background-color: #1FBC89;
    border-radius: 50%;
    position: absolute;
    bottom: -3px;
    right: -1px;
    border: 1px solid #fff;
}
.main{
    padding-top:80px;
    background-color:#f9f9f9;
    min-height: 70%;
    min-height: -webkit-calc(100% - 100px);
    min-height: -moz-calc(100% - 100px);
    min-height: calc(100% - 100px);
}
.main h1{font-size:32px}
.bx-wh {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */

/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    top:5em;
    z-index: 10;
   text-align: center;
    width: 100%;
    right: 0%;
    left: 0%;
}
/* Declare heights because of positioning of img element */

.carousel-inner .item {
	min-height: 30em;
	background-color: #fff;
}
.carousel-inner .item>img.slide-img{width:100%;height:auto}
.carousel-inner .item>img {
	/*position: absolute;
	top: 0;
	left: 0;*/
	/*min-width: 100%;
	height: 32rem;*/
}
/* MARKETING CONTENT
-------------------------------------------------- */
a.navbar-brand {
    font-size: 2em;
	letter-spacing: 2px;
}
/*--/slider--*/

/*.carousel-inner .item {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)) no-repeat;
	background-size: cover;
}*/
.carousel-caption h2,
.carousel-caption h3 {
	letter-spacing: 2px;
	line-height: 1.4em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	font-size: 3em;
	font-weight: 800;
	text-transform: capitalize;
    color: rgb(255, 255, 255);
	font-family: 'Open Sans', sans-serif;
}

.carousel-caption p {
	font-size: 1em;
	letter-spacing: 1px;
	color: #fff;
}

.carousel-caption h5 span {
	background: #dd4026;
	padding: 2px 12px;
	font-size: 0.8em;
}

.carousel-indicators {
	bottom: 17%;
	left: 0%;
	cursor: pointer;
	display: none;
}

.bnr-button {
	margin-top: 2em;
}

.carousel-control {
	line-height: 42em;
}

.carousel-indicators li {
	display: inline-block;
	max-width: 20px;
	height: 19px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin: 0 8px;
}

.carousel-indicators .active {
	background: #dd4026;
}
.carousel-caption a {
    color: #fff;
    text-decoration: none;
    padding: 6px 20px;
    letter-spacing: 1px;
    font-size: 14px;
    margin: 1em 1em 0 0em;
   background: #333;
    display: inline-block;
    border: 2px solid transparent;
    font-weight: bold;
	background-color: rgb(219, 15, 49);
    border-color: rgb(219, 15, 50);
    border-radius: 30px;
}
.btn-outline-success {
    color: #fff;
    background-color: #fb6a19;
    background-image: none;
    border-color: #fb6a19;
}

span.navbar-text p {
    color: #fff;
}
.navbar-text p {
    color: #fff;
}
/*--//banner --*/
/*-- bottom-to-top --*/
/*-- banner-bottom --*/
.banner-bottom h4 {
    font-size: 1.4em;
    margin:0 0 .7em 0;
    font-weight: 400;
    color: #222222;text-align:center
}
.banner-bottom p {
	margin: 0;
	font-size: 0.9em;
	color: #777777;
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.bnb-icon {
    text-align: center;
}

.bnb-icon i.fa {
    font-size: 1.5em;
    color: #db0f31;margin-bottom:0.5em
}

.banner-bottom {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: -15%;
    z-index: 999;
    background: #fff;
    padding: 2em;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
.banner {
    position: relative;
}

/*-- //banner-bottom --*/
/*-- stats --*/
.stats {
    text-align: center;
    background-color: #fff;
}

/*-- footer --*/

footer {
    background: #9C27B0;
    background: linear-gradient(to bottom,#9C27B0,#5d2067);
    color: #fff;
    padding: 20px 0;
    border-top: solid 1px #fff
}
footer p {
    font-size: 16px;
    letter-spacing: 1px;
    /*color: #fff;*/
}

/*footer p a{
    color: #fff;
}
footer  a:hover{
    color: #ea0a0a;
}*/
.short-desc{margin: 10px 0 15px;font-weight: bold;text-align:justify;font-size:14px}
.content{text-align:justify;margin-bottom:20px;font-size:14px}
.content img {
    max-width: 95%;
    margin: 10px auto;
    display: block;
}
.list-item .item{margin-bottom: 20px}
.list-item .item h3{margin:10px 0}
.list-item .item .info{margin-bottom:5px;font-size:small}
#box-com-info p{font-size:14px;margin:10px 0;white-space: pre-line}
/*-- footer --*/
/*-- /responsive design --*/
@media(max-width:1440px){
}
@media(max-width:1366px){
}
@media(max-width:1280px){
	.main {
    width: 100%;
}
}
@media(max-width:1080px){
	.banner-bottom {
    width: 90%;
    left: 5%;
    }
}
@media(max-width:1024px){
	
}
@media(max-width:991px){
	.w3layouts_stats_left h3 {
    letter-spacing: 1px;
}

.carousel-item {
    height: 30em;
    background-color: #777;
}
.banner-bottom {
    width: 100%;
    left: 0%;
    position: static;
}
.carousel-caption {
    bottom: 7em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.8em;
}
.stats {
    margin: 0em 0 0 0;
}
}
@media(max-width:800px){
   .carousel-caption {
    bottom: 5em;
   }
	.stats {
    text-align: center;
    margin: 0;
    }
}
@media(min-width:768px){
    #menutop .dropdown:hover .dropdown-menu {display: block;}
}
@media(max-width:736px){
	.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.5em;
}
.carousel-caption {
    width: 80%;
    margin: 0 auto;
}
}
@media(max-width:667px){
	
}
@media(max-width:640px){
}
@media(max-width:600px){
	.carousel-caption {
    width: 90%;
    margin: 0 auto;
}
}
@media(max-width:568px){
	.carousel-caption {
    width: 100%;
    margin: 0 auto;
   }   
}
@media(max-width:480px){	
    .carousel-inner .item {min-height: 20em;}
  .carousel-caption h2, .carousel-caption h3 {
    font-size: 2.2em;
   }   
}
@media(max-width:414px){
	.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.8em;
}
.carousel-control-prev, .carousel-control-next {
    top: 177px;
}
i.fas.fa-phone {
    padding: 0.5em;
}
h3.head_size_con {
    font-size: 2em;
}
}
@media(max-width:384px){
	.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.5em;
    }
	.carousel-caption p {
    font-size: 0.9em;
   }  
   .carousel-item {
    height: 23em;
    }
	.carousel-caption {
    bottom: 2em;
   }   
  }
@media(max-width:375px){
	
}
@media(max-width:320px){
	.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.2em;
    letter-spacing: 1px;
    } 
	.carousel-caption {
    bottom: 3em;
    }
	.banner-bottom h4 {
    font-size: 1.2em;
     }	 
}
/*-- /responsive design --*/
/*-- to-top --*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 24px;
	right: 1%;
	overflow: hidden;
	z-index: 999;
	width: 64px;
	height: 64px;
	border: none;
	text-indent: 100%;
	background: url("../images/top.png") no-repeat 0px 0px;
	background-size: 40px;
}

#toTopHover {
	width: 64px;
	height: 64px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


/*-- //to-top --*/
#box-right ul,#box-right li{list-style:none;margin:0;padding:0}
#box-right li{padding:5px 10px;border-bottom:dashed 1px #ddd}
/*Update 2024-12-12*/
body{background-color:#f9f9f9}
#menutop .dropdown-menu{background:#fff;border-radius:5px}
#menutop .dropdown-menu>li>a{color:#7f00a5}
#menutop.scrolling{background:#fff;box-shadow:0 1.5px 4px 0 rgba(0,0,0,.15)}
#menutop.scrolling a{color:#7f00a5}
#menutop.scrolling .navbar-toggle .icon-bar{background-color:#7f00a5}
.map_container .map_render {
    height: auto;
    width: 100%;
    aspect-ratio: 1170/500;
    padding: 30px 0
}
.partner{background:#fff}
.partner h3,.map h3 {
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
    color: #9527a8;
    font-size: 24px;
    font-weight: 600;
}
.slider-partner{margin:20px 0}
.slider-partner .item {
    padding: 15px;
    vertical-align: middle;
    height: 140px
}
.slider-partner .item img{width:auto;max-height:100%;margin:0 auto}
footer .ft-container{padding:0 15px}
footer .offices .item{margin-bottom:20px}
footer .offices .item span.icon{display:inline-flex;width:20px;height:20px;text-align:center;border:solid 1px #fff;border-radius:20%;margin-right:7px;align-items:center;justify-content:center}
footer .offices .icon i{font-size:10px}
footer .office-name{font-size:18px;font-weight:500;margin-bottom:5px;text-transform:uppercase}
footer .office-phone, footer .office-email{margin-bottom:5px}
footer .footer{border-top:solid 1px #ddd;padding-top:15px}
footer a{color:#fff}
footer a:hover{color:#fff}
footer .logo {
    background: url(/images/logo3.png) no-repeat;
    width: auto;
    height: 100px;
    text-indent: -9999px;
    background-size: contain;
    filter: brightness(0) invert(1);
    margin-right: 10px;
    margin-bottom:20px;
    background-position:center
}
.item-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px
}