/*------------------------------------------------------------------
.______    __  ___   ___  __   _______  ___________    ____ 
|   _  \  |  | \  \ /  / |  | |   ____||   ____\   \  /   / 
|  |_)  | |  |  \  V  /  |  | |  |__   |  |__   \   \/   /  
|   ___/  |  |   >   <   |  | |   __|  |   __|   \_    _/   
|  |      |  |  /  .  \  |  | |  |____ |  |        |  |     
| _|      |__| /__/ \__\ |__| |_______||__|        |__|     


@charset "utf-8";

[Main Stylesheet]

Project:    Freshr
Version:    0.1
Last change:    15.02.2017
Primary use:    Freshr Multipurpose Responsive Resume Template


================== Font Family Used =================

font-family: 'Open Sans', sans-serif;
font-family: 'Dosis', sans-serif;


[Typography]

Body:               14px 'Open Sans', sans-serif;
Paragraph:          'Open Sans', sans-serif;

Section Title:      2.5+em/1.1 'Dosis', sans-serif;
Section Description:    14px/1.7 "Open Sans", sans-serif;

/*==============================
[Table of contents]

1. Freshr css reset and Typography
2. Freshr preloader section - preloader
3. Freshr main menu CSS
4. Freshr Banner CSS
5. Freshr Main Header CSS
6. Freshr About Me CSS
7. Freshr Resume CSS
8. Freshr Call to action CSS
9. Freshr Portfolio CSS
10. Freshr Blog CSS
11. Freshr Services CSS
12. Freshr interest in section - services
13. Freshr award win section - services
14. freshr timeline counter section - services
15. Freshr download button section - services
16. Freshr testimonial section - testimonial
17. Freshr contact section - contact
18. freshr google map section - contact
19. freshr footer section - footer
20. freshr blog welcome banner - BLOG PAGE
21. freshr single blog - SINGLE PAGE
22. freshr error page css

-------------------------------------------------------------------*/
/*--------------------------------------------------------------
  1. Freshr css reset and Typography
--------------------------------------------------------------*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #252527;
    line-height: 1.5;
    overflow: hidden;
}
a {
    color: #222222;
}
a:hover {
    color: #222222;
}
a,
a:hover,
a:visited,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}
a:hover,
a:focus {
    color: #222222;
}
*:focus {
    outline: none;
}
img {
    border: none;
    max-width: 100%;
    width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Dosis', sans-serif;
    font-weight: normal;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
h2 {
    color: #F16235;
    display: inline-block;
    font-size: 2.533em;
    font-weight: 600;
    letter-spacing: 5px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}
h3,
h4 {
    color: #252527;
    margin: 0;
}
p {
    font-size: 1.07em;
    font-weight: 300;
    margin-top: 0;
}
button {
    margin-bottom: 5px;
}
strong {
    color: #5b5757;
    font-size: 1.063em;
    font-weight: 500;
}
/*Color Scheme Styles*/

.freshr-btn span,
.freshr-main-header-content h2:after,
.freshr-btn span:before,
.freshr-portfolio-nav ul li.selected,
.freshr-testimonials-all p,
.freshr-blog-link-post-format,
.freshr-error-options ul li a,
.freshr-button {
    background-color: #C1292F;
}
.freshr-see-all:hover,
.single_contact_column.filed_ok::before,
#mail_success i {
    color: #2EB267;
}
.freshr-testimonials-all p::after,
.post_comment {
    border-top-color: #2EB267;
}
.single_contact_column input:focus,
.single_contact_column textarea:focus,
.input_freshr:focus,
.textarea_freshr:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(46, 178, 103, 0.6);
    border-color: #2EB267;
}
/*Color Scheme Styles Ends*/

.freshr-main-header-content h2:after {
    content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -4px;
}
.freshrRight {
    float: right;
}
.freshr-button {
    color: #fffefe;
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 25px 10px 45px;
    display: inline-block;
    font-family: inherit;
    border: 0px solid;
    position: relative;
    overflow: hidden;
}
.freshr-button span {
    display: inline-block;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.freshr-button .button__icon {
    position: absolute;
    left: 20px;
    font-size: 1em;
    -webkit-transform: translate3d(-40px, 2.5em, 0);
    transform: translate3d(-40px, 2.5em, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.freshr-button:hover .button__icon {
    -webkit-transform: translate3d(0px, 0.5em, 0);
    transform: translate3d(0px, 0.5em, 0);
}
.freshr-button:hover > span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.freshr-button:hover,
.freshr-button:focus,
.freshr-button:active {
    color: #fffefe;
}
.freshr-main-header-content h2:before {
    color: #ffffff;
    content: "";
    font-family: 'FontAwesome';
    font-size: 3em;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.freshr-btn {
    color: #fff;
    display: inline-block;
    margin-top: 17px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
}
.freshr-btn {
    line-height: 44px;
    perspective: 1000px;
}
.freshr-btn span {
    display: inline-block;
    padding: 0 14px;
    position: relative;
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transition: transform 0.3s ease 0s;
    -webkit-transition: transform 0.3s ease 0s;
    -ms-transition: transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s;
}
.freshr-btn span:before {
    content: attr(data-hover);
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
    -ms-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    -moz-transition: background 0.3s ease 0s;
    width: 100%;
}
.freshr-btn:hover span,
.freshr-btn:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -ms-transform: rotateX(90deg) translateY(-22px);
    -o-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

/*--------------------------------------------------------------
  2. freshr preloader section - preloader
--------------------------------------------------------------*/

#freshr-preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    background-color: #EDEFEE;
    text-align: center;
    color: #323232;
}
.freshr-preloader-table {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
}
.freshr-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.freshr-preloader-top > h3 {
    color: #323232;
    font-family: inherit;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 1;
    text-transform: uppercase;
}
.freshr-by p {
    background-color: #edefee;
    color: #323232;
    display: inline-block;
    font-family: inherit;
    font-style: italic;
    line-height: 1.5;
    margin: 13px 0;
    padding: 0 8px;
    position: relative;
    z-index: 2;
}
.freshr-by {
    margin: auto;
    max-width: 500px;
    position: relative;
    width: 50%;
}
.freshr-preloader-top > h2 {
    font-family: inherit;
    font-weight: 700;
    color: #323232;
}
.freshr-by > span {
    background-color: #323232;
    display: block;
    height: 1px;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
}
.loading_dots {
    font-size: 1em;
    line-height: 1;
}
.loading_dots span {
    -webkit-animation: loading_dots 0.8s linear infinite;
    -moz-animation: loading_dots 0.8s linear infinite;
    -ms-animation: loading_dots 0.8s linear infinite;
    animation: loading_dots 0.8s linear infinite;
    background: none repeat scroll 0 0 #C1292F;
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin: 0 4px;
}
.loading_dots span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading_dots span:nth-child(1) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
@-webkit-keyframes loading_dots {
    0% {
        background: #FFCA17;
    }
    50% {
        background: #C1292F;
    }
    100% {
        background: #F15F35;
    }
}
@-moz-keyframes loading_dots {
    0% {
        background: #FFCA17;
    }
    50% {
        background: #C1292F;
    }
    100% {
        background: #F15F35;
    }
}
@-ms-keyframes loading_dots {
    0% {
        background: #FFCA17;
    }
    50% {
        background: #C1292F;
    }
    100% {
        background: #F15F35;
    }
}
@keyframes loading_dots {
    0% {
        background: #FFCA17;
    }
    50% {
        background: #C1292F;
    }
    100% {
        background: #F15F35;
    }
}
/*****************************************************************************************/
/* 3. Freshr main menu CSS */
/*****************************************************************************************/

.freshr-main-menu {
    left: 45px;
    position: fixed;
    top: 45px;
    z-index: 99;
}
.freshr-single-column-top {
    overflow: hidden;
    width: 100%;
}
#freshr-main-menu-icon {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 1;
    padding: 12px 14px;
}
#freshr-main-menu-icon i {
    color: #FFF;
}
#freshr-main-menu-nav {
    background-color: #000;
    display: none;
    padding: 15px;
    width: 200px;
}
#freshr-main-menu-nav ul li a {
    color: #fff;
    display: block;
    font-size: 0.85em;
    letter-spacing: 0.2em;
    line-height: 1;
    margin: 10px 0 15px;
    padding-bottom: 11px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#freshr-main-menu-nav a:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#freshr-main-menu-nav ul li a {
    color: #FFF;
}
#freshr-main-menu-nav ul li:last-child a {
    margin-bottom: 10px;
}
#freshr-main-menu-nav a:hover:after {
    width: 100%;
    transition: all 0.5s ease 0s;
}
#freshr-main-menu-nav ul li.active-menu a:after {
    width: 100%;
}
/*****************************************************************************************/
/* 4. Freshr Banner CSS */
/*****************************************************************************************/

#freshr-banner-section {
    background-image: url(images/1.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.freshr-banner-content-list {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.freshr-banner-content-list h3 {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 2.778em;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
}
.freshr-banner-content-list h1 {
    color: #fff;
    font-size: 3.556em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    margin: 0;
}
.freshr-scroll-down {
    bottom: 0;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    -moz-animation: bounce 2s linear infinite;
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 2s linear infinite;
}
.freshr-scroll-down a {
    color: #fff;
    font-size: 3em;
}

/*--------------------------------------------------------------
  4.1 freshr star animation css
--------------------------------------------------------------*/

#global-main-content {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.freshr-all-features {
    z-index: 2;
    width: 100%
}
#logoTitle {
    font-family: 'Dosis', "Open Sans", sans-serif;
    display: inline-block;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1em;
    margin: 0 20px;
    padding: 1px;
    position: relative;
    text-transform: uppercase;
    background: none;
}
#logoTitle:before {
    /*border-top: 1px solid #fff;*/
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 0;
    /*border-bottom: 1px solid #FFF;*/
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transition: all .9s ease 0;
    -moz-transition: all .9s ease 0;
    -webkit-transition: all .9s ease 0;
    -o-transition: all .9s ease 0;
}
#logoTitle:after {
   /* border-right: 1px solid #fff;*/
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    /*border-left: 1px solid #FFF;*/
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform-origin: 100% 0 0;
    -webkit-transform-origin: 100% 0 0;
    -o-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    -moz-transform-origin: 100% 0 0;
    transition: all .9s ease 0;
    -moz-transition: all .9s ease 0;
    -webkit-transition: all .9s ease 0;
    -o-transition: all .9s ease 0;
}
.cd-headline {
    margin: 0;
}
#logoTitle.borderOpecity:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: opacity 2s ease 0s, transform 5s ease 0;
    -webkit-transition: opacity 2s ease 0s, transform 5s ease 0;
    -o-transition: opacity 2s ease 0s, transform 5s ease 0;
    -ms-transition: opacity 2s ease 0s, transform 5s ease 0;
    -moz-transition: opacity 2s ease 0s, transform 5s ease 0;
}
#logoTitle.borderOpecity:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: opacity 2s ease 2.5s, transform 5s ease 2.5s;
    -webkit-transition: opacity 2s ease 2.5s, transform 5s ease 2.5s;
    -o-transition: opacity 2s ease 2.5s, transform 5s ease 2.5s;
    -ms-transition: opacity 2s ease 2.5s, transform 5s ease 2.5s;
    -moz-transition: opacity 2s ease 2.5s, transform 5s ease 2.5s;
}
#freshr-cancas-animation {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
}
#freshr-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.DoInVisible {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.DoVisible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
#freshr-bg-header {
    width: 100%;
    text-align: center;
}
.freshr-welcome-message {
    z-index: 2;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}
.freshr_text_slide {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
}
.freshr-welcome-message h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.1;
    color: #5F6062;
    margin: 0;
}
.cd-intro {
    margin: 0 auto !important;
    margin-top: 1em !important;
}
.freshr-welcome-message h2:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    margin: 15px auto auto;
    text-align: center;
    width: 10%;
}
.freshr-welcome-message h2.borderWidth:after {
    width: 100%;
    transition: width 4s ease 0s;
    -webkit-transition: width 4s ease 0s;
    -o-transition: width 4s ease 0s;
    -ms-transition: width 4s ease 0s;
    -moz-transition: width 4s ease 0s;
}
.cd-headline {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    color:#F89F2C;
}
.cd-headline,
.cd-words-wrapper,
.cd-words-wrapper b,
.cd-words-wrapper b i {
    font-style: normal!important;
    font-weight: 400!important;
}
/*****************************************************************************************/
/* 5. Freshr Main Header CSS */
/*****************************************************************************************/

.freshr-header-bg-color {
    background-color: #F5F5F5;
    padding: 100px 0;
}
.freshr-main-header-content {
    text-align: center;
}
.freshr-main-header-content h2 {
    margin: 0;
}
/*****************************************************************************************/
/* 6. Freshr About Me CSS */
/*****************************************************************************************/

.freshr-about-me-promo {
    cursor: w-resize;
    overflow: hidden;
    padding: 0 0 0;
    margin-bottom: 50px;
    margin-top: 80px;
}
.about-me-testimonial h3 {
    color: #777777;
    font-weight: 300;
    font-size: 1.378em;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
}
.about-me-testimonial small {
    display: block;
    margin-top: 20px;
}
.about-me-testimonial small::before {
    content: "- ";
}
.single-about-me-promo {
    font-size: 1em;
    line-height: 1.6;
}
.owl-carousel .owl-item img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: grab;
}
.freshr-main-about-me {
    overflow: hidden;
    padding-top: 50px;
}
.about-me-profile {
    position: relative;
    overflow: hidden;
}
#about_me_thumb {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.about-me-profile img {
    height: auto;
    width: 100%;
}
.about-me-data h2 {
    color: #777777;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.about-me-data img.sign {
    height: auto;
    margin-top: 8%;
    width: 300px;
    padding-bottom: 20px;
}
.single_about_column {
    float: left;
    width: 350px;
    margin-right: 35px;
}
.single_about_column:last-child {
    margin-right: 0;
}
.single-about-me-promo h2 {
    font-family: inherit;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 6px;
}
.personal_data li {
    display: block;
    margin: 3px 0;
}
.personal_data li i {
    margin-right: 10px;
}
#freshr_personal_photography_slider .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.personal_photography {
    position: relative;
}
.personal_photography > h2 {
    left: 12px;
    position: absolute;
    top: 5px;
    color: #000;
}
#freshr_personal_photography_slider .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #323232;
    opacity: 0.6;
}
#freshr_personal_photography_slider .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: none repeat scroll 0 0 #C8C9C8;
}
.about_icon::after {
    color: #ccc;
    content: "\f007";
    font-family: 'fontawesome';
    font-size: 10em;
    line-height: 1;
    opacity: 0.4;
    position: absolute;
    right: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*****************************************************************************************/
/* 7. Freshr Resume CSS */
/*****************************************************************************************/

#freshr-resume-section .freshr-main-header-content h2:before {
    content: "\f0f2";
}
.freshr-resume-content-list {
    padding-bottom: 80px;
    padding-top: 100px;
    overflow: hidden;
}
.freshr-resume-header-title {
    margin-bottom: 35px;
    position: relative;
}
.freshr-resume-header-title h3::before {
    color: #e1e1e1;
    content: "\f19d";
    font-family: 'fontawesome';
    font-size: 69%;
    position: absolute;
    right: -25px;
    top: -18px;
}
.freshr-resume-header-title h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding-right: 15px;
    margin-top: 12px;
    font-size: 2.4em;
    font-weight: 700;
    text-transform: uppercase;
}
.freshr-resume-row-list {
    padding-left: 13%;
    position: relative;
}
.freshr-single-resume-row:before {
    background-color: #AFAFAF;
    content: "";
    display: block;
    height: 100%;
    left: -21px;
    position: absolute;
    top: 0;
    width: 2px;
}
.freshr-single-resume-row:after {
    background-color: #2c68ae;
    border: 3px solid #cecece;
    border-radius: 100%;
    color: #fff;
    content: "\f087";
    display: block;
    font-family: "fontawesome";
    font-size: 20px;
    left: -43px;
    line-height: 1;
    margin-top: -28px;
    padding: 10px;
    position: absolute;
    top: 50%;
}
.education-resume-list .freshr-single-resume-row:after {
    content: "\f19d";
    padding: 11px 9px;
    left: -44px;
}
.experience-resume-list .freshr-single-resume-row:after {
    content: "\f06e";
}
.freshr-single-resume-row:hover:after {
    background-color: #36b5e7;
}
.education-resume-list .freshr-resume-header-title h3::before {
    content: "\f19d";
}
.experience-resume-list .freshr-resume-header-title h3::before {
    content: "\f0eb";
}
.professional-skill-resume-list .freshr-resume-header-title h3::before {
    content: "\f091";
}
.personal-skill-resume-list .freshr-resume-header-title h3::before {
    content: "\f0f4";
}
.freshr-single-resume-row:first-child:before {
    top: 50%;
}
.freshr-single-resume-row:last-child:before {
    top: -50%;
}
.freshr-single-resume-row {
    padding-bottom: 50px;
    padding-left: 5%;
    position: relative;
}
.freshr-single-resume-row:last-child {
    padding-bottom: 0;
}
.freshr-single-resume-row h4 {
    font-size: 1.313em;
    font-weight: 600;
    margin-bottom: 15px;
}
.freshr-single-resume-row p {
    line-height: 27px;
    margin-top: 0px;
}
.single-skill-data-list {
    padding: 50px 0;
    text-align: center;
}
.chart {
    display: block;
    height: 110px;
    margin: auto;
    position: relative;
    width: 110px;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;color: green;
}
.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}
.chart-content p {
    text-transform: uppercase;color: #2c68ae;font-weight: bold;
}
.skill_inner {
    padding-top: 40px;
}
.team_skill {
    background: none repeat scroll 0 0 #e9e9e9;
    border: 1px solid rgba(204, 204, 204, .4);
    height: 12px;
    position: relative;
    width: 100%;
    padding: 0 1%;
}
.skill_right {
    background: none repeat scroll 0 0 #000;
    height: 4px;
    left: 0;
    margin-top: -2px;
    overflow: inherit !important;
    position: relative;
    top: 50%;
    width: 0;
}
.single_team_skill p,
.single_team_skill p span {
    line-height: 16px;
    text-transform: uppercase;
}
.single_team_skill {
    padding-bottom: 30px;
}
.single_team_skill p:before {
    display: none;
}
.single_team_skill p:after {
    display: none;
}
/*****************************************************************************************/
/* 8. Freshr Call to action CSS */
/*****************************************************************************************/

#freshr-call-to-action {
    background-image: url(http://placehold.it/2000x1400);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 8% 0;
}
.freshr-call-to-action-button {
    text-align: center;
}
.freshr-call-to-action-button ul li {
    display: inline-block;
    margin-left: 20px;
}
.freshr-call-to-action-button ul li a i {
    padding-right: 10px;
    color: #fff;
}
/*****************************************************************************************/
/* 9. Freshr Portfolio CSS */
/*****************************************************************************************/

#freshr-portfolio-section .freshr-main-header-content h2:before {
    content: "\f0c0";
}
.freshr-portfolio-column {
    padding-top: 60px;
}
.freshr-portfolio-main-content p {
    color: #222222;
    font-family: "Dosis", sans-serif;
    font-size: 1.25em;
    letter-spacing: 2px;
    margin: auto;
    text-align: center;
    width: 57%;
}
.freshr-portfolio-effect {
    overflow: hidden;
    padding-top: 50px;
}
.freshr-portfolio-nav {
    padding-bottom: 50px;
    text-align: center;
}
.freshr-portfolio-nav ul li {
    color: #222222;
    cursor: pointer;
    display: inline-block;
    font-family: "Dosis", sans-serif;
    letter-spacing: 2px;
    padding: 4px 14px;
    text-transform: uppercase;
}
.freshr-portfolio-nav ul li.selected {
    color: #fff;
}
.freshr-single-portfolio-item {
    overflow: hidden;
    position: relative;
}
.freshr-single-portfolio-item:hover figure span.freshr-portfolio-overley {
    transition: all 0.5s ease 0s;
    opacity: 1;
}
.freshr-single-portfolio-item figure span.freshr-portfolio-overley {
    background: rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease 0s;
    opacity: 0;
}
.freshr-single-portfolio-item img {
    display: block;
    width: 100%;
}
.freshr-portfolio-items li {
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.freshr-portfolio-items li a,
.freshr-portfolio-items li a img {
    display: block;
}
.freshr-portfolio-items li a {
    overflow: hidden;
    cursor: crosshair;
}
.freshr-portfolio-items li a div.port_div {
    position: absolute;
    background: #fff;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
}
.port_content {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
}
.innter_port_content {
    display: table-cell;
    vertical-align: middle;
}
.freshr-portfolio-items li a div span {
    color: rgba(255, 255, 255, 0.9);
    font-weight: normal;
    padding: 0 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
/*****************************************************************************************/
/* 10. Freshr Blog CSS */
/*****************************************************************************************/

#freshr-blog-section .freshr-main-header-content h2:before {
    content: "\f086";
}
.freshr-blog-post {
    overflow: hidden;
    padding: 60px 0;
}
.freshr-blog-post-list {
    overflow: hidden;
}
.freshr-blog-post-thumbnail {
    height: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.freshr-blog-post-meta {
    background-color: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    top: -66px;
    z-index: 3;
    transition: top 0.4s ease-in-out 0s;
}
.freshr-blog-post-meta p {
    font-weight: 700;
    font-size: 1.438em;
    margin: 0;
}
.freshr-blog-post-meta span {
    display: block;
    font-size: 0.478em;
    font-weight: normal;
    text-transform: uppercase;
}
.freshr-blog-post-data h4 {
    font-size: 1.3em;
    font-family: 'Dosis', sans-serif;
}
.freshr-author {
    margin-bottom: 12px;
}
.freshr-author {
    margin-bottom: 12px;
    margin-top: 5px;
    display: block;
}
.freshr_date_blog_post {
    padding: 10px;
    width: 70px;
}
.freshr_blog_post_format {
    padding: 10px;
    width: 70px;
}
.freshr_blog_post_format i {
    font-size: 1.5em;
}
.freshr-blog-post-meta a {
    color: inherit;
}
.single_blog_hover_span {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
    opacity: 0;
    width: 100%;
    z-index: 2;
}
.freshr-blog-post-list:hover .freshr-blog-post-meta {
    top: 0;
}
.freshr-blog-post-list:hover .single_blog_hover_span {
    opacity: 1;
}
.view_more_details_btn {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}
/*****************************************************************************************/
/* 11. Freshr Services CSS */
/*****************************************************************************************/

#freshr-services-section .freshr-main-header-content h2:before {
    content: "\f1b2";
}
.freshr-services-promo {
    overflow: hidden;
    padding: 100px 0;
}
.freshr-single-service-promo {
    overflow: hidden;
    padding-bottom: 50px;
}
.freshr-service-left {
    display: inline-block;
    float: left;
    overflow: hidden;
}
.freshr-service-left i {
    font-size: 3em;
}
.freshr-service-right {
    overflow: hidden;
    padding-left: 7%;
}
.freshr-service-right h3 {
    font-size: 1.5em;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
  12. freshr interest in section - services
--------------------------------------------------------------*/

.freshr-interest-in-container {
    margin: auto;
    text-align: center;
    width: 60%;
}
.single-freshr-interest-in i {
    font-size: 2.5em;
    line-height: 1;
}
.single-freshr-interest-in {
    background-color: transparent;
    margin: 0 6px;
    padding: 19px 0;
    cursor: w-resize;
}
.single-freshr-interest-in:hover {
    background-color: #666;
    color: #fff;
    margin: 0 6px;
    padding: 19px 0;
}
/*--------------------------------------------------------------
  13. freshr award win section - services
--------------------------------------------------------------*/

.freshr-featured-services-container {
    text-align: center;
}
.single-freshr-featured-service {
    text-align: left;
}
.single-award-column h2 {
    font-size: 1em;
    letter-spacing: 3px;
    font-weight: 700;
    color: inherit;
}
.textRight {
    text-align: right;
}
.single-award-column {
    position: relative;
    padding: 20px 50px;
}
.textRight .single-award-column {
    padding-left: 0
}
.textLeft .single-award-column {
    padding-right: 0;
    text-align: left;
}
.single-award-column::before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 52px;
    width: 50px;
}
.single-award-column::after {
    content: "\f091";
    display: block;
    height: 10px;
    position: absolute;
    top: 42px;
    width: 10px;
    color: #CCCCCC;
    font-family: 'fontawesome';
    background-color: #FFFFFF;
}
.textRight .single-award-column::before {
    background: linear-gradient(to right, #ffffff 0%, #dce0e2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: -10px;
}
.textLeft .single-award-column::before {
    background: linear-gradient(to right, #dce0e2 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: -10px;
}
.textRight .single-award-column::after {
    right: -20px;
}
.textLeft .single-award-column::after {
    left: -20px;
}
.freshr-award-win .freshr-resume-header-title h3::before {
    content: "\f091";
}
/*--------------------------------------------------------------
  14. freshr timeline counter section - services
--------------------------------------------------------------*/

.freshr-timeline-counter {
    margin-top: 100px;
}
.single-freshr-counter {
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}
.single-freshr-counter h2 {
    color: #333333;
    font-size: 5em;
    margin-bottom: 0;
    margin-top: 70px;
}
.single-freshr-counter p {
    color: #222;
    font-size: 1.3em;
    font-weight: 400;
    margin-top: 5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.single-freshr-counter::before {
    color: #cccccc;
    content: "\f007";
    font-family: 'fontawesome';
    font-size: 8em;
    left: 0;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 100%;
}
.single-freshr-counter.days-counter::before {
    content: "\f018";
}
.single-freshr-counter.clients-counter::before {
    content: "\f007";
}
.single-freshr-counter.projects-counter::before {
    content: "\f046";
}
.single-freshr-counter.awards-counter::before {
    content: "\f091";
}
.clients-counter,
.awards-counter {
    background-color: #f3f3f3;
}
/*--------------------------------------------------------------
  15. freshr download button section - services
--------------------------------------------------------------*/

.freshr-hireme-download-button {
    background-attachment: fixed;
    background-image: url("images/5.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.freshr-hire-download-btn-section {
    width: 100%;
    padding: 100px 0;
    overflow: hidden;
}
.freshr-hire-download-btn-section h2 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 700;
    letter-spacing: 3.5px;
    margin-bottom: 12px;
}
.freshr-hire-download-btn-section p {
    font-size: 1.1em;
    letter-spacing: 2px;
    line-height: 1.5;
}
.freshr-contact-form-area .freshr-button {
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
}
.freshr-hire-download-btn::before {
    content: "\f1d8";
    font-family: 'fontawesome';
    font-size: 6em;
    left: -130px;
    margin-top: -70px;
    position: absolute;
    top: 50%;
}
/*--------------------------------------------------------------
  16. freshr testimonial section - testimonial
--------------------------------------------------------------*/

#freshr-testimonial-section {
    background-attachment: fixed;
    background-image: url("images/6.jpg");
    background-position: center center;
    background-repeat: repeat;
    background-size: auto auto;
    color: #ffffff;
    padding: 70px 0;
    text-align: center;
}
.freshr-testimonials-wrapper {
    position: relative;
    width: 90%;
    max-width: 768px;
    background-color: #39393c;
    margin: 2em auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 20px 40px 70px;
    z-index: 1;
}
.freshr-testimonials-wrapper::after {
    /* quotation mark */
    
    content: '\201C';
    position: absolute;
    top: 10px;
    left: 0;
    width: 50px;
    height: 50px;
    padding-top: 0px;
    margin-left: -25px;
    background: rgba(32, 32, 34, 0.9);
    font-family: "Georgia", serif;
    color: white;
    font-size: 70px;
    font-size: 3.375rem;
    text-align: center;
    /* visible on big devices only */
    
    display: none;
}
@media only screen and (min-width: 768px) {
    .freshr-testimonials-wrapper {
        margin: 4em auto;
        padding: 64px 50px 114px;
    }
}
@media only screen and (min-width: 1170px) {
    .freshr-testimonials-wrapper::after {
        /* quotation mark visible */
        
        display: block;
    }
}
.freshr-testimonials {
    color: white;
    text-align: center;
}
.freshr-testimonials:after {
    content: "";
    display: table;
    clear: both;
}
.freshr-testimonials > li {
    position: absolute;
    opacity: 0;
}
.freshr-testimonials > li:first-child {
    position: relative;
    opacity: 1;
}
.freshr-testimonials p {
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 1em;
    padding: 0 14px;
}
@media only screen and (min-width: 768px) {
    .freshr-testimonials p {
        font-size: 22px;
        font-size: 1.15em;
    }
}
@media only screen and (min-width: 1170px) {
    .freshr-testimonials p {
        font-size: 26px;
        font-size: 1.25em;
        line-height: 1.5;
    }
}
.freshr-author img,
.freshr-author .freshr-author-info {
    display: inline-block;
    vertical-align: middle;
}
.freshr-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.freshr-author .freshr-author-info {
    text-align: left;
    line-height: 1.2;
}
.freshr-author .freshr-author-info li:first-child {
    font-size: 14px;
    font-size: 0.875rem;
}
.freshr-author .freshr-author-info li:last-child {
    font-size: 12px;
    font-size: 0.75rem;
    color: #6b6b70;
}
@media only screen and (min-width: 768px) {
    .freshr-author img {
        width: 50px;
        height: 50px;
    }
    .freshr-author .freshr-author-info {
        line-height: 1.4;
    }
    .freshr-author .freshr-author-info li:first-child {
        font-size: 16px;
        font-size: 1rem;
    }
    .freshr-author .freshr-author-info li:last-child {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
.flex-direction-nav li {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
}
.flex-direction-nav li:first-child {
    left: 0;
}
.flex-direction-nav li:last-child {
    right: 0;
}
.flex-direction-nav li a {
    display: block;
    height: 100%;
    width: 100%;
    /* image replacement */
    
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.flex-direction-nav li a:hover {
    background-color: #323234;
}
.flex-direction-nav li a::before,
.flex-direction-nav li a::after {
    /* left and right arrows in css only */
    
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 13px;
    background-color: white;
}
.flex-direction-nav li a::before {
    -webkit-transform: translateY(-35px) rotate(45deg);
    -moz-transform: translateY(-35px) rotate(45deg);
    -ms-transform: translateY(-35px) rotate(45deg);
    -o-transform: translateY(-35px) rotate(45deg);
    transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
    -webkit-transform: translateY(-27px) rotate(-45deg);
    -moz-transform: translateY(-27px) rotate(-45deg);
    -ms-transform: translateY(-27px) rotate(-45deg);
    -o-transform: translateY(-27px) rotate(-45deg);
    transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
    -webkit-transform: translateY(-35px) rotate(-45deg);
    -moz-transform: translateY(-35px) rotate(-45deg);
    -ms-transform: translateY(-35px) rotate(-45deg);
    -o-transform: translateY(-35px) rotate(-45deg);
    transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
    -webkit-transform: translateY(-27px) rotate(45deg);
    -moz-transform: translateY(-27px) rotate(45deg);
    -ms-transform: translateY(-27px) rotate(45deg);
    -o-transform: translateY(-27px) rotate(45deg);
    transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
    .flex-direction-nav li {
        width: 50px;
    }
}
@media only screen and (min-width: 1170px) {
    .flex-direction-nav li a::before,
    .flex-direction-nav li a::after {
        background-color: #5e5e63;
        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }
    .flex-direction-nav li a:hover::before,
    .flex-direction-nav li a:hover::after {
        background-color: white;
    }
}
.freshr-see-all {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #252527;
    text-align: center;
    text-transform: uppercase;
    color: #6b6b70;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    -webkit-transition: color, 0.2s;
    -moz-transition: color, 0.2s;
    transition: color, 0.2s;
}
.freshr-testimonials-all {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.freshr-testimonials-all .freshr-testimonials-all-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.freshr-testimonials-all .freshr-testimonials-all-wrapper > ul {
    width: 90%;
    max-width: 1170px;
    margin: 4em auto;
}
.freshr-testimonials-all .freshr-testimonials-all-wrapper > ul:after {
    content: "";
    display: table;
    clear: both;
}
.freshr-testimonials-all .freshr-testimonials-item {
    margin-bottom: 2em;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    
    -webkit-transform: translate3d(0, 0, 0) scale(0.4);
    -moz-transform: translate3d(0, 0, 0) scale(0.4);
    -ms-transform: translate3d(0, 0, 0) scale(0.4);
    -o-transform: translate3d(0, 0, 0) scale(0.4);
    transform: translate3d(0, 0, 0) scale(0.4);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
}
.freshr-testimonials-all p {
    position: relative;
    color: white;
    padding: 2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.4;
    border-radius: 0.25em;
    margin-bottom: 1em;
}
.freshr-testimonials-all p::after {
    /* creating the triangle in css */
    
    content: '';
    position: absolute;
    top: 100%;
    left: 2em;
    height: 0;
    width: 0;
    border: 8px solid transparent;
}
.freshr-testimonials-all .freshr-author {
    text-align: left;
    margin-left: 1.5em;
}
.freshr-testimonials-all .freshr-author img {
    box-shadow: 0 0 0 transparent;
}
.freshr-testimonials-all.is-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.freshr-testimonials-all.is-visible .freshr-testimonials-item {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
    .freshr-testimonials-all .freshr-testimonials-item {
        width: 46%;
        margin: 0 2% 3em;
    }
    .freshr-testimonials-all .freshr-author {
        margin-left: 1em;
    }
}
@media only screen and (min-width: 1170px) {
    .freshr-testimonials-all .freshr-testimonials-item {
        width: 30%;
        margin: 0 1.6666% 3em;
    }
}
.close-btn {
    position: fixed;
    display: block;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 5%;
    /* image replacement */
    
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.close-btn::before,
.close-btn::after {
    /* close icon in css */
    
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 24px;
    top: 8px;
    left: 19px;
    background-color: #39393c;
}
.close-btn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-btn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*--------------------------------------------------------------
  17. freshr contact section - contact
--------------------------------------------------------------*/

#freshr-contact-section .freshr-main-header-content h2:before {
    content: "\f1d8";
}
.single_contact_column input {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.single_contact_column textarea {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    height: 100px;
}
.single-contact-column h2 {
    color: #333;
    font-family: inherit;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1;
    margin-bottom: 2px;
}
.single-contact-column p,
.single-contact-column a {
    color: #333;
}
.freshr-contact-main-column {
    padding-bottom: 25px;
    padding-top: 60px;
}
.freshr-contact-info-area {
    margin-top: 60px;
}
.single-contact-column {
    margin-bottom: 37px;
    margin-top: 27px;
    min-height: 80px;
    position: relative;
    width: 100%;
}
.single-contact-column::before {
    content: "\f041";
    color: #ccc;
    font-family: "fontawesome";
    font-size: 3em;
    position: absolute;
    top: -50px;
}
.single-contact-column.address_street_info::before {
    content: "\f041";
}
.single-contact-column.phone_number_info::before {
    content: "\f095";
}
.single-contact-column.web_address_info::before {
    content: "\f0c1";
}
/*--------------------------------------------------------------
  18. freshr google map section - contact
--------------------------------------------------------------*/

#freshr-google-map-area img {
    max-width: inherit;
}
#map_canvas {
    width: 100%;
    height: 350px;
}
/*--------------------------------------------------------------
  19. freshr footer section - footer
--------------------------------------------------------------*/

footer#freshr-footer-section {
    background-color: #323232;
    border-bottom: 8px solid #4c4c4c;
    color: #fff;
    text-align: center;
    position: relative;
    margin-top: -28px;
    z-index: 1;
}
.freshr-footer-content > span {
    background-color: #4C4C4C;
    text-transform: uppercase;
    line-height: 1;
    padding: 12px 16px;
    display: inline-block;
    letter-spacing: 2px;
}
.freshr-social-bar {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 30px 0;
}
.freshr-social-bar li {
    display: inline-block;
}
.freshr-social-bar li a {
    background-color: #282828;
    color: #fff;
    display: block;
    font-size: 1em;
    line-height: 1;
    margin: 0 6px;
    padding: 10px 0;
    width: 40px;
}
.freshr-social-bar li a {
    position: relative;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.freshr-social-bar li a::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: inherit;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}
.freshr-social-bar li a:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.freshr-social-bar li a:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.freshr-footer-content > p {
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 42px;
    display: block;
    font-size: .8em;
}
.freshr-social-bar li a.freshr-linkedin-social-link:hover {
    background-color: #0177B5;
}
.freshr-social-bar li a.freshr-twitter-social-link:hover {
    background-color: #5EA9DD;
}
.freshr-social-bar li a.freshr-facebook-social-link:hover {
    background-color: #3B5998;
}
.freshr-social-bar li a.freshr-dribbble-social-link:hover {
    background-color: #EA4C89;
}
.freshr-social-bar li a.freshr-google-plus-social-link:hover {
    background-color: #DD4B39;
}
.up_to_bar {
    background-color: #4c4c4c;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1;
    margin-top: 34px;
    padding: 7px 16px;
}
.up_to_bar:hover {
    background-color: #fff;
}
/*--------------------------------------------------------------
  20. freshr blog welcome banner - BLOG PAGE
--------------------------------------------------------------*/

.freshr-blog-welcome-banner {
    background-image: url('http://placehold.it/2000x1400');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;
}
.freshr-blog-banner-relative {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#freshr-blog-post-list {
    margin: 50px 0 65px;
    overflow: hidden;
    width: 100%;
}
.freshr_read_more {
    background-color: #4c4c4c;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 9px 13px;
    -webkit-transition: all 0.9s ease-in-out 0;
    -ms-transition: all 0.9s ease-in-out 0;
    -moz-transition: all 0.9s ease-in-out 0;
    -o-transition: all 0.9s ease-in-out 0;
    transition: all 0.9s ease-in-out 0;
}
.freshr_read_more i {
    line-height: 1;
    margin-left: 5px;
}
.freshr_read_more:hover,
.freshr_read_more:focus,
.freshr_read_more:active {
    background-color: #282828;
    color: #fff;
}
.freshr-blog-banner-content {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0
}
.freshr-blog-banner-content-list {
    display: table-cell;
    vertical-align: middle;
}
.freshr-blog-banner-content-list h1 {
    color: #fff;
    font-family: inherit;
    font-size: 3.556em;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}
.freshr-blog-page-single-post-column {
    padding: 50px 0;
    position: relative;
}
.freshr-blog-page-single-post-column::after {
    background-color: #777;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -90px;
    position: absolute;
    width: 180px;
}
#freshr-blog-post-list .freshr-blog-post-thumbnail {
    height: inherit;
}
.freshr-blog-head-area h4 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}
#freshr-blog-post-list .freshr-author {
    font-size: 12px;
}
.freshr-blog-link-post-format {
    color: #fff;
    height: 240px;
    position: relative;
    text-align: center;
}
.freshr-blog-link-post-format figure i {
    color: #fff;
    display: block;
    font-size: 2.5em;
}
.freshr-blog-link-post-format figure a {
    color: #fff;
    display: block;
    font-size: 2em;
    line-height: 1;
    margin: 8px 0 0;
}
.freshr-blog-link-post-format > figure {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
    width: 100%;
}
.freshr-blog-link-post-format .freshr-blog-post-meta a {
    color: #777;
}
.freshr-blog-quote-post-format blockquote {
    border: 0 solid;
    font-size: inherit;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
.freshr-blog-quote-post-format {
    background-color: #323232;
    padding: 50px 10%;
    text-align: center;
}
.freshr-blog-quote-post-format blockquote i {
    display: block;
    font-size: 2em;
    line-height: 1;
    margin-top: 25px;
}
.freshr-blog-quote-post-format blockquote span {
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 10px;
    text-transform: capitalize;
}
.freshr-blog-slider-post-format {
    position: relative;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-buttons div {
    background: none repeat scroll 0 0 transparent;
    color: transparent;
    font-size: 1em;
    height: 60px;
    margin: -30px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 40px;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-buttons div.owl-next::before {
    content: "\f105";
    color: #ffffff;
    font-family: "fontawesome";
    font-size: 4em;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-buttons div.owl-prev::before {
    content: "\f104";
    color: #ffffff;
    font-family: "fontawesome";
    font-size: 4em;
    line-height: 1;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #777;
}
.freshr-blog-slider-post-format .owl-theme .owl-controls .owl-page.active span,
.freshr-blog-slider-post-format .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #777;
}
.lightbox-intigrate a,
.lightbox-intigrate a > img {
    cursor: -webkit-zoom-in !important;
    cursor: -moz-zoom-in !important;
    cursor: -o-zoom-in !important;
    cursor: zoom-in !important;
}
.freshr-blog-post-list .freshr-author > a {
    text-transform: capitalize;
}
.freshr-blog-pagination {
    overflow: hidden;
    width: 100%;
}
.pagination_section {
    margin-bottom: 20px;
    margin-top: 50px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.pagination > li {
    display: inline;
    text-align: center;
}
.freshr-blog-pagination .pagination li:first-child {
    position: relative;
    float: left;
}
.freshr-blog-pagination .pagination li:last-child {
    position: relative;
    float: right;
}
.freshr-blog-pagination .pagination li:first-child a {
    padding-left: 18px;
}
.freshr-blog-pagination .pagination li:last-child a {
    padding-right: 18px;
}
.freshr-blog-pagination .pagination li:first-child:before {
    content: "\f100";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    color: #777;
    z-index: 999;
    top: 50%;
    width: auto;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
    font-size: 14px;
}
.freshr-blog-pagination .pagination li:last-child:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    color: #777;
    z-index: 999;
    top: 50%;
    width: auto;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
    font-size: 14px;
}
.freshr-blog-pagination .pagination a,
.freshr-blog-pagination .pagination a:hover {
    color: #777;
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
}
/*--------------------------------------------------------------
  21. freshr single blog - SINGLE PAGE
--------------------------------------------------------------*/

.fresr_single_blog_post h1,
.fresr_single_blog_post h2,
.fresr_single_blog_post h3,
.fresr_single_blog_post h4,
.fresr_single_blog_post h5,
.fresr_single_blog_post h6,
.fresr_single_blog_post li,
.fresr_single_blog_post {
    font-family: inherit;
    text-transform: none;
}
.fresr_single_blog_post h2 {
    font-size: 1.5em;
}
.fresr_single_blog_post h3 {
    margin: 1em 0;
}
.fresr_single_blog_post h3 {
    margin: 1.33em 0;
}
.single_blog_post {
    border-bottom: 1px solid rgba(218, 225, 229, 1);
    margin-bottom: 40px;
    margin-top: 30px;
    padding-bottom: 22px;
}
.post_head {
    margin-bottom: 22px;
}
.post_head h2 {
    font-family: 'Dosis', sans-serif;
    line-height: 1.2em;
}
.post_head h2 a {
    color: #444444;
    font-size: 1.5em;
    font-weight: 800;
}
.post_head p {
    font-family: 'Open Sans', sans-serif;
}
.post_content img {
    border: medium none;
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
.post_head h2 a:hover {
    color: #1c9cdb;
}
.post_content a.continue {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.post_meta {
    font-family: 'Dosis', sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    margin-top: 26px;
}
.post_date {
    border-top: 1px solid #dae1e5;
    display: inline-block;
    padding: 4px 15px;
}
.post_date p {
    display: inline-block;
}
.post_date a {
    display: inline-block;
}
.post_comment {
    border-top: 1px solid #2EB267;
    display: inline-block;
    padding: 4px 15px;
}
.freshr-single-blog-page-full-post-column {
    padding: 15px 0 30px;
}
.single-comment-column ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.freshr-commets-wrap ul li {
    border-bottom: 1px solid #f2f2f2;
    display: table;
    list-style: outside none none;
    margin-bottom: 25px;
    padding-bottom: 25px;
    width: 100%;
}
.comment-avatar {
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    float: left;
    height: 80px;
    padding: 8px;
    width: 80px;
}
.comment-info {
    margin-left: 97px;
}
.child-comment {
    float: right;
    width: 85% !important;
}
.child-child-comment {
    float: right;
    width: 70% !important;
}
.comment-info h6 {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.comment-info h6 span {
    color: #b8b8b8;
    font-size: 11px;
    font-weight: 400;
    padding-left: 5px;
}
.comment-info p {
    color: #868686;
    font-size: 13px;
    margin: 0 0 4px;
}
.reply {
    background: none repeat scroll 0 0 #444;
    border-radius: 4px;
    color: #FFF;
    display: table;
    font-size: 11px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    width: 42px;
}
.reply:hover {
    color: #FFF;
}
.input_freshr {
    border: 1px solid #ededed;
    font-size: 0.9em;
    margin: 7px 0;
    padding: 10px;
    text-transform: capitalize;
    width: 100%;
}
.textarea_freshr {
    border: 1px solid #ededed;
    float: none;
    height: 150px;
    padding: 6px 10px;
    width: 99%;
}
.input_submit {
    background-color: #333;
    border: 0 solid;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    margin-top: 15px;
    padding: 9px 15px;
    text-transform: uppercase;
}
.input_submit:hover {
    background-color: #000;
}
.input_freshr:first-child {
    margin-top: 0;
}
.title-colum {
    font-size: 1.5em;
}
.single-freshr-column.single-post-comment {
    padding: 40px 0;
}
/*--------------------------------------------------------------
  22. freshr error page css
--------------------------------------------------------------*/

.freshr-error-page-main-content {
    padding: 50px 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-image: url('http://placehold.it/2000x1400');
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}
.freshr-error-content h2 {
    font-family: inherit;
    font-size: 8em;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.freshr-error-title {
    width: 60%;
    overflow: hidden;
    position: relative;
    margin: auto;
}
.freshr-error-content h2 span {
    display: block;
    float: left;
    margin-top: 33px;
    color: #FFFFFF;
}
.freshr-error-content h2 span.fresr-error-zero {
    background-image: url("images/cry.html");
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    -moz-background-size: 100% auto;
    height: 310px;
    margin: 0 10px;
    width: 210px;
}
.freshr-error-content h3 {
    font-family: inherit;
    font-size: 1.1em;
    line-height: 1.5;
    color: #FFFFFF;
    text-transform: uppercase;
}
.freshr-error-options {
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 170px;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
}
.freshr-error-subtitle {
    bottom: 40px;
    left: 311px;
    position: absolute;
}
.freshr-error-options ul li {
    display: inline-block;
    margin: 0 7px;
}
.freshr-error-options ul li a {
    background-color: #2eb267;
    color: #fff;
    display: block;
    font-weight: 700;
    line-height: 1;
    padding: 18px 0;
    text-transform: uppercase;
    width: 210px;
}
.freshr-error-options ul li a i {
    margin-right: 10px;
}
.freshr-error-options ul li a:hover,
.freshr-error-options ul li a:focus,
.freshr-error-options ul li a:active {
    background-color: #000;
    color: #FFFFFF;
}
/*******contact form with php **********/

#mail_success,
#mail_fail {
    display: none;
}
.freshr-contact-form-main-body,
.contact-alert-message {
    width: 100%;
    overflow: hidden;
}
.single_contact_column {
    position: relative;
}
.single_contact_column::before {
    font-family: 'fontawesome';
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-animation: flash 3s ease 0s backwards;
    -ms-animation: flash 3s ease 0s backwards;
    -moz-animation: flash 3s ease 0s backwards;
    -webkit-animation: flash 3s ease 0s backwards;
    animation: flash 3s ease 0s backwards;
}
.single_contact_column.filed_error input,
.single_contact_column.filed_error textarea {
    border: 1px solid #ff0000;
}
.single_contact_column.filed_error input:focus,
.single_contact_column.filed_error textarea:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6);
    border-color: #ff0000;
}
.single_contact_column.filed_error::before {
    color: #ff0000;
    content: "\f071";
}
.single_contact_column.filed_ok::before {
    color: #2eb267;
    content: "\f058";
}
.contact-alert-message {
    padding: 10px 0 25px;
    text-align: center;
}
#mail_fail i {
    color: #ff0000;
    -o-animation: flash 3s ease 0s backwards;
    -ms-animation: flash 3s ease 0s backwards;
    -moz-animation: flash 3s ease 0s backwards;
    -webkit-animation: flash 3s ease 0s backwards;
    animation: flash 3s ease 0s backwards;
}
#mail_success i {
    color: #2eb267;
    -o-animation: flash 3s ease 0s backwards;
    -ms-animation: flash 3s ease 0s backwards;
    -moz-animation: flash 3s ease 0s backwards;
    -webkit-animation: flash 3s ease 0s backwards;
    animation: flash 3s ease 0s backwards;
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@keyframes mySpin {
    from {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        transition: all .9s ease-in-out 0s;
        -moz-transition: all .9s ease-in-out 0s;
        -webkit-transition: all .9s ease-in-out 0s;
        -o-transition: all .9s ease-in-out 0s;
    }
    to {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .9s ease-in-out 0s;
        -moz-transition: all .9s ease-in-out 0s;
        -webkit-transition: all .9s ease-in-out 0s;
        -o-transition: all .9s ease-in-out 0s;
    }
}
@-webkit-keyframes mySpin {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        transition: all .9s ease-in-out 0s;
        -webkit-transition: all .9s ease-in-out 0s;
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .9s ease-in-out 0s;
        -webkit-transition: all .9s ease-in-out 0s;
    }
}
.mySpin {
    -webkit-animation-name: mySpin;
    -ms-animation-name: mySpin;
    -o-animation-name: mySpin;
    animation-name: mySpin;
}
.single_contact_column_btn i.freshr-submit-spinner {
    margin-left: 10px;
    font-weight: 1.2em;
    color: #000;
    display: none;
    -moz-animation: mySpin 2s ease-in-out 0s infinite;
    -webkit-animation: mySpin 2s ease-in-out 0s infinite;
    -o-animation: mySpin 2s ease-in-out 0s infinite;
    -ms-animation: mySpin 2s ease-in-out 0s infinite;
    animation: mySpin 2s ease-in-out 0s infinite;
}