/* ==================================================
    Body
===================================================== */

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body {
   font-family: Helvetica,Arial,sans-serif;
   font-size: 13px;
   line-height: 21px;
   color: #818181;
   font-weight: 400;
   background-color: #f8f8f8;
}

body .page-inner {
   min-height: 750px;
   padding-bottom: 50px;
   padding-top: 50px;
   border-top: 1px solid #e8e8e8;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   color: #444;
}

h1 {
   font-size: 36px;
   line-height: 1.1em;
   margin-bottom: 14px;
}

h2 {
   font-size: 30px;
   line-height: 1.1em;
   margin-bottom: 10px;
}

h3 {
   font-size: 24px;
   line-height: 1.3em;
   margin-bottom: 8px;
}

h4 {
   font-size: 18px;
   line-height: 1.3em;
}

h5 {
   font-size: 15px;
   line-height: 1.1em;
}

h6 {
   font-size: 13px;
   line-height: 1.1em;
}

.base-font {
   font-size: 13px;
   line-height: 1.538461538461538em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600;
}

a:active {
   outline: none;
}

a:focus {
   -moz-outline-style: none;
   outline-style: none;
   outline: none;
   text-decoration: none;
}

strong {
   color: #444;
   font-weight: 500;
}


/* ==================================================
    Icon List
===================================================== */

ul.i-list {
   padding-left: 0;
   list-style: none;
}

ul.i-list .list-title {
   display: inline-block;
   position: absolute;
}

ul.i-list li {
   padding: 2px 0px;
}

ul.i-list i.fa {
   margin-right: 7px;
}

ul.i-list .list-item {
   margin-top: 3px;
   display:inline-block;
}

ul.i-list.filled i.fa {
   background: #8fc135;
   color: white;
   font-size: 9px;
   padding: 5px;
   border-radius: 50%;
   vertical-align: text-bottom;
}

ul.e-icon-list.filled li {
   padding: 2px 0px;
   line-height: 24px;
}

ul.i-list.underline li {
   padding: 6px 0px;
   border-bottom: 1px solid #eee;
}

ul.i-list.medium li {
   padding-bottom: 25px;
   position: relative;
}

ul.i-list.medium .icon {
   margin-right: 25px;
   background: #d0d0d0;
   color: white;
   font-size: 30px;
   text-align: center;
   line-height: 64px;
   width: 64px;
   height: 64px;
   border-radius: 50%;
}

ul.i-list.medium .icon i.fa {
   margin: 0;
}

ul.i-list.medium.bordered .icon {
   background: inherit;
   color: inherit;
   border: 2px solid #8fc135;
   font-size: 26px;
   color: #8fc135;
}

ul.i-list.medium .list-item {
   text-transform: uppercase;
}

ul.i-list.large .icon {
   margin-right: 30px;
   background: #d0d0d0;
   color: white;
   font-size: 30px;
   text-align: center;
   line-height: 80px;
   width: 80px;
   height: 80px;
   border-radius: 50%;
}

ul.i-list.large .icon i.fa {
   margin: 0;
}

ul.i-list.large.bordered .icon {
   background: inherit;
   color: inherit;
   border: 2px solid #8fc135;
   font-size: 30px;
   color: #8fc135;
}

ul.i-list.large .list-item {
   text-transform: uppercase;
}

ul.i-list .icon {
   float: left;
}

ul.i-list.right {
   text-align: right;
}

ul.i-list.right .icon {
   float: right;
}

ul.i-list.right .icon {
   float: right;
   margin-right: 0;
   margin-left: 25px;
}

ul.i-list.large.right .icon {
   float: right;
   margin-right: 0;
   margin-left: 30px;
}

ul.i-list .icon-content {
   overflow: hidden;
}

ul.i-list .icon-content .title {
   margin-top: 5px;
   font-size: 18px;
}


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

.footer {
   border-top: 1px solid transparent;
   background: #252525;
   color: #999;
}

.footer strong {
   color: inherit;
   font-weight: 600;
}

.footer .main {
   padding: 50px 0 50px;
}

.footer .title {
   margin-top: 0px;
   color: #ececec;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-size: inherit;
   margin-bottom: 20px;
}

.footer a {
   color: #bbb;
}

.footer .main ul li {
   line-height: 24px;
   margin-bottom: 2px;
}

.footer .post-date {
   margin-bottom: 15px;
   line-height: 20px;
   font-family: "Droid Serif", Georgia, Times, serif;
   font-style: italic;
}

.footer hr {
   border-top: 1px dashed #4e4e4e;
   margin: 15px 0;
}

.footer .map-img {
   background: url(../img/core/world-map.png) 5px 60px no-repeat;
}

.terms-menu li:first-child {
   border-left: none;
   padding: 0 7px 0 0;
}

.terms-menu li {
   line-height: 10px;
   margin-right: 2px;
   padding-left: 9px;
   border-left: 1px solid #999;
}

.footer .img-holder {
   float: left;
   margin-right: 10px;
   margin-top: 3px;
}

.footer i.fa {
   margin-right: 3px;
}

.copyright {
   padding: 20px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   height: auto;
   overflow: hidden;
   font-size: 13px;
   border-top: 0 solid transparent;
   border-top-width: 1px;
   background-color: #1c1c1c;
}

.copyright a, .copyright a:hover {
   text-decoration: none;
}

/*.footer stylelamas*/

.footer.stylelamas {
   background-color: #333;
   position: relative;
}

.footer.stylelamas .copyright {
   background-color: #363636;
   padding: 25px 0;
}

.footer.stylelamas .copyright a {
   font-weight: 600;
   color: white;
}

.footer.stylelamas .copyright p {
   font-weight: 600;
}

.footer.stylelamas .main {
   border-bottom: 1px solid #4d4d4d;
   padding: 40px 0 25px;
}

.footer.stylelamas .main ul li {
   line-height: inherit;
}

.footer.stylelamas .title {
   font-size: 13px;
   line-height: 1.538461538461538em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 12px;
}

.footer.stylelamas a {
   color: #a9a9a9;
   font-size: 13px;
}

.footer span.label {
   padding: .2em .6em .2em;
   font-size: 10px;
}


/* Footer Minimal */
.footer.footer-minimal {
   border-top: 1px solid #e2e2e2;
   background: #fff;
   color: #333;
}

   .footer.footer-minimal .main {
      padding-bottom: 35px;
   }

   .footer.footer-minimal hr {
      background-image: linear-gradient(to right,silver 50%,rgba(255,255,255,0) 40%);
      background-position: top;
      background-size: 3px 1px;
      background-repeat: repeat-x;
      height: 1px;
      border-top: 0;
      border-bottom: 0;
      margin-top: 10px;
      margin-bottom: 10px;
   }
 

   .footer.footer-minimal a {
      color: #444;
   }

   .footer.footer-minimal .main ul li {
      line-height: inherit;
      margin-bottom: inherit;
   }

/*Footer 2*/
.footer.footer-2 {
   background-color: #fbfcfd;
   color: #7a868c;
   border-top: 1px solid #e2e2e2;
}

.footer.footer-2 .main {
   padding-bottom: 40px;
}

.footer.footer-2 .title {
   color: #444;
   margin-bottom: 20px;
   letter-spacing: 0.3px;
}

.footer.footer-2 .main .latest-news ul li {
   line-height: inherit;
   margin-bottom: 15px;
}


.footer.footer-2 .main .latest-news a {
   color: #555;
   font-weight: 500;
   font-size: 12px;
   line-height: 20px;
}

.footer.footer-2 .main .latest-news .post-date {
   font-family: inherit;
   color: #999;
}

.footer.footer-2 .tag-cloud .tag-cloud-inner li > a {
   text-decoration: none;
   text-transform: none;
}

.footer.footer-2 .copyright {
   background-color: #f5f7f9;
   color: #555;
   border-top: 1px solid #e5e8ea;
}

.footer.footer-2 strong {
   color: #555;
   font-weight: 500;
}

.footer.footer-2 a {
   color: #999;
}

.footer.footer-2 ::-webkit-input-placeholder {
   color: #999;
}

.footer.footer-2 :-moz-placeholder {
   color: #999;
}

.footer.footer-2 ::-moz-placeholder {
   color: #999;
}

.footer.footer-2 :-ms-input-placeholder {
   color: #999;
}

#newsletterForm .btn {
   border-width: 1px;
   padding: 9px 18px 9px;
   border-left-width: 0;
   cursor: pointer;
}

#newsletterForm .input-group .form-control{
   height:37px;
}

.social-wrap .meta {
   line-height: 14px;
   display: inline-block;
   margin-top: 3px;
}

.social-wrap .meta .name {
   font-size: 11px;
}


/* ==================================================
    Social icon
===================================================== */

.social-icon {
   padding: 0;
   margin: 0;
   height: 30px;
   width: 30px;
   text-align: center;
   float: left;
   font-size: 17px;
   border-radius: 2px;
   margin-right: 8px;
}

.social-wrap ul li {
   margin-right: 10px;
}

.asc_twitter .social-icon {
   color: #fff;
   background-color: #46d4fe;
   border-color: #46d4fe;
   text-shadow: 1px 1px 1px #17ACD8;
}

.social-icon i {
   line-height: 30px;
}

.asc_rss .social-icon {
   color: #fff;
   background-color: #ffa133;
   border-color: #ffa133;
   text-shadow: 1px 1px 1px #D18021;
}

.asc_facebook .social-icon {
   color: #fff;
   background-color: #3b5998;
   border-color: #3b5998;
   text-shadow: 1px 1px 1px #193163;
}

.social-wrap a strong {
   font-size: 11px;
   font-weight: bold;
   color: #666;
}


/* ==================================================
    Page Header
===================================================== */

.page-header {
   padding: 23px 0px;
   margin: 0;
}

.page-header.small {
   padding: 18px 0px;
   padding-bottom: 17px;
}

.page-header .title {
   font-size: 16px;
   display: inline-block;
   margin: 0;
}

.page-header.small .title {
   font-size: 17px;
}

.page-header .breadcrumb {
   background: transparent;
   padding: 2px 15px;
   padding-left: 0;
   margin-bottom: 0;
}

.page-header.small .breadcrumb {
   padding: 0px 15px;
}

.page-header .breadcrumb > li + li:before,
.page-header .breadcrumb a {
   font-size: 12px;
}

.page-header.small .breadcrumb > li + li:before,
.page-header.small .breadcrumb a {
   font-size: 12px;
}

.breadcrumb > li + li:before {
   text-indent: -50em;
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
   width: 20px;
   background: url('../img/core/bcrumb-arrow.gif') 50% 50% no-repeat;
}

.page-header.mini {
   padding: 13px 0px;
}

.page-header.mini .breadcrumb > li + li:before,
.page-header.mini .breadcrumb a {
   font-size: 11px;
}

.page-header.mini .breadcrumb {
   padding: 0px 10px;
}

.page-header.light {
   overflow: hidden;
   /*border-top: solid 1px #eee;*/
   border-bottom: solid 1px #e8e8e8;
   background: url(../img/patterns/breadcrumbs.png) repeat;
}

.page-header.dark {
   background: #444444;
}

.page-header.dark,
.page-header.dark h1,
.page-header.dark h2,
.page-header.dark h3,
.page-header.dark h4,
.page-header.dark h5,
.page-header.dark h6 {
   color: #EEE;
}

.dark .breadcrumb a {
   color: #BBB;
}

.page-header .title .sub-title {
   display: block;
   font-size: 16px;
   font-weight: 300;
   margin: 2px 0 0;
   line-height: 20px;
   opacity: 0.65;
}

.page-header.small .title .sub-title {
   font-size: 14px;
   margin-top: 0px;
}


/* ==================================================
    Special Heading
===================================================== */

.special-heading {
   line-height: 0px;
   text-align: left;
   padding: 10px 0;
   padding-bottom: 5px;
   max-width: 100%;
   -ms-text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.special-heading span:before,
.special-heading span:after {
   content: "";
   position: absolute;
   height: 7px;
   border-top: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
   top: 37%;
   width: 1200px;
}

.special-heading.line span:before,
.special-heading.line span:after {
   content: "";
   position: absolute;
   height: 0px;
   border-top: 0px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
   top: 50%;
   width: 1200px;
}

.special-heading span,
.special-heading span {
   display: inline-block;
   position: relative;
}

.special-heading span:before {
   right: 100%;
   margin-right: 15px;
}

.special-heading span:after {
   left: 100%;
   margin-left: 15px;
}

.special-heading.center {
   text-align: center;
}

.special-heading.right {
   text-align: right;
}

.special-heading.underline span:before {
   content: none;
}

.special-heading.underline span:after {
   content: "";
   position: initial;
   height: 0px;
   border-top: 0px solid #E9E9E9;
   border-bottom: 2px solid #666;
   display: block;
   width: 25px;
   margin-top: 14px;
   margin-left: 0;
}

.special-heading.underline.center span:after {
   margin-left: auto;
   margin-right: auto;
}

.special-heading.underline.right span:after {
   margin-left: auto;
}

.special-heading.word-underline span:before,
.special-heading.word-underline span:after {
   content: none;
}

.special-heading.word-underline .special-heading-inner {
   border-bottom: 1px solid #E9E9E9;
}

.special-heading.word-underline span {
   padding-bottom: 10px;
   border-bottom: 3px solid #8fc135;
}


/* ==================================================
    Subscribe Form
===================================================== */

.subscribe-form .form-control {
   margin-right: -5px;
}

.subscribe-form .form-inline .form-control {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}



/* ==================================================
    Owl Carousel
===================================================== */

.owl-carousel {
   margin-bottom: 20px;
}

.owl-carousel .owl-item img {
   transform-style: unset;
}

.owl-carousel .thumbnail {
   margin-right: 1px;
}

.owl-carousel .item-video {
   height: 300px;
}

.owl-carousel .owl-nav {
   top: 50%;
   position: absolute;
   margin-top: -20px;
   width: 100%;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
   display: inline-block;
   position: absolute;
   width: 30px;
   height: 30px;
}

.owl-carousel .owl-nav .owl-prev {
   left: -5px;
}

.owl-carousel .owl-nav .owl-prev:before {
   font-family: FontAwesome;
   content: "\f053";
   position: relative;
   left: -1px;
   top: 1px;
}

.owl-carousel .owl-nav .owl-next {
   right: -5px;
}

.owl-carousel .owl-nav .owl-next:before {
   font-family: FontAwesome;
   content: "\f054";
   position: relative;
   left: 2px;
   top: 1px;
}

.owl-carousel.stage-margin .owl-stage-outer {
   margin-left: 40px !important;
   margin-right: 40px !important;
}

.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.owl-carousel.show-nav-hover .owl-nav {
   opacity: 0;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

.owl-carousel.show-nav-hover .owl-nav .owl-prev {
   left: -20px;
}

.owl-carousel.show-nav-hover .owl-nav .owl-next {
   right: -20px;
}

.owl-carousel.show-nav-hover:hover .owl-nav {
   opacity: 1;
}

.owl-carousel.show-nav-title .owl-nav {
   top: 0;
   right: 0;
   margin-top: -45px;
   width: auto;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"],
.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {
   font-size: 18px;
   background: transparent !important;
   width: 18px;
   font-size: 18px;
}

.owl-carousel.show-nav-title .owl-nav .owl-prev {
   left: -45px;
}

.owl-carousel.rounded-nav .owl-nav [class*="owl-"],
.owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover {
   padding: 3px 7px;
   border-radius: 50%;
   background: transparent;
   border: 1px solid #999 !important;
   color: #999;
}

.owl-carousel.nav-bottom .owl-nav {
   position: static;
   margin: 0;
   padding: 0;
   width: auto;
}

.owl-carousel.nav-bottom .owl-nav .owl-prev,
.owl-carousel.nav-bottom .owl-nav .owl-next {
   position: static;
}

.owl-carousel.nav-inside .owl-nav, 
.owl-carousel.nav-inside .owl-dots {
   bottom: 2px;
   margin-top: 10px;
   position: absolute;
   right: 6px;
}

.owl-carousel.full-width .owl-nav, 
.owl-carousel.big-nav .owl-nav {
   margin-top: -30px;
}

.owl-carousel.full-width .owl-nav [class*="owl-"],
.owl-carousel.full-width .owl-nav [class*="owl-"]:hover,
.owl-carousel.big-nav .owl-nav [class*="owl-"], 
.owl-carousel.big-nav .owl-nav [class*="owl-"]:hover {
   height: auto;
   padding: 20px 0;
}

.owl-carousel.full-width .owl-nav .owl-prev, 
.owl-carousel.big-nav .owl-nav .owl-prev {
   border-radius: 0 4px 4px 0;
}

.owl-carousel.full-width .owl-nav .owl-next, 
.owl-carousel.big-nav .owl-nav .owl-next {
   border-radius: 4px 0 0 4px;
}

.owl-carousel.top-border {
   border-top: 1px solid #DBDBDB;
   padding-top: 18px;
}

/* Spaced */
.owl-carousel-spaced {
   margin-left: -5px;
}

.owl-carousel-spaced .owl-item > div {
   margin: 5px;
}

/* Testimonials */
.owl-carousel.testimonials img {
   display: inline-block;
   height: 70px;
   width: 70px;
}

/* Responsive */
@media (max-width: 479px) {
   .owl-carousel-spaced {
      margin-left: 0;
   }
}
/* Carousel Areas */
.carousel-areas {
   background: transparent url(../img/patterns/stripes.html) repeat 0 0;
   margin-bottom: -10px;
   padding: 10px 10px 0 10px;
   border-radius: 6px 6px 0 0;
}

.carousel-areas .owl-carousel {
   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.carousel-areas .owl-carousel .owl-nav .owl-prev {
   left: -55px;
}

.carousel-areas .owl-carousel .owl-nav .owl-next {
   right: -55px;
}

.carousel-areas .owl-carousel:first-child img {
   border-radius: 6px 6px 0 0;
}

/* Responsive */
@media (max-width: 991px) {
   .carousel-areas .owl-carousel .owl-nav {
      display: none;
   }
}


/* ==================================================
    Call to Actions
===================================================== */

.call-to-action {
   position: relative;
   clear: both;
   min-height: 90px;
   border: solid 1px #e8e8e8;
   padding: 25px 30px;
   background: white;
}

section.call-to-action {
   padding: 35px 32px;
}

.call-to-action::after {
   clear: both;
   content: "";
   display: table;
}

.call-to-action .title {
   margin: 0;
   margin-top: 8px;
   padding-bottom: 2px;
   text-transform: none;
   display: inline-block;
   letter-spacing: 0;
   font-weight: 400;
   font-size: 18px;
}

.call-to-action .sub-title {
   margin: 0;
   margin-bottom: 0px;
   margin-top: 5px;
   font-size: 13px;
   display: inline-block;
}

.call-to-action .call-to-action-content {
   width: 70%;
   display: inline-block;
}

.call-to-action .call-to-action-btn {
   width: 30%;
   display: inline-block;
   float: right;
   text-align: right;
   margin-top: 3px;
}

.call-to-action strong {
   font-weight: 500;
}

.call-to-action .call-to-action-btn .btn {
   margin-bottom: 0;
   text-shadow: 0 -1px 0 rgba(0,0,0,.1);
   box-shadow: 0 3px 7px rgba(20,48,82,.12), 0 0 0 1px rgba(27,69,120,.02);
}

.call-to-action .call-to-action-content {
   width: 70%;
   display: inline-block;
}

.call-to-action .call-to-action-btn .btn:last-child {
   margin-left: 5px;
   padding-left: 15px;
   padding-right: 18px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.call-to-action.center {
   text-align: center;
}

.call-to-action.center .call-to-action-btn {
   text-align: left;
}

.call-to-action.light {
   overflow: hidden;
   border-top: solid 1px #e8e8e8;
   border-bottom: solid 1px #e8e8e8;
   background: url(../img/patterns/breadcrumbs.png) repeat;
}

.call-to-action-icon {
   display: inline-block;
   font-size: 30px;
   vertical-align: -3px;
   margin-right: 10px;
   border-right: 1px solid #eee;
   padding-right: 15px;
}

.call-to-action-icon.big {
   font-size: 50px;
   margin-right: 15px;
   padding-right: 15px;
   float: left;
}

.call-to-action.center-content {
   text-align: center;
}

.call-to-action.center-content .call-to-action-content {
   width: 100%;
   display: block;
}

.call-to-action.center-content .call-to-action-btn {
   width: 100%;
   display: block;
   text-align: center;
   margin-top: 12px;
}

.call-to-action.center-content .sub-title {
   display: block;
}

.call-to-action.left-content {
   text-align: left;
}

.call-to-action.left-content .call-to-action-content {
   width: 100%;
   display: block;
}

.call-to-action.left-content .call-to-action-btn {
   width: 100%;
   display: block;
   text-align: left;
   margin-top: 12px;
}

.call-to-action.left-content .sub-title {
   display: block;
}


/* ==================================================
    Feature Box
===================================================== */

.feature-box {
   display: block;
   position: relative;
}

.feature-box .title {
   font-size: 18px;
   margin-bottom: 10px;
}

.feature-box .icon {
   display: inline-block;
   font-size: 30px;
   margin-bottom: 10px;
   color: #72c02c;
}

.feature-box .icon.medium {
   font-size: 40px;
}

.feature-box .icon.big {
   font-size: 50px;
}

.feature-box .icon.biger {
    font-size: 70px;
}

.feature-box .icon.bordered {
   font-size: 25px;
   margin-bottom: 13px;
   border: 1px solid #72c02c;
   border-radius: 50%;
   height: 65px;
   width: 65px;
   line-height: 65px;
   text-align: center;
}

.feature-box .icon.bordered.small {
   height: 56px;
   width: 56px;
   line-height: 54px;
   font-size: 26px;
}

.feature-box .icon.bordered.medium {
   height: 70px;
   width: 70px;
   line-height: 68px;
   font-size: 30px;
}

.feature-box .icon.bordered.big {
   height: 80px;
   width: 80px;
   line-height: 78px;
   font-size: 35px;
}

.feature-box .icon.filled {
   font-size: 25px;
   margin-bottom: 15px;
   border: 1px solid #e8e8e8;
   background: #72c02c;
   color: white;
   border-radius: 50%;
   height: 64px;
   width: 64px;
   line-height: 62px;
   text-align: center;
}

.feature-box .icon.filled.medium {
   height: 70px;
   width: 70px;
   line-height: 68px;
   font-size: 30px;
}

.feature-box .icon.filled.big {
   height: 80px;
   width: 80px;
   line-height: 78px;
   font-size: 35px;
}

.feature-box.left-icon .icon {
   float: left;
   display: block;
   margin-right: 20px;
}

.feature-box-shadow {
   box-shadow: 1px 1px rgba(0,0,0,.2);
}

.feature-box.left-icon .content {
   overflow: hidden;
}

.feature-box.left-icon.inline-icon .icon {
   font-size: 27px;
   margin-bottom: 0;
   margin-top: -3px;
}

.feature-box.left-icon.inline-icon .content {
   overflow: visible;
}

.feature-box.right-content {
   text-align: right;
}

.feature-box.left-icon.right-content .icon {
   float: right;
   margin-right: 0px;
   margin-left: 15px;
}

.feature-box.center-content {
   text-align: center;
}

.feature-box.boxed {
   background: #ffffff;
   padding: 27px 30px;
   border: 1px solid #e8e8e8;
   border-radius: 2px;
   overflow: hidden;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.feature-box.boxed:hover {
   -webkit-transform: translateY(-5px);
   -moz-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   transform: translateY(-5px);
}

.feature-box.boxed.boxed-top-icon {
   padding-top: 0px;
   overflow: visible;
   margin-top: 35px;
}

.feature-box.boxed.boxed-top-icon .icon {
   margin-top: -32px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.feature-box.boxed.boxed-top-icon .icon.medium {
   margin-top: -37px;
}

.feature-box.boxed.boxed-top-icon .icon.big {
   margin-top: -42px;
}



/* ==================================================
    Cube Portfolio
===================================================== */

.cbp-l-filters-alignCenter .cbp-filter-item {
   color: rgba(48, 49, 51, 0.5);
   font: inherit;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 12px;
   line-height: 1.538461538461538em;
   letter-spacing: 0.5px; 
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
   background-color: #8fc135;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:after {
   border-top: 4px solid #8fc135;
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
   color: #444;
   border-color: #444;
}

.cbp-l-grid-masonry-projects-title {
   color: #444;
   font: inherit;
   font-size: 13px;
   line-height: 1.538461538461538em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600; 
}

.cbp-l-grid-masonry-projects-title:hover {
   color: #5fb611;
}

.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
   background-color: rgba(255, 255, 255, 0.62);
}

.cbp-l-filters-buttonCenter {
   margin-bottom: 25px;
}

.cbp-l-grid-masonry-projects-desc {
   font-size: 13px;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
   text-transform: uppercase;
   border: none;
   color: rgba(48, 49, 51, 0.5);
   font-weight: 600;
   font-size: 12px;
   padding: 0px 6px;
   margin-bottom: 0;
   font-family: inherit;
   background: transparent;
}

.cbp-search-input {
   border: 1px solid #e2e2e2;
   font: inherit;
   outline: none !important;
}

/* Blog */
.cbp-l-grid-blog-title {
   text-transform: none;
   margin-top: 0;
   font: inherit;
   font-size: 18px;
   line-height: 30px;
}

.cbp-l-filters-list .cbp-filter-item {
   text-transform: uppercase;
   border: none;
   font: inherit;
   padding: 5px 6px;
   padding-top: 6px;
   margin-right: 10px;
   font-weight: 600;
   font-size: 12px;
   color: rgba(48, 49, 51, 0.5);
   margin-bottom: 0;
}

.cbp-search {
   margin-bottom: 30px;
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
   background-color: inherit;
   border: none;
   color: black;
}

.cbp-l-filters-list-first {
   border-radius: 1px 0 0 1px;
}

.cbp-l-filters-list-last {
   border-radius: 0 1px 1px 0;
}

.cbp-l-grid-blog-desc {
   font: inherit;
   color: inherit;
}

.cbp-l-grid-blog-date {
   font: inherit;
   font-size: 13px;
   color: #8fc135;
}

.cbp-l-grid-blog-footer {
   position: relative;
   display: inline-block;
   width: 100%;
   margin: 10px 0 0 0;
   line-height: 25px;
}

.cbp-l-grid-blog-author {
   position: relative;
   display: inline-block;
   float: left;
   font-size: 13px;
   font-style: italic;
}

.cbp-l-grid-blog-comment {
   position: relative;
   display: inline-block;
   float: right;
   font-size: 13px;
}

.cbp-l-grid-blog-meta {
   padding: 20px 24px;
   padding-bottom: 16px;
   overflow: hidden;
   border: solid 1px #eee;
   border-top-width: 0px;
   background: url(../img/patterns/breadcrumbs.png) repeat;
}

.cbp-l-grid-blog-cats-holder * {
   position: relative;
}

.cbp-l-grid-blog-cats-holder {
   position: relative;
   display: inline;
   padding: 0 10px 0 0;
   font-size: 13px;
   font-weight: normal;
   line-height: 16px;
}

.cbp-l-grid-blog-read-more {
   margin-top: 10px;
   font-weight: 600;
}

.cbp-l-grid-blog-read-more a {
   color: inherit;
}

.cbp-l-grid-agency-title {
    margin-top: 18px;
    font-family:inherit;
    text-align: center;
    font-size: 16px;
    color: #555;
    font-weight: 500;
}


/* ==================================================
    Blog List
===================================================== */

.blog-list-item {
   margin-bottom: 55px;
}

.blog-list-image img {
   width: 100%;
}

.blog-list-meta {
   display: block;
   padding-left: 80px;
}

.blog-list-date-wrap {
   float: left;
   display: inline;
   position: relative;
   z-index: 1;
   min-height: 1px;
}

.blog-list-meta-wrap {
   float: left;
   display: inline;
   margin-left: 30px;
   position: relative;
   z-index: 1;
   min-height: 1px;
}

.blog-list-title {
   text-transform: none;
   margin-top: 0;
   font: inherit;
   font-size: 21px;
   font-weight: 500;
   line-height: 30px;
   padding-left: 80px;
   padding-top: 20px;
   padding-bottom: 10px;
}

.blog-list-date {
   font: inherit;
   font-size: 13px;
   color: #8fc135;
   display: inline-block;
}

.blog-list-split {
   margin: 0 4px; 
   color: #787878;
   display: inline-block;
}

.blog-list-cats-holder {
   position: relative;
   display: inline;
   padding: 0 10px 0 0;
   font-size: 13px;
   font-weight: normal;
   line-height: 16px;
}

.blog-list-read-more {
   padding-top: 15px;
}

.day {
   font-size: 23px;
   display: block;
   width: 50px;
   height: 50px;
   position: relative;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 1px;
   line-height: 50px;
   z-index: 3;
   background: #ffffff;
   text-align: center;
   border: 1px solid #e8e8e8;
}

.date_group {
   display: block;
   width: 50px;
   height: 50px;
   position: relative;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   top: -10px;
   z-index: 1;
   text-align: center;
}

.month {
   display: block;
   font-size: 11px;
   line-height: 1em;
   position: relative;
   text-transform: uppercase;
   width: 50px;
   padding-top: 15px;
}

.year {
   display: block;
   font-size: 11px;
   line-height: 1em;
   position: relative;
   width: 50px;
}

.blog-post-left-wrap {
   float: left;
   display: inline;
   position: relative;
   z-index: 1;
   min-height: 1px;
}

.blog-post-l-info {
   font-size: 23px;
   display: block;
   width: 50px;
   height: 50px;
   position: relative;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   line-height: 50px;
   z-index: 3;
   background: #f8f8f8;
   text-align: center;
}


/* ==================================================
    Side bar
===================================================== */

.page.has-sidebar.bordered .page-header {
   margin-bottom: 0;
}

.page.has-sidebar.bordered .page-inner {
   padding-bottom: 0;
}

.page.has-sidebar.bordered .left-side {
   padding-top: 50px;
   padding-bottom: 50px;
}

.page.has-sidebar.bordered .right-side-sidebar {
   padding-top: 50px;
   padding-bottom: 50px;
}

.has-sidebar.bordered.right-sidebar .left-side-sidebar {
   border-right: 1px solid #e8e8e8;
   padding-right: 40px;
}

.has-sidebar.bordered.right-sidebar .right-side-sidebar {
   padding-left: 40px;
}

aside section {
   margin-bottom: 45px;
}

aside section:after {
   clear: both;
   display: table;
   content: " ";
}

aside .heading .title {
   font-weight: 500;
   font-size: 15px;
   margin-bottom: 15px;
}

aside section ul li {
   line-height: 28px;
   margin-bottom: 10px;
}

aside section .list-inline > li {
   padding-right: 0;
}

aside .img-holder {
   float: left;
   margin-right: 10px;
   margin-top: 3px;
}

aside section hr {
   margin-top: 10px;
   margin-bottom: 10px;
}

aside .post-date {
   margin-bottom: 15px;
   line-height: 20px;
   font-family: "Droid Serif", Georgia, Times, serif;
   font-style: italic;
}

aside ul.nav-list > li > a {
   padding: 6px 0 6px 18px;
}

aside ul.nav-list li ul {
   list-style: none;
   margin: 0 0 0 20px;
   padding: 0;
}

.search-form input[type="text"] {
   background-repeat: no-repeat;
   background-position: 7px 50%;
   background-image: url(../img/core/icon-search.png);
   padding-left: 25px;
}

.big-search-wrap .search-form input[type="text"] {
   background-position: 97% 50%;
   padding: 22px 38px;
   padding-left: 20px;
   border-radius: 4px;
}


aside .search-form .input-group {
   width: 100%;
}

aside ul.nav-list li a {
   padding: 6px 8px 6px 2px;
   display: block;
   text-decoration: none;
   line-height: 20px;
   color: inherit;
}

ul.nav-list li ul {
   list-style: none;
   margin: 0 0 0 25px;
   padding: 0;
}

ul.nav-list li a:hover {
   background-color: transparent;
   text-decoration: none;
}

aside .nav.nav-list li {
   margin-bottom: 0;
}

ul.nav-list li a:before {
   content: "\f105";
   font-family: Fontawesome;
   margin-right: 6px;
}

ul.nav-list .count {
   float: right;
}

.tag-cloud .tag-cloud-inner {
   margin: 0;
   padding: 0;
   list-style: none;
   height: auto;
}

.tag-cloud .tag-cloud-inner li {
   float: left;
   margin-bottom: 5px!important;
}

.tag-cloud .tag-cloud-inner li > a {
   margin-right: 5px;
   padding: 5px 9px;
   padding-bottom: 4px;
   text-decoration: none;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   border: 1px solid #e2e2e2;
   font-size: 11px;
   line-height: 15px;
   background-size: 100% 100%;
   background-position: center center;
   color: inherit;
   text-transform: uppercase;
   background: white;
}

.img-grid li:before, .img-grid li:after {
   content: '';
   position: absolute;
}

.img-grid {
   list-style: none;
   overflow: hidden;
}

.img-grid li {
   float: left;
   position: relative;
   width: 20%;
   padding: 0;
   margin-bottom: 8px;
   -webkit-backface-visibility: hidden;
}

.img-grid li img {
   display: block;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}

.img-grid.img-grid-4 li {
   width: 25%;
}

.img-grid.img-grid-3 li {
   width: 33%;
}

.img-grid.img-grid-2 li {
   width: 50%;
}


/* ==================================================
    Form Elements
===================================================== */

.form-group:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.form-control {
   border: 1px solid #e8e8e8;
   font-size: inherit;
   box-shadow: none;
   border-radius: 1px;
   padding: .6rem .75rem;
}

.form-control:focus,
.form-control:active {
   box-shadow: none;
   border-color: #72c02c;
}

label {
   margin-bottom: 2px;
   font-weight: 600;
   font-size: 12px;
   color: #555;
}

.required {
   color: #72c02c;
}


/* ==================================================
    Blockquote
===================================================== */

blockquote {
   padding: 5px 20px;
   margin: 0 0 20px;
   font-size: 17px;
   line-height: 25px;
   border-left: 5px solid #e2e2e2;
}


/* ==================================================
    Comments
===================================================== */

.post-block.post-comments {
   margin-top: 30px;
}

ul.comments {
   list-style: none;
   margin: 0;
   padding: 0;
}

ul.comments li {
   clear: both;
   padding: 10px 0 0 100px;
}

ul.comments li .comment {
}

ul.comments li .img-thumbnail {
   margin-left: -100px;
   position: absolute;
   border: none;
   border-radius: 50%;
}

ul.comments .comment-block {
   padding-bottom: 25px;
   padding-top: 5px;
   position: relative;
   border-bottom: 1px solid #e8e8e8;
   margin-bottom: 15px;
}

ul.comments li ul.reply {
   margin: 0;
}

ul.comments .comment-block .comment-by {
   display: block;
   font-size: 16px;
   line-height: 21px;
   margin: 0;
   color: #444;
}

ul.comments .comment-block .comment-by strong {
   font-weight: 600;
}

ul.comments .comment-block p {
   line-height: 21px;
   margin: 0;
   padding: 0;
   padding-top: 5px;
}

ul.comments .comment-arrow {
   border-bottom: 15px solid transparent;
   border-right: 15px solid #F4F4F4;
   border-top: 15px solid transparent;
   height: 0;
   left: -15px;
   position: absolute;
   top: 28px;
   width: 0;
}

ul.comments li img.avatar {
   height: 70px;
   width: 70px;
   border-radius: 50%;
}

ul.comments a.reply {
   font-size: 13px;
   /*margin-top: 10px;
    display: inline-block;*/
}

ul.comments .date {
   font-size: 12px;
}

.post-block.post-leave-comment {
   margin-top: 40px;
}

.post-block.post-leave-comment.v2 {
   margin-top: 40px;
   background: #f1f1f1;
   padding: 30px 40px;
   border: 1px solid #e8e8e8;
}

.post-author-block {
   margin-top: 50px;
}

.post-author-block {
   display: block;
   padding: 40px 38px 35px 36px;
   border: 1px solid #e8e8e8;
   background: url(../img/patterns/breadcrumbs.png) repeat;
}

.post-author-avatar {
   display: block;
   float: left;
}

.post-author-info {
   margin-left: 135px;
   margin-top: 0;
}

.post-author-info .title {
   margin-top: 0;
}

.post-author-avatar img {
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
}

.post-author-block .title {
   font-size: 18px;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.comment-reply-title,
.comments-title {
   padding-bottom: 20px;
}


/* ==================================================
    Portfolio
===================================================== */

.portfolio-single-detail .title {
   margin-top: 0;
   margin-bottom: 0px;
   font-size: 13px;
   line-height: 1.538461538461538em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.portfolio-single-detail .info {
   margin-bottom: 20px;
}

.cbp-l-grid-projects-title {
   font-size: 13px;
   line-height: 1.538461538461538em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   font-weight: 600;
}

.cbp-l-slider-title-block {
   border-bottom: none;
}

.cbp-l-slider-title-block div {
   border-bottom: none;
   margin-bottom: 0;
   font: inherit;
   padding: 0;
}

.cbp-nav-controls {
   top: -45px;
}


/* ==================================================
    Google Map
===================================================== */
.google-map {
   background: #E5E3DF;
   height: 400px;
   width: 100%;
   margin-bottom: 50px;
}



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

.bg-overlay{
    color: inherit;
    position: absolute;
    width: 100%;
    height: 100%!important;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
}

.section-overlay {
   background: rgba(0, 0, 0, .42);
   position: absolute;
   width: 100%;
   height: 100%;
}

.section-overlay.light {
   background: rgba(177, 177, 177, 0.4);
}

section {
   position: relative;
}

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

.section-tiny {
   padding: 20px 0px;
}

.section-small {
   padding: 30px 0px;
}

.section-big {
   padding: 70px 0px;
}

section.main-color {
   background: white;
}

.section-title {
   font-size: 28px;
   font-weight: 400;
   line-height: 36px;
   margin-top: 5px;
}

.section-sub-title {
   font-size: 16px;
   line-height: 24px;
   font-weight: normal;
}


/* ==================================================
    Counters
===================================================== */

.counters .counter {
   text-align: center;
}

.counters .fa,
.counters .icons {
   display: block;
   font-size: 40px;
   line-height: 40px;
   margin-bottom: 5px;
}

.counters strong {
   display: block;
   font-weight: 400;
   font-size: 42px;
   line-height: 45px;
}

.counters label {
   display: block;
   font-weight: 400;
   font-size: 19px;
   line-height: 20px;
   margin-top: 2px;
}

.counters .counter-side-icon .fa,
.counters .counter-side-icon .icons,
.counters .counter-side-icon strong {
   display: inline-block;
}

.counters .counter-with-unit strong {
   display: inline-block;
}

.counters.with-borders .counter {
   border-radius: 6px;
   border-top: 1px solid #DFDFDF;
   border-bottom: 1px solid #DFDFDF;
   border-left: 1px solid #ECECEC;
   border-right: 1px solid #ECECEC;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
   padding: 25px;
}

.counters.counters-sm .fa,
.counters.counters-sm .icons {
   font-size: 25px;
   line-height: 25px;
}

.counters.counters-sm strong {
   font-size: 35px;
   line-height: 35px;
}

.counters.counters-sm label {
   font-size: 15px;
   line-height: 15px;
}

.counters.counters-lg .fa {
   font-size: 45px;
   line-height: 45px;
}

.counters.counters-lg strong {
   font-size: 60px;
   line-height: 60px;
}

.counters.counters-lg label {
   font-size: 25px;
   line-height: 25px;
}

.counters.counters-text-light .counter {
   color: #FFF !important;
}

.counters.counters-text-light .counter .fa,
.counters.counters-text-light .counter .icons,
.counters.counters-text-light .counter strong,
.counters.counters-text-light .counter label {
   color: #FFF !important;
}

.counters .counter-append {
   font-size: 35px;
   opacity: 0.5;
}

.counters.counters-text-dark .counter {
   color: #2e353e !important;
}

.counters.counters-text-dark .counter .fa,
.counters.counters-text-dark .counter .icons,
.counters.counters-text-dark .counter strong,
.counters.counters-text-dark .counter label {
   color: #2e353e !important;
}

.counters.counter-small strong {
   font-size: 28px;
   line-height: 28px;
}

.counters.counter-small .counter-append {
   font-size: 26px;
}

.counters.counter-small label  {
    display: inline-block;
    margin-left: 5px;
}


/* ==================================================
    Clients
===================================================== */

.clients-grid {
   list-style: none;
   overflow: hidden;
   padding-left: 0;
}

.clients-grid li {
   float: left;
   position: relative;
   width: 20%;
   padding: 10px 0;
   -webkit-backface-visibility: hidden;
}

.clients-grid li a,
.clients-grid li img {
   display: block;
   width: 85%;
   margin-left: auto;
   margin-right: auto;
}

.clients-grid.grid-7 li {
   width: 14%;
}

.clients-grid.grid-6 li {
   width: 16.5%;
}

.clients-grid.grid-5 li {
   width: 20%;
}

.clients-grid.grid-4 li {
   width: 25%;
}

.clients-grid.grid-3 li {
   width: 33%;
}

.clients-grid li:before,
.clients-grid li:after {
   content: '';
   position: absolute;
}

.clients-grid li:before {
   height: 100%;
   top: 0;
   left: -1px;
   border-left: 1px dashed #DDD;
}

.clients-grid li:after {
   width: 100%;
   height: 0;
   top: auto;
   left: 0;
   bottom: -1px;
   border-bottom: 1px dashed #DDD;
}

.no-border.clients-grid li:before {
   border-left: 0px dashed #DDD;
   left: 0px;
}

.no-border.clients-grid li:after {
   bottom: 0px;
   border-bottom: 0px dashed #DDD;
}


/* ==================================================
    Testimonials
===================================================== */

.testimonial-1 {
   display: -webkit-flex;
   display: flex;
}

.testimonial-1-photo {
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
}

   .testimonial-1-photo a,
   .testimonial-1-photo img {
      display: block;
   }

   .testimonial-1-photo i,
   .testimonial-1-photo img {
      width: 80px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      display: block;
      text-align: center;
   }

   .testimonial-1-photo i {
      color: #fff;
      border: 1px solid #e2e2e2;
      height: 80px;
      line-height: 70px;
      background: #d8d8d8;
      font-size: 60px;
   }

.testimonial-1-info h5 {
   font-size: 16px;
   font-weight: 500;
}

   .testimonial-1-info h5 a {
      color: #555;
   }

@media (max-width: 575px) {
   .testimonial-1.-align-left {
      -webkit-flex-direction: column;
      flex-direction: column;
      text-align: center;
   }
}

@media (max-width: 575px) {
   .testimonial-1.-align-left .testimonial-1-photo a,
   .testimonial-1.-align-left .testimonial-1-photo img {
      display: inline-block;
   }
}

.testimonial-1.-align-left .testimonial-1-info {
   -webkit-flex-grow: 1;
   flex-grow: 1;
   padding-top: 10px;
   padding-left: 20px;
}

@media (max-width: 575px) {
   .testimonial-1.-align-left .testimonial-1-info {
      padding-top: 20px;
      padding-left: 0;
   }
}

.testimonial-1.-align-center {
   -webkit-flex-direction: column;
   flex-direction: column;
   text-align: center;
}

   .testimonial-1.-align-center .testimonial-1-photo a,
   .testimonial-1.-align-center .testimonial-1-photo img {
      display: inline-block;
   }

   .testimonial-1.-align-center .testimonial-1-info {
      padding-top: 20px;
   }


 



.testimonial-image {
   float: left;
   margin: 0 20px 0 0;
   margin-bottom: 12px;
   height: auto;
   border-radius: 100px;
   overflow: hidden;
}

.testimonial-image img {
   width: 75px !important;
   border-radius: 50%;
}


.testimonial-image.free img {
   width: auto !important;
   border-radius: 0%;
}

.testimonial-image.big img {
   width: 120px !important;
   border-radius: 0%;
}

.testimonial-image.big {
   margin-right: 15px;
   margin-bottom: 0px;
}

.testimonial-image.medium img {
   width: 100px !important;
   border-radius: 0%;
}

.testimonial-image.medium {
   margin-right: 15px;
   margin-bottom: 5px;
}

.testimonial-image.small {
   margin-right: 15px;
   margin-bottom: 10px;
}

.testimonial-image.small img {
   width: 60px !important;
   border-radius: 50%;
}

.testimonial-content {
   overflow: hidden;
}

.testimonial-content p {
   overflow: hidden;
   font-weight: normal;
   line-height: 24px;
   font-style: italic;
   font-size: 15px;
}

.top-image .testimonial-image {
   float: none;
}

.testimonial.center-content {
   text-align: center;
}

.testimonial.center-content .testimonial-image {
   float: none;
   margin-left: auto;
   margin-right: auto;
}

.testimonial div.quote {
   position: absolute;
   margin-left: -25px;
   margin-top: 4px;
}

.testimonial div.quote:before {
   content: "\f10e";
   font-family: FontAwesome;
   font-size: 16px;
   color: inherit;
}

.testimonial-meta .testimonial-name {
   font-size: 15px;
   letter-spacing: 0px;
}

.testimonial-meta .testimonial-name strong {
   font-weight: 500;
}

.testimonial-meta.inline .testimonial-name {
   display: inline-block;
   margin-right: 5px;
}

.testimonial-meta .testimonial-subname {
   /*font-size: 12px;*/
   opacity: 0.8;
}

.testimonial-meta.inline .testimonial-subname {
   display: inline-block;
}


.testimonials-grid {
   list-style: none;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.testimonials-grid li {
   float: left;
   position: relative;
   width: 20%;
   padding: 20px 0;
   -webkit-backface-visibility: hidden;
}

.testimonials-grid li {
   width: 50%;
   padding: 25px;
}

.testimonials-grid.grid-3 li {
   width: 33.33%;
}

.testimonials-grid.grid-2 li {
   width: 50%;
}

.testimonials-grid.grid-4 li {
   width: 25%;
}

.testimonials-grid.grid-5 li {
   width: 20%;
}

.testimonials-grid li:before,
.testimonials-grid li:after {
   content: '';
   position: absolute;
}

.testimonials-grid li:before {
   height: 100%;
   top: 0;
   left: -1px;
   border-left: 1px dashed #DDD;
}

.testimonials-grid li:after {
   width: 100%;
   height: 0;
   top: auto;
   left: 0;
   bottom: -1px;
   border-bottom: 1px dashed #DDD;
}

.testimonial.text-light .testimonial-subname,
.testimonial.text-light div.quote,
.testimonial.text-light .testimonial-content p {
   color: white;
   opacity: 0.8;
}

.testimonial.text-light .testimonial-meta .testimonial-name strong {
   color: white;
}


/* ==================================================
    Buttons
===================================================== */

.btn {
   outline:none!important;
    font-size: 14px;
   margin-bottom: 10px;
   border: 0px solid #e8e8e8;
   outline: none !important;
   padding: 10px 22px 10px;
   border-radius: 3px;
   font-weight: 400;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.btn:hover {
   opacity: 0.8;
}

.btn.btn-bordered:hover,
.btn.btn-hover-bordered:hover {
   opacity: 1;
}

.btn-primary {
   color: #fff;
   background-color: #72c02c;
   border-color: #72c02c;
}

.btn-default {
    color: #555;
    background-color: #fff;
    border-color: #e8e8e8;
}

.btn.btn-xs {
   padding: 5px 17px 5px;
   font-size: 11px;
   line-height: 18px;
}

.btn.btn-sm {
   padding: 9px 25px 9px;
}

.btn.btn-md {
   padding: 12px 30px 12px;
   font-size: 15px;
}

.btn.btn-lg {
   padding: 16px 35px 17px;
}

.btn.btn-xlg {
   padding: 20px 40px 21px;
}

.btn-group-xlg > .btn, .btn-xlg {
   font-size: 21px;
   line-height: 1.6333333;
}
 

.btn-primary.focus,
.btn-primary:past,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:checked,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
   background-color: #5fb611;
   border-color: #5fb611;
}




.btn.btn-radius {
   border-radius: 50px;
}

.btn strong {
   font-weight: 600;
   color: inherit;
}

.main-color .btn.btn-default {
   background-color: #fbfcfd;
}

.main-color .btn.btn-default:hover {
   background-color: #ffffff;
}

.btn.btn-bordered {
   border-radius: 2px;
   background-color: transparent;
   border: 2px solid #72c02c;
   color: #72c02c;
}

.btn.btn-bordered:hover {
   background-color: #72c02c;
   color: white;
}

.btn.btn-rounded {
   border-radius: 50px;
}

.btn.btn-blue.btn-bordered:hover,
.btn.btn-blue {
   background-color: #1f98e3;
   color: white;
   border-width: 1px;
   border-color: #1f98e3;
}

.btn.btn-blue.btn-hover-bordered:hover,
.btn.btn-blue.btn-bordered {
   background-color: transparent;
   border-color: #1f98e3;
   color: #1f98e3;
}

.btn.btn-b-blue.btn-bordered:hover,
.btn.btn-b-blue {
   background-color: #1b4577;
   color: white;
   border-width: 1px;
   border-color: #1b4577;
}

.btn.btn-b-blue.btn-hover-bordered:hover,
.btn.btn-b-blue.btn-bordered {
   background-color: transparent;
   border-color: #1b4577;
   color: #1b4577;
}


.btn.btn-pink.btn-bordered:hover,
.btn.btn-pink {
   background-color: #d65799;
   color: white;
   border-width: 1px;
   border-color: #d65799;
}

.btn.btn-pink.btn-hover-bordered:hover,
.btn.btn-pink.btn-bordered {
   background-color: transparent;
   border-color: #d65799;
   color: #d65799;
}

.btn.btn-red.btn-bordered:hover,
.btn.btn-red {
   background-color: #B02B2C;
   color: white;
   border-width: 1px;
   border-color: #B02B2C;
}

.btn.btn-red.btn-hover-bordered:hover,
.btn.btn-red.btn-bordered {
   background-color: transparent;
   border-color: #B02B2C;
   color: #B02B2C;
}

.btn.btn-orange.btn-bordered:hover,
.btn.btn-orange {
   background-color: #ffc787;
   color: white;
   border-width: 1px;
   border-color: #ffc787;
}

.btn.btn-orange.btn-hover-bordered:hover,
.btn.btn-orange.btn-bordered {
   background-color: transparent;
   border-color: #ffc787;
   color: #ffc787;
}

.btn.btn-black.btn-bordered:hover,
.btn.btn-black {
   background-color: #33363a;
   color: white;
   border-width: 1px;
   border-color: #33363a;
}

.btn.btn-black.btn-hover-bordered:hover,
.btn.btn-black.btn-bordered {
   background-color: transparent;
   border-color: #33363a;
   color: #33363a;
}

.btn.btn-aqua.btn-bordered:hover,
.btn.btn-aqua {
   background-color: aqua;
   color: white;
   border-width: 1px;
   border-color: aqua;
}

.btn.btn-aqua.btn-hover-bordered:hover,
.btn.btn-aqua.btn-bordered {
   background-color: transparent;
   border-color: aqua;
   color: aqua;
}

.btn.btn-darkorchid.btn-bordered:hover,
.btn.btn-darkorchid {
   background-color: darkorchid;
   color: white;
   border-width: 1px;
   border-color: darkorchid;
}

.btn.btn-darkorchid.btn-hover-bordered:hover,
.btn.btn-darkorchid.btn-bordered {
   background-color: transparent;
   border-color: darkorchid;
   color: darkorchid;
}

.btn.btn-yellow.btn-bordered:hover,
.btn.btn-yellow {
   background-color: yellow;
   color: white;
}

.btn.btn-yellow.btn-hover-bordered:hover,
.btn.btn-yellow.btn-bordered {
   background-color: transparent;
   border-color: yellow;
   color: yellow;
   border-width: 1px;
}

.btn.btn-grey.btn-bordered:hover,
.btn.btn-grey {
   background-color: grey;
   color: white;
   border-width: 1px;
   border-color: grey;
}

.btn.btn-grey.btn-hover-bordered:hover,
.btn.btn-grey.btn-bordered {
   background-color: transparent;
   border-color: grey;
   color: grey;
   border-width: 1px;
}

.btn.btn-white.btn-bordered:hover,
.btn.btn-white {
   background-color: white;
   color: #333;
   border-width: 1px;
   border-color: white;
}

.btn.btn-white.btn-hover-bordered:hover,
.btn.btn-white.btn-bordered {
   background-color: transparent;
   border-color: white;
   color: white;
}

.btn.btn-lightsalmon.btn-bordered:hover,
.btn.btn-lightsalmon {
   background-color: lightsalmon;
   color: white;
   border-width: 1px;
   border-color: lightsalmon;
}

.btn.btn-lightsalmon.btn-hover-bordered:hover,
.btn.btn-lightsalmon.btn-bordered {
   background-color: transparent;
   border-color: lightsalmon;
   color: lightsalmon;
}

.btn.btn-navy.btn-bordered:hover,
.btn.btn-navy {
   background-color: navy;
   color: white;
   border-width: 1px;
   border-color: navy;
}

.btn.btn-navy.btn-hover-bordered:hover,
.btn.btn-navy.btn-bordered {
   background-color: transparent;
   border-color: navy;
   color: navy;
}

.btn.btn-royalblue.btn-bordered:hover,
.btn.btn-royalblue {
   background-color: royalblue;
   color: white;
   border-width: 1px;
   border-color: royalblue;
}

.btn.btn-royalblue.btn-hover-bordered:hover,
.btn.btn-royalblue.btn-bordered {
   background-color: transparent;
   border-color: royalblue;
   color: royalblue;
}

.btn.btn-dribbble.btn-bordered:hover,
.btn.btn-dribbble {
   background-color: #ea4c89;
   color: white;
   border-width: 1px;
}

.btn.btn-dribbble.btn-hover-bordered:hover,
.btn.btn-dribbble.btn-bordered {
   background-color: transparent;
   border-color: #ea4c89;
   color: #ea4c89;
}

.btn.btn-facebook.btn-bordered:hover,
.btn.btn-facebook {
   background-color: #3b5998;
   color: white;
   border-width: 1px;
}

.btn.btn-facebook.btn-hover-bordered:hover,
.btn.btn-facebook.btn-bordered {
   background-color: transparent;
   border-color: #3b5998;
   color: #3b5998;
}

.btn.btn-twitter.btn-bordered:hover,
.btn.btn-twitter {
   background-color: #00aced;
   color: white;
   border-width: 1px;
}

.btn.btn-twitter.btn-hover-bordered:hover,
.btn.btn-twitter.btn-bordered {
   background-color: transparent;
   border-color: #00aced;
   color: #00aced;
}

.btn.btn-pinterest.btn-bordered:hover,
.btn.btn-pinterest {
   background-color: #cb2027;
   color: white;
   border-width: 1px;
}

.btn.btn-pinterest.btn-hover-bordered:hover,
.btn.btn-pinterest.btn-bordered {
   background-color: transparent;
   border-color: #cb2027;
   color: #cb2027;
}

.btn.btn-shadow {
   -webkit-box-shadow: inset 0 -2px 6px rgba(218,225,230,.2), 0 0 0 1px rgba(90,101,112,.05), 0 1px 2px rgba(90,101,112,.22);
   -moz-box-shadow: inset 0 -2px 6px rgba(218,225,230,.2), 0 0 0 1px rgba(90,101,112,.05), 0 1px 2px rgba(90,101,112,.22);
   box-shadow: inset 0 -2px 6px rgba(218,225,230,.2), 0 0 0 1px rgba(90,101,112,.05), 0 1px 2px rgba(90,101,112,.22);
}

.btn.btn-shadow-2x {
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
   box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}

.btn.btn-hard-shadow {
   border-bottom: 3px solid rgba(0,0,0,.15);
}

.btn.btn-dashed {
   border-style: dashed;
}

.btn.btn-dotted {
   border-style: dotted;
}

.btn.btn-bordered-1x {
   border-width: 1px;
}

.btn.btn-bordered-2x {
   border-width: 2px;
}

.btn.btn-bordered-3x {
   border-width: 3px;
}

.btn.btn-bordered-4x {
   border-width: 4px;
}

.btn-content {
   display: inline-block;
   text-align: left;
}

.btn-content * {
   display: block;
}

.btn-content small {
   font-size: 70%;
   line-height: 1;
}

.btn [class^="ion-"],
.btn i.fa {
   margin-left: 3px;
   margin-right: 3px;
}



/* ==================================================
    Team Member
===================================================== */

.team-member {
   margin: 10px 0;
}

.team-member .member-name .name {
   font-size: 14px;
   font-weight: 600;
   padding: 0;
   text-transform: uppercase;
   margin-top: 15px;
   margin-bottom: 0px;
}

.member-photo {
   position: relative;
   overflow: hidden;
   border-radius: 3px;
   text-align: center;
}

.team-member .member-position {
   font-family: 'Droid Serif';
   font-style: italic;
   font-size: 14px;
}

.team-member .member-social ul {
   margin: 5px 0;
}

.team-member .member-social {
   border: 7px solid rgba(0,0,0,0.1);
   position: absolute;
   font-size: 19px;
   background: #fff;
   background: rgba(255,255,255,0.7);
   opacity: 0;
   visibility: hidden;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   text-align: center;
   border-radius: 3px;
      -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.team-member .member-social-inner {
   width: 100%;
   padding: 0 5%;
   position: absolute;
   top: 50%;
   margin-top: -26px;
   left: 0;
}

.team-member .member-social a {
   text-decoration: none;
   position: relative;
   border-radius: 30px;
   padding: 0 9px;
   background: #fff;
   margin: 3px;
   display: inline-block;
   height: 39px;
   line-height: 41px;
   width: 39px;
}

.team-member .member-social .list-inline > li {
   padding-right: 0;
   padding-left: 0;
}

.team-member .member-photo:hover .member-social {
   visibility: visible;
   opacity: 1;
   -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.team-member.style-1 .member-name .name {
   margin-top: 3px;
}

.team-member.style-1 .member-position {
   margin-top: 12px;
}

.team-member .member-desc {
   margin-top: 10px;
}

.team-member.img-circle {
   text-align: center;
}

.team-member.img-circle .member-photo {
   border-radius: 50%;
}

.team-member.img-circle .member-social {
   border: 5px solid rgba(0,0,0,0.1);
   border-radius: 50%;
}

.team-member.img-bordered .member-photo {
   border: 2px solid #e8e8e8;
}


/* ==================================================
    Timeline
===================================================== */

.timeline_bar {
   position: relative;
}

.timeline_bar:before {
   position: absolute;
   content: '';
   width: 1px;
   height: 97%;
   background-color: rgba(0, 0, 0, 0.09);
   display: block;
   top: 26px;
   left: 50%;
   margin-left: -1px;
   z-index: 0;
}

.timeline_bar > .row {
   margin-bottom: 0;
}

.timeline_box {
   background: #fff;
   border-radius: 3px;
   margin: 30px 30px 30px 0;
   padding: 30px;
   position: relative;
}

div[data-align="right"] .timeline_box {
   margin: 30px 0 30px 30px;
}

.timeline_box:after {
   content: '';
   position: absolute;
   top: 50%;
   right: -20px;
   border: 10px solid transparent;
   border-left-color: #fff;
   margin-top: -10px;
}

div[data-align=right] .timeline_box:after {
   left: -20px;
   right: auto;
   border-left-color: transparent;
   border-right-color: #fff;
}

.timeline_box:before {
   content: "\e109";
   position: absolute;
   font-family: 'Glyphicons Halflings';
   font-size: 18px;
   top: 50%;
   right: -77px;
   background: #E5E5E5;
   color: #fff;
   width: 50px;
   height: 50px;
   margin-top: -25px;
   border-radius: 50%;
   text-align: center;
   line-height: 50px;
   box-sizing: content-box;
}

div[data-align=right] .timeline_box:before {
   right: auto;
   left: -78px;
}

.end_timeline {
   text-align: center;
}

.timeline_box,
.timeline_box .date {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.end_timeline > span {
   background: #fff;
   border-radius: 3px;
   padding: 0 10px;
   line-height: 2;
   display: inline-block;
}

.timeline_box:hover:before {
   background-color: #72c02c;
}

.timeline_box .date {
   font-size: 13px;
   font-weight: 700;
   background: #fff;
   display: inline-block;
   padding: 5px 10px;
   border-radius: 2px;
   position: absolute;
   top: 50%;
   margin-top: -14px;
   right: -100px;
   color: #787878;
   right: auto;
   white-space: nowrap;
   left: -webkit-calc(100% + 90px);
   left: calc(100% + 90px);
}

.timeline_box .htitle {
   margin-bottom: 15px;
   margin-top: 0;
}

div[data-align=right] .timeline_box .date {
   left: auto;
   right: calc(100% + 90px);
   right: -webkit-calc(100% + 90px);
}


/* ==================================================
    Patterns
===================================================== */

.custom-bg {
   height: 100%;
   width: 100%;
   position: absolute;
   right: 0;
   top: 0;
}

.p01 {
   background-image: url("../img/patterns/pattern01.png");
}

.p02 {
   background-image: url("../img/patterns/pattern01-white.png");
}

.p03 {
   background-image: url("../img/patterns/pattern02.png");
}

.p04 {
   background-image: url("../img/patterns/pattern02-white.png");
}

.p05 {
   background-image: url("../img/patterns/pattern03.png");
}

.p06 {
   background-image: url("../img/patterns/pattern03-white.png");
}

.p07 {
   background-image: url("../img/patterns/pattern04.png");
}

.p08 {
   background-image: url("../img/patterns/pattern04-white.png");
}

.p09 {
   background-image: url("../img/patterns/pattern05.png");
}

.p10 {
   background-image: url("../img/patterns/pattern05-white.png");
}

.p11 {
   background-image: url("../img/patterns/pattern06.png");
}

.p12 {
   background-image: url("../img/patterns/pattern06-white.png");
}

.p13 {
   background-image: url("../img/patterns/pattern07.png");
}

.p14 {
   background-image: url("../img/patterns/pattern07-white.png");
}

.p15 {
   background-image: url("../img/patterns/pattern08.png");
}

.p16 {
   background-image: url("../img/patterns/pattern08-white.png");
}

.p17 {
   background-image: url("../img/patterns/pattern09.png");
}

.p18 {
   background-image: url("../img/patterns/pattern09-white.png");
}

.p19 {
   background-image: url("../img/patterns/pattern10.png");
}

.p20 {
   background-image: url("../img/patterns/pattern10-white.png");
}

.p01, .p02, .p03, .p04, .p05, .p06, .p07, .p08, .p09, .p10, .p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18, .p19, .p20 {
   background-position: 50% 0;
   background-repeat: repeat;
   filter: alpha(opacity=06);
   opacity: .06;
}

.pattern1 {
   background-image: url('../img/icons/pattern.svg');
   background: -webkit-linear-gradient(top left,rgba(40,40,40,.92),rgba(40,40,40,.92)), url("../img/icons/pattern.svg");
   background: linear-gradient(to bottom right,rgba(40,40,40,.92),rgba(40,40,40,.92)), url("../img/icons/pattern.svg");
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 10px;
}

.pattern2 {
   background-image: url('../img/icons/bg-page-section.png');
   background-blend-mode: overlay;
   height: 200%;
   left: 0;
   position: absolute;
   right: 0;
   top: -100%;
   z-index: -10;
   background-color: inherit;
   background-size: 480px;
   background-color: rgba(245,245,245,0.5);
}



/* ==================================================
    Gradiends
===================================================== */

.gr01 {
   background: linear-gradient(to bottom, #fcfafc, #f4eef4 400px);
   background: -webkit-linear-gradient(top, #fcfafc, #f4eef4 400px);
   background: -o-linear-gradient(top, #fcfafc, #f4eef4 400px);
   background: -ms-linear-gradient(top, #fcfafc, #f4eef4 400px);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfafc", endColorstr="#f4eef4", GradientType=0);
}

.gr02 {
   background-color: #1b2128;
   background: linear-gradient(163deg,#1b2128,#61758e);
   text-shadow: 0 1px 2px rgba(0,0,0,.39);
}

.gr03 {
   background: radial-gradient(circle farthest-corner at right bottom, #ac9cd5 0%, #8e7ec2 28%, #6561af 57%, #1a2565 100%);
   text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

.gr04 {
   background: linear-gradient(90deg, #fff 50%, #f5f7f9 50%);
}

.gr05 {
   background: linear-gradient(90deg, #fff 50%, #f5f7f9 50%);
}

.gr06 {
   background-color: #1b2128;
   background: linear-gradient(163deg,#1b2128,#61758e);
   text-shadow: 0 1px 2px rgba(0,0,0,.39);
}

.gr07 {
   background-color: #088cc7;
   background-image: linear-gradient(to bottom, #87daff 0%, #5d9aad 100%);
   background-image: -o-linear-gradient(to bottom, #87daff 0%, #5d9aad 100%);
   background-image: -moz-linear-gradient(to bottom, #87daff 0%, #5d9aad 100%);
   background-image: -webkit-linear-gradient(to bottom, #87daff 0%, #5d9aad 100%);
}

.gr08 {
   background-color: #5A606F;
   background-image: linear-gradient(#515151, #5A606F);
   background-image: -o-linear-gradient(#515151, #5A606F);
   background-image: -moz-linear-gradient(#515151, #5A606F);
   background-image: -webkit-linear-gradient(#515151, #5A606F);
}

.gr09 {
   background-color: #358BB0;
   background-image: linear-gradient(#358BB0, #9ECDDF);
   background-image: -o-linear-gradient(#358BB0, #9ECDDF);
   background-image: -moz-linear-gradient(#358BB0, #9ECDDF);
   background-image: -webkit-linear-gradient(#358BB0, #9ECDDF);
}

.gr10 {
   overflow: hidden;
   background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.13) 0,rgba(0,0,0,0) 14px);
   background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.13) 0,rgba(0,0,0,0) 14px);
   background-image: -o-linear-gradient(bottom,rgba(0,0,0,.13) 0,rgba(0,0,0,0) 14px);
   background-image: linear-gradient(to top,rgba(0,0,0,.13) 0,rgba(0,0,0,0) 14px);
   background-color: #4b6bc6;
   color: #fff;
   position: relative;
}

.gr11 {
   background-image: -webkit-linear-gradient(135deg,#f7fbfc,#ecf0f1);
   background-image: linear-gradient(-45deg,#f7fbfc,#ecf0f1);
}

.gr12 {
   background-image: -webkit-linear-gradient(135deg,#1d3b5b,#305885);
   background-image: linear-gradient(-45deg,#1d3b5b,#305885);
}

.gr13 {
   background-image: -webkit-linear-gradient(135deg,#009de4,#47bbed);
   background-image: linear-gradient(-45deg,#009de4,#47bbed);
}

.gr14 {
   color: #fff;
   background-color: #009cde;
   background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%);
}

.gr15 {
   color: #fff;
   margin-bottom: 40px;
   position: relative;
   background: #356FA3;
   background: -moz-linear-gradient(25deg, #223c65 1%, #2d5d96 30%, #4390bb 97%);
   background: -webkit-linear-gradient(25deg, #223c65 1%,#2d5d96 30%,#4390bb 97%);
   background: -o-linear-gradient(25deg, #223c65 1%,#2d5d96 30%,#4390bb 97%);
   background: -ms-linear-gradient(25deg, #223c65 1%,#2d5d96 30%,#4390bb 97%);
   background: linear-gradient(25deg, #223c65 1%,#2d5d96 30%,#4390bb 97%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223c65', endColorstr='#4390bb',GradientType=1 );
   background: linear-gradient(25deg, #16528D 15%, #26A7D5 97%);
}

.exp-shadow {
   box-shadow: inset 0px -1px 40px -18px rgba(0,0,0,0.2);
}


/* ==================================================
    Custom Sections
===================================================== */

.cover-bg:before {
    content: '';
    display: block;
    position: absolute; 
    width: 100%; 
    height: 100%; 
}

.cover-blue-bg:before {
   background-image: url(../img/core/cover-blue-nodots30d5.svg?v=aff243ab41ef), linear-gradient(87deg,#0577f4 0,#53d3d4 100%);
   background-size: 1420px auto,auto auto;
   background-position: center -85px,0 0;
}

.cover-purple-bg:before {
    background-image: url(../img/core/cover-purple-nodotse938.svg?v=568f5741dd20),linear-gradient(87deg,#6c24ae 0,#9e5cce 100%);
    background-size: 1420px auto,auto auto;
    background-position: center -85px,0 0;
}

.section-primary.cover-purple-bg:before,
.section-primary.cover-blue-bg:before {
   margin-top:-50px;
}

.section-big.cover-purple-bg:before,
.section-big.cover-blue-bg:before {
   margin-top:-70px;
}



/* ==================================================
    Platform Block
===================================================== */

.platform-block {
   padding: 0 !important;
   padding: 30px;
   border-radius: 4px;
   border: 1px solid #e8e8e8;
   transition: box-shadow 200ms ease;
}

.platform-block-content {
   padding: 20px;
   background: white;
}

.platform-block-img {
   width: 100%;
}

.platform-block-title {
   font-size: 18px;
}

.platform-block-steps {
   list-style-type: circle;
   border-radius: 0 0 4px 4px;
   overflow-x: hidden;
   line-height: .5;
   padding: 20px;
   padding-bottom: 0px;
   padding-top: 15px;
   padding-right: 0px;
}

.platform-block-steps a {
   list-style: none;
   padding: 0;
   border: 0;
   margin: 0;
   font: inherit;
   color: inherit;
   line-height: normal;
   padding-top: 5px;
   padding-bottom: 5px;
   display: block;
}


/* ==================================================
    Progress
===================================================== */

.progress-bars {
   margin-bottom: 15px;
}

.progress {
   border-radius: 25px;
   height: 30px;
   background: #FAFAFA;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   overflow: visible;
}

.progress.progress-border-radius {
   border-radius: 3px;
}

.progress.progress-border-radius .progress-bar {
   border-radius: 3px;
}

.progress.progress-no-border-radius {
   border-radius: 0;
}

.progress.progress-no-border-radius .progress-bar {
   border-radius: 0;
}

.progress.progress-sm {
   height: 10px;
}

.progress.progress-sm .progress-bar {
   line-height: 10px;
}

.progress.progress-lg {
   height: 35px;
}

.progress.progress-lg .progress-bar {
   font-size: 13px;
   line-height: 35px;
}

.progress-bar {
   background-color: #CCC;
   box-shadow: none;
   position: relative;
   border-radius: 25px;
}

.progress-bar-tooltip {
   position: absolute;
   padding: 4px 8px;
   background-color: #333;
   color: #FFF;
   line-height: 15px;
   font-size: 11px;
   display: block;
   position: absolute;
   top: -28px;
   right: 5px;
   border-radius: 3px;
   opacity: 0;
}

.progress-bar-tooltip:after {
   border-color: #333 transparent;
   border-style: solid;
   border-width: 5px 5px 0;
   bottom: -5px;
   content: "";
   display: block;
   left: 13px;
   position: absolute;
   width: 0;
}

.progress-bar-primary {
   background-color: #CCC;
   color: #FFF;
}

.progress-bar-success {
   background-color: #47a447;
   color: #FFF;
}

.progress-bar-warning {
   background-color: #ed9c28;
   color: #FFF;
}

.progress-bar-danger {
   background-color: #d2322d;
   color: #FFF;
}

.progress-bar-info {
   background-color: #5bc0de;
   color: #FFF;
}

.progress-bar-dark {
   background-color: #1d2127;
   color: #FFF;
}

.progress-bar-primary {
   background-color: #1f98e3;
}

.progress-bar-inline .progress { 
   margin-bottom: 10px;
}

.progress-bar-inline .progress-bar {
   line-height: 30px;
   text-align: left;
   padding-left: 15px;
   height: 30px;
}


/* --------------------------------------------
	Accordion
-------------------------------------------- */

.panel-body {
   padding: 15px;
   padding-top: 10px;
   padding-left: 25px;
   padding-right: 25px;
   font-size: 13px;
}

.panel-group .panel-heading {
   padding: 0;
   border-radius: 3px;
}

.panel-default {
   border-color: #e8e8e8;
   box-shadow: none;
}

.panel-group .panel .panel-title{
   margin-bottom:0px; 
}

.panel-group .panel {
   margin-bottom: 0;
   border-radius: 2px;
}

.panel-group .panel + .panel {
   margin-top: -1px; 
}
.panel-group .panel{ 
   border: 1px solid #e2e2e2;
}

.panel-group .panel-heading a {
   display: block;
   padding: 14px 15px;
   font-size: 13px;
   background-color: #FFFFFF;
       color: #555;
}

.panel-group .panel-heading a.accordion-toggle.collapsed {
   box-shadow: none;
   background-color: #f8f8f8;
}

.panel-group .panel-heading a.accordion-toggle {
   background-color: #FFFFFF;
}

.panel-group .panel-heading a i.fa {
   width: 15px;
   font-size: 15px;
}

.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus {
   text-decoration: none;
}

.panel-group .panel-heading a [class^="icon-"] {
   margin-right: 4px;
   position: relative;
   top: 1px;
}

.panel-group.secundary .panel-heading a {
   color: #FFF;
}




/* ==================================================
    Documents
===================================================== */

.bs-docs-example {
   position: relative;
   margin: 15px 0;
   padding: 39px 19px 14px;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
}

.bs-docs-example:after {
   content: "Example";
   position: absolute;
   top: -1px;
   left: -1px;
   padding: 3px 7px;
   font-size: 12px;
   font-weight: bold;
   background-color: #f5f5f5;
   border: 1px solid #ddd;
   color: #9da0a4;
   border-radius: 4px 0 4px 0;
}


/* ==================================================
    Flags
===================================================== */

.flag {
    width: 16px;
    height: 11px;
    background: url(../img/core/flags.png) no-repeat;
}
    .flag.flag-ad { background-position: -16px 0; }
    .flag.flag-ae { background-position: -32px 0; }
    .flag.flag-af { background-position: -48px 0; }
    .flag.flag-ag { background-position: -64px 0; }
    .flag.flag-ai { background-position: -80px 0; }
    .flag.flag-al { background-position: -96px 0; }
    .flag.flag-am { background-position: -112px 0; }
    .flag.flag-an { background-position: -128px 0; }
    .flag.flag-ao { background-position: -144px 0; }
    .flag.flag-ar { background-position: -160px 0; }
    .flag.flag-as { background-position: -176px 0; }
    .flag.flag-at { background-position: -192px 0; }
    .flag.flag-au { background-position: -208px 0; }
    .flag.flag-aw { background-position: -224px 0; }
    .flag.flag-az { background-position: -240px 0; }
    .flag.flag-ba { background-position: 0 -11px; }
    .flag.flag-bb { background-position: -16px -11px; }
    .flag.flag-bd { background-position: -32px -11px; }
    .flag.flag-be { background-position: -48px -11px; }
    .flag.flag-bf { background-position: -64px -11px; }
    .flag.flag-bg { background-position: -80px -11px; }
    .flag.flag-bh { background-position: -96px -11px; }
    .flag.flag-bi { background-position: -112px -11px; }
    .flag.flag-bj { background-position: -128px -11px; }
    .flag.flag-bm { background-position: -144px -11px; }
    .flag.flag-bn { background-position: -160px -11px; }
    .flag.flag-bo { background-position: -176px -11px; }
    .flag.flag-br { background-position: -192px -11px; }
    .flag.flag-bs { background-position: -208px -11px; }
    .flag.flag-bt { background-position: -224px -11px; }
    .flag.flag-bv { background-position: -240px -11px; }
    .flag.flag-bw { background-position: 0 -22px; }
    .flag.flag-by { background-position: -16px -22px; }
    .flag.flag-bz { background-position: -32px -22px; }
    .flag.flag-ca { background-position: -48px -22px; }
    .flag.flag-catalonia { background-position: -64px -22px; }
    .flag.flag-cd { background-position: -80px -22px; }
    .flag.flag-cf { background-position: -96px -22px; }
    .flag.flag-cg { background-position: -112px -22px; }
    .flag.flag-ch { background-position: -128px -22px; }
    .flag.flag-ci { background-position: -144px -22px; }
    .flag.flag-ck { background-position: -160px -22px; }
    .flag.flag-cl { background-position: -176px -22px; }
    .flag.flag-cm { background-position: -192px -22px; }
    .flag.flag-cn { background-position: -208px -22px; }
    .flag.flag-co { background-position: -224px -22px; }
    .flag.flag-cr { background-position: -240px -22px; }
    .flag.flag-cu { background-position: 0 -33px; }
    .flag.flag-cv { background-position: -16px -33px; }
    .flag.flag-cw { background-position: -32px -33px; }
    .flag.flag-cy { background-position: -48px -33px; }
    .flag.flag-cz { background-position: -64px -33px; }
    .flag.flag-de { background-position: -80px -33px; }
    .flag.flag-dj { background-position: -96px -33px; }
    .flag.flag-dk { background-position: -112px -33px; }
    .flag.flag-dm { background-position: -128px -33px; }
    .flag.flag-do { background-position: -144px -33px; }
    .flag.flag-dz { background-position: -160px -33px; }
    .flag.flag-ec { background-position: -176px -33px; }
    .flag.flag-ee { background-position: -192px -33px; }
    .flag.flag-eg { background-position: -208px -33px; }
    .flag.flag-eh { background-position: -224px -33px; }
    .flag.flag-england { background-position: -240px -33px; }
    .flag.flag-er { background-position: 0 -44px; }
    .flag.flag-es { background-position: -16px -44px; }
    .flag.flag-et { background-position: -32px -44px; }
    .flag.flag-eu { background-position: -48px -44px; }
    .flag.flag-fi { background-position: -64px -44px; }
    .flag.flag-fj { background-position: -80px -44px; }
    .flag.flag-fk { background-position: -96px -44px; }
    .flag.flag-fm { background-position: -112px -44px; }
    .flag.flag-fo { background-position: -128px -44px; }
    .flag.flag-fr { background-position: -144px -44px; }
    .flag.flag-ga { background-position: -160px -44px; }
    .flag.flag-gb { background-position: -176px -44px; }
    .flag.flag-gd { background-position: -192px -44px; }
    .flag.flag-ge { background-position: -208px -44px; }
    .flag.flag-gf { background-position: -224px -44px; }
    .flag.flag-gg { background-position: -240px -44px; }
    .flag.flag-gh { background-position: 0 -55px; }
    .flag.flag-gi { background-position: -16px -55px; }
    .flag.flag-gl { background-position: -32px -55px; }
    .flag.flag-gm { background-position: -48px -55px; }
    .flag.flag-gn { background-position: -64px -55px; }
    .flag.flag-gp { background-position: -80px -55px; }
    .flag.flag-gq { background-position: -96px -55px; }
    .flag.flag-gr { background-position: -112px -55px; }
    .flag.flag-gs { background-position: -128px -55px; }
    .flag.flag-gt { background-position: -144px -55px; }
    .flag.flag-gu { background-position: -160px -55px; }
    .flag.flag-gw { background-position: -176px -55px; }
    .flag.flag-gy { background-position: -192px -55px; }
    .flag.flag-hk { background-position: -208px -55px; }
    .flag.flag-hm { background-position: -224px -55px; }
    .flag.flag-hn { background-position: -240px -55px; }
    .flag.flag-hr { background-position: 0 -66px; }
    .flag.flag-ht { background-position: -16px -66px; }
    .flag.flag-hu { background-position: -32px -66px; }
    .flag.flag-ic { background-position: -48px -66px; }
    .flag.flag-id { background-position: -64px -66px; }
    .flag.flag-ie { background-position: -80px -66px; }
    .flag.flag-il { background-position: -96px -66px; }
    .flag.flag-im { background-position: -112px -66px; }
    .flag.flag-in { background-position: -128px -66px; }
    .flag.flag-io { background-position: -144px -66px; }
    .flag.flag-iq { background-position: -160px -66px; }
    .flag.flag-ir { background-position: -176px -66px; }
    .flag.flag-is { background-position: -192px -66px; }
    .flag.flag-it { background-position: -208px -66px; }
    .flag.flag-je { background-position: -224px -66px; }
    .flag.flag-jm { background-position: -240px -66px; }
    .flag.flag-jo { background-position: 0 -77px; }
    .flag.flag-jp { background-position: -16px -77px; }
    .flag.flag-ke { background-position: -32px -77px; }
    .flag.flag-kg { background-position: -48px -77px; }
    .flag.flag-kh { background-position: -64px -77px; }
    .flag.flag-ki { background-position: -80px -77px; }
    .flag.flag-km { background-position: -96px -77px; }
    .flag.flag-kn { background-position: -112px -77px; }
    .flag.flag-kp { background-position: -128px -77px; }
    .flag.flag-kr { background-position: -144px -77px; }
    .flag.flag-kurdistan { background-position: -160px -77px; }
    .flag.flag-kw { background-position: -176px -77px; }
    .flag.flag-ky { background-position: -192px -77px; }
    .flag.flag-kz { background-position: -208px -77px; }
    .flag.flag-la { background-position: -224px -77px; }
    .flag.flag-lb { background-position: -240px -77px; }
    .flag.flag-lc { background-position: 0 -88px; }
    .flag.flag-li { background-position: -16px -88px; }
    .flag.flag-lk { background-position: -32px -88px; }
    .flag.flag-lr { background-position: -48px -88px; }
    .flag.flag-ls { background-position: -64px -88px; }
    .flag.flag-lt { background-position: -80px -88px; }
    .flag.flag-lu { background-position: -96px -88px; }
    .flag.flag-lv { background-position: -112px -88px; }
    .flag.flag-ly { background-position: -128px -88px; }
    .flag.flag-ma { background-position: -144px -88px; }
    .flag.flag-mc { background-position: -160px -88px; }
    .flag.flag-md { background-position: -176px -88px; }
    .flag.flag-me { background-position: -192px -88px; }
    .flag.flag-mg { background-position: -208px -88px; }
    .flag.flag-mh { background-position: -224px -88px; }
    .flag.flag-mk { background-position: -240px -88px; }
    .flag.flag-ml { background-position: 0 -99px; }
    .flag.flag-mm { background-position: -16px -99px; }
    .flag.flag-mn { background-position: -32px -99px; }
    .flag.flag-mo { background-position: -48px -99px; }
    .flag.flag-mp { background-position: -64px -99px; }
    .flag.flag-mq { background-position: -80px -99px; }
    .flag.flag-mr { background-position: -96px -99px; }
    .flag.flag-ms { background-position: -112px -99px; }
    .flag.flag-mt { background-position: -128px -99px; }
    .flag.flag-mu { background-position: -144px -99px; }
    .flag.flag-mv { background-position: -160px -99px; }
    .flag.flag-mw { background-position: -176px -99px; }
    .flag.flag-mx { background-position: -192px -99px; }
    .flag.flag-my { background-position: -208px -99px; }
    .flag.flag-mz { background-position: -224px -99px; }
    .flag.flag-na { background-position: -240px -99px; }
    .flag.flag-nc { background-position: 0 -110px; }
    .flag.flag-ne { background-position: -16px -110px; }
    .flag.flag-nf { background-position: -32px -110px; }
    .flag.flag-ng { background-position: -48px -110px; }
    .flag.flag-ni { background-position: -64px -110px; }
    .flag.flag-nl { background-position: -80px -110px; }
    .flag.flag-no { background-position: -96px -110px; }
    .flag.flag-np { background-position: -112px -110px; }
    .flag.flag-nr { background-position: -128px -110px; }
    .flag.flag-nu { background-position: -144px -110px; }
    .flag.flag-nz { background-position: -160px -110px; }
    .flag.flag-om { background-position: -176px -110px; }
    .flag.flag-pa { background-position: -192px -110px; }
    .flag.flag-pe { background-position: -208px -110px; }
    .flag.flag-pf { background-position: -224px -110px; }
    .flag.flag-pg { background-position: -240px -110px; }
    .flag.flag-ph { background-position: 0 -121px; }
    .flag.flag-pk { background-position: -16px -121px; }
    .flag.flag-pl { background-position: -32px -121px; }
    .flag.flag-pm { background-position: -48px -121px; }
    .flag.flag-pn { background-position: -64px -121px; }
    .flag.flag-pr { background-position: -80px -121px; }
    .flag.flag-ps { background-position: -96px -121px; }
    .flag.flag-pt { background-position: -112px -121px; }
    .flag.flag-pw { background-position: -128px -121px; }
    .flag.flag-py { background-position: -144px -121px; }
    .flag.flag-qa { background-position: -160px -121px; }
    .flag.flag-re { background-position: -176px -121px; }
    .flag.flag-ro { background-position: -192px -121px; }
    .flag.flag-rs { background-position: -208px -121px; }
    .flag.flag-ru { background-position: -224px -121px; }
    .flag.flag-rw { background-position: -240px -121px; }
    .flag.flag-sa { background-position: 0 -132px; }
    .flag.flag-sb { background-position: -16px -132px; }
    .flag.flag-sc { background-position: -32px -132px; }
    .flag.flag-scotland { background-position: -48px -132px; }
    .flag.flag-sd { background-position: -64px -132px; }
    .flag.flag-se { background-position: -80px -132px; }
    .flag.flag-sg { background-position: -96px -132px; }
    .flag.flag-sh { background-position: -112px -132px; }
    .flag.flag-si { background-position: -128px -132px; }
    .flag.flag-sk { background-position: -144px -132px; }
    .flag.flag-sl { background-position: -160px -132px; }
    .flag.flag-sm { background-position: -176px -132px; }
    .flag.flag-sn { background-position: -192px -132px; }
    .flag.flag-so { background-position: -208px -132px; }
    .flag.flag-somaliland { background-position: -224px -132px; }
    .flag.flag-sr { background-position: -240px -132px; }
    .flag.flag-ss { background-position: 0 -143px; }
    .flag.flag-st { background-position: -16px -143px; }
    .flag.flag-sv { background-position: -32px -143px; }
    .flag.flag-sx { background-position: -48px -143px; }
    .flag.flag-sy { background-position: -64px -143px; }
    .flag.flag-sz { background-position: -80px -143px; }
    .flag.flag-tc { background-position: -96px -143px; }
    .flag.flag-td { background-position: -112px -143px; }
    .flag.flag-tf { background-position: -128px -143px; }
    .flag.flag-tg { background-position: -144px -143px; }
    .flag.flag-th { background-position: -160px -143px; }
    .flag.flag-tibet { background-position: -176px -143px; }
    .flag.flag-tj { background-position: -192px -143px; }
    .flag.flag-tk { background-position: -208px -143px; }
    .flag.flag-tl { background-position: -224px -143px; }
    .flag.flag-tm { background-position: -240px -143px; }
    .flag.flag-tn { background-position: 0 -154px; }
    .flag.flag-to { background-position: -16px -154px; }
    .flag.flag-tr { background-position: -32px -154px; }
    .flag.flag-tt { background-position: -48px -154px; }
    .flag.flag-tv { background-position: -64px -154px; }
    .flag.flag-tw { background-position: -80px -154px; }
    .flag.flag-tz { background-position: -96px -154px; }
    .flag.flag-ua { background-position: -112px -154px; }
    .flag.flag-ug { background-position: -128px -154px; }
    .flag.flag-um { background-position: -144px -154px; }
    .flag.flag-us { background-position: -160px -154px; }
    .flag.flag-uy { background-position: -176px -154px; }
    .flag.flag-uz { background-position: -192px -154px; }
    .flag.flag-va { background-position: -208px -154px; }
    .flag.flag-vc { background-position: -224px -154px; }
    .flag.flag-ve { background-position: -240px -154px; }
    .flag.flag-vg { background-position: 0 -165px; }
    .flag.flag-vi { background-position: -16px -165px; }
    .flag.flag-vn { background-position: -32px -165px; }
    .flag.flag-vu { background-position: -48px -165px; }
    .flag.flag-wales { background-position: -64px -165px; }
    .flag.flag-wf { background-position: -80px -165px; }
    .flag.flag-ws { background-position: -96px -165px; }
    .flag.flag-xk { background-position: -112px -165px; }
    .flag.flag-ye { background-position: -128px -165px; }
    .flag.flag-yt { background-position: -144px -165px; }
    .flag.flag-za { background-position: -160px -165px; }
    .flag.flag-zanzibar { background-position: -176px -165px; }
    .flag.flag-zm { background-position: -192px -165px; }
    .flag.flag-zw { background-position: -208px -165px; }


/*==============================================
 Scroll Top
 ===============================================*/

.lift-off {
   position: fixed;
   right: 20px;
   bottom: 20px;
   width: 40px;
   height: 40px;
   -webkit-transition: all .3s;
   transition: all .3s;
   text-align: center;
   color: #fff;
   background: rgba(0, 0, 0, .6);
   line-height: 40px;
}

.lift-off_show {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
}

.lift-off_hide {
   visibility: hidden;
   -webkit-transform: translateY(40px);
   -ms-transform: translateY(40px);
   transform: translateY(40px);
   opacity: 0;
}


/*==============================================
 Animations
 ===============================================*/ 

.appear-animation {
	opacity: 0;
}

.appear-animation-visible {
	opacity: 1;
}



/*==============================================
 Teach Block
 ===============================================*/ 

.teach-block .item {
   display: inline-block;
   height: auto;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

   .teach-block .item a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 35px 25px 30px 25px;
      -webkit-transition: 150ms;
      transition: 150ms;
      position: relative;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-decoration: none;
   }

   .teach-block .item span {
      display: block;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      color: #4c4d63;
      letter-spacing: 0.1px;
      line-height: 18px;
      white-space: nowrap;
      text-align: center;
      -webkit-transition: 150ms;
      transition: 150ms;
      margin-top: 15px;
   }

   .teach-block .item img {
      width: 120px;
      height: 120px;
   }

.teach-block div:hover {
   background: #ffffff;
   -webkit-transform:  scale(1.15);
   transform: scale(1.15);
   border: 1px solid #50bbf0;
   box-shadow: 0 2px 2px 0 #d5dadd;
   z-index: 2;
   position: relative;
   margin: -1px;
}


/*==============================================
 Home Intro
 ===============================================*/ 

.home-intro {
    background-color: #333;
    overflow: hidden;
    padding: 30px 0 10px 0;
    position: relative;
    text-align: left;
}
.home-intro .get-started {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative; 
}
.home-intro .learn-more {
    margin-left: 15px;
    display: inline-block;
    white-space: nowrap;
}

.home-intro .pattern1 {
    margin-top: -30px;
    padding-top: 40px;
    margin-bottom: -10px;
    padding-bottom: 20px;
}

/*==============================================
 Flex Block
 ===============================================*/

.flex-block {
   display: block;
}

.flex-block .item {
   cursor: pointer;
}

.flex-block .item img,
.flex-block .item i,
.flex-block .item .item-detail {
   -webkit-transition: all 0.2s cubic-bezier(0.94, 0.40, 0.62, 0.93);
   -moz-transition: all 0.2s cubic-bezier(0.94, 0.40, 0.62, 0.93);
   -ms-transition: all 0.2s cubic-bezier(0.94, 0.40, 0.62, 0.93);
   transition: all 0.2s cubic-bezier(0.94, 0.40, 0.62, 0.93);
}

.flex-block .item:hover img,
.flex-block .item:hover i,
.flex-block .item:hover .item-detail {
   -webkit-transform: translateY(-5px);
   -moz-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   transform: translateY(-5px);
}

.flex-block a {
   display: block;
   font-weight: 600;
   font-size: 14px;
   text-align: center;
   opacity: 0.8;
   text-decoration: none;
}

.flex-block .item {
   text-align: center;
   margin-right: 15px;
   margin-left: 15px;
}



 /*==============================================
   Labels
 ===============================================*/

.label {
   display: inline;
   padding: .3em .6em .3em;
   font-size: 11px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
}

.label-default {
   background-color: #777;
}

.label-primary {
   background-color: #72c02c;
}

.label-success {
   background-color: #5cb85c;
}

.label-info {
   background-color: #5bc0de;
}

.label-warning {
   background-color: #f0ad4e;
}

.label-danger {
   background-color: #d9534f;
}


/*==============================================
   Express Card
 ===============================================*/

.main-color.exp-card-wrap .exp-card-item{
       background: #f8f8f8;
}
 
.exp-card-wrap .exp-card-item {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 30px 25px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);
    overflow: hidden;
    color: #fff;
    position: relative
}

.exp-card-wrap .exp-card-item,
.exp-card-wrap .exp-card-item h4,
.exp-card-wrap .exp-card-item .pic {
    -webkit-transition-property: background,color;
    -moz-transition-property: background,color;
    -o-transition-property: background,color;
    transition-property: background,color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.exp-card-wrap .exp-card-item.regular:hover,
.exp-card-wrap .exp-card-item.horizontal:hover {
    background-color: #72c02c;
    background-image: -webkit-linear-gradient(top,#72c02c,#3e8200);
    background-image: linear-gradient(to bottom,#72c02c,#3e8200);
    color: #fff
}

.exp-card-wrap .exp-card-item.regular:hover h4,
.exp-card-wrap .exp-card-item.horizontal:hover h4 {
    color: #fff
}

.exp-card-wrap .exp-card-item.regular:hover .pic,
.exp-card-wrap .exp-card-item.horizontal:hover .pic {
    opacity: .25
}

.exp-card-wrap .exp-card-item.large {
    background-color: #72c02c;
    background-image: -webkit-linear-gradient(top,#72c02c,#3e8200);
    background-image: linear-gradient(to bottom,#72c02c,#3e8200);
    color: #fff;
    height: 400px
}

.exp-card-wrap .exp-card-item.regular,
.exp-card-wrap .exp-card-item.horizontal {
    height: 190px
}

.exp-card-wrap .exp-card-item h4 {
    margin-top: 0;
    z-index: 10;
	position:relative;
}

.exp-card-wrap .exp-card-item.large h4 {
    font-size: 3em
}

.exp-card-wrap .exp-card-item.regular h4 {
    font-size: 1.8em;
    color: #fff
}

.exp-card-wrap .exp-card-item.horizontal h4 {
    font-size: 2em;
    color: #666
}

.exp-card-wrap .exp-card-item .text {
    z-index: 10;
    position: relative
}

.exp-card-wrap .exp-card-item.large .text>span:first-child {
    opacity: .8;
    font-size: 1.2em;
    font-weight: 400;
    width: 70%;
    display: block
}

.exp-card-wrap .exp-card-item.regular .text {
    font-size: .9em;
    width: 75%
}

.exp-card-wrap .exp-card-item.horizontal .text {
    font-size: 1em;
    width: 50%
}

.exp-card-wrap .exp-card-item .btn {
    margin-top: 30px;
    display: inline-block
}

.exp-card-wrap .exp-card-item .pic {
    position: absolute;
    z-index: 5
}

.exp-card-wrap .exp-card-item.regular .pic {
    width: 450px;
    height: 248px
}

.exp-card-wrap .exp-card-item.large .pic,
.exp-card-wrap .exp-card-item.horizontal .pic {
    width: 568px;
    height: 340px
}

.exp-card-wrap .exp-card-item.large .pic {
    right: 0;
    bottom: 0
}

.exp-card-wrap .exp-card-item.horizontal .pic {
    right: 0;
    top: -50px
}

.exp-card-wrap .exp-card-item.regular .pic {
    right: 0;
    bottom: 0
}

@media(max-width: 1199px) {
    .exp-card-wrap .exp-card-item.large {
        height:400px
    }
}

@media(max-width: 991px)and (min-width:768px) {
    .exp-card-wrap .exp-card-item.large .pic {
        bottom:-70px
    }

    .exp-card-wrap .exp-card-item.regular,.exp-card-wrap .exp-card-item.horizontal {
        height: 200px
    }

    .exp-card-wrap .exp-card-item.regular .text {
        font-size: 1em
    }

    .exp-card-wrap .exp-card-item.horizontal h4 {
        font-size: 1.8em
    }

    .exp-card-wrap .exp-card-item.horizontal .pic {
        width: 250px;
        height: 150px;
        background-size: 100% 100%;
        bottom: 0;
        right: 0;
        top: auto
    }

    .exp-card-wrap .exp-card-item.horizontal .text,
    .exp-card-wrap .exp-card-item.regular .text,
    .exp-card-wrap .exp-card-item.large .text {
        width: 80%
    }
}

@media(max-width: 767px) {
    .exp-card-wrap .exp-card-item.large {
        background:#fff
    }

    .exp-card-wrap .exp-card-item.horizontal .pic,
    .exp-card-wrap .exp-card-item.large .pic {
        width: 250px;
        height: 150px;
        background-size: 100% 100%;
        bottom: 0;
        right: 0;
        top: auto
    }

    .exp-card-wrap .exp-card-item.large h4,
    .exp-card-wrap .exp-card-item.regular h4,
    .exp-card-wrap .exp-card-item.horizontal h4 {
        font-size: 1.8em;
        color: #666
    }

    .exp-card-wrap .exp-card-item.large,
    .exp-card-wrap .exp-card-item.regular,
    .exp-card-wrap .exp-card-item.horizontal {
        height: 300px
    }

    .exp-card-wrap .exp-card-item.large .text span:first-child,
    .exp-card-wrap .exp-card-item.regular .text,
    .exp-card-wrap .exp-card-item.horizontal .text {
        width: 90%;
        color: #999;
        font-size: 1.1em
    }

    .exp-card-wrap .exp-card-item .btn {
        display: none
    }

    .exp-card-wrap .exp-card-item.large:hover {
        background-color: #267de5;
        background-image: -webkit-linear-gradient(top,#267de5,#364abe);
        background-image: linear-gradient(to bottom,#267de5,#364abe);
        color: #fff
    }

    .exp-card-wrap .exp-card-item.regular:hover h4,
    .exp-card-wrap .exp-card-item.regular:hover .text,
    .exp-card-wrap .exp-card-item.horizontal:hover h4,
    .exp-card-wrap .exp-card-item.horizontal:hover .text,
    .exp-card-wrap .exp-card-item.large:hover h4,
    .exp-card-wrap .exp-card-item.large:hover .text>span:first-child {
        color: #fff
    }

    .exp-card-wrap .exp-card-item.large:hover .pic {
        opacity: .25
    }
} 




/*==============================================
   Video Frame
 ===============================================*/

.video-wrap {
   position: relative;
}

.video-wrap-link {
   display: block;
}

.video-wrap-link:hover .video-wrap-icon {
   -webkit-transform: translate(-50%, -50%) scale(1.1);
   -moz-transform: translate(-50%, -50%) scale(1.1);
   -o-transform: translate(-50%, -50%) scale(1.1);
   -ms-transform: translate(-50%, -50%) scale(1.1);
   transform: translate(-50%, -50%) scale(1.1);
}

.video-wrap-image {
   display: block;
   width: 100%;
}

.video-wrap-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   display: inline-block;
   width: 75px;
   height: 75px;
   padding: 21px;
   padding-left: 23px;
   text-align: center;
   border: 3px solid white;
   font-size: 28px;
   color: rgb(255, 255, 255);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.video-wrap[data-cursor-overlay] .video-wrap-link:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
}

.video-wrap[data-cursor-overlay="1"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.1);
}

.video-wrap[data-cursor-overlay="2"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.2);
}

.video-wrap[data-cursor-overlay="3"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.3);
}

.video-wrap[data-cursor-overlay="4"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.4);
}

.video-wrap[data-cursor-overlay="5"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.5);
}

.video-wrap[data-cursor-overlay="6"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.6);
}

.video-wrap[data-cursor-overlay="7"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.7);
}

.video-wrap[data-cursor-overlay="8"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.8);
}

.video-wrap[data-cursor-overlay="9"] .video-wrap-link:before {
   background-color: rgba(0, 0, 0, 0.9);
}

.video-wrap[data-cursor-round] {
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.video-wrap[data-cursor-round="5"] {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.video-wrap[data-cursor-round="10"] {
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.video-wrap[data-cursor-round="15"] {
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}

.video-wrap[data-cursor-round="20"] {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.video-wrap[data-cursor-shadow="20"] {
   -webkit-box-shadow: 0px 5px 10px 0px rgba(107, 107, 107, 0.2);
   -moz-box-shadow: 0px 5px 10px 0px rgba(107, 107, 107, 0.2);
   box-shadow: 0px 5px 10px 0px rgba(107, 107, 107, 0.2);
}

.video-wrap[data-cursor-shadow="40"] {
   -webkit-box-shadow: 0px 10px 40px 0px rgba(107, 107, 107, 0.4);
   -moz-box-shadow: 0px 10px 40px 0px rgba(107, 107, 107, 0.4);
   box-shadow: 0px 10px 40px 0px rgba(107, 107, 107, 0.4);
}











.col-border:not(:last-child) {
   border-right: 1px solid #e2e2e2;
}

.col-border + .col-border {
   border-left: 1px solid #e2e2e2;
   margin-left: -1px;
}










.p-content {
   width: 100%
}

.p-section {
   text-transform: uppercase;
   font-weight: 500;
   font-size: 12px;
}

.p-image {
   margin-bottom: 15px;
}

.p-title {
   margin-top: 10px;
}