body {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 25px;
    color: #727272;
}

/* a link Styles
 ------------------------------ */
a,.btn {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:hover {
    text-decoration: none;
}

a:focus,a:hover {
    color: #87cc4f;
}

a {
    outline: medium none !important;
    color: #727272;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.nocaps {
    text-transform: none;
}

/* Headungs
 ------------------------------ */
h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: #272727;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit;
}

h1 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

h1.big {
    font-weight: 700;
    margin-bottom: 5px;
}

h1.lessmar {
    margin-bottom: 10px;
}

h1.lessmar2 {
    margin-bottom: 5px;
}

h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

h2.sty2 {
    line-height: 18px;
    margin-bottom: 0;
}

h2.big {
    font-weight: 700;
    margin-bottom: 0;
}

h2.nomargin {
    margin-bottom: 0;
}

h2.less-mar1 {
    margin-bottom: 3px;
}

h2.less-mar2 {
    margin-bottom: 5px;
}

h2.less-mar3 {
    margin-bottom: 7px;
}

h2.less-mar4 {
    margin-bottom: 9px;
}

h2.white {
    color: #fff;
}

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

h3.big {
    font-weight: 700;
    margin-bottom: 0;
}

h3.nomargin {
    margin-bottom: 0;
}

h3.less-mar1 {
    margin-bottom: 3px;
}

h3.less-mar2 {
    margin-bottom: 5px;
}

h3.less-mar3 {
    margin-bottom: 7px;
}

h3.less-mar4 {
    margin-bottom: 9px;
}

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

h4.nomargin {
    margin-bottom: 0;
}

h4.less-mar1 {
    margin-bottom: 3px;
}

h4.less-mar2 {
    margin-bottom: 5px;
}

h4.less-mar3 {
    margin-bottom: 7px;
}

h4.less-mar4 {
    margin-bottom: 9px;
}

h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 16px;
    font-style: normal;
}

h5.nomargin {
    margin-bottom: 0;
}

h5.less-mar1 {
    margin-bottom: 3px;
}

h5.less-mar2 {
    margin-bottom: 5px;
}

h5.less-mar3 {
    margin-bottom: 7px;
}

h5.less-mar4 {
    margin-bottom: 9px;
}

h6 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 14px;
    font-style: normal;
}

h6.nomargin {
    margin-bottom: 0;
}

h6.less-mar1 {
    margin-bottom: 3px;
}

h6.less-mar2 {
    margin-bottom: 5px;
}

h6.less-mar3 {
    margin-bottom: 7px;
}

h6.less-mar4 {
    margin-bottom: 9px;
}

h6.sty2 {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
}

h6.sty3 {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.h1,.h2,.h3,h1,h2,h3,h4 {
    margin-top: 0;
}

ul {
    list-style-type: none;
}

.medium {
    font: 18px 'Open Sans',sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #727272;
}

.small-medium {
    font: 16px 'Open Sans',sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #727272;
    line-height: 27px;
}

/*=============== font-style ============= */
.font-style-1 {
    font-style: italic;
}

.font-style-2 {
    font-style: normal;
}

.font-style-3 {
    font-style: inherit;
}

/*=============== less width ============= */
.less1 {
    width: 75%;
    margin: 0 auto;
}

.less2 {
    width: 50%;
    margin: 0 auto;
}

.less3 {
    width: 54%;
    margin: 0 auto;
}

.less4 {
    width: 45%;
    margin: 0 auto;
}

.less5 {
    width: 85%;
    margin: 0 auto;
}

.less6 {
    width: 70%;
    margin: 0 auto;
}

.less7 {
    width: 90%;
    margin: 0 auto;
}

.less8 {
    width: 94%;
    margin: 0 auto;
}

.less9 {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.less10 {
    width: 89%;
    margin: 0 auto;
}

/*=============== site main structure ============= */
.site_wrapper {
    width: 100%;
    margin: 0 auto;
}

.wrapper-boxed {
    width: 1240px;
    margin: auto;
}

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

/*============ Menu Backgrounds ============ */
/* Sticky bg
 ------------------------------ */
#header {
    position: relative;
    background: #fff;
    padding: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
    box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
}

#header-2 {
    position: relative;
    background: #242424;
    padding: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #ccc;
}

#header-3 {
    position: relative;
    background: #fff;
    padding: 0;
    width: 100%;
    height: 100px;
    z-index: 999;
}

.logo a img {
    width: 100%;
}

.dmm {
    width: 100%;
    background: #fff;
    padding: 0;
    height: 100px;
}

.menu-bottom-strip {
    width: 100%;
    background: #ccc;
    padding: 0;
    height: 2px;
}

/*============ Topbar Styles ============ */
/* Topbar
 ------------------------------ */
.topbar {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.topbar.white {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.topbar.light {
    background-color: #f6f6f6;
}

.topbar.dark {
    background-color: #242424;
}

.topbar.fulldark {
    background-color: #000;
    border-bottom: 1px solid #262626;
}

.topbar.blue {
    background-color: #87cc4f;
}

.topbar.orange2 {
    background-color: #f7c800;
}

.topbar.orange {
    background-color: #f09e3b;
}

.topbar.orange-dark {
    background-color: #fa5019;
}

.topbar.red2 {
    background-color: #ec4f1f;
}

.topbar.green {
    background-color: #87cc4f;
}

.topbar.green-dark {
    background-color: #8ac700;
}

.topbar.green-dark2 {
    background-color: #88cd51;
}

.topbar.pink-2 {
    background-color: #f51f6f;
}

.topbar.more-padding {
    padding: 20px 0 80px;
}

/* Topbar list
 ------------------------------ */
.toplist {
    padding: 0;
    margin: 0;
    text-align: right;
}

.toplist li {
    float: right;
    color: #fff;
    text-align: right;
    font-size: 13px;
    margin: 0;
    padding: 0 10px;
    line-height: 15px;
}

.toplist li.lineright {
    border-right: 1px solid #fff;
}

.toplist li a {
    color: #fff;
}

.toplist li a:hover {
    color: #272727;
}

.toplist.toppadding {
    padding-top: 10px;
}

.topbar-padding {
    padding: 5px 0;
}

.topbar-left-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 75%;
}

.topbar-right-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
}

/* topbar dark list color
 ------------------------------ */
.topbar.dark .toplist li a:hover {
    color: #fff;
}

.topbar.fulldark .toplist li a:hover {
    color: #fff;
}

.topbar.dark .toplist li.lineright {
    border-right: 1px solid #727272;
}

.topbar.fulldark .toplist li.lineright {
    border-right: 1px solid #3a3a3a;
}

/* topbar logo middle
 ------------------------------ */
.topbar-middle-logo.nobg {
    background: none;
}

/* topbar btn
 ------------------------------ */
a.topbar-btn:hover,a.topbar-btn.active {
    color: #FFF !important;
    background-color: #87cc4f;
}

/* topbar pink top list color
 ------------------------------ */
.topbar.pink .toplist li a {
    color: #f51f6f;
}

.topbar.pink .toplist li {
    color: #f51f6f;
}

/* topbar white top list color
 ------------------------------ */
.topbar.white-2 .toplist li a {
    color: #fff;
}

.topbar.white-2 .toplist li {
    color: #fff;
}

/* topbar orange toplist color
 ------------------------------ */
.topbar.orange2 .toplist li {
    color: #fff;
}

.topbar.orange2 .toplist li a {
    color: #fff;
}

.topbar.orange2 .toplist li a:hover {
    color: #242424;
}

/* topbar right items two
 ------------------------------ */
.topbar-right-items.two {
    width: 50%;
}

/*=============== Text Colors ============= */
.text-white {
    color: #fff;
}

.text-dark {
    color: #272727;
}

.text-light {
    color: #acacac;
}

.text-green {
    color: #87cc4f;
}

.text-green-2 {
    color: #3fc35f;
}

.text-green-3 {
    color: #a5d549;
}

.text-green-4 {
    color: #8ac700;
}

.text-orange {
    color: #ffa60a;
}

.text-orange-2 {
    color: #fd602c;
}

.text-orange-4 {
    color: #ff9320;
}

.text-orange-5 {
    color: #fd602c;
}

.text-red {
    color: #ee4531;
}

.text-red-2 {
    color: #ea3628;
}

.text-red-3 {
    color: #eb574c;
}

.text-red-4 {
    color: #f43819;
}

.text-red-5 {
    color: #ed3325;
}

.text-gray {
    color: #727272;
}

.text-violet {
    color: #7c50b7;
}

.text-violet-2 {
    color: #f05d6b;
}

.text-blue {
    color: #87cc4f;
}

.text-bgreenlue {
    color: #87cc4f;
}

.text-orange {
    color: #ffc000;
}

.text-orange-2 {
    color: #fcc813;
}

.text-orange-3 {
    color: #f09e3b;
}

.text-orange-4 {
    color: #1e1204;
}

.text-orange-5 {
    color: #f7c800;
}

.text-orange-dark {
    color: #fd602c;
}

.text-orange-fulldark {
    color: #fa5019;
}

.text-orange-green-2 {
    color: #e9ee42;
}

.text-pink {
    color: #ff0090;
}

.text-pink-2 {
    color: #ff005e;
}

.text-pink-3 {
    color: #ce0a6c;
}

.text-brown {
    color: #8b501f;
}

.text-brown-2 {
    color: #b5854d;
}

.text-cyan {
    color: #42d1aa;
}

.text-stone {
    color: #c3a254;
}

.center-aligned {
    text-align: center;
    margin: 0 auto;
}

.right-aligned {
    float: right;
}

/*=============== Margins ============= */
.bmargin {
    margin-bottom: 0;
}

.tmargin {
    margin-top: 0;
}

.col-divider-margin {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.col-divider-margin-2 {
    width: 100%;
    float: left;
}

.margin-top1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.margin-top2 {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.margin-top3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.margin-top4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}

.margin-top5 {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.margin-top6 {
    float: left;
    margin-top: 60px;
    width: 100%;
}

.margin-top7 {
    float: left;
    margin-top: 70px;
    width: 100%;
}

.margin-bottom1 {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.margin-bottom2 {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.margin-bottom3 {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.margin-bottom4 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.margin-bottom5 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}

.margin-bottom6 {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

.margin-bottom7 {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}

.margin-bottom8 {
    float: left;
    margin-bottom: 80px;
    width: 100%;
}

.margin-bottom9 {
    float: left;
    margin-bottom: 90px;
    width: 100%;
}

.margin-left-1 {
    margin-left: 10px;
}

.margin-left-2 {
    margin-left: 20px;
}

.margin-left-3 {
    margin-left: 30px;
}

.margin-left-4 {
    margin-left: 40px;
}

.margin-left-5 {
    margin-left: 50px;
}

.margin-left-6 {
    margin-left: 60px;
}

.margin-left-7 {
    margin-left: 70px;
}

.margin-left-8 {
    margin-left: 80px;
}

.margin-left-9 {
    margin-left: 90px;
}

.margin-left-10 {
    margin-left: 100px;
}

.margin-left-11 {
    margin-left: 110px;
}

.margin-left-12 {
    margin-left: 120px;
}

.margin-left-13 {
    margin-left: 130px;
}

.margin-left-14 {
    margin-left: 140px;
}

.margin-left-1 {
    margin-left: 60px;
}

.margin-right-1 {
    margin-left: -60px;
    margin-top: 40px;
}

.colmargin {
    margin: 0;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.fweight1 {
    margin-bottom: 0;
}

/*=============== Divider lines ============= */
.divider-line {
    float: left;
    width: 100%;
}

.divider-line.dashed {
    border-bottom: 1px dashed;
}

.divider-line.solid {
    border-bottom: 1px solid;
}

.divider-line.dark {
    border-bottom-color: #444;
}

.divider-line.dark-2 {
    border-bottom-color: #343333;
}

.divider-line.light {
    border-bottom-color: #e4e4e4;
}

.divider-line.top-padding {
    padding-top: 20px;
}

.divider-line.bottom-margin {
    margin-bottom: 20px;
}

.divider-line.margin {
    margin: 20px 0;
}

/* Divider Line less width
 ------------------------------ */
.divider-line.less-width-2 {
    width: 20%;
}

.divider-line.less-width-3 {
    width: 30%;
}

.divider-line.less-width-4 {
    width: 40%;
}

.divider-line.less-width-5 {
    width: 50%;
}

.divider-line.less-width-6 {
    width: 60%;
}

.divider-line.less-width-7 {
    width: 70%;
}

.divider-line.less-width-8 {
    width: 80%;
}

.divider-line.less-width-9 {
    width: 90%;
}

/* Divider Line align center
 ------------------------------ */
.divider-line.align-center {
    margin: 0 auto;
    float: none;
}

/* Divider Line colors
 ------------------------------ */
.divider-line.red2 {
    border-bottom-color: #ea3628;
}

.divider-line.orange-3 {
    border-bottom-color: #f09e3b;
}

.divider-line.red-4 {
    border-bottom-color: #e93e21;
}

.divider-line.cyan {
    border-bottom-color: #42d1aa;
}

.divider-line.blue {
    border-bottom-color: #87cc4f;
}

.divider-line.orange-4 {
    border-bottom-color: #ff9320;
}

.divider-line.green-4 {
    border-bottom-color: #8ac700;
}

/*=============== Paddings ============= */
.no-top-padding {
    padding-top: 0;
}

/* padding top
 ------------------------------ */
.padding-top-1 {
    padding-top: 10px;
}

.padding-top-2 {
    padding-top: 20px;
}

.padding-top-3 {
    padding-top: 30px;
}

.padding-top-4 {
    padding-top: 40px;
}

.padding-top-5 {
    padding-top: 50px;
}

.padding-top-6 {
    padding-top: 60px;
}

.padding-top-7 {
    padding-top: 70px;
}

.padding-top-8 {
    padding-top: 80px;
}

.padding-top-9 {
    padding-top: 90px;
}

.padding-top-10 {
    padding-top: 100px;
}

.padding-top-11 {
    padding-top: 110px;
}

.padding-top-12 {
    padding-top: 120px;
}

.padding-top-13 {
    padding-top: 130px;
}

.padding-top-14 {
    padding-top: 140px;
}

.padding-top-15 {
    padding-top: 150px;
}

/* left padding
 ------------------------------ */
.padding-left-1 {
    padding-left: 10px;
}

.padding-left-2 {
    padding-left: 20px;
}

.padding-left-3 {
    padding-left: 30px;
}

.padding-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;
}

.padding-left-9 {
    padding-left: 90px;
}

.padding-left-10 {
    padding-left: 100px;
}

.padding-left-11 {
    padding-left: 110px;
}

.padding-left-12 {
    padding-left: 120px;
}

.padding-left-13 {
    padding-left: 130px;
}

.padding-left-14 {
    padding-left: 140px;
}

.padding-left-15 {
    padding-left: 150px;
}

.padding-left-16 {
    padding-left: 160px;
}

.padding-left-17 {
    padding-left: 170px;
}

.padding-left-18 {
    padding-left: 180px;
}

.padding-left-19 {
    padding-left: 190px;
}

.padding-left-20 {
    padding-left: 200px;
}

/* 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;
}

.padding-right-less {
    padding-right: 0;
}

.nopaddtop {
    padding-top: 0;
}

/* bottom padding
 ------------------------------ */
.padding-bottom-1 {
    padding-right: 10px;
}

.padding-bottom-2 {
    padding-bottom: 20px;
}

.padding-bottom-3 {
    padding-bottom: 30px;
}

.padding-bottom-4 {
    padding-bottom: 40px;
}

.padding-bottom-5 {
    padding-bottom: 50px;
}

.padding-bottom-6 {
    padding-bottom: 60px;
}

.padding-bottom-7 {
    padding-bottom: 70px;
}

.padding-bottom-8 {
    padding-bottom: 80px;
}

.padding-bottom-less {
    padding-bottom: 0;
}

/*=============== Opacity styles ============= */
.opacity-1 {
    opacity: .1;
}

.opacity-2 {
    opacity: .1;
}

.opacity-3 {
    opacity: .3;
}

.opacity-4 {
    opacity: .4;
}

.opacity-5 {
    opacity: .5;
}

.opacity-6 {
    opacity: .6;
}

.opacity-7 {
    opacity: .7;
}

.opacity-8 {
    opacity: .8;
}

/* letter spacing
 ------------------------------ */
.lspace-sm {
    letter-spacing: 2px;
}

.lspace-msm {
    letter-spacing: 5px;
}

.lspace-1 {
    letter-spacing: 10px;
}

.lspace-2 {
    letter-spacing: 20px;
}

.lspace-3 {
    letter-spacing: 30px;
}

.lspace-4 {
    letter-spacing: 40px;
}

.lspace-5 {
    letter-spacing: 50px;
}

/* 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;
}

/*=============== Icon Boxes ============= */
.iconbox-dxlarge,.iconbox-xlarge,.iconbox-large,.iconbox-xmedium,.iconbox-medium,.iconbox-smedium,.iconbox-small,.iconbox-tiny,.iconbox-xtiny {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    transition: all .3s ease-out 0;
}

.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;
}

.digit {
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 115px;
    top: 115px;
    line-height: 36px;
    border-radius: 100%;
    background-color: #fd602c;
    transition: all .3s ease-out 0;
}

.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,.icon-plain-large.center,.icon-plain-medium.center,.icon-plain-small.center,.icon-plain-msmall.center,.icon-plain-tiny.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,.icon-plain-large.left,.icon-plain-medium.left,.icon-plain-small.left,.icon-plain-msmall.left,.icon-plain-tiny.left {
    float: left;
    margin: 0 20px 0 0;
}

.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,.icon-plain-large.right,.icon-plain-medium.right,.icon-plain-small.right,.icon-plain-msmall.right,.icon-plain-tiny.right {
    float: right;
    margin: 0 0 0 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: #242424;
}

.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;
}

.iconbox-dxlarge.color-primary,.iconbox-xlarge.color-primary,.iconbox-large.color-primary,.iconbox-xmedium.color-primary,.iconbox-medium.color-primary,.iconbox-smedium.color-primary,.iconbox-small.color-primary,.iconbox-tiny.color-primary,.iconbox-xtiny.color-primary {
    color: #fff;
    background-color: #ccc;
}

/* iconboxs with stroke
 ------------------------------ */
.iconbox-dxlarge.border-gray,.iconbox-xlarge.border-gray,.iconbox-large.border-gray,.iconbox-xmedium.border-gray,.iconbox-medium.border-gray,.iconbox-smedium.border-gray,.iconbox-small.border-gray,.iconbox-tiny.border-gray,.iconbox-xtiny.border-gray {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}

.iconbox-dxlarge.border-gray-2,.iconbox-xlarge.border-gray-2,.iconbox-large.border-gray-2,.iconbox-xmedium.border-gray-2,.iconbox-medium.border-gray-2,.iconbox-smedium.border-gray-2,.iconbox-small.border-gray-2,.iconbox-tiny.border-gray-2,.iconbox-xtiny.border-gray-2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}

.iconbox-dxlarge.border-white,.iconbox-xlarge.border-white,.iconbox-large.border-white,.iconbox-xmedium.border-white,.iconbox-medium.border-white,.iconbox-smedium.border-white,.iconbox-small.border-white,.iconbox-tiny.border-white,.iconbox-xtiny.border-white {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}

.iconbox-dxlarge.border-dark,.iconbox-xlarge.border-dark,.iconbox-large.border-dark,.iconbox-xmedium.border-dark,.iconbox-medium.border-dark,.iconbox-smedium.border-dark,.iconbox-small.border-dark,.iconbox-tiny.border-dark,.iconbox-xtiny.border-dark {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}

/*=============== Icon circles ============= */
.iconcircle-dxlarge,.iconcircle-xlarge,.iconcircle-large,.iconcircle-xmedium,.iconcircle-medium,.iconcircle-smedium,.iconcircle-small,.iconcircle-tiny,.iconcircle-xtiny {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    transition: all .3s ease-out 0;
}

.iconcircle-dxlarge {
    width: 200px;
    height: 200px;
    font-size: 46px;
    color: #242424;
    border: none;
    line-height: 135px;
}

.iconcircle-xlarge {
    width: 135px;
    height: 135px;
    font-size: 46px;
    color: #242424;
    line-height: 135px;
}

.iconcircle-large {
    width: 120px;
    height: 120px;
    font-size: 36px;
    color: #242424;
    line-height: 118px;
}

.iconcircle-xmedium {
    width: 110px;
    height: 110px;
    font-size: 38px;
    color: #242424;
    line-height: 106px;
}

.iconcircle-medium {
    width: 100px;
    height: 100px;
    font-size: 32px;
    color: #242424;
    line-height: 100px;
}

.iconcircle-smedium {
    width: 90px;
    height: 90px;
    font-size: 26px;
    color: #242424;
    line-height: 90px;
}

.iconcircle-small {
    width: 80px;
    height: 80px;
    font-size: 26px;
    color: #242424;
    line-height: 80px;
}

.iconcircle-tiny {
    width: 70px;
    height: 70px;
    font-size: 26px;
    color: #242424;
    line-height: 74px;
}

.iconcircle-xtiny {
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #242424;
    line-height: 60px;
}

.iconcircle-xlarge.no-lineheight {
    line-height: 0;
}

/* iconcirclees alignments
 ------------------------------ */
.iconcircle-dxlarge.center,.iconcircle-xlarge.center,.iconcircle-large.center,.iconcircle-xmedium.center,.iconcircle-medium.center,.iconcircle-smedium.center,.iconcircle-small.center,.iconcircle-tiny.center,.iconcircle-xtiny.center,.icon-plain-large.center,.icon-plain-medium.center,.icon-plain-small.center,.icon-plain-msmall.center,.icon-plain-tiny.center {
    margin: 0 auto;
}

.iconcircle-dxlarge.left,.iconcircle-xlarge.left,.iconcircle-large.left,.iconcircle-xmedium.left,.iconcircle-medium.left,.iconcircle-smedium.left,.iconcircle-small.left,.iconcircle-tiny.left,.iconcircle-xtiny.left,.icon-plain-large.left,.icon-plain-medium.left,.icon-plain-small.left,.icon-plain-msmall.left,.icon-plain-tiny.left {
    float: left;
    margin: 0 20px 0 0;
}

.iconcircle-dxlarge.right,.iconcircle-xlarge.right,.iconcircle-large.right,.iconcircle-xmedium.right,.iconcircle-medium.right,.iconcircle-smedium.right,.iconcircle-small.right,.iconcircle-tiny.right,.iconcircle-xtiny.right,.icon-plain-large.right,.icon-plain-medium.right,.icon-plain-small.right,.icon-plain-msmall.right,.icon-plain-tiny.right {
    float: right;
    margin: 0 0 0 20px;
}

/* iconcirclee background colors
 ------------------------------ */
.iconcircle-dxlarge.dark,.iconcircle-xlarge.dark,.iconcircle-large.dark,.iconcircle-xmedium.dark,.iconcircle-medium.dark,.iconcircle-smedium.dark,.iconcircle-small.dark,.iconcircle-tiny.dark,.iconcircle-xtiny.dark {
    color: #fff;
    background-color: #242424;
}

.iconcircle-dxlarge.white,.iconcircle-xlarge.white,.iconcircle-large.white,.iconcircle-xmedium.white,.iconcircle-medium.white,.iconcircle-smedium.white,.iconcircle-small.white,.iconcircle-tiny.white,.iconcircle-xtiny.white {
    color: #242424;
    background-color: #fff;
}

.iconcircle-dxlarge.gray,.iconcircle-xlarge.gray,.iconcircle-large.gray,.iconcircle-xmedium.gray,.iconcircle-medium.gray,.iconcircle-smedium.gray,.iconcircle-small.gray,.iconcircle-tiny.gray,.iconcircle-xtiny.gray {
    color: #fff;
    background-color: #474747;
}

/* iconcircles with stroke
 ------------------------------ */
.iconcircle-dxlarge.border-gray,.iconcircle-xlarge.border-gray,.iconcircle-large.border-gray,.iconcircle-xmedium.border-gray,.iconcircle-medium.border-gray,.iconcircle-smedium.border-gray,.iconcircle-small.border-gray,.iconcircle-tiny.border-gray,.iconcircle-xtiny.border-gray {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}

.iconcircle-dxlarge.border-gray-2,.iconcircle-xlarge.border-gray-2,.iconcircle-large.border-gray-2,.iconcircle-xmedium.border-gray-2,.iconcircle-medium.border-gray-2,.iconcircle-smedium.border-gray-2,.iconcircle-small.border-gray-2,.iconcircle-tiny.border-gray-2,.iconcircle-xtiny.border-gray-2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}

.iconcircle-dxlarge.border-white,.iconcircle-xlarge.border-white,.iconcircle-large.border-white,.iconcircle-xmedium.border-white,.iconcircle-medium.border-white,.iconcircle-smedium.border-white,.iconcircle-small.border-white,.iconcircle-tiny.border-white,.iconcircle-xtiny.border-white {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}

.iconcircle-dxlarge.border-dark,.iconcircle-xlarge.border-dark,.iconcircle-large.border-dark,.iconcircle-xmedium.border-dark,.iconcircle-medium.border-dark,.iconcircle-smedium.border-dark,.iconcircle-small.border-dark,.iconcircle-tiny.border-dark,.iconcircle-xtiny.border-dark {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}

/* Icons Plain
 ------------------------------ */
.icon-plain-large {
    font-size: 80px;
    color: #242424;
    transition: all .3s ease-out 0;
}

.icon-plain-medium {
    font-size: 60px;
    color: #242424;
    transition: all .3s ease-out 0;
}

.icon-plain-small {
    font-size: 40px;
    color: #242424;
    transition: all .3s ease-out 0;
}

.icon-plain-msmall {
    font-size: 32px;
    color: #242424;
    transition: all .3s ease-out 0;
}

.icon-plain-tiny {
    font-size: 20px;
    color: #242424;
    transition: all .3s ease-out 0;
}

.icon-plain-small.rightline {
    border-right: 1px solid #3F3F3F;
}

.icon-plain-medium.rightline {
    margin: 0 20px 50px 0;
    border-right: 1px solid #FFC153;
}

.icon-plain-small.dark {
    color: #242424;
}

/* plain icon colors
 ------------------------------ */
.icon-plain-large.dark,.icon-plain-medium.dark,.icon-plain-small.dark,.icon-plain-msmall.dark,.icon-plain-tiny.dark {
    color: #242424;
}

.icon-plain-large.white,.icon-plain-medium.white,.icon-plain-small.white,.icon-plain-msmall.white,.icon-plain-tiny.white {
    color: #fff;
}

.icon-plain-large.gray,.icon-plain-medium.gray,.icon-plain-small.gray,.icon-plain-msmall.gray,.icon-plain-tiny.gray {
    color: #727272;
}

/* text boxe padding
 ------------------------------ */
.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 ============ */
.text-box-right {
    display: block;
    padding: 0 0 0 99px;
    margin: 0;
    text-align: left;
}

.text-box-left {
    display: block;
    padding: 0 90px 0 0;
    margin: 0;
    text-align: right;
}

.item-holder {
    width: 100%;
    padding: 0;
}

.item-holder p,.item-holder span {
    font-size: 13px;
    color: #afafaf;
}

.text-box-inner {
    width: 100%;
    float: left;
    padding: 40px;
}

.text-box {
    width: 100%;
    float: left;
}

.text-box.white {
    background-color: #fff;
}

.text-box.dark {
    background-color: #242424;
}

.text-box.green {
    background-color: #87cc4f;
}

.text-box.violet {
    background-color: #f05d6b;
}

/* 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 #e4e4e4;
}

.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 #e4e4e4;
}

.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 #e4e4e4;
}

.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 #e4e4e4;
}

.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 #e4e4e4;
}

/* text boxes margin and paddings
 ------------------------------ */
/* left box
 ------------------------------ */
.item-holder.marginbottom {
    margin: 0 0 40px;
}

.text-box-left.more-padding-1 {
    padding: 0 0 0 120px;
}

.text-box-left.more-padding-2 {
    padding: 0 0 0 150px;
}

.text-box-left.less-padding-1 {
    padding: 0 70px 0 0;
}

/* right box
 ------------------------------ */
.text-box-right.more-padding-1 {
    padding: 0 0 0 120px;
}

.text-box-right.more-padding-2 {
    padding: 0 0 0 140px;
}

.text-box-right.more-padding-3 {
    padding: 0 0 0 160px;
}

.text-box-right.more-padding-4 {
    padding: 0 0 0 170px;
}

.text-box-inner.min-height-1 {
    min-height: 305px;
}

.text-box-right.less-padding-1 {
    padding: 0 0 0 70px;
}

.text-box-right.less-padding-2 {
    padding: 0;
}

/*============ Buttons ============ */
a.read-more {
    color: #fd602c;
}

a.read-more:hover {
    color: #242424;
}

a.read-more.white {
    color: #fff;
}

a.read-more.white:hover {
    color: #fff;
}

a.read-more.dark {
    color: #242424;
}

a.read-more.dark:hover {
    color: #fd602c;
}

a.read-more.dark2 {
    color: #242424;
}

a.read-more.dark2:hover {
    color: #727272;
}

a.read-more.yellow {
    color: #ffc000;
}

a.read-more.yellow:hover {
    color: #242424;
}

a.read-more.yellow-2 {
    color: #fcc813;
}

a.read-more.yellow-2:hover {
    color: #242424;
}

a.read-more.yellow-3 {
    color: #f7c800;
}

a.read-more.yellow-3:hover {
    color: #242424;
}

a.read-more.stone {
    color: #c3a254;
}

a.read-more.stone:hover {
    color: #242424;
}

a.read-more.brown-2 {
    color: #b5854d;
}

a.read-more.brown-2:hover {
    color: #242424;
}

a.read-more.pink-3 {
    color: #ce0a6c;
}

a.read-more.pink-3:hover {
    color: #242424;
}

a.read-more.blue {
    color: #87cc4f;
}

a.read-more.blue:hover {
    color: #242424;
}

a.read-more.cyan {
    color: #42d1aa;
}

a.read-more.cyan:hover {
    color: #727272;
}

.btn.active,.btn:active {
    box-shadow: none;
}

/* button styles
 ------------------------------ */
.btn {
    padding: 10px 36px;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.btn.btn-large {
    padding: 18px 60px;
}

.btn.btn-small {
    padding: 12px 42px;
}

.btn.btn-small-2 {
    padding: 4px 30px;
}

/* button radius
 ------------------------------ */
.btn.btn-xround {
    border-radius: 30px;
}

.btn.btn-round {
    border-radius: 2px;
}

.btn.top-margin {
    margin-top: 40px;
}

.btn.fontsize {
    font-size: 18px;
}

/* button background colors
 ------------------------------ */
/* button white
 ------------------------------ */
.btn.btn-white {
    color: #242424;
    background-color: #fff;
}

.btn.btn-white:hover {
    color: #fff;
    background-color: #242424;
}

/* button dark
 ------------------------------ */
.btn.btn-dark {
    color: #fff;
    background-color: #242424;
}

.btn.btn-dark:hover {
    color: #fff;
    background-color: #3e3e3e;
}

/* button dark-2
 ------------------------------ */
.btn.btn-dark-2 {
    color: #fff;
    background-color: #161616;
}

.btn.btn-dark-2:hover {
    color: #161616;
    background-color: #fff;
}

/* button dark-3
 ------------------------------ */
.btn.btn-dark-3 {
    color: #fff;
    background-color: #00091d;
}

.btn.btn-dark-3:hover {
    color: #87cc4f;
    background-color: #fff;
}

.btn.btn-dark-3.big {
    padding: 24px 30px;
}

/* button orange
 ------------------------------ */
.btn.btn-orange {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange-2
 ------------------------------ */
.btn.btn-orange-2 {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange-2:hover {
    color: #242424;
    background-color: #fff;
}

/* button orange-2 on hover dark
 ------------------------------ */
.btn.btn-orange-2.dark {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange-2.dark:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange-3
 ------------------------------ */
.btn.btn-orange-3 {
    color: #fff;
    background-color: #ff971c;
}

.btn.btn-orange-3:hover {
    color: #242424;
    background-color: #fff;
}

/* button orange-3
 ------------------------------ */
.btn.btn-orange-dark {
    color: #fff;
    background-color: #f7c800;
}

.btn.btn-orange-dark:hover {
    color: #f7c800;
    background-color: #272727;
}

.btn.btn-orange-5 {
    color: #fff;
    background-color: #f7c800;
}

.btn.btn-orange-5:hover {
    color: #f7c800;
    background-color: #fff;
}

/* button brown
 ------------------------------ */
.btn.btn-brown {
    color: #242424;
    background-color: #fff;
}

.btn.btn-brown:hover {
    color: #fff;
    background-color: #8b501f;
}

/* button brown-2
 ------------------------------ */
.btn.btn-brown-2 {
    color: #fff;
    background-color: #b5854d;
}

.btn.btn-brown-2:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange 
 ------------------------------ */
.btn.btn-orange {
    color: #fff;
    background-color: #ffc000;
}

.btn.btn-orange :hover {
    color: #fff;
    background-color: #242424;
}

/* button orange -green-2
 ------------------------------ */
.btn.btn-orange-green-2 {
    color: #242424;
    background-color: #e9ee42;
}

.btn.btn-orange-green-2:hover {
    color: #242424;
    background-color: #fff;
}

/* button orange -3
 ------------------------------ */
.btn.btn-orange-3 {
    color: #fff;
    background-color: #f09e3b;
}

.btn.btn-orange-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange -4
 ------------------------------ */
.btn.btn-orange-4 {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange-4:hover {
    color: #fff;
    background-color: #242424;
}

/* button pink
 ------------------------------ */
.btn.btn-pink {
    color: #fff;
    background-color: #f51f6f;
}

.btn.btn-pink:hover {
    color: #fff;
    background-color: #242424;
}

/* button pink-3
 ------------------------------ */
.btn.btn-pink-3 {
    color: #fff;
    background-color: #ce0a6c;
}

.btn.btn-pink-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button red
 ------------------------------ */
.btn.btn-red {
    color: #fff;
    background-color: #e93e21;
}

.btn.btn-red:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-2
 ------------------------------ */
.btn.btn-red-2 {
    color: #fff;
    background-color: #ea3628;
}

.btn.btn-red-2:hover {
    color: #fff;
    background-color: #ea3628;
}

/* button red-3
 ------------------------------ */
.btn.btn-red-3 {
    color: #fff;
    background-color: #eb574c;
}

.btn.btn-red-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-4
 ------------------------------ */
.btn.btn-red-4 {
    color: #fff;
    background-color: #f43819;
}

.btn.btn-red-4:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-5
 ------------------------------ */
.btn.btn-red-5 {
    color: #fff;
    background-color: #ed3325;
}

.btn.btn-red-5:hover {
    color: #242424;
    background-color: #fff;
}

/* button cyan
 ------------------------------ */
.btn.btn-cyan {
    color: #fff;
    background-color: #42d1aa;
}

.btn.btn-cyan:hover {
    color: #242424;
    background-color: #fff;
}

/* button blue
 ------------------------------ */
.btn.btn-blue {
    color: #fff;
    background-color: #87cc4f;
}

.btn.btn-blue:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange
 ------------------------------ */
.btn.btn-green-4 {
    color: #fff;
    background-color: #8ac700;
}

.btn.btn-green-4:hover {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

/* button with stroke
 ------------------------------ */
.btn.btn-border {
    color: #242424;
    border: 1px solid;
}

/* button border white
 ------------------------------ */
.btn.btn-border.white {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white {
    color: #242424;
    background-color: #fff;
    border-color: #fff;
}

/* button border white
 ------------------------------ */
.btn.btn-border.white-2 {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white-2 {
    color: #242424;
    background-color: #fff;
    border-color: #fff;
}

/* button border dark
 ------------------------------ */
.btn.btn-border.dark {
    border-color: #242424;
}

.btn.btn-border:hover.dark {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
}

/* button border light
 ------------------------------ */
.btn.btn-border.light {
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light {
    color: #fff;
    background-color: #87cc4f;
    border-color: #87cc4f;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
    color: #fd602c;
    border-color: #fd602c;
}

.btn.btn-border:hover.orange-2 {
    color: #fff;
    background-color: #fd602c;
    border-color: #fd602c;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
    color: #fd602c;
    border-color: #fd602c;
}

.btn.btn-border:hover.orange-2 {
    color: #fff;
    background-color: #fd602c;
    border-color: #fd602c;
}

/* button border orange-4
 ------------------------------ */
.btn.btn-border.orange-4 {
    color: #ff9320;
    border-color: #ff9320;
}

.btn.btn-border:hover.orange-4 {
    color: #fff;
    background-color: #ff9320;
    border-color: #ff9320;
}

/* button border gray
 ------------------------------ */
.btn.btn-border.gray {
    color: #fff;
    border-color: #727272;
}

.btn.btn-border:hover.gray {
    color: #fff;
    background-color: #5c5b5b;
    border-color: #5c5b5b;
}

/* button border gray-2
 ------------------------------ */
.btn.btn-border.gray-2 {
    color: #242424;
    border-color: #727272;
}

.btn.btn-border:hover.gray-2 {
    color: #fff;
    background-color: #5c5b5b;
    border-color: #5c5b5b;
}

/* button border xdark
 ------------------------------ */
.btn.btn-border.xdark {
    color: #161616;
    border-color: #161616;
}

.btn.btn-border:hover.xdark {
    color: #fff;
    background-color: #161616;
    border-color: #161616;
}

/* button border brown
 ------------------------------ */
.btn.btn-border.brown {
    color: #8b501f;
    border-color: #8b501f;
}

.btn.btn-border:hover.brown {
    color: #fff;
    background-color: #8b501f;
    border-color: #8b501f;
}

/* button border white on hover brown
 ------------------------------ */
.btn.btn-border.white.brown {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white.brown {
    color: #fff;
    background-color: #8b501f;
    border-color: #8b501f;
}

/* button border light on hover orange 
 ------------------------------ */
.btn.btn-border.orange {
    color: #f09e3b;
    border-color: #f09e3b;
}

.btn.btn-border:hover.orange {
    color: #fff;
    background-color: #f09e3b;
    border-color: #f09e3b;
}

/* button border orange -green
 ------------------------------ */
.btn.btn-border.orange-dark {
    color: #dbdc33;
    border-color: #dbdc33;
}

.btn.btn-border:hover.orange-dark {
    color: #fff;
    background-color: #dbdc33;
    border-color: #dbdc33;
}

/* button border orange -green-2
 ------------------------------ */
.btn.btn-border.orange-green-2 {
    color: #e9ee42;
    border-color: #87cc4f;
}

.btn.btn-border:hover.orange-green-2 {
    color: #242424;
    background-color: #e9ee42;
    border-color: #e9ee42;
}

/* button border light on hover orange -green-2
 ------------------------------ */
.btn.btn-border.light.orange-green-2 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.orange-green-2 {
    color: #242424;
    background-color: #e9ee42;
    border-color: #e9ee42;
}

/* button border pink
 ------------------------------ */
.btn.btn-border.pink {
    color: #f51f6f;
    border-color: #f51f6f;
}

.btn.btn-border:hover.pink {
    color: #fff;
    background-color: #f51f6f;
    border-color: #f51f6f;
}

/* button border stone
 ------------------------------ */
.btn.btn-border.stone {
    color: #c3a254;
    border-color: #c3a254;
}

.btn.btn-border:hover.stone {
    color: #fff;
    background-color: #c3a254;
    border-color: #c3a254;
}

/* button border red
 ------------------------------ */
.btn.btn-border.red {
    color: #e93e21;
    border-color: #e93e21;
}

.btn.btn-border:hover.red {
    color: #fff;
    background-color: #e93e21;
    border-color: #e93e21;
}

/* button border light hover red
 ------------------------------ */
.btn.btn-border.light.red {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.red {
    color: #fff;
    background-color: #e93e21;
    border-color: #e93e21;
}

/* button border light hover red-2
 ------------------------------ */
.btn.btn-border.light.red-2 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.red-2 {
    color: #fff;
    background-color: #ea3628;
    border-color: #ea3628;
}

/* button border orange -2
 ------------------------------ */
.btn.btn-border.orange-2 {
    color: #fcc813;
    border-color: #fcc813;
}

.btn.btn-border:hover.orange-2 {
    color: #fff;
    background-color: #fcc813;
    border-color: #fcc813;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.red-5 {
    color: #ed3325;
    border-color: #ed3325;
}

.btn.btn-border:hover.red-5 {
    color: #fff;
    background-color: #ed3325;
    border-color: #ed3325;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.light.cyan {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.cyan {
    color: #fff;
    background-color: #42d1aa;
    border-color: #42d1aa;
}

/* button border blue
 ------------------------------ */
.btn.btn-border.blue {
    color: #87cc4f;
    border-color: #87cc4f;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
    box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
}

.btn.btn-border:hover.blue {
    color: #fff;
    background-color: #87cc4f;
    border-color: #87cc4f;
}

/* button border green-4
 ------------------------------ */
.btn.btn-border.green-4 {
    color: #8ac700;
    border-color: #8ac700;
}

.btn.btn-border:hover.green-4 {
    color: #fff;
    background-color: #8ac700;
    border-color: #8ac700;
}

/* button border light hover green-4
 ------------------------------ */
.btn.btn-border.light.green-4 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.green-4 {
    color: #fff;
    background-color: #8ac700;
    border-color: #8ac700;
}

/* Appstore buttons
 ------------------------------ */
.btn.appstore {
    width: 200px;
    padding: 10px 25px;
    margin: 0;
    text-align: left;
}

.btn.appstore.right-margin {
    margin-right: 10px;
}

.btn.appstore.orange {
    background-color: #fd602c;
}

.btn.appstore span {
    margin: 0;
    float: left;
    padding: 0;
    text-align: left;
}

.btn.appstore span i {
    font-size: 40px;
    color: #fff;
    padding: 0 20px 0 0;
}

.btn.appstore p {
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0 25px 0 20px;
    text-align: left;
}

.btn.appstore .big {
    margin: 0;
    font-size: 18px;
    padding: 0;
}

.btn.appstore.orange:hover {
    background-color: #fff;
}

.btn.appstore.orange:hover p,.btn.appstore.orange:hover .big,.btn.appstore.orange:hover span i {
    color: #242424;
}

/* Appstore button white
 ------------------------------ */
.btn.appstore.white {
    background-color: #fff;
}

.btn.appstore.white span i {
    font-size: 40px;
    color: #242424;
    padding: 0 20px 0 0;
}

.btn.appstore.white:hover {
    background-color: #fd602c;
}

.btn.appstore.white:hover p,.btn.appstore.white:hover .big,.btn.appstore.white:hover span i {
    color: #fff;
}

/* color-boxes
 ------------------------------ */
.two-color-boxes {
    background: #242424 none repeat scroll 0 0;
    float: left;
    padding: 70px 0 20px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes::before {
    background: url(../images/site-img-130.jpg) no-repeat right top fixed;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
}

.two-color-boxes-two {
    background: #009ff0 none repeat scroll 0 0;
    float: left;
    padding: 70px 0 40px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes-two::before {
    background: #000 none repeat scroll 0 0;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
}

.two-color-boxes-bgimg {
    float: left;
    padding: 80px 0 50px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes-bgimg.one {
    background: url(../images/parallax_bg_28.jpg) no-repeat right top fixed;
    background-size: cover;
}

.two-color-boxes-bgimg::before {
    background: #d53805;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 62%;
    top: 0;
    z-index: -1;
}

.two-boxes-bgimg {
    background: url(../images/site-img-136.jpg) no-repeat left top fixed;
    background-size: cover;
    float: left;
    padding: 55px 0 20px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-boxes-bgimg::before {
    background: #f4f4f4;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
}

/*============ Image Boxes ============ */
.section-side-image {
    position: relative;
    padding: 0;
    margin: 0;
}

.section-side-image .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0;
    top: 0;
    position: absolute;
}

.background-imgholder.top-padd {
    padding-top: 80px;
}

.section-side-image .text-inner {
    padding: 80px 80px 80px 0;
}

.section-side-image .text-inner.two {
    padding: 0 80px 0 0;
}

.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

/* background image full width
 ------------------------------ */
.background-imgholder-full {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.background-imgholder-full.img1 {
    width: 100%;
    height: 1000px;
    background-image: url(../images/background-image01.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}

/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
    overflow: hidden;
}

/* section background dark
 ------------------------------ */
.section-dark {
    background-color: #242424;
}

.section-blue {
    background-color: #87cc4f;
}

.section-bluefulldark {
    background-color: #00091d;
}

.section-fulldark {
    background-color: #000;
}

.section-medium-dark {
    background-color: #161616;
}

.section-light {
    background-color: #f6f6f6;
}

.section-orange {
    background-color: #fd602c;
}

.section-green {
    background-color: #88cd51;
}

.section-orange-dark {
    background-color: #543005;
}

/*============ Lists ============ */
.iconlist {
    width: 100%;
    padding: 0;
    margin: 0;
}

.iconlist li {
    padding: 0;
    margin: 0 0 15px;
    display: block;
    line-height: 23px;
}

.iconlist li i {
    color: #87cc4f;
    padding: 0 15px 0 0;
}

.iconlist.orange li i {
    color: #fd602c;
    padding: 0 15px 0 0;
}

.iconlist.orange2 li i {
    color: #fd602c;
    padding: 0 15px 0 0;
}

.iconlist.dark li i {
    color: #161616;
}

.iconlist.less-margin li {
    margin: 0 0 13px;
}

.iconlist.green2 li i {
    color: #fd602c;
}

.iconlist.orange li i {
    color: #ffc000;
}

.iconlist.orange-5 li i {
    color: #f7c800;
}

.iconlist.white li i {
    color: #fff;
}

.iconlist.white-2 li {
    color: #fff;
}

.iconlist.medium li i {
    color: #727272;
}

.iconlist.dark-red li {
    color: #913256;
}

.iconlist.pink li i {
    color: #f51f6f;
    padding: 0 15px 0 0;
}

.iconlist.stone li a {
    color: #c3a254;
    margin: 0 0 10px;
}

.iconlist.stone li i {
    color: #c3a254;
}

.iconlist.red-5 li i {
    color: #ed3325;
}

.iconlist.cyan li i {
    color: #42d1aa;
}

.iconlist.blue li i {
    color: #87cc4f;
}

.iconlist.green-4 li i {
    color: #8ac700;
}

.iconlist.green-4 li {
    margin: 0 0 10px;
}

/* Client Logo List
 ------------------------------ */
.clientlogo-list {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.clientlogo-list li {
    display: inline;
    padding: 0 16px 0 0;
    margin: 0;
}

.clientlogo-list li.last {
    padding: 0;
}

.clientlogo-list.two li {
    padding: 0 90px 0 0;
}

.clientlogo-list.two li.last {
    padding: 0;
}

.clientlogo-list.two.transparent {
    opacity: .5;
}

/* Client Logo List 2
 ------------------------------ */
.client-list2 {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.client-list2 .col-md-4 {
    border-right: 1px solid rgba(255,255,255,0.3);
}

.client-list2 .col-md-4:last-child {
    border-right: none;
}

.client-list2.lastrow {
    border-bottom: none;
}

/* Client Logo List 3
 ------------------------------ */
.client-list3 {
    width: 100%;
    padding: 15px;
    margin: 0 0 3px;
    float: left;
    text-align: center;
    background-color: #fff;
}

/* side navigation list
 ------------------------------ */
.side-nav-list {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.side-nav-list li {
    width: 100%;
    padding: 0;
    margin: 0 0 2px;
    float: left;
}

.side-nav-list li a {
    width: 100%;
    padding: 15px 25px;
    margin: 0;
    font-weight: 400;
    float: left;
    background-color: #f6f6f6;
}

.side-nav-list li a:hover,.side-nav-list li a.active {
    color: #fff;
    background-color: #ffc000;
}

/* page title
 ------------------------------ */
.section-title {
    font-weight: 400;
}

/* subtitle
 ------------------------------ */
.sub-title {
    width: 48%;
    font-size: 16px;
    margin: 0 auto 70px;
}

.sub-title-2 {
    width: 48%;
    font-size: 14px;
    margin: 0 auto 70px;
}

.sub-title-left {
    width: 90%;
    font-size: 16px;
    margin-right: 10%;
    float: left;
    margin-bottom: 55px;
}

.sub-title-left-2 {
    width: 90%;
    font-size: 14px;
    margin-right: 10%;
    float: left;
    margin-bottom: 55px;
}

/* Page title style 2
 ------------------------------ */
.section-title-2 {
    font-weight: 400;
    font-size: 28px;
}

.sub-title-2.more-width {
    width: 90%;
}

/* Page title style 3
 ------------------------------ */
.section-title-3 {
    padding: 0 0 20px;
    margin: 0;
    font-weight: 700;
    font-size: 60px;
}

.section-title-3.small {
    font-weight: 700;
    padding: 0 0 10px;
    font-size: 30px;
}

/* Page title style 4
 ------------------------------ */
.section-title-4 {
    padding: 10px 0 30px;
    margin: 0;
    font-weight: 100;
    font-size: 70px;
}

/* Page title style 5
 ------------------------------ */
.section-title-5 {
    font-weight: 400;
    font-size: 26px;
}

/* Page title style 6
 ------------------------------ */
.section-title-6 {
    padding: 10px 0 0;
    margin: 0;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
}

.section-small-title-6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 60px;
}

/* page title 7
 ------------------------------ */
.section-title-7 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 50px;
}

.section-title-7 > span {
    position: relative;
    display: inline-block;
}

.section-title-7 > span:before,.section-title-7 > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px;
/* half of limiter*/
    margin: 0 20px;
    border-color: #e4e4e4;
}

.section-title-7 > span:before {
    right: 100%;
}

.section-title-7 > span:after {
    left: 100%;
}

.sec-topmargin {
    margin-top: -80px;
}

/* title bottom line 1
 ------------------------------ */
.title-line {
    background-color: #727272;
    height: 2px;
    margin: 0 auto 25px 0;
    padding: 0;
    width: 36px;
}

.title-line.wide50 {
    height: 2px;
    width: 50px;
}

.title-line.color {
    background-color: #009ff0;
}

.title-line.white {
    background-color: #fff;
}

.title-line-1 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #87cc4f;
}

.title-line-1.less-margin {
    margin: 0 auto 15px;
}

.title-line-1.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-1.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* title bottom line 2
 ------------------------------ */
.title-line-2 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #f3f3f3;
}

.title-line-2.less-margin {
    margin: 0 auto 15px;
}

.title-line-2.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-2.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* title bottom line 3
 ------------------------------ */
.title-line-3 {
    width: 90px;
    height: 3px;
    float: left;
    padding: 0;
    margin: 0 auto 70px;
    background-color: #fff;
}

/* title bottom line 4
 ------------------------------ */
.title-line-4 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #87cc4f;
}

.title-line-4.less-margin {
    margin: 0 auto 15px;
}

.title-line-4.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-4.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* title bottom line 5
 ------------------------------ */
.title-line-5 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 40px;
    background-color: #fd602c;
}

.title-line-5.less-margin {
    margin: 0 auto 15px;
}

.title-line-5.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-5.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 40px;
}

/* title bottom line 6
 ------------------------------ */
.title-line-6 {
    width: 45px;
    height: 2px;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #fff;
}

.title-line-6.align-left {
    float: left;
}

.title-line-6.less-margin {
    margin: 0 auto;
}

/* title bottom line 7
 ------------------------------ */
.title-line-7 {
    width: 100%;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 20px;
    background-color: #272727;
}

.title-line-7.less-width {
    width: 20%;
    margin: 0 50% 20px 0;
}

/* title bottom line 8
 ------------------------------ */
.title-line-8 {
    width: 45px;
    height: 3px;
    padding: 0;
    margin: 0 auto 10px;
    background-color: #f09e3b;
}

.title-line-8.left {
    width: 7%;
    float: left;
    margin: 0 93% 0 0;
}

.title-line-8.marginbottom {
    margin: 0 auto 70px;
}

.title-line-8.lessmargin {
    margin: 0 auto 40px;
}

/* title bottom line 9
 ------------------------------ */
.title-line-9 {
    width: 45px;
    height: 2px;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #88cd51;
}

.title-line-9.align-left {
    float: left;
}

.title-line-9.less-margin {
    margin: 0 auto;
}

/* title bottom line 10
 ------------------------------ */
.title-line-10 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #f7c800;
}

.title-line-10.less-margin {
    margin: 0 auto 15px;
}

.title-line-10.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-10.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* title bottom line 11
 ------------------------------ */
.title-line-11 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #fa5019;
}

.title-line-11.less-margin {
    margin: 0 auto 15px;
}

.title-line-11.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-11.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* title bottom line 12
 ------------------------------ */
.title-line-12 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    margin: 0 auto 60px;
    background-color: #f05d6b;
}

.title-line-12.less-margin {
    margin: 0 auto 15px;
}

.title-line-12.align-center.less-margin {
    margin: 0 auto 15px;
}

.title-line-12.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0;
    margin: 0 auto 60px;
}

/* Section Paddings
 ------------------------------ */
.section-padding {
    padding-top: 100px;
}

.section-bpadding {
    padding-bottom: 80px;
}

.section-bpadding-1 {
    padding-bottom: 65px;
}

.section-bpadding-2 {
    padding-bottom: 80px;
}

.section-tpadding-2 {
    padding-top: 80px;
}

.section-tpadding-3 {
    padding-top: 120px;
}

.section-bpadding-3 {
    padding-bottom: 100px;
}

.section-tpadding-4 {
    padding-top: 150px;
}

.section-bpadding-4 {
    padding-bottom: 120px;
}

.section-bpadding.less-padding {
    padding-bottom: 30px;
}

.sectiontion-xmore-padding {
    padding: 150px 0;
}

.section-less-padding {
    padding: 50px 0;
}

.section-moreless-padding {
    padding: 15px 0;
}

.section-dummy-top-padding {
    padding-top: 0;
}

.sectiontion-less-padding.top-margin {
    margin-top: -80px;
}

/* default home page Section Paddings
 ------------------------------ */
.section-padding-default-page {
    padding: 110px 0;
}

/* Section bgcolor
 ------------------------------ */
.section-bgcolor1 {
    background-color: #eceff7;
}

.section-bgcolor2 {
    background-color: #fff;
}

.section-bgcolor3 {
    background-color: #f4025b;
}

.section-bgcolor4 {
    background-color: #f9f9f9;
}

.section-bgcolor5 {
    background-color: #020203;
}

.section-bgcolor6 {
    background-color: #ec5d2c;
}

.section-bgcolor7 {
    background-color: #87cc4f;
}

.section-bgcolor8 {
    background-color: #f05d6b;
}

/*  bgcolor
 ------------------------------ */
.bgcolor1 {
    background-color: #f09e3b;
}

.bgcolor2 {
    background-color: #fff;
}

.bgcolor3 {
    background-color: #f4025b;
}

.bgcolor4 {
    background-color: #272727;
}

.bgcolor5 {
    background-color: #000;
}

.bgcolor6 {
    background-color: #ec4f1f;
}

.bgcolor7 {
    background-color: #17a917;
}

.bgcolor8 {
    background-color: #fd602c;
}

.bgcolor9 {
    background-color: #87cc4f;
}

.bgcolor10 {
    background-color: #88cd51;
}

.bgcolor11 {
    background-color: #f7c800;
}

.bgcolor12 {
    background-color: #8ac700;
}

/* Section bgimg
 ------------------------------ */
.section-bgimg {
    background-image: url(../images/background/backgroung-img1.jpg);
    background-attachment: local;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* titel Section bgimg
 ------------------------------ */
.titel-section-bgimg1 {
    background-attachment: fixed;
}

/*============ page nation ============ */
.pagenation-holder {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 100%;
}

.pagenation-holder h4 {
    margin-bottom: 0;
}

.pagenation_links a {
    color: #161616;
}

/* Testimonials Style 1
 -----------------------------------------------*/
.testimonials1 {
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all .3s ease-out 0;
}

.testimonials1 .social-icons-2 li:first-child a {
    margin-left: 35px;
}

.testimonials1 .social-icons-2 li a {
    color: #242424;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.testimonials1 .social-icons-2 li a:hover,.testimonials1 .social-icons-2 li a.active {
    color: #fff;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/* post author image holder
 -----------------------------------------------*/
.post-author-image {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 35px;
    top: 247px;
    float: left;
}

.post-author-image.round {
    border-radius: 100%;
    border: 5px solid #fff;
    text-align: center;
}

/* blog holder1
 -----------------------------------------------*/
.blog-holder1 {
    width: 100%;
    float: left;
    transition: all .3s ease-out 0;
    background-color: #f6f6f6;
}

.postinfo-icon-holder {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.blog-holder1 .post-infoicon {
    margin-right: 8px;
    float: left;
}

.blog-post-info {
    font-size: 13px;
    color: #727272;
    display: block;
    text-align: right;
}

.blog-post-info2 {
    font-size: 13px;
    color: #fff;
    display: block;
}

.blog-holder1:hover,.blog-holder1.active {
    background-color: #00091d;
}

.blog-holder1:hover h4,.blog-holder1.active h4 {
    color: #fff;
}

.image-holder {
    width: 100%;
    float: left;
}

.image-holder.lesswidth1 {
    width: 80%;
}

.image-holder.lesswidth2 {
    width: 75%;
}

.image-holder.lesswidth3 {
    width: 70%;
}

.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    transition: all .3s ease-out;
}

.image-left img {
    object-fit: cover;
}

.image-right {
    color: #fff;
    float: right;
    margin: 0;
    padding: 0 0 0 10px;
}

.img-align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.nodisplay-image {
    display: none;
}

.blog-holder-1 .post-date-box {
    position: absolute;
    width: 120px;
    height: 120px;
    float: left;
    font-size: 21px;
    color: #fff;
    padding: 36px 0 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #87cc4f;
}

.blog-holder-1 .post-date-box span {
    font-size: 13px;
    color: #fff;
    display: block;
}

.blog-holder-1 .post-date-box.two {
    top: 120px;
    color: #242424;
    background-color: #fff;
}

.blog-holder-1 .post-date-box.two span {
    color: #242424;
}

/* blog holder 2
 -----------------------------------------------*/
.blog-holder2 {
    width: 100%;
    float: left;
    background-color: #fff;
}

.blog-holder2 .text-box {
    width: 100%;
    float: left;
    border-right: 1px solid #e4e4e4;
    padding: 25px 0;
    padding-left: 0;
}

.blog-holder2 .text-box.noborder {
    border-right: none;
}

.blog-holder2 .post-date-box {
    position: static;
    background-color: #87cc4f;
    padding-top: 14px;
}

.blog-holder2.two .post-date-box {
    position: static;
    color: #161616;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.blog-holder2.two .post-date-box span {
    color: #161616;
}

/* blog holder 3
 -----------------------------------------------*/
.blog-holder3 {
    width: 100%;
    float: left;
    transition: all .3s ease-out 0;
}

/* blog holder 4
 -----------------------------------------------*/
.blog-holder4 {
    width: 100%;
    float: left;
    border: 1px solid #efefef;
    background-color: #fff;
}

.blog-holder4.noborder {
    border: none;
}

.blog-holder1 .post-date-box {
    margin: 30px 0 0 30px;
}

.content-box {
    width: 100%;
    float: left;
    padding: 40px;
}

.content-box.less-pading {
    padding: 30px;
}

.blog-post-info {
    width: 100%;
}

.blog-post-info span {
    font-size: 13px;
    color: #b9b9b9;
    margin-right: 5px;
}

.blog-post-info span.green {
    color: #fd602c;
}

/* Blog pagenation 
 ------------------------------ */
.blog-pagenation {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.blog-pagenation li {
    margin: 0;
    padding: 0;
    display: inline;
}

.blog-pagenation li a {
    color: #242424;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 40px;
    border: 1px solid #e4e4e4;
}

.blog-pagenation li a:hover,.blog-pagenation li a.active {
    color: #fff;
    border: 1px solid #87cc4f;
    background-color: #87cc4f;
}

/* post date boxes
 -----------------------------------------------*/
.post-date-box {
    position: absolute;
    width: 70px;
    height: 70px;
    float: left;
    font-size: 21px;
    color: #fff;
    padding: 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #87cc4f;
}

.post-date-box span {
    font-size: 13px;
    color: #fff;
    display: block;
}

.post-date-box .arrow-down {
    position: absolute;
    left: 25px;
    top: 81px;
    float: left;
    z-index: 3;
    border-top: 20px solid #fd602c;
}

.post-date-box2 {
    position: absolute;
    width: 80px;
    height: 80px;
    float: left;
    font-size: 21px;
    color: #fff;
    padding: 16px 0 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #fa5019;
}

.post-date-box2 span {
    font-size: 13px;
    color: #fff;
    display: block;
}

.post-date-box2 .arrow-down {
    position: absolute;
    left: 25px;
    top: 81px;
    float: left;
    z-index: 3;
    border-top: 20px solid #fd602c;
}

/* blog1 sidebar input search
 ------------------------------ */
.searchform {
    margin: 0 auto;
    position: relative;
}

.blog1-sidebar-serch_input {
    width: 100%;
    height: 40px;
    float: right;
    padding: 10px;
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #f5f4f4;
    color: #b7b7b7;
    line-height: 40px;
}

.blog1-sidebar-serch_input.dark {
    color: #ccc;
    border: 1px solid #444;
    background-color: #444;
}

.blog1-sidebar-serch-submit {
    height: 40px;
    float: right;
    padding: 5px;
    position: absolute;
    left: 0;
    background-color: #fff;
    color: #87cc4f;
    border: 0;
    border-bottom: 1px solid #87cc4f;
}

.blog1-sidebar-serch-submit.dark {
    color: #ccc;
    border: 1px solid #161616;
    background-color: #161616;
}

/* blog1 Author info box
 ------------------------------ */
.blog1-post-info-box {
    width: 100%;
}

.blog1-post-info-box.less-width {
    width: 90%;
}

a.loadmore-but {
    background-color: #dbdc33;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 40px 0;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all .3s ease-out 0;
}

a.loadmore-but:hover {
    background-color: #e7e7e7;
}

a.loadmore-but.orange-2 {
    background-color: #87cc4f;
}

a.loadmore-but.orange-2:hover {
    background-color: #242424;
}

/* Footer title
 ------------------------------ */
.footer-title {
    color: #fff;
    float: right;
}

.footer-title-bottomstrip {
    width: 10%;
    height: 3px;
    margin-top: 5px;
    margin-left: 95%;
    color: #fff;
    float: right;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.footer-title-bottomstrip2 {
    width: 34px;
    height: 2px;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.footer-title-bottomstrip.dark {
    background-color: #242424;
}

.footer-title-bottomstrip2.dark {
    background-color: #242424;
}

.footer-title.two {
    color: #242424;
}

/* Footer Useful Links
 ------------------------------ */
.usefull-links {
    padding: 0;
    margin: 0;
}

.usefull-links li {
    padding: 0;
    margin: 0 0 10px;
    display: block;
}

.usefull-links li a {
    padding: 0;
    margin: 0 0 10px;
    display: block;
    color: #afafaf;
    line-height: 23px;
}

.usefull-links li a:hover {
    color: #fff;
}

.usefull-links li i {
    color: #afafaf;
    padding: 0 0 0 10px;
}

.usefull-links li:last-child {
    border-bottom: none;
}

.usefull-links.no-border li {
    border-bottom: none;
}

/*============ Footer Newsletter ============ */
.newsletter .email_input {
    background-color: #FFF;
    border: 0 none;
    color: #999;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    padding: 0 7px;
    width: 75%;
}

.newsletter .email_input.dark {
    background-color: #2d2d2d;
    color: #727272;
}

.newsletter .input_submit {
    background-color: #727272;
    border: 0 none;
    color: #FFF;
    cursor: pointer;
    float: right;
    height: 39px;
    padding: 0 20px;
}

.newsletter .input_submit.blue {
    background-color: #87cc4f;
}

.newsletter .input_submit.white {
    color: #161616;
    background-color: #fff;
}

.newsletter .input_submit.dark {
    color: #727272;
    background-color: #2d2d2d;
}

.newsletter .input_submit.orange-green-2 {
    color: #161616;
    background-color: #e9ee42;
}

.newsletter .input_submit.green2 {
    background-color: #fd602c;
}

/* Footer Tags
 ------------------------------ */
.footer-tags {
    padding: 0;
    margin: 0;
}

.footer-tags li {
    padding: 0;
    margin: 0;
}

.footer-tags li a {
    padding: 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #727272;
    border: 1px solid #2e2e2e;
}

.footer-tags li a:hover,.footer-tags li a.active {
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
}

/* section copyright
 ------------------------------ */
.section-copyrights {
    margin: 0;
    text-align: center;
    background-color: #87cc4f;
    padding: 40px 0 20px;
}

.section-copyrights.section-white {
    color: #fff;
    background-color: #dbdc33;
}

.section-copyrights.section-white-2 {
    color: #727272;
    background-color: #fff;
}

.section-copyrights.darkblue {
    color: #727272;
    background-color: #00091d;
}

.section-copyrights.ldark {
    color: #727272;
    background-color: #272727;
}

.footer-social-icons {
    width: 100%;
    padding: 0;
    text-align: right;
}

.footer-social-icons li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.footer-social-icons li a {
    text-align: center;
    line-height: 32px;
    display: inline-block;
    padding: 0;
}

/* footer social icons 2
 ------------------------------ */
.footer-social-icons-2 {
    width: 100%;
    padding: 0;
    text-align: left;
    margin-bottom: 0;
}

.footer-social-icons-2 li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.footer-social-icons-2 li a {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 68px;
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 18px;
    border-left: 1px solid rgba(255,255,255,0.1);
}

.footer-social-icons-2 li a:hover {
    background-color: #2e2e2e;
}

.footer-social-icons-2 li.last {
    border-right: 1px solid rgba(255,255,255,0.1);
}

/* tags
 ------------------------------ */
.tags {
    padding: 0;
    margin: 0;
}

.tags li {
    padding: 0;
    margin: 0;
}

.tags li a {
    padding: 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #727272;
    background-color: #e7e7e7;
}

.tags li a:hover,.tags li a.active {
    color: #fff;
    background-color: #ccc;
}

/*tags 2
 ------------------------------ */
.tags-2 {
    padding: 0;
    margin: 0;
}

.tags-2 li {
    padding: 0;
    margin: 0;
}

.tags-2 li a {
    padding: 5px 15px;
    margin: 0 0 10px 10px;
    float: right;
    color: #727272;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    font-size: 12px !important;
}

.tags-2 li a:hover,.tags-2 li a.active {
    color: #fff;
    border: 1px solid #87cc4f;
    background-color: #87cc4f;
}

/* side navigation category links
 ------------------------------ */
.category-links {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.category-links li {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    float: left;
    border-bottom: 1px solid #eee;
}

.category-links li a:hover,.category-links li a.active {
    color: #ccc;
}

.category-links li:last-child {
    border-bottom: none;
}

/* sidebar works list
 ------------------------------ */
.sidebar-works {
    width: 100%;
    padding: 0;
    margin: 0;
}

.sidebar-works img {
    object-fit: cover;
}

.sidebar-works li {
    padding: 0;
    margin: 4px 4px 0 0;
    float: left;
}

.sidebar-works li.last {
    margin: 4px 0 0;
}

/* =========== Sidebar elements ============= */
.sidebar-posts {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    float: left;
}

.sidebar-posts img {
    object-fit: cover;
}

.sidebar-posts .post-info {
    font-size: 12px;
    color: #cecece;
}

.blog1-post-info {
    font-size: 12px;
    color: #cecece;
}

.sidebar-posts:hover h6,.sidebar-posts.active h6 {
    color: #ccc;
}

/*============ Price Tables ============ */
.pricetable-holder {
    width: 100%;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
}

.pricetable-holder .inner-holder {
    width: 100%;
    padding: 30px;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
    background-color: #fff;
}

.pricetable-holder .title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.price-circle {
    padding: 0 0 15px;
    border-top: solid 2px #f5f5f5;
    border-bottom: solid 2px #f5f5f5;
}

.price-circle .price {
    color: #272727;
    font: 32px Roboto,sans-serif;
    padding: 8px 0 0;
    text-align: center;
}

.price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    color: #000;
}

.price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 0 50px;
}

.pricetable-holder ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    color: #272727;
    font: 18px Roboto,sans-serif;
    font-weight: 300;
}

.pricetable-holder ul.plan_features li:last-child {
    border-bottom: none;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder:hover .inner-holder,.pricetable-holder.active .inner-holder {
    background-color: #87cc4f;
}

.pricetable-holder:hover ul.plan_features li,.pricetable-holder.active ul.plan_features li {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.pricetable-holder:hover .title,.pricetable-holder.active .title {
    color: #fff;
}

.pricetable-holder:hover .btn.btn-border.light,.pricetable-holder.active .btn.btn-border.light {
    color: #242424;
    background-color: #fff;
    border: 1px solid #fff;
}

/* Price Table 2
 -----------------------------------------------*/
.pricetable-holder2 {
    width: 100%;
    padding: 10px;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
    border: 1px solid #e5e5e5;
}

.pricetable-holder2 .inner-holder {
    width: 100%;
    padding: 30px;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
    background-color: #f5f5f5;
}

.pricetable-holder2 .title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.price-circle {
    width: 140px;
    height: 140px;
    padding: 30px 0 0;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #fff;
}

.price-circle .price {
    color: #242424;
    font: bold 36px/45px "Open Sans",sans-serif;
    padding: 8px 0 0;
    text-align: center;
}

.price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder2 ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 0 50px;
}

.pricetable-holder2 ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
}

.pricetable-holder2 ul.plan_features li:last-child {
    border-bottom: none;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder2:hover,.pricetable-holder2.active {
    border: 1px solid #fd602c;
}

.pricetable-holder2:hover .inner-holder,.pricetable-holder2.active .inner-holder {
    background-color: #fd602c;
}

.pricetable-holder2:hover ul.plan_features li,.pricetable-holder2.active ul.plan_features li {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.pricetable-holder2:hover .title,.pricetable-holder2.active .title {
    color: #fff;
}

.pricetable-holder2:hover .btn.btn-border.light,.pricetable-holder2.active .btn.btn-border.light {
    color: #242424;
    background-color: #fff;
    border: 1px solid #fff;
}

/* Price Table 3
 -----------------------------------------------*/
.pricetable-holder3 {
    width: 100%;
    padding: 10px;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
    border: 1px solid #e5e5e5;
}

.pricetable-holder3 .inner-holder {
    width: 100%;
    padding: 30px;
    margin: 0;
    float: left;
    transition: all .3s ease-out 0;
    background-color: #f5f5f5;
}

.pricetable-holder3 .title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.price-circle {
    width: 140px;
    height: 140px;
    padding: 30px 0 0;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #fff;
}

.price-circle .price {
    color: #242424;
    font: bold 36px/45px "Open Sans",sans-serif;
    padding: 8px 0 0;
    text-align: center;
}

.price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder3 ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 0 50px;
}

.pricetable-holder3 ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
}

.pricetable-holder3 ul.plan_features li:last-child {
    border-bottom: none;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder3:hover,.pricetable-holder3.active {
    border: 1px solid #87cc4f;
}

.pricetable-holder3:hover .inner-holder,.pricetable-holder3.active .inner-holder {
    background-color: #87cc4f;
}

.pricetable-holder3:hover ul.plan_features li,.pricetable-holder3.active ul.plan_features li {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.pricetable-holder3:hover .title,.pricetable-holder3.active .title {
    color: #fff;
}

.pricetable-holder3:hover .btn.btn-border.light,.pricetable-holder3.active .btn.btn-border.light {
    color: #242424;
    background-color: #fff;
    border: 1px solid #fff;
}

/*============ Team Section ============ */
/* Team Style 1
 ------------------------------ */
.team-box1 {
    padding: 0;
}

.team-name-holder {
    width: 100%;
    padding: 6px 0;
}

.team-name-holder.bgcolor {
    background-color: #87cc4f;
}

.team-box1 .hover-box {
    position: absolute;
    padding: 35px 0;
    margin: 0;
    top: 320px;
    left: 0;
    transition: all .3s ease-out 0;
    background-color: rgba(0,0,0,0.8);
}

.team-box1:hover .hover-box,.team-box1.active .hover-box {
    top: 130px;
}

.team-box1 .team-member {
    position: relative;
    overflow: hidden;
}

/* Team Style 2
 ------------------------------ */
.team-box2 {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #dedede;
    transition: all .3s ease-out 0;
}

.team-box2 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.team-box2 .image-holder img {
    position: relative;
    top: 0;
    left: 0;
    transition: all .3s ease-out 0;
}

.team-box2 .image-holder .hover-box {
    position: absolute;
    width: 66px;
    height: 100%;
    float: left;
    top: 0;
    left: -70px;
    padding: 30px;
    margin: 0;
    z-index: 2;
    transition: all .3s ease-out 0;
    background-color: #87cc4f;
}

.team-box2 .image-holder .hover-box .icons {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.team-box2 .image-holder .hover-box .icons li {
    padding: 0;
    margin: 0;
    float: left;
}

.team-box2 .image-holder .hover-box .icons li a {
    padding: 0;
    margin: 20px 0 0;
    font-size: 17px;
    color: #fff;
    float: left;
}

/*hover styles*/
.team-box2:hover,.team-box2.active {
    background-color: #87cc4f;
}

.team-box2:hover h4,.team-box2:hover p,.team-box2:hover h6,.team-box2.active h4,.team-box2.active p,.team-box2.active h6 {
    color: #fff;
}

.team-box2 .image-holder .hover-box .icons li a:hover {
    color: #fff;
}

.team-box2:hover .image-holder img,.team-box2.active .image-holder img {
    top: -20px;
}

.team-box2:hover .image-holder .hover-box,.team-box2.active .image-holder .hover-box {
    left: 0;
}

/* Team Style 3
 ------------------------------ */
.team-holder3 {
    overflow: hidden;
    max-height: 600px;
    background-color: #fff;
}

.team-holder3 .team-member {
    transition: all .3s ease-out;
}

.team-holder3 .team-member img {
    transition: all .3s ease-out;
}

.team-holder3 .info-box {
    position: relative;
    bottom: 0;
    overflow: hidden;
    padding: 20px;
    border-top: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all .3s ease-out;
}

.team-holder3 .info-box .btn {
    position: relative;
    top: -20px;
    text-align: center !important;
}

.team-holder3 .info-box h2 {
    font-size: 15px;
}

.team-holder3 .info-box p {
    text-align: center;
}

.team-holder3 .info-box .text-blue {
    text-align: center !important;
}

.team-holder3:hover .info-box {
    border-top: 1px solid #e4e4e4;
    bottom: 100px;
    transition: all .3s ease-out 0;
}

.team-holder3:hover .team-member img {
    transform: scale(1.1,1.1);
    transition: all .3s ease 0;
}

.team-holder3:hover .btn {
    background: #87cc4f;
    color: #fff !important;
}

/*============ Parallax Sections ============ */
.parallax-section1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg1.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section2 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg2.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section3 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg3.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section4 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg4.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section5 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg5.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section6 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg6.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section7 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg7.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section8 {
    width: 100%;
    float: left;
    margin: 0;
    text-align: left;
    color: #fff;
    background: url(../images/parallax/parallax_bgimg01.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section9 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg9.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section10 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg10.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section11 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg11.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section12 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg12.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section13 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    background: url(../images/parallax/parallax-bg13.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*Count down
 ------------------------------ */
.countdown_holder {
    width: 60%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two {
    width: 60%;
    padding: 0 0 45px;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two a {
    margin-right: 15px;
}

div#clock {
    color: #fff;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 90px;
    text-align: center;
}

div#clock p {
    border: 1px solid #fff;
    float: left;
    padding: 20px;
    margin-right: 10px;
}

div#clock p b {
    font-weight: 400;
    text-transform: uppercase;
}

div#clock p span {
    display: block;
    font-size: 50px;
    font-weight: 700;
    padding: 5px 0 20px;
}

div#clock div.space {
    color: #ccc;
    display: block;
    line-height: 1.7em;
    font-size: 50px;
    float: left;
    height: 88px;
    width: 30px;
}

/*styles two*/
div#clock2 {
    color: #fff;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 90px;
    text-align: center;
}

div#clock2 p {
    background: #fff;
    float: left;
    color: #161616;
    padding: 20px;
    margin-right: 10px;
    border: 1px solid #e4e4e4;
}

div#clock2 p b {
    font-weight: 400;
    text-transform: uppercase;
}

div#clock2 p span {
    display: block;
    font-size: 50px;
    font-weight: 700;
    padding: 5px 0 20px;
}

div#clock2 div.space {
    color: #ccc;
    display: block;
    line-height: 1.7em;
    font-size: 50px;
    float: left;
    height: 88px;
    width: 30px;
}

/*============ Progress bar ============ */
.progressbar-style1 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 35px;
    color: #fff;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
}

.progressbar-style1 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #87cc4f;
    font-size: 13px;
    color: #fff;
    padding: 8px 0 0 20px;
    text-align: left;
}

/*============ counters ============ */
.counters1 {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 42px;
    color: #fff;
    font-weight: 600;
}

.counters1 i {
    color: #59abe3;
    font-size: 30px;
    display: block;
    margin-bottom: 35px;
}

.counters1 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
}

.counters1 h5 {
    display: block;
    font-size: 14px;
    color: #fff;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

.counters1.two i {
    color: #46d8bd;
}

.counters2 {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters2 i {
    color: #242424;
    font-size: 30px;
    display: block;
    margin-bottom: 35px;
}

.counters2 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
}

.counters2 h5 {
    display: block;
    font-size: 14px;
    color: #727272;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

.counters2.two i {
    color: #46d8bd;
}

.counters3 {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters3 i {
    color: #242424;
    font-size: 40px;
    display: block;
    margin-bottom: 35px;
}

.counters3 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
}

.counters3 h5 {
    display: block;
    font-size: 14px;
    color: #727272;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

.counters3.two i {
    color: #46d8bd;
}

.counters4 {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters4 i {
    color: #242424;
    font-size: 40px;
    display: block;
    margin-bottom: 35px;
}

.counters4 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
}

.counters4 h5 {
    display: block;
    font-size: 14px;
    color: #727272;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

.counters4.two i {
    color: #46d8bd;
}

/*============ Testimonials ============ */
.testimonials7 {
    width: 100%;
    float: left;
    padding: 40px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all .3s ease-out 0;
}

.testimonials7:hover {
    border: 1px solid #d53805;
    background-color: #d53805;
}

.testimonials7:hover h6 {
    color: #fff;
}

.testimonials7.two:hover {
    background-color: #d53805;
    color: #fff;
}

.testimonials7.two:hover h6,.testimonials7.two:hover span {
    color: #fff;
}

.testimonials7.two .img-inner,.testimonials7 .img-inner {
    width: 70px;
    height: 70px;
    padding: 0;
    margin: 0;
    float: left;
    border-radius: 100%;
}

/*============ Social Links ============ */
/* social icons 1
 ------------------------------ */
.social-icons-1 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-1 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-1 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #787878;
    line-height: 28px;
    display: inline-block;
    background-color: #ebebeb;
}

.social-icons-1 li a:hover {
    color: #87cc4f;
    background-color: #fff;
    border: none;
}

.social-icons-1.round li a,.social-icons-1.round li a,.social-icons-1.round li a {
    border-radius: 100%;
}

/* social icons 2
 ------------------------------ */
.social-icons-2 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-2 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-2 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #87cc4f;
    line-height: 28px;
    display: inline-block;
    border: solid 1px #fff;
}

.social-icons-2 li a:hover {
    color: #87cc4f;
    background-color: #fff;
    border: none;
}

.social-icons-2.round li a,.social-icons-2.round li a,.social-icons-2.round li a {
    border-radius: 100%;
}

/* social icons 3
 ------------------------------ */
.social-icons-3 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-3 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-3 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #787878;
    line-height: 28px;
    display: inline-block;
    background-color: #ebebeb;
}

.social-icons-3 li a:hover {
    color: #87cc4f;
    background-color: #fff;
    border: none;
}

.social-icons-3.round li a,.social-icons-3.round li a,.social-icons-3.round li a {
    border-radius: 100%;
}

/* social icons 4
 ------------------------------ */
.social-icons-4 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-4 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-4 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #f09e3b;
    line-height: 28px;
    display: inline-block;
    background-color: #fff;
}

.social-icons-4 li a:hover {
    color: #fff;
    background-color: #f09e3b;
    border: none;
}

.social-icons-4.round li a,.social-icons-4.round li a,.social-icons-4.round li a {
    border-radius: 100%;
}

/* social icons 5
 ------------------------------ */
.social-icons-5 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-5 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-5 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #272727;
    line-height: 28px;
    display: inline-block;
    background-color: #bfbfbf;
}

.social-icons-5 li a:hover {
    color: #fff;
    background-color: #fd602c;
    border: none;
}

.social-icons-5.round li a,.social-icons-5.round li a,.social-icons-5.round li a {
    border-radius: 100%;
}

/* -----------------------------------------------*/
/* social icons 6
 ------------------------------ */
.social-icons-6 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.social-icons-6 li {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.social-icons-6 li a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    padding: 0;
    margin: 0 10px 5px 0;
    text-align: center;
    font-size: 14px;
    color: #272727;
    line-height: 28px;
    display: inline-block;
    background-color: #bfbfbf;
}

.social-icons-6 li a:hover {
    color: #fff;
    background-color: #88cd51;
    border: none;
}

.social-icons-6.round li a,.social-icons-6.round li a,.social-icons-6.round li a {
    border-radius: 100%;
}

/*------------------*/
/*social icon styles */
/*------------------------------------------------------*/
ul.social_icon-7 {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

ul.social_icon-7 li {
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
}

ul.social_icon-7 li a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 39px;
    float: left;
    background-color: #87cc4f;
}

ul.social_icon-7 li a:hover {
    color: #fff;
    background-color: #161616;
}

/*style 8*/
ul.social_icon-8 {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

ul.social_icon-8 li {
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
}

ul.social_icon-8 li a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #161616;
    line-height: 39px;
    float: left;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

ul.social_icon-8 li a:hover {
    color: #fff;
    background-color: #161616;
}

/*style 3*/
ul.social_icon-9 {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

ul.social_icon-9 li {
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
}

ul.social_icon-9 li a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 39px;
    float: left;
    border-radius: 100%;
    background-color: #fc4242;
}

ul.social_icon-9 li a:hover {
    color: #fff;
    background-color: #161616;
}

/*style 4*/
ul.social_icon-10 {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

ul.social_icon-10 li {
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
}

ul.social_icon-10 li a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #161616;
    line-height: 39px;
    float: left;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

ul.social_icon-10 li a:hover {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

/*style5*/
ul.social_icon-11 {
    padding: 0;
    margin: 0;
    float: left;
}

.social_icon-11 li {
    padding: 0;
    margin-right: 5px;
    float: left;
    display: inline;
}

.social_icon-11 li a {
    width: 45px;
    height: 45px;
    padding: 0;
    float: left;
    color: #fff;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    background-color: #fe7e20;
}

.social_icon-11 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.social_icon-11 li a.twitter {
    background-color: #46c0ff;
}

.social_icon-11 li a.twitter:hover {
    background-color: #272727;
}

.social_icon-11 li a.facebook {
    background-color: #2e68be;
}

.social_icon-11 li a.facebook:hover {
    background-color: #272727;
}

.social_icon-11 li a.googleplus {
    background-color: #e74a35;
}

.social_icon-11 li a.googleplus:hover {
    background-color: #272727;
}

.social_icon-11 li a.in {
    background-color: #097fc3;
}

.social_icon-11 li a.in:hover {
    background-color: #272727;
}

.social_icon-11 li a.dribble {
    background-color: #f44193;
}

.social_icon-11 li a.dribble:hover {
    background-color: #272727;
}

/*style6*/
ul.social_icon-12 {
    padding: 0;
    margin: 0;
    float: left;
}

.social_icon-12 li {
    padding: 0;
    margin-right: 5px;
    float: left;
    display: inline;
}

.social_icon-12 li a {
    width: 45px;
    height: 45px;
    padding: 0;
    margin: 0 0 5px;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    border-radius: 100%;
    background-color: #fe7e20;
}

.social_icon-12 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.social_icon-12 li a.twitter {
    background-color: #46c0ff;
}

.social_icon-12 li a.twitter:hover {
    background-color: #272727;
}

.social_icon-12 li a.facebook {
    background-color: #2e68be;
}

.social_icon-12 li a.facebook:hover {
    background-color: #272727;
}

.social_icon-12 li a.googleplus {
    background-color: #e74a35;
}

.social_icon-12 li a.googleplus:hover {
    background-color: #272727;
}

.social_icon-12 li a.in {
    background-color: #097fc3;
}

.social_icon-12 li a.in:hover {
    background-color: #272727;
}

.social_icon-12 li a.dribble {
    background-color: #f44193;
}

.social_icon-12 li a.dribble:hover {
    background-color: #272727;
}

/* -----------------------------------------------*/
/* orange
 -------------------------------*/
.social-icons-2.orange li a {
    color: #fff;
    background-color: #454444;
}

/* red
 -------------------------------*/
.social-icons-2.red li a {
    color: #fff;
    background-color: #e93e21;
}

/* orange
 -------------------------------*/
.social-icons-2.orange li a:hover {
    background-color: #fd602c;
}

/* orange -green
 -------------------------------*/
.social-icons-2.orange -green li a {
    color: #fff;
    background-color: #cfcfcf;
}

.social-icons-2.orange -green li a:hover,.social-icons-2.orange -green li a.active {
    background-color: #dbdc33;
}

/* orange -green-2
 -------------------------------*/
.social-icons-2.orange -green-2 li a {
    border-radius: 0;
    color: #fff;
    background-color: #454444;
}

/* orange -green-3
 -------------------------------*/
.social-icons-2.orange-green-2 li a:hover {
    color: #161616;
    background-color: #e9ee42;
}

.social-icons-2.orange-3 li a {
    color: #161616;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.social-icons-2.orange-3 li a:hover,.social-icons-2.orange-3 li a.active {
    border: 1px solid #f7c800;
    background-color: #f7c800;
}

/* brown
 -------------------------------*/
.social-icons-2.brown li a {
    color: #242424;
    background-color: #fff;
}

.social-icons-2.brown li a:hover,.social-icons-2.brown li a.active {
    background-color: #8b501f;
}

/* white
 -------------------------------*/
.social-icons-2.white li a {
    color: #fff;
    background-color: #454444;
}

.social-icons-2.white li a:hover {
    color: #242424;
    background-color: #fff;
}

/* dark
 -------------------------------*/
.social-icons-2.dark li a {
    color: #fff;
    background-color: #444;
}

.social-icons-2.dark li a:hover,.social-icons-2.dark li a.active {
    color: #fff;
    background-color: #dbdc33;
}

/* dark 2
 -------------------------------*/
.social-icons-2.dark-2 li a {
    color: #fff;
    border: 1px solid #444;
    background-color: #444;
}

.social-icons-2.dark-2 li a:hover,.social-icons-2.dark-2 li a.active {
    color: #242424;
    border: 1px solid #fff;
    background-color: #fff;
}

/* violet
 -------------------------------*/
.social-icons-2.violet li a {
    color: #a367bf;
    background-color: #fff;
}

.social-icons-2.violet li a:hover,.social-icons-2.violet li a.active {
    background-color: #a367bf;
}

/* social icons blue
 -----------------------------------------------*/
.social-icons-2.blue li a {
    color: #242424;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background-color: #fff;
}

.social-icons-2.blue li a:hover,.social-icons-2.blue li a.active {
    color: #fff;
    background-color: #87cc4f;
    border: 1px solid #87cc4f;
}

/* post info icons
 -----------------------------------------------*/
.post-infoicon {
    padding: 3px 12px;
    margin: 0 5px 0 0;
    color: #fff;
    float: left;
    font-size: 12px;
    border-radius: 20px;
    background-color: #87cc4f;
}

.post-infoicon.dark {
    background-color: #161616;
}

/* Overlay opacity styles
 ------------------------------ */
.bg-opacity-1 {
    background-color: rgba(255,255,255,0.1);
}

.bg-opacity-2 {
    background-color: rgba(255,255,255,0.2);
}

.bg-opacity-3 {
    background-color: rgba(255,255,255,0.3);
}

.bg-opacity-4 {
    background-color: rgba(255,255,255,0.4);
}

.bg-opacity-5 {
    background-color: rgba(255,255,255,0.5);
}

.bg-opacity-6 {
    background-color: rgba(255,255,255,0.6);
}

.bg-opacity-7 {
    background-color: rgba(255,255,255,0.7);
}

.bg-opacity-8 {
    background-color: rgba(255,255,255,0.8);
}

.bg-opacity-9 {
    background-color: rgba(255,255,255,0.9);
}

/* Background light
 ------------------------------ */
.section-overlay.light {
    background-color: rgba(68,60,54,0.9);
}

.section-overlay.light-2 {
    background-color: rgba(246,246,246,0.8);
}

.section-overlay.light-3 {
    background-color: rgba(246,246,246,0.7);
}

.section-overlay.light-4 {
    background-color: rgba(246,246,246,0.6);
}

.section-overlay.light-5 {
    background-color: rgba(246,246,246,0.5);
}

.section-overlay.light-6 {
    background-color: rgba(246,246,246,0.4);
}

.section-overlay.bg-primary {
    background-color: rgba(246,246,246,0.9);
}

/*=============== Opacity styles ============= */
.opacity-1 {
    opacity: .1;
}

.opacity-2 {
    opacity: .1;
}

.opacity-3 {
    opacity: .3;
}

.opacity-4 {
    opacity: .4;
}

.opacity-5 {
    opacity: .5;
}

.opacity-6 {
    opacity: .6;
}

.opacity-7 {
    opacity: .7;
}

.opacity-8 {
    opacity: .8;
}

/* Overlay Background colors
 ------------------------------ */
/* Background light
 ------------------------------ */
.section-overlay.light {
    background-color: rgba(246,246,246,0.9);
}

/* Overlay Background dark
 ------------------------------ */
.section-overlay.dark {
    background-color: rgba(0,0,0,0.5);
}

.section-overlay.dark2 {
    background-color: rgba(0,0,0,0.3);
}

.section-overlay.dark3 {
    background-color: rgba(0,0,0,0.9);
}

.section-overlay.dark4 {
    background-color: rgba(0,0,0,0.4);
}

/* Overlay Background pink
 ------------------------------ */
.section-overlay.pink-2 {
    background-color: rgba(255,169,202,0.6);
}

/* Overlay Background violet
 ------------------------------ */
.section-overlay.violet-1 {
    background-color: rgba(183,102,221,0.6);
}

/* Overlay Background stone
 ------------------------------ */
.section-overlay.stone {
    background-color: rgba(180,142,51,0.8);
}

/* Overlay Background orange
 ------------------------------ */
.section-overlay.orange-4 {
    background-color: rgba(255,147,32,0.9);
}

/* Overlay Background orange 
 ------------------------------ */
.section-overlay.orange {
    background-color: rgba(240,158,59,0.9);
}

.video-overlay.orange {
    background-color: rgba(89,50,3,0.7);
}

/* Overlay Background orange 2
 ------------------------------ */
.section-overlay.orange-2 {
    background-color: rgba(48,29,5,0.7);
}

.video-overlay.orange-2 {
    background-color: rgba(253,96,44,0.5);
}

/* Overlay Background blue 
 ------------------------------ */
.section-overlay.blue {
    background-color: rgba(0,9,29,0.9);
}

.video-overlay.blue {
    background-color: rgba(253,96,44,0.5);
}

/* flickr */
#flickr_badge_wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
}

#flickr_badge_wrapper img {
    width: 70px;
    height: 70px;
    margin-right: 2px;
    margin-bottom: 6px;
    border: 0 solid #999 !important;
    object-fit: cover;
}

#flickr_www {
    display: block;
    padding: 0 10px !important;
}

#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {
    text-decoration: none !important;
    background: inherit !important;
    color: #3993ff;
}

#flickr_badge_wrapper {
    margin-top: 25px;
}

#flickr_badge_source {
    padding: 0 !important;
}

/* Price Table 7
 -----------------------------------------------*/
.pricetable-holder7 {
    position: relative;
    width: 100%;
    padding: 15px 0 40px;
    margin: 0;
    float: left;
    text-align: center;
    transition: all .3s ease-out 0;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.pricetable-holder7.border-right {
    border-right: 1px solid #e4e4e4;
}

.pricetable-holder7 .price {
    color: #242424;
    font-size: 26px;
    font-weight: 700;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}

.pricetable-holder7 .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder7 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder7 .title-box {
    width: 100%;
    color: #242424;
    float: left;
    padding: 45px 0 15px;
    vertical-align: middle;
    border-bottom: 1px solid #e4e4e4;
}

.pricetable-holder7.first-table .title-box {
    padding: 15px 0;
}

.pricetable-holder7.first-table {
    margin-top: 83px;
}

.pricetable-holder7 .title-box .title {
    color: #242424;
}

.pricetable-holder7 .features-list {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}

.pricetable-holder7 .features-list li {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    float: left;
    color: #727272;
    border-bottom: 1px solid #e4e4e4;
}

.pricetable-top-bg-strip {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    height: 25px;
    background-color: #fff;
}

.pricetable-active-bg-strip {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    height: 25px;
    background-color: #87cc4f;
}

.pricetable-holder7.active {
    background-color: #87cc4f;
    padding-bottom: 60px;
    border: none;
}

.pricetable-holder7.active .features-list li {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.pricetable-holder7.active .title-box {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.pricetable-holder7.active .title-box .price {
    color: #fff;
}

.pricetable-holder7.active .title {
    color: #fff;
}

.pricetable-holder7 .ribbon {
    height: 130px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -15px;
    top: -39px;
    width: 180px;
    z-index: 1;
}

.screens-top-padding {
    padding-top: 150px;
}

.review-info5 {
    padding: 25px;
    text-align: left;
    background-color: #fff;
}

.col-test-5.one .carousel-indicators li {
    border-color: #f05d6b;
}

.col-test-5.one .carousel-indicators .active {
    background: #f05d6b;
    border-color: #f05d6b;
}

.side-image {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
    margin-top: 0;
}

.side-image .background-image-holder {
    top: 0;
}

.side-image .col-scon-info {
    padding: 50px 7% 50px 30px;
    text-align: left;
}

.side-image {
    background-size: cover;
    padding-bottom: 50px;
}

.col-simg {
    width: 40%;
}

.col-scon-info {
    margin-left: 42.5%;
}

.tp-bgimg {
    background-size: auto !important;
    background-position: inherit !important;
}

#wpadminbar * {
    font-family: 'artabaz','Myriad Pro',Tahoma !important;
}

.eror-404 {
    width: auto;
    display: table;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.eror-404 img {
    display: block;
    margin: 0 auto;
}

.eror-404 h2 {
    margin: 30px auto 5px;
    color: #727272;
}

.show_more_cat {
    width: 135px !important;
    top: -5px !important;
    right: -1px;
}