/* =========== GENERAL ============= */

body {
    font: 14px "Public Sans", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    color: #727272;
}
/* a link Styles
 ------------------------------ */

a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:hover {
    text-decoration: none;
}
a:focus,
a:hover {
    color: #101010;
}
a {
    outline: medium none !important;
    color: #727272;
}
.uppercase {
    text-transform: uppercase;
}
/* Headings
 ------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Public Sans", sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: normal;
    color: #353535;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}
h1.less-mar-1 {
    margin-bottom: 10px;
}

h2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}
h2.nomargin {
    margin-bottom: 0px;
}
h2.less-mar-1 {
    margin-bottom: 3px;
}

h3 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 18px;
    font-style: normal;
}
h3.nomargin {
    margin-bottom: 0px;
}

h4 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 18px;
    font-style: normal;
}
h4.nomargin {
    margin-bottom: 0px;
}

h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 16px;
    font-style: normal;
}
h5.nomargin {
    margin-bottom: 0px;
}
h5.less-mar-1 {
    margin-bottom: 3px;
}

h6 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 14px;
    font-style: normal;
}
h6.nomargin {
    margin-bottom: 0px;
}
h6.less-mar-1 {
    margin-bottom: 3px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
    margin-top: 0;
}
ul {
    list-style-type: none;
}
/*=============== Text Colors ============= */

.text-primary {
    color: #3452a4;
}

/*=============== Margins ============= */

.margin-bottom {
    margin-bottom: 0px;
}
.margin-bottom-2 {
    margin-bottom: 20px;
}
.margin-bottom-3 {
    margin-bottom: 30px;
}
.margin-bottom-4 {
    margin-bottom: 40px;
}
.margin-bottom-5 {
    margin-bottom: 50px;
}
.margin-top {
    margin-top: 0px;
}
.margin-top-1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.margin-top-2 {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.margin-top-3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.margin-top-4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.margin-top-5 {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.margin-top-6 {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.margin-top-7 {
    float: left;
    margin-top: 70px;
    width: 100%;
}

/*=============== Paddings ============= */

.no-top-padding {
    padding-top: 0;
}
/* padding top
 ------------------------------ */
.padding-top-1 {
    padding-top: 80px;
}
.padding-top-2 {
    padding-top: 60px;
}


/* left padding
 ------------------------------ */

.padding-left-1 {
    padding-left: 10px;
}
.padding-left-2 {
    padding-left: 20px;
}
.padding-left-3 {
    padding-left: 30px;
}
.padd-left-4 {
    padding-left: 40px;
}
.padding-left-5 {
    padding-left: 50px;
}
.padding-left-6 {
    padding-left: 60px;
}
.padding-left-7 {
    padding-left: 70px;
}
.padding-left-8 {
    padding-left: 80px;
}
/* right padding
 ------------------------------ */

.padding-right-1 {
    padding-right: 10px;
}
.padding-right-2 {
    padding-right: 20px;
}
.padding-right-3 {
    padding-right: 30px;
}
.padding-right-4 {
    padding-right: 40px;
}
.padding-right-5 {
    padding-right: 50px;
}
.padding-right-6 {
    padding-right: 60px;
}
.padding-right-7 {
    padding-right: 70px;
}
.padding-right-8 {
    padding-right: 80px;
}
.no-padding-top {
    padding-top: 0px;
}

/* font weight styles
 ------------------------------ */

.font-weight-1 {
    font-weight: 100;
}
.font-weight-2 {
    font-weight: 200;
}
.font-weight-3 {
    font-weight: 300;
}
.font-weight-4 {
    font-weight: 400;
}
.font-weight-5 {
    font-weight: 500;
}
.font-weight-6 {
    font-weight: 600;
}
.font-weight-7 {
    font-weight: 700;
}
.font-weight-8 {
    font-weight: 800;
}

/*=============== Columns without padding ============= */
.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
/*=============== site main structure ============= */

.site-wrapper {
    width: 100%;
    margin: 0px auto;
    background-color: #fff;
}
.wrapper-boxed {
    margin: auto;
    background-color: #fff;
}

.imgbx-ql {
    width: 135px;
    height: 135px;
}

.imgbox-xmedium {
    width: 110px;
    height: 110px;
}
.imgbox-medium {
    width: 100px;
    height: 100px;
}
.imgbox-smedium {
    width: 90px;
    height: 90px;
}
.imgbox-small {
    width: 80px;
    height: 80px;
}
.imgbox-tiny {
    width: 70px;
    height: 70px;
}
.imgbox-xtiny {
    width: 60px;
    height: 60px;
}
/* icon rounded
 ------------------------------ */

.imgbox-dxlarge.round,
.imgbox-dxlarge-2.round,
.imgbx-ql.round,
.imgbox-large.round,
.imgbox-xmedium.round,
.imgbox-medium.round,
.imgbox-smedium.round,
.imgbox-small.round,
.imgbox-tiny.round,
.imgbox-xtiny.round {
    border-radius: 100%;
}
/* imgboxes alignments
 ------------------------------ */

.imgbox-dxlarge.center,
.imgbox-dxlarge-2.center,
.imgbx-ql.center,
.imgbox-large.center,
.imgbox-xmedium.center,
.imgbox-medium.center,
.imgbox-smedium.center,
.imgbox-small.center,
.imgbox-tiny.center,
.imgbox-xtiny.center {
    margin: 0 auto;
}
.imgbox-dxlarge.left,
.imgbox-dxlarge-2.left,
.imgbx-ql.left,
.imgbox-large.left,
.imgbox-xmedium.left,
.imgbox-medium.left,
.imgbox-smedium.left,
.imgbox-small.left,
.imgbox-tiny.left,
.imgbox-xtiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}
.imgbox-dxlarge.right,
.imgbox-dxlarge-2.right,
.imgbx-ql.right,
.imgbox-large.right,
.imgbox-xmedium.right,
.imgbox-medium.right,
.imgbox-smedium.right,
.imgbox-small.right,
.imgbox-tiny.right,
.imgbox-xtiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}
/* imgboxe background colors
 ------------------------------ */
.imgbox-dxlarge.dark,
.imgbox-dxlarge-2.dark,
.imgbx-ql.dark,
.imgbox-large.dark,
.imgbox-xmedium.dark,
.imgbox-medium.dark,
.imgbox-smedium.dark,
.imgbox-small.dark,
.imgbox-tiny.dark,
.imgbox-xtiny.dark {
    color: #fff;
    background-color: #101010;
}
.imgbox-dxlarge.white,
.imgbox-dxlarge-2.white,
.imgbx-ql.white,
.imgbox-large.white,
.imgbox-xmedium.white,
.imgbox-medium.white,
.imgbox-smedium.white,
.imgbox-small.white,
.imgbox-tiny.white,
.imgbox-xtiny.white {
    color: #242424;
    background-color: #fff;
}
.imgbox-dxlarge.gray,
.imgbox-dxlarge-2.gray,
.imgbx-ql.gray,
.imgbox-large.gray,
.imgbox-xmedium.gray,
.imgbox-medium.gray,
.imgbox-smedium.gray,
.imgbox-small.gray,
.imgbox-tiny.gray,
.imgbox-xtiny.gray {
    color: #fff;
    background-color: #474747;
}
/* imgboxs with stroke
 ------------------------------ */
.imgbox-dxlarge.outline-gray,
.imgbox-dxlarge-2.outline-gray,
.imgbx-ql.outline-gray,
.imgbox-large.outline-gray,
.imgbox-xmedium.outline-gray,
.imgbox-medium.outline-gray,
.imgbox-smedium.outline-gray,
.imgbox-small.outline-gray,
.imgbox-tiny.outline-gray,
.imgbox-xtiny.outline-gray {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}
.imgbox-dxlarge.outline-gray-2,
.imgbox-dxlarge-2.outline-gray-2,
.imgbx-ql.outline-gray-2,
.imgbox-large.outline-gray-2,
.imgbox-xmedium.outline-gray-2,
.imgbox-medium.outline-gray-2,
.imgbox-smedium.outline-gray-2,
.imgbox-small.outline-gray-2,
.imgbox-tiny.outline-gray-2,
.imgbox-xtiny.outline-gray-2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}
.imgbox-dxlarge.outline-white,
.imgbox-dxlarge-2.outline-white,
.imgbx-ql.outline-white,
.imgbox-large.outline-white,
.imgbox-xmedium.outline-white,
.imgbox-medium.outline-white,
.imgbox-smedium.outline-white,
.imgbox-small.outline-white,
.imgbox-tiny.outline-white,
.imgbox-xtiny.outline-white {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}
.imgbox-dxlarge.outline-dark,
.imgbox-dxlarge-2.outline-dark,
.imgbx-ql.outline-dark,
.imgbox-large.outline-dark,
.imgbox-xmedium.outline-dark,
.imgbox-medium.outline-dark,
.imgbox-smedium.outline-dark,
.imgbox-small.outline-dark,
.imgbox-tiny.outline-dark,
.imgbox-xtiny.outline-dark {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}
/*=============== Icon Boxes ============= */

.iconbox-dxlarge,
.iconbox-xlarge,
.iconbox-large,
.iconbox-xmedium,
.iconbox-medium,
.iconbox-smedium,
.iconbox-small,
.iconbox-tiny,
.iconbox-xtiny {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}
.iconbox-dxlarge {
    width: 200px;
    height: 200px;
    font-size: 46px;
    color: #242424;
    border: none;
    line-height: 135px;
}
.iconbox-xlarge {
    width: 135px;
    height: 135px;
    font-size: 46px;
    color: #242424;
    line-height: 135px;
}
.iconbox-large {
    width: 120px;
    height: 120px;
    font-size: 46px;
    color: #242424;
    line-height: 114px;
}
.iconbox-xmedium {
    width: 110px;
    height: 110px;
    font-size: 38px;
    color: #242424;
    line-height: 106px;
}
.iconbox-medium {
    width: 100px;
    height: 100px;
    font-size: 32px;
    color: #242424;
    line-height: 100px;
}
.iconbox-smedium {
    width: 90px;
    height: 90px;
    font-size: 26px;
    color: #242424;
    line-height: 90px;
}
.iconbox-small {
    width: 80px;
    height: 80px;
    font-size: 26px;
    color: #242424;
    line-height: 80px;
}
.iconbox-tiny {
    width: 70px;
    height: 70px;
    font-size: 26px;
    color: #242424;
    line-height: 74px;
}
.iconbox-xtiny {
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #242424;
    line-height: 60px;
}

.iconbox-xlarge.no-lineheight {
    line-height: 0;
}
/* icon rounded
 ------------------------------ */

.iconbox-dxlarge.round,
.iconbox-xlarge.round,
.iconbox-large.round,
.iconbox-xmedium.round,
.iconbox-medium.round,
.iconbox-smedium.round,
.iconbox-small.round,
.iconbox-tiny.round,
.iconbox-xtiny.round {
    border-radius: 100%;
}
/* iconboxes alignments
 ------------------------------ */

.iconbox-dxlarge.center,
.iconbox-xlarge.center,
.iconbox-large.center,
.iconbox-xmedium.center,
.iconbox-medium.center,
.iconbox-smedium.center,
.iconbox-small.center,
.iconbox-tiny.center,
.iconbox-xtiny.center {
    margin: 0 auto;
}
.iconbox-dxlarge.left,
.iconbox-xlarge.left,
.iconbox-large.left,
.iconbox-xmedium.left,
.iconbox-medium.left,
.iconbox-smedium.left,
.iconbox-small.left,
.iconbox-tiny.left,
.iconbox-xtiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}
.iconbox-dxlarge.right,
.iconbox-xlarge.right,
.iconbox-large.right,
.iconbox-xmedium.right,
.iconbox-medium.right,
.iconbox-smedium.right,
.iconbox-small.right,
.iconbox-tiny.right,
.iconbox-xtiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}
/* iconboxe background colors
 ------------------------------ */
.iconbox-dxlarge.dark,
.iconbox-xlarge.dark,
.iconbox-large.dark,
.iconbox-xmedium.dark,
.iconbox-medium.dark,
.iconbox-smedium.dark,
.iconbox-small.dark,
.iconbox-tiny.dark,
.iconbox-xtiny.dark {
    color: #fff;
    background-color: #101010;
}
.iconbox-dxlarge.white,
.iconbox-xlarge.white,
.iconbox-large.white,
.iconbox-xmedium.white,
.iconbox-medium.white,
.iconbox-smedium.white,
.iconbox-small.white,
.iconbox-tiny.white,
.iconbox-xtiny.white {
    color: #242424;
    background-color: #fff;
}
.iconbox-dxlarge.gray,
.iconbox-xlarge.gray,
.iconbox-large.gray,
.iconbox-xmedium.gray,
.iconbox-medium.gray,
.iconbox-smedium.gray,
.iconbox-small.gray,
.iconbox-tiny.gray,
.iconbox-xtiny.gray {
    color: #fff;
    background-color: #474747;
}
/* iconboxs with stroke
 ------------------------------ */
.iconbox-dxlarge.outline-gray,
.iconbox-xlarge.outline-gray,
.iconbox-large.outline-gray,
.iconbox-xmedium.outline-gray,
.iconbox-medium.outline-gray,
.iconbox-smedium.outline-gray,
.iconbox-small.outline-gray,
.iconbox-tiny.outline-gray,
.iconbox-xtiny.outline-gray {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}
.iconbox-dxlarge.outline-gray-2,
.iconbox-xlarge.outline-gray-2,
.iconbox-large.outline-gray-2,
.iconbox-xmedium.outline-gray-2,
.iconbox-medium.outline-gray-2,
.iconbox-smedium.outline-gray-2,
.iconbox-small.outline-gray-2,
.iconbox-tiny.outline-gray-2,
.iconbox-xtiny.outline-gray-2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.outline-white,
.iconbox-xlarge.outline-white,
.iconbox-large.outline-white,
.iconbox-xmedium.outline-white,
.iconbox-medium.outline-white,
.iconbox-smedium.outline-white,
.iconbox-small.outline-white,
.iconbox-tiny.outline-white,
.iconbox-xtiny.outline-white {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}
.iconbox-dxlarge.outline-dark,
.iconbox-xlarge.outline-dark,
.iconbox-large.outline-dark,
.iconbox-xmedium.outline-dark,
.iconbox-medium.outline-dark,
.iconbox-smedium.outline-dark,
.iconbox-small.outline-dark,
.iconbox-tiny.outline-dark,
.iconbox-xtiny.outline-dark {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}
/* Icons Plain
 ------------------------------ */

.icon-plain-large {
    font-size: 80px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}
.icon-plain-medium {
    font-size: 60px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}
.icon-plain-small {
    font-size: 40px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}
.icon-plain-msmall {
    font-size: 32px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}
.icon-plain-tiny {
    font-size: 20px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}
.icon-plain-small.rightline {
    border-right: 1px solid #3f3f3f;
}
.icon-plain-medium.rightline {
    margin: 0px 20px 50px 0px;
    border-right: 1px solid #ffc153;
}
.icon-plain-small.dark {
    color: #242424;
}

/*============ Text Boxes ============ */

.text-box-right {
    display: block;
    padding: 0px 0px 0px 99px;
    margin: 0px;
    text-align: left;
}
.text-box-right.less-padding {
    padding: 0px 0px 0px 65px;
}
.text-box-left {
    display: block;
    padding: 0px 90px 0px 0;
    margin: 0px;
    text-align: right;
}
.item-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.text-box {
    width: 100%;
    float: left;
}
.text-box.white {
    background-color: #fff;
}
.text-box.primary {
    background-color: #505ee2;
}
.text-box.white-transparent-1 {
    background-color: rgba(255, 255, 255, 0.9);
}
.text-box.light {
    background-color: #f5f5f5;
}
.text-box.dark {
    background-color: #242424;
}
.text-box.xdark {
    background-color: #000;
}
.text-box.border-light {
    border: 1px solid #ececec;
}
/* text boxes with borders
 ------------------------------ */
.text-box-right.border,
.text-box-left.border,
.item-holder.border,
.text-box-inner.border,
.text-box.border {
    border: 1px solid #f1f1f1;
}
.text-box-right.border-top,
.text-box-left.border-top,
.item-holder.border-top,
.text-box-inner.border-top,
.text-box.border-top {
    border-top: 1px solid #f1f1f1;
}
.text-box-right.border-bottom,
.text-box-left.border-bottom,
.item-holder.border-bottom,
.text-box-inner.border-bottom,
.text-box.border-bottom {
    border-bottom: 1px solid #f1f1f1;
}
.text-box-right.border-left,
.text-box-left.border-left,
.item-holder.border-left,
.text-box-inner.border-left,
.text-box.border-left {
    border-left: 1px solid #f1f1f1;
}
.text-box-right.border-right,
.text-box-left.border-right,
.item-holder.border-right,
.text-box-inner.border-right,
.text-box.border-right {
    border-right: 1px solid #f1f1f1;
}
/* text boxe padding
 ------------------------------ */

.text-box.sbox-padd-left {
    padding-left: 0px;
}
.text-box.padding-1 {
    padding: 10px;
}
.text-box.padding-2 {
    padding: 20px;
}
.text-box.padding-3 {
    padding: 30px;
}
.text-box.padding-4 {
    padding: 40px;
}
.text-box.padding-5 {
    padding: 50px;
}
.text-box.padding-6 {
    padding: 60px;
}
.text-box.padding-7 {
    padding: 70px;
}
.text-box.padding-8 {
    padding: 80px;
}
.text-box.padding-9 {
    padding: 90px;
}
/* text boxes margin and paddings
 ------------------------------ */

/* left box
 ------------------------------ */

.item-holder.marginbottom {
    margin: 0 0 40px 0;
}
.text-box-left.more-padding-1 {
    padding: 0px 120px 0px 0px;
}
.text-box-left.more-padding-2 {
    padding: 0px 150px 0px 0px;
}
.text-box-left.less-padding-1 {
    padding: 0px 70px 0px 0;
}
.text-box-left.less-padding-2 {
    padding: 0px 50px 0px 0;
}
/* right box
 ------------------------------ */

.text-box-right.more-padding-1 {
    padding: 0px 0px 0px 120px;
}
.text-box-right.more-padding-2 {
    padding: 0px 0px 0px 140px;
}
.text-box-right.more-padding-3 {
    padding: 0px 0px 0px 160px;
}
.text-box-right.more-padding-4 {
    padding: 0px 0px 0px 170px;
}
.text-box-right.less-padding-1 {
    padding: 0px 0px 0px 70px;
}
.text-box-right.less-padding-2 {
    padding: 0px 0px 0px 50px;
}
.text-box-right.less-padding-3 {
    padding: 0px 0px 0px 40px;
}
.text-box-right.less-padding-4 {
    padding: 0px 0px 0px 80px;
}

/* button styles
 ------------------------------ */

.btn {
    padding: 10px 36px;
    margin: 5px;
    box-shadow: none;
    border-radius: 0;
}
.btn.btn-large {
    padding: 15px 60px;
}
.btn.btn-medium {
    padding: 10px 30px;
}
.btn.btn-small {
    padding: 8px 18px;
}
.btn.btn-small-2 {
    padding: 4px 18px;
}
.btn.btn-fullwidth {
    width: 100%;
}
.btn.btn-half-fullwidth {
    width: 50%;
}

/*============ Image Boxes ============ */

.section-side-image {
    position: relative;
    padding: 0px;
    margin: 0px;
}
.section-side-image .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0px;
    top: 0px;
    position: absolute;
}
.background-imgholder.top-padd {
    padding-top: 80px;
}
.section-side-image .text-inner {
    padding: 120px 120px 120px 0;
}
.section-side-image .text-inner-2 {
    padding: 80px;
}
.section-side-image .text-inner-3 {
    padding: 80px 80px 0px 80px;
}
.section-side-image .text-inner.two {
    padding: 0px 80px 0px 0;
}
.section-side-image .text-inner-4 {
    padding: 0 0 0 0;
}
.section-side-image .text-inner-5 {
    padding: 120px 120px 120px 0;
}
.section-side-image .text-inner-6 {
    padding: 110px;
}
.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 40% 50% !important;
}

.background-imgholder1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 40% 0% !important;
}
.background-imgholder2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 0% 100% !important;
}
.background-imgholder3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 40% 90% !important;
}

.nodisplay-image {
    display: none;
}
/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
    overflow: hidden;
}

/* line height
 ------------------------------ */
.line-height-1 {
    line-height: 18px;
}
.line-height-2 {
    line-height: 20px;
}
.line-height-3 {
    line-height: 30px;
}
.line-height-4 {
    line-height: 40px;
}
.line-height-5 {
    line-height: 50px;
}
.line-height-6 {
    line-height: 60px;
}
/*============ Menu Backgrounds ============ */

#header {
    position: relative;
    background: #101010;
    padding: 0;
    width: 100%;
    z-index: 999;
}

/*============ Section Titles ============ */

/* title container
 ------------------------------ */

.title {
    transition: all 0.3s ease-out 0s;
}
/* title container
 ------------------------------ */

.sect-title-container {
    width: 100%;
    float: left;
    padding-bottom: 80px;
}
.sect-title-container.less-padding-1 {
    padding-bottom: 60px;
}
.sect-title-container.less-padding-2 {
    padding-bottom: 50px;
}
.sect-title-container.less-padding-3 {
    padding-bottom: 40px;
}
.sect-title-container.less-padding-4 {
    padding-bottom: 30px;
}
.sect-title-container.less-padding-5 {
    padding-bottom: 20px;
}
.sect-title-container.less-padding-6 {
    padding-bottom: 15px;
}
/* page title
 ------------------------------ */
.section-title {
    font-weight: 400;
}

/* featurebox title line
 ------------------------------ */
.feabox-title-line {
    width: 60px;
    height: 2px;
    margin: 0 auto 0 0;
    background-color: #101010;
}
.feabox-title-line.center {
    width: 60px;
    height: 2px;
    margin: 0 auto;
    background-color: #101010;
}

/*============ Page Section Styles ============ */

/* section background light
 ------------------------------ */

.section-light-w {
    background-color: #ffffff;
}

/* Section Paddings
 ------------------------------ */
.sect-padding {
    padding: 150px 0 150px 0;
}
.sect-padding-2 {
    padding: 110px 0 110px 0;
}
.sect-padding-3 {
    padding: 100px 0 100px 0;
}
.sect-padding-4 {
    padding: 30px 0 20px 0;
}
.sec-bpadding-2 {
    padding-bottom: 150px;
}
.sec-bpadding-2.less-padding {
    padding-bottom: 20px;
}
.sec-tpadding-2 {
    padding-top: 150px;
}
.sec-tpadding-2.less-padding {
    padding-top: 20px;
}
.sec-tpadding-3 {
    padding-top: 100px;
}
.sec-bpadding-3 {
    padding-bottom: 100px;
}
.sec-tpadding-4 {
    padding-top: 80px;
}
.sec-bpadding-4 {
    padding-bottom: 80px;
}
.sec-tpadding-5 {
    padding-top: 50px;
}
.sec-bpadding-5 {
    padding-bottom: 50px;
}
.sec-bpadding.less-padding {
    padding-bottom: 30px;
}
.sec-dummy-top-padding {
    padding-top: 0px;
}

/*============ Footer Styles ============ */

/* Footer copyright box
 ------------------------------ */

.foot-copyrght-1 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

/*============ Page Scroll to Top ============ */

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: #3452a4 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
    z-index: 999;
}

/*----------------------------RESPONSIVE STYLES------------------------------- */

/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 1366px) {
    .header-inner.less-height .text {
        padding: 10% 0 0 0;
    }
}

/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
    .col-divider-margin {
        margin-top: 30px;
    }
    .text-box-right {
        padding: 0px 0px 0px 100px;
    }
    .wrapper-main {
        width: 100%;
        padding-left: 230px;
        background-color: #fff;
    }
    .wrapper-main .container {
        width: 100%;
    }
    .header-inner.less-height .text {
        padding: 13% 0 0;
    }
    .header-inner .text {
        padding: 25% 0 0;
    }
    .header-inner.less-height .text {
        padding: 15% 0 0;
    }
}
@media screen and (max-width: 1000px) {
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }
    .sec-m-margin-1 {
        margin-top: 0px;
    }

    .wrapper-main {
        padding-left: 0px;
    }
    .header-inner-tmargin {
        margin-top: 0px;
    }
}

/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 40px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 40px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 40px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
    .header-inner {
        height: 385px;
    }
    .header-inner.less-height {
        height: 385px;
    }
    .header-inner.less-height .text {
        padding: 16% 0 0;
    }
    .header-inner .text {
        padding: 16% 0 0;
    }
    .sect-padding {
        padding: 100px 0 100px 0;
    }
    .section-side-image .text-inner-6 {
        padding: 40px;
    }
    .header-inner.less-height {
        height: 470px;
    }
    .header-inner.less-height .text {
        padding: 14% 0 0;
    }
}

/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 40px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 40px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 40px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
    .sect-padding {
        padding: 60px 0 60px 0;
    }
    .sect-me-padding-1 {
        padding: 60px 0 60px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 60px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 60px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 60px 0 60px 0;
    }
    .sec-moreless-padding {
        padding: 60px 0 60px 0;
    }
    .thumbs li {
        width: 10%;
    }
    .foot-copyrght-1 .social-iconbox {
        left: 33%;
        top: -87px;
    }
    .fo-sec-3 {
        padding: 244px 0 0 0;
    }
    .header-inner {
        height: 310px;
    }
    .header-inner.less-height {
        height: 310px;
    }
    .section-side-image .text-inner-6 {
        padding: 40px;
    }
    .sec-padding-4 {
        padding: 0 0 0 0;
    }
}

/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 40px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 40px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 40px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
        text-align: center;
    }
    .sect-padding {
        padding: 60px 0 60px 0;
    }
    .sect-me-padding-1 {
        padding: 60px 0 60px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 60px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 60px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 60px 0 60px 0;
    }
    .sec-moreless-padding {
        padding: 60px 0 60px 0;
    }
    .foot-copyrght-1 .social-iconbox {
        left: 33%;
        top: -87px;
    }
    .header-inner {
        height: 325px;
    }
    .header-inner.less-height {
        height: 375px;
    }
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1 {
        width: 100%;
    }
}

/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 40px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 40px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 40px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
        text-align: center;
    }
}
@media screen and (max-width: 640px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 40px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 40px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 40px;
    }
    .lspace-sm,
    .lspace-1,
    .lspace-2,
    .lspace-3,
    .lspace-4,
    .lspace-5 {
        letter-spacing: 0px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 40px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
    .sect-padding {
        padding: 40px 0 40px 0;
    }
    .sect-me-padding-1 {
        padding: 40px 0 40px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 40px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 40px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }
    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }
    #style-customizer {
        display: none;
    }
    .text-box.sbox-padd-left {
        padding-left: 80px;
    }
    .fo-sec-1 .newsletter-box {
        top: 0;
    }
    .fo-sec-1 {
        top: 0px;
        padding: 315px 0 0 0;
    }
    .foot-copyrght-1 .social-iconbox {
        left: 29%;
        top: -67px;
    }
    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }
    .header-inner {
        height: 270px;
    }
    .header-inner.less-height {
        height: 370px;
    }
    .sec-padding-4 {
        padding: 0 0 0 0;
    }
}
@media screen and (max-width: 480px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 30px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 30px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 30px;
    }
    .lspace-sm,
    .lspace-1,
    .lspace-2,
    .lspace-3,
    .lspace-4,
    .lspace-5 {
        letter-spacing: 0px;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 30px;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
        text-align: center;
    }
    .sect-padding {
        padding: 40px 0 40px 0;
    }
    .sect-me-padding-1 {
        padding: 40px 0 40px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 40px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 40px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }
    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }

    .foot-copyrght-1 .social-iconbox {
        left: 12%;
        top: -67px;
    }
    .fo-sec-3 {
        padding: 287px 0 0 0;
    }
    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }
    .header-inner .text .title {
        font-size: 20px;
    }
    .header-inner .text .sub-title {
        font-size: 14px;
    }
    .header-inner {
        height: 225px;
    }
    .header-inner.less-height {
        height: 425px;
    }
    .clients-list.grid-cols-6 li {
        width: 50%;
    }
    .section-side-image .text-inner {
        padding: 40px 40px 40px 40px;
    }
    .sect-title-container {
        padding-bottom: 70px;
    }
}

/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 25px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 25px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 25px;
    }
    .lspace-sm,
    .lspace-1,
    .lspace-2,
    .lspace-3,
    .lspace-4,
    .lspace-5 {
        letter-spacing: 0px;
    }
    .iconbox-dxlarge.left,
    .iconbox-xlarge.left,
    .iconbox-large.left,
    .iconbox-xmedium.left,
    .iconbox-medium.left,
    .iconbox-smedium.left,
    .iconbox-small.left,
    .iconbox-tiny.left,
    .iconbox-xtiny.left {
        margin: 0px 0px 20px 0px;
    }
    .imgbox-dxlarge.left,
    .imgbox-dxlarge-2.left,
    .imgbx-ql.left,
    .imgbox-large.left,
    .imgbox-xmedium.left,
    .imgbox-medium.left,
    .imgbox-smedium.left,
    .imgbox-small.left,
    .imgbox-tiny.left,
    .imgbox-xtiny.left {
        float: left;
        margin: 0px 0 20px 0px;
    }
    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
    }
    .text-box-left {
        width: 100%;
        padding: 0 0 0 0;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 25px;
    }
    .text-box-left.more-padding-1,
    .text-box-left.more-padding-2,
    .text-box-left.less-padding-1,
    .text-box-left.less-padding-2 {
        padding: 0px 0px 0px 0px;
    }
    .text-box-right.more-padding-1,
    .text-box-right.more-padding-2,
    .text-box-right.more-padding-3,
    .text-box-right.more-padding-4,
    .text-box-right.less-padding-1,
    .text-box-right.less-padding-2,
    .text-box-right.less-padding-3 {
        padding: 0px 0px 0px 0px;
    }

    .btn.btn-large {
        padding: 15px 30px;
    }
    .section-side-image .text-inner-2 {
        padding: 40px;
    }
    .section-side-image .text-inner {
        padding: 40px 40px 40px 0;
    }
    .section-side-image .text-inner.two {
        padding: 0px 40px 0px 0;
    }

    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }
    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
    .sect-padding {
        padding: 40px 0 40px 0;
    }
    .sect-me-padding-1 {
        padding: 40px 0 40px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 40px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 40px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }
    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }
    .foot-copyrght-1 .social-iconbox {
        left: 5%;
    }
    .fo-sec-1 .newsletter-box {
        padding: 35px;
    }
    .fo-sec-2 .social-iconbox {
        left: 14%;
        top: -67px;
    }
    .section-side-image .text-inner-3 {
        padding: 30px 30px 0px 30px;
    }
    .fo-sec-3 {
        padding: 328px 0 0 0;
    }
    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
        float: left;
    }
    .text-box-right.less-padding-4 {
        padding: 0px 0px 0px 0px;
    }
    .header-inner {
        height: 195px;
    }
    .header-inner.less-height {
        height: 395px;
    }
    .sect-title-container {
        padding-bottom: 40px;
    }
    .sec-padding-4 {
        padding: 0 0 0 0;
    }
    .section-side-image .text-inner {
        padding: 40px 40px 40px 40px;
    }
}

/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
    .margin-bottom {
        margin-bottom: 30px;
    }
    .margin-bottom-4,
    .margin-bottom-5 {
        margin-bottom: 20px;
    }
    .margin-top-3,
    .margin-top-4,
    .margin-top-5,
    .margin-top-6,
    .margin-top-7 {
        margin-top: 20px;
    }
    .col-divider-margin {
        margin-top: 20px;
    }
    .col-divider-margin-1,
    .col-divider-margin-2,
    .col-divider-margin-3,
    .col-divider-margin-4,
    .col-divider-margin-5,
    .col-divider-margin-6 {
        margin-top: 20px;
    }

    .padding-top-1,
    .padding-top-2,
    .padding-top-3,
    .padding-top-4,
    .padding-top-5,
    .padding-top-6 {
        padding-top: 20px;
    }
    .padding-left-1,
    .padding-left-2,
    .padding-left-3,
    .padd-left-4,
    .padding-left-5,
    .padding-left-6,
    .padding-left-7,
    .padding-left-8 {
        padding-left: 20px;
    }
    .padding-right-1,
    .padding-right-2,
    .padding-right-3,
    .padding-right-4,
    .padding-right-5,
    .padding-right-6,
    .padding-right-7,
    .padding-right-8 {
        padding-right: 20px;
    }
    .lspace-sm,
    .lspace-1,
    .lspace-2,
    .lspace-3,
    .lspace-4,
    .lspace-5 {
        letter-spacing: 0px;
    }
    .iconbox-dxlarge.left,
    .iconbox-xlarge.left,
    .iconbox-large.left,
    .iconbox-xmedium.left,
    .iconbox-medium.left,
    .iconbox-smedium.left,
    .iconbox-small.left,
    .iconbox-tiny.left,
    .iconbox-xtiny.left {
        margin: 0px 0px 20px 0px;
    }
    .imgbox-dxlarge.left,
    .imgbox-dxlarge-2.left,
    .imgbx-ql.left,
    .imgbox-large.left,
    .imgbox-xmedium.left,
    .imgbox-medium.left,
    .imgbox-smedium.left,
    .imgbox-small.left,
    .imgbox-tiny.left,
    .imgbox-xtiny.left {
        float: left;
        margin: 0px 0 20px 0px;
    }
    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
    }
    .text-box-left {
        width: 100%;
        padding: 0 0 0 0;
    }
    .text-box.padding-1,
    .text-box.padding-2,
    .text-box.padding-3,
    .text-box.padding-4,
    .text-box.padding-5,
    .text-box.padding-6,
    .text-box.padding-7,
    .text-box.padding-8,
    .text-box.padding-9 {
        padding: 20px;
    }
    .text-box-right.more-padding-1,
    .text-box-right.more-padding-2,
    .text-box-right.more-padding-3,
    .text-box-right.more-padding-4,
    .text-box-right.less-padding-1,
    .text-box-right.less-padding-2,
    .text-box-right.less-padding-3 {
        padding: 0px 0px 0px 0px;
    }

    .btn.btn-large {
        padding: 15px 30px;
    }
    .section-side-image .text-inner {
        padding: 40px 40px 40px 0;
    }
    .section-side-image .text-inner.two {
        padding: 0px 40px 0px 0;
    }

    .sect-title-container.less-padding-1,
    .sect-title-container.less-padding-2,
    .sect-title-container.less-padding-3,
    .sect-title-container.less-padding-4,
    .sect-title-container.less-padding-5,
    .sect-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
    .sect-padding {
        padding: 30px 0 30px 0;
    }
    .sect-me-padding-1 {
        padding: 30px 0 30px 0;
    }
    .sec-bpadding-2,
    .sec-bpadding-3,
    .sec-bpadding-4 {
        padding-bottom: 30px;
    }
    .sec-tpadding-2,
    .sec-tpadding-3,
    .sec-tpadding-4 {
        padding-top: 30px;
    }
    .section-xmore-padding,
    .section-less-padding,
    .section-less-padding-2 {
        padding: 30px 0 30px 0;
    }
    .sec-moreless-padding {
        padding: 30px 0 30px 0;
    }
    .foot-copyrght-1 .social-iconbox {
        left: 16%;
        top: -59px;
    }
    .foot-copyrght-1 .social-iconbox {
        width: 71%;
    }
    .foot-copyrght-1 .social-iconbox .side-shape1.right-icon {
        left: 213px;
    }
    .fo-sec-2 .social-iconbox {
        left: 9%;
        top: -57px;
    }
    .fo-sec-3 {
        padding: 409px 0 0 0;
    }
    .foot-copyrght-1 .social-iconbox .side-shape1 {
        left: -13px;
        top: 1px;
    }
    .foot-copyrght-1 .social-iconbox .side-shape1.right-icon {
        left: 205px;
        top: 1px;
    }
    .header-inner {
        height: 170px;
    }
    .header-inner.less-height {
        height: 540px;
    }
    .sect-title-container {
        padding-bottom: 35px;
    }
}
.section-medium-dark .foot-copyrght-1 a:hover {
    color: #fff;
}

.justify-content-between {
    justify-content: space-between !important;
}

.row1 {
    display: flex;
    flex-wrap: wrap;
}

.copyrgt-menu a {
    font-size: 14px;
    margin: 0 10px;
    border-bottom: 0 !important;
    color: #ffffff;
}
.copyrgtdark-menu a {
    font-size: 14px;
    color: #101010;
    margin: 0 10px;
    border-bottom: 0 !important;
}
.col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

.col-mb-30 > .col,
.col-mb-30 > [class*="col-"] {
    padding-bottom: 30px;
}

.textj {
    text-align: justify;
}

.shape-bottom {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.qn-ft-box-1 {
    position: relative;
    width: 100%;
    float: left;
    padding: 60px;
    top: -115px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-1.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.qn-ft-box-1 .icon {
    color: #a9cd2e;
}
.qn-ft-box-1:hover {
    transform: translateY(-8px);
}
/*primary*/

.qn-ft-box-1.primary {
    background-color: #25d6a2;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-1.primary .icon {
    color: #fff;
}
.qn-ft-box-1.primary .title {
    color: #fff;
}
.qn-ft-box-1.primary .content {
    color: #fff;
}
/*dark*/

.qn-ft-box-1.secondary {
    background-color: #564bec;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-1.secondary .icon {
    color: #fff;
}
.qn-ft-box-1.secondary .title {
    color: #fff;
}
.qn-ft-box-1.secondary .content {
    color: #fff;
}
/*dark*/

.qn-ft-box-1.dark {
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-1.dark .icon {
    color: #3452a4;
}
.qn-ft-box-1.dark .title {
    color: #353535;
}
.qn-ft-box-1.dark .content {
    color: #727272;
}
.qn-ft-box-1.notop {
    top: 0;
    margin-bottom: 20px;
}

.qn-ft-box-2 {
    width: 100%;
    padding: 0;
}
.qn-ft-box-2 .text-box {
    width: 100%;
    padding: 60px;
    border: 1px solid #ebebeb;
}
.qn-ft-box-2 .text-box.shadow {
    border: none;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
}

.qn-ft-box-2 .text-box .top-line {
    position: relative;
    width: 100px;
    height: 1px;
    left: 0;
    top: 0;
    background-color: #e32d5c;
}
.qn-ft-box-2 .text-box.bg-white {
    border: 1px solid #fff;
    background-color: #fff;
}

.qn-ft-box-2 .text-box.primary {
    border: 1px solid #25d6a2;
    background-color: #25d6a2;
}
.qn-ft-box-2 .text-box.primary .title {
    color: #fff;
}
.qn-ft-box-2 .text-box.primary .content {
    color: #fff;
}

.qn-ft-box-2 .text-box.secondary {
    border: 1px solid #564bec;
    background-color: #564bec;
}
.qn-ft-box-2 .text-box.secondary .title {
    color: #fff;
}
.qn-ft-box-2 .text-box.secondary .content {
    color: #fff;
}

.qn-ft-box-2 .text-box.tertiary {
    border: 1px solid #00b657;
    background-color: #00b657;
}
.qn-ft-box-2 .text-box.tertiary .title {
    color: #fff;
}
.qn-ft-box-2 .text-box.tertiary .content {
    color: #fff;
}

.qn-ft-box-3 {
    width: 100%;
    float: left;
    border: 1px solid #f1f1f1;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
}
.qn-ft-box-3 .img-box {
    width: 144px;
    height: 144px;
    padding: 5px;
    display: inline-block;
    border-radius: 100%;
    background-color: #25d6a2;
}
.qn-ft-box-3 .img-box.dark {
    background-color: #d8d8d8;
}
.qn-ft-box-3 .text-box {
    width: 100%;
    padding: 60px;
    float: left;
    background-color: #fbfbfb;
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-3 .text-box.border {
    border: 1px solid #ebebeb;
}
.qn-ft-box-3:hover .text-box,
.qn-ft-box-3.active .text-box {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.06);
}
.qn-ft-box-3 .text-box .quote-icon {
    width: 100%;
    float: left;
}
.qn-ft-box-3 .text-box .quote-icon i {
    color: #000;
    font-size: 35px;
    transition: all 0.3s ease-out 0s;
}
.qn-ft-box-3:hover .text-box .quote-icon i {
    color: #25d6a2;
}
/*hover shadow style 2*/

.qn-ft-box-3.h-shadow-2:hover .text-box,
.qn-ft-box-3.h-shadow-2.active .text-box {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.14);
    transform: translateY(-10px);
}

.qn-ft-box-4 {
    position: relative;
    width: 100%;
    padding: 60px;
    margin-bottom: 40px;
}
.qn-ft-box-4.tmargin {
    margin-top: 35px;
}
.qn-ft-box-4.primary {
    background-color: #25d6a2;
}
.qn-ft-box-4.primary .icon {
    color: #fff;
}
.qn-ft-box-4.primary .content {
    color: #fff;
}
.qn-ft-box-4.primary .title {
    color: #fff;
}
.qn-ft-box-4.secondary {
    background-color: #564bec;
}
.qn-ft-box-4.secondary .arrow-left {
    border-right: 20px solid #564bec;
}
.qn-ft-box-4.secondary .title {
    color: #fff;
}
.qn-ft-box-4.white {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.02);
}
.qn-ft-box-4.white.shadow-2 {
    background-color: #fff;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.03);
}
.qn-ft-box-4.white .arrow-left {
    border-right: 20px solid #fff;
}
.qn-ft-box-4.white .icon {
    color: #25d6a2;
}
.qn-ft-box-4.white .content {
    color: #727272;
}
.qn-ft-box-4 .icon {
    color: #fff;
}
.qn-ft-box-4 .content {
    color: #fff;
}
.qn-ft-box-4 .arrow-left {
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: 100px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #25d6a2;
}
.qn-ft-box-4 {
    position: static;
    min-height: 0;
}
.icon-plain-large.left,
.icon-plain-medium.left,
.icon-plain-small.left,
.icon-plain-msmall.left,
.icon-plain-tiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}
/*----------------------------RESPONSIVE STYLES------------------------------- */

/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
    .qn-ft-box-1 {
        margin-top: 100px;
        position: static;
    }
}

/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
    .qn-ft-box-1 {
        margin-top: 0;
    }
}

/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {
    .qn-ft-box-1 {
        position: static;
        top: 0;
    }
}

/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
    .qn-ft-box-1 {
        margin-bottom: 20px;
    }
}
/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
    .qn-ft-box-4.white {
        margin: 0px;
        float: left;
    }
}

.form-body {
    width: 100%;
    padding: 40px;
    float: left;
}
.form-body.bg-light {
    background-color: #fff;
}
.form-body.bg-light {
    background-color: #f5f5f5;
}
.form-body.bg-dark {
    background-color: #101010;
}
.form-body.border-light {
    border: 1px solid #e9e9e9;
}
.form-body.border-dark {
    border: 1px solid #101010;
}
.input-1 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    float: left;
    height: 45px;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.input-1:focus {
    border: 1px solid #e32d5c;
    outline: medium none !important;
    transition: all 0.3s ease-out 0s;
}
.lable-text {
    color: #101010;
}
.textaria-1 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    float: left;
    height: 250px;
    margin-bottom: 15px;
    padding: 8px;
    /*	resize: none;*/
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.textaria-1:focus {
    border: 1px solid #e32d5c;
    outline: medium none !important;
    transition: all 0.3s ease-out 0s;
}
.form-body.bg-dark .lable-text {
    color: #fff;
}
.btn.btn-blue-dark {
    background-color: #265cb4;
    color: #fff;
}
.btn.-btn-blue-dark:hover {
    background-color: #1c78b4;
    color: #fff;
}

/* button animation 
 ------------------------------ */
.btn.btn-anm-3 {
    overflow: hidden;
    position: relative;
}
.btn.btn-anm-3 i {
    position: absolute;
    display: block;
    line-height: 43px;
    margin: 0;
    text-align: center;
    top: 40px;
    font-size: 20px;
    font-style: normal;
    transition: all 0.3s ease-out 0s;
}
.btn.btn-anm-3 span {
    position: relative;
    display: inline-block;
    top: 0px;
    transition: all 0.3s ease-out 0s;
}
.btn.btn-anm-3:hover i {
    top: 0px;
}
.btn.btn-anm-3:hover span {
    top: -40px;
}
a:hover {
    color: #265cb4;
}

.red {
    color: #e32d5c;
}

.blk {
    color: #101010;
    font-weight: 500;
}
.privacy {
    color: #101010;
    font-weight: 500;
    font-size: 16px;
}

.txt {
    color: #101010;
    font-weight: 600;
}

.pulsate-bck {
  animation: pulsate-bck 10s infinite cubic-bezier(.5,0,.5,1);
}

@keyframes pulsate-bck {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}