
/* ==================================================
    Body
===================================================== */

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body {
   font-family: 'Open Sans', Helvetica,Arial,sans-serif;
   font-size: 13px;
   line-height: 22px;
   color: #757575;
   font-weight: 400;
   -webkit-font-smoothing: antialiased !important;
   text-rendering: optimizelegibility;
}

.body-text-2x {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.body-text-3x {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
}

body.custom-p-bg {
   background: #f3f3f3 url(../img/patterns/bg-pattern-1.png) center top repeat;
}

html.boxed-layout {
   width: 1000px;
   margin: 0px auto;
   background: #F1F1F1;
}

html.boxed-layout .wrapper {
   box-shadow: 0 0 7px rgba(0,0,0,0.15);
   overflow: hidden;
}

html.boxed-layout.boxed-layout-2 { 
   margin: 50px auto;
   background: #F1F1F1;
}

.page-header,
.alternate-color {
   background-color: #fbfbfb;
}

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; 
}

h1 {
   font-size: 36px;
   line-height: 1.1em;
   margin-bottom: 14px;
}

h2 {
   font-size: 30px;
   line-height: 1.17em;
   margin-bottom: 10px;
}

h3 {
   font-size: 24px;
   line-height: 1.3em;
   margin-bottom: 8px;
}

h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}

h5 {
   font-size: 15px;
   line-height: 1.1em;
}

h6 {
   font-size: 13px;
   line-height: 1.1em;
}

p { 
    margin: 0 0 15px; 
}

.page-item > * {
    border: none;
}

.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 { 
   font-weight: 500;
}

iframe {
   border:none;
}

/* ==================================================
    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 { 
   color: white;
   font-size: 9px;
   padding: 5px;
   border-radius: 50%; 
}

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; 
   color: white;
   font-size: 25px;
   text-align: center;
   line-height: 68px;
   width: 68px;
   height: 68px;
   border-radius: 50%;
    box-shadow: 0 8px 22px rgba(0,0,0,.28);
    position:relative;
    z-index:1;
}

ul.i-list.medium .icon i.fa {
   margin: 0;
}

ul.i-list.medium.bordered .icon {
   background: white;
   color: inherit;
   border: 2px solid #8fc135;
   font-size: 26px;
   color: #8fc135;
   position: relative;
   z-index: 1;
    box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

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%;
    box-shadow: 0 8px 22px rgba(0,0,0,.28);
}

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.large li{
   margin-bottom:25px;
}
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;
       list-style: none;
}

.footer .post-date {
   margin-bottom: 15px;
   line-height: 20px;
   font-family: "Droid Serif", Georgia, Times, serif; 
}

.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: normal;
   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 #e8e8e8;
   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 .main ul li {
      line-height: inherit;
      margin-bottom: inherit;
   }

/*Footer 2*/
.footer.footer-2 {
   background-color: #fbfcfd;
   color: #7a868c;
   border-top: 1px solid #e8e8e8;
}

.footer.footer-2 .main {
   padding-bottom: 40px;
}

.footer.footer-2 .title {
   margin-bottom: 20px;
   letter-spacing: 0.3px;
   font-size: 15px;
   font-weight: 500;
}   

.footer.footer-2 .copyright {
   background-color: #f5f7f9; 
   border-top: 1px solid #e5e8ea;
}

.footer.footer-2 strong { 
   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; 
    border-left-width: 0;
        color: #999;
}

#newsletterForm .input-group .form-control{
   height:37px; 
}

form#newsletterForm :after {
    content: "\f0e0";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 10px;
    position: absolute;
    float: right;
    top: 7px;
    right: 0;
    color: #999;
    z-index:10;
}

.social-wrap .meta {
   line-height: 14px;
   display: inline-block;
   margin-top: 3px;
}

.social-wrap .meta .name {
   font-size: 11px;
}


footer .footer-contact-info p {
    margin-bottom: 6px;
}

footer .footer-contact-info .fa {
    margin-right: 10px;
    font-size: 14px;
    width: 12px;
}

footer .copyright p{
   font-size:13px;
}


ul.mini-list {
   list-style: none;
   padding-left: 0;
}

.mini-list li {
   margin-top: 14px;
}

.mini-list li:first-child {
   margin-top: 0;
}

.mini-list li figure {
   float: left;
   width: 50px;
   margin-bottom: 2px;
   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
   -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
   box-shadow: 1px 1px 1px rgba(0,0,0,.1);
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   transition: all .3s;
}

.mini-list li figure:hover {
   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   -webkit-transform: translateY(-4px);
   -moz-transform: translateY(-4px);
   transform: translateY(-4px);
}

.mini-list li figure img {
   width: 50px;
}

.mini-list li .product-details {
   margin-left: 65px;
}

.mini-list li a {
   display: block;
}

.mini-list li .star-rating {
   float: none;
   margin: 5px 0 8px;
   font-size: 12px;
   letter-spacing: 4px;
   width: 7.4em;
}

/* ==================================================
    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: 25px 0px;
   margin: 0;
   background-image: url('../img/core/ff_rp_bkg2.png');
   background-repeat: repeat;
   background-position: center top;
   background-size: auto;
}

.page-header.small {
   padding: 20px 0px;
}

.page-header .title {
   font-size: 20px;
   display: inline-block;
   margin: 0;
   vertical-align: middle;
   vertical-align: -webkit-baseline-middle;   
}

.page-header.small .title {
   font-size: 16px;
   line-height: 20px;
}

.page-header .breadcrumb {
   font-size: 11px;
   line-height: 22px;
   margin: 0;
   padding: 7px 12px 5px;
   float: right;
   white-space: nowrap;
   -moz-border-radius: 4px / 4px 4px 4px 4px;
   -webkit-border-radius: 4px / 4px 4px 4px 4px;
   border-radius: 4px / 4px 4px 4px 4px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
   box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
   background: #ffffff;
}

.page-header.small .breadcrumb {
   padding: 4px 15px;
}

.page-header .breadcrumb > li + li:before,
.page-header .breadcrumb a {
   font-size: 11px;
       color: #999999;
}

.page-header.small .breadcrumb > li + li:before,
.page-header.small .breadcrumb a {
   font-size: 11px;
   color: #999999;
}

.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.page-header-dark {
   background: #333;
}

.page-header.page-header-dark,
.page-header.page-header-dark h1,
.page-header.page-header-dark h2,
.page-header.page-header-dark h3,
.page-header.page-header-dark h4,
.page-header.page-header-dark h5,
.page-header.page-header-dark h6 {
   color: #EEE;
}

.page-header-dark .breadcrumb a {
   color: #BBB;
} 

.page-header.page-header-primary,
.page-header.page-header-primary h1,
.page-header.page-header-primary h2,
.page-header.page-header-primary h3,
.page-header.page-header-primary h4,
.page-header.page-header-primary h5,
.page-header.page-header-primary h6 {
   color: #EEE;
}

.page-header-primary .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;
}

.breadcrumb>li {
    display: inline-block;
        font-size: 11px;
            color: #999999;
}
.breadcrumb>li:after {
    padding: 0 7px;
    color: #ccc;
    content: "\f105";
    font-family: FontAwesome;
}

.breadcrumb>li+li:last-child::after {
   content:none;
}

.you-are-here{ 
   margin-right:10px;
}

.page-header.big {
   padding: 50px 0px;
}

.page-header-2 .breadcrumb {
    padding: 5px 15px;
    position: absolute;
    right: 0; 
    background: white;
    border: 1px solid #e8e8e8;
}
.page-header-2 .breadcrumb {
   top: 93%;
}
.page-header-2.small .breadcrumb {
   top: 90%;
}

.page-header-2.big .breadcrumb {
   top: 40px;
}

.page-header.primary .breadcrumb > .active,
.page-header.primary .breadcrumb a,
.page-header.primary .title {
   color: white;
}

.page-header.primary .breadcrumb > .active {
   opacity: 0.65;
}


/* ==================================================
    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.png) 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;
   }
}



.owl-carousel .owl-nav,
.owl-carousel .owl-dots {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 15px;
  -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav [class*="owl-"] {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bolder;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  background-color: #e7ecef;
  -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;
}
.owl-carousel .owl-nav [class*="owl-"]:first-child {
  margin-right: 1px;
}
.owl-carousel .owl-nav [class*="owl-"]:not(.disabled):hover {
  background-color: #d7e0e5;
}
.owl-carousel .owl-nav [class*="owl-"].disabled {
  cursor: default;
  opacity: 0.5;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 5px;
}
.owl-carousel .owl-dots .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background-color: #e7ecef;
  -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;
}
.owl-carousel .owl-dots .owl-dot:first-child {
  padding-left: 0;
}
.owl-carousel .owl-dots .owl-dot:last-child {
  padding-right: 0;
}
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background-color: #bbb;
}
.owl-carousel.-nav-icon .owl-nav [class*="owl-"] {
  font-family: FontAwesome;
}
.owl-carousel.-nav-icon .owl-nav .owl-prev:before {
  content: "\f104";
}
.owl-carousel.-nav-icon .owl-nav .owl-next:before {
  content: "\f105";
}
.owl-carousel.-nav-dark .owl-nav [class*="owl-"] {
  background-color: rgba(0, 0, 0, 0.5);
}
.owl-carousel.-nav-dark .owl-nav [class*="owl-"]:not(.disabled):hover {
  background-color: #000000;
}
.owl-carousel.-nav-white .owl-nav [class*="owl-"] {
  color: #000000;
  background-color: #ffffff;
}
.owl-carousel.-nav-white .owl-nav [class*="owl-"]:not(.disabled):hover {
  background-color: #ffffff;
}
.owl-carousel.-nav-medium .owl-nav [class*="owl-"] {
  min-width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}
@media (max-width: 575px) {
  .owl-carousel.-nav-medium .owl-nav [class*="owl-"] {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.owl-carousel.-nav-large .owl-nav [class*="owl-"] {
  min-width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .owl-carousel.-nav-large .owl-nav [class*="owl-"] {
    min-width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .owl-carousel.-nav-large .owl-nav [class*="owl-"] {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.owl-carousel.-nav-left .owl-nav {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.owl-carousel.-nav-right .owl-nav {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.owl-carousel.-nav-between .owl-nav {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.owl-carousel.-nav-top .owl-nav,
.owl-carousel.-nav-top-left .owl-nav,
.owl-carousel.-nav-top-right .owl-nav,
.owl-carousel.-nav-middle .owl-nav,
.owl-carousel.-nav-middle-left .owl-nav,
.owl-carousel.-nav-middle-right .owl-nav,
.owl-carousel.-nav-bottom .owl-nav,
.owl-carousel.-nav-bottom-left .owl-nav,
.owl-carousel.-nav-bottom-right .owl-nav {
  position: absolute;
  z-index: 1;
  margin-top: 0;
}
.owl-carousel.-nav-top .owl-nav {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.owl-carousel.-nav-top-left .owl-nav {
  top: 0;
  left: 0;
}
.owl-carousel.-nav-top-right .owl-nav {
  top: 0;
  right: 0;
}
.owl-carousel.-nav-middle .owl-nav {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.owl-carousel.-nav-middle-left .owl-nav {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel.-nav-middle-right .owl-nav {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel.-nav-bottom .owl-nav {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.owl-carousel.-nav-bottom-left .owl-nav {
  bottom: 0;
  left: 0;
}
.owl-carousel.-nav-bottom-right .owl-nav {
  bottom: 0;
  right: 0;
}
.owl-carousel.-nav-top-between .owl-nav,
.owl-carousel.-nav-middle-between .owl-nav,
.owl-carousel.-nav-bottom-between .owl-nav {
  margin-top: 0;
}
.owl-carousel.-nav-top-between .owl-nav [class*="owl-"],
.owl-carousel.-nav-middle-between .owl-nav [class*="owl-"],
.owl-carousel.-nav-bottom-between .owl-nav [class*="owl-"] {
  position: absolute;
  z-index: 1;
}
.owl-carousel.-nav-top-between .owl-nav .owl-prev,
.owl-carousel.-nav-middle-between .owl-nav .owl-prev,
.owl-carousel.-nav-bottom-between .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel.-nav-top-between .owl-nav .owl-next,
.owl-carousel.-nav-middle-between .owl-nav .owl-next,
.owl-carousel.-nav-bottom-between .owl-nav .owl-next {
  right: 0;
}
.owl-carousel.-nav-top-between .owl-nav [class*="owl-"] {
  top: 0;
}
.owl-carousel.-nav-middle-between .owl-nav [class*="owl-"] {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-carousel.-nav-bottom-between .owl-nav [class*="owl-"] {
  bottom: 0;
}
.owl-carousel.-dots-white .owl-dots .owl-dot span {
  background-color: rgba(255, 255, 255, 0.5);
}
.owl-carousel.-dots-white .owl-dots .owl-dot:hover span,
.owl-carousel.-dots-white .owl-dots .owl-dot.active span {
  background-color: #ffffff;
}
.owl-carousel.-dots-left .owl-dots {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.owl-carousel.-dots-right .owl-dots {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.owl-carousel.-dots-bottom .owl-dots,
.owl-carousel.-dots-bottom-left .owl-dots,
.owl-carousel.-dots-bottom-right .owl-dots {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding: 0 20px;
  margin-top: 0;
}
.owl-carousel.-dots-bottom-left .owl-dots {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.owl-carousel.-dots-bottom-right .owl-dots {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}





/* ==================================================
    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; 
}

.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-width:1px;
   border-style:solid; 
   border-radius: 50%;
   height: 65px;
   width: 65px;
   line-height: 65px;
   text-align: center;
       box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

.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 #96cd56;
   color: white;
   border-radius: 50%;
   height: 64px;
   width: 64px;
   line-height: 62px;
   text-align: center;
   box-shadow: 0 5px 14px rgba(0,0,0,.20);
}

.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 .icon-square {
   width: 48px;
   height: 48px;
   border-radius: 2px;
   line-height: 46px; 
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}

.feature-box .icon-square i {
   color: white;
   width: 48px;
   display: block;
   height: 48px;
   clear: both;
   line-height: 48px;
   text-align: center;
   font-size: 27px;
}

.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;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.feature-box.boxed:hover {
    -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    transform: translateY(-4px);
}

.feature-box.boxed.boxed-top-icon {
   padding-top: 0px;
   overflow: visible;
   margin-top: 35px;
}

.feature-box.boxed.boxed-top-icon .icon {
    margin-top: -34px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 25px;
}

.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: #7b7b7b;
   font: inherit;
   text-transform: none;
   font-weight: normal;
   font-size: 13px;
   line-height: inherit;
   letter-spacing: inherit;
   padding: 2px 4px;
   margin: 0px 5px 10px;
}

.cbp-l-filters-alignCenter .cbp-filter-counter:after {
    border-top: 4px solid #96cd56;
}

.cbp-l-filters-alignCenter .cbp-filter-counter {
    background-color: #96cd56;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
   background-color: #96cd56;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:after {
   border-top: 4px solid #96cd56;
}

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
   border-color: #96cd56;
   border-bottom: 2px solid #96cd56;
   padding-bottom: 6px;
}

.cbp-l-grid-masonry-projects-title { 
    font: inherit;
    font-size: 16px;
    line-height: inherit;
    text-transform: none;
    letter-spacing: inherit;
    font-weight: normal;
}

.cbp-l-grid-masonry-projects-title:hover {
   color: #5fb611;
}

.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, 
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
    background-color: #96cd56;
}

.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;
    font: inherit;
    color: inherit;
}

.cbp-l-filters-buttonCenter .cbp-filter-item { 
   border: none; 
   font-weight: normal;
   font-size: 13px;
   padding: 0px 6px;
   margin-bottom: 0;
   font-family: inherit;
   background: transparent;
}

.cbp-search-input {
   border: 1px solid #e8e8e8;
   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: 25px 30px;
    padding-bottom: 16px;
    overflow: hidden;
    border: solid 1px #e8e8e8;
    border-top-width: 0px;
    background: white;
}

.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: 15px;
    font-family:inherit;
    text-align: center;
    font-size: 16px; 
    font-weight: 500;
}

.cbp-l-filters-button .cbp-filter-item {
   background-color: inherit;
   border: none;
   font: inherit;
   color: #7b7b7b;
   margin: 0 5px 10px 5px;
   padding: 6px 5px;
   font-size: 13px;
}

.cbp-l-filters-button {
    margin-bottom: 25px;
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: inherit; 
    border-bottom: 2px solid #96cd56;
}

.cbp-l-filters-button .cbp-filter-counter {
    background-color: #96cd56;
}

.cbp-l-filters-button .cbp-filter-counter:after {
    border-top: 4px solid #96cd56;
}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    background-color: #96cd56;
    color: #FFFFFF;
    display: inline-block;
    font: inherit;
    min-width: 80px;
    text-align: center;
    margin: 4px;
    padding: 3px 12px;
    border-radius: 2px;
}

.cbp-l-grid-projects-title {
   line-height: inherit;
   text-transform: none;
   letter-spacing: 0;
   font-weight: normal;
   font: inherit;
   font-size: 16px; 
}

.cbp-l-filters-alignRight .cbp-filter-item {
   background-color: transparent;
   color: inherit;
   cursor: pointer;
   font: inherit;
   padding: 5px 5px;
   position: relative;
   overflow: visible;
   margin: 0 5px 10px 5px;
   border: none;
   text-transform: none;
}

.cbp-l-filters-alignRight .cbp-filter-counter {
    background-color: #96cd56;
}

.cbp-l-filters-alignRight .cbp-filter-counter:after {
    border-top: 4px solid #96cd56;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    cursor: default;
        border-bottom: 2px solid #96cd57;
}

.cbp-l-caption-title { 
    font: inherit;
    font-size: 16px;
}

.cbp-l-caption-desc {
    color: #7b7b7b;
    font: inherit;
}

.cbp-caption-activeWrap {
    background-color: #ffffff;
}


/* ==================================================
    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;
}

.blog-list-audio iframe {
   width:100%;
}
.blog-list-video iframe {
   width:100%;
}

/* ==================================================
    Side bar
===================================================== */

.page.has-sidebar.bordered .page-header {
   margin-bottom: 0;
}

.page.has-sidebar.bordered .page-inner {
   padding-bottom: 0;
    padding-top: 0px;
}

.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: 35px;
   padding-top: 50px;
}

.has-sidebar.bordered.right-sidebar .right-side-sidebar {
   padding-left: 35px;
}

aside section {
   margin-bottom: 45px;
}

aside section:after {
   clear: both;
   display: table;
   content: " ";
}

aside .heading .title { 
   margin-bottom: 15px;
} 

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: 15px;
    font-size: 12px;
}

aside ul.nav-list > li > a {
   padding: 6px 0 6px 18px;
}

aside ul.nav-list li ul {
   list-style: none;
   margin: 0 0 0 10px;
   padding: 0;
}

.search-form input[type="text"] {
   border-radius: 2px;
}

.big-search-wrap .search-form input[type="text"] {
   background-position: 97% 50%;
   padding: 22px 38px;
   padding-left: 20px;
   border-radius: 4px;
}

.medium-search-wrap .search-form input[type="text"] {
   background-position: 97% 50%;
   padding: 15px 32px;
   padding-left: 20px;
   border-radius: 2px;
}

.small-search-wrap .search-form input[type="text"] {
   background-position: 97% 50%;
   padding: 12px 28px;
   padding-left: 15px;
   border-radius: 2px;
}


aside .search-form .input-group {
   width: 100%;
}

aside ul.nav-list li a {
   padding: 6px 8px 6px 18px;
   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: 8px!important;
}

.tag-cloud .tag-cloud-inner li > a {
   margin-right: 5px;
   padding: 5px 9px;
   padding-bottom: 4px;
   text-decoration: none;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #e8e8e8;
   font-size: 12px;
   line-height: 15px;
   background-size: 100% 100%;
   background-position: center center;
   color: inherit;  
}

.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: 0px solid #e8e8e8;
   font-size: inherit;
   box-shadow: none; 
   padding: .6rem .75rem;
    background-color: #f7f7f7;
  moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; 
  -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

form.search-form .input-group::after {
    content: "\f002"!important;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 10px;
    position: absolute;
    float: right;
    top: 5px;
    right: 0;
    color: #999;
    z-index:3;
}

.form-control:focus,
.form-control:active {
   /*box-shadow: none;*/ 
   background-color: #f7f7f7;
}

label {
   margin-bottom: 2px;
   font-weight: 600;
   font-size: 12px; 
} 


/* ==================================================
    Blockquote
===================================================== */

blockquote {
   padding: 5px 20px;
   margin: 0 0 20px;
   font-size: 15px;
   line-height: 24px;
   border-left: 4px solid #e8e8e8;
}

blockquote p:last-child {
   margin-bottom:2px;
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143; 
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: '\2014 \00A0';
}

/* ==================================================
    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; 
}

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;
   opacity: 0.7;
}

.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; 
   margin-bottom: 10px;
}

.comment-reply-title,
.comments-title {
   padding-bottom: 20px;
}


/* ==================================================
    Portfolio
===================================================== */

.project-details {
    list-style: none;
    padding-left: 0;
    margin-top: 20px
}

.project-details li:not(:last-child) { 
    margin-bottom: 20px; 
}

.project-details h5 {
    margin-bottom:3px;
}


/* ==================================================
    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: 32px;
    font-weight: normal;
    line-height: 39px;
    margin-top: 5px; 
}

.section-sub-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}




/* ==================================================
    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,
   .owl-carousel .owl-item .testimonial-1-photo img,
   .testimonial-1-photo img {
      width: 75px;
      -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 #e8e8e8;
      height: 80px;
      line-height: 70px;
      background: #d8d8d8;
      font-size: 60px;
   }

.testimonial-1-info h5 {
   font-size: 18px; 
}

   .testimonial-1-info h5 a {
      color: inherit;
   }

@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-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-1-font-1 {
   font-size: 18px;
   line-height: 27px;
   font-style: italic;
   color: #444;
}
 
   .testimonial-1.content-left {
   -webkit-flex-direction: column;
   flex-direction: column;
   text-align: left;
}

.owl-carousel.testimonial-left .owl-nav,
.owl-carousel.testimonial-left .owl-dots {
   -webkit-justify-content: left;
   justify-content: left;
   padding-left: 15px;
}

.owl-carousel.testimonial-left-2 .owl-nav,
.owl-carousel.testimonial-left-2 .owl-dots {
   -webkit-justify-content: left;
   justify-content: left;
   padding-left: 40px;
}

.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; 
   font-size: 14px;
    margin-bottom: 10px;
}

.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: 14px;
   letter-spacing: 0px;
}

.testimonial-meta .testimonial-name strong { 
    font-weight:normal;
}

.testimonial-meta.inline .testimonial-name {
   display: inline-block;
   margin-right: 5px;
}

.testimonial-meta{ 
   line-height:20px;
}

.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;
}



.xtestimonial {
   margin-bottom: 30px;
}

.xtestimonial:after {
   content: '';
   display: table;
   clear: both;
}

.xtestimonial .xtestimonial-img-wrap img {
   border-radius: 50%;
}

.xtestimonial .xtestimonial-name {
   margin-bottom: 3px;
   margin-bottom: 3px;
   float: left;
   margin-right: 5px;
}

.xtestimonial .xtestimonial-desc {
   font-family: 'Droid Serif', serif;
   font-size: 24px;
   font-style: italic;
   line-height: 1.45;
   position: relative;
   color: #444;
}

.xtestimonial .xtestimonial-content:before {
    display: block;
    font-family: fontello;
    content: "\e882";
    font-size: 18px;
    position: absolute;
    top: 24px;
    font-style: normal;
    left: 18px;
}


.xtestimonial .xtestimonial-content {
    position: relative;
    padding: 25px 28px 5px;
    margin-bottom: 20px;
    font-style: italic;
    font-size: 16px;
    line-height: 1.6em;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 46px;
    background: #fbfbfb;
    /* color: #ffffff; */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #e8e8e8;
}

.xtestimonial .xtestimonial-author div {
    padding: 7px 0 0 88px;
}
.xtestimonial .xtestimonial-author-photo img {
    max-width: 70px;
}

.xtestimonial .xtestimonial-author-photo {
    width: 70px;
    float: left;
    margin-right: 20px;
}

.xtestimonial-author-name {
   margin-bottom:2px;
}

.xtestimonial-author-position {
   font-style:italic;
}

.xtestimonial-content:after {
    content: '';
    display: block;
    width: 23px;
    height: 16px;
    position: absolute;
    left: 40px;
    bottom: -16px;
}

.xtestimonial .xtestimonial-content:after {
  background: url(../img/core/triangle-testimonials.png) no-repeat 50% 0;
}




/* ==================================================
    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 .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-nodots.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-nodots.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;
}
























/* --------------------------------------------
  Accordion
-------------------------------------------- */

.panel-body {
   padding: 15px;
   padding-top: 0px;
   padding-left: 5px;
   padding-right: 10px;
   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-bottom: 1px solid #e8e8e8;
}

.panel-group .panel-heading a {
   display: block;
   padding: 10px 15px;
   padding-left:2px;
   font-size: 13px;
   background-color: #FFFFFF; 
}

.panel-group .panel-heading a.accordion-toggle.collapsed {
   box-shadow: none;
   /*background-color: #fbfbfb;*/
}

.panel-group .panel-heading a.accordion-toggle.collapsed:before {
   font-family: 'FontAwesome';
   content: "\f054";
   width: 15px;
   font-size: 12px;
   display: inline-block;
}

.panel-group .panel-heading a.accordion-toggle:before {
   font-family: 'FontAwesome';
   content: "\f078";
   font-size: 12px;
   width: 15px;
   display: inline-block;
}

.panel-group .panel-heading a.accordion-toggle {
   background-color: transparent;
}

.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;
}


/*accordion-menu*/
.panel-group .glyphicon { margin-right:10px; }
.accordion-menu .panel-body { padding:0px; }
.accordion-menu .panel-body table tr td { padding-left: 15px }
.accordion-menu .panel-body .table {margin-bottom: 0px; }

 #mg-multisidetabs .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    #mg-multisidetabs .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    #mg-multisidetabs .list-group{
      margin-bottom:0;
    }
    .slide-container{
      overflow:hidden;
    }
    #mg-multisidetabs .list-sub{
      display:none;
    }
    #mg-multisidetabs .panel{
      margin-bottom:0;
    }
    #mg-multisidetabs .panel-body{
      padding:1px 2px;
    }
    .mg-icon{
      font-size:10px;
      line-height: 20px;
    }
 

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

/* --------------------------------------------
  Tree Menu
-------------------------------------------- */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.nav-list>li>a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #444;
    text-shadow: none;
    text-transform: none;
        cursor: pointer;
}

.nav-list>li>a {
    padding: 3px 15px;
}

.nav-list>li>a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav>li>a {
    display: block;
}

.nav-list .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}


/* ==================================================
    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;
}

.flex-block.left a {
    display: initial;
    margin-left:6px;
    font-size:20px;
    color:#9a9999;
    opacity:1;
    font-weight:normal;
}

.flex-block.left-2 a {
    display: initial;
    margin-left:6px; 
}

.flex-block a {
   display: block;
   font-weight: 500;
   font-size: 16px;
   text-align: center;
   opacity: 0.9;
   text-decoration: none;
}

 /*==============================================
   Labels
 ===============================================*/

.label {
   display: inline;
   padding: .3em .6em .3em;
   font-size: 11px;
   font-weight: normal;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
   vertical-align: 1px;
}

.label-default {
   background-color: #777;
} 

.label-success {
   background-color: #5cb85c;
}

.label-info {
   background-color: #5bc0de;
}

.label-warning {
   background-color: #f0ad4e;
}

.label-danger {
   background-color: #d9534f;
}




/*==============================================
   Video Frame
 ===============================================*/

.video-wrap {
   position: relative;
}

.video-wrap .video-text {
   position: absolute;
   bottom: 50px;
   left: 40px;
   text-align: left;
}

.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%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.video-wrap-link:hover .video-wrap-image {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.video-overlay {
   background: #000 none repeat scroll 0 0;
   display: block;
   height: 100%;
   left: 0;
   opacity: 0.4;
   position: absolute;
   top: 0;
   width: 100%;
}

.video-wrap-icon {
   background: url(../img/core/videoPlay-active.png) no-repeat center center;
   width: 80px;
   height: 80px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -40px;
   margin-top: -40px;
}

.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 #e8e8e8;
}

.col-border + .col-border {
   border-left: 1px solid #e8e8e8;
   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: 5px;
}

.p-content-2 .p-image {
   margin-bottom: 0px;
}

.p-content-2 .p-title {
   text-align: center;
}

.p-content-2 .p-info {
   padding: 15px 10px;
   background: white;
}


/*==============================================
   Drop Caps
 ===============================================*/

span.dropcap1,
span.dropcap2 {
   float: left;
   padding: 11px 0px 9px;
   margin-right: 8px;
   font-size: 46px;
   font-style: normal;
}

span.dropcap3,
span.dropcap4 {
   float: left;
   font-style: normal;
   font-size: 18px;
   padding: 6px 10px 6px 11px;
   margin: 4px 10px 2px 0;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

span.dropcap3 { 
   color: #fff;
}




.fontawesome-icon-list .fa-hover a .fa {
   width: 32px;
   font-size: 14px;
   display: inline-block;
   text-align: right;
   margin-right: 10px;
}

.fontawesome-icon-list .fa-hover a {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block; 
   line-height: 32px;
   height: 32px;
   border-radius: 2px;
}

.fontawesome-icon-list .fa-hover a:hover { 
   color: #fff;
   text-decoration: none;
}

.alert .fa-ul {
   margin-bottom: 0;
}



.ion-icon-list,
.bs-glyphicons-list {
   padding-left: 0;
   list-style: none;
}

.ion-icons li,
.bs-glyphicons li {
   float: left;
   width: 20%;
   padding-left: 15px;
   padding-bottom: 6px;
   padding-top: 6px;
   padding-right: 5px;
   border-radius: 2px;
}

.ion-icons li:before,
.bs-glyphicons .glyphicon {
   font-size: 14px; 
   width: 23px !important;
}
.ion-icons li:before{
   font-size:16px;
}

.ion-icons li:hover,
.bs-glyphicons li:hover { 
   color: #fff;
   text-decoration: none;
   cursor: pointer
}

.ion-icons li:hover:before,
.bs-glyphicons li:hover .glyphicon {
   color: #fff;
}




/*==============================================
   Blog Types
 ===============================================*/

.xblog-media-link {
   display: block;
}

.xblog-media-image {
   display: inline-block;
   width: 100%;
}

.xblog-info {
   padding: 35px;
   padding-top: 30px;
   padding-bottom: 30px;
}

.xblog-info:first-child {
   border-width: 3px 0 0 0;
   border-style: solid;
}

.xblog-info-title {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 5px;
} 

.-format-quote .xblog-info-title {
   font-style: italic;
}

.-format-quote .xblog-quote-icon {
   font-size: 23px;
   opacity: 0.6; 
   margin-bottom: 15px;
   margin-top: -10px; 
}

.xblog-info-category {
   font-size: 11px; 
   text-transform: uppercase;
}

.xblog-info-summary p {
   margin-bottom: 10px;
}

.xblog-info-summary p:last-child {
   margin-bottom: 0;
}

.xblog-info-link {
   margin-top: 10px;
}

.xblog-quote-author:before {
   content: '-';
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 0;
}

.xblog-info-meta {
   padding: 0;
   margin: 0;
   list-style-type: none;
   margin-bottom: 10px;
   font-size: 12px;
    opacity: 0.7;
}

.xblog-info-meta:before,
.xblog-info-meta:after {
   content: "";
   display: table;
}

.xblog-info-meta:after {
   clear: both;
}

.xblog-info-meta-item {
   float: left;
   margin-right: 10px;
}

.xblog-info-meta-item:last-child {
   margin-right: 0;
}

.xblog-item-inner {
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   box-shadow: 0 1px 2px rgba(0,0,0,.1);
   background: white;
}



.xblog-large-media-audio iframe,
.xblog-medium-media-audio iframe,
.xblog-item.-format-audio iframe {
   width: 100%;
   border:none;
}

.xblog-item.-format-gallery .owl-carousel {
   margin-bottom: 0px;
}

.xblog-info-cats-sep:after {
   content: ',';
   margin-left: -1px;
   margin-right: 3px;
   clear: both;
   opacity: 0.5;
   font-size: 11px;
}

.xblog-info-meta-item i.fa {
   font-size: 11px;
}

.xblog-large-media-video iframe,
.xblog-medium-media-video iframe,
.xblog-media-video iframe {
   border:none;
}


.xblog.xblog-type-2 .xblog-item-inner {
   box-shadow: none;
   background: inherit;
}

.xblog.xblog-type-2 .xblog-info {
   padding: 0;
   padding-top: 20px;
}

.xblog.xblog-type-2 .xblog-info-category {
   position: absolute;
   top: 15px;
   left: 35px;
   z-index: 2;
}


.xblog.xblog-type-2 .xblog-info:first-child {
   border-width: 2px 0 0 0;
}

.xblog.xblog-type-2 .-format-link .xblog-info-category,
.xblog.xblog-type-2 .-format-quote .xblog-info-category,
.xblog.xblog-type-2 .-format-status .xblog-info-category {
   position: relative;
   left: 0;
   top: 0;
}

.xblog.xblog-type-2 .-format-link .xblog-info,
.xblog.xblog-type-2 .-format-quote .xblog-info,
.xblog.xblog-type-2 .-format-status .xblog-info {
   padding: 30px;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.xblog.xblog-type-2 .xblog-info-meta-item {
   margin-right: 0;
}

.xblog.xblog-type-2 .xblog-info-meta-item:after {
   content: '|';
   margin-left: 7px;
   margin-right: 7px;
   clear: both;
   opacity: 0.5;
   font-size: 11px;
}

.xblog.xblog-type-2 .xblog-info-meta-item:last-child:after {
   content: '';
}

.xblog.xblog-type-2 .xblog-info-category .label {
   font-weight: normal;
   font-size: 10px;
   padding-left: 7px;
   padding-right: 7px;
}


.xblog-info-avatar {
   border-radius: 50%;
   margin-right: 4px;
}

.xblog.xblog-type-3 .-format-link .xblog-info-category,
.xblog.xblog-type-3 .-format-quote .xblog-info-category,
.xblog.xblog-type-3 .-format-status .xblog-info-category {
   position: relative;
   left: 0;
   top: 0;
}

.xblog.xblog-type-3 .xblog-info-meta-item:after {
   content: '|';
   margin-left: 6px;
   margin-right: 6px;
   clear: both;
   opacity: 0.5;
   font-size: 11px;
}

.xblog.xblog-type-3 .xblog-info-meta-item:last-child:after {
   content:'';
}

.xblog.xblog-type-3 .xblog-info-meta-item {
   margin-right:0;
}

.xblog.xblog-type-3 .xblog-info-category .label {
   font-weight: normal;
   font-size: 10px;
   padding-left: 7px;
   padding-right: 7px;
}

.xblog.xblog-type-3 .xblog-info {
   padding: 25px;
   padding-top: 20px;
   padding-bottom: 22px;
}

.xblog.xblog-type-3 .xblog-info-category {
   position: absolute;
   top: 15px;
   left: 35px;
   z-index: 2;
}

.xblog.xblog-type-3 .xblog-info-title {
   margin-bottom: 10px;
}

.xblog.xblog-type-3 .xblog-info-meta-item {
   line-height: 27px;
}






.xblog-medium-item:first-child {
   padding-top: 0;
   border-top: 0;
}

.xblog-medium-media {
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   padding: 10px;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   box-shadow: 0 1px 2px rgba(0,0,0,.1);
   background: white;
}

@media (max-width: 575px) {
   .xblog-medium-media {
      width: 100%;
   }
}

@media (min-width: 576px) {
   .xblog-medium-media {
      width: 40%;
   }
}

.xblog-medium-media-link {
   display: block;
}

.xblog-medium-media-image {
   display: inline-block;
   width: 100%;
}

.xblog-medium-info {
   -webkit-flex-grow: 1;
   flex-grow: 1;
}

@media (max-width: 575px) {
   .xblog-medium-info {
      width: 100%;
      padding-top: 30px;
      padding-left: 10px;
      padding-right: 10px;
   }
}

@media (min-width: 576px) {
   .xblog-medium-info {
      padding-top: 10px;
      padding-left: 30px;
   }
}

.xblog-medium-info:first-child {
   padding-top: 20px;
   padding-bottom: 20px;
   border-width: 0 0 0 3px;
   border-style: solid;
}

@media (max-width: 575px) {
   .xblog-medium-info:first-child {
      padding-left: 20px;
   }
}

.xblog-medium-info-title {
   font-size: 18px; 
   margin-bottom: 6px;
}
 
.xblog-medium-info-category {
   font-size: 12px; 
   text-transform: uppercase;
}

.xblog-medium-info-summary p {
   margin-bottom: 10px;
}

.xblog-medium-info-summary p:last-child {
   margin-bottom: 0;
}

.xblog-medium-info-link {
   margin-top: 10px;
}

.xblog-medium-info-meta {
   padding: 0;
   margin: 0;
   list-style-type: none;
   margin-bottom: 10px;
   font-size: 12px;
   opacity:0.7;
}

.xblog-medium-info-meta:before,
.xblog-medium-info-meta:after {
   content: "";
   display: table;
}

.xblog-medium-info-meta:after {
   clear: both;
}

.xblog-medium-info-meta-item {
   float: left;
   margin-right: 5px;
}

.xblog-medium-info-meta-item:last-child {
   margin-right: 0;
}
 
.xblog-medium-item {
   padding-top: 30px;
   margin-bottom: 30px;
   border-top: 1px solid #e7ecef;
}

.xblog-medium-item:last-child {
   padding-bottom: 30px;
   margin-bottom: 0;
   border-bottom: 1px solid #e7ecef;
}

.xblog-medium-item-inner {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: flex-start;
   align-items: flex-start;
}

@media (max-width: 575px) {
   .xblog-medium-item-inner {
      -webkit-flex-direction: column;
      flex-direction: column;
   }
}

.xblog-medium-item.-has-sticky .xblog-medium-sticky {
   display: inline-block;
}

.xblog-medium-item.-has-sticky .xblog-medium-item-inner {
   position: relative;
}

.xblog-medium-media-audio iframe {
   width: 100%;
}




.xblog-large-media-link {
   display: block;
}

.xblog-large-media-image {
   display: inline-block;
   width: 100%;
}

@media (max-width: 575px) {
   .xblog-large-info {
      padding: 30px;
   }
}

@media (min-width: 576px) {
   .xblog-large-info {
      padding: 50px;
      padding-top: 40px;
      padding-bottom: 40px;
   }
}

.xblog-large-info:first-child {
   border-width: 5px 0 0 0;
   border-style: solid;
}

.xblog-large-info-title {
   font-weight: 500;
}

@media (max-width: 575px) {
   .xblog-large-info-title {
      font-size: 16px;
   }
}

@media (min-width: 576px) {
   .xblog-large-info-title {
      font-size: 21px;
   }
} 
.xblog-large-info-category {
   font-size: 13px;
   text-transform: uppercase;
}

@media (max-width: 575px) {
   .xblog-large-info-summary {
      font-size: 14px;
   }
}

@media (min-width: 576px) {
   .xblog-large-info-summary {
      font-size: 14px;
      line-height: 24px;
   }
}

.xblog-large-info-summary p {
   margin-bottom: 10px;
}

.xblog-large-info-summary p:last-child {
   margin-bottom: 0;
}

.xblog-large-info-link {
   margin-top: 20px;
}

.xblog-large-info-meta {
   padding: 0;
   margin: 0;
   list-style-type: none;
   margin-bottom: 20px;
   opacity:0.7;
}

.xblog-large-info-meta:before,
.xblog-large-info-meta:after {
   content: "";
   display: table;
}

.xblog-large-info-meta:after {
   clear: both;
}

@media (max-width: 575px) {
   .xblog-large-info-meta {
      font-size: 12px;
   }
}

.xblog-large-info-meta-item {
   float: left;
   margin-right: 5px;
}

.xblog-large-info-meta-item:last-child {
   margin-right: 0;
}

.xblog-large-item {
   margin-bottom: 50px;
}

.xblog-large-item:last-child {
   margin-bottom: 0;
}

.xblog-large-item-inner {
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
   box-shadow: 0 1px 2px rgba(0,0,0,.1);
   background: white;
}

.xblog-large-item.-has-sticky .xblog-large-sticky {
   display: inline-block;
}

.xblog-large-item.-has-sticky .xblog-large-item-inner {
   position: relative;
}

.xblog-large-media-audio iframe {
   width: 100%;
}



.xblog.xblog-type-4 .xblog-item-inner {
   box-shadow: none;
   border: 1px solid #e8e8e8;
}

.xblog.xblog-type-4 .xblog-info:first-child {
   border: 0px solid #e8e8e8;
}

.xblog.xblog-type-4 .xblog-info-summary p:last-child {
   margin-bottom: 15px;
}

.xblog.xblog-type-4 .xblog-info-title {
   margin-bottom: 10px;
}

.xblog.xblog-type-4 .xblog-item-date {
   margin-bottom: 5px;
}

.xblog.xblog-type-4 .xblog-info-meta-item a,
.xblog.xblog-type-4 .xblog-info-meta-link,
.xblog.xblog-type-4 .xblog-info-xcategory a {
   line-height: 27px;
}

.xblog.xblog-type-4 .xblog-info-meta a {
   color:inherit;
}

.xblog-info-xcategory {
   display:inline-block;
}

.xblog.xblog-type-4 .xblog-info-meta-item{
   margin-right:7px;
}

.xblog.xblog-type-4 .xblog-info-meta-item:after {
   content:'/';
   margin-left:4px;
}

.xblog.xblog-type-4 .xblog-info-meta-item:last-child:after  {
   content:'';
   margin-left:0;
}



.xblog.xblog-type-5 .xblog-info {
   padding:0;
   border:0px;
}

.xblog.xblog-type-5 .xblog-item-inner {
   background:transparent;
   box-shadow:none;
}

.xblog.xblog-type-5 .xblog-item-date {
   margin-bottom:5px;
   opacity: 0.6;
}

.xblog.xblog-type-5 .xblog-info-title {
   line-height:24px;
}

.xblog-news-date {
    background: url(../img/core/news-date.png) no-repeat;
    color: #444;
    float: left;
    font-size: 16px;
    font-weight: 400;
    height: 65px;
    line-height: 29px;
    margin: 0 18px 10px 0;
    padding: 3px 0 0;
    position: relative;
    text-align: center;
    width: 50px;
    text-shadow: 0 1px 0 #f5f8f8;
        box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 1px;
}

.xblog-media-wrap_ { 
    float: left;
    line-height: 29px;
    margin: 0 18px 10px 0;
    padding: 3px 0 0;
    position: relative;
    text-shadow: 0 1px 0 #f5f8f8;
        box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 1px;
}

.xblog-info__ {
   display:table;
}

.xblog.xblog-type-5 .xblog-info-meta-item a{
   color:inherit; 
}
.xblog.xblog-type-5 .xblog-info-meta-item{ 
   opacity:0.6;
}

.xblog.xblog-type-5 .xblog-info-meta {
   opacity:1;
   font-size:13px;
} 
.xblog.xblog-type-5.xblog-list article.xblog-item:not(:last-child){
       border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.xblog [class^="icon-"], .xblog [class*=" icon-"] {
   font-size:12px;
   opacity:0.6;
}

.xblog-info-link .c-link-1{
   color:#444;
}


.latest-posts .post {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 5px;
  font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.latest-posts .post.format-link,
.latest-posts .post.format-quote {
  background-color: #6a77bb;
}
.latest-posts .post.format-link:before,
.latest-posts .post.format-quote:before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 0;
  background-repeat: no-repeat;
}
.latest-posts .post.format-link:before {
  background-image: url(../img/assets/link.svg);
}
.latest-posts .post.format-quote:before {
  background-image: url(../img/assets/quote.svg);
}
.latest-posts .post.format-image:before,
.latest-posts .post.format-gallery:before,
.latest-posts .post.format-video:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDM4NDUiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(52,56,69,0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(52,56,69,0.8)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(52,56,69,0.8) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(52,56,69,0.8) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(52,56,69,0.8) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(52,56,69,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc343845',GradientType=0 );
  background-size: 115%;
  -webkit-transition: all 0.7s cubic-bezier(.68,.11,.13,.98);
  -moz-transition:    all 0.7s cubic-bezier(.68,.11,.13,.98);
  transition:    all 0.7s cubic-bezier(.68,.11,.13,.98);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.latest-posts .post figure {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  background-size: cover;
  background-position: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.7s cubic-bezier(.63,.1,.07,.87);
  -moz-transition:    all 0.7s cubic-bezier(.63,.1,.07,.87);
  transition:    all 0.7s cubic-bezier(.63,.1,.07,.87);
}
.latest-posts .post figure img {
  visibility: hidden;
}
.latest-posts .post,
.latest-posts .post a {
  color: #ffffff;
}
.latest-posts .post .post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.latest-posts .post .post-content .content-inner {
  position: relative;
  margin-left: 7%;
  margin-right: 10%;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.latest-posts .post .post-content header time {
  display: block;
  margin-bottom: 5px;
  font-size: 14px; 
}
.latest-posts .post .post-content header h2 {
  margin-bottom: 10px;  
}
.latest-posts .post p {
  font-size: 14px; 
}
.latest-posts .post blockquote {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 36px;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
}
.latest-posts .post blockquote:after {
    display: none;
}
.latest-posts .post.format-link .link-container,
.latest-posts .post.format-quote blockquote {
  display: block;
  width: 100%;
  padding: 0 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%)  translateY(-50%);
  -ms-transform:   translateX(-50%) translateY(-50%);
  transform:     translateX(-50%) translateY(-50%);
}
.latest-posts .post .link-container h2,
.latest-posts .post .link-container h2 a,
.latest-posts .post blockquote p {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 900;
}
.latest-posts .post .link-container a,
.latest-posts .post blockquote cite {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
}
.latest-posts .post  footer {
  margin-top: 31px;
  padding: 18px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 14px;
  font-weight: 700;
}
.latest-posts .post  footer span {
  margin: 0 18px 0 0;
}
.latest-posts .post  footer span i {
  margin-right: 10px;
  opacity: 0.3;
}
.latest-posts .post .post-format-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.latest-posts .post .categories {
  position: absolute;
  top: 50px;
  right: 20px;
  z-index: 3;
}
.latest-posts .post .categories li {
  display: inline-block;
  margin-left: 5px;
}
.latest-posts .post .categories li a {
  display: inline-block;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50em;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(35, 35, 37, 0.25);
  -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  transition:    all 0.3s ease;
}
.latest-posts .post .categories li a:hover {
  background-color: rgba(35, 35, 37, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}
.latest-posts .post.format-default {
  background-color: #ffffff;
  color: #232325;
}
.latest-posts .post.format-default figure {
  background-image: none !important;
}
.latest-posts .post.format-default .post-content a {
  color: #232325;
}
.latest-posts .post.format-default footer {
  margin-top: 18%;
  border-color: rgba(151, 151, 151, 0.25);
}
.latest-posts .post:hover figure {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform:   scale(1.2);
  transform:     scale(1.2);
}
.latest-posts .post:hover:before {
  background-position: 50%;
}












.fw-row {
   margin-left: 0;
   margin-right: 0;
}

.coloured-box-wrap .row.fw-row .col-md-2,
.coloured-box-wrap .row.fw-row .col-md-3,
.coloured-box-wrap .row.fw-row .col-md-4 {
   padding-left: 0px;
   padding-right: 0px;
}

.coloured-box-wrap .row.fw-row .btn {
   margin-top: 10px;
}

.coloured-box-wrap .row.fw-row .coloured-box-inner {
   padding: 12% 16%;
   color: #ffffff;
}



 /*==============================================
   Search list
 ===============================================*/

.xsearch-items {
   padding-left: 0px;
}


.search-item-img {
   float: left;
   position: relative;
}

.search-item-img img, .search-item-img .img-holder {
   height: 70px;
   width: 70px;
   display: block;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

.search-item-img .img-holder {
   border: 1px solid #e3e3e3;
   line-height: 20px;
   background: #f7f7f7;
   border-color: #e8e8e8;
}

.search-item-img .img-holder i {
   display: inline-block;
   padding: 28px 20px;
   font-size: 28px;
   opacity: 0.5;
}

.search-item-content {
   margin-left: 100px;
   padding-bottom: 35px;
   margin-bottom: 20px;
   /*border-bottom: 1px solid rgb(231, 231, 231);*/
}

.search-item-content.no-excerpt h3 {
   margin-top: 8px;
}

.search-item-content .search-item-meta {
   display: block;
   margin-bottom: 10px;
}

.search-item-meta-down a,
.search-item-meta a {
   font-size: 12px;
}

.xsearch-items a:hover {
   border-bottom-width: 1px;
   border-bottom-style: dotted;
}

.search-item-content .time {
   color: #999;
   font-size: 12px;
}

.search-item-content time,
.search-item-content span {
   color: #999999;
}

.xsearch-items h3.search-item-caption {
   margin-bottom: 2px;
   font-size: 20px;
}

.xsearch-items .search-item-meta-down {
   margin-top: 5px;
   color: #999;
   font-size: 12px;
}

.xsearch-items .star-vote li {
   padding: 0;
   font-size: 13px;
}

.xsearch-result-count {
   color: #999;
   margin-bottom: 30px;
}


ul.xsearch-items-2 {
   padding-left: 0;
   margin-left: 0;
}

.xsearch-items-2 li {
   list-style: none;
}


.xsearch-info-meta:before, .xsearch-info-meta:after {
   content: "";
   display: table;
}

.xsearch-info-meta:after {
   clear: both;
}

.xsearch-info-meta {
   padding: 0;
   margin: 0;
   list-style-type: none;
   margin-bottom: 5px;
   font-size: 12px;
   opacity: 0.7;
}

.xsearch-info-meta-item {
   float: left;
   margin-right: 10px;
}

.xsearch-item-title h3,
.xsearch-item-title h4 {
   margin-bottom: 5px;
}

.xsearch-desc {
   margin-bottom: 2px;
}

.search-item-icon {
   padding-right: 3px;
}

nav.xsearch-navbar {
   padding-left: 0;
}

nav.xsearch-navbar.navbar-light .navbar-nav .active > .nav-link {
   border-bottom-width: 2px;
   border-bottom-style: solid;
   padding-bottom: 12px;
}

.xsearch-item .xsearch-item-title strong {
   font-weight: 600;
}

ul.xsearch-items-2 .xsearch-item {
   margin-bottom: 40px;
}

.xsearch-item .xsearch-desc strong {
   color: #111;
}




 /*==============================================
   Custom Checkbox
 ===============================================*/

.custom-checkbox {
  min-height: 1rem;
  padding-left: 0;
  margin-right: 0;
  cursor: pointer; 
}
  .custom-checkbox .custom-control-indicator {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 10px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px;
    box-shadow: none; 
  }
    .custom-checkbox .custom-control-indicator:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 18px;
      height: 18px;
      background-color: #f1f1f1;
      border-radius: 21px;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
      left: -2px;
      top: -4px;
      -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease;
      transition: left .3s ease, background .3s ease, box-shadow .1s ease; 
    }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #84c7c1;
    background-image: none;
    box-shadow: none !important; 
  }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after {
      background-color: #84c7c1;
      left: 15px; 
    }
  .custom-checkbox .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none !important; 
  }





  .tp-caption.xcaption-big-white {
    font-size: 66px;
    line-height: 66px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    background-color: transparent;
    letter-spacing: 1px;
    margin: 0px;
    text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.23);
    font-family: 'Open Sans';
}







  .signup-form-wrap {
   display:block;
   padding:45px 40px;
   padding-bottom:30px;
   background:#fafbfc;
   border-radius:2px;
}

.star-vote li {
   padding: 0;
   font-size: 13px;
}
  
.row.-gutter-small > .col,
.row.-gutter-small > [class*="col-"] {
  margin-bottom: 30px;
}
 
.img-rounded {
   border-radius:50%;
}



.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.list-inline {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}



.constellation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}









/*
   Sidebar
       
*/

.sidebar .list-group-item {
   padding: 0;
   border-width: 0;
   border-bottom: 1px solid #e8e8e8;
   margin-bottom: 0; 
}

.sidebar .list-group-item a {
    text-decoration: none;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 5px;
    font-size: 14px;
}

.sidebar .list-group-item.active > a {
   /*padding-left: 10px;*/ 
}

.sidebar .list-group-item.active {
   background-color: #fbfbfb;
}

.sidebar .list-group-item i {
   margin-right: 5px;
   width: 15px;
}

.sidebar .list-group-item a:hover {
   color: #96cd56;
} 

.sidebar .list-group-item ul {
   padding-top: 0px;
   padding-bottom: 10px;
   padding-left: 30px;
}

.sidebar .list-group-item ul li {
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: 13px;
}

.sidebar .list-group-item ul li > a {
   color: #7b7b7b;
}

.sidebar .list-group-item > a {
   display: block;
   width: 100%;
    color: #444;
}

.sidebar .list-group-item.list-toggle > a {
   display: block;
   width: 100%;
   /*color: #333;*/
}

.sidebar .list-group-item:not(.list-toggle) > a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
    font-size: 14px;
}

.sidebar .list-group-item.list-toggle > a:hover {
   color: #96cd56;
}

.sidebar .list-group-item.active.list-toggle > a:hover {
   color: inherit;
}

.sidebar .list-group-item.list-toggle > a.collapsed:after {
   content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
    font-size: 14px;
}

.sidebar .list-group-item.list-toggle > a:after {
   content: "\f103";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    float: right;
    text-decoration: inherit;
    font-size: 14px;
}

.sidebar .list-group-item.list-toggle {
   background-color: transparent;
}

.sidebar .bordered-sidebar .list-group-item {
   padding: 0;
   border-width: 1px;
   border: 1px solid #e8e8e8;
   margin-bottom: -1px;
   padding-left: 15px;
   padding-right: 15px;
   background-color: #fbfbfb;
}

.list-group-fw {
   margin-right: -35px;
}

.right-side-sidebar .list-group-fw {
   margin-right: 0px;
   margin-left: -35px;
}

.right-side-sidebar .sidebar .list-group-item ul {
   padding-left: 35px;
}

.right-side-sidebar .sidebar .list-group-item,
.right-side-sidebar .sidebar .bordered-sidebar .list-group-item {
   padding-left: 35px;
}

.right-side-sidebar .sidebar .list-group-item.active > a {
   padding-left: 0px;
}

.left-side-sidebar .sidebar .list-group-item.list-toggle > a:after {
   padding-right:20px;
}

.left-side-sidebar .sidebar .list-group-item > a:before {
    padding-right:20px;
}


/* ==================================================
    Parallax
===================================================== */

.spb_multilayer_parallax {
    overflow: hidden;
    height: 600px;
    opacity: 0
}

.spb_multilayer_parallax .slice-layer {
    width: 100%;
    height: 100%
}

.spb_multilayer_parallax .layer.container {
    height: 100%;
    max-width: 100%
}

.spb_multilayer_parallax .layer-bg {
    width: 120%;
    height: 120%;
    background: no-repeat;
    margin-top: -5%;
    margin-left: -10%
}

.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-x"] {
    background-repeat: repeat-x
}

.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat-y"] {
    background-repeat: repeat-y
}

.spb_multilayer_parallax .layer-bg[data-layer-repeat="repeat"] {
    background-repeat: repeat
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_center"] {
    background-position: center center
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_center"] {
    background-position: left center
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_center"] {
    background-position: right center;
    margin-left: 5%
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_top"] {
    background-position: left top;
    margin-top: -5%
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_top"] {
    background-position: center top;
    margin-top: -5%;
    margin-left: 0
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_top"] {
    background-position: right top;
    margin-left: 5%
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="left_bottom"] {
    background-position: left bottom;
    margin-top: -5%
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="center_bottom"] {
    background-position: center bottom;
    margin-top: -5%
}

.spb_multilayer_parallax .layer-bg[data-layer-bg-pos="right_bottom"] {
    background-position: right bottom;
    margin-top: -5%;
    margin-left: 5%
}

.spb_multilayer_parallax .layer-bg[data-layer-type="cover"] {
    background-size: cover!important
}

.spb_multilayer_parallax .layer[data-depth="0.00"] .layer-bg {
    margin-top: 0!important;
    margin-left: 0!important;
    width: 100%;
    height: 100%
}

.spb_multilayer_parallax .layer .content-layer {
    height: auto!important;
    bottom: 50%;
    width: 100%;
    position: absolute;
    margin-left: 0;
    padding: 0 15px
}

.spb_parallax_asset {
    overflow: hidden;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.3)
}

.spb_parallax_asset:not(.spb-column-container) {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.spb_parallax_asset.bg-type-pattern {
    background-repeat: repeat;
    background-size: auto;
}

.spb_parallax_asset.parallax-scroll {
    background-attachment: scroll
}

.spb_parallax_asset.sf-parallax-video {
    background-attachment: scroll
}

.spb_parallax_asset.parallax-stellar {
    -webkit-background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0
}

.mobile-browser .spb_parallax_asset {
    background-attachment: scroll!important;
    background-position: center center!important
}

.spb_parallax_asset.parallax-window-height {
    opacity: 0
}

.spb_parallax_asset>.spb_content_wrapper,
.spb_parallax_asset>.spb_content_element {
    position: relative;
    z-index: 4;
    padding-top: 80px;
    padding-bottom: 80px
}

.spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_wrapper,
.spb_parallax_asset.parallax-window-height[data-v-center="true"]>.spb_content_element {
    top: 50%
}

.sf-parallax-video>.spb_content_element {
    position: relative;
    z-index: 4
}

.sf-parallax-video.parallax-video-height[data-v-center="true"]>.spb_content_element {
    top: 55%;
    opacity: 0
}

.mobile-browser .spb_parallax_asset[data-v-center="true"]>.spb_content_element {
    opacity: 1!important;
    top: 50%!important
}

.spb_parallax_asset .spb_content_element p:last-child {
    margin-bottom: 0
}

.sf-parallax-video video {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.sf-parallax-video .video-overlay {
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8
}