@charset "UTF-8";
/*
Theme Name: new
Theme URI: #
Author: Solution Web Development Team
Author URI: #
Description: Solution Digital Agency.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Use it to make something cool, have fun, and share what you've learned with others.
*/
.grecaptcha-badge { visibility: hidden; }
.ui-widget-header {
    background: #196ECA!important;
    color: #ffffff!important;
}
.prodImage img {max-height:189px;}
@media only screen and (max-width: 720px){
    #lc_chat_layout.lc-collapsed 
    {
        left: 100px!important;
    }
}

/* FONT PATH * -------------------------- */
 @font-face {
     font-family: 'FontAwesome';
     src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
     src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
     font-weight: normal;
     font-style: normal;
	 font-display: swap;
}
 .fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 18px;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap");
 .container, .container-fluid {
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
 .container::after, .container-fluid::after {
     content: "";
     display: table;
     clear: both;
}
 @media (min-width: 576px) {
     .container {
         width: 540px;
         max-width: 100%;
    }
}
 @media (min-width: 768px) {
     .container {
         width: 720px;
         max-width: 100%;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 960px;
         max-width: 100%;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 1170px;
         max-width: 100%;
    }
}
 .row {
     margin-right: -15px;
     margin-left: -15px;
}
 .row::after {
     content: "";
     display: table;
     clear: both;
}
 @media (min-width: 576px) {
     .row {
         margin-right: -15px;
         margin-left: -15px;
    }
}
 @media (min-width: 768px) {
     .row {
         margin-right: -15px;
         margin-left: -15px;
    }
}
 @media (min-width: 992px) {
     .row {
         margin-right: -15px;
         margin-left: -15px;
    }
}
 @media (min-width: 1200px) {
     .row {
         margin-right: -15px;
         margin-left: -15px;
    }
}
 .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
     position: relative;
     min-height: 1px;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width: 576px) {
     .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
         padding-right: 15px;
         padding-left: 15px;
    }
}
 .col-xs-1 {
     float: left;
     width: 8.333333%;
}
 .col-xs-2 {
     float: left;
     width: 16.666667%;
}
 .col-xs-3 {
     float: left;
     width: 25%;
}
 .col-xs-4 {
     float: left;
     width: 33.333333%;
}
 .col-xs-5 {
     float: left;
     width: 41.666667%;
}
 .col-xs-6 {
     float: left;
     width: 50%;
}
 .col-xs-7 {
     float: left;
     width: 58.333333%;
}
 .col-xs-8 {
     float: left;
     width: 66.666667%;
}
 .col-xs-9 {
     float: left;
     width: 75%;
}
 .col-xs-10 {
     float: left;
     width: 83.333333%;
}
 .col-xs-11 {
     float: left;
     width: 91.666667%;
}
 .col-xs-12 {
     float: left;
     width: 100%;
}
.header-contact a
{
    float:right;
}
 @media (min-width: 576px) {
     .col-sm-1 {
         float: left;
         width: 8.333333%;
    }
     .col-sm-2 {
         float: left;
         width: 16.666667%;
    }
     .col-sm-3 {
         float: left;
         width: 25%;
    }
     .col-sm-4 {
         float: left;
         width: 33.333333%;
    }
     .col-sm-5 {
         float: left;
         width: 41.666667%;
    }
     .col-sm-6 {
         float: left;
         width: 50%;
    }
     .col-sm-7 {
         float: left;
         width: 58.333333%;
    }
     .col-sm-8 {
         float: left;
         width: 66.666667%;
    }
     .col-sm-9 {
         float: left;
         width: 75%;
    }
     .col-sm-10 {
         float: left;
         width: 83.333333%;
    }
     .col-sm-11 {
         float: left;
         width: 91.666667%;
    }
     .col-sm-12 {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .col-md-1 {
         float: left;
         width: 8.333333%;
    }
     .col-md-2 {
         float: left;
         width: 16.666667%;
    }
     .col-md-3 {
         float: left;
         width: 25%;
    }
     .col-md-4 {
         float: left;
         width: 33.333333%;
    }
     .col-md-5 {
         float: left;
         width: 41.666667%;
    }
     .col-md-6 {
         float: left;
         width: 50%;
    }
     .col-md-7 {
         float: left;
         width: 58.333333%;
    }
     .col-md-8 {
         float: left;
         width: 66.666667%;
    }
     .col-md-9 {
         float: left;
         width: 75%;
    }
     .col-md-10 {
         float: left;
         width: 83.333333%;
    }
     .col-md-11 {
         float: left;
         width: 91.666667%;
    }
     .col-md-12 {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 992px) {
     .col-lg-1 {
         float: left;
         width: 8.333333%;
    }
     .col-lg-2 {
         float: left;
         width: 16.666667%;
    }
     .col-lg-3 {
         float: left;
         width: 25%;
    }
     .col-lg-4 {
         float: left;
         width: 33.333333%;
    }
     .col-lg-5 {
         float: left;
         width: 41.666667%;
    }
     .col-lg-6 {
         float: left;
         width: 50%;
    }
     .col-lg-7 {
         float: left;
         width: 58.333333%;
    }
     .col-lg-8 {
         float: left;
         width: 66.666667%;
    }
     .col-lg-9 {
         float: left;
         width: 75%;
    }
     .col-lg-10 {
         float: left;
         width: 83.333333%;
    }
     .col-lg-11 {
         float: left;
         width: 91.666667%;
    }
     .col-lg-12 {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 1200px) {
     .col-xl-1 {
         float: left;
         width: 8.333333%;
    }
     .col-xl-2 {
         float: left;
         width: 16.666667%;
    }
     .col-xl-3 {
         float: left;
         width: 25%;
    }
     .col-xl-4 {
         float: left;
         width: 33.333333%;
    }
     .col-xl-5 {
         float: left;
         width: 41.666667%;
    }
     .col-xl-6 {
         float: left;
         width: 50%;
    }
     .col-xl-7 {
         float: left;
         width: 58.333333%;
    }
     .col-xl-8 {
         float: left;
         width: 66.666667%;
    }
     .col-xl-9 {
         float: left;
         width: 75%;
    }
     .col-xl-10 {
         float: left;
         width: 83.333333%;
    }
     .col-xl-11 {
         float: left;
         width: 91.666667%;
    }
     .col-xl-12 {
         float: left;
         width: 100%;
    }
    left: 91.666667%;
    }
}
 .float-xs-left {
     float: left !important;
}
 .float-xs-right {
     float: right !important;
}
 .float-xs-none {
     float: none !important;
}
 @media (min-width: 480px) {
     .float-sm-left {
         float: left !important;
    }
     .float-sm-right {
         float: right !important;
    }
     .float-sm-none {
         float: none !important;
    }
}
 @media (min-width: 768px) {
     .float-md-left {
         float: left !important;
    }
     .float-md-right {
         float: right !important;
    }
     .float-md-none {
         float: none !important;
    }
}
 @media (min-width: 992px) {
     .float-lg-left {
         float: left !important;
    }
     .float-lg-right {
         float: right !important;
    }
     .float-lg-none {
         float: none !important;
    }
}
 @media (min-width: 1200px) {
     .float-xl-left {
         float: left !important;
    }
     .float-xl-right {
         float: right !important;
    }
     .float-xl-none {
         float: none !important;
    }
     .hidden-xl {
         display: none;
    }
     .visible-xl {
         display: block;
    }
}
 .w-100 {
     width: 100% !important;
}
 .h-100 {
     height: 100% !important;
}
 .text-xs-left {
     text-align: left !important;
}
 .text-xs-right {
     text-align: right !important;
}
 .text-xs-center {
     text-align: center !important;
}
 @media (max-width: 576px) {
     .text-sm-left {
         text-align: left !important;
    }
     .text-sm-right {
         text-align: right !important;
    }
     .text-sm-center {
         text-align: center !important;
    }
}
 @media (max-width: 768px) {
     .text-md-left {
         text-align: left !important;
    }
     .text-md-right {
         text-align: right !important;
    }
     .text-md-center {
         text-align: center !important;
    }

}
 @media (max-width: 992px) {
     .text-lg-left {
         text-align: left !important;
    }
     .text-lg-right {
         text-align: right !important;
    }
     .text-lg-center {
         text-align: center !important;
    }
}
 @media (max-width: 1200px) {
     .text-xl-left {
         text-align: left !important;
    }
     .text-xl-right {
         text-align: right !important;
    }
     .text-xl-center {
         text-align: center !important;
    }
}
 .hidden-xs-up, .hidden-xl-down {
     display: none !important;
}
 @media (max-width: 576px) {
     .hidden-xs-down {
         display: none !important;
    }
}
 @media (min-width: 577px) {
     .hidden-sm-up {
         display: none !important;
    }
}
 @media (max-width: 767px) {
     .hidden-sm-down {
         display: none !important;
    }
}
 @media (min-width: 768px) {
     .hidden-md-up {
         display: none !important;
    }
}
 @media (max-width: 991px) {
     .hidden-md-down {
         display: none !important;
    }
}
 @media (min-width: 992px) {
     .hidden-lg-up {
         display: none !important;
    }
}
 @media (max-width: 1199px) {
     .hidden-lg-down {
         display: none !important;
    }
}
 @media (min-width: 1200px) {
     .hidden-xl-up {
         display: none !important;
    }
	}
 .mbpx-30 {
     margin-bottom: 30px !important;
}
 .mtpx-99 {
}     margin-top: 99px !important;
 .mtpx-25 {
}     margin-top: 25px !important;
 .pbpx-30 {
}     padding-bottom: 30px !important;
 .pbpx-0 {
}     padding-bottom: 0px !important;
 .ptpx-30 {
}     padding-top: 30px !important;
 .ptpx-0 {
     padding-top: 0px !important;
}
 .h-100 {
     height: 100px;
}
 .h-20 {
     height: 20px;
}
 .w-100 {
     width: 100%;
}
 .w-90 {
     width: 90%;
}
@font-face {
     font-family: 'font-icons';
     src: url("fonts/fa-regular-400.eot");
     src: url("fonts/fa-regular-400.svg");
     src: url("fonts/fa-regular-400.ttf");
     src: url("fonts/fa-regular-400.woff");
    /* src: url("fonts/fa-regular-400.woff2");*/
     font-weight: normal;
     font-style: normal;
	 font-display: swap;
}
/*icomoon Font Start*/
 [class^="fa-"], [class*=" fa-"] {
     font-family: 'font-icons' !important;
     speak: none;
     font-style: normal;
     font-weight: 100 !important;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
.fa-minus:before {
     content: "\f068";
}
 .fa-plus:before {
     content: "\f067";
}
 .fa-arrow-left:before {
     content: "\f060";
}
 .fa-arrow-right:before {
     content: "\f061";
}
/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */


/* makes the font 33% larger relative to the icon container */
 .fa-lg {
     font-size: 1.33333333em;
     line-height: 0.75em;
     vertical-align: -15%;
}
 .fa-2x {
     font-size: 2em;
}
 .fa-3x {
     font-size: 3em;
}
 .fa-4x {
     font-size: 4em;
}
 .fa-5x {
     font-size: 5em;
}
 .fa-fw {
     width: 1.28571429em;
     text-align: center;
}
 .fa-ul {
     padding-left: 0;
     margin-left: 2.14285714em;
     list-style-type: none;
}
 .fa-ul > li {
     position: relative;
}
 .fa-li {
     position: absolute;
     left: -2.14285714em;
     width: 2.14285714em;
     top: 0.14285714em;
     text-align: center;
}
 .fa-li.fa-lg {
     left: -1.85714286em;
}
 .fa-border {
     padding: .2em .25em .15em;
     border: solid 0.08em #eeeeee;
     border-radius: .1em;
}
 .fa-pull-left {
     float: left;
}
 .fa-pull-right {
     float: right;
}
 .fa.fa-pull-left {
     margin-right: .3em;
}
 .fa.fa-pull-right {
     margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
 .pull-right {
     float: right;
}
 .pull-left {
     float: left;
}
 .fa.pull-left {
     margin-right: .3em;
}
 .fa.pull-right {
     margin-left: .3em;
}
 .fa-spin {
     -webkit-animation: fa-spin 2s infinite linear;
     animation: fa-spin 2s infinite linear;
}
 .fa-pulse {
     -webkit-animation: fa-spin 1s infinite steps(8);
     animation: fa-spin 1s infinite steps(8);
}

 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
    }
}
 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg);
    }
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .fa-rotate-180 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 .fa-rotate-270 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
}
 .fa-flip-horizontal {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
     -webkit-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1);
}
 .fa-flip-vertical {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
     -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     transform: scale(1, -1);
}
 :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
     filter: none;
}
 .fa-stack {
     position: relative;
     display: inline-block;
     width: 2em;
     height: 2em;
     line-height: 2em;
     vertical-align: middle;
}
 .fa-stack-1x, .fa-stack-2x {
     position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
}
 .fa-stack-1x {
     line-height: inherit;
}
 .fa-stack-2x {
     font-size: 2em;
}
 .fa-inverse {
     color: #ffffff;
}
  .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 .sr-only-focusable:active, .sr-only-focusable:focus {
     position: static;
     width: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     clip: auto;
}
 .arrow-list li {
     position: relative;
     padding-left: 16px;
     padding-bottom: 10px;
}
 .arrow-list li:before {
     font-family: 'FontAwesome';
     position: absolute;
     left: 0;
     top: 0;
     content: "\f105";
     font-size: 16px;
     line-height: 1.3;
}
 .arrow-list.fc-white a {
     color: #ffffff;
}
 .tick-list li {
     padding-left: 30px;
     position: relative;
}
 .tick-list li:before {
     font-family: 'FontAwesome';
     content: "\f00c";
     position: absolute;
     left: 0;
     top: 0;
     color: #87bc48;
}
 .grid-block {
     overflow: hidden;
     list-style: none;
     margin-left: 0;
     padding-left: 0;
}
 .grid-block > * {
     float: left;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .grid-block.\--type-inline-blocks > * {
     float: none;
     display: inline-block;
     vertical-align: top;
     margin-left: -5px;
}
 .grid-block.\--type-two-blocks > * {
     width: 50% !important;
}
 .grid-block.\--type-three-blocks > * {
     width: 33.333% !important;
}
 .grid-block.\--type-four-blocks > * {
     width: 25% !important;
}
 .grid-block.\--type-five-blocks > * {
     width: 20% !important;
}
 .grid-block.\--style-offsets {
     margin-left: -30px;
}
 .grid-block.\--style-offsets > * {
     padding-left: 30px;
}
 .grid-block.\--style-offsets.small {
     margin-left: -20px;
}
 .grid-block.\--style-offsets.small > * {
     padding-left: 20px;
}
 .grid-block.\--style-offsets.formtop {
     margin-left: -10px;
}
 .grid-block.\--style-offsets.formtop > * {
     padding-left: 10px;
}
 .grid-block.\--bottom-offset > * {
     margin-bottom: 50px;
}
 .grid-block.\--bottom-offset.small > * {
     margin-bottom: 30px;
}
 @media (max-width: 991px) {
     .grid-block.\--type-ipad-full {
         overflow: visible;
         list-style: none;
         margin-left: 0;
         padding-left: 0;
    }
     .grid-block.\--type-ipad-full > * {
         width: 100% !important;
    }
}
 @media (max-width: 767px) {
     .grid-block.\--type-mobile-full {
         overflow: visible;
         list-style: none;
         margin-left: 0;
         padding-left: 0;
    }
     .grid-block.\--type-mobile-full > * {
         width: 100% !important;
    }
}
 ul.grid-block {
     list-style: none;
     margin-left: 0;
     padding-left: 0;
}
 ::-moz-selection {
     background: #87bc48;
     color: #ffffff;
     text-shadow: none;
}
 ::selection {
     background: #87bc48;
     color: #ffffff;
     text-shadow: none;
     color: #fff;
     text-shadow: none;
}
 ::placeholder {
     fonts-size: 18px;
     font-weight: 400;
     letter-spacing: 3px;
     color: rgba(110, 110, 110, 0.7);
}
 ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
}
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
     display: none;
}
 ::-webkit-scrollbar-track-piece {
     background-color: #fbf9f9;
     -webkit-border-radius: 0px;
     border-left: 1px solid #888;
}
 ::-webkit-scrollbar-thumb:vertical {
     -webkit-border-radius: 0px;
     background: #87bc48;
}
 html {
     position: relative;
}
 *, html {
     padding: 0;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     outline: none;
}
 img {
     max-width: 100%;
     display: block;
}
 .ff-primary {
     font-family: "Montserrat", sans-serif;
}
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     margin: 0;
     padding: 0;
     font-weight: 400;
     font-family: "Montserrat", sans-serif;
}
 h1, .h1 {
     font-size: 50px;
}
 @media (max-width: 767px) {
     h1, .h1 {
         font-size: 30px;
    }
}
 h2, .h2 {
     font-size: 44px;
}
 @media (max-width: 767px) {
     h2, .h2 {
         font-size: 26px;
    }
}
 h3, .h3 {
     font-size: 32px;
}
 @media (max-width: 767px) {
     h3, .h3 {
         font-size: 22px;
    }
}
 h4, .h4 {
     font-size: 28px;
}
 @media (max-width: 767px) {
     h4, .h4 {
         font-size: 20px;
    }
}
 h5, .h5 {
     font-size: 24px;
}
 @media (max-width: 767px) {
     h5, .h5 {
         font-size: 18px;
    }
}
 h6, .h6 {
     font-size: 20px;
}
 @media (max-width: 767px) {
     h6, .h6 {
         font-size: 16px;
    }
}
 p {
     font-size: 14px;
     margin: 0;
     padding: 0;
}
 a {
     color: #333333;
     text-decoration: none;
}
 img.inherit {
     max-width: inherit;
}
 .img-resp {
     display: block;
     max-width: 100%;
     height: auto;
}
 .relative-block {
     position: relative;
}
 .absolute-block {
     position: absolute;
}
 .unstyled {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul.pd-r li {
     padding-right: 10px;
}
 ul.inline li {
     display: inline-block;
}
 ul.block li {
     display: block;
}
 ul.table {
     display: table;
}
 ul.table li {
     display: table-cell;
}
 ul.nomar li:last-child {
     margin-right: 0 !important;
}
 ul.nomar li:first-child {
     margin-left: 0 !important;
}
 .d-block {
     display: block !important;
}
 .d-inline-block {
     display: inline-block !important;
}
 .d-inline {
     display: inline !important;
}
 .d-table {
     display: table !important;
}
 .d-table-cell {
     display: table-cell !important;
}
 hr {
     border: none;
}
 .td-underline {
     text-decoration: underline;
}
 .td-border {
     border-bottom: 1px solid;
}
 .td-border-dashed {
     border-bottom: 1px dashed;
}
 .td-border-dotted {
     border-bottom: 1px dotted;
}
 .fs-default {
     font-size: 14px;
}
 .fs-xsmall {
     font-size: 10px;
}
 .fs-small {
     font-size: 12px;
}
 .fs-medium {
     font-size: 18px;
}
 .fs-large {
     font-size: 30px;
}
 .fs-xlarge {
     font-size: 48px;
}
 .fs-italic {
     font-style: italic;
}
 .fw-thin {
     font-weight: 100;
}
 .fw-light {
     font-weight: 300;
}
 .fw-normal {
     font-weight: 400;
}
 .fw-semi-bold {
     font-weight: 600;
}
 .fw-bold {
     font-weight: 700;
}
 .fw-black {
     font-weight: 900;
}
 .tt-normal {
     text-transform: inherit !important;
}
 .tt-uppercase {
     text-transform: uppercase !important;
}
 .tt-capital {
     text-transform: capitalize !important;
}
 .ta-right {
     text-align: right;
}
 .ta-left {
     text-align: left;
}
 .ta-center {
     text-align: center;
}
 .ta-justify {
     text-align: justify;
}
 .clearfix::after {
     content: "";
     display: table;
     clear: both;
}
 .bg-cover {
     background-size: cover;
}
 .bg-contain {
     background-size: contain;
}
 .bg-left {
     background-position: left !important;
}
 .m-auto {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .lh-normal {
     line-height: 1;
}
 .lh-medium {
     line-height: 1.2;
}
 .lh-large {
     line-height: 2;
}
 .lh-xlarge {
     line-height: 2.8;
}
 .float-left {
     float: left;
}
 .float-right {
     float: right;
}
 .col-nopadd {
     padding-left: 0 !important;
     padding-right: 0 !important;
}
 .border {
     border: 1px solid !important;
}
 .va-middle {
     vertical-align: middle;
}
 .va-top {
     vertical-align: top;
}
 .va-bottom {
     vertical-align: bottom;
}
 .instagram:hover {
     color: #cd486b !important;
}
 .facebook:hover {
     color: #1a4bad !important;
}
 .facebook-icon:hover {
     background: #1a4bad !important;
}
 .twitter:hover {
     color: #00a9cd !important;
}
 .twitter-icon:hover {
     background: #00a9cd !important;
}
 .linkedin:hover {
     color: #1d4a9c !important;
}
 .linkedin-icon:hover {
     background: #1d4a9c !important;
}
 .googleplus:hover {
     color: #ff4800 !important;
}
 .googleplus-icon:hover {
     background: #ff4800 !important;
}
 .youtube:hover {
     color: #d10000 !important;
}
 .youtube-icon:hover {
     background: #d10000 !important;
}
 .overlay-bg {
     background: rgba(0, 0, 0, 0.8);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     z-index: 14;
     display: none;
}
 .bg-norepeat {
     background-repeat: no-repeat;
}
 .bg-fixed {
     background-attachment: fixed;
     background-position: center;
}
 .bg-center {
     background-position: center;
}
 .img-inherit {
     max-width: inherit;
}
 .sec-padding {
     padding: 80px 0;
}
 .sec-padding.\--large {
     padding: 140px 0;
}
 @media (max-width: 640px) {
     .sec-padding.\--large {
         padding: 0;
    }
}
 .sec-padding.\--small {
     padding: 25px 0;
}
 .sec-padding.\--xsmall {
     padding: 18px 0;
}
 @media (max-width: 767px) {
     .sec-padding {
         padding: 40px 0;
    }
}
 .title {
     line-height: 1.2;
}
 .title.\--big {
     width: 82%;
     margin: 0 auto;
}
 @media (max-width: 1180px) {
     .title {
         width: 100% !important;
    }
}
/*.sub-title {
     width: 80%;
     margin: 0 auto;
     &.\--large {
         width: 90%;
    }
}
*/


/**** Mobile Navigation ****/
.mobile-nav {
    position: fixed;
    width: 80%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    right: -80%;
    z-index: 12;
    background: #87bc48;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    background: #e9e9e9; }
    .mobile-nav::-webkit-scrollbar-track-piece {
      background-color: #87bc48;
      border-left: 0px solid #888; }
    .mobile-nav::-webkit-scrollbar {
      width: 3px; }
    @media (max-width: 1180px) {
      .mobile-nav .logo-area img {
        max-width: 90%; } }
    .mobile-nav .callnow {
      font-size: 16px;
      color: #8795a0;
      padding: 22px 24px;
      display: block; }
    .mobile-nav.active {
      height: 100%;
      right: 0; }
    .mobile-nav nav li a {
      color: #333333;
      font-weight: 500;
      display: block;
      padding: 10px 24px;
      border-top: 1px solid #d6d8db;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      .mobile-nav nav li a.active {
        color: #ffffff;
        background: #87bc48; }
      .mobile-nav nav li a .xicon {
        font-size: 20px;
        float: right; }
    .mobile-nav nav li ul {
      display: none;
      background: #ffffff;
      list-style: none; }
      .mobile-nav nav li ul li a {
        font-weight: 500;
        font-size: 12px; }
        .mobile-nav nav li ul li a:hover, .mobile-nav nav li ul li a.active {
          background: transparent;
          font-weight: 600;
          color: #333333; }
      .mobile-nav nav li .sub-menu {
        background: #F2F2F2;
        display: none; }
        .mobile-nav nav li .sub-menu li a {
          padding-left: 30px; }
        .mobile-nav nav li .sub-menu li .sub-menu {
          background: #DDDDDD;
          position: relative; }
          .mobile-nav nav li .sub-menu li .sub-menu:before {
            position: absolute;
            left: 0;
            height: 100%;
            width: 2px;
            top: 0;
            content: '';
            background: #87bc48; }
          .mobile-nav nav li .sub-menu li .sub-menu li a {
            padding-left: 40px; }
        .mobile-nav nav li .sub-menu a {
          font-size: 12px;
          border: none;
          padding: 10px 0px; }
          .mobile-nav nav li .sub-menu a:hover, .mobile-nav nav li .sub-menu a.active {
            color: #ffffff;
            background-color: #87bc48; }
            .mobile-nav nav li .sub-menu a:hover .sub-menu li a, .mobile-nav nav li .sub-menu a.active .sub-menu li a {
              background-color: #18191a;
              color: #F2F2F2; }
    .mobile-nav nav li.menu-item-has-children > a {
      position: relative; }
      .mobile-nav nav li.menu-item-has-children > a:before {
        position: absolute;
        content: "\f078";
        font-family: "FontAwesome";
        right: 10px; }
    .mobile-nav nav .extra-link a {
      border: 2px solid #000000;
      width: 40%;
      margin: 40px auto 10px;
      padding: 7px 0;
      font-size: 15px;
      text-align: center; }
      .mobile-nav nav .extra-link a:hover {
        color: #000000;
        border: 2px solid #000000;
        background: transparent; }
    .mobile-nav .close-nav {
      position: absolute;
      top: 10px;
      right: 10px;
      border: 1px solid #ffffff;
      width: 26px;
      height: 26px;
      line-height: 1.5; }
  
  /*** Mobile Nav Button ***/
  .mobile-nav-btn {
    display: none;
    position: fixed;
    top: 26px;
    height: 30px;
    padding: 6px 7px;
    border-radius: 4px;
    right: 2%;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 14; }
    .mobile-nav-btn span {
      display: none;
      height: 3px;
      width: 22px;
      background-color: #87bc48;
      display: block;
      margin-bottom: 6px;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      position: relative;
      top: 8px; }
    .mobile-nav-btn:active {
      transition: 0; }
    .mobile-nav-btn span:before, .mobile-nav-btn span:after {
      display: block;
      background-color: #87bc48;
      height: 3px;
      width: 22px;
      position: absolute;
      left: 0;
      content: '';
      -webkit-transform-origin: .28571rem center;
      transform-origin: .28571rem center;
      right: 0;
      margin: 0 auto; }
    .mobile-nav-btn .lines:before {
      top: 6px; }
    .mobile-nav-btn .lines:after {
      top: -6px; }
    .mobile-nav-btn.active {
      right: 84%; }
    .mobile-nav-btn .lines {
      -webkit-transition: background 0.3s 0.5s ease;
      -moz-transition: background 0.3s 0.5s ease;
      -o-transition: background 0.3s 0.5s ease;
      transition: background 0.3s 0.5s ease; }
      .mobile-nav-btn .lines:before, .mobile-nav-btn .lines:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: top .3s .6s ease,-webkit-transform .3s ease;
        transition: top .3s .6s ease,transform .3s ease; }
  
  @media (max-width: 1180px) {
    .mobile-nav-btn {
      display: block; } }
 .app-container {
     width: 100%;
     overflow: hidden;
     position: relative;
     left: 0;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     -o-transition: 0.6s;
     transition: 0.6s;
}
 .app-container.active {
     left: -80%;
}
 #searchform label {
     margin-bottom: 6px;
     display: block;
}
 #searchform input {
     margin-bottom: 20px;
}
 .slick-slider {
     position: relative;
     overflow: hidden;
     display: block;
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .grey-dots {
     overflow: visible;
}
 .grey-dots .slick-dots {
     z-index: 1;
     left: 0;
}
 .grey-dots .slick-dots .slick-active button {
     background: #fbf9f9;
}
 .grey-dots .slick-dots li button {
     background: rgba(255, 255, 255, 0.5);
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block;
}
 .slick-track:before {
     content: "";
     display: table;
}
 .slick-track:after {
     content: "";
     display: table;
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     float: left;
     min-height: 1px;
     display: none;
}
 [dir="rtl"] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
/* Slider */
/* Icons */
 @font-face {
     font-family: "FontAwesome";
     font-weight: normal;
     font-style: normal;
}
/* Arrows */
 .slick-prev, .slick-next {
     position: absolute;
     display: block;
     height: 40px;
     width: 40px;
     line-height: 0px;
     font-size: 0px;
     cursor: pointer;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     padding: 0;
     border: none;
     outline: none;
}
 .slick-prev:hover, .slick-prev:focus {
     outline: none;
     background: transparent;
     color: transparent;
}
 .slick-next:hover, .slick-next:focus {
     outline: none;
     background: transparent;
     color: transparent;
}
 .slick-prev:hover:before, .slick-prev:focus:before {
     opacity: 1;
}
 .slick-next:hover:before, .slick-next:focus:before {
     opacity: 1;
}
 .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
     opacity: 0.25;
}
 .slick-prev:before, .slick-next:before {
     font-family: "FontAwesome";
     font-size: 20px;
     line-height: 1;
     color: #ffffff;
     opacity: 0.75;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .slick-prev {
     left: -25px;
}
 [dir="rtl"] .slick-prev {
     left: auto;
     right: -25px;
}
 .slick-prev:before {
     content: "\f104";
}
 [dir="rtl"] .slick-prev:before {
     content: "\f104";
}
 .slick-next {
     right: -25px;
}
 [dir="rtl"] .slick-next {
     left: -25px;
     right: auto;
}
 .slick-next:before {
     content: "\f105";
}
 [dir="rtl"] .slick-next:before {
     content: "\f105";
}
/* Dots */
 .slick-dots {
     position: absolute;
     bottom: -35px;
     list-style: none;
     display: block;
     text-align: left;
     padding: 0;
     margin: 0;
     left: 20% !important;
     width: 100%;
}
 @media (max-width: 480px) {
     .slick-dots {
         bottom: 0;
         left: 0 !important;
         text-align: center;
    }
}
 .\--big-dot .slick-dots {
     bottom: -40px;
}
 .\--xbig-dot .slick-dots {
     bottom: -60px;
}
 .\--small-dot .slick-dots {
     bottom: 10px;
}
 .\--xsmall-dot .slick-dots {
     bottom: 40px;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     height: 20px;
     width: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     border: 0;
     background: transparent;
     display: block;
     height: 20px;
     width: 20px;
     outline: none;
     line-height: 0px;
     font-size: 0px;
     color: transparent;
     padding: 5px;
     cursor: pointer;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
     outline: none;
}
 .slick-dots li button:hover:before, .slick-dots li button:focus:before {
     opacity: 1;
}
 .slick-dots li button:before {
     position: absolute;
     top: 0;
     left: 0;
     content: "ΓÇó";
     width: 20px;
     height: 20px;
     font-family: "FontAwesome";
     font-size: 6px;
     line-height: 20px;
     text-align: center;
     color: black;
     opacity: 0.25;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .slick-dots li.slick-active button:before {
     color: black;
     opacity: 0.75;
}
 .slick-dots .slick-active button {
     background: #87bc48;
}
 .slick-dots li {
     height: auto;
     width: auto;
}
 .slick-dots li button {
     border-radius: 50%;
     width: 10px;
     height: 10px;
     background: #c1c1c1;
     border: 0px solid #858585;
     margin: 0;
     padding: 0;
}
 .slick-dots li button:before {
     display: none;
}
 .dots-n-arrow {
     overflow: visible;
}
 .dots-n-arrow .slick-dots {
     z-index: 1;
     left: 0;
}
 .dots-n-arrow .slick-dots .slick-active button {
     background: #87bc48;
}
 .dots-n-arrow .slick-dots li button {
     background: #cccccc;
}
 .dots-n-arrow .slick-next {
    /* right: 0px;
     */
     background: #ffffff;
     width: 100px;
     left: 0px;
     margin: 0 auto;
     bottom: 0;
     /*z-index: 1;*/
      z-index: 0;
     height: 100px;
     border-radius: 50%;
     transform: translate(-375px, -200px);
     transition: 0.4s;
}
 .dots-n-arrow .slick-next:hover {
     background: #196eca;
}
 .dots-n-arrow .slick-next:hover:before {
     color: #ffffff;
}

 @media (max-width: 767px) {
     .dots-n-arrow .slick-next {
         transform: translate(-218px, -120px);
         left: 70px;
         background: #ffffff;
    }
}
 @media (max-width: 320px) {
     .dots-n-arrow .slick-next {
         transform: translate(-158px, -120px);
    }
}
 .dots-n-arrow .slick-prev {
     left: 0;
     background: #ffffff;
     width: 100px;
     right: -730px;
     margin: 0 auto;
     bottom: 0;
     z-index: 1;
     height: 100px;
     border-radius: 50%;
     transform: translate(0px, -200px);
     transition: 0.4s;
}
 @media (max-width: 767px) {
    .dots-n-arrow .slick-prev {
        right: -70px;
        transform: translate(0px, -120px);
        left: auto;
    }
}
 @media (max-width: 320px) {
     .dots-n-arrow .slick-prev {
        /*right: 30%;
         */
         right: -115%;
    }
}
 .dots-n-arrow .slick-prev:hover {
     background: #196eca;
}
 .dots-n-arrow .slick-prev:hover:before {
     color: #ffffff;
}
 .dots-n-arrow .slick-prev:before, .dots-n-arrow .slick-next:before {
     font-size: 24px;
}
 .dots-n-arrow .slick-next:before {
     content: "\f0a8";
     color: #196eca;
     left: 20px;
     position: relative;
}
 .dots-n-arrow .slick-prev:before {
     content: "\f0a9";
     color: #196eca;
     left: -20px;
     position: relative;
}
 .dots-n-arrow-2 {
     overflow: visible;
}
 .dots-n-arrow-2 .slick-dots {
     z-index: 1;
     left: 0;
}
 .dots-n-arrow-2 .slick-dots .slick-active button {
     background: #87bc48;
}
 .dots-n-arrow-2 .slick-dots li button {
     background: #cccccc;
}
 .dots-n-arrow-2 .slick-next {
     width: 100px;
     left: 94.3%;
     margin: 0 auto;
     bottom: 0;
     z-index: 1;
     height: 100px;
     border-radius: 50%;
     transform: translate(0px, -288px);
     transition: 0.4s;
     background: linear-gradient(-90deg, #87bc48 50%, transparent 50%);
}
 @media (max-width: 767px) {
     .dots-n-arrow-2 .slick-next {
         left: auto;
    }
}
 .dots-n-arrow-2 .slick-prev {
     width: 100px;
     left: -34px;
     margin: 0 auto;
     bottom: 0;
     z-index: 1;
     height: 100px;
     border-radius: 50%;
     transform: translate(0px, -288px);
     transition: 0.4s;
     background: linear-gradient(90deg, #87bc48 50%, transparent 50%);
}
 .dots-n-arrow-2 .slick-prev:before, .dots-n-arrow-2 .slick-next:before {
     font-size: 40px;
}
 .dots-n-arrow-2 .slick-next:before {
     content: "\f105";
     position: relative;
     left: 25px;
     top: -4px;
}
 .dots-n-arrow-2 .slick-prev:before {
     content: "\f104";
     position: relative;
     left: -22px;
}
 @media (max-width: 767px) {
     .dots-n-arrow-2 button {
         /* display: none !important; */
    }
}
 .btn {
     padding: 8px 34px;
     display: inline-block;
     text-align: center;
     position: relative;
     letter-spacing: 1px;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     border-radius: 4px;
     cursor: pointer;
}
 .btn.\--large {
     padding: 25px 45px;
}
 .btn.\--medium {
     padding: 14px 44px;
}
 .btn.btn-primary {
     background-color: #87bc48;
     color: #ffffff;
}
 .btn.btn-primary:hover {
     background-color: rgba(135, 188, 72, 0.9);
}
 .btn.btn-primary.\--outline {
     background: none;
     color: #87bc48;
     border: 2px solid #87bc48;
}
 .btn.btn-primary.\--outline:hover {
     background: #87bc48;
     color: #ffffff;
}
 .btn.btn-secondary {
     background-color: #196eca;
     color: #ffffff;
     border-radius: 50px;
     border: 1px solid #ffffff;
}
 .btn.btn-secondary:hover {
     background-color: rgba(25, 110, 202, 0.9);
}
 .btn.btn-secondary.\--outline {
     background: none;
     border: 2px solid #196eca;
}

 @media (max-width: 768px) {
     header .ph .logo {
         max-width: 220px;
         padding: 14px 0;
    }
}
 header .ph .social-icons li {
     padding-left: 20px;
     font-size: 18px;
}
 header .ph nav.pn ul li {
     float: left;
     font-weight: 700;
}
 header .ph nav.pn ul li:hover a{
     color:#196eca;
}
 header .ph nav.pn ul li:hover a:before, header .ph nav.pn ul li.current-menu-item a:before {
     display: block;
    /*width: 100%;
     */
}
 @media (max-width: 1200px) {
     header .ph nav.pn ul li:hover a:before, header .ph nav.pn ul li.current-menu-item a:before {
         display: none;
    }
}
 header .ph nav.pn ul li a {
     color: #ffffff;
     font-family: "Montserrat", sans-serif;
     font-size: 10px;
     position: relative;
     padding: 20px 12px;
     display: block;
     text-transform: uppercase;
     font-weight: 400;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 header .ph nav.pn ul li a:before {
     position: absolute;
     left: 0;
     right: auto;
     margin: auto;
     content: '';
     width: 1px;
     height: 13px;
     background: #ffffff;
     top: auto;
     bottom: auto;
}
 header .ph nav.pn ul li a.current {
     font-weight: bold;
}
 header .ph nav.pn ul li:first-child a:before {
     display: none;
}
 header .ph nav.pn ul li.menu-item-has-children {
     position: relative;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu {
     top: 0%;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     position: absolute;
     background: #196eca;
     width: 160px;
     left: 0;
     margin-top: 10px;
     left: 0px;
     display: none;
     z-index: 1111;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li {
     display: block;
     padding: 2px 10px;
     text-transform: capitalize;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li.first {
     padding-top: 16px;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li.last {
     padding-bottom: 16px;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li:hover a {
     color: #87bc48;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li a {
    /*padding: 3px 9px;
    */
    /*display: block;
    */
    /*font-size: 9px;
    */
    /*color: #fbf9f9;
    */
    /*margin-bottom: 4px;
     */
    /****/
     padding: 3px 4px;
     display: block;
     font-size: 10px;
     color: #fbf9f9;
     margin-bottom: 4px;
     font-weight: 400;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu li a:before {
     display: none;
}
 header .ph nav.pn ul li.menu-item-has-children .sub-menu:before {
     /*content: "";*/
     position: absolute;
     top: 0;
     left: 50%;
     border-top: 10px solid transparent;
     border-bottom: 10px solid #196eca;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     transform: translate(-50%, -19px);
}
 header .ph nav.pn ul li.menu-item-has-children:hover .sub-menu {
     top: 81%;
     display: block;
}
/* header .ph nav.pn ul li.first a {*/
/*     font-weight: bold;*/
/*}*/
 #top-bar {
     position: relative;
}
 #top-bar:before {
     content: "";
     background: #196eca;
     position: absolute;
     right: 0;
     width: 26%;
     height: 100%;
     top: 0;
}
 @media (max-width: 1920px) {
     #top-bar:before {
         width: 32%;
    }
}
 @media (max-width: 1680px) {
     #top-bar:before {
         width: 29%;
    }
}
 @media (max-width: 1440px) {
     #top-bar:before {
         width: 25%;
    }
}
 @media (max-width: 1200px) {
     #top-bar:before {
         width: 20%;
    }
}
 @media (max-width: 1024px) {
     #top-bar:before {
         width: 25%;
    }
}
 #top-bar .logo-img {
     margin-top: 10px;
     margin-bottom: 10px;
}
/*#top-bar .top-search i {
    */
    /* color: #196eca;
    */
    /* font-size: 21px;
    */
    /* position: relative;
    */
    /* bottom: -8px;
    */
    /* left: -20px;
    */
    /*
}
*/
 #top-bar .top-search i {
     color: #196eca;
     font-size: 21px;
     position: absolute;
     bottom: 3px;
     left: -30px;
     top: auto;
}
/* @media (max-width: 1024px) {*/
/*     #top-bar .top-search i {*/
/*         bottom: -30px;*/
/*         left: -35px;*/
/*    }*/
/*}*/
 #top-bar .top-search input {
     font-size: 15px;
     font-weight: 400;
     font-family: "Montserrat", sans-serif;
     padding-top: 7px;
     padding-bottom: 8px;
     padding-left: 30px;
     border: none;
     border-bottom: 1px solid #6e6e6e;
     background: transparent;
}
 #top-bar .right-links {
     text-align: right;
}
 #top-bar .right-links ul li {
     display: inline-block;
     margin-right: 20px;
}
 #top-bar .right-links ul li.cart {
     position: relative;
}
 #top-bar .right-links ul li.cart i {
     font-size: 21px;
     color: #ffffff;
}
 #top-bar .right-links ul li.cart .badge {
     font-size: 8px;
     color: #87bc48;
     background: #ffffff;
     border-radius: 50px;
     padding: 4px 6px;
     text-align: center;
     position: relative;
     top: -15px;
     left: -10px;
}
 #top-bar .right-links ul li.account-link {
     position: relative;
}
 #top-bar .right-links ul li.account-link a {
     font-size: 15px;
     font-weight: bold;
     color: #ffffff;
}
 #top-bar .right-links ul li.account-link:after {
     content: "\f078";
     font-family: "font-icons";
     right: -22px;
     position: absolute;
     top: 0;
}
 @media (min-width: 992px) {
     header.ph .logo {
         margin: 10px 0;
    }
}
 @media (max-width: 1100px) {
     header.ph nav.pn li a {
         padding: 25px 16px;
    }
}
 footer 
 {
     color:#ffffff !important;
     background: #196ECA;
     padding-top: 5px;
}
 @media (max-width: 768px) {
     footer {
         padding-top: 0;
    }
}
 footer .title {
     font-size: 22px;
     font-family: Impact;
}
 footer .footer-lists {
     margin-top: 55px;
}
 footer .footer-lists li a {
     font-size: 14px;
     font-weight: 400;
     color: #ffffff;
     line-height: 2;
     transition: 0.4s;
}
 footer .footer-lists li i {
     margin-right: 10px;
}
 footer .footer-lists li span {
     margin-left: 23px;
}
 footer .footer-lists li:hover a {
     color: #fda23e;
}
 footer .view-more-link {
     margin-top: 30px;
}
 footer .view-more-link a {
     font-size: 15px;
}
 footer .view-more-link a i {
     margin-left: 10px;
}
 footer .payment-sec ul li {
     float: left;
     margin-right: 30px;
}
 @media (max-width: 768px) {
     footer .payment-sec ul li {
         width: 20%;
         margin-bottom: 18px;
         display: inline-block;
         margin: 0;
         text-align: center;
         padding: 0 5px;
    }
     footer .payment-sec ul li img {
         margin: auto;
    }
}
 footer .copyright p {
     font-size: 15px;
}
 footer .social-links {
     margin-top: 62px;
}
 footer .social-links ul li {
     float: left;
     margin-right: 15px;
}
 footer .policy-links ul {
     float: right;
}
 footer .policy-links ul li {
     position: relative;
     float: left;
     margin: 0px 25px;
}
 footer .policy-links ul li a {
     font-size: 15px;
     color: #ffffff;
     transition: 0.4s;
}
 @media (max-width: 768px) {
     footer .policy-links ul li a {
         font-size: 12px;
    }
}
 footer .policy-links ul li:nth-child(1):before {
     content: "";
     height: 13px;
     width: 1px;
     position: absolute;
     top: 5px;
     right: -26px;
     background: #fff;
}
 footer .policy-links ul li:hover a {
     color: #fda23e;
}
 @media (max-width: 768px) {
     footer .policy-links ul li {
         margin: 0px 0px !important;
         margin-right: 25px !important;
    }
}
 .top-line {
     border-top: 1px solid white;
     margin-top: 25px;
}
 form.news-letter input[type=text], form.news-letter input[type=email] {
     background-color: transparent;
     border-radius: 50px;
     margin-bottom: 20px;
}
 form.contact-form input[type=text], form.contact-form input[type=email], form.contact-form textarea {
     background: #F0F0F0;
     border: none;
     margin-bottom: 30px;
}
 @media (max-width: 480px) {
     form.contact-form input[type=text], form.contact-form input[type=email], form.contact-form textarea {
         margin-bottom: 0px;
    }
}
 form.contact-form input[type=submit] {
     border-radius: 0px;
}

 form input[type=submit] {
     padding: 10px 34px;
     display: inline-block;
     text-align: center;
     position: relative;
     letter-spacing: 1px;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     border-radius: 30px;
     cursor: pointer;
     font-weight: 600;
     font-size: 16px;
     border: 2px solid white;
     line-height: 1;
     background-color: #87bc48;
     color: #ffffff;
}
 form textarea {
     width: 100%;
     min-height: 120px;
}
 form .wpcf7-not-valid-tip {
     position: absolute;
     top: 0px;
     right: 10px;
     z-index: 1;
}
 form .header-form .wpcf7-form-control-wrap {
     width: 20%;
     float: left;
     padding: 0 4px;
}
 @media (max-width: 991px) {
     form .header-form .wpcf7-form-control-wrap {
         width: 100%;
         margin-bottom: 10px;
    }
}
 form .header-form input[type=submit] {
     display: block;
     margin: 0 auto;
     width: 100%;
}
 form .contact-form [class^="col-sm-"] {
     margin-bottom: 20px;
}
 .wpcf7-form.invalid {
     position: relative;
     overflow: hidden;
     clear: both;
     display: block;
}
 .wpcf7-form.invalid .wpcf7-validation-errors {
     position: relative;
     display: block;
     clear: both;
     overflow: hidden;
}
 .box.cat-box .title {
     font-size: 40px;
     font-weight: 400;
     font-family: "Impact";
     color: #ffffff;
}
 .box.cat-box .sub-title {
     text-transform: uppercase;
     color: #ffffff;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 3px;
     font-family: "Montserrat", sans-serif;
}
 .box.cat-box img {
     margin-bottom: 10px;
}
 .box.cat-box.box1 {
     display: flex;
     align-items: flex-end;
     padding-top: 160px;
     padding-bottom: 15px;     
}
 .box.cat-box.box2 {
     display: flex;
     align-items: flex-end;
     padding-top: 74px;
     padding-bottom: 15px;
}
 .box.cat-box.box3 {
     display: flex;
     align-items: flex-end;
     padding-top: 186px;
     padding-bottom: 15px;
     position: relative;
     bottom: 26px;
}
 @media (max-width: 767px) {
     .box.cat-box {
         width: 100%;
         height: 120px !important;
         background-size: cover !important;
         background-position: center bottom !important;
         padding-top: 10px !important;
         display: block !important;
         margin-bottom: 20px !important;
         padding-bottom: 10px !important;
         overflow: hidden;
         box-sizing: border-box;
         position: relative;
         top: 0;
    }
}
 .box.product-box {
     position: relative;
     overflow: hidden;
     margin-bottom: 10px;
}
@media (min-width: 812px) and (max-width: 823px) and (orientation: landscape) {
#top-bar .top-search input {
      width: 140px;
}
}

 @media (max-width: 768px) {
     .box.product-box {
         margin-bottom: 35px;
    }
}
 .box.product-box .product-img {
     height:425px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 25px;
}
 .box.product-box .product-price {
     width: 200px;
     height: 115px;
     background: #fda23e;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 0px 0px 50% 50%;
     margin: 0 auto;
     position: absolute;
     top: -20%;
     transform: translate(0px, -50px);
     left: 0;
     right: 0;
     transition: .4s all;
}
 .box.product-box .product-price .price {
     font-family: "Impact";
     font-size: 20px;
     text-align: center;
     color: #fff;
     margin-top: 54px;
}
 .box.product-box .product-title {
     font-size: 14px;
     color: #5f5f5f;
     float: left;
     margin-bottom: 20px;
     display: block !important;
     width: 100%;
     position: relative;
}
 @media (max-width: 640px) {
.newsletter-img-sec {
    display: none !important;
}
.banner-sec .d-table {
    display: unset !important;
}
    .banner-sec .banner-content {
        padding-top: 250px !important;
    }
    .custom-height {
    height: 140px !important;
    }
    .box.cat-box .sub-title {
    
    margin-top: 24px;
    }
    .cat-box img {
    
    right: 30px;
    bottom: -70px;
    }
    .product-content {
    height: 50px;
}


}
 @media (max-width: 460px) {
     .box.product-box .product-title {
         font-size: 14px;
    }
}
 .box.product-box .product-title .add-icon {
     position: absolute;
     top: 0;
     right: 4px;
}
 .box.product-box .product-title .add-icon i {
     color: #87bc48;
}
 .box.product-box .tag {
     font-size: 12px;
     text-decoration: underline;
}
 .box.product-box:hover .product-price {
     top: -13;
}
 .box.product-box.active .product-price {
     top: -13;
}
 .custom-height {
     height: 250px;
}
 @media (max-width: 767px) {
     .custom-height {
         height: auto;
    }
}
 section.main-categories {
     position: relative;
     top: -100px;
}
 @media (max-width: 767px) {
     section.main-categories {
         top: 0px;
    }
}
 #back-to-top-btn {
     position: absolute;
     top: -400px;
     right: 14px;
     transition: background-color .3s, opacity .5s, visibility .5s;
     opacity: 0;
     visibility: hidden;
     z-index: 1000;
     cursor: pointer;
}
 #back-to-top-btn.show {
     opacity: 1;
     visibility: visible;
}
 @media (max-width: 768px) {
     #back-to-top-btn {
         bottom: 0;
         right: 0;
         width: 26%;
         display: none;
    }
}
 .centered-itmes {
     display: flex;
     align-items: center;
}
 .hr {
     width: 105px;
     background-color: #ffffff;
     height: 2px;
     margin-top: 15px;
	 
}	
 .hr-blue {
     background-color: #196ECA;
     height: 1px;
	 width: 80%;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative;
	 bottom: 0;

}
 .products-cat-sec .side-bar {
     background-color: #ffffff;
     padding: 50px 35px;
     box-shadow: 0 0 72px 0px #f1f1f1;
}
 .products-cat-sec .side-bar .title {
     font-family: "Impact";
     font-size: 25px;
     color: #196eca;
     padding-bottom: 8px;
     margin-bottom: 10px;
     font-weight:500;
     position: relative;
}
 @media (max-width: 768px) {
     .products-cat-sec .side-bar .title {
         font-size: 25px;
    }
}
 .products-cat-sec .side-bar .title:before {
     content: "";
     background: #196eca;
     width: 102px;
     height: 2px;
     position: absolute;
     left: 0;
     bottom: 0;
}
 .products-cat-sec .side-bar ul li a {
     font-size: 18px;
     display: block;
     padding: 18px 0px;
     border-bottom: 2px dotted #87bc48;
     color: #6e6e6e;
     transition: 0.4s;
     font-weight:500;
}
 .products-cat-sec .side-bar ul li a:hover {
     color: #196eca;
}
 .products-cat-sec .side-bar .view-link {
     padding: 20px 0;
     display: inline-flex;
     padding-bottom: 0px !important;
}
 .products-cat-sec .side-bar .view-link a {
     font-size: 16px;
     font-weight: bold;
     color: #87bc48;
}
 .products-cat-sec .side-bar .view-link img {
     height: 16px;
     width: 16px;
     margin-left: 15px;
     margin-top: 4px;
}
 .products-cat-sec .side-bar .red-ribbin-img {
     position: absolute;
     top: 70px;
     right: -30px;
}
 .products-cat-sec .side-bar .right-small-img {
     position: absolute;
     right: 50px;
     bottom: -60px;
     width: 20%;
}
.deal-area{
    background-color: #8DC03B;
    padding: 18px 40px;
    text-align: center;
        margin-top: 25px;
}
.deal-area .inner-content .sub-title {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 3px;
    margin: 0px !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}
.deal-area .right-sec .deal-pro-title {
    font-size: 14px;
    color: #fff;
}
.deal-area .right-sec .btn-icon{
        margin-top: 5px !important;
}
.center-aligned{
    height: 190px;
}
 .slider-sec {
     overflow: hidden;
     z-index:0;
     position:relative;
}
 .slider-sec .deal-banner {
     margin-top: 15px;
}
 .blue-strip-balloon {
     position: absolute;
     top: -55px;
     right: -75px;
}
 .green-ribbin-img {
     position: absolute;
     top: 80px;
     right: -90px;
}
 .marge-balloon {
     position: absolute;
     bottom: -110px;
     left: -35px;
}
 .all-products {    
     padding-bottom: 0px!important;
}
 @media (max-width: 640px) {
    /*.all-products {
        */
        /* background-image: unset;
    }
    */
}
 .all-products .title {
     font-size: 67px;
     font-family: "Impact";
     color: #196eca;
     text-align: center;
}
 @media (max-width: 460px) {
     .all-products .title {
         font-size: 40px;
    }
	}
 .all-products .title2 {
     font-size: 67px;
     font-family: "Impact";
     color: #FFFFFF;
     text-align: center;
}
 @media (max-width: 460px) {
     .all-products .title2 {
         font-size: 40px;
    }

}
 .all-products .sub-title {
     font-size: 18px;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 2px;
     text-align: center;
     margin-bottom: 96px;
}
 @media (max-width: 460px) {
     .all-products .sub-title {
         font-size: 15px;
         margin-bottom: 36px;
    }
}
 .all-products .full-red-ribbin, .all-products .p-green-ribbin-img, .all-products .p-blue-strip-balloon, .all-products .half-red-ribbin-img, .all-products .blue-ribbin-img, .all-products .p-green-ribbin-img2, .all-products .p-orange-balloon-img, .all-products .p-blur-red-balloon-img {
     position: absolute;
}
 @media (max-width: 767px) {
     .all-products .full-red-ribbin, .all-products .p-green-ribbin-img, .all-products .p-blue-strip-balloon, .all-products .half-red-ribbin-img, .all-products .blue-ribbin-img, .all-products .p-green-ribbin-img2, .all-products .p-orange-balloon-img, .all-products .p-blur-red-balloon-img {
         display: none;
    }
}
 .all-products .full-red-ribbin {
     right: 28%;
     top: 3%;
}
 .all-products .p-green-ribbin-img {
     left: 50%;
     top: 26%;
     transform: translateX(-50%);
}
 .all-products .p-blue-strip-balloon {
     left: 9.7%;
     top: 48%;
     transform: rotate(-35deg);
}
 .all-products .half-red-ribbin-img {
     left: 37%;
     top: 46.4%;
}
 .all-products .blue-ribbin-img {
     right: 20%;
     bottom: 19%;
}
 .all-products .p-green-ribbin-img2 {
     left: 10%;
     bottom: 6%;
}
 .all-products .p-orange-balloon-img {
     left: 50%;
     bottom: 10px;
     transform: translateX(-50%) scale(0.8);
}
 .all-products .p-blur-red-balloon-img {
     right: 0;
     top: 50%;
}
 .view-link {
     font-size: 16px;
     font-weight: bold;
}
 .view-link a {
     color: #87bc48;
}
 .view-link .right-icon {
     display: inline-block;
     margin-left: 15px;
}
 .cta-sec {
     position: relative;
}
 .cta-sec .cta-box {
     padding: 40px;

}
 @media (max-width: 768px) {
     .cta-sec .cta-box {
         text-align: center;
         margin-bottom: 20px;
    }
}
 @media (max-width: 460px) {
     .cta-sec .cta-box {
         padding: 30px;
    }
}
 .cta-sec .cta-box .details .sub-title {
     font-size: 15px;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     letter-spacing: 3px;
     margin: 0px !important;
     text-align: left !important;
}
 @media (max-width: 768px) {
     .cta-sec .cta-box .details .sub-title {
         text-align: center !important;
         margin-top: 10px !important;
    }
}
 .cta-sec .cta-box .details .title {
     font-size: 44px;
     font-family: "Impact";
     color: #ffffff;
}
 @media (max-width: 460px) {
     .cta-sec .cta-box .details .title {
         font-size: 24px;
    }
}
 .cta-sec .cta-box .details .disc {
     font-size: 15px;
     color: #fff;
}

 @media (max-width: 1199px) {

 .cta-sec .save-box {
	 padding: 23px 27px 22px 27px!important;
}
.cta-sec .save-box .title2 {
    font-size: 57px!important;
    }
}
.cta-sec .save-box 
{
    height: 250px;
}
 @media (max-width: 460px) {
     .cta-sec .cta-box .details .disc {
         font-size: 12px;
         margin-top: 6px;
    }
}
 .cta-sec .save-box {    
     text-align: center;
	 height: 100%;
	 padding:27px;
}
 .cta-sec .save-box .sub-title {
     font-size: 15px;
     text-transform: uppercase;
     font-weight: bold;
     color: #ffffff;
     letter-spacing: 3px;
     margin: 0px !important;
}
 .cta-sec .save-box img {
     margin: 0 auto;
}
 .cta-sec .save-box img.img-size {
     width: 130px;
     margin-top: 10px !important;
}
 .btn-icon {
     display: inline-flex;
     margin-top: 25px;
}
 .btn-icon a {
     font-weight: bold;
     color: #ffffff;
     font-size: 15px;
}
 .btn-icon span {
     margin-left: 15px;
     width: 16px;
     height: 16px;
     margin-top: 3px;
}
 .top-selling-sec   
 {
     position: relative;
     padding-top: 50px!important;
}
 @media (max-width: 640px) {
    /*.top-selling-sec {
        */
        /* background-image: unset;
    }
    */

}
 .top-selling-sec .products-slider {
     position: relative;
}
 .top-selling-sec .title {
     font-size: 67px;
     font-family: "Impact";
     color: #196eca;
     text-align: center;
}
 @media (max-width: 768px) {
     .top-selling-sec .title {
         font-size: 40px;
    }
}
 .top-selling-sec .sub-title {
     font-size: 18px;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 2px;
     text-align: center;
     margin-bottom: 0px;
}
 .top-selling-sec .top-selling-small-img {
     position: absolute;
     bottom: -60px;
     left: 64px;
}
 @media (max-width: 767px) {
     .top-selling-sec .top-selling-small-img {
         display: none;
    }
}
 .top-selling-sec .full-red-blur-ribbin, .top-selling-sec .red-curly-ribbin {
     position: absolute;
}
 @media (max-width: 767px) {
     .top-selling-sec .full-red-blur-ribbin, .top-selling-sec .red-curly-ribbin {
         display: none;
    }
}
 .top-selling-sec .full-red-blur-ribbin {
     right: 10%;
     top: 10%;
}
 .top-selling-sec .red-curly-ribbin {
     top: 29%;
     left: 36%;
}
 .newsletter {
     position: relative;
}
 .newsletter .title {
     font-size: 68px;
     font-family: "Impact";
     color: #196eca;
}
 @media (max-width: 460px) {
     .newsletter .title {
         font-size: 22px;
         margin-bottom: 10px;
         margin-top: 10px;
    }
}
 .newsletter .sub-title {
     font-size: 18px;
     font-weight: bold;
     text-transform:uppercase;
     color: #231f20;
}
 .newsletter .dics {
     font-size: 15px;
     color: #231f20;
     font-weight: 500;
}
 .newsletter .subscribe-sec .subs-box {
     position: relative;
     margin-top: 90px;
     margin-bottom: 35px;
}
 @media (max-width: 460px) {
     .newsletter .subscribe-sec .subs-box {
         margin-top: 25px;
         margin-bottom: 25px;
    }
}
 .newsletter .subscribe-sec .subs-box i {
     position: relative;
     top: 12px;
}
 .newsletter .subscribe-sec .subs-box .btn-link {
     position: relative;
     top: 12px;
     text-transform:uppercase;
}
 .newsletter .subscribe-sec .subs-box .btn-link i {
     position: relative;
     top: 0;
     margin-left: 10px;
}
 .newsletter .subscribe-sec .subs-box input {
     width: 75%;
     margin-left: 10px;
     margin-right: 10px;
     border: 0;
     border-bottom: 1px solid #196eca;
     padding: 10px;
}
 .newsletter .subscribe-sec .subs-box .subs-box-small-img {
     position: absolute;
     top: 0;
     right: 0;
     transform: translate(-200px, -60px);
}
 .newsletter .subscribe-sec .subs-box .subs-box-small-img img {
     width: 70%;
}
 .newsletter .subscribe-sec .dis {
     font-size: 10px;
     color: #747474;
     font-weight: 500;
}
 .newsletter .newsletter-img-sec {
     position: absolute;
     right: 140px;
     width: 32%;
     top: 32px;
}
 @media (max-width: 1680px) {
     .newsletter .newsletter-img-sec {
         width: 28%;
    }
}
 @media (max-width: 768px) {
     .newsletter .newsletter-img-sec {
         display: none;
    }
}
 @media (max-width: 768px) {
     .mobile-nav .menu-item-has-children:hover .sub-menu {
         display: block;
    }
     .mobile-nav nav li.menu-item-has-children > a:before {
         /* display: none; */
    }
}
 @media (max-width: 460px) {
     .cta-sec .cta-box img {
         margin: 0 auto;
         width: 50%;
    }
}

 @media (max-width: 768px) {
     .res-cover {
         background-position: 100% !important;
         background-size: cover !important;
    }
}
 .hero-banner {
     width: 100%;
     height: 400px;
     position: relative;
     background-size: cover;
     background-color: #87bc48;
     background-position: center;
}
 .hero-banner.inside-banner {
     height: 50vh;
     max-height: 650px;
}
 @media (max-width: 767px) {
     .hero-banner.inside-banner {
         height: 200px;
    }
}
 .hero-banner.section-banner {
     height: 270px;
}
 .hero-banner.main-slider {
     height: 490px;
}
 @media (max-width: 767px) {
     .hero-banner.main-slider {
         max-height: 350px;
         text-align:center;
    }
}
 .hero-banner.main-slider:before {
     background: rgba(0, 0, 0, 0.3);
}
 .hero-banner .banner-content {
     position: relative;
     z-index: 1;
     padding-left: 44px;
}
 .hero-banner .banner-content .sub-title {
     font-size: 15px;
     letter-spacing: 3px;
     color: #000000;
     font-weight: bold;
}
 .hero-banner .banner-content .title {
     font-size: 40px;
     font-family: "Impact";
     color: #196eca;
}
 .hero-banner .banner-content .left-text {
     font-size: 15px;
     letter-spacing: 3px;
     color: #000000;
     font-weight: bold;
     margin-right: 45px;
}
 .hero-banner .banner-content .shop-btn {
     display: inline-flex;
}
 .hero-banner .banner-content .shop-btn a {
     font-size: 16px;
     font-weight: bold;
     color: #196eca;
}
 .hero-banner .banner-content .shop-btn img {
     height: 16px;
     width: 16px;
     margin-top: 3px;
     margin-left: 14px;
}
 .banner-sec {
     height: 820px;
}
 @media (max-width: 1024px) {
     .banner-sec {
         /*height: 100vh;*/
         height:840px;
    }
    
}
 @media (max-width: 767px) {
     .banner-sec {
         height: 1000px !important;
         background-size: contain;
         background-position: center bottom;
         min-height: 600px;
    }
}
 .banner-sec .banner-content .sub-title {
     font-size: 20px;
     color: #000000;
     font-weight: bold;
     font-family: "Montserrat", sans-serif;
     text-transform: uppercase;
}
 .banner-sec .banner-content .title {
     font-family: "Impact";
     color: #196eca;
     font-size: 100px;
     line-height: 1;
}
 @media (max-width: 767px) {
     .banner-sec .banner-content .title {
         font-size: 60px;
    }
}
 .banner-sec .banner-content .disc {
     font-family: "Montserrat", sans-serif;
     font-size: 17px;
     font-weight: 400;
     margin-top: 35px;
}
 @media (max-width: 767px) {
     .banner-sec .banner-content {
         text-align: center;
         padding-top: 220px;
    }
}
 .banner-sec .banner-img-sec {
     position: absolute;
     top: 50px;
     width: 580px;
     right: 80px;
}
/* @media (max-width: 1024px) {*/
/*     .banner-sec .banner-img-sec {*/
/*         top: 154px;*/
/*         width: 420px;*/
/*    }*/
/*    .banner-sec .banner-content .title{*/
/*        font-size: 70px;*/
/*    }*/
/*    .banner-sec .banner-content .sub-title {*/
/*        font-size: 16px;*/
/*    }*/
/*    .banner-sec .banner-content .disc{*/
/*        font-size:13px;*/
/*    }*/
/*}*/
 @media (max-width: 768px) {
     #top-bar .logo-img{
         margin: 10px auto;
    }
     .banner-sec .banner-img-sec {
         top: 0;
         max-width: 70%;
         right: 0;
         margin: auto;
         left: 0;
    }
}
 .banner-sec .left-small-img {
     position: absolute;
     bottom: 15%;
     left: -5%;
}
 .banner-sec .right-small-img {
     position: absolute;
     bottom: 15%;
     right: -10%;
}
 @media (max-width: 320px) {
     .banner-sec {
         height: 80vh;
    }
}
 .slide {
     position: relative;
}
 .slide:before {
     content: "";
     background: linear-gradient(-90deg, rgba(255, 255, 255, 0.5) 50%, transparent 50%);
     height: 600px;
     width: 100%;
     position: absolute;
     top: -50px;
     left: -50%;
     z-index: 1;
     border-radius: 540px;
     overflow: hidden;
}
 .shop-now-btn {
    /*text-align: right;
    */
    /*margin-top: 214px;
    */
    /*position:relative;
    */
    /*z-index:2;
    */
     display:none;
}
 .sticky{
     position:fixed;
     top:0;
     left:0;
     width:100%;
}
 @media (max-width: 1920px){
     .newsletter .newsletter-img-sec{
         width: 26%;
         top: 0;
    }
}
 @media (max-width: 1680px){
     .newsletter .newsletter-img-sec{
         width: 26%;
         top: 0;
    }
}
 @media (max-width: 1440px){
     .newsletter .newsletter-img-sec {
         width: 30%;
         top: 60px;
    }
}
 @media (max-width: 1024px) {
        .banner-sec .banner-img-sec {
         top: 154px;
         width: 420px;
    }
    .banner-sec .banner-content .title{
        font-size: 70px;
    }
    .banner-sec .banner-content .sub-title {
        font-size: 16px;
    }
    .banner-sec .banner-content .disc{
        font-size:13px;
    }
     .shop-now-btn {
         margin-top: 300px;
    }
    .banner-content {
        padding-left: 40px;
    }
    .box.cat-box .title {
        font-size: 34px;
    }
    .box.cat-box .sub-title{
        font-size:22px;
    }
    .products-cat-sec .side-bar .title{
        font-size: 20px;
    }
    .all-products{
        background-size: 100% 50%;
    }
    .all-products .title {
        font-size: 60px;
        margin-top: 0px !important;
    }
   
    .all-products .p-blue-strip-balloon{
        display:none;
    }
    .btn-icon {
        margin-top: 10px;
    }
     .save-box .btn-icon {
        margin-top: 25px!important;
     }
    .top-selling-sec .title {
        font-size: 60px;
    }
    .top-selling-sec {
        padding-top: 30px !important;
    }
    .newsletter .title {
        font-size: 42px;
    }
    .newsletter .sub-title {
    font-size: 14px;
    }
    .newsletter .dics {
    font-size: 13px;
    }
    .newsletter .subscribe-sec .subs-box {
    margin-top: 30px;
    margin-bottom: 20px;
    }
    .newsletter .newsletter-img-sec {
    right: 70px;
    }
    .top-selling-sec .top-selling-small-img {
    bottom: 30px;
    }
    footer .title {
    font-size: 20px;
        
    }
    footer .footer-lists li a {
    font-size: 12px;
        
    }

}/*1024*/
 @media (max-width: 991px) {
     #top-bar:before{
     width: 26%;
     }
     .banner-sec {
        height: 750px;
    }
    .banner-sec .banner-img-sec {
        top: 124px;
        width: 380px;
        right: 0;
    }
    .box.cat-box .title {
        font-size: 24px;
    }
    .box.cat-box .sub-title {
        font-size: 16px;
    }
    .custom-height {
        height: 227px;
    }
    .products-cat-sec .side-bar {
        padding: 25px 15px;
        
    }
    .products-cat-sec .side-bar .title {
        font-size: 16px;
    }
    .products-cat-sec .side-bar ul li a {
    font-size: 12px;
    padding: 12px 0px;
    }
    .hero-banner.main-slider {
        height: 300px;
    }
    .hero-banner .banner-content .title {
    font-size: 60px;
    }
    .slide:before {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.8) 1000%, transparent 100%);
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    }
    .deal-area{
        margin-top:15px;
    }
    .center-aligned {
        height: 150px;
    }
    .box.product-box .product-title {
    font-size: 13px;
    }
    .cta-sec .cta-box .details .title {
    font-size: 27px;
    }
    .cta-sec .cta-box {
    padding: 40px 15px;
        
    }
    .cta-sec .save-box 
    {
            padding: 27px!important;
    }
    .cta-sec .save-box .title2 {
    font-size: 38px!important;
    }
    .cta-sec .cta-box .details .disc {
    font-size: 13px;
        
    }
    .cta-sec .save-box img.img-size {
    width: 100px;
        
    }
    .all-products .p-orange-balloon-img {
    bottom: 40px;
    }
    .dots-n-arrow-2 .slick-next {
        left: 90.7%;
    }
    .slick-dots {
    bottom: 0;
    left: 44% !important;
    }
    footer .policy-links ul li a {
    font-size: 14px;
    }
    footer {
    padding-top: 20px;
    }
    .newsletter .subscribe-sec .subs-box input {
        width: 68%;
        
    }
    .side-bar {
        margin-bottom: 20px;
    }
 }/**991**/
  @media (max-width: 768px) {
      #top-bar:before {
        width: 19%;
    }
    .banner-sec {
    height: 620px;
    }
    .banner-sec .banner-img-sec {
    top: 74px;
    width: 330px;
    right: -341px;
    }
    .banner-sec .banner-content .title {
        font-size: 50px;
    }
    .banner-sec .banner-content .disc {
        margin-top: 10px;
    }
    .cat-box img {
    position: absolute;
    right: 8px;
    bottom: 0;
    }
    .all-products {
        background-size: 100% 30%;
    }
    .all-products .p-green-ribbin-img2 {
        left: 0;
        bottom: 0;
    }
    .dots-n-arrow-2 .slick-prev{
        transform: translate(0px, -228px);
    }
    .cta-sec .cta-box {
        padding: 33px 15px;
    }
    .newsletter .newsletter-img-sec {
        right: 0;
        display: block;
        width: 284px;
        top: 130px;
    }
    .all-products .blue-ribbin-img {
        right: 42%;
        bottom: 22%;
    }
    .res-height{
        height:430px !important;
    }
  }/**768**/
 .shop-now-btn a {
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #000000;
}
 .shop-now-btn a i {
     transform: rotate(90deg);
}
@media screen and (max-width: 767px) and (min-width: 641px) {
      .banner-sec{
         width: 100%;
        height: 630px !important;
    }
    #top-bar .top-search i{
        
        left:100px !important;
    }
    .all-products .title {
    font-size: 50px;
    }
    .all-products .title {
    font-size: 50px;
    padding-top: 74px;
    }
    .newsletter .subscribe-sec .subs-box{
        margin-top:30px !important;
    }
    .newsletter .title {
    font-size: 30px;
        margin-bottom:15px;
    }
    footer .footer-lists {
        margin-top: 15px;
    }
    .product-content {
    height: 114px;
    }
    .box.product-box {
        margin-bottom: 10px;
    }
    .cta-sec .cta-box .details .title {
    font-size: 30px;
    }
    .box.cat-box img {
        margin-top: 40px;
    }
    .box.cat-box .sub-title {
        margin-top: 15px;
    }
    .cat-box img {
   position: absolute;
    right: 30px;
    bottom: -70px;
    }
    .newsletter-img-sec {
    display: none !important;
    }
    .custom-height {
    height: 108px;
    }
}
 @media (max-width: 767px) {
     .shop-now-btn {
         text-align: center;
         margin-top: 30px;
    }
     .marge-balloon{
         bottom: -220px;
         left: -35px;
         width: 35%;
    }
     .policy-links ul {
         float: none !important;
    }
     footer .policy-links ul li:nth-child(1):before{
         width:0 !important;
    }
     .all-products{
         background-size: contain!important;
         padding-top: 10px !important;
    }
     .top-selling-sec{
         background-size: contain!important;
         padding-bottom: 66px !important;
    }
    .banner-sec{ background-size: contain!important;}
     .blue-strip-balloon {
         display: none;
    }
     .slide:before{
         width: 100%;
         border-radius: 0;
         background: rgba(255,255,255,0.8);
         left: 0;
    }
     .hero-banner .banner-content{
         padding-left: 0;
    }
     .hero-banner .banner-content .sub-title{
         font-size: 13px;
    }
     .hero-banner .banner-content .title{
         font-size:48px;
    }
     .bg-cover{
         background-size:cover !important;
    }
    /****/
     #top-bar .right-links{
         margin-top: 15px;
         margin-bottom: 10px;
    }
     .centered-itmes{
         flex-flow: wrap;
    }
    /*.centered-itmes .col-md-6{
        */
        /* order: 1;
        */
        /*
    }
    */
     .top-search{
         text-align: center;
         margin-bottom: 15px;
         position: relative;
    }
     #top-bar .top-search i{
         color:#196eca;
    }
     #top-bar .right-links ul li.cart i{
         color:#196eca;
    }
     #top-bar .right-links{
         text-align:center;
    }
     #top-bar:before{
         display:none;
    }
     .banner-sec .banner-img-sec{
         display:none;
    }
     #top-bar .right-links ul li.account-link a{
         color:#196eca;
    }
     #top-bar .top-search i {
         bottom: 0;
         left: 20px;
    }
     #top-bar .right-links ul li.account-link:after{
         color:#196eca;
    }
     .banner-sec .banner-content{
         padding-top:150px;
    }
    /*  .banner-sec{*/
    /*     width: 100%;*/
    /*    height: 520px !important;*/
    /*}*/
       .banner-sec{
           background-size:cover;
    }
    
}

 @media (max-width: 640px)
 {
     #readMoreSearchLink
     {
         visibility:visible!important;
         display:block!important;
     }
     
     #readMoreSearchDesc
     {
         visibility:hidden;
         display:none;
     }
     
     .hero-banner .banner-content .sub-title{
         font-size: 10px;
    }
     .banner-sec{
         height:100vh !important;
    }
    .all-products .title {
    font-size: 40px;
        padding-top: 65px !important;
}
.all-products .sub-title {
   
    margin-bottom: 46px;
}
.cta-sec .cta-box img {
    margin: 0 auto;
}
.cta-sec .cta-box .details .sub-title {
    margin-top: 0px !important;
}
.details .title {
    padding-top: 8px !important;
    padding-bottom: 4px;
}
}
/** this used to reference style.css.map **/
 .subs-box-small-img {
     display: none;
}
 @media (max-width: 767px){
     footer .social-links{
         margin-top: 22px;
    }
     .policy-links{
         margin-top: 10px;
    }
    .center-aligned{
        height: 0px;
    }
}
 @media (max-width: 480px){
     .dots-n-arrow .slick-next:before{
         left:33px;
         font-size:18px;
    }
     .dots-n-arrow .slick-prev:before{
         left: -30px;
         font-size: 18px;
    }
    .cta-box img {
    width: auto;
    margin: 0 auto;
    }
    .newsletter .title {
    font-size: 36px;
}
.top-selling-sec .title {
    font-size: 40px;
}
/**480px box set styling**/
.cta-sec .cta-box img {
    margin: 0 auto;
    width: 70px !important;
}
.cta-sec .cta-box {
    padding: 18px 15px;
}
.cta-sec .cta-box .details .title {
    font-size: 20px;
}
.cta-sec .cta-box .details .sub-title {
    font-size: 12px;
    margin-top: 7px !important;
}
.cta-sec .cta-box .details .disc {
    font-size: 12px !important;
}/**end**/
}

    .mega .sub-menu{
        width: 630px !important;
        left: -247px !important;
    }
    .semi-mega li {
    display: block !important;
    width: 100%;
}

@media (min-width: 992px){
    .semi-mega {
        width: 350px !important;
        left: -106px !important;
    }
    .mega-2 .sub-menu{
        width: 670px !important;
        padding-left: 15px;
        padding-right: 15px;
        left: -420px !important;
    }
    .mega-2 .sub-menu:before{
        left: 480px !important;
    }
}

.sub-menu {
    list-style-type: none;
}

@media (max-width: 767px){
    
    .dots-n-arrow .slick-prev{
        right: -100%;
        left: 0;
    }

    .dots-n-arrow .slick-next {
        left: -80px;
    }

    .dots-n-arrow-2 .slick-prev,
    .dots-n-arrow-2 .slick-next {
        transform: translate(0px, -80%);
        top: 0;
        bottom: 0;
        margin: auto;        
        width: 64px;
        height: 80px;
        z-index: 0;
    }
    .dots-n-arrow-2 .slick-prev{
        left: -14px;
    }

    .dots-n-arrow-2 .slick-next {
        right: -14px;
        left: auto;
    }

    .dots-n-arrow-2 .slick-next:before{
        left: 16px;
    }
    .dots-n-arrow-2 .slick-prev:before{
        left: -16px;
        top: -4px;
    }
    
}

@media (max-width: 670px){
    
    .dots-n-arrow .slick-next {
        left: 80;
    }
   
}
@media (min-width: 321px) and (max-width: 667px) and (orientation: landscape) {
.dots-n-arrow .slick-next {
    left: -80;
}
}
@media only screen and (max-width: 667px) {
    .h-100 {
    height: auto !important;
}
     .banner-sec{
            height: auto !important;
       min-height: 400px !important;
    }
    .banner-sec .banner-content {
      padding-top: 60px !important;
}
.banner-sec .relative-block .d-table,
.banner-sec .relative-block .d-table .d-table-cell{display:block !important;}
}

@media only screen and (max-width:375px){
    .banner-sec .banner-content {
    padding-top: 55% !important;
}
    
}
.d-none {
    display: none;
}