a:link,
a:visited {
    text-decoration:none;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}
body{
	color:#323232;
	
	font-family: 'Roboto', 'Nunito', sans-serif;
	line-height: 1.6em;
	background-color:#fff;
	
	height: 100%;
    width: 100%;
}


.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
	border-right: 1px solid #fff;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border-left: none;
}
.input-group-text{
	background-color: #fff;
}
img{
	max-width: 100%;
}
a{
	color: #1E1666;
	text-decoration: none;
}
a:hover{
	color: #1E1666;
	cursor: pointer;
}

.navbar-toggler[aria-expanded="true"] .fa-bars::before {
content: "\f00d";
}


.breadcrumb, .breadcrumb-item.active{
	color: #1E1666;
}

.breadcrumb-item + .breadcrumb-item::before{
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	color: #1E1666;
	font-weight: 300;
}
.btn-collapse{
	position: relative;
}
.btn-collapse [class*="fa-chevron-"]{
	position: absolute;
	right: .75rem;
	top: .75rem;
}
.btn-collapse .fal{
	width: 24px;
	text-align: center;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}
.btn-collapse[aria-expanded="false"] .fal.fa-chevron-up, .btn-collapse[aria-expanded="true"] .fal.fa-chevron-up{
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	
}
.btn-collapse[aria-expanded="true"] .fal.fa-chevron-up{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.btn-collapse[aria-expanded="true"] .fal.fa-chevron-right{
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

hr{
	opacity: .15;
}
.dropdown-menu, .form-select, .form-control{
	font-size: 100%;
}
.form-check-input:checked {
	background-color: #1E1666;
	border-color: #1E1666;
}
.dropdown-menu .fal, .dropdown-menu .fas, .dropdown-menu .fab{
	width: 24px;
	text-align: center;
	color: #3537B0;
}
.modal-footer{
	justify-content: start !important;
}
.modal-header .btn-close{
	right: 1rem;
	top: 1rem;
}
.text-yellow{
	color: #FC8848;
}
.btn-yellow{
	color: #fff;
	background-color: #FC8848;
}
.btn-yellow:hover{
	color: #fff;
	background-color: #EC7B3D;
}
@media  (max-width: 1366px) {
	.container-xl {
		max-width: 100% !important;
	}
}
.btn-clipboard{
	position: absolute;
	right: .15rem;
	top: .15rem;
}
.nav-tabs .nav-link{
	color: #777;
	margin-right: .15rem;
	border-color: #eee;
	background-color: #f5f5f5;
}
.nav-tabs .nav-link.active{
	color: #3537B0;
}
.btnPlay-video{
	background-color: rgba(243,229,221,0.85);
	color: #FC8848;
	height: 68px;
	width: 68px;
	font-size: 1.5em;
	line-height: 68px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -34px;
	margin-left: -34px;
}
/*header fix top=================================*/
#header{background-color: #fff;
}
#headerTop{
	color: #fff;
	background-color: #143944;
	
}
#headerTop .nav-link{
	padding-top: .25rem;
	padding-bottom: .25rem;
	color: #fff;
}
#headerTop .nav-item{
	margin-right: .15rem;
	margin-left: .15rem;
}

#header.fixed-top{
	background: #fff;
	position: fixed !important;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
	-moz-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
	-webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
	
}
.navbar-brand, .navbar-brand:hover{
	color: #fff;
}
.navbar-brand{
	position: relative;
	margin-right: 0;
	font-weight: 900;
	
}

.navbar-brand img{
	position: relative;
	
}

.navbar-toggler{
	width: 40px;
	height: 40px;
	color: #fff;
	background: none;
	border: none;
	padding-right: 0;
	padding-left: 0;
	position: absolute;
	top: .75rem;
	left: 1rem;
}
#header .btn.btnLogin, #navbars .nav-link, #banner .h1{
	font-weight: 700;
	font-family: 'Nunito', sans-serif;
}
#navbars .nav-link{
	color: #2F2B2B;
	position: relative;
	text-transform: uppercase;
	
}
#navbars .nav-link.active, #navbars .nav-link:hover, #navbars .nav-item:hover .nav-link{
	color: #FC8848;
}
#navbars .nav-link::after{
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}
#navbars .nav-link.active::after, #navbars .nav-link:hover::after, #navbars .nav-item:hover .nav-link::after{
	height: 2px;
	content: "";
	position: absolute;
	top:100%;
	left: .5rem;
	right: .5rem;
	background-color:#FC8848 ;
	border: none;
}

.nav-item-cart{}
.nav-item-cart sup{
	height: 14px;
	width: 14px;
	color: #fff;
	font-size: 75%;
	display: inline-block;
	background-color: #EE1515;
	
	line-height: 14px;
	text-align: center;
}
#navbars .nav-item{
	position: relative;
}
#navbars .sub-menu{
	background-color:#FC8848;
	display: none;
	position: absolute;
	top: calc(100% + 3px);
	left: 0;
	width: 240px;
	padding: 0;
	margin: 0;
	z-index: 9;
	
}
#navbars li:hover .sub-menu{
	display: block;
}
#navbars .sub-menu li{
	list-style: none;
}
#navbars .sub-menu a{
	color: #fff;
	display: block;
	
	padding: .75rem;
	border-bottom: 1px solid #E5702F;
}
#navbars .sub-menu a:hover{
	background-color: #E5702F;
}
#navbars .sub-menu li:last-child a{
	border-bottom: none;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}
#navbars .sub-menu li:first-child a{
	-moz-border-radius: 4px 4px 0 0 ;
	-webkit-border-radius:4px 4px 0 0 ;
	border-radius:4px 4px 0 0 ;
}
#navbars .dropdown-toggle::after{
	display: none;
}
#banner{
	
	background: url(../imgs/bg_header.png) no-repeat 50% 50%;
	background-size: cover;
}
#banner .inner{
	max-width: 600px;
}
#banner #search{
	margin-bottom: 5rem;
}
#banner #search .input-group .form-control{
	padding: .575rem .75rem;
}
/**/

#feature.section .col-md-4 .p-4 .desc{
	color: #666;
}
#feature.section .row.g-3 .col-md-4 .p-4.rounded:hover svg{
	fill: #fff !important;
}
#feature.section .row.g-3 .p-4.rounded:hover .desc, #feature.section .row.g-3 .p-4.rounded:hover{
	color: #fff;
}

#feature.section .row.g-3 .col-md-4:first-child .p-4.rounded:hover{
	background-color: #FA8B09;
}
#feature.section .row.g-3 .col-md-4:first-child .p-4.rounded svg{
	fill: #FA8B09;
}

#feature.section .row.g-3 .col-md-4:nth-child(2) .p-4.rounded:hover{
	background-color: #ED1261;
}
#feature.section .row.g-3 .col-md-4:nth-child(2) .p-4.rounded svg{
	fill: #ED1261;
}

#feature.section .row.g-3 .col-md-4:nth-child(3) .p-4.rounded:hover{
	background-color: #1A8BCB;
}
#feature.section .row.g-3 .col-md-4:nth-child(3) .p-4.rounded svg{
	fill: #1A8BCB;
}

#feature.section .row.g-3 .col-md-4:nth-child(4) .p-4.rounded:hover{
	background-color: #1DB864;
}
#feature.section .row.g-3 .col-md-4:nth-child(4) .p-4.rounded svg{
	fill: #1DB864;
}
#feature.section .row.g-3 .col-md-4:nth-child(5) .p-4.rounded:hover{
	background-color: #CA1998;
}
#feature.section .row.g-3 .col-md-4:nth-child(5) .p-4.rounded svg{
	fill: #CA1998;
}
#feature.section .row.g-3 .col-md-4:nth-child(6) .p-4.rounded:hover{
	background-color: #31CED8;
}
#feature.section .row.g-3 .col-md-4:nth-child(6) .p-4.rounded svg{
	fill: #31CED8;
}
/**/
#video{
	background: url(../imgs/bg_video.png) repeat-x 50% 100%;
}
/**/
#why{
	background: rgb(224,246,237);
background: linear-gradient(45deg, rgba(224,246,237,1) 20%, rgba(255,255,255,1) 50%, rgba(207,229,241,1) 80%);
}
/**/
#footer a, #footer{
	color: #fff;
}
#footer{
	background: #2B2520 url(../imgs/bg_footer.png) no-repeat 50% 50%;
}
#footer ul{
	padding: 0 0 0 .75rem;
	margin: 0;
}
#footer li{
	margin-bottom: .5rem;
}
.lineOther{
	position: relative;
	background: url(../imgs/square1px.svg) repeat-x 50% 50%;
}
/**/
.widget .newsitem img{
	width: 120px;
}
.nav-ver li{
	margin-bottom: .5rem;
}
.nav-ver li a{
	color: #333;
	border: 1px solid #eee;
}
.nav-ver li a.active, .nav-ver li a:hover{
	color: #fff !important;
	border-color: #EC7B3D;
	background-color: #EC7B3D;
}
/**/

/*owl-carousel*/
.owl-carousel, .owl-carousel-comp{
}
.owl-carousel.owl-loaded, .owl-carousel-comp.owl-loaded{
display: block;
}
.owl-carousel .owl-stage-outer, .owl-carousel-comp .owl-stage-outer{
position: relative;
margin:0 00px;
overflow:hidden;
-moz-transform: translate3d(0px,0,0);
-webkit-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
}

.owl-carousel .owl-item, .owl-carousel-comp .owl-item{
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .item, .owl-carousel-comp .item{
height:auto;

display:block;

}
.owl-carousel .item img, .owl-carousel-comp .item img{
-moz-transition: all 300ms ease-out 0s;
-webkit-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.owl-theme .owl-controls{
-webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
.owl-loaded{
position:relative;
}
.owl-loaded .owl-prev, .owl-loaded .owl-next{
width:20px;
position:absolute;
top:00%;
bottom:0px;
text-indent:-1000em;
}
.owl-loaded .owl-prev{
left:-40px;
}
.owl-loaded .owl-next{
right:-40px;
}
.owl-loaded .owl-prev:before, .owl-loaded .owl-next:before{
position:absolute;
margin-top:-14px;
top:50%;
width:14px;
height:27px;
}
.owl-loaded .owl-prev:before{
content:"";
left:15px;
background:url(../imgs/arrow-left.svg) no-repeat 50% 50%;
}
.owl-loaded .owl-next:before{
content:"";
right:15px;
background:url(../imgs/arrow-right.svg) no-repeat 50% 50%;
}
.owl-dots{
text-align:center;
display:none;
}
.owl-dot{
width:12px;
height:12px;
background:#373753;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
margin:0 5px;
display:inline-block;
}
.owl-dot.active{
background:#3660CD;
}
.carousel-control-next, .carousel-control-prev{
width: 30px;
}
.carousel-control-prev{
left: -15px;
}
.carousel-control-next{
right: -15px;
}
.carousel-control-next .fal, .carousel-control-prev .fal{
background: #000;
padding: .5rem;
color: #fff !important;
}