body {color: #222;overflow-x: hidden;}
p {margin-bottom: 7px;}
ul {padding: 0;margin: 0;list-style: none;}
img{max-width: 100%;}
.tel_no {display: none;}
.header {background: #4f4582;}
.header-section .header-titles {font-size: 24px;color: #fff;text-transform: uppercase;text-align: center;font-weight: 600;}
.header-section .header-titles span {display: block;font-size: 16px;text-transform: capitalize;font-weight: normal;}
.navbar-menu.sticky {background: #4f4582;position: fixed;top: -42px;width: 100%;z-index: 99;transform: translateY(42px);transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-webkit-transform: translateY(42px);-moz-transform: translateY(42px);}
.navbar-menu {background: #2e2075;height: 45px;line-height: 45px;}
.navbar-menu ul li {font-size: 17px;margin-right: 74px;position: relative;overflow: hidden;text-transform: uppercase;color: #f99361;}
.navbar-menu ul li:last-child {margin-right: 0;}
.navbar-menu ul li a {color: #fff;text-decoration: none;padding: 0 7px;display: block;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.navbar-menu ul li a::after {background: #f99361;position: absolute;bottom: 0px;width: 100%;height: 3px;content: "";left: -100%;opacity: 0;z-index: 1;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.navbar-menu ul li:hover a::after {left: 0;opacity: 1;}
.navbar-menu ul li.active a::after {opacity: 1;left: 0;}
.navbar-menu ul li a:hover {color: #f99361;}
.navbar-menu ul li.active a {color: #f99361;}
.navbar-menu.sticky ul li {color: #f99361;}
.navbar-menu.sticky ul li.active a {color: #f99361;}
.navbar-menu.sticky ul li a::after {background: #f99361;}
.navbar-menu.sticky ul li a:hover {color: #f99361;}
.sections-main {background: #f9f8f8;padding: 40px 0;}
.sections-main .prod-row > div {margin-top: 30px;}
.sections-main .large-titles h1 {font-size: 33px;color: #f99361;font-weight: 600;margin-bottom: 10px;}
.sections-main .large-titles p {font-size: 17px;color: #656565;}
.sections-main .box {border: 1px solid #ccc;box-shadow: 0 0 10px 0 #ccc;-webkit-box-shadow: 0 0 10px 0 #ccc;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.box:hover {box-shadow: 0 0 7px 0 #f99361;-webkit-box-shadow: 0 0 7px 0 #f99361;}
.product-img {height: 275px;}
.sections-main .box .product-img img {transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.sections-main .box:hover .product-img img {transform: scale(1.1);}
.border_div {border: 1px solid #a9c9f9;border-radius: 100%;width: 97%;display: block;margin: 8px auto;}
.sections-main .box:hover .border_div {border-color: #f99361;}
.sections-main .box .info-title {padding: 0 10px;}
.sections-main .box .info-title h4 {font-size: 21px;color: #0140a1;font-weight: 600;margin-bottom: 8px;}
.sections-main .item-sns span {color: #e17847;}
.sections-main .amount-totalcost span {color: #0140a1;}
.sections-main .box .info-title p strong {color: #375179;font-weight: 600;}
.content-pag ul li {background: #f2f2f2;text-align: center;flex: 0 0 19.5%;max-width: 19.5%;box-shadow: 0 0 8px 0 #ccc;-webkit-box-shadow: 0 0 8px 0 #ccc;height: 145px;padding: 0 7px;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.content-pag ul li span {display: block;font-size: 18px;color: #4f4582;margin-bottom: 3px;}
.content-pag ul li a {color: #000;}
.content-pag ul li:hover {background: #4f4582;color: #fd8449;}
.content-pag ul li:hover span {color: #fd8449;}
.content-pag ul li:hover a {color: #fd8449;}
.content-pag ul li figure {padding-top: 7px;margin-bottom: 7px;}
.content-pag ul li figure .icon-hover {display: none;margin: 0 auto;}
.content-pag ul li:hover figure .icon-hover {display: block;}
.content-pag ul li:hover figure .icon-img {display: none;}
.content-pag h4 {font-size: 23px;color: #0140a1;font-weight: 600;margin-bottom: 10px;}
.content-pag p {font-size: 18px;color: #656565;}
.content-pag p:last-child {margin-bottom: 0;}
.right-sec h3 {font-size: 27px;color: #2e2075;font-weight: 600;}
.right-sec h4 {font-size: 23px;color: #4f4582;font-weight: 600;margin-bottom: 0;}
.right-sec .item-color span {color: #0140a1;font-weight: 600;}
.right-sec .prod-img {background: #f2f2f2;width: 35%;text-align: center;padding: 10px;margin-top: 15px;box-shadow: 0 0 10px 0 #ccc;-webkit-box-shadow: 0 0 10px 0 #ccc;}
.mobile-table {display: none;}
/*******************/
.footer {background: #e7e9ea;color: #0140a1;padding: 40px 0;}
.footer .card_img h3 {font-size: 25px;margin-bottom: 20px;color: #0140a1;font-weight: 600;}
.footer .card_img h3 span {display: block;color: #000;font-size: 16px;margin-top: 5px;font-weight: normal;}
.footer .card_img ul li {float: left;background: #fff;padding: 5px 7px;margin-right: 10px;box-shadow: 0 0 7px 0 #ccc;-webkit-box-shadow: 0 0 7px 0 #ccc;line-height: normal;}
.footer .icon-adders ul li {margin-bottom: 10px;display: inline-block;width: 100%;}
.footer .icon-adders ul li img {margin-right: 10px;border: 1px solid #0140a1;padding: 5px 5px;float: left;}
.footer .icon-adders ul li strong {font-weight: normal;color: #0140a1;}
.footer .icon-adders ul li a {color: #000;text-decoration: none;}
.footer .icon-adders ul li:last-child {margin-bottom: 0;}
.footer .icon-adders ul li a:hover {color: #4f4582;}
.usa-custom-pad {background: #fff;padding: 10px;display: block;margin: 0 auto;width: 65%;text-align: center;}
/**********/
.mobile {display: none;}
/*************************************************/

@media (min-width: 1024px) and (max-width: 1199px) {	
.navbar-menu ul li {font-size: 15px;margin-right: 9px;}
.content-pag ul li {flex: 0 0 19.3%;max-width: 19.3%;font-size: 15px;}
.content-pag ul li span {font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1023px) {
.navbar-menu ul li {font-size: 15px;margin-right: 9px;}
.content-pag ul li {flex: 0 0 19.3%;max-width: 19.3%;font-size: 15px;}
.content-pag ul li span {font-size: 16px;}
}
@media (max-width: 991px) {
/********************** mobile-css *************/
.tel_no {display: block;position: absolute;top: 15px;right: 15px;z-index: 1;}
.tel_no a {color: #fff;font-weight: 600;text-decoration: none;}
.tel_no a img {margin-right: 7px;width: 25px;}
/*************** and ****************/
.wow {visibility: visible !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important;-ms-animation: none !important;animation: none !important;}
.container {max-width: inherit;}
.header {padding-top: 70px;}
.navbar-menu {position: absolute;top: 0;left: 0;right: 0;line-height: normal;height: 55px;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-light .navbar-toggler {border: none;}
.navbar-toggler {padding: 0 5px;background: #fff;border-radius: 0;}
.navbar-menu ul li a::after {position: initial;}
.navbar-menu ul li.active a {color: #000;}
.navbar-collapse {position: absolute;top: 55px;background: #4a6179;left: 0;width: 100%;z-index: 1;}
.navbar-menu ul li {margin-right: 0;color: #0140a1;padding: 9px 15px 9px;background: #e5e6e7;margin-bottom: 3px;}
.navbar-menu ul li a {color: #0140a1;}
.navbar-menu ul li a {padding: 0;}
.header_top {padding-top: 54px;}
.content-pag ul li {flex: 0 0 32.6%;max-width: 32.6%;}
.content-pag ul .d-lg-none {background: #fff;box-shadow: none;}
.footer .card_img ul li {padding: 5px 6px;margin-right: 5px;}
.usa-custom-pad {width: 90%;}
}

@media (max-width: 767px) {	
.content-pag ul li {flex: 0 0 32.5%;max-width: 32.5%;font-size: 15px;}	
.footer .icon-adders {margin: 15px 0;}	
.usa-custom-pad {margin: initial;width: 30%;}
}
@media (max-width: 667px) {
.content-pag ul li {flex: 0 0 32.4%;max-width: 32.4%;}
}
@media (max-width: 640px) {
.content-pag ul li {flex: 0 0 32.3%;max-width: 32.3%;}	
.content-pag ul li span {font-size: 16px;}
.header-section .header-titles {font-size: 18px;}
.header-section .header-titles span {font-size: 14px;}
}
@media (max-width: 575px) {
.sections-main .large-titles h1 {font-size: 28px;}	
.prod-table {display: none;}	
.mobile-table {display: block;}
.content-pag ul li {flex: 0 0 49.1%;max-width: 49.1%;}
.usa-custom-pad {width: 40%;}
}
@media (max-width: 479px) {
.content-pag ul li {flex: 0 0 48.9%;max-width: 48.9%;}
.sections-main .large-titles h1 {font-size: 25px;}
.sections-main .box .info-title h4 {font-size: 19px;}
.right-sec h3 {font-size: 23px;}
.right-sec h4 {font-size: 20px;}
}
@media (max-width: 414px) {	
.content-pag ul li {flex: 100%;max-width: 100%;}	
.usa-custom-pad {width: 55%;}
}
@media (max-width: 375px) {

}
@media (max-width: 360px) {	
}