body{
	margin:0;
	padding:0;
	font-family: "myfont" !important;	
    background: #fafbfc !important;
    /* background-image:url(../images/logo.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important; */
}

@font-face{
	font-family: "myfont";
	src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

*{
    -webkit-user-select: none; 
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;        
}

a{
  text-decoration: none !important;
}

a:hover{
  text-decoration: none !important;
}
/***************************************popup************************************/
.modal {
    background:rgba(0,0,0,0.6) !important;
    text-align:center !important;
    color:#fff !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
.modal-content{
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.5s;
    animation-name: slideIn;
    animation-duration: 0.5s;
    box-shadow: none !important;
    background-size: cover;
    background-image: linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.85)), url(../images/popup_bg.jpg);
}

@media(max-width:768px){
    .modal-content{
        margin:15px !important;
    }
}

.modal-header {
    border: none !important;
    padding: 0px !important;
}
.modal-content .modal-body{
    padding:0px 30px 30px 30px;
    text-align: center;
}
.modal-content .closeId{
    float: right;
    margin-top: 5px;
    font-size: 18px;
    margin-right: 10px;
    color:#ffffff;
    cursor:pointer;
}
.modal-content .main_logo{
    background: #ffffff;
    border-radius: 50%;
}
.modal-content h1{
    color: #ffffff;
    margin: 0px;
    padding: 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
}

.modal-content h6{
    margin: 0px;
    padding-top:15px;
}

.modal-content h6 img{
    width:130px;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
} 

/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

.arrow_download{
    font-size:20px !important;
    color:#ffffff !important;
	-webkit-animation: moveup 1s ease-in-out infinite;
	-moz-animation: moveup 1s ease-in-out infinite;
	-ms-animation: moveup 1s ease-in-out infinite;
	-o-animation: moveup 1s ease-in-out infinite;
	animation: moveup 1s ease-in-out infinite;
}

@keyframes moveup {
	0%,
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 10px);
		-moz-transform: translate(0, 10px);
		-ms-transform: translate(0, 10px);
		-o-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
}

@-webkit-keyframes moveup {
	0%,
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(0, 10px);
		-moz-transform: translate(0, 10px);
		-ms-transform: translate(0, 10px);
		-o-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
}


/****************************************** page content *******************************************/	
.index_page{
    padding-bottom:35px;
}
.page_head{
    padding:10px 30px;
    background: rgba(66, 139, 202, 0.08);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.page_head:before{
    content: "";
    border: 2px solid #f0ad4e;
    margin-top: 9.5px;
    position: absolute;
    background: #f0ad4e;
    left: -10px;
    width: 25px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}	
.page_head h2{
    color:#f0ad4e;
    font-size:14px;
    font-weight:600;
    margin:0;
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.index_page_detail{
    padding:10px 10px 0px 10px;
}
.index_page_content{
    position: relative;
    box-sizing:border-box;
    border-radius:5px; 
    -webkit-box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);	
    -moz-box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);			
    -ms-box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);			
    -o-box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);			
    box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);			
    background:#ffffff;
    margin-bottom:30px;
}
@media(max-width:768px){
    .index_page_detail{
        padding:30px 15px 0px 15px;
    }
}

.index_page_detail .app_download_block .col-xs-2{
    padding:0px;
    box-shadow:0 1px 6px 0 rgba(32,33,36,.28);
}

.index_page_detail .app_download_block .row{
    margin:0px !important;
}

.index_page_detail .app_download_block{
    padding-bottom:30px;
}


/****************************************** right page content *******************************************/	
.right_page_content .link_page_head{
    padding:15px 20px;
    background: rgba(240, 173, 78, 0.1);
    background: rgba(66, 139, 202, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.right_page_contentn .link_page_head:before{
    content: "";
    border: 2px solid #f0ad4e;
    border:2px solid #428bca;
    margin-top:7.5px;
    position: absolute;
    background: #428bca;
    background: #f0ad4e;
    left: -8px;
    width: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}	
.right_page_content .link_page_head h2{
    color:#f0ad4e;
    font-size:12px;
    font-weight:600;
    margin:0;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.right_page_detail{
    padding:20px;
}
.right_page_content{
    position: relative;
    box-sizing:border-box;
    border-radius:5px; 
    /* -webkit-box-shadow: 0px 2px 10px -6px rgba(32,33,36,.28);
    -moz-box-shadow: 0px 2px 10px -6px rgba(32,33,36,.28);			
    -ms-box-shadow: 0px 2px 10px -6px rgba(32,33,36,.28);			
    -o-box-shadow: 0px 2px 10px -6px rgba(32,33,36,.28);			
    box-shadow: 0px 2px 10px -6px rgba(32,33,36,.28);	 */
    -webkit-box-shadow: 0px 0px 4px 0px rgba(32,33,36,.28);	
    -moz-box-shadow: 0px 0px 4px 0px rgba(32,33,36,.28);				
    -ms-box-shadow: 0px 0px 4px 0px rgba(32,33,36,.28);				
    -o-box-shadow: 0px 0px 4px 0px rgba(32,33,36,.28);				
    box-shadow: 0px 0px 4px 0px rgba(32,33,36,.28);			
    background:#ffffff;
    margin-bottom:15px;
}
@media(max-width:768px){
    .right_page_detail{
        padding:20px 15px;
    }
    .margin_row_youtube{
        padding:15px !important;
    }
    .margin_row_gallery{
        padding:15px !important;
    }
}

@media(min-width:768px){
    .margin_row_youtube{
        padding-left:7.5px !important;
    }
    .margin_row_gallery{
        padding-right:7.5px !important;
    }
}

.index_page_content .gallery_block{
    padding:15px !important;
}


.index_page_content .video_block{
    padding:15px;
    position: relative;
    height: 100%;
}

.index_page_content .video_block video{
    top:0;
    left:0;
    width:100%;
    object-fit: cover;
    min-height: 207px;
}

@media(max-width:768px){
    .index_page_content .video_block{
        padding-top:15px;
    }
}

.index_page_content .video_block .navigation{
    /* position: absolute;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
    z-index:100;
    display: inline-block;
    justify-content: center;
    align-items: center; */
    text-align: center;
    padding:0px !important;
    margin:0px;
}

.index_page_content .video_block .navigation li{
    list-style: none;
    cursor: pointer;
    background: #ffffff;
    opacity: 0.7;
    transition: 0.5s;
    display: inline-block;
    border-radius: 5px;
}  

.index_page_content .video_block .navigation li:hover{
    opacity: 1;
}

.index_page_content .video_block .navigation li img{
    width:40px;
    transition: 0.5s;
}

.index_page_content .video_block .navigation li img:hover{
    width:50px;
}

.right_page_detail .right_page_detail_minist_img img{
    border-radius: 5px;
    -webkit-box-shadow:0 2px 0px 0 rgba(32,33,36,.28);
    -moz-box-shadow:0 2px 0px 0 rgba(32,33,36,.28);
    -ms-box-shadow:0 2px 0px 0 rgba(32,33,36,.28);
    -o-box-shadow:0 2px 0px 0 rgba(32,33,36,.28);
    box-shadow:0 2px 0px 0 rgba(32,33,36,.28);
}

.right_page_detail .right_page_detail_minist_img .card_img{
    margin-bottom:20px;
}

.right_page_content .news_block img{
    width:40px;
    margin-left:5px;
}

.right_page_content .news_block table td{
    padding:15px 0px 8px 0px;
    border-bottom: 1px dotted #d9534f !important;
    border-top:none !important;
}


.right_page_detail h3{
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    padding-top:10px;
    color:#d9534f;
    letter-spacing: .5px;
}

.right_page_detail h6{
    margin: 0;
    line-height: 18px;
    font-size: 12px;
    color:#838E95;
    letter-spacing: .5px;
}

.right_page_detail ul{
    padding:0px !important;
    list-style: none !important;
}
.right_page_detail ul li{
    padding:8px 15px 11px 15px; 
    margin: 5px 0px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer !important;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset !important;
}

.right_page_detail ul li a{
    text-decoration: none !important;
    color:#ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
}
/************************************* image slider ************************************/
/* .carousel {
	width:100%;
    margin: 0 auto;
}
.carousel-inner{
    border-radius: 5px;
    padding-bottom:30px;
}
.carousel .item{
    background: transparent;
    position: relative !important;
}

.black_overlay{
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

.carousel .carousel-control {
	width: 30px;
	height: 30px;
	border-radius: 50%;
    background: #999;
    text-shadow: none;
    top: 5px;
    opacity: 0.8 !important;
}
.carousel-control i {
	font-size: 20px;
	margin-right: 2px;
}
.carousel-control.left {
	left: auto;
    right: 45px;
    background:rgba(0, 0, 0, 0.7) !important;
    box-shadow:0 1px 6px 0 rgba(32,33,36,.28) !important;
}
.carousel-control.left:hover {
    background:rgba(0, 0, 0, 0.9) !important;
}
.carousel-control.right {
    right: 5px !important;
    background:rgba(0, 0, 0, 0.7) !important;
    box-shadow:0 1px 6px 0 rgba(32,33,36,.28) !important;
}
.carousel-control.right:hover {
    background:rgba(0, 0, 0, 0.9) !important;
}
.carousel-control.right i {
	margin-right: -2px;
} */
/* .carousel .carousel-indicators {
	bottom: 15px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.carousel-indicators li {	
	background: #e2e2e2;
	border-color: transparent;
}
.carousel-indicators li.active {
	border: none;
	background: #888;		
} */

.covid_buttons{
    padding-top:40px;
}

.covid_button td{
    float: left;
    border:none !important;
}

.covid_button td img{
    padding-left:25px;
    width:110px;
    padding-top:8px;
}

@media(max-width:768px){

}

.covid_button h3{
    margin:0;
    font-size:18px;
}

.covid_button_19 button{
    outline: none !important;
    border: none !important;
    background: #F86333;
    margin: 0px 0px 30px 0px;
    text-align: center;
    padding:40px 25px;
    font-size:14px;
    width:100%;
    border-radius: 5px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset !important;
}

.covid_button button{
    outline: none !important;
    border: none !important;
    background: #F86333;
    margin: 20px 0px 30px 0px;
    text-align: center;
    padding: 18px 25px 20px 25px;
    font-size:12px;
    width:100%;
    border-radius: 5px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset !important;
}

.covid_button button:hover{
    background: #F91001;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset !important;
}

.covid_button_19 button:hover{
    background: #F91001;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset !important;
}

.covid_button .arrow_right{
    color:#428bca !important;
    padding-left:5px;
}

.arrow_right{
    font-size:15px !important;
    color:#ffffff !important;
	-webkit-animation: moveright 1s ease-in-out infinite;
	-moz-animation: moveright 1s ease-in-out infinite;
	-ms-animation: moveright 1s ease-in-out infinite;
	-o-animation: moveright 1s ease-in-out infinite;
	animation: moveright 1s ease-in-out infinite;
}

@keyframes moveright {
	0%,
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(10px, 0);
		-moz-transform: translate(10px, 0);
		-ms-transform: translate(10px, 0);
		-o-transform: translate(10px, 0);
		transform: translate(10px, 0);
	}
}

@-webkit-keyframes moveright {
	0%,
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	50% {
		-webkit-transform: translate(10px, 0);
		-moz-transform: translate(10px, 0);
		-ms-transform: translate(10px, 0);
		-o-transform: translate(10px, 0);
		transform: translate(10px, 0);
	}
}

/************************************ brand slider ***********************************/
.brand_slider{
    padding-bottom:20px;
    text-align: center;
}
.brand_slider .col-xs-6{
    margin-bottom:30px;
}
.brand_slider h5{
    margin: 0px;
    line-height: 22px;
    font-size: 14px;
    display: none;
}
/* .brand_slider_item{
    padding:15px;
    background: rgba(217, 237, 247, 0.3);
} */

.product-slider { padding-bottom: 30px; }

.product-slider #thumbcarousel { margin: 15px 0 0; padding: 0 15px; }

.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { 
    width: 10%; 
    margin: 0; 
    display: inline-block; 
    vertical-align: middle; 
    cursor: pointer; 
    box-shadow:0 1px 6px 0 rgba(32,33,36,.28);
}

.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }

.product-slider .item img { width: 100%; height: auto; }

.carousel-control {
     color: #0284b8; 
     text-align: center; 
     text-shadow: none; 
     font-size: 30px !important; 
     width: 30px !important; 
     height: 30px !important; 
     line-height: 20px; 
     top: 23%; 
}

.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }

.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }

.carousel-control.right, .carousel-control.left { 
    background: #ECBB2F !important; 
    box-shadow: none !important; 
}

.black_overlay{
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

.myCarousel_2{
    background: rgba(236, 187, 47, 0.2);
    padding: 10px;
    border-radius: 5px;
}