@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@font-face {
    font-family: 'KG HAPPY';
    src: url('../fonts/KGHAPPY.eot');
    src: url('../fonts/KGHAPPY.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KGHAPPY.woff2') format('woff2'),
        url('../fonts/KGHAPPY.woff') format('woff'),
        url('../fonts/KGHAPPY.ttf') format('truetype'),
        url('../fonts/KGHAPPY.svg#KGHAPPY') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height: 29px;
}
h2{
font-family: 'KG HAPPY';
}
h3{
	font-weight:700;
	font-size:16px;
}
h4{
    color:#fff;
}
p{
	margin: 0 0 0;
}
a{
	transition:.3s;
}
input:focus, textarea:focus, button:focus{
	outline:none;
} 
/* Starts Top Header Area */
.header-top-area {
    background-color: #222;
	font-size:15px;
	padding:10px 0;
}
.header-top-area, .header-top-area a{
     color: #fff;
	 font-weight:bold;
	 text-decoration:none;
	 padding:10px 3px;
}
.header-top-area a:hover{
	text-decoration:none;
	opacity:.7;
	transition: .3s;
}
.header-top-area i.fa{
	color:#FFF;
	width:35px;
	height:35px;
	transition:.3s;
	background:#eb2128;
	border-radius:50%;
	text-align: center;
    padding: 8px;
    font-size: 20px;
}
.header-top-area:hover i.fa{
	transform:rotate(360deg);
}

/* Starts Main Nav Area */
.logo_area{
	float:left;
	width:20%;
}
.logo {
	text-transform:uppercase;
	padding:5px 0;
}

.logo a:hover{
	opacity:.8;
}
.logo.smooth-nav img {
    width: 75px;
    height: 60px;
}

.ph_support_area{
	float:left;
	width:30%;
}
.single-ph_support-item{
	margin:2px;
}

.single-ph_support-item h3{
	font-size:20px;
	margin-bottom:0;
	color: #926a0f;
}
.single-ph_support-item h3 span{
	display:block;
	font-size:18px;
	font-weight:normal;
	margin-top:5px;
	font-weight:bold;
	color:#000;
}
.support_image img {
    width: 80px;
    height: 54px;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}



.mainnav-area{
	z-index:999 !important;
}
.mainnav:after, .logo h1{transition:.4s}

.is-sticky .logo h1{
padding: 6px 12px;
}
.is-sticky .mainnav-area{
	box-shadow: 0px 0px 7px 2px #ccc;
	background:#fff;
	opacity:.9;
}
.main_nav_area{
	float:left;
}
.mainnav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.mainnav li{
	display:inline-block;
	position:relative;
}
.mainnav li a{
	color:#222;
	display:block;
	font-weight:700;
	text-transform:uppercase;
	font-size:14px;
	padding:23px 15px;
	text-decoration:none;
	}
.mainnav li:hover > a{
	background-color:#FE0000;
	color:#fff;
	transition:.3s;
}
.mainnav li ul{
	position:absolute;
	left:0;
	width:200px;
	padding:15px 0px;
	background:#000;
	z-index:1000;
	
	transition:.3s;
	opacity:0;
	visibility:hidden; transform:scale(.5);
	
}
.mainnav li ul li{
	display:block;
}
.mainnav li ul li a{
	padding:10px 15px;
	color:#fff;
}
.mainnav li:hover ul{
	opacity:1;
	visibility:visible; transform:scale(1);
}
.mainnav li:hover li:hover > a{
	background-color:#e5176e;
	color:#fff;
}
/*Slide Area*/
.single-slide-item{
	background-size:cover;
	background-position:center;
	background-color:#ddd;
	height:590px;
	font-size:24px;
	color: #fff;
}
.homepage-slides .owl-nav div{
	position:absolute;
	left:50px;
	top:50%;
	color:#fff;
	border:2px solid;
	font-size:19px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:35px;
	margin-top:-20px;
	opacity:.8;
	border-radius:50%;
	opacity:0;
	visibility:hidden;
	transition:.3s;
}
.homepage-slides:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.homepage-slides .owl-nav div.owl-next{
	left:auto;
	right:50px;
}
.slide_text {
  position: relative;
  float: left;
  color: #FFF;
  width:100%;
 
}
/* Start Counter Area */
div#counter_area {
    margin: 2px 0;
	background-color: #fff;
}
.tsbd-counter-area{
	background-size:cover;
	background-position:center center;
}
.counter-content{
	text-align:center;
}
.count {
    color: #000;
    padding: 20px 0;
    background: #FFF;
    border: 1px solid #6f70c7;
    border-radius: 10px;
	font-weight: 700;
}
.count span{
	font-size:30px;
}
.count h3{
	font-size:18px;
}
span.counter_image i.fa {
    color: green;
	margin-bottom: 10px;
}



.tsbd-content-block{
	padding:40px 0;
	border-bottom:1px solid #ddd;
}
.section-title{
	max-width:555px;
	text-align:center;
	margin:0 auto 50px;
	background: #213B7C;
	border-radius: 50px 0 50px 0;
	color:#fff;
	padding:10px;
	transition: all linear 1s;
}
.section-title:hover{
  transition: all linear 1s;
  box-shadow: 0px 0px 20px blue;
}
.section-title h3{
	margin:0;
	line-height:30px;
}
.section-underline {
    background-color: #DC1434;
    height: 3px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 65px;
    width: 16px;
}
.section-underline::before {
    background: #999 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: -30px;
    width: 25px;
}
.section-underline::after {
    background: #999 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: -30px;
    position: absolute;
    width: 25px;
}



/*Product Area*/
.container.product_details {
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 10px;
    background-color:#FFF;
    
}
.row.product_sep {
    margin-bottom: 30px;
}
.chairman_image img {
    width: 100%;
    padding-bottom: 20px;
}
.section-padding.product_details {
    background: rgb(243 227 227 / 60%);
    background-color:#FFF;
}
.section-padding{
	padding:40px 0;
	background: #fff;
}
.section-borders span{
	height:5px;
	width:50px;
	background-color:#ff0000;
	display: inline-block;
}
.section-borders span.black-border{
	background:#000;
	width:30px;
	margin:0 10px;
	border-radius:1px;
	
}
.section_title{
	text-align:center;
	margin-bottom:40px;
}
.section_title h2{
	font-size:30px;
	color: #ff0000;
}
.section_title.product h2{
	font-size:35px;
	color: #ff0000;
}
.client-product-carousel .owl-dots div{
	height:5px;
	background:#000;
	width:20px;
	display:inline-block;
	margin:5px;
	transition: .2s;
	border-radius:2px;
}
.client-product-carousel .owl-dots div.active{
	width:30px;
	background:#FE0000;
}
.client-product-carousel .owl-dots{
	text-align:center;
	margin-top:20px;
}
.single-product-item{
	box-shadow: 0 0 2px #6f70c7;
	margin:2px;
	padding:10px;
	position:relative;
	text-align: justify;
}

.single-product-item h3{
	font-size:20px;
	margin-bottom:0;
}
.single-product-item h3 span{
	display:block;
	font-size:13px;
	font-weight:normal;
	margin-top:5px;
}

.single-product-item{
	color:#666;
	margin-bottom:30px;
}
.single-product-item h4{
	font-size:16px;
	margin-top:20px;
	text-align:center;
}
.single-product-item h5{
	font-size:16px;
	text-align:center;
	font-weight: normal;
}

.client_img {
    display: inline-block;
    height: 100px;
    width: 100px;
	margin-left:45%;
}
.col-md-8.chairman_content-details-right p {
    text-align: justify;
}
.client_img img{
border:2px solid #ccc;
border-radius:50%;
}
h2.request_pro {
    text-align: center;
}
/*Product Gallery Area*/
h2.product {
    color: #ff0000;
}
h2.product_details{
    color:#ff0000;
}
.single-service-item {
    display: block;
    box-shadow: 0 0 4px #ddd;
}
.gallery-service-bg{
	height:300px;
}
.gallery-service-bg img {
	width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-color: #ddd;
	cursor: zoom-in;
}
a.single-service-item {
    text-decoration: none;
}
.single-service-item h2 {
    color: #FFF;
    background-color: #213154;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 20px 0;
}
.product_button button{
    background-color: #ff0000;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 30px;
    width: 100%;
    height: 42px;
 	transition: 2s;
}
.product_button button:hover{
	background:#000;
	color: #fff;
	transition: 2s;
}

/*About Area*/
.section_title.about {
    margin-bottom: 0px;
}
h2.about {
    text-align: center;
	font-family: 'Roboto', sans-serif;
}
p.about_content {
    text-align: justify;
}
h2.mission{
	font-family: 'KG HAPPY';
	text-align:center;
	color:red;
}
h2.vission{
	font-family: 'KG HAPPY';
	text-align:center;
	color:red;
}
p.mission {
    text-align: justify;
}
p.vission {
    text-align: justify;
}

/*Contact Area*/

.tsbd-contact-area{
	background-size:cover;
	background-position:center center;
	}
.contact-overly{
	background-color:#fff;
    display: block;
    height: 100%;
    width: 100%;
}

.contact{
	border:1px solid #d4cece;
	background: #fff;
}
.contact h4{
	color:#000;
}
.contact p{
	color:#000;
}
.contact-content{
	padding-bottom: 50px;
}
.contact-address{
	border:1px solid #d4cece;
	background: #fff;
	padding: 10px;
}
p.cname {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
p.caddress {
    margin-bottom: 10px;
}

.form-control{
	border-radius:0;
	margin:10px;
	border:1px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow:none;
	height:55px;
}
.cform input {
    width: 95%;
    opacity: .7;
    color: #000;
    font-size: 14px;
    background: #fff;
}
.cform textarea{
	width:95%;
	opacity: .7;
    color: #000;
    font-size: 14px;
	background: #fff;
}
.cform button{
    background-color: #FF040E;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 30px;
    width: 100%;
    height: 42px;
 	transition: 2s;
}
.cform button:hover{
	background:#000;
	color: #fff;
	transition: 2s;
}

.country_name h2 {
    color: #000;
}

/*Middle Footer Area*/

.middle-footer-area{
	padding-bottom:10px;
	background-color: #213154;
}
.middle-footer-content{
	padding-top:5px;
	padding-bottom:5px;
}
.middle-footer-count h3{
	color:#eb2128;
}
.middle-footer-class{
	color:#fff;
}
ul.middle-footer-class{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	}
ul.middle-footer-class li a{
	color:#fff;
	display:block;
	font-weight:700;
	font-size:14px;
	}
.middle_footer_class{
	
}
ul.middle_footer_class{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	}
ul.middle_footer_class li{
	float:left;
}
ul.middle_footer_class li img{
    width:50px;
	margin:2px;
	
	}
/*Footer Area*/

.footer-copyright-area{
	background:#1d1d1d;
	color:#fff;
	padding:15px 0;
}

/*Responsive css*/
.responsive-nav-wrap{
	display:none;
}



/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px){
.header-top-area{
	display:none;
}
.single-slide-item h2{
	font-size:50px;
}
.header-top-area{
	font-size:13px;
}
.mainnav li a{
	padding: 23px 12px;
}
a.social-icon-btn{
	padding:2px;
}
.hostpackage{
	width:48%;
}
.hostpackage:hover{
	width:48%;
}


.button-portfolio .button{
	margin-right:0px;
}
.top-footer-content{
	width:97%;
}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width:991px){
	.header-top-area{
	display:none;
}
.header-top-area, .header-top-area .text-right, .logo, .mainnav ul, .tsbd-cta-area, .tsbd-cta-area .text-right{
	text-align:center;
}
.single-slide-item{
 text-align:left;	
}
.slide_tex{
    width:100%;
}
.slide_text:last-child{
	display:none;
}
.slide_head_title h2 {
	color:chartreuse;
}
.isotope_overly h2 {
    margin-top: 10px;
    font-size: 18px;
}
.isotope_overly{
	width:97%;
}
.is-sticky .logo h1{
	padding:10px 15px;
}
.mainnav ul li a{
	padding: 15px 9px;
}
.mainnav li ul{
	top:80px;
}
.mainnav li:hover ul{
	top:48px;
}
.single-slide-item h2{
	font-size:40px;
}
.single-slide-item{
	font-size:17px;
	height:400px;
}
a.social-icon-btn{
	padding:1px;
}
.parsonal-information h3{
	font-size: 18px;
    text-align: center;
}
.hostpackage{
	width:48%;
}
.hostpackage:hover{
	width:48%;
}
.button-portfolio{
	margin-left:7%;
}
.button-portfolio .button{
	margin-right:-3px;
}
.portfolio_i_overly{
	left:25%;
}
.portfolio_i_overly i{
	width:35px;
	height:35px;
	font-size: 18px;
    line-height: 28px;
}
.tsbd-cta-area .cta-btn{
	margin-top: 15px;
}
.counter-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial-slide .owl-nav div{
	top:100%;
}
.contact-title{
	margin-top: 100px;
	margin-bottom:0px;
	margin-left: 12%;
}
.top-footer-content{
	width:97%;
}
.footer-wid{
	padding-bottom:0;
	padding-top: 50px;
}
.footer-top-area{
	padding-bottom: 50px;
	padding-top:30px;
}
.tsbd-cta-area{
	line-height: 1.5;
}

}
/* Mobile Layout: 320px. */
@media only screen and (max-width:767px){
	.header-top-area{
	display:none;
}
	.header-top-area, .header-top-area .text-right, .single-slide-item, .tsbd-cta-area, .tsbd-cta-area .text-right{
	text-align:center;
}

.header-top-area{
	font-size:11px;
}
.logo{
	text-align:left;
}
.responsive-nav-wrap{
	display:block;
	position:absolute;
	right:0;
	top:46%;
	margin-top:-16px;
	
}
.slide_tex{
    width:48%;
}
.slide_tex{
    width:100%;
}
.slide_text:last-child{
	display:none;
}
.mainnav{
	display:none;

}
.mainnav-area{
	position:relative;
	z-index:9;
}
.responsive-nav-wrap .slicknav_menu{
	background:none;
	padding:0;
}
.slicknav_btn{
	margin:0;
	padding: 10px;
	background:#e5176e;
}
.slicknav_nav{
	width:200px;
	border-radius:2px;
	font-size:16px;
}

.slicknav_nav a{
	background:#e5176e;
	color:#fff;
}
.slicknav_nav:hover a{
	background:#e5176e;
	color:#fff;
}

.parsonal-information h3{
	font-size: 18px;
    text-align: center;
}
.single-slide-item h2{
	font-size:30px;
}
.single-slide-item{
	font-size:15px;
	height:300px;
}
.homepage-slides .owl-nav{
	text-align:center;
	margin-top:5px;
}
.homepage-slides .owl-nav div.owl-next, .homepage-slides .owl-nav div{
	left:auto;
	right:auto;
	margin:10px;
}
.homepage-slides .owl-nav div{
	position:relative;
	display:inline-block;
	margin:0;
	color:#333;
	opacity: 1;
    visibility: visible;
}
.parsonal-information p{
	 padding-bottom:15px;
 }
.personal-item-bg{
	margin-bottom:30px;
}
.hostpackage{
	width:100%;
}
.hostpackage:hover{
	width:100%;
}

.counter-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.testimonial-slide .owl-nav div{
	top:100%;
}
.single-slide-item{
	margin-bottom:50px;
}
.seprator{
padding:0 15px;	
}
.contact-title{
	margin-left: 3%;
}
.section_title h2{
    font-size:25px;
}
.client_img{
	margin-left: 30%;
}
.top-footer-content{
	width:97%;
}
.footer-wid{
	padding-bottom:0;
	padding-top: 50px;
}
.footer-top-area{
	padding-bottom: 50px;
	padding-top:30px;
}

.one-click-details-right{
	padding-left:10px;
}
}
/* Wide Mobile Layout: 480px */
@media only screen and (min-width:480px) and (max-width:767px){
	.header-top-area{
	display:none;
}
}
	.element-item{
		width:100%;
	}
.portfolio_i_overly{
	left:35%;
}
.top-footer-content{
	width:97%;
}
.tsbd-cta-area{
	font-size:23px;
}
.one-click-details-right{
	padding-left:10px;
}
}