/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon
.grabbing {
    cursor:move;
}

*/

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}






/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #33373d;
    opacity: 0.9;
    filter: alpha(opacity=90); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
    * Remove all paddings around the image on small screen
    */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure {
        /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }



































/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-print-1:before { content: '\e800'; } /* '' */
.icon-retweet:before { content: '\e801'; } /* '' */
.icon-upload:before { content: '\e802'; } /* '' */
.icon-note:before { content: '\e803'; } /* '' */
.icon-note-beamed:before { content: '\e804'; } /* '' */
.icon-music:before { content: '\e805'; } /* '' */
.icon-search:before { content: '\e806'; } /* '' */
.icon-flashlight:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-heart:before { content: '\e809'; } /* '' */
.icon-heart-empty:before { content: '\e80a'; } /* '' */
.icon-tape:before { content: '\e80b'; } /* '' */
.icon-graduation-cap:before { content: '\e80c'; } /* '' */
.icon-user:before { content: '\e80d'; } /* '' */
.icon-users:before { content: '\e80e'; } /* '' */
.icon-user-add:before { content: '\e80f'; } /* '' */
.icon-video:before { content: '\e810'; } /* '' */
.icon-picture:before { content: '\e811'; } /* '' */
.icon-camera:before { content: '\e812'; } /* '' */
.icon-layout:before { content: '\e813'; } /* '' */
.icon-menu:before { content: '\e814'; } /* '' */
.icon-check:before { content: '\e815'; } /* '' */
.icon-cancel:before { content: '\e816'; } /* '' */
.icon-plus:before { content: '\e817'; } /* '' */
.icon-plus-circled:before { content: '\e818'; } /* '' */
.icon-plus-squared:before { content: '\e819'; } /* '' */
.icon-minus:before { content: '\e81a'; } /* '' */
.icon-minus-circled:before { content: '\e81b'; } /* '' */
.icon-minus-squared:before { content: '\e81c'; } /* '' */
.icon-help:before { content: '\e81d'; } /* '' */
.icon-help-circled:before { content: '\e81e'; } /* '' */
.icon-info:before { content: '\e81f'; } /* '' */
.icon-info-circled:before { content: '\e820'; } /* '' */
.icon-back:before { content: '\e821'; } /* '' */
.icon-home:before { content: '\e822'; } /* '' */
.icon-link:before { content: '\e823'; } /* '' */
.icon-attach:before { content: '\e824'; } /* '' */
.icon-lock:before { content: '\e825'; } /* '' */
.icon-lock-open:before { content: '\e826'; } /* '' */
.icon-eye:before { content: '\e827'; } /* '' */
.icon-tag:before { content: '\e828'; } /* '' */
.icon-flag:before { content: '\e829'; } /* '' */
.icon-thumbs-up:before { content: '\e82a'; } /* '' */
.icon-thumbs-down:before { content: '\e82b'; } /* '' */
.icon-upload-cloud:before { content: '\e82c'; } /* '' */
.icon-reply:before { content: '\e82d'; } /* '' */
.icon-reply-all:before { content: '\e82e'; } /* '' */
.icon-forward:before { content: '\e82f'; } /* '' */
.icon-quote:before { content: '\e830'; } /* '' */
.icon-code:before { content: '\e831'; } /* '' */
.icon-export:before { content: '\e832'; } /* '' */
.icon-pencil:before { content: '\e833'; } /* '' */
.icon-feather:before { content: '\e834'; } /* '' */
.icon-keyboard:before { content: '\e835'; } /* '' */
.icon-comment:before { content: '\e836'; } /* '' */
.icon-attention:before { content: '\e837'; } /* '' */
.icon-alert:before { content: '\e838'; } /* '' */
.icon-vcard:before { content: '\e839'; } /* '' */
.icon-address:before { content: '\e83a'; } /* '' */
.icon-location:before { content: '\e83b'; } /* '' */
.icon-map:before { content: '\e83c'; } /* '' */
.icon-direction:before { content: '\e83d'; } /* '' */
.icon-compass:before { content: '\e83e'; } /* '' */
.icon-cup:before { content: '\e83f'; } /* '' */
.icon-trash:before { content: '\e840'; } /* '' */
.icon-doc:before { content: '\e841'; } /* '' */
.icon-docs:before { content: '\e842'; } /* '' */
.icon-doc-landscape:before { content: '\e843'; } /* '' */
.icon-doc-text:before { content: '\e844'; } /* '' */
.icon-doc-text-inv:before { content: '\e845'; } /* '' */
.icon-newspaper:before { content: '\e846'; } /* '' */
.icon-book-open:before { content: '\e847'; } /* '' */
.icon-book:before { content: '\e848'; } /* '' */
.icon-box:before { content: '\e849'; } /* '' */
.icon-rss:before { content: '\e84a'; } /* '' */
.icon-phone:before { content: '\e84b'; } /* '' */
.icon-cog:before { content: '\e84c'; } /* '' */
.icon-tools:before { content: '\e84d'; } /* '' */
.icon-share:before { content: '\e84e'; } /* '' */
.icon-shareable:before { content: '\e84f'; } /* '' */
.icon-basket:before { content: '\e850'; } /* '' */
.icon-bag:before { content: '\e851'; } /* '' */
.icon-calendar:before { content: '\e852'; } /* '' */
.icon-login:before { content: '\e853'; } /* '' */
.icon-logout:before { content: '\e854'; } /* '' */
.icon-mic:before { content: '\e855'; } /* '' */
.icon-mute:before { content: '\e856'; } /* '' */
.icon-sound:before { content: '\e857'; } /* '' */
.icon-volume:before { content: '\e858'; } /* '' */
.icon-clock:before { content: '\e859'; } /* '' */
.icon-hourglass:before { content: '\e85a'; } /* '' */
.icon-light-up:before { content: '\e85b'; } /* '' */
.icon-adjust:before { content: '\e85c'; } /* '' */
.icon-block:before { content: '\e85d'; } /* '' */
.icon-resize-full:before { content: '\e85e'; } /* '' */
.icon-resize-small:before { content: '\e85f'; } /* '' */
.icon-popup:before { content: '\e860'; } /* '' */
.icon-publish:before { content: '\e861'; } /* '' */
.icon-window:before { content: '\e862'; } /* '' */
.icon-arrow-combo:before { content: '\e863'; } /* '' */
.icon-down-circled:before { content: '\e864'; } /* '' */
.icon-left-circled:before { content: '\e865'; } /* '' */
.icon-right-circled:before { content: '\e866'; } /* '' */
.icon-up-circled:before { content: '\e867'; } /* '' */
.icon-down-open:before { content: '\e868'; } /* '' */
.icon-left-open:before { content: '\e869'; } /* '' */
.icon-right-open:before { content: '\e86a'; } /* '' */
.icon-up-open:before { content: '\e86b'; } /* '' */
.icon-down-open-mini:before { content: '\e86c'; } /* '' */
.icon-up-open-mini:before { content: '\e86d'; } /* '' */
.icon-down-open-big:before { content: '\e86e'; } /* '' */
.icon-left-open-big:before { content: '\e86f'; } /* '' */
.icon-right-open-big:before { content: '\e870'; } /* '' */
.icon-up-open-big:before { content: '\e871'; } /* '' */
.icon-down:before { content: '\e872'; } /* '' */
.icon-left:before { content: '\e873'; } /* '' */
.icon-right:before { content: '\e874'; } /* '' */
.icon-up:before { content: '\e875'; } /* '' */
.icon-down-dir:before { content: '\e876'; } /* '' */
.icon-left-dir:before { content: '\e877'; } /* '' */
.icon-right-dir:before { content: '\e878'; } /* '' */
.icon-up-dir:before { content: '\e879'; } /* '' */
.icon-down-bold:before { content: '\e87a'; } /* '' */
.icon-left-bold:before { content: '\e87b'; } /* '' */
.icon-right-bold:before { content: '\e87c'; } /* '' */
.icon-up-bold:before { content: '\e87d'; } /* '' */
.icon-down-thin:before { content: '\e87e'; } /* '' */
.icon-up-thin:before { content: '\e87f'; } /* '' */
.icon-ccw:before { content: '\e880'; } /* '' */
.icon-cw:before { content: '\e881'; } /* '' */
.icon-arrows-ccw:before { content: '\e882'; } /* '' */
.icon-level-down:before { content: '\e883'; } /* '' */
.icon-level-up:before { content: '\e884'; } /* '' */
.icon-shuffle:before { content: '\e885'; } /* '' */
.icon-loop:before { content: '\e886'; } /* '' */
.icon-switch:before { content: '\e887'; } /* '' */
.icon-play:before { content: '\e888'; } /* '' */
.icon-stop:before { content: '\e889'; } /* '' */
.icon-pause:before { content: '\e88a'; } /* '' */
.icon-record:before { content: '\e88b'; } /* '' */
.icon-to-end:before { content: '\e88c'; } /* '' */
.icon-flow-parallel:before { content: '\e88d'; } /* '' */
.icon-fast-forward:before { content: '\e88e'; } /* '' */
.icon-fast-backward:before { content: '\e88f'; } /* '' */
.icon-progress-0:before { content: '\e890'; } /* '' */
.icon-cancel-circled:before { content: '\e891'; } /* '' */
.icon-cancel-squared:before { content: '\e892'; } /* '' */
.icon-bookmark:before { content: '\e893'; } /* '' */
.icon-bookmarks:before { content: '\e894'; } /* '' */
.icon-chat:before { content: '\e895'; } /* '' */
.icon-bell:before { content: '\e896'; } /* '' */
.icon-folder:before { content: '\e897'; } /* '' */
.icon-archive:before { content: '\e898'; } /* '' */
.icon-lamp:before { content: '\e899'; } /* '' */
.icon-light-down:before { content: '\e89a'; } /* '' */
.icon-left-open-mini:before { content: '\e89b'; } /* '' */
.icon-right-open-mini:before { content: '\e89c'; } /* '' */
.icon-left-thin:before { content: '\e89d'; } /* '' */
.icon-right-thin:before { content: '\e89e'; } /* '' */
.icon-progress-1:before { content: '\e89f'; } /* '' */
.icon-progress-2:before { content: '\e8a0'; } /* '' */
.icon-flash:before { content: '\e8a1'; } /* '' */
.icon-moon:before { content: '\e8a2'; } /* '' */
.icon-progress-3:before { content: '\e8a3'; } /* '' */
.icon-target:before { content: '\e8a4'; } /* '' */
.icon-palette:before { content: '\e8a5'; } /* '' */
.icon-list:before { content: '\e8a6'; } /* '' */
.icon-list-add:before { content: '\e8a7'; } /* '' */
.icon-signal:before { content: '\e8a8'; } /* '' */
.icon-trophy:before { content: '\e8a9'; } /* '' */
.icon-battery:before { content: '\e8aa'; } /* '' */
.icon-back-in-time:before { content: '\e8ab'; } /* '' */
.icon-monitor:before { content: '\e8ac'; } /* '' */
.icon-mobile:before { content: '\e8ad'; } /* '' */
.icon-network:before { content: '\e8ae'; } /* '' */
.icon-cd:before { content: '\e8af'; } /* '' */
.icon-inbox:before { content: '\e8b0'; } /* '' */
.icon-install:before { content: '\e8b1'; } /* '' */
.icon-globe:before { content: '\e8b2'; } /* '' */
.icon-cloud:before { content: '\e8b3'; } /* '' */
.icon-cloud-thunder:before { content: '\e8b4'; } /* '' */
.icon-flight:before { content: '\e8b5'; } /* '' */
.icon-paper-plane:before { content: '\e8b6'; } /* '' */
.icon-leaf:before { content: '\e8b7'; } /* '' */
.icon-lifebuoy:before { content: '\e8b8'; } /* '' */
.icon-mouse:before { content: '\e8b9'; } /* '' */
.icon-briefcase:before { content: '\e8ba'; } /* '' */
.icon-suitcase:before { content: '\e8bb'; } /* '' */
.icon-dot:before { content: '\e8bc'; } /* '' */
.icon-dot-2:before { content: '\e8bd'; } /* '' */
.icon-dot-3:before { content: '\e8be'; } /* '' */
.icon-brush:before { content: '\e8bf'; } /* '' */
.icon-magnet:before { content: '\e8c0'; } /* '' */
.icon-infinity:before { content: '\e8c1'; } /* '' */
.icon-erase:before { content: '\e8c2'; } /* '' */
.icon-chart-pie:before { content: '\e8c3'; } /* '' */
.icon-chart-line:before { content: '\e8c4'; } /* '' */
.icon-chart-bar:before { content: '\e8c5'; } /* '' */
.icon-chart-area:before { content: '\e8c6'; } /* '' */
.icon-language:before { content: '\e8c7'; } /* '' */
.icon-ticket:before { content: '\e8c8'; } /* '' */
.icon-water:before { content: '\e8c9'; } /* '' */
.icon-droplet:before { content: '\e8ca'; } /* '' */
.icon-air:before { content: '\e8cb'; } /* '' */
.icon-credit-card:before { content: '\e8cc'; } /* '' */
.icon-floppy:before { content: '\e8cd'; } /* '' */
.icon-clipboard:before { content: '\e8ce'; } /* '' */
.icon-megaphone:before { content: '\e8cf'; } /* '' */
.icon-database:before { content: '\e8d0'; } /* '' */
.icon-drive:before { content: '\e8d1'; } /* '' */
.icon-bucket:before { content: '\e8d2'; } /* '' */
.icon-thermometer:before { content: '\e8d3'; } /* '' */
.icon-key:before { content: '\e8d4'; } /* '' */
.icon-flow-cascade:before { content: '\e8d5'; } /* '' */
.icon-flow-branch:before { content: '\e8d6'; } /* '' */
.icon-flow-tree:before { content: '\e8d7'; } /* '' */
.icon-flow-line:before { content: '\e8d8'; } /* '' */
.icon-gauge:before { content: '\e8d9'; } /* '' */
.icon-traffic-cone:before { content: '\e8da'; } /* '' */
.icon-cc:before { content: '\e8db'; } /* '' */
.icon-cc-by:before { content: '\e8dc'; } /* '' */
.icon-cc-nc:before { content: '\e8dd'; } /* '' */
.icon-cc-nc-eu:before { content: '\e8de'; } /* '' */
.icon-cc-nc-jp:before { content: '\e8df'; } /* '' */
.icon-cc-sa:before { content: '\e8e0'; } /* '' */
.icon-cc-nd:before { content: '\e8e1'; } /* '' */
.icon-cc-pd:before { content: '\e8e2'; } /* '' */
.icon-cc-zero:before { content: '\e8e3'; } /* '' */
.icon-cc-share:before { content: '\e8e4'; } /* '' */
.icon-cc-remix:before { content: '\e8e5'; } /* '' */
.icon-github:before { content: '\e8e6'; } /* '' */
.icon-github-circled:before { content: '\e8e7'; } /* '' */
.icon-flickr:before { content: '\e8e8'; } /* '' */
.icon-flickr-circled:before { content: '\e8e9'; } /* '' */
.icon-vimeo:before { content: '\e8ea'; } /* '' */
.icon-twitter-circled:before { content: '\e8eb'; } /* '' */
.icon-facebook:before { content: '\e8ec'; } /* '' */
.icon-facebook-circled:before { content: '\e8ed'; } /* '' */
.icon-facebook-squared:before { content: '\e8ee'; } /* '' */
.icon-gplus:before { content: '\e8ef'; } /* '' */
.icon-gplus-circled:before { content: '\e8f0'; } /* '' */
.icon-pinterest:before { content: '\e8f1'; } /* '' */
.icon-pinterest-circled:before { content: '\e8f2'; } /* '' */
.icon-tumblr:before { content: '\e8f3'; } /* '' */
.icon-tumblr-circled:before { content: '\e8f4'; } /* '' */
.icon-linkedin:before { content: '\e8f5'; } /* '' */
.icon-linkedin-circled:before { content: '\e8f6'; } /* '' */
.icon-dribbble:before { content: '\e8f7'; } /* '' */
.icon-dribbble-circled:before { content: '\e8f8'; } /* '' */
.icon-stumbleupon:before { content: '\e8f9'; } /* '' */
.icon-stumbleupon-circled:before { content: '\e8fa'; } /* '' */
.icon-lastfm:before { content: '\e8fb'; } /* '' */
.icon-lastfm-circled:before { content: '\e8fc'; } /* '' */
.icon-spotify:before { content: '\e8fd'; } /* '' */
.icon-spotify-circled:before { content: '\e8fe'; } /* '' */
.icon-qq:before { content: '\e8ff'; } /* '' */
.icon-instagram:before { content: '\e900'; } /* '' */
.icon-dropbox:before { content: '\e901'; } /* '' */
.icon-evernote:before { content: '\e902'; } /* '' */
.icon-flattr:before { content: '\e903'; } /* '' */
.icon-skype:before { content: '\e904'; } /* '' */
.icon-skype-circled:before { content: '\e905'; } /* '' */
.icon-renren:before { content: '\e906'; } /* '' */
.icon-sina-weibo:before { content: '\e907'; } /* '' */
.icon-paypal:before { content: '\e908'; } /* '' */
.icon-picasa:before { content: '\e909'; } /* '' */
.icon-soundcloud:before { content: '\e90a'; } /* '' */
.icon-mixi:before { content: '\e90b'; } /* '' */
.icon-behance:before { content: '\e90c'; } /* '' */
.icon-google-circles:before { content: '\e90d'; } /* '' */
.icon-vkontakte:before { content: '\e90e'; } /* '' */
.icon-db-shape:before { content: '\e90f'; } /* '' */
.icon-logo-db:before { content: '\e910'; } /* '' */
.icon-download:before { content: '\e911'; } /* '' */
.icon-rocket:before { content: '\e912'; } /* '' */
.icon-vimeo-circled:before { content: '\e913'; } /* '' */
.icon-twitter:before { content: '\e914'; } /* '' */
.icon-rdio:before { content: '\e915'; } /* '' */
.icon-rdio-circled:before { content: '\e916'; } /* '' */
.icon-smashing:before { content: '\e917'; } /* '' */
.icon-sweden:before { content: '\e918'; } /* '' */
.icon-star:before { content: '\e91a'; } /* '' */
.icon-star-empty:before { content: '\e91c'; } /* '' */



/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Typography
	#Links
	#Browser Fix
	#Misc


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing :border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}


* { margin:0; padding:0; }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }

ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }
table {
    border-collapse: collapse;
    border-spacing: 0; }


a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}




img {
    display: inline-block;
    vertical-align: middle;
}

img {
    height: auto;
    max-width: 100%;
}


#map img { max-width: none; }

*::-moz-selection {
    background: #292c31;
    color: #ffffff;
}

a:focus {
    outline: 0;
}

iframe{width:100%;frameborder:0;display:inline-block;}



/* #Basic Styles
================================================== */
body {
    background: #efefef;
    font: 14px/22px "open_sans",Arial,sans-serif;
    color: #999999;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    margin:0;




}


/* #Typography and #Common style
================================================== */
h1, h2, h3, h4, h5, h6 {color: #333333;font-weight: normal;text-transform:uppercase;margin-bottom:10px;}
em { font-style: italic; }
strong {color: #333333; }
small { font-size: 80%; }



p{
    line-height:22px;
}


.main-title{
    border-bottom:1px solid #efefef;
    padding:30px 10px 2px 40px;
    position:relative;
}


.main-title h1{
    margin-bottom:10px;
}



.zigzag {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 3.7;

}



.zigzag.large, .zigzag.medium {
    background:#ffffff;
}


.zigzag.large{
    padding: 0 10px;
}


.button .zigzag.large{
    position:absolute;
    left: 50%;
    margin-left: -28px;
}


.zigzag.medium{
    width:6%;
    margin:0 auto;
}





.main-title .divider{
    left: 30px;
    position: absolute;
    top: 50px;

}

.main-title .divider img{
    width:30%;
    background:#ffffff;
    padding:0 12px;
}


.main-title h1{
    font-size:15px;
}


.divider-m{
    position:relative;
}


.divider-m:before{
    background: #efefef;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    top: 13px;
    width: 120px;
}



.divider-m  .zigzag.medium, .divider .zigzag.large{
    stroke: #558e6a;
    stroke-width: 4.3;
}

.divider-m .zigzag.medium svg, .divider .zigzag.large svg{


}






.button{
    position:relative;
}


.button:before{
    background: #efefef;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%

}


.button .divider{
    left: 0;
    width: 100%;
    position: absolute;
    top: -13px;
    text-align:center;
}


.button .divider img{
    width:30%;
    background:#ffffff;
    padding:0 12px;
}



.but{
    padding: 8px 25px;
    color:#ffffff;
    text-transform:uppercase;
    font-size:12px;
    display:inline-block;
}



.but.brd{
    color:#33373d;
    border:2px solid #33373d;
    padding:5px 25px;
    text-transform:none;
    font-size:13px;
}

.but.brd:hover{
    color:#ffffff;
    background:#33373d;
}


.but.ico{
    padding: 8px 25px 8px 45px;

}

.but.opc-1{
    background:#33373d;
}

.but.opc-2{
    background:#558e6a;
}

.but.opc-3{
    background:#558e6a;
}





.but.opc-1.ico, .but.opc-2.ico, .but.opc-3.ico {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}


.but.opc-1.ico:before, .but.opc-1.ico:after, .but.opc-2.ico:before, .but.opc-2.ico:after,
.but.opc-3.ico:before, .but.opc-3.ico:after {
    position: absolute;
    left: 15px;
    padding: 0 1px;
    font-family: 'fontello';
    font-size:15px;
}


.but.opc-1.ico:before, .but.opc-1.ico:after {
    content: '\e864';
}

.but.opc-2.ico:before,  .but.opc-2.ico:after {
    content: '\e800';
}


.but.opc-3.ico:before,  .but.opc-3.ico:after {
    content: '\e866';
}


.but.opc-1.ico:after , .but.opc-2.ico:after, .but.opc-3.ico:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.but.opc-1.ico:hover:after,  .but.opc-1.ico:focus:after, .but.opc-1.ico:active:after, .but.opc-2.ico:hover:after,  .but.opc-2.ico:focus:after, .but.opc-2.ico:active:after,
.but.opc-3.ico:hover:after,  .but.opc-3.ico:focus:after, .but.opc-3.ico:active:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}



@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}





.main-nav ul li a, .info ul.info-list li .inf, .exp .hgroup h4, .block.service .det h3, .block-quote .block-profile, .block-quote .block-profile span, .item a .desc h3, .address-info p, .search-form input[type="text"], .author a, .but  {
    font-family: 'open_sansbold',Arial,sans-serif;
}



.about .profile h1, .main-title h1{
    font-family: 'open_sansextrabold',Arial,sans-serif;
}



.contact-info li , .skills-list h4, .skill .title, .filter li, .comments .reply-btn a,strong, .skill .title
{
    font-family: 'open_sanssemibold',Arial,sans-serif;

}


.exp .hgroup h6{
    font-family: 'open_sansitalic',Arial,sans-serif;
}


.about .profile h3, .block-single h1.large-title, .post-title h1, .post-title a, span.meta-date{
    font-family: 'open_sanslight',Arial,sans-serif;
}


.block-quote blockquote, .item a .desc h3 span {
    font-family: 'open_sanslight_italic',Arial,sans-serif;
}







.social li a, .timeline:after, .exp:after, .spinner, .spinner:after, .address-info .ico-back, .contact-info li .ico, .contact-info li .ico-back, .spinner, .block-quote .block-img img, .block-quote .block-icon,  .block-nav-work li a, .address-info i  {
    border-radius: 100%;
    -moz-border-radius:100%;
    -webkit-border-radius :100%;
    -ms-border-radius:100%;
    -o-border-radius: 100%;

}




/* #Links
================================================== */

a, input[type="text"],  textarea, nav.main-nav ul, .lines:before, .contact-form .submit, .reply-form .submit, .item a .desc,
.owl-page span {

    transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;


}



/* #Browser Fix
================================================== */



.social li a, .timeline:after, .exp:after, .spinner, .spinner:after, .address-info .ico-back, .contact-info li .ico, .contact-info li .ico-back, .spinner, .block-quote .block-img img, .block-quote .block-icon,  .block-nav-work li a, .address-info i, .contact-form form input[type="submit"], form, .comments .author-img, .pagination, .get-cv h3, .dt-ico, .tag, .author, .content-title, .contact-form input[type="text"], .contact-form textarea, .reply-form input[type="text"], .reply-form textarea, .map-btn a,  .testi img,  .title-icon, .dt-ico span.ico, .comments .author-img img, .testi p, .serv-ico .icon, .interest, .column, .top a, .experience .experience-single .date, .info-list h4, .info-list h4:before, .testi-profile img, .testi-profile, .experience .experience-single .exp-icon, .exp-icon:before{

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}



/* #Misc
================================================== */
.ofsTopH{padding-top:160px !important;}
.ofsBottomH{padding-bottom:160px !important;}
.ofsBottomL{padding-bottom:100px !important;}
.ofsTopL{padding-top:100px !important;}
.ofsBottom{padding-bottom:80px !important;}
.ofsTop{padding-top:80px !important;}
.ofsBottomM{padding-bottom:70px !important;}
.ofsTopM{padding-top:70px !important;}
.tCenter {text-align: center;}
.tLeft {text-align: left;}
.tRight {text-align: right;}
.ofsInMTop{padding-top:50px !important;}
.ofsInMBottom{padding-bottom:50px !important;}
.ofsInTop{padding-top:60px !important;}
.ofsInBottom{padding-bottom:60px !important;}
.ofsTMedium{padding-top:40px !important;}
.ofsBMedium{padding-bottom:40px !important;}
.ofsTMinus{padding-top:10px !important;}
.ofsBMInus{padding-bottom:10px !important;}
.ofsTSmall{padding-top:20px !important;}
.ofsBSmall{padding-bottom:20px !important;}
.ofsT-Small{padding-top:30px !important;}
.ofsB-Small{padding-bottom:30px !important;}
.margTSSSmall{margin-top:10px !important;}
.margBMSSSmall{margin-bottom:10px !important;}
.margTSSmall{margin-top:20px !important;}
.margBSSmall{margin-bottom:20px !important;}
.margTSmall{margin-top:30px !important;}
.margBSmall{margin-bottom:30px !important;}
.margTMedium{margin-top:40px !important;}
.margBMedium{margin-bottom:40px !important;}
.margTLMedium{margin-top:50px !important;}
.margBLMedium{margin-bottom:50px !important;}
.margTop{margin-top:60px !important;}
.margMTop{margin-top:70px !important;}
.margLTop{margin-top:80px !important;}
.margBottom{margin-bottom:60px !important;}
.margMBottom{margin-bottom:70px !important;}
.margLBottom{margin-bottom:80px !important;}
.margHBottom{margin-bottom:100px !important;}
.margHTop{margin-top:100px !important;}
.margHHTop{margin-top:150px !important;}
.margHHBottom{margin-bottom:150px !important;}
.nopr{padding-right:0;}
.bgGrey{background:#efefef;}
.bgWhite{background:#ffffff;}
.bgBeige{background:#f6f0e4;}





/*
*	SPLIT (HTML version)
* 	Copyright 2015
* 	www.mutationmedia.net
* 	Created by : mutationthemes
*
*/


/* Table of Content
==================================================
1-Preloader
2-Header
3-Tabs sections :
  3/1-About tab
  3/2-Portfolio tab
  3/3-Blog tab
  3/4-Contact tab
4-Media queries






/*Preloader*/
#loader {
    background: #efefef;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}


#loaderInner {

    height: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    opacity:.9;
    text-align:center;

}


.spinner {
    font-size: 10px;
    text-indent: -9999em;
    margin:0 auto;
    width: 4em;
    height: 4em;
    background: #333333;
    background: -moz-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);
    background: -webkit-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);
    background: -o-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);
    background: -ms-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);
    background: linear-gradient(to right, #333333 10%, rgba(51, 51, 51, 0) 30%);
    position: relative;
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}


.spinner:before {
    width: 50%;
    height: 50%;
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border-radius: 100% 0 0 0;
}


.spinner:after {
    background:#efefef;
    width: 92%;
    height: 100%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*End preloader*/





/*Header*/



.img-profile{
    position:relative;
}

.img-profile .name-profile{
    left: -22%;
    position: absolute;
    top: 23.2%;
    transform: rotate(-90deg);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33373d+0,33373d+100&1+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(51,55,61,1) 0%, rgba(51,55,61,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,55,61,1)), color-stop(100%,rgba(51,55,61,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(51,55,61,1) 0%,rgba(51,55,61,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(51,55,61,1) 0%,rgba(51,55,61,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(51,55,61,1) 0%,rgba(51,55,61,0) 100%); /* IE10+ */
    background: linear-gradient(to left,  rgba(51,55,61,1) 0%,rgba(51,55,61,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33373d', endColorstr='#0033373d',GradientType=0 ); /* IE6-9 */
}


.img-profile .name-profile span{
    color:#ffffff;
    opacity:.95;
    font-family: "open_sans",Arial,sans-serif;
    padding: 0 15px 0px 30px;
    font-size:11px;
    display:block;
    text-transform:uppercase;
}



.img-profile .name-profile span sup{
    font-size: 8px;
    line-height: 5px;
}







.main-nav ul li{
    display:block;
    position: relative;
    border-bottom:1px solid #26292e;
}


.main-nav ul li:last-child{
    border-bottom:none;
}


.main-nav ul li a{
    display:table;
    text-align:right;
    background:#33373d;
    color:#85878b;
    font-size:12px;
    text-transform:uppercase;
    padding:15px 25px;

    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width:100%;




}



.main-nav li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #558e6a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;



}



.main-nav li a:hover, .main-nav li a:focus, .main-nav li a:active {
    color: #ffffff;
}
.main-nav li a:hover:before, .main-nav li a:focus:before, .main-nav li a:active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}





.main-nav li a.active:before {
    color:#ffffff;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #558e6a;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}

.main-nav li a.active{
    color:#ffffff;
    background: #558e6a;
}


.main-nav ul li a i{
    position:absolute;
    left:25px;
    font-size:22px;

}



.social li {
    display: inline-block;
    margin-right: 2px;
    text-align: center;
}

.social a {
    border: 2px solid #33373d;
    color: #33373d;
    display: inline-block;
    height: 35px;
    width: 35px;
}


.social li i {
    line-height: 32px;
    font-size:12px;
}


.social a:hover {
    border: 2px solid #558e6a;
    color: #558e6a;
}


.bottom-header p {
    margin-top: 10px;
    font-size:13px;
}


/*End header*/

/*Tabs sections*/


.content{
    padding:40px;
}


.content.single{
    padding:40px 40px 0;
}





/*------------------------ About section ------------------------*/


.about{
    overflow:hidden;
}

.about .profile h1{
    font-size:28px;
    line-height:25px;
}


.about .profile h3{
    font-size:22px;
    color:#777777;
}


.info ul.info-list {
    border:1px solid #efefef;
    text-align:center;
}


.info ul.info-list li {
    border-bottom:1px solid #efefef;
    background:#fafafa;
    font-size:14px;
}

.info ul.info-list li .inf, .info ul.info-list li .value{
    display:inline-block;
    padding:8px 0;
}

.info ul.info-list li .inf{
    width:35%;
    background:#ffffff;
    left: -1px;
    position: relative;
    border-right:1px solid #efefef;
    color:#333333;
}

.info ul.info-list li .value{
    width:63%;
    color:#666666;
}

.info ul.info-list li:last-child{
    border-bottom:none;
}



.vc{

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;

}


.progress {
    display: block;
    height: 16px;
    margin: 8px 0 14px;
    position: relative;
    width: 100%;
    overflow: visible;
    border-radius: 50px;
    -moz-border-radius:50px;
    -webkit-border-radius :50px;
    -ms-border-radius:50px;
    -o-border-radius: 50px;
    background: #ffffff; /* Old browsers */

}


.skill .skills-list li:last-child .progress{
    margin-bottom:0;
}


.skill.des .progress {
    border:1px solid #efefef;
}


.skill.dev .progress {
    border:1px solid #558e6a;
}

.skill.prs .progress {
    border:1px solid #33373d;
}


.progress .percentage {
    border-radius: 50px 0 0 50px;
    -moz-border-radius:50px 0 0 50px;
    -webkit-border-radius :50px 0 0 50px;
    -ms-border-radius:50px 0 0 50px;
    -o-border-radius: 50px 0 0 50px;
    bottom: 0;
    position: absolute;
    top: 0;
}


.skill.des .progress .percentage {
    background-color: #efefef;
}


.skill.dev .progress .percentage {
    background-color: #558e6a;
}


.skill.prs .progress .percentage {
    background-color: #33373d;
}


.percentage .percent {
    position: absolute;
    right: -14px;
    top: -30px;
    font-size:11px;
}



.skills-list h4{
    display:block;
    text-transform:uppercase;
    margin-bottom:0;
    font-size:13px;
    color:#666666;

}


.skill .title{

    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    left: -15px;
    padding: 5px 25px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}


.skill .title.des{
    border: 1px dashed #efefef;
}

.skill .title.dev{
    border: 1px dashed #558e6a;
}

.skill .title.prs{
    border: 1px dashed #33373d;
}




.timeline {
    position: relative;
}



.timeline:before {
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ededed 1%, #ededed 75%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(75%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 1%,#ededed 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 1%,#ededed 75%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 1%,#ededed 75%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 1%,#ededed 75%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    content: "";
    left: 18px;
    position: absolute;
    top: 0;
    width: 3px;
    height:100%;

}


.timeline:after{
    background: #ffffff;
    border:3px solid #efefef;
    font-family: 'fontello';
    top:0;
    left:-5px;
    width:50px;
    height:50px;
    position: absolute;
    text-align:center;
    color:#333333;
    font-size:20px;
    line-height:45px;
}


.timeline.experience:after{
    content: '\e8ba';
}

.timeline.education:after{
    content: '\e80c';
}


.exp{
    padding-left: 50px;
    padding-top: 20px;
    position:relative;
    margin-bottom:10px;
}


.exp:after{
    background: #558e6a;
    border: 3px solid #ffffff;
    content: "";
    height: 15px;
    left: 12px;
    position: absolute;
    text-align: center;
    top: 24px;
    width: 15px;
}


.exp .hgroup h4, h6{
    margin-bottom:0;
}

.exp .hgroup h4{
    text-transform:none;

}


.exp .hgroup{
    margin-bottom:5px;
}


.exp .hgroup h6{
    text-transform:none;
    font-size:12px;
    color:#666666;

}


.exp .hgroup h6 i{
    color:#cccccc;
    margin-right:5px;
}


.exp .hgroup h6 span.current{
    color:#ffffff;
    background: #558e6a;
    border-radius:6px;
    -moz-border-radius:6px
    -webkit-border-radius :6px;
    -ms-border-radius:6px;
    -o-border-radius: 6px;
    padding:1px 12px;
}


.block.service .det h3{
    font-size:13px;

}


.block.service .ico{
    font-size:30px;
    margin-bottom:10px;
    color: #558e6a;
}







.block-quote {
    background: #efefef;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius :10px;
    -ms-border-radius:10px;
    -o-border-radius: 10px;
    margin: 0 32px;
    padding: 40px;
    position:relative;

}


.block-quote .block-img{
    position:absolute;
    right:-40px;
    top:25px;
}

.block-quote .block-img img{
    width:85px;
    height:85px;
    border:10px solid #ffffff;
}


.block-quote .block-icon{
    position:absolute;
    right:-18px;
    top:120px;
    color:#777777;
}

.block-quote .block-icon{
    background: #efefef ;
    border: 5px solid #ffffff;
    font-size: 16px;
    height: 40px;
    line-height: 32px;
    text-align: center;
    width: 40px;
}


.block-quote .block-profile{
    font-size:15px;
}

.block-quote .block-profile span{
    font-size:14px;
    color:#666666;
}


.block-quote blockquote {
    font-size:16px;
    line-height:24px;
    padding-right:30px;
    color:#666666;
}



/*------------------------ End about section ------------------------*/



/*------------------------ Portfolio section ------------------------*/


.block-filter ul {
    display: inline-block;
    position: relative;
}


.filter li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    text-transform:uppercase;
    font-size:13px;
}



.filter li a {
    color: #33373d;
}


.filter li a:hover {
    color: #558e6a;
}





.filter li a.active {
    color: #558e6a;
}




.item {

    position: relative;
    margin-bottom:30px;
}


.disable:before {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 12;
}



.item a .desc {
    background: rgba(85, 142, 106, 0.95);
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    opacity:0;

}


.item a .desc:hover{
    opacity:1;
}


.item a .desc h3 {
    color: #ffffff;
    font-size:13px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    height:55px;
}

.item a .desc h3 span {
    display:block;
    font-size:12px;
    text-transform:none;
    position:relative;
    top:-5px;
}


.zigzag.work {
    stroke: #ffffff;
    position:relative !important;
    top:-1px !important;
}



.block-nav-work {
    display:inline-block;
    position:relative;
    width:100%;

}


.block-nav-work ul {
    text-align:center;

}


.block-nav-work li{
    display:inline-block;
    margin:0 2px;
}


.block-nav-work li a{
    display:inline-block;
    color:#cccccc;
    font-size:15px;
    border:1px solid #efefef;
    padding:5px;
}


.block-nav-work li a:hover{
    color:#558e6a;
}



.block-single h1.large-title{
    font-size:40px;
    letter-spacing:20px;
    line-height:50px;
}

.block-single ul{
    font-size:13px;
}



/*------------------------ End portfolio section ------------------------*/



/*------------------------ Blog section ------------------------*/



.post-title a, .post-title h1, span.meta-date{
    display:inline-block;
}

.post-title h1, .post-title a{
    font-size:24px;
    text-transform:none;
    color:#666666;

}

span.meta-date{
    background: #558e6a;
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius :6px;
    -ms-border-radius:6px;
    -o-border-radius: 6px;
    color: #ffffff;
    font-size: 10px;
    margin-left: 20px;
    padding: 0 12px;
    text-transform: uppercase;
    position: relative;
    top: -4px;
}


.post-meta{
    display: inline-block;
    margin-bottom: 12px;
    overflow: hidden;
    font-size:13px;
}

.post-meta  li {
    float: left;
    margin-right: 25px;
    color:#666666;
}

.post-meta  li a{
    color:#558e6a;
}

.post-meta i {
    font-size: 17px;
    margin-right: 8px;
    position: relative;
    top: 0px;
    color:#cccccc;
}



.block-post p{
    margin-bottom:25px;
}


.block-post hr{
    margin-top:0;
}



.block-post.single p{
    margin-bottom:15px;
}


.block-posts .block-post:last-child .divider-m{
    display:none;
}


.block-posts .block-post:last-child {
    margin-bottom:40px;
}


.block-posts .block-post.single:last-child {
    margin-bottom:0;
}


.search-form{
    border-top: 1px solid #26292e;
    position: relative;
    top: -1px;
    height:52px;
    height:auto !important;

}

.search-form input[type="text"] {
    background: #558e6a;
    color: #ffffff;
    font-size: 12px;
    border: none;
    padding: 15px 25px;
    text-align: right;
    width: 100%;
    text-transform:uppercase;

}
.search-form input[type="submit"] {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
    display:none;

}

.search-form  i {
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    left: 25px;
    top: 15px;
    cursor:pointer;
}


.embed-video {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 56%;
}


.embed-video iframe {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}





.comment-content {
    margin-bottom: 15px;
    margin-left: 120px;
}


.comments .author-img {
    float: left;
    height: 80px;
    padding: 8px;
    width: 80px;
    border:1px solid #efefef;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius :6px;
    -ms-border-radius:6px;
    -o-border-radius: 6px;
}


.comments .author-img img {
    display: block;
    height: 100%;
    max-width: 100%;
}


.comment {
    position: relative;
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid #efefef;
}


.comments li:last-child .comment{
    border:none;
    margin-bottom: 0;
    padding-bottom: 0;
}



.comments a {
    display: inline-block;
}


.author a {
    color: #292c31;
    font-size: 12px;
    text-transform: uppercase;
}


.comments .replys {
    margin-left: 40px;
}


.comments .replys.children {
    margin-left: 80px;
}


.comments .reply-btn {
    left: -15px;
    position: relative;
    top: 18px;
}


.comments .reply-btn a {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    background: #558e6a;
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius :6px;
    -ms-border-radius:6px;
    -o-border-radius: 6px;
    font-size: 10px;
    margin-left: 20px;
    padding: 0 12px;
    position: relative;
}





.comment-content .date a {
    display: inline-block;
    font-size: 11px;
    color: #558e6a;
    position: relative;
    top: -5px;
}



.pagination ul{
    display: inline-block;
}


.pagination ul li {
    color: #cccccc;
    display: inline;
    font-size: 12px;
}


.pagination ul li.prev a {
    border-radius: 3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -webkit-border-radius :3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}



.pagination ul li.next a {
    border-radius: 0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius :0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}


.pagination ul li a {
    background: #ffffff;
    color: #cccccc;
    float: left;
    height: 35px;
    line-height: 36px;
    margin-right: 5px;
    width: 35px;
    border:1px solid #efefef;
}


.pagination ul li a:hover, .pagination ul li span:hover {
    color: #33373d;
}


.pagination ul li a.selected {
    color: #558e6a;
}


.pagination ul li i {
    margin: 0;
    width: auto;
}




/*------------------------ End blog section ------------------------*/




/*------------------------ Contact section ------------------------*/


#map{
    height:390px;

}


.contact-form, .reply-form{
    position:relative;
}


.input-columns .column1, .input-columns .column2 {
    float: left;
    width: 50%;
}



.input-columns .column1 .column-inner {
    padding: 0 15px 0 0;
}


.contact-form input[type="text"], .contact-form textarea, .reply-form input[type="text"], .reply-form textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #efefef;
    color: #666666;
    font-size: 13px;
    margin: 0 0 14px;
    outline: 0 none;
    overflow: hidden;
    padding: 10px 15px;
    resize: none;
    width: 100%;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius :10px;
    -ms-border-radius:10px;
    -o-border-radius: 10px;
    font-family:"open_sansregular",Arial,sans-serif;
}


.contact-form textarea, .reply-form textarea {
    color: #666666;
    width: 100%;
    font-family:"open_sansregular",Arial,sans-serif;
}


.contact-form .submit, .reply-form .submit {
    bottom: -15px;
    cursor: pointer;
    position: absolute;
    right: 45px;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius :25px;
    -ms-border-radius:25px;
    -o-border-radius: 25px;
    border:15px solid #ffffff;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
}


.contact-form .submit:hover, .reply-form .submit:hover {
    background:#33373d;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
}



#success, #error {
    display: none;
    position: relative;
}


#success h2, #error h2 {
    color: #33373d;
    font-size: 11px;
    left: 0;
    position: absolute;
    text-transform: none;
    top: 0;
}


.errorForm {
    border: 1px solid #558e6a !important;
}



.info-holder {
    border: 1px solid #efefef;
    padding: 20px;
    text-align: center;
}


.address-info {
    position: relative;
}


.address-info p {
    color: #2d2d2d;
    font-size: 18px;
    padding-bottom: 40px;
    padding-top: 40px;
    line-height: 30px;
}


.address-info i {
    background:#558e6a;
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    height: 90px;
    left: 50%;
    line-height: 60px;
    margin-left: -50px;
    position: absolute;
    top: -70px;
    width: 90px;
    border:15px solid #ffffff;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
}




.address-info {
    font-size: 14px;
    text-align: center;
}


.contact-info a {
    color: #999999;
}


.contact-info li {
    display: inline-block;
    position: relative;
    width: 200px;
}


.contact-info ul {
    padding-bottom: 25px;
}


.contact-info li .ico {
    background:#33373d;
    color: #ffffff;
    font-size: 20px;
    height: 80px;
    left: 50%;
    line-height: 52px;
    margin-left: -36px;
    position: absolute;
    top: 28px;
    width: 80px;
    border: 15px solid #ffffff;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
}








/*------------------------ End contact section ------------------------*/



/*End tabs section*/





/* -------------------- Media queries -------------------- */


/*iPad lanscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
    #map{height:300px;}
    .address-info i{margin-left:-45px;}
    .address-info p{margin:0 auto;padding-bottom:20px}
    .address-info p{line-height:30px;margin-bottom:80px;}
    .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;}
    .contact-info li:last-child{padding-bottom:0;}
    .contact-info li .ico{top:-80px;}
    .img-profile .name-profile {display:none;}

}


/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
    .nopr {padding-right: 15px;}
    .main-nav.tabbed ul li{float:left;width:25%;border-right:1px solid #26292e;border-bottom:none;}
    .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;}
    .img-profile .name-profile {display:none;}
    .bottom-header{margin-bottom:10px;}
    .info ul.info-list li .inf{left:-4px;}
    .info ul.info-list{margin-bottom:10px;}
    .vc{display:inline !important;}
    .skill .title{transform:rotate(0deg);-webkit-transform: rotate(0);position:static;margin-top:25px}
    .block.service div{margin-bottom:30px;}
    .block.service div:last-child{margin-bottom:0;}
    #map{height:300px;}
    .address-info i{margin-left:-45px;}
    .address-info p{line-height:30px;margin-bottom:60px;}
    .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;}
    .contact-info li:last-child{padding-bottom:0;}
    .contact-info li .ico{top:-80px;}
}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
    .nopr {padding-right: 15px;}
    .main-nav.tabbed ul li{float:left;width:25%;border-right:1px solid #26292e;border-bottom:none;}
    .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;}
    .main-nav.tabbed ul li a{font-size:0;}
    .main-nav.tabbed ul li a i {left: 0;text-align: center;width: 100%;}
    .img-profile .name-profile {display:none;}
    .bottom-header{margin-bottom:10px;}
    .info ul.info-list{margin-bottom:10px;}
    .info ul.info-list li .inf{left:-2px;}
    .vc{display:inline !important;}
    .skill .title{transform:rotate(0deg);-webkit-transform: rotate(0);position:static;margin-top:25px}
    .block.service div{margin-bottom:30px;}
    .block.service div:last-child{margin-bottom:0;}
    .filter li{display:block; margin:10px 0;}
    .post-meta li{float:none;}
    .post-title h1, .post-title a{line-height:30px;display:block;}
    span.meta-date{margin-left:0; margin-top:10px; margin-bottom:10px;}
    .comments .replys.children{margin-left:40px;}
    #map{height:300px;}
    .address-info i{margin-left:-45px;}
    .address-info p{line-height:30px;margin-bottom:60px;}
    .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;font-size:12px;}
    .contact-info li:last-child{padding-bottom:0;}
    .contact-info li .ico{top:-80px;}
    .block-quote blockquote{padding-right:0;}

}



/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {
    input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
    .nopr {padding-right: 15px;}
    .main-nav.tabbed, .main-nav.tabbed li {background: #33373d;}
    .main-nav.tabbed ul li{float:left;width:25%;border-right:1px solid #26292e;border-bottom:none;}
    .main-nav.tabbed ul li a{font-size:0;}
    .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;}
    .main-nav.tabbed ul li a i {left: 0;text-align: center;width: 100%;}
    .about .profile h1{font-size:25px;}
    .about .profile h3{line-height:30px;font-size:20px;}
    .img-profile .name-profile {display:none;}
    .bottom-header{margin-bottom:10px;}
    .info ul.info-list{margin-bottom:10px;border-left:0;}
    .info ul.info-list li {border-bottom: 1px solid #efefef;border-left: 1px solid #efefef;}
    .info ul.info-list li .inf{width:100%;border-right:0;border-left:1px solid #efefef;border-bottom:1px solid #efefef;}
    .vc{display:inline !important;}
    .skill .title{transform:rotate(0deg);-webkit-transform: rotate(0);position:static;margin-top:25px}
    .block.service div{margin-bottom:30px;}
    .block.service div:last-child{margin-bottom:0;}
    .block-quote{width:100%;margin:0;padding:20px;}
    .block-quote .block-img, .block-quote .block-icon{display:none;}
    .filter li{display:block; margin:10px 0;}
    .post-meta li{float:none;}
    .post-title h1, .post-title a{line-height:30px;display:block;}
    span.meta-date{margin-left:0; margin-top:10px; margin-bottom:10px;}
    .comments .replys.children{margin-left:40px;}
    .pagination ul li.prev a{border-left:1px solid #efefef;}
    .pagination ul li a{margin-right:0;border-left:0;}
    .block-single h1.large-title{font-size:25px;line-height:40px;}
    .block-single.margBottom{margin-bottom:20px !important;}
    .comments .author-img{float:none;}
    .comment-content{margin-left:0;margin-top:60px;}
    .input-columns .column1, .input-columns .column2{width:100%;}
    .input-columns .column1 .column-inner{padding:0;}
    #map{height:200px;}
    .address-info i{margin-left:-45px;}
    .address-info p{line-height:30px;margin-bottom:60px;}
    .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;font-size:12px;}
    .contact-info li:last-child{padding-bottom:0;}
    .contact-info li .ico{top:-80px;}
    .contact-form .submit, .reply-form .submit{position:static;border:none;width:100%;}
    .button .but{margin-bottom:10px;}
    .block-quote blockquote{padding-right:0;}

}

/* -------------------- End media queries -------------------- */