/**  
  * Row
  * Button
  * Flat divider
  * Title section
  * Flat-about-us
  * Flat-testimonials
  * Flat-icon-center
  * Flat story
  * Flat-services
  * Flat icon
  * Flat partners carousel
  * Flat price table
  * Flat-progress
  * Flat-teammember
  * Flat counter
  * Flat-team-carosuel
  * Flat gallery
  * Flat-price-table
  * Flat-teamber
  * Flat-blog-carousel
  * Flat-contact
  * Google Map
  * Flat-portfolio
  * Flat-contact-us
  * Flat-Preloader
*/

/* Row
-------------------------------------------------------------- */
.flat-row {
	clear: both;
    display: block;
    position: relative;
    padding-top: 100px;    
}

.flat-row.no-padding {
    padding-top: 0;
    margin-bottom: 0;
}

/* Button
-------------------------------------------------------------- */
.flat-button {
    border: none;
    position: relative;
    z-index: 1;
}

button.flat-button {
    position: relative;
    padding: 22px 38px;
    line-height: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.button-style {
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
}

.button-style::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


.button-style,
.button-style::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button-style:hover {
    color: #fff;
    border-color: #37474f;
}

.button-style:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.button-border {
    padding: 12px 23px;
    color: #fff;
    background: #81beb9;
    overflow: hidden;
}

.button-border::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #52ded3;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
    transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}

.button-border:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}

.main-content .button-blog {
    margin-bottom: 22px;
}

.button-blog .box.bg-2 .button-border {
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.button-share {
    overflow: hidden;
    width: 140px;
    padding: 14px 20px;
    margin-right: 18px;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-share.facebook {
    background-color: #516eab;
}

.button-share.tweet {
    background-color: #29c5f6;
}

.button-share.pinit {
    background-color: #d01d15;
}

.button-share::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button-share:hover {
    color: #fff;
}

.button-share:hover::before {
    opacity: 1;
    background-color: #223f7c;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-share.tweet:hover::before {
    background-color: #239ec4;    
}

.button-share.pinit:hover::before {
    background-color: #ab1912;
}

.blog-post .box.bg-1 i {
    position: relative;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.blog-post .box.bg-1 i:before {
    position: absolute;
    left: -15px;
    top: 2px;
    font-family: FontAwesome;
    font-size: 12px;
    content: "\f09a";
}

.blog-post .box.bg-1 i.tweet-v1:before {
    content: "\f099";
}

.blog-post .box.bg-1 i.pinit-v1:before {
    content: "\f231";
}

.blog-post .box.bg-1 .button-share span {
    float: right;
    margin-top: 2px;
}

/* Flat divider
-------------------------------------------------------------- */
.flat-divider {
    width: 100%;
    position: relative;
}

.flat-divider.d13px {
    height: 13px;
}

.flat-divider.d15px {
    height: 15px;
}

.flat-divider.d20px {
    height: 20px;
}

.flat-divider.d25px {
    height: 25px;
}

.flat-divider.d30px {
    height: 30px;
}

.flat-divider.d35px {
    height: 35px;
}

.flat-divider.d40px {
    height: 40px;
}

.flat-divider.d45px {
    height: 45px;
}

.flat-divider.d50px {
    height: 50px;
}

.flat-divider.d55px {
    height: 55px;
}

.flat-divider.d60px {
    height: 60px;
}

.flat-divider.d65px {
    height: 65px;
}

.flat-divider.d70px {
    height: 70px;
}

.flat-divider.d74px {
    height: 74px;
}

.flat-divider.d80px {
    height: 80px;
}

.flat-divider.d86px {
    height: 86px;
}

.flat-divider.d90px {
    height: 90px;
}

.flat-divider.d100px {
    height: 100px;
}

.flat-divider.d110px {
    height: 100px;
}

.flat-divider.d130px {
    height: 130px;
}

.flat-divider.d140px {
    height: 140px;
}

/* Title section
-------------------------------------------------------------- */
.title-section {
    text-align: center;
}

.title-section .icon {
    padding-bottom: 23px;
}

.title-section.style-v1 .icon {
    padding-bottom: 15px;
}

.title-section .title {
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
}

.title-section.style-v1 .title {
    letter-spacing: 0;
    padding-bottom: 24px;
}

.title-section .title-text p {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
    color: #999;
    letter-spacing: 0.7px;
}

/* Flat-about-us
-------------------------------------------------------------- */
.flat-row .flat-about-us {
    margin-bottom: 100px;
}

.flat-about-us .about-us-img .v1,
.flat-about-us .about-us-img .v2,
.flat-about-us .about-us-img .v3,
.flat-about-us .about-us-img .v4,
.flat-about-us .single-img .v1,
.flat-about-us .single-img .v2,
.flat-about-us .single-img .v3 {
    position: absolute;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);   
    -webkit-transition: all 0.6s;
       -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
         -o-transition: all 0.6s;
            transition: all 0.6s;

}

.flat-about-us .about-us-img .overly-img,
.flat-about-us .single-img .style-img {
    background: rgba(105, 126, 164, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.flat-about-us .about-us-img .v1 {
    top: -40px;
    left: 35px;
    z-index: 99;
    border: 15px solid #fff;
}

.flat-about-us .about-us-img .v2 {
    top: 125px;
    left: -65px;
    z-index: 9;    
}

.flat-about-us .about-us-img .v3 {
    top: -30px;
    left: 65px;
    z-index: 9;
}

.flat-about-us .about-us-img .v4 {
    top: 145px;
    left: -10px;
    z-index: 99;
    border: 15px solid #fff;    
}

.flat-about-us .single-img .v1 {
    top: -5px;
    left: 300px;
    z-index: 0;
    width: 85%;   
}

.flat-about-us .single-img .v2 {
    top: 100px;
    left: 45px;
    z-index: 9;
    width: 85%;    
}

.flat-about-us .single-img .v3 {
    top: 465px;
    left: -205px;
    z-index: -1;
    width: 85%;   
}

.flat-about-us .about-us-img .v1:hover,
.flat-about-us .about-us-img .v2:hover,
.flat-about-us .about-us-img .v3:hover,
.flat-about-us .about-us-img .v4:hover,
.flat-about-us .single-img .v1:hover,
.flat-about-us .single-img .v2:hover,
.flat-about-us .single-img .v3:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.flat-about-us .about-us-img .v1:hover .overly-img,
.flat-about-us .about-us-img .v2:hover .overly-img,
.flat-about-us .about-us-img .v3:hover .overly-img,
.flat-about-us .about-us-img .v4:hover .overly-img,
.flat-about-us .single-img .v1:hover .style-img,
.flat-about-us .single-img .v2:hover .style-img,
.flat-about-us .single-img .v3:hover .style-img {
    opacity: 1;
}

.iconbox-center {
    margin-bottom: 130px;
}

.flat-iconbox {
    text-align: center;
    margin: 0 auto;
    max-width: 1000px;
}

.flat-iconbox .icon-image {
    position: relative;
}

.flat-iconbox .icon-image:before {
    position: absolute;
    top: 65px;
    left: 10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f6f6f6;
}

.flat-iconbox .icon-image span {
    font-size: 36px;
}

.iconbox-center .flat-iconbox li {
    float: left;
    background: #f6f6f6;
    padding: 30px 65px;
    position: relative;
    text-align: center;
}

.flat-iconbox li .title-content {
    position: absolute;
    bottom: -40px;
    left: 50px;
}

.flat-iconbox li .title-content.v1 {
    left: 25px;
}

.flat-iconbox li .title-content:hover {
    color: #81beb9;
}

.page-title.parallax3 .page-title-heading h1 {
    font-size: 48px;
    line-height: 30px;
    letter-spacing: 5px;
    padding-bottom: 48px;
}

.parallax3 .page-title-heading h1 span {
    color: #fac167;
}

.page-title.parallax3 .page-title-heading p {
    font-family: "Crete Round", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}

.flat-list ul li {
    margin-bottom: 65px;
}

.flat-list .content .icon-image {
    font-size: 36px;
    line-height: 28px;
    color: #81beb9;
    margin-bottom: 25px;
}

.flat-list .content h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333946;
    margin-bottom: 25px;
}

.flat-list.list-right {
    text-align: right;
}

/* Flat-testimonials
-------------------------------------------------------------- */
.row-testimonilas-slider {
    padding-top: 100px;
    background-color: #f6f6f6;
}

.flat-testimonials-images {
    position: relative;
    z-index: 10;
}

.flat-testimonials-slider #flat-testimonials-flexslider {
    margin-bottom: 110px;
}

.flat-event .event-images img {
    float: left;
    margin-right: 80px;
    margin-top: -25px;
}

#flat-testimonials-carousel .icon-slider {
    margin-bottom: 55px;
}

.flat-testimonials-slider #flat-testimonials-carousel ul.slides li {    
    cursor: pointer;
}

#flat-testimonials-carousel ul li span {
    font-size: 36px;
    line-height: 28px;
}

#flat-testimonials-carousel ul li span:hover {
    color: #81beb9;
}

#flat-testimonials-carousel {
    position: relative;
    margin-bottom: 60px;
}

#flat-testimonials-carousel:before {
    position: absolute;
    left: 0;
    top: 65px;
    width: 100%;
    height: 5px;
    background-color: #eee;
    content: "";
}

#flat-testimonials-carousel ul > li {
    display: none;
    cursor: pointer;    
    text-align: center;
    padding: 11px 0 23px;
    position: relative;
}

#flat-testimonials-carousel ul > li .event-date:after {
    position: absolute;
    opacity: 0;
    left: -100%;
    z-index: 9999;
    top: 65px;    
    width: 50%;
    height: 5px;   
    background-color: #81beb9;
    content: "";   
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
    
}

#flat-testimonials-carousel ul > li.flex-active-slide .event-date:after {
    position: absolute;
    opacity: 1;
    left: 82px;
    bottom: 4px;       
    width: 37%;
    z-index: 9999;
    height: 5px;   
    background-color: #81beb9;
    content: "";   
}

#flat-testimonials-flexslider .event-wrapper h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #333946;
    letter-spacing: 1.5px;
    padding-right: 100px;
    margin: 25px 0 33px;
}

#flat-testimonials-flexslider .event-wrapper p {
    margin-bottom: 28px;
    color: #666;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-color: rgba(236, 106, 92, 0);
    border-style: solid;
    border-width: 2px;
    position: absolute;
    top: 28%;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav a:hover {
    background: none;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav .flex-prev {
    left: -55px;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav .flex-next {
    right: -55px;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav a i {
    color: #999;
    font-size: 30px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-testimonials-slider #flat-testimonials-flexslider .flex-direction-nav a:hover i {
    color: #81beb9;
}

/* Flat-icon-center
-------------------------------------------------------------- */
.title-section.icon-v1 {
    margin-bottom: 55px;
}

.flat-row .flat-icon-center {
    margin-bottom: 100px;
}

.flat-row .flat-icon-center .title-section {
    margin-bottom: 150px;
}

.flat-row .title-icon .number-title {
    position: relative;
}

.flat-row .title-icon .number-title {
    position: absolute;
    top: 5px;
    left: 53px;
    width: 39px;
    height: 39px;
    background-color: #333946;
    border-radius: 5px;
    -webkit-transform: rotate(45deg); /* Safari */
        -ms-transform: rotate(45deg); /* IE 9 */
            transform: rotate(45deg); /* Standard syntax */
}

.flat-row .title-icon .number-title p {
    font-family: "Crete Round", sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    color: #fff;
    padding: 3px 10px;
    -webkit-transform: rotate(-45deg); /* Safari */
        -ms-transform: rotate(-45deg); /* IE 9 */
            transform: rotate(-45deg); /* Standard syntax */
}

.flat-row .title-icon {
    position: relative;
}

.flat-row .title-icon .icon-center {
    position: absolute;
    left: 98px;
    top: 10px;
    width: 100px;
    height: 100px;
    border-radius: 15px;
    -webkit-transform: rotate(45deg); /* Safari */
        -ms-transform: rotate(45deg); /* IE 9 */
            transform: rotate(45deg); /* Standard syntax */
}

.flat-row .title-icon .icon-center.stype-v1 {
    background-color: #fac167;
}

.flat-row .title-icon .icon-center.stype-v2 {
    background-color: #81beb9;
}

.flat-row .title-icon .icon-center.stype-v3 {
    background-color: #e07561;
}

.flat-row .title-icon .icon-center.stype-v4 {
    background-color: #69a0b2;
}

.flat-row .title-icon .icon-center span:before {
    position: absolute;
    top: 35px;
    left: 35px;
    font-size: 36px;
    line-height: 30px;
    color: #fff;
    -webkit-transform: rotate(-45deg); /* Safari */
        -ms-transform: rotate(-45deg); /* IE 9 */
            transform: rotate(-45deg); /* Standard syntax */
}

.flat-row .title-icon .icon-box {
    position: absolute;
    top: -145px;
    left: -17px;
}

.flat-row .title-icon .icon-title {
    text-align: center;
    position: relative;
}

.flat-row .title-icon .icon-title h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.flat-row .title-icon .icon-title p {
    font-family: "karla", sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

/* Flat-icon-style1 */
.flat-row.flat-icon {
    background-color: #f6f6f6;
}

.flat-row.flat-icon.v1 {
    background-color: #fff;
}

.flat-row.flat-icon.v1 .iconbox-style1 {
    margin-bottom: 0;
}

.flat-row.flat-icon .iconbox-style1 {
    margin-bottom: 100px;
}

.flat-icon .iconbox-style1 .title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333946;
    font-weight: 700;
    letter-spacing: 0.9px;
    margin-bottom: 13px;
}

.flat-icon .iconbox-style1 .icon span {
    font-size: 36px;
    line-height: 28px;
    color: #81beb9;
}

.flat-icon .iconbox-style1 .icon {
    margin-bottom: 12px;
}

/* Home-2  */
/* icon-box-center */
.flat-row.icon-box-center {
    margin-bottom: 80px;
}

.flat-row.icon-box-center .icon-box {
    text-align: center;
}

.flat-row.icon-box-center .icon-box.style-v1 .icon,
.flat-row.icon-box-center .icon-box.style-v2 .icon,
.flat-row.icon-box-center .icon-box.style-v3 .icon {
    padding: 42px 0;
    margin-bottom: 22px;
    background-color: #fac167;
}

.flat-row.icon-box-center .icon-box.style-v1 .content .title:before {
    background-color: #fac167;
}

.flat-row.icon-box-center .icon-box.style-v2 .icon,
.flat-row.icon-box-center .icon-box.style-v2 .content .title:before {
    background-color: #81beb9;
}

.flat-row.icon-box-center .icon-box.style-v3 .icon,
.flat-row.icon-box-center .icon-box.style-v3 .content .title:before {
    background-color: #e07561;
}

.flat-row.icon-box-center .icon-box .content .title {
    position: relative;
    margin-bottom: 40px;
}

.flat-row.icon-box-center .icon-box .content .title:before {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #fac167;
}

.flat-row.icon-box-center .icon-box .content .title a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333946;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.flat-row.icon-box-center .icon-box .content .title a:hover {
    color: #81beb9;
}

.flat-row.icon-box-center .icon-box .content p,
.flat-row.icon-box-center .featured-box p {
    font-family: "karla", sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    padding: 0 10px;
}

.flat-row.icon-box-center .featured-box {
    background-color: #f6f6f6;
    height: 320px;
    width: 100%;
    padding: 55px 85px 0 44px;
}

.flat-row.icon-box-center .featured-box h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #333946;
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 14px;
}

.flat-row.icon-box-center .featured-box p.title {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.7px;
    color: #81beb9;
    font-style: italic;
    margin-bottom: 20px;
}

.flat-row.flat-padding {
    margin-bottom: 30px;
}

.flat-row .icon-post-center .icon-box {
    text-align: center;
    padding: 90px 0 80px;
    margin-bottom: 35px;
    background-color: #fac167;
}

.flat-row .icon-post-center .icon-box.style-v2 {
    background-color: #81beb9;
}

.flat-row .icon-post-center .icon-box.style-v3 {
    background-color: #e07561;
}

.flat-row .icon-post-center .icon-box.style-v4 {
    background-color: #69a0b2;
}

.flat-row .icon-post-center .icon-box .icon {
    margin-bottom: 30px;
}

.flat-row .icon-post-center .icon-box .title p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.portfolio-row-page.portfolio-row-padding {
    margin-bottom: 30px;
}

.page-title.parallax5 .page-title-heading {
    padding: 170px 0 115px;
}

.page-title.parallax5 .page-title-heading h1 {
    font-size: 36px;
    padding-bottom: 12px;
    letter-spacing: 11px;
}

.page-title.parallax5 .page-title-heading p {
    font-family: "Crete Round", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.8px;
}

.page-title.parallax .flat-button {
    margin-bottom: 52px;
}

.page-title.parallax .flat-button a {
    border: 2px solid #fff;
    font-family: "karla", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 18px 50px;
    text-transform: uppercase;
    letter-spacing: 2.1px;
}

.page-title.parallax .flat-button a:hover {
    border: 2px solid #81beb9;
    background-color: #81beb9;
    color: #fff;
}

/* Flat-client */
.flat-row.flat-margin-bottom {
    margin-bottom: 100px;
}

.flat-client.style1 {
    margin-bottom: 115px;
}

.flat-client .item {
    background-color: #f6f6f6;
    text-align: center;
    padding-top: 27px;
    width: 170px;
    height: 120px;
} 

.flat-client-carousel,
.flat-client-carousel-v1 {
    text-align: center;
}

.flat-client-carousel-v1 {
    position: relative;
    padding: 51px 0 75px;
}

.flat-client-carousel-v1:before {
    position: absolute;
    top: -50px;
    left: 50%;
    font-family: "SansationBold", sans-serif;
    content: "“";
    font-size: 72px;
    color: #81beb9;
    z-index: 9999;
    margin-left: -17px;
}

.flat-client-carousel-v1:after {
    position: absolute;
    top: -100px;
    left: 50%;
    width: 70px;
    height: 90px;
    content: "";
    background-color: #fff;
    margin-left: -37px;
}

.flat-client-carousel .title-item .title,
.flat-client-carousel-v1 .title-item .title {
    font-family: "Crete Round", sans-serif;
    font-style: italic;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.8px;
    color: #999;
    padding: 0 220px;
    margin-bottom: 32px;
}

.flat-client-carousel-v1 .title-item .title {
    color: #fff;
}

.flat-client-carousel .title-item h6,
.flat-client-carousel-v1 .title-item h6 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    letter-spacing: 1.7px;
    font-weight: 700;
    color: #333946;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.flat-client-carousel-v1 .title-item a {
    color: #fff;
}

.flat-client-carousel .title-item p.title-bottom,
.flat-client-carousel-v1 .title-item p.title-bottom {
    font-family: "karla", sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    letter-spacing: 1.5px;
}

.flat-client-carousel-v1 .title-item p.title-bottom {
    color: #fff;
}

.owl-stage-outer.style1 .owl-controls .owl-dots {
    position: absolute;
    left: 50%;
    top: 71%;
    margin-left: -65px;
}

.owl-stage-outer.style1 .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 45px;
}

.flat-row.full-color {
    background-color: #81beb9;
}

/* Home-3  */
/* Flat-tabs */
.flat-row.flat-tab {
    position: relative;
}

.flat-row.flat-tab:before {
    position: absolute;
    content: "";
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #f6f6f6;
    z-index: -1;
}

.flat-tabs.style1 ul {
    padding: 100px 0 70px;
    float: left;
    width: 50%;
}

.flat-tabs.style1 ul li {
    position: relative;
    text-align: right;
    padding: 24px 50px 18px 0;
    margin-bottom: 30px;
    background-color: #fac167;
}

.flat-tabs.style1 ul li:after {
    position: absolute;
    bottom: 0;
    left: 100%;
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #fac167;
    transition: width .3s;
}

.flat-tabs.style1 ul li.style2:after {
    background: #81beb9;
}

.flat-tabs.style1 ul li.style3:after {
    background: #e07561;
}

.flat-tabs.style1 ul li:hover:after {
    width: 30px;
    transition: width .3s;
}

.flat-tabs.style1 ul li.style2 {
    background-color: #81beb9;
}

.flat-tabs.style1 ul li.style3 {
    background-color: #e07561;
}

.flat-tabs.style1 ul li a {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #fff;
} 

.flat-tabs.style1 .content-tab {
    padding: 100px 100px 40px 85px;
    overflow: hidden;
}

.flat-tabs.style1 .content-tab p {
    margin-bottom: 40px;
}

/* parallax6 */
.page-title.parallax6 .page-title-heading {
    padding: 135px 0 140px;
}

.page-title.parallax6 .page-title-heading h1 {
    font-size: 36px;
    padding-bottom: 12px;
    letter-spacing: 7.2px;
}

.page-title.parallax6 .page-title-heading p {
    font-family: "Crete Round", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.8px;
    margin-bottom: 25px;
}

.page-title.parallax6 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333946;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
    filter: alpha(opacity=30);
}

/*  */
.icon-box .icon {
    padding: 0;
    margin-bottom: 33px;
    background-color: transparent;
}

.icon-box .content .title.v1 {
    position: relative;
    margin-bottom: 23px;
}

.flat-row.icon-box-center .icon-box .content .title:before {
    position: absolute;
    left: 0;
    content: "";
    background-color: transparent;
}

/* parallax7 */
.page-title.parallax7 {
    padding: 175px 0 100px;
}

.flat-client.style2 .item {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding-top: 27px;
    width: 170px;
    height: 120px;
}

.flat-client.style2 .item .overlay {
    position: absolute;
    width: 100%;
    background-color: #fff;
    opacity: 0.2;
}

.flat-client-carousel .title-item.style1 p,
.flat-client-carousel .title-item.style1 h6 a,
.flat-client-carousel .title-item.style1 .title{
    color: #fff;
}

.owl-stage-outer.style2 .owl-stage {
    margin-bottom: 40px;
}

.owl-stage-outer.style2 .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 45px;
}

.owl-stage-outer.style2 .owl-controls .owl-dots {
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -65px;
}

.owl-stage-outer.style2 .owl-controls .owl-dots .owl-dot span:before {
    position: absolute;
    left: -4px;
    top: -4px;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
}

.owl-stage-outer.style2 .owl-controls .owl-dots .owl-dot.active span:before,
.owl-stage-outer.style2 .owl-controls .owl-dots .owl-dot:hover span:before {
    border: 2px solid #000;
}

.owl-theme.style2 .owl-dots .owl-dot.active span,
.owl-theme.style2 .owl-dots .owl-dot:hover span {
    background-color: #000;
}

.flat-client-carousel .title-item.style1 .title {
    margin-bottom: 57px;
}

.flat-client-carousel .title-item.style1 p.title-bottom {
    letter-spacing: 0;
}

.flat-client-carousel .title-item.style1 h6 {
    margin-bottom: 13px;
}

/* flat-portfolio.v3 */
.flat-portfolio.v3  .portfolio-filter > li a {
    text-transform: none;
}

.flat-portfolio.v3 .item {
    width: 25%;
    padding: 0 15px 30px 15px;
    float: left;
}

.flat-portfolio.v3 .item.w50 {
    width: 50%;
}

.flat-portfolio.v3 .item.w75 {
    width: 75%;
}

.flat-portfolio.v3 .portfolio-filter {
    text-align: right;
    float: left;
    margin-bottom: 0;
    position: absolute;
    left: -70px;
}

.flat-portfolio.v3 .portfolio-filter > li {
    padding: 0 0;
    display: block;
    margin-bottom: 10px;
}

/* flat-portfolio.v4 */
.flat-portfolio.v4 .portfolio-filter > li {
    padding: 0 0;
    display: block;
    margin-bottom: 10px;
}

.flat-portfolio.v4  .portfolio-filter > li a {
    text-transform: none;
}

.flat-portfolio.v4 .item {
    width: 33.33%;
    padding: 0 15px 30px 15px;
    float: left;
}

.flat-portfolio.v4 .portfolio-filter {
    text-align: right;
    float: left;
    margin-bottom: 0;
    position: absolute;
    left: -70px;
}

.flat-portfolio.v3 .portfolio-filter > li {
    padding: 0 0;
    display: block;
    margin-bottom: 10px;
}

/* flat-counting style1 */
.flat-row .color-full.style-v1 {
    height: 100%;
}

.flat-counting.style1 .icon-counter {
    text-align: center;
    padding-top: 60px;
}

.color-full .flat-counting.style1 .flat-counter {
    padding-top: 0;
    float: none;
    margin-bottom: 22px;
}

.color-full .flat-counting.style1 .icon-center {
    padding-top: 22px;
    width: 70px;
    height: 90px;
    background-color: #fac167;
    margin-left: 38%;
}

.featured-post .main-post .entry-content {
    padding-right: 10px;
}

/* Home4 */
.icon-box.circle .icon .box-icon {
    content: "";
    width: 110px;
    height: 110px;
    background-color: #fac167;
    border-radius: 50%;
    line-height: 110px;
    display: inline-block;
    text-align: center;
}

.icon-box.circle .icon .box-icon.style2 {
    background-color: #81beb9;
}

.icon-box.circle .icon .box-icon.style3 {
    background-color: #e07561;
}

/* link-circle-box */
.flat-row .link-circle-box {
    overflow: hidden;
    padding: 130px 0 75px;
}

.link-circle-box .img-box {
    position: relative;
    z-index: 1;
    float: left;
}

.link-circle-box .img-box:before {
    position: absolute;
    top: -105px;
    left: 440px;
    content: "";
    border: 2px solid #fff;
    border-radius: 50%;
    width: 407px;
    height: 407px;
    z-index: -1;
}

.link-circle-box .icon-post {
    overflow: hidden;
}

.link-circle-box .icon-post.v1 {
    position: absolute;
    top: 120px;
    right: 463px;
    z-index: 2;
}

.link-circle-box .icon-post.v2 {
    position: absolute;
    top: 291px;
    right: 368px;
    z-index: 2;
}

.link-circle-box .icon-post.v3 {
    position: absolute;
    top: 450px;
    right: 463px;
    z-index: 2;
}

.link-circle-box .icon-post .icon-img {
    float: left;
    margin-right: 35px;
    width: 82px;
    height: 82px;
    background-color: #fac167;
    text-align: center;
    border-radius: 50%;
    line-height: 76px; 
}

.link-circle-box .icon-post.v2 .icon-img {
    background-color: #e07561;
}

.link-circle-box .icon-post.v3 .icon-img {
    background-color: #607aa8;
}

.link-circle-box .icon-post .content {
    margin-top: 20px;
    overflow: hidden;
}

.link-circle-box .icon-post .content h6 {
    margin-bottom: 15px;
    letter-spacing: 0.8px;
}

.link-circle-box .icon-post .content p {
    font-family: "Karla", sans-serif;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
}

.link-circle-box .icon-post .content h6 a,
.link-circle-box .icon-post .content p {
    color: #fff;
}

.link-circle-box .icon-post .content h6 a:hover {
    color: #666;
}

/* flat-testimonials-slider */
.row-testimonilas-slider {
    padding-top: 100px;
    background-color: transparent;
}

.flat-testimonials-slider.v1 #flat-testimonials-flexslider-v1 {
    margin-bottom: 65px;
}
.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 {
    background-color: #f6f6f6;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li {
    padding: 54px 0 58px;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li .icon {
    position: relative;
    width: 82px;
    height: 82px;
    background-color: #fac167;
    text-align: center;
    border-radius: 50%;
    line-height: 76px;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li .icon:after {
    position: absolute;
    top: -15px;
    left: -15px;
    content: "";
    width: 110px;
    height: 110px;
    background-color: #f6f6f6;
    text-align: center;
    border-radius: 50%;
    z-index: -10;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li.flex-active-slide .icon:before {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 92px;
    height: 92px;
    content: "";
    border: 2px solid #fac167;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li .icon.style2 {
    background-color: #81beb9;
} 

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li.flex-active-slide .icon.style2:before {
    border: 2px solid #81beb9;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li .icon.style3 {
    background-color: #e07561;
} 

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li.flex-active-slide .icon.style3:before {
    border: 2px solid #e07561;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li .icon.style4 {
    background-color: #607aa8;
} 

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul li.flex-active-slide .icon.style4:before {
    border: 2px solid #607aa8;
}


.flat-testimonials-slider.v1 .flex-direction-nav,
.flat-testimonials-slider.v1 .flex-direction-nav {
    display: none;
}

.flat-testimonials-images {
    position: relative;
    z-index: 10;
	padding: 12px 0 0 0;
}

.flat-testimonials-slider {
    text-align: center; 
}

.flat-testimonials-slider.v1 #flat-testimonials-flexslider-v1 {
    margin-bottom: 50px;
}

.flat-testimonials-slider.v1 #flat-testimonials-flexslider-v1 li p {
    padding: 0 365px;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 ul.slides li {    
    cursor: pointer;
    position: relative;
    padding-left: 10px;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 {
    padding-left: 555px;
    position: relative;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1 .link-testimonials:before {
    position: absolute;
    top: 50%;
    height: 1px;
    border: 1px dashed #999;
    content: "";
    z-index: 0;
    left: 570px;
    width: 35%;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1:before {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    z-index: 2;
    margin-left: -18px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fac167;
}

.flat-testimonials-slider.v1 #flat-testimonials-carousel-v1:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: "";
    background-color: #fac167;
}

/* Parallax6 */
.page-title.parallax6 .parallax-button {
    margin-top: 50px;
}

.page-title.parallax6 .flat-button {
    font-family: "Karla", sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
    border: 2px solid #fff;
    color: #fff;
    margin-right: 30px;
}

.parallax-button .button-style::before {
    background: #fff;
}

.parallax-button .button-style:hover {
    color: #000;
    border: 2px solid #fff;
}

/* Flat story
-------------------------------------------------------------- */
.flat-story {
    margin-bottom: 235px;
}

.flat-story .post {
    float: left;
    width: 46%;
}

.flat-story .post.style1 {
    width: 27%;
}

.flat-story .post .content {
    padding: 70px 47px 35px;
    background-color: #fff;
    margin-bottom: 40px;
}

.flat-story .post .content-v1 {
    text-align: center;
    background-color: #fff;
    padding: 5px 0;
}

.flat-story .post .content-v1 p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #000;
    text-transform: uppercase;
}

.flat-story .content h3 {
    margin-bottom: 22px;
}

.flat-story .content h3 a {
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    color: #333946;
    text-transform: uppercase;
}

.flat-story .content h3 a:hover {
    color: #81beb9;
}

.flat-story .content p.title {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    font-style: italic;
    margin-bottom: 20px;
}

.flat-story .content p.style-v1 {
    margin-bottom: 20px;
}

.flat-story .img-full {
    position: absolute;
    top: 228px;
    z-index: -1;
}

/* Flat-services
-------------------------------------------------------------- */
.flat-row.padding-bottom {
    padding-bottom: 100px;
}

.flat-services .post .title-boxt {
    text-align: center;
    background-color: #fac167;
    padding: 43px 0 41px;
    margin-bottom: 38px;
}

.flat-services .post .title-boxt.style2 {
    background-color: #81beb9;
}

.flat-services .post .title-boxt.style3 {
    background-color: #e07561;
}

.flat-services .post .title-boxt h6 a {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.flat-services .post .title-list ul li a {
    line-height: 36px;
}

.flat-services .post .title-list ul li {
    margin-bottom: 16px;
}

.flat-services .post .title-list ul li:last-child {
    margin-bottom: 0;
}

.flat-services .post .title-list ul li .icon {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 50%;
    float: left;
    margin-right: 22px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
} 

.flat-services .post:hover .title-list ul li .icon {
    background-color: #fac167;
    color: #fff;
    border: 1px solid #fac167;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-services .post .title-list ul li .icon i {
    font-size: 10px;
}

.flat-services .post.style2:hover .title-list ul li .icon {
    background-color: #81beb9;
    color: #fff;
    border: 1px solid #81beb9;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-services .post.style3:hover .title-list ul li .icon {
    background-color: #e07561;
    color: #fff;
    border: 1px solid #e07561;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* Flat icon
-------------------------------------------------------------- */
.flat-icon .icon-box .content .title a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333946;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.flat-icon .icon-box .content .title a:hover {
    color: #81beb9;
}

.flat-icon .icon-box .content p {
    font-family: "karla", sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

/* Flat partners carousel
-------------------------------------------------------------- */
.flat-row.full-color.style1 {
    background-color: #81beb9;
}

.flat-partners-carousel .flat-client-style-v1 .item {
    background-color: #fff;
    padding:  84px 35px 50px 30px;
    position: relative;
}

.flat-partners-carousel .flat-client-style-v1 .item:before {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 40px;
    height: 40px;
    content: "";
    background-color: #81beb9;
}

.flat-partners-carousel .flat-client-style-v1 .item:after {
    position: absolute;
    top: 15px;
    left: 41px;
    font-family: "Montserrat", sans-serif;
    content: "“";
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    z-index: 0;
}

.flat-partners-carousel .flat-client-style-v1 .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #81beb9;
    z-index: 1;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-partners-carousel .flat-client-style-v1 .item:hover .overlay {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-partners-carousel .flat-client-style-v1 .item p.title {
    font-family: "Crete Round", sans-serif;
    font-size: 16px;
    line-height: 36px;
    font-style: italic;
    color: #999;
    letter-spacing: 0.8px;
    margin-bottom: 33px;
}

.flat-partners-carousel .flat-client-style-v1 .item h6 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #333946;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    margin-bottom: 14px;
}

.flat-partners-carousel .flat-client.style2 .item {
    position: relative;
}

.flat-partners-carousel .flat-client.style2 .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* Flat price table
-------------------------------------------------------------- */
.flat-price-table {
    text-align: center;
    background-color: #fff;
    padding: 75px 58px 60px;
    cursor: pointer;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.02);
    text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.02);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-price-table:hover {   
    box-shadow: 0px 10px 20px 0px rgba(000000, 0, 0, 0.05); 
    text-shadow: 0px 10px 20px rgba(000000, 0, 0, 0.05);
}

.flat-price-table .icon {
    margin-bottom: 7px;
}

.flat-price-table .icon span {
    font-size: 48px;
    font-weight: 600;
    color: #000;
    line-height: 48px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-price-table:hover .icon span {
    color: #feb800;
}

.flat-price-table .content {
    margin-bottom: 40px;
}

.flat-price-table .content h4 {
    font-family: "Condensed-Black", sans-serif;
    font-size: 18px;
    line-height: 48px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    margin-bottom: 0;
}

.flat-price-table .price {
    background-color: #feb800;
}

.flat-price-table .price span {
    font-family: "Condensed-Black", sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-price-table .price p {
    font-family: "Condensed-Black", sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-price-table:hover .price span,
.flat-price-table:hover .price p {
    color: #000;
}

/* Style 1 */
.flat-row.pad-bottom100px {
    padding-bottom: 100px;
}

.our-price .flat-price {
    background-color: #fac167;
    margin-bottom: 4px;
}

.our-price .flat-price .price-title {
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding: 13px 0 12px 214px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.our-price .flat-price .dola {
    position: absolute;
    top: -13px;
    left: 100px;
    font-family: "Montserrat", sans-serif;
    color: #000;
    font-size: 72px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 6px;
}

.our-price .flat-price .dola:before {
    position: absolute;
    left: 129px;
    top: -10px;
    content: "$";
    color: #81beb9;
    font-size: 24px;
    font-family: "Inconsolata", sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-price-table ul li {
    position: relative;
}

.flat-price-table ul li:before {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "FontAwesome";
    font-size: 12px;
    color: #999;
    content: "\f00c";

}

.flat-price-table.style1 {
    background-color: #f6f6f6;
    padding: 40px 35px;
}

.flat-price-table.style1:hover {
    cursor: default;
}

.flat-price-table.style1 .price {
    background-color: transparent;
    margin-bottom: 51px;
}

.flat-price-table.style1 .price h6 {
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.flat-price-table.style1 .price p {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    letter-spacing: 0.7px;
    text-transform: none;
}

.flat-price-table.style1 ul.price-table-list li {
    border-bottom: 1px solid #eeeeee;
    font-family: "Karla", sans-serif;
    font-size: 14px;
    line-height: 48px;
    color: #666666;
}

.flat-price-table.style1 ul.price-table-list li:last-child {
    border: none;
    margin-bottom: 50px;
}

.flat-price-table.style1 .flat-button {
    border: 2px solid #000;
    color: #000;
}

.flat-price-table.style1 .flat-button:hover {
    border: 2px solid #81beb9;
    color: #81beb9;
}
/* Style 2 */
.our-price .flat-price.style2 {
    background-color: #81beb9;
}

/* Style 3 */
.our-price .flat-price.style3 {
    background-color: #e07561;
}

/* Flat-progress
-------------------------------------------------------------- */
.flat-row .title-section.progress-v1 h3 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 1.5px;
    padding-bottom: 13px;
}

/* Progress Bar */
.flat-row .flat-progress-box {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #f6f6f6;
    z-index: 9;
}

.flat-row .title-section.progress-v1 {
    margin-bottom: 45px;
}

.flat-progress {
    position: relative;
    margin-bottom: 35px;
}

.flat-progress .name {
    position: absolute;
    left: 0;
    top:0;
}

.flat-progress .name,
.flat-progress .perc {
    font-weight: 400;
}

.flat-progress .progress-animate {
    height: 2px;
    width: 0;
}

.flat-progress.stype-v1 .progress-animate {
    background-color: #fac167;
}

.flat-progress.stype-v2 .progress-animate {
    background-color: #81beb9;
}

.flat-progress.stype-v3 .progress-animate {
    background-color: #e07561;
}

.flat-progress.stype-v4 .progress-animate {
    background-color: #69a0b2;
}

.flat-progress.stype-v5 .progress-animate {
    background-color: #93cc73;
}

.flat-progress.stype-v6 .progress-animate {
    background-color: #967bbf;
}

.flat-progress .progress-bar {
    background: #eee;
    width: 100%;
    margin-top: 10px;
}

.flat-progress .perc {
    width: 0;
    text-align: right;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
       opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
}

.flat-progress .perc.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
       opacity: 1;
}

.flat-progress .perc {
    font-size: 12px;
}

.flat-progress .perc span {
    position: relative;
    color: #fff;
    padding: 7px;
    text-align: center;
    left: 3px;
    z-index: 0;
}

.flat-progress .perc span:before {
    position: absolute;
    top: 5px;
    left: 2px;
    width: 30px;
    height: 16px;
    background-color: #fac167;
    content: "";
    z-index: -1;
}

.flat-progress.stype-v2 .perc span:before {
    background-color: #81beb9;
}

.flat-progress.stype-v3 .perc span:before {
    background-color: #e07561;
}

.flat-progress.stype-v4 .perc span:before {
    background-color: #69a0b2;
}

.flat-progress.stype-v5 .perc span:before {
    background-color: #93cc73;
}

.flat-progress.stype-v6 .perc span:before {
    background-color: #967bbf;
}

.flat-progress .perc span:after {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 0;
    height: 0;
    content: "";
    border-top: 7px solid #fac167;
    border-left: 7px solid transparent;
}

.flat-progress.stype-v2 .perc span:after {
    border-top: 7px solid #81beb9;
}

.flat-progress.stype-v3 .perc span:after {
    border-top: 7px solid #e07561;
}

.flat-progress.stype-v4 .perc span:after {
    border-top: 7px solid #69a0b2;
}

.flat-progress.stype-v5 .perc span:after {
    border-top: 7px solid #93cc73;
}

.flat-progress.stype-v6 .perc span:after {
    border-top: 7px solid #967bbf;
}

.flat-progress.stype-v1,
.flat-progress.stype-v2,
.flat-progress.stype-v4,
.flat-progress.stype-v5 {
    margin-bottom: 50px;
}

/* Flat-teammember
-------------------------------------------------------------- */
.flat-row .teammember-v1 {
    position: relative;
}

.flat-row .teammember-v1:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 315px;
    content: "";
    background-color: #f6f6f6;
}

.flat-teammember .owl-item .descritption {
    padding-right: 105px;
    margin-bottom: 60px;
}

.flat-teammember .owl-item .descritption h4 {
    margin-bottom: 32px;
}

.flat-teammember .owl-item .descritption a {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #333946;
    letter-spacing: 1.5px;
}

.flat-teammember .owl-item .descritption p {
    margin-bottom: 28px;
}

.flat-teammember .owl-item .signature {
    margin-bottom: 23px;
}

.flat-teammember .owl-item .signature p {
    font-family: "NoteraPersonalUseOnly", sans-serif;
    font-size: 60px;
    line-height: 40px;
    color: #333946;
    letter-spacing: 3px;
}

.flat-teammember .owl-item .profile span {
    color: #999;
}

/* Flat-team */
.flat-row.flat-team {
    margin-bottom: 100px;
 }

.flat-row.flat-team .title-section .title {
    letter-spacing: 0;
}

.flat-row.flat-team .flat-content .title-content h6 {
    margin-bottom: 3px;
}

.flat-row.flat-team .flat-content .title-content {
    position: relative;
    margin-bottom: 15px;
    padding: 27px 21px 0;
}

.flat-row.flat-team .title-content:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 270px;
    height: 270px;
    background-color: #f6f6f6;
    z-index: -1;
}

.flat-row.flat-team .flat-content .title-content a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #333946;
    text-transform: uppercase;
    letter-spacing: 0.5px;
} 

.flat-row.flat-team .flat-content .title-content a:hover {
    color: #81beb9;
}

.flat-row.flat-team .flat-content .title-content p {
    font-size: 12px;
    line-height: 30px;
    color: #999;
}

.flat-row.flat-team .flat-socials li {
    font-size: 12px;
    margin-bottom: 8px;
    padding-left: 21px;
}

.flat-row.flat-team .flat-images {
    position: absolute;
    top: 101px;
    left: 73px;
}

.flat-row.flat-team .flat-team-box {
    margin-bottom: 175px;
}

.page-title.parallax4 .page-title-heading {
    padding: 190px 0 290px;
}

.page-title.parallax4 .page-title-heading p {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1.9px;
    text-transform: uppercase;
}

/* Flat counter
-------------------------------------------------------------- */
.flat-icon-box.center {
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    z-index: 9999;
    margin-top: -200px;
    padding-bottom: 170px;
}

.flat-icon-box .flat-counter {
    margin-top: 100px;
}

.flat-counter .numb-count {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    color: #333946;
    margin-bottom: 20px;
    font-weight: 700;
}

.flat-counter p {
    font-family: "karla", sans-serif;
    font-size: 14px;
    color: #666;
}

.flat-row .flat-icon-box .icon-center {
    position: absolute;
    left: 100px;
    top: 45px;
    width: 70px;
    height: 70px;
    border-radius: 0;
    -webkit-transform: rotate(45deg); /* Safari */
        -ms-transform: rotate(45deg); /* IE 9 */
            transform: rotate(45deg); /* Standard syntax */
    position: relative;
}

.flat-row .flat-icon-box .icon-center {
    background-color: #fac167;
}

.flat-row .flat-icon-box .icon-center.stype-v6 {
    background-color: #81beb9;
}

.flat-row .flat-icon-box .icon-center.stype-v7 {
    background-color: #e07561; 
}


.flat-row .flat-icon-box .icon-center.stype-v8 {
    background-color: #69a0b2;
}


.flat-row .flat-icon-box .icon-center:after {
    position: absolute;
    left: -7px;
    top: -7px;
    content: "";
    width: 85px;
    height: 85px;
    border: 2px solid #fac167;
}

.flat-row .flat-icon-box .icon-center.stype-v6:after {
    border: 2px solid #81beb9;
}

.flat-row .flat-icon-box .icon-center.stype-v7:after {
    border: 2px solid #e07561;
}

.flat-row .flat-icon-box .icon-center.stype-v8:after {
    border: 2px solid #69a0b2;
}

.flat-row .flat-icon-box .icon-center span:before {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 36px;
    line-height: 28px;
    color: #fff;
    -webkit-transform: rotate(-45deg); /* Safari */
        -ms-transform: rotate(-45deg); /* IE 9 */
            transform: rotate(-45deg); /* Standard syntax */
}

/* flat-counter home2 */
.flat-row.flat-padding-top {
    padding-top: 0;
}

.flat-row .color-full {
    height: 210px;
    background-color: #f6f6f6;
}

.color-full .flat-counting  .icon-center,
.color-full .flat-counting .flat-counter {
    float: left;
    padding-top: 80px;
}

.color-full .flat-counting .icon-center {
    width: 70px;
    height: 210px;
    text-align: center;
    background-color: #fac167;
    margin-right: 30px;
}

.color-full .flat-counting .icon-center.style1 {
    background-color: #81beb9;
}

.color-full .flat-counting .icon-center.style2 {
    background-color: #e07561;
}

.color-full .flat-counting .icon-center.style3 {
    background-color: #69a0b2;
}

.flat-counting .icon-counter {
    width: 25%;
    float: left;
}

/* Flat-team-carosuel
-------------------------------------------------------------- */
.flat-team-carosuel-style2 .owl-item {
    position: relative;
    padding-bottom: 25px;
}

.flat-team-carosuel-style2 .owl-item .images-left {
    float: left;
}

.flat-team-carosuel-style2 .owl-item .images-left .title-image {
    text-align: center;
    margin-left: 54px;
}

.flat-team-carosuel-style2 .owl-item:before {
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 100%;
    height: 250px;
    content: "";
    z-index: -1;
    background-color: #f6f6f6;
}

.flat-team-carosuel-style2 .owl-item .images-left .team-image {
    padding-left: 45px;
    margin-bottom: 27px;
}

.flat-team-carosuel-style2 .owl-item .title-image h6 {
    margin-bottom: 13px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #333946;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.flat-team-carosuel-style2 .owl-item .title-image p {
    font-family: "karla", sans-serif;
    font-size: 14px;
    color: #666;
}

.flat-team-carosuel-style2 .owl-item h4 {
    margin-top: 88px;
    letter-spacing: 1.5px;
}

.flat-team-carosuel-style2 .owl-item .title-right {
    padding-left: 400px;
}

.flat-team-carosuel-style2 .owl-item blockquote .blockqoute-text {
    padding: 110px 95px 0 0;
    position: relative;
}

.flat-team-carosuel-style2 .owl-item blockquote .blockqoute-text:before {
    position: absolute;
    left: 0;
    top: 37px;
    content: "“";
    font-family: "Montserrat", sans-serif;
    font-size: 72px;
    font-weight: 700;
    color: #333946;
}

.flat-team-carosuel-style2 .owl-item blockquote p {
    font-family: "Crete Round", sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
    color: #999;
    letter-spacing: 0.8px;
}

.owl-stage-outer .owl-controls .owl-dots .owl-dot {
    display: block;
    top: 50%;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #81beb9;
}

.owl-stage-outer .owl-controls .owl-dots .owl-dot span {
    position: relative;
    left: 0;
    top: 0;
    width: 7px;
    height: 7px;
    margin-bottom: 28px;
    border-radius: 0;
    -webkit-transform: rotate(45deg); /* Safari */
        -ms-transform: rotate(45deg); /* IE 9 */
            transform: rotate(45deg); /* Standard syntax */

}

.owl-stage-outer .owl-controls .owl-dots .owl-dot span:before {
    position: absolute;
    left: -4px;
    top: -4px;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #cecece;
}

.owl-stage-outer .owl-controls .owl-dots .owl-dot.active span:before,
.owl-stage-outer .owl-controls .owl-dots .owl-dot:hover span:before {
    border: 2px solid #81beb9;
}

.flat-team-carosuel-style2 {
    position: relative;
}

.owl-stage-outer .owl-controls .owl-dots {
    position: absolute;
    left: 13px;
    top: 30%;
}

/* Flat gallery
-------------------------------------------------------------- */
.owl-stage-outer.stype-v1 .owl-stage {
    margin-bottom: 30px;
}

.flat-row.flat-gallery {
    position: relative;
}

.flat-row.flat-gallery:before {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 332px;
    content: "";
    z-index: -1;
    background-color: #f6f6f6;
}

.owl-stage-outer.stype-v1 .owl-stage .owl-item .item {
    margin-bottom: 30px;
}

.owl-stage-outer.stype-v1 .owl-stage .owl-item .title-item h6 {
    margin-bottom: 2px;
    letter-spacing: 1px;
}

.owl-stage-outer.stype-v1 .owl-stage .title-item p {
    font-family: "Crete Round", sans-serif;
    font-size: 12px;
    color: #999;
    font-style: italic;
}

.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-prev,
.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-next {
    top: 59%;
}

.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-next {
    right: 20px;
}

.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-prev:before,
.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-next:before {
    font-size: 30px;
    color: #999;
}

.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-prev:hover:before,
.flat-gallery-carousel .owl-theme .owl-controls .owl-nav div.owl-next:hover:before {    
    color: #81beb9;
}

/* Flat-price-table
-------------------------------------------------------------- */
.flat-row.flat-table-price {
    padding-bottom: 100px;
}

.flat-table.style-v1 .flat-price-table {
    position: relative;
    width: 270px;
    height: 355px;
    background-color: #f6f6f6;
    padding: 26px 30px;
    border: 2px solid #f6f6f6;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-table.style-v1 .table-top {
    position: absolute;
    top: -90px;
    right: 0;
    width: 180px;
    height: 180px;
    background-color: #eee;
    text-align: center;
    border: 15px solid #fff;
    z-index: 9999;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-table.style-v1 .table-top .title-table-top p {
    font-family: "Crete Round", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-style: italic;
    margin-bottom: 35px;
    padding-top: 23px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-table.style-v1 .table-top .num-table-top span {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-size: 48px;
    line-height: 30px;
    color: #81beb9;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-table.style-v1 .table-top .num-table-top:before {
    position: absolute;
    top: 61px;
    left: 37px;
    font-family: "Crete Round", sans-serif;
    content: "$";
    font-size: 24px;
    line-height: 30px;
    color: #81beb9;
    font-style: italic;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-table.style-v1 .flat-price-table .text-table {
    margin-bottom: 28px;
}

.flat-table.style-v1 .flat-price-table .text-table p {
    line-height: 48px;
    color: #666;
}

.flat-table.style-v1 .flat-price-table .flat-button {
    border: 2px solid #81beb9;
    padding: 10px 27px;
    font-size: 12px;
    text-transform: uppercase;
    color: #81beb9;
    letter-spacing: 3px;
}

.flat-table.style-v1:hover .table-top {
    background-color: #81beb9;
}

.flat-table.style-v1:hover .table-top span,
.flat-table.style-v1:hover .table-top p,
.flat-table.style-v1:hover .table-top .num-table-top:before {
    color: #fff;
}

.flat-table.style-v1:hover .flat-price-table {
    border: 2px solid #81beb9;
}

.flat-table.style-v1 .flat-button:hover {
    background-color: #81beb9;
    color: #fff;
}

/* Flat-teamber
-------------------------------------------------------------- */
.flat-row .flat-teamber .avatar {
    height: 280px;
    background-color: #f6f6f6;
    text-align: center;
    margin-bottom: 25px;
}

.flat-row .flat-teamber .avatar img {
    padding-top: 65px;
}

.flat-row .flat-teamber h4.name {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #333946;
    letter-spacing: 1.5px;
}

.flat-row .flat-teamber p.position {
    color: #999;
    margin-bottom: 10px;
}

.flat-row .flat-teamber p.title {
    color: #666;
    margin-bottom: 19px;
    padding-right: 15px;
}

ul.short-code.flat-socials li {
    display: inline-block;
    margin-right: 12px;
}

ul.short-code.flat-socials li a {
    display: inline-block;
    border: 1px solid #2b5c9f;
    color: #fff;
    background-color: #2b5c9f;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

ul.short-code.flat-socials li.twitter a {
    border: 1px solid #12b2e6;
    background-color: #12b2e6;
}

ul.short-code.flat-socials li.behance a {
    border: 1px solid #01c6f0;
    background-color: #01c6f0;
}

ul.short-code.flat-socials li.linkedin a {
    border: 1px solid #76c7dc;
    background-color: #76c7dc;
}

/* callout-box */
.flat-row.row-callout-box {
    background-color: #f6f6f6;
    padding: 65px 0;
}

.callout-box .callout-content {
    display: table;
    width: 100%;
}

.callout-box .callout-text {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}

.callout-box .callout-text h4 {
    font-size: 18px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.callout-box .callout-text p {
    font-size: 16px;
}

.callout-box .callout-action {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.callout-box .callout-content .submit-wrap {
    margin-top: 49px;
}

.callout-box .callout-content .flat-button {
    font-family: "karla", sans-serif;
    border: 2px solid #000;
    padding: 14px 63px;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 3px;
}

.callout-box .callout-content .flat-button:hover {
    background-color: #81beb9;
    border: 2px solid #81beb9;
    color: #fff;
}

.callout-box .callout-content .submit-wrap {
    float: right;
}

/* Flat-blog-carousel
-------------------------------------------------------------- */
.flat-blog-carousel .owl-stage .item {
    background-color: #f6f6f6;
    padding: 50px 141px 43px 27px;
    float: left;
    width: 50%;
}

.flat-blog-carousel .owl-stage .feature-post {
    position: absolute;
    top: -79px;
    right: 19px;
    overflow: hidden;
    border: 15px solid #fff;
}

.flat-blog-carousel .owl-stage {
    padding-top: 65px;
}

.flat-blog-carousel .owl-stage .item .meta-post {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #999;
    margin-bottom: 7px;
}

.flat-blog-carousel .owl-stage .item h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #333946;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
}

.flat-blog-carousel .owl-stage .entry-post .read-more {
    font-family: "Crete Round", sans-serif;
    font-size: 14px;
    font-style: italic;
    margin-top: 15px;
    display: block;
    color: #81beb9;
}

.owl-stage-outer.style-v2 .owl-controls .owl-dots {
    top: 84%;
    left: 61%;
}

.owl-stage-outer.style-v2 .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 20px;
}

/* Flat-contact
-------------------------------------------------------------- */
.flat-row.flat-contact {
    padding-bottom: 100px;
    background-color: #f6f6f6;
}

.flat-row.flat-contact form .wrap-type-input textarea,
.flat-row.flat-contact form .wrap-type-input input[type="text"],
.flat-row.flat-contact form .wrap-type-input input[type="email"] {
    border: 2px solid #eeeeee;
    padding: 28px 22px;
}

.flat-row.flat-contact form .wrap-type-input textarea:focus,
.flat-row.flat-contact form .wrap-type-input input[type="text"]:focus,
.flat-row.flat-contact form .wrap-type-input input[type="email"]:focus {
    border: 2px solid #cecece;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
 
.flat-row.flat-contact .flat-contact-form.height-small {
    text-align: center;
}

.flat-row.flat-contact .flat-contact-form.height-small .flat-button {
    padding: 25px 105px;
    text-align: center;
    font-size: 16px;
    color: #81bdb8;
    border: 2px solid #81bdb8;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-row.flat-contact .flat-contact-form.height-small .flat-button:hover {
    background-color: #81bdb8;
    border: 2px solid #81bdb8;
    color: #fff;
}

.flat-row.flat-contact form .wrap-type-input textarea {
    height: 150px;
    padding: 16px 22px;
}

.flat-row.flat-contact .contact-info {
    text-align: center;
    line-height: 48px;
}

.flat-row.flat-contact .contact-info p {
    color: #666;
}

.flat-row.flat-contact .contact-info span {
    color: #999;
}

.flat-row.flat-contact .contact-info ul {
    padding-left: 45px;
}

.flat-row.flat-contact .contact-info ul li {
    display: inline-block;
    margin-right: 45px;
}

.textarea-wrap label.error, .input-wrap label.error {
    color: #ff1200;
}

.input-wrap .error, textarea.type-input.error {
    margin-bottom: 0;
}

/* Google Map
-------------------------------------------------------------- */
.flat-row.nopad.row-map {
    padding-top: 0;
}

/* Flat-portfolio
-------------------------------------------------------------- */
.flat-portfolio .portfolio-filter {
    text-align: center;
    margin-bottom: 43px; 
}

.flat-portfolio .portfolio-filter > li {
    padding:0 21px;
    display: inline-block;
}

.flat-portfolio .portfolio-filter > li a {
    color: #999;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
}

.flat-portfolio .portfolio-filter > li a:hover {
    color: #81beb9;
}

.flat-portfolio .portfolio-filter > li.active a {
    color: #81beb9;
}

.flat-portfolio .item .plus {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 9999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       opacity: 0;
        filter: alpha(opacity=0);
    -webkit-transition-delay: 0.7s;
       -moz-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
         -o-transition-delay: 0.7s; 
      transition-delay: 0.7s;
    -webkit-transition: all ease 0.4s;
       -moz-transition: all ease 0.4s;
        -ms-transition: all ease 0.4s;
         -o-transition: all ease 0.4s;
            transition: all ease 0.4s;
}

/* V1 */
.flat-portfolio.v1 {
    margin: 0 -15px;
}

.flat-portfolio.v1 .item {
    width: 25%;
    padding: 0 15px 30px 15px;
    float: left;
}

.flat-portfolio.v2 .item {
    width: 50%;
    padding: 0 15px 30px 15px;
    float: left;
}

.flat-portfolio.v1 .item .featured-images {
    position: relative;
}

/* home2 */
.flat-portfolio .portfolio-filter.style1 li {
    padding: 0 13px;
    margin-right: 11px;
    background-color: #607aa8;
}

.flat-portfolio .portfolio-filter.style1 li#style2 {
    padding: 0 11px;
    background-color: #fac167;
}

.flat-portfolio .portfolio-filter.style1 li#style3 {
    padding: 0 11px;
    background-color: #81beb9;
}

.flat-portfolio .portfolio-filter.style1 li#style4 {
    padding: 0 11px;
    background-color: #e07561;
}

.flat-portfolio .portfolio-filter.style1 li#style5 {
    padding: 0 9px;
    background-color: #69a0b2;
}

.flat-portfolio .portfolio-filter.style1 > li a {
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    text-transform: none;
}

ul.short-code.flat-socials li a:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

/* Hover */
.flat-portfolio .item:hover {
    cursor: pointer;
}

.flat-portfolio .portfolio-wrap {
    position: relative;
}

.flat-portfolio .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #8dc4bf;
    content: '';    
    z-index: 0; 
    border: 5px solid #64a39e;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       opacity: 0;
        filter: alpha(opacity=0);       
    -webkit-transition: opacity 0.5s, 
     -webkit-transform: 0.35s;
            transition: opacity 0.5s, transform 0.5s;
            transition: all ease 0.5s;
}

.flat-portfolio .grid:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
       opacity: 0.8;
        filter: alpha(opacity=80); 
    -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
}

.flat-portfolio .item:hover .plus {
    opacity: 1; 
}

/* grid */
.flat-portfolio .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: none;
    text-align: center;
    cursor: pointer;
}

.flat-portfolio .grid figure figcaption {
    padding: 70px;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flat-portfolio .grid figure figcaption.style-1 {
    padding-top: 160px;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flat-portfolio .grid figure figcaption h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
}

.flat-portfolio .grid figure figcaption p {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
}

.flat-portfolio .grid figure figcaption h4.style-v1 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 1px;
}

.flat-portfolio .grid figure figcaption p.style-v1 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 1px;
}

.flat-portfolio .grid figure figcaption,
.flat-portfolio .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flat-portfolio .grid figure.effect-bubba img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.flat-portfolio .grid figure.effect-bubba figcaption::before,
.flat-portfolio .grid figure.effect-bubba figcaption::after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.flat-portfolio .grid figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.flat-portfolio .grid figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

.flat-portfolio .grid figure.effect-bubba p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

.flat-portfolio .grid figure.effect-bubba h4 {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}

.flat-portfolio .grid figure.effect-bubba:hover figcaption::before,
.flat-portfolio .grid figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.flat-portfolio .grid figure.effect-bubba:hover h4,
.flat-portfolio .grid figure.effect-bubba:hover p {
    opacity: 1;
    color: #fff;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Portfolio Detail */
.flat-row.portfolio-detail {
    margin-bottom: 90px;
}

.flat-row.portfolio-detail .entry-portfolio-details li {
    margin-bottom: 30px;
}

.flat-row.portfolio-detail .entry-portfolio-details li:last-child {
    margin-bottom: 0;
}

.flat-row.portfolio-detail .entry-portfolio-details li p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #333946;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.flat-row.portfolio-detail .entry-portfolio-details li span {
    line-height: 30px;
    letter-spacing: 0.7px;
    color: #999;
}

.flat-row.portfolio-detail ul li .tag-list {
    padding-right: 300px;
}

.flat-row.portfolio-detail ul li .tag-list a {
    letter-spacing: 0.9px;
}

.flat-row.portfolio-detail .content-portfolio-detail h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #333946;
    margin-bottom: 30px;
}

.flat-row.portfolio-detail .content-portfolio-detail p {
    font-size: 16px;
}

.flat-row.portfolio-detail .content-portfolio-detail {
    position: relative;
}

.flat-row.portfolio-detail .portfolio-navigation {
    position: absolute;
    bottom: 0;
    right: 0;
}

.flat-row.portfolio-detail .portfolio-navigation li {
    margin-bottom: 15px;
}

.portfolio-navigation .next-portfolio,
.portfolio-navigation .previous-portfolio {
    position: relative;
    width: 50px;
    height: 50px;
    left: 70px;
    bottom: -65px;
    background-color: #f6f6f6; 
    text-align: center;
    line-height: 20px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.portfolio-navigation .next-portfolio:before,
.portfolio-navigation .previous-portfolio:before {
    position: absolute; 
    content: "\f104";
    left: 22px;
    top: 15px;
    color: #000;
    font-family: "FontAwesome";
    font-size: 18px;        
}

.portfolio-navigation .next-portfolio:before {
    content: "\f105";
}

.portfolio-navigation .next-portfolio:hover,
.portfolio-navigation .previous-portfolio:hover {
    background: #333946;    
    opacity: 1;
}

.portfolio-navigation .next-portfolio:hover:before,
.portfolio-navigation .previous-portfolio:hover:before {
    color: #fff;
}

/* Flat-contact-us
-------------------------------------------------------------- */
.flat-row.row-contact-us {
    padding-bottom: 100px;
}

.flat-contact-us h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #000;
    margin-left: 100px;
    letter-spacing: 1.8px;
}

.flat-contact-us h5 span {
    color: #81beb9;
    position: relative;
}

.flat-contact-us h5 span:before {
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 100%;
    height: 2px;
    background-color: #81beb9;
    content: "";
}

.flat-row.row-contact-us .flat-contact-us {
    float: left;
}

.flat-row.row-contact-us .submit-wrap {
    float: right;
    margin-right: 92px;
}

.flat-row.row-contact-us .flat-button {
    font-family: "karla", sans-serif;
    border: 2px solid #000;
    padding: 20px 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 2px;
    margin-top: -10px;
}

.flat-row.row-contact-us .flat-button:hover {
    border: 2px solid #81beb9;
    background-color: #81beb9;
    color: #fff;
}

.flat-row.row-contact-us .flat-contact-us h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #333946;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.flat-row.row-contact-us .flat-contact-us ul li {
    float: left;
    margin-right: 35px;
}

.flat-row.row-contact-us .flat-contact-us ul li a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 36px;
    color: #999;
    letter-spacing: 1px;
}

.flat-row.row-contact-us .flat-contact-us ul li a:hover {
    color: #333946;
}

.flat-row.row-contact-us .icon-wrap {
    float: right;
}

.flat-row.row-contact-us .icon-wrap .icon-contact,
.flat-row.row-contact-us .icon-wrap .like-contact {
    float: left;
}

.flat-row.row-contact-us .icon-wrap .icon-contact {
    padding: 12px 14px;
    border: 2px solid #e5e5e5;
}

.flat-row.row-contact-us .icon-wrap .like-contact {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 37px;
    color: #333946;
    letter-spacing: 0.7px;
    padding: 3.5px 25px;
    border-top: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}

/* v5 */
.flat-row.row-contact-us.style {
    background-color: #81beb9;
}

.flat-row.row-contact-us .flat-contact-us.style1 p {
    font-family: "Crete Round", sans-serif;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.8px;
    color: #fff;
    font-style: italic;
}

.flat-row.row-contact-us .flat-button.style1 {
    font-family: "karla", sans-serif;
    border: 2px solid #fff;
    padding: 28px 70px 28px 74px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
}

.flat-row.row-contact-us .flat-button.style1:hover {
    background-color: #000;
}

.flat-row.row-contact-us .submit-wrap.style1 {
    margin-right: 20px;
}

/* Flat-Preloader
-------------------------------------------------------------- */
.loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;  
}

.block-loader {
    background-color: #81beb9;
    float:left;
    height:24px;
    margin-left:7px;
    width:24px;
    opacity:0.1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-animation-name:bounceG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-transform:scale(0.7);
    -webkit-animation-name:bounceG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-transform:scale(0.7);
    -ms-animation-name:bounceG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-transform:scale(0.7);
    -o-animation-name:bounceG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-transform:scale(0.7);
    animation-name:bounceG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    transform:scale(0.7);
}

.loader1{
    margin-left: -30px;
    -moz-animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
    -ms-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}

.loader2{
    margin-left: 0px;
    -moz-animation-delay:08s;
    -webkit-animation-delay:.8s;
    -ms-animation-delay:.8s;
    -o-animation-delay:.8s;
    animation-delay:.8s;
}

.loader3 {
    margin-left: 30px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}

@-moz-keyframes bounceG{
    0% {
    -moz-transform:scale(1.2);
    opacity:1
    }

    100%{
    -moz-transform:scale(0.7);
    opacity:0.1
    }
    }

    @-webkit-keyframes bounceG{
    0% {
    -webkit-transform:scale(1.2);
    opacity:1
    }

    100% {
    -webkit-transform:scale(0.7);
    opacity:0.1
    }
    }

    @-ms-keyframes bounceG{
        0% {
        -ms-transform:scale(1.2);
        opacity:1
    }

    100% {
    -ms-transform:scale(0.7);
    opacity:0.1
    }
    }

    @-o-keyframes bounceG{
        0% {
            -o-transform:scale(1.2);
            opacity:1
        }

        100%{
            -o-transform:scale(0.7);
            opacity:0.1
        }
    }

    @keyframes bounceG{
    0% {
        transform:scale(1.2);
        opacity:1
        }

    100% {
        transform:scale(0.7);
        opacity:0.1
    }
}