/*
Theme Name: Maruhana USA
Theme URI: https://www.maruhanausa.com/
Description: Exclusive theme for Maruhana USA corp.
Version: 1.0
Author: Aukrim LLC
Author URI: https://www.aukrim.com/
*/
.floatLeft{float:left;}
.floatRight{float:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.bold{font-weight:700;}
.bgyellow{background:#fff5d9;}
.bg2yellow{background:#ffecb4;}
.bgdyellow{background:#fdda71}
.bgdblue{background:#a2ccf4;}
.bgpink{background:#ffdddd;}
.bgblue{background:#e1effc;}
.bg1blue{background:#ade3f6;}
.bg2blue{background:#e3f8ff;}
.bggray{background:#cccccc;}
.bglgray{background:#e7e7e7;}
.bgdgreen{background:#9dca3a;}
.bglgreen{background:#d8f0a2;}
.overflow{overflow:hidden}
.underline{text-decoration:underline;}
.no_style li{list-style:none;}
.no_bdr {border:none}
.no_bold{font-weight:normal;}
.li_inline li {float:left;}
.ls_03 {letter-spacing:-0.03em}
/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT17{margin-top:17px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB120{padding-bottom:120px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*

/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （767px） */
@media screen and (max-width: 767px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}
  
.clear-xs{clear:both;}  
}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 0.65s linear;
-moz-transition: all 0.65s linear;
transition: all 0.65s linear;
}

a:hover img.hoverImg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s ease-in-out;
}
.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.img-radius{border-radius:5px;}

h1,h2,h3,h4,h5,h6,p,address{margin:0;} 

.c-orange{color:#f68428;}

.c-orange-red{color:#e85331;}

a{color:#e85331;}

a:hover{color:#e85331;}

.divide-line{border-top:1px solid #d4d4d4; margin-top:40px; margin-bottom:40px;}

.divide-line-orange{border-top:1px solid #f68428; margin-top:40px; margin-bottom:40px;}

/* table no border */
.table-borderless{margin-bottom:0 !important;}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none; padding:2px;
}

body {
  /* margin-top: 125px;  *//* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Arimo', sans-serif; font-size:15px; color:#444;
}

html[lang="ja"] body {font-family: "Noto Sans Japanese", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /*font-weight:500;*/ font-size:13.5px; line-height:23px;}

html[lang="ko-KR"] body {font-family: 'Noto Sans KR', sans-serif;}

h2{font-size:21px;}

h4{line-height:27px;}

.bg-transparent {
    background-color: rgba(255, 255, 255, 0.75) !important;
}

@media screen and (max-width:767px) {
h2{font-size:18px;}
}

/* nav auto drop down */
/* .dropdown:hover .dropdown-menu {display: block;} */

.nav > li > a {padding: 10px 35px;}

@media screen and (max-width:1199px) {
.nav > li > a {padding: 10px 25px;}
}

@media screen and (max-width:1109px) {
.nav > li > a {padding: 10px 15px;}
}

@media screen and (max-width:966px) {
.nav > li > a {padding: 10px;}
}

.navbar-brand{height:auto; padding:10px 0; margin-left:0 !important;}

.navbar-inverse {
    background-color: #FFFFFF;
    border:none;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: #f68428; text-transform: uppercase;}

.navbar-inverse .navbar-nav > li > a{color:#fff;}

.navbar-nav > li > a{padding-top: 10px; padding-bottom: 10px;}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active{background:#e85331;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background:#e85331;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background:#e85331;}

.navbar-inverse .navbar-toggle{border:none;}

.navbar-inverse .navbar-toggle .icon-bar{background:#e85331;}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#fff;}

.navbar-toggle {margin-top: 12px;}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background: #e85331;
}

.navbar{margin-bottom:0;}

/* html[lang="ko-KR"] .nav > li > a {padding: 10px 25px;} */

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

@media screen and (max-width: 1054px){
.navbar .f27{font-size:23px;}
}

@media screen and (max-width: 767px){
  body{margin-top:0;}
  
  .carousel-indicators{display:none;}
  
  .navbar{margin-bottom:0;}
  
  .navbar-fixed-top{position:static;}
  
  .navbar-inverse .col-sm-4 .pT30{padding-top:0;}
  
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
}

.dropdown:hover .dropdown-menu{background: #F68428;}

.dropdown-menu > li > a{color:#fff;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color: #e85331; color:#fff;}

/* language swither */
#lang_sel_click li{width:100% !important;}

#lang_sel_click a.lang_sel_sel{width: 100%; padding: 3px 8px; border-radius: 4px; display: block;}

@media screen and (max-width: 767px){
  #lang_sel_click a.lang_sel_sel{margin-bottom:10px;}
}

#myCarousel{border-bottom:6px solid #e85331;}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    background-repeat: none;
    filter: none;
}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('https://placehold.it/1900x500') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    padding: 120px 0;
}

.headline h1 {
    font-size: 130px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.headline h2 {
    font-size: 77px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

/* footer */
#footer-top{background:#4e4e4e; color:#fff; border-top:6px solid #e85331;}

#footer-top a{color:#f68428;}

#footer-top ul{padding-left:0; list-style:none;}

#footer-top ul ul{padding-left:15px;}

#footer-top li{border-bottom:1px dotted #d6d3d3; margin-bottom:6px; padding-bottom:6px;}

#footer-bottom{background:#232323; color:#fff;}

/* index */
.service-box-index{color:#fff; text-align:center; padding-top:15px; padding-bottom:15px;}

.service-box-index h2{text-transform: uppercase; font-weight:bold;}

.bg-orange01{background:#ef603f;}

.bg-orange02{background:#f6ab28;}

.bg-orange03{background:#f68428;}

section.about h3{font-weight:bold; border-bottom:1px solid #8fbf5b; padding-bottom:5px;}

a.btn, a.btn:hover {color:#fff;}

a.btn:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	transition: 0.6s ease-in-out;
	}

.btn-lg, .btn-group-lg > .btn{padding-top:7px; padding-bottom:7px;}

.btn-orange-red{background:#e85331; box-shadow: inset 0 -1px #791700;}

.btn-orange01{background:#f6ab28;}

.btn-orange02{background:#f07a1b;}

.btn-orange03{background:#e34f2d;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
}

/* secondary */
#slider{height:400px;}

@media screen and (max-width: 1200px){
#slider{height:auto;}
}

#slider ul{margin:0; padding:0;}

.title_block {
    background: #FFE3B2;
    padding: 0;
    margin-bottom: 40px;
	font-size: 18px;
}

.title_block span {
    background: #fff;
    padding: 0 20px 0 0;
    display: inline-block;
    font-size: 26px;
	text-transform: uppercase;
	font-weight:bold;
	color:#e85331;
}

#products h3{font-weight:bold; font-size:25px;}

@media screen and (max-width:767px){
  .title_block span{font-size:22px;}
  
  #products h3{font-size:20px;}
}

html[lang="ja"] #products h3{font-size:21px;}

#products a{color:#e85331; text-decoration:underline;}

#products a:hover{text-decoration:none;}

#products ul{padding-left:22px;}

#products li{margin-bottom:8px;}

ul.orange-disc{color:#e85331;}

ul.orange-disc li span{color:#232323;}

.alert-products{padding:10px 15px; margin-bottom:0; background-color: #ffe6d2; border-color: #ffe6d2; color:#ab2d10;}

/* market */
a.market-box{display:block; background:#fff; border-radius:6px; text-decoration:none !important;}

a.market-box img{border-top-left-radius:6px; border-top-right-radius:6px;}

a.market-box btn{color:#fff;}

/* company infor */
.company-info-box{margin-bottom: 30px ;
    padding: 30px ;
    box-shadow: 0 0 0 5px #EAD3E5 inset ;
    position: relative ;
    z-index: 100 ;
    background: #fff ;
    overflow: hidden ;}

.company-info-box::before{border-radius: 50% ;
    display: block ;
    position: absolute ;
    top: -10px ;
    left: -10px ;
    width: 20px ;
    height: 20px ;
    content: "" ;
    background-color: #EAD3E5 ;
    box-shadow: 0 0 0 2px #fff, 0 0 0 7px #EAD3E5 ;}

.company-info-box::after{
    border-radius: 50% ;
    display: block ;
    position: absolute ;
    bottom: -10px ;
    right: -10px ;
    width: 20px ;
    height: 20px ;
    content: "" ;
    background-color: #EAD3E5 ;
    box-shadow: 0 0 0 2px #fff, 0 0 0 7px #EAD3E5 ;}

/* news */
#news h3 a, #news h3{font-weight:600; color:#e85331;}

#news .category a{color:#f68428;}

.blog-index img {
    display: block;
    max-width: 100%;
    height: auto;
}

.nav-previous{float:left;}

.nav-next{float:right;}

@media screen and (max-width:767px){
  #news h3{font-size:20px;}
}

/* news sidebar */
#news-side ul, #news-side li{list-style:none;}

#news-side a{color:#f68428;}

.widget-container h4{font-weight:600; font-size:22px; margin-bottom:8px;}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog,.side-blog ul{list-style:none;}

li.widget-container ul{margin-bottom:40px; padding-left:10px;}

@media screen and (max-width:767px){
.widget-container h4{font-size:19px;}
}

/* 404 */
.page404 h1{color:#e85331; font-weight:bold; font-size:100px; margin-bottom:30px;}

.page404 h2{font-weight:bold; margin-bottom:30px;}

/* back to top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(246, 171, 40, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/* google map responsive */
.map_wrapper {
max-width: 640px;
margin: 0 auto;
padding: 4px;
border: 1px solid #CCC; 
}
.googlemap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* Responsive Pagenation */
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  /*font-family: Fontawesome;*/
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a {
 background-color: rgba(31, 69, 149, 1);
 cursor: default;
 color:#fff;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
.ppage-thumb {
  width: 100%;
}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}