/* 
Theme Name:    Myebanc
/*--------------------------------------------------------------
>>> Homepage Style:
----------------------------------------------------------------*/
.home-page-wrapper{ padding-top: 42px}
.heading{ text-align: center; color: #FFF; font-weight:300; margin: 0; font-size: 48px; font-size: 48px;}
.heading span{background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/new-yellow-orange-brown-300.svg); background-attachment: fixed;
overflow: hidden; padding: 1.5rem;}
.prod-hei{padding-bottom: 61px}
.prod-hom-bg{ background-color: #FFF; margin-top: 46px; padding: 0 15px; padding-top: 153px;
-webkit-box-shadow: 0px 7px 31px -4px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 7px 31px -4px rgba(0,0,0,0.52);
box-shadow: 0px 7px 31px -4px rgba(0,0,0,0.52); }
.prod-cont{ background-color: #f3f3f3; /*height: 565px;*/ height: 430px; text-align: center; padding: 0 15px; padding-top: 55px; position: relative;}
.icon-pan{ position: absolute; left: 0; right: 0; margin:auto; top:-112px}
.icon-pan span{ font-size: 150px}
.prod-cont h2{ margin: 0; color: #d06301; font-size: 29px; font-size: 2.9rem; line-height: 32px; line-height: 3.2rem; font-weight: 300}
.prod-cont h2 span{ display: block;}
.prod-cont h2.entry-title{ min-height:110px}
.prod-cont p{ font-size: 14px; line-height: 20px; font-size: 1.4rem; line-height: 2rem; color: #52575f; min-height: 121px; margin-bottom: 0; padding-bottom: 0; font-weight: 500}
.prod-cont p+p{ display: none; color: #d06301; font-size: 30px; line-height: 32px; font-weight: 300; min-height: inherit; font-weight: 300; padding-top: 23px}
.comperbox{ background-color: #e8e8e8; width: 100%; margin-bottom: 59px}
.details-button{ display: block; margin: 0 auto; width: 170px; height: 40px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 34px; line-height: 3.4rem; background-color: #52575f; border: 2px solid #e6921f; color: #FFF; letter-spacing: 1px; position: absolute; left: 0; right: 0; bottom: 0; margin-bottom:29px; font-weight: 500}
.details-button:hover,.details-button:focus{ background-color:#bc5801; color: #FFF; border-color: #e7921d }
.page-button{ padding-bottom: 60px}
.page-button a{ display: block; text-align: center; margin: 0 auto; width: 570px; height: 60px; border: 2px solid #ffd149; color: #52575f; font-size: 30px; font-size: 3rem; line-height: 56px; line-height: 5.6rem; font-weight: 300; border-radius: 60px}
.page-button a:hover,.page-button a:focus{ background-color:#ffd248; color: #52575f; border-color: #ffd248 }

.home-contant{ padding-top: 60px; padding-bottom: 112px}
.home-contant h3{ margin: 0; color: #ffd248; font-size: 48px; font-size: 4.8rem; line-height: 49px; line-height: 4.9rem; font-weight: 300; padding-bottom: 27px; padding-top: 23px}
.home-contant p{font-size: 14px; line-height: 18px; font-size: 1.4rem; line-height: 1.8rem; color: #FFF;}
.home-contant p strong{ font-size: 17px; font-size: 1.7rem;  }
.home-contant ul{ list-style: none; padding: 0; margin: 0; width: 100%; max-width: 470px}
.home-contant li{ text-transform: uppercase; font-size: 14px; line-height: 18px; font-size: 1.4rem; line-height: 1.8rem; color: #FFF; display: block; margin-bottom: 8px; position: relative; padding-left: 10px; font-weight: 500}
.home-contant li:before{ position: absolute; left: 0; top:7px; content: ""; width: 4px; height: 4px; background-color: #FFF; border-radius: 100%}
.home-contant li:last-child{ margin-bottom: 0}
.buttonpan{ padding-top: 60px}
.buttonpan a{ display: block; margin: 0 auto; width: 770px; height: 60px; text-align: center; font-weight: 300; font-size: 30px; font-size: 3rem; line-height: 56px; line-height:5.6rem; color: #FFF; border: 2px solid #ffd248; border-radius: 60px;}
.buttonpan a:hover,.buttonpan a:focus{ background-color:#ffd248; color: #52575f; border-color: #ffd248  }
.p18{font-size: 18pt !important;}
.p24{font-size: 24px !important;}
.p14{font-size: 14px !important;}