/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** banner **/
.gr-banner {
  margin-top: 0; }
  @media (min-width: 768px) {
    .gr-banner {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  .gr-banner .ApColumn .block > a {
    width: 100%; }
  .gr-banner .ApColumn .block.ApImage {
    position: relative;
    margin-bottom: 0; }
    .gr-banner .ApColumn .block.ApImage .image_description {
      position: absolute;
      z-index: 9;
      width: 100%;
      text-align: center;
      top: 5%;
      left: 50%;
      font-size: 14px;
      font-weight: 500;
      color: #000000;
      text-transform: uppercase;
      padding-right: 0;
      -webkit-transform: translate(-50%, 50%);
      -moz-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
      -o-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%); }
      .rtl .gr-banner .ApColumn .block.ApImage .image_description {
        padding-left: 0;
        padding-right: inherit; }
      .gr-banner .ApColumn .block.ApImage .image_description h4 {
        display: inline-block;
        font-size: 32px;
        font-weight: 500;
        text-transform: none;
        color: #000000;
        overflow: hidden;
        position: relative; }
        @media (max-width: 1199px) and (min-width: 768px) {
          .gr-banner .ApColumn .block.ApImage .image_description h4 {
            font-size: 20px; } }
        .gr-banner .ApColumn .block.ApImage .image_description h4:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(103, 168, 64, 0.4);
          -webkit-transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
          -moz-transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
          -ms-transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
          -o-transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
          transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
          -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
          -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1);
          transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1); }
          .rtl .gr-banner .ApColumn .block.ApImage .image_description h4:before {
            right: 0;
            left: auto; }
    .gr-banner .ApColumn .block.ApImage.banner-large .image_description {
      top: inherit;
      bottom: 15%;
      left: 10%;
      font-size: 21px;
      color: #000000;
      text-align: left;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
      .rtl .gr-banner .ApColumn .block.ApImage.banner-large .image_description {
        right: 10%;
        left: auto; }
      .rtl .gr-banner .ApColumn .block.ApImage.banner-large .image_description {
        text-align: right; }
      .gr-banner .ApColumn .block.ApImage.banner-large .image_description p {
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        .gr-banner .ApColumn .block.ApImage.banner-large .image_description p:after {
          content: "";
          background: #000000;
          width: 70px;
          height: 1px;
          position: absolute;
          bottom: 0;
          left: 0; }
          .rtl .gr-banner .ApColumn .block.ApImage.banner-large .image_description p:after {
            right: 0;
            left: auto; }
    .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description {
      left: 35%;
      text-align: center;
      max-width: 470px;
      top: auto;
      bottom: 50%; }
      @media (max-width: 480px) {
        .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description {
          display: none; } }
      .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description h4 {
        font-size: 43px;
        position: relative;
        padding-bottom: 30px;
        margin: 15px 0 30px; }
        @media (max-width: 991px) {
          .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description h4 {
            font-size: 24px;
            margin: 15px 0; } }
        @media (max-width: 576px) {
          .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description h4 {
            padding-bottom: 20px; } }
        .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description h4:after {
          content: "";
          background: #000000;
          width: 70px;
          height: 2px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
      .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .bannerTextDesc {
        text-transform: none;
        font-weight: 400;
        color: #888; }
      .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn {
        border: 1px solid #000000;
        padding: 13px 50px;
        margin-top: 40px; }
        @media (max-width: 991px) {
          .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn {
            margin-top: 20px;
            padding: 5px 20px; } }
        @media (max-width: 576px) {
          .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn {
            margin-top: 0; } }
        .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
          background: #66140e
;
          color: #FFFFFF;
          border-color: #66140e
; }
    .gr-banner .ApColumn .block.ApImage:hover .image_description h4:before {
      -webkit-transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
      -moz-transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
      -ms-transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
      -o-transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
      transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0); }
  .gr-banner .ApColumn .block.ApRawHtml {
    position: relative;
    background: #FFFFFF;
    color: #000000;
    height: 50%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0; }
    @media (max-width: 767px) {
      .gr-banner .ApColumn .block.ApRawHtml {
        height: auto;
        min-height: 422px; } }
    .gr-banner .ApColumn .block.ApRawHtml .box-html {
      position: absolute;
      width: 100%;
      bottom: 50%;
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%); }
    .gr-banner .ApColumn .block.ApRawHtml h5 {
      display: inline-block;
      font-size: 14px;
      font-weight: 500; }
      @media (max-width: 1199px) and (min-width: 768px) {
        .gr-banner .ApColumn .block.ApRawHtml h5 {
          font-size: 10px; } }
    .gr-banner .ApColumn .block.ApRawHtml h4 {
      font-size: 32px;
      text-transform: none;
      margin: 5px 0 30px; }
      @media (max-width: 1500px) and (min-width: 1200px) {
        .gr-banner .ApColumn .block.ApRawHtml h4 {
          font-size: 20px;
          margin: 5px 0 15px; } }
      @media (max-width: 1199px) and (min-width: 768px) {
        .gr-banner .ApColumn .block.ApRawHtml h4 {
          font-size: 18px;
          margin: 0 0 10px; } }
    .gr-banner .ApColumn .block.ApRawHtml .btn {
      border: 1px solid #000000;
      padding: 13px 50px;
      margin-top: 20px; }
      @media (max-width: 1500px) and (min-width: 1200px) {
        .gr-banner .ApColumn .block.ApRawHtml .btn {
          margin-top: 10px; } }
      @media (max-width: 1199px) and (min-width: 768px) {
        .gr-banner .ApColumn .block.ApRawHtml .btn {
          margin-top: 0;
          padding: 5px 20px; } }
      .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
        background: #66140e
;
        color: #FFFFFF;
        border-color: #66140e
; }

/* Skin */
.blue .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #6AAFE6;
  border-color: #6AAFE6; }
.blue .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #6AAFE6;
  border-color: #6AAFE6; }

.deeppink .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #FF1493;
  border-color: #FF1493; }
.deeppink .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #FF1493;
  border-color: #FF1493; }

.green .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #66140e
;
  border-color: #66140e
; }
.green .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #66140e
;
  border-color: #66140e
; }

.lime .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #66140e
;
  border-color: #66140e
; }
.lime .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #66140e
;
  border-color: #66140e
; }

.olive .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #808000;
  border-color: #808000; }
.olive .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #808000;
  border-color: #808000; }

.purple .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #8A2CB1;
  border-color: #8A2CB1; }
.purple .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #8A2CB1;
  border-color: #8A2CB1; }

.yellow .gr-banner .ApColumn .block.ApRawHtml .btn:hover {
  background: #edb42c;
  border-color: #edb42c; }
.yellow .gr-banner .ApColumn .block.ApImage.BannerBoxTextInner .image_description .btn:hover {
  background: #edb42c;  border-color: #edb42c; }
@media (min-width: 992px) {
  .containerLarge {
    width: 1880px; } }