html,body {
	width: 100%;
	height: 100%;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: #fff;
}
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;
    font-family: 'Poppins', sans-serif;
}
body img {max-width: 100%;margin-top: 2%;}
a{color: #333333;}
a:hover {text-decoration: none;color: #3366CC;}
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;
    font-family: 'Poppins', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}
p {
    margin: 0;
    font-size: 1rem;
    color: #8c9398;
    line-height: 2em;
    letter-spacing: 1px;
	text-indent: 2em;
}
ul {margin: 0;padding: 0;}

/*---*/
iframe{width: 72%; height: 30rem;}
/* .ty{font-size: 1rem;} */
.zhi{width: 30%; height: 100%; auto;margin-left: 2%;margin-top: 3%;}
.top{margin-top: 3%;}
.mt-5{margin-top: 0rem!important;}
.card-body{width: 100%; height: auto;}
.mt-3{width: 100%;height: 100%;}

.col-lg {
	width: 100%;
	height: 100%;
	background: #000000;
	}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}
.dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: 0;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border: 0px;
}
p.para {
    font-size: 1rem;
    color: #7b7878;
   /* font-weight: 600; */
	text-align: left;
	margin-top: 1rem;
	border-bottom: 1px solid #CFD2D6;
}

/*--/ab-text-con --*/
.ab-text-con .card {border: none;}
.card-title {
    font-size: 1.7rem;
    color: #3366CC;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
    font-weight: 600;
	text-align: center;
	border-bottom: solid1PX #000000;
}
.ab-text-con i {color: #15e99d;margin-bottom: 0.4em;}
.ab-grid:hover i {color: #ec1c24;}



/* footer */
footer {
    /* background: url(../images/footer.jpg) no-repeat 0px 0px; */
	background: #004085;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	width: 100%;
}
.footer-left-info p,
.copyright p {
    color: #fff;
}
.footer-left-info p a,
.copyright p a {
    color: #15e99d;
}
.logo h2 a {
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    color: #fff;
}
address.ad-info {
	font-size: 1rem;
    color: #fff;
    line-height: 2em;
}
address.ad-info strong {
    color: #15e99d;
}
.footer-right-info h6 {
	font-size: 2rem;
    text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.26);
    color: #fff;
    font-weight: 700;
}

/*--//footer--*/


/*--/toTop--*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden; 
    width: 36px;
    height: 36px;
    border: none;
    text-indent: 100%;
	font-size: 0;
    background: url(../images/top.png) no-repeat 0px 0px;
}
/*--//toTop--*/

.ab-one{max-width: 50%;margin-top: 2.5%;float: left;}


@media(max-width:991px) {
    li.nav-item {margin: 6px 0px 0 0;}
    .dropdown-item {text-align: center;}
    .navbar-light .navbar-nav .nav-link {
        padding: 0.7em 1.4em;
        text-align: center;
        color: #555;
    }
	.ab-one{max-width: 100%;}
    #navbarSupportedContent {
        background: #fff;
        padding: 0.5em 0;
    }
    .cd-header-buttons {
        top: 20px;
        right: 60px;
    }
    .card.feature {
        border: 0;
        width: 50%;
    }
    #navbarSupportedContent {
        background: #fff;
        padding: 0.5em 0;
        position: absolute;
        width: 90%;
        z-index: 99;
        top: 100%;
    }
    li.breadcrumb-item a {
        color: #eb2941;
    }
	.footer-right-info h6{font-size: 1.6rem;}
	p{font-size: 0.85em;}
}

@media(max-width:667px) {
    .form {
        padding: 3em 2em;
    }
    .address {
        margin-top: 2em;
    }
    .address-right.text-left {
        text-align: center !important;
        margin-top: 1em;
    }
}




			
@media only screen and (min-width: 481px){html {font-size: 55%!important; }}
@media only screen and (min-width: 561px){html {font-size: 58%!important; }}
@media only screen and (min-width: 641px){html {font-size: 60%!important; }}
@media only screen and (min-width: 800px){html {font-size: 65%!important; }}
@media only screen and (min-width: 1024px){html {font-size: 70%!important; }}
@media only screen and (min-width: 1280px){html {font-size: 78%!important; }}
@media only screen and (min-width: 1366px){html {font-size: 80%!important; }}
@media only screen and (min-width: 1400px){html {font-size: 90%%!important; }}
@media only screen and (min-width: 1600px){html {font-size: 100%!important; }}
@media only screen and (min-width: 1920px){html {font-size: 110%!important; }}
			
@media only screen and (min-width: 320px){html {font-size: 40%!important;}}
@media only screen and (min-width: 360px){html {font-size: 72.5%!important;}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}
@media only screen and (min-width: 480px){html {font-size: 94%!important;}}
			
@media(max-width:990px){.logo{width: 35%;height: 80%;}	
iframe{height: 20rem;}}
@media(max-width:768px){.logo{width: 35%;height: 80%;}
iframe{height: 14rem;}
}
@media(max-width:640px){.logo{width: 30%;height: 80%;}	}
@media(max-width:460px){.logo{width: 40%;height: 80%;}	}
@media(max-width:360px){.logo{width: 40%;height: 80%;}	}
@media(max-width:320px){.logo{width: 50%;height: 80%;}	}