/*  ==============================================================

  File Name: main.css
  Template Name: Second Touch
  Created By: CRUMINA TEAM
  http://themeforest.net/user/crumina

  1) TOP BAR
  2) HEADER
  3) HEADER FIXED
  4) SUB MENU
  5) SLIDER
  6) PROMO
  7) FEATURES MODULES
  8) TEAMMEMBERS
  9) CLIENTS LIST
  10) TESTIMONIAL
  11) TWITTER WIDGET
  12) FOOTER
  13) SUBFOOTER
  14) HELPER RULES
  15) SECOND-TOUCH_BLOG
  16) POST
  17) PAGE NAVIGATION
  18) LEFT SIDEBAR
  19) RIGHT SIDEBAR
  20) SECOND-TOUCH_SKILLS
  21) OUR FEATURES
  22) PIE CHARTS
  23) ABOUT OUR COMPANY
  24) RECENT PROJECTS-FOTO
  25) BRAKING NEWS BLOCK
  26) SECOND_TOUCH - CONTACTS
  27) CONTACTS FORM
  28) SECOND_TOUCH - TIME_LINE
  29) MAP+SKILLS
  30) RECENT WORKS
  31) SECOND_TOUCH - SHOPPED
  32) MOBILE
  33) CALL TO ACTION
  34) SECOND_TOUCH - PORTFOLIO
  35) Social share panel
  36) SECOND_TOUCH - BLOCKS
  37) PRICE TABLE
  38) MAGNIFIC POPUP
  39) ZOOM EFFECT
  40) Owl Carousel - Animate Plugin
  41) ACCORDION
  42) TABS
  43) SECOND_TOUCH - NEWS
  44) CRUMINA SLIDER
  45) RESPONSIVE

==================================================================== */

body {
    font-family: "Source Sans Pro","Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    font-size: 14px;
    color: #767e81;
}
div, p, span, aside {
    box-sizing: border-box;
}
strong {
    font-weight: 700;
}

/*============================================
                    TOP BAR
==============================================*/

.topline {
    background-color: #F7F7F7;
    margin: 0 auto 15px auto;
    padding: 5px 0;
    max-width: 1170px;
}
.topline__searchform {
    position: relative;
}
.topline__usericon {
    text-align: center;
    float: left;
    font-size: 18px;
}
.topline__usericon i {
    background-color: #FF724C;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-right: 30px;
    line-height: 30px;
}
.topline__usericon__login {
    float: left;
}
.fa--white {
    color: #fff;
    display: inline-block;
    padding-top: 8px;
}
.topline__phone {
    font-size: 12px;
    margin-top: 8px;
    color: #596456;
    float: left;
    border-right: 1px solid #E0E0E2;
    padding-right: 10px;
}
.topline__date {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
    margin-top: 8px;
    color: #596456;
    float: left;
}
.topline__searchfield__link {
    position: absolute;
    right: 3px;
    top: 7px;
}
.topline__searchfield {
    background-color: #FFF;
    border: 1px solid #EEE;
    height: 25px;
    width: 220px;
    float: right;
    padding-left: 5px;
    margin-top: 3px;
}
.fa--yellow {
    color: #E2E2E2;
    width: 10px;
    height: 10px;
    transform: scaleX(-1);
}
.topline__language {
    padding-top: 8px;
    float: left;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
}
.topline__language ul {
    position: absolute;
    top: 100%;
    right: -30px;
    padding: 0;
    margin: 0;
    list-style: outside none none;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    transition: opacity 0.2s ease-in-out 0s;
    overflow: visible !important;
}
.topline__language ul li {
    display: block;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    position: relative;
}
.topline__language ul a {
    color: inherit;
    display: block;
    padding: 3px 15px;
    font-size: 12px;
    font-family: "Source Sans Pro","Segoe UI Light","Segoe UI",Frutiger,"Frutiger Linotype","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
.topline__language ul li:hover a {
    color: #FFF;
    background-color: #FF6565;
}
.topline__language:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
}
.topline__language__link {
    color: #50665D;
}
.topline__language__link__eng {
    margin-left: 10px;
}
.topline__language__img {
    margin: 3px 10px 10px 20px;
    float: left;
}
.socials {
    float: right;
    padding-top: 5px;
    font-size: 12px;
}
.socials__icon {
    color: #FFF;
    line-height: 22px;
    height: 22px;
    width: 22px;
    position: relative;
    float: left;
    border-radius: 3px;
    margin-left: 3px;
}
.socials__text {
    float: left;
    padding-top: 2px;
    margin-right: 10px;
    margin-top: 2px;
    color: #50665D;
}
.socials__twitter {
    background-color: #31BFE8;
}
.soc-icon {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    margin-left: 4px;
    float: left;
}
.socials__icon:hover {
    opacity: .7;
}
.socials__facebook {
    background-color: #2273B2;
}
.socials__tbr {
    background-color: #F19C07;
}
.socials__google {
    background-color: #FF4A35;
}
.socials__vimeo {
    background-color: #2EA1AF;
}
.socials__tumblr {
    background-color: #31BFE8;
}
.topline__loginstatus__link {
    clear: left;
    border-bottom: 1px dotted #929C9F;
    color: #929C9F;
    font-size: 12px;
}
.main__menu {
    width: 115px;
    height: 115px;
    display: inline-block;
    position: relative;
}
.top-menu-button {
    display: none;
}
.line-button {
    width: 80%;
    height: 2px;
    background-color: #FFF;
    display: block;
    margin-bottom: 2px;
}
/*==============================================
                   HEADER
================================================*/

.header__logo {
    float: left;
    padding-top: 53px;
}
.main__menu__icon {
    font-size: 8px;
    color: #C3D2DA;
    position: relative;
    top: -1px;
    left: 7px;
}
.header__menu {
    list-style: none;
    float: right;
    margin: 0 0 30px;
}
.header__menu__icon {
    color: #fff;
    font-size: 33px;
    line-height: 115px;
}
.header__menu__blog {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__title {
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 5px 0 0;
    color: #4A4E4F;
    margin-top: 15px;
}
.header__menu__blog__title::after{
    content: "";
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    width: 7px;
    height: 4px;
    background:  transparent url("../image/drop-pipt-icon.gif") repeat scroll right center;
}
.header__menu__home__img {
    background: url("../image/homepage.jpg") no-repeat;
}
.header__menu__blog__img {
    background: url("../image/blogg.jpg") no-repeat;
}
.header__menu__features__img {
    background: url("../image/feat.jpg") no-repeat;
}
.header__menu__shop__img {
    background: url("../image/shoppping.jpg") no-repeat;
}
.header__menu__portfolio {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__portfolio__img {
    background: url("../image/workss.jpg") no-repeat;
}
.header__menu__portfolio__title::after{
    content: "";
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    width: 7px;
    height: 4px;
    background:  transparent url("../image/drop-pipt-icon.gif") repeat scroll right center;
}
.header__menu__features {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__features__title::after{
    content: "";
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    width: 7px;
    height: 4px;
    background: transparent url("../image/drop-pipt-icon.gif") repeat scroll right center;
}
.header__menu__shop {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__woocommerce {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__item {
    background-color: #c2d1d9;
    line-height: 115px;
    text-align: center;
    width: 115px;
    height: 115px;
    display: block;
    float: left;
    background-size: cover;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.main__menu:hover .header__menu__item {
    transform: scale(1.05);
}
.header__menu__woocommerce__img {
    background: #FFCE1B url("../image/hand.png") no-repeat;
}
.header__menu__contacts {
    margin-left: 3px;
    float: left;
    position: relative;
}
.header__menu__contacts__title {
    font-size: 14px;
    text-align: center;
    padding: 5px 0 0;
    color: #4A4E4F;
    margin-top: 15px;
}

/*===========================================
                 HEADER FIXED
=============================================*/

.header .nav.fixed {
    height: 55px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
}
.header .nav.fixed {
    padding-top: 0;
}
.header .nav.fixed .header__menu__submenu {
    padding-top: 13px;
}
.header .nav.fixed .header__menu {
    margin: 0;
}
.header .nav.fixed .header__menu__item{
    display: none;
}
.header .nav.fixed  .main__menu {
    width: auto;
    height: auto;
}
.header .nav.fixed .header__menu__title {
    margin: 17px 15px 0;
    padding-top: 0;
}
.header .nav.fixed .header__logo {
    -webkit-animation-duration: .4s;
    -webkit-animation-name: fadeInFromNone;
    -webkit-animation-transition: ease-in;
    padding-top: 7px;
}
.header .nav.fixed .header__logo img {
    max-width: 200px;
}
.page-title__wrapper {
    overflow: hidden;
}
.page-title {
    background: url(../image/page-title.jpg) no-repeat;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.page-title__h,
.page-title__sub-title {
    padding: 61px 35px 61px 0;
    float: left;
    display: block;
    border-right: 1px solid #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
}
.page-title__sub-title {
    padding: 61px 0 61px 35px;
    border-right: none;
}
.breadcrumbs {
    position: absolute;
    bottom: 0;
    right: 11px;
    padding: 7px 10px;
    background: #ff6565;
}
.breadcrumbs__item {
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}
.breadcrumbs__item:after {
    content: "-";
    padding-left: 10px;
}
.breadcrumbs__item:last-of-type:after {
    display: none;
}

/* ========================================
              SUB MENU
=========================================== */

.header__menu__submenu {
    opacity: 0;
    visibility: hidden;
    list-style: outside none none;
    position: absolute;
    z-index: 999;
    top: 100%;
    margin: 0;
    padding-top: 52px;
    min-width: 225px;
    border-radius: 2px;
    left: -30px;
    transition: all 0.4s ease-in-out 0s;
    padding-left: 32px;
}
.header__menu__submenu__item {
    display: block;
    background: rgba(50, 60, 63, 0.9) none repeat scroll 0 0;
    position: relative;
    border-bottom: 1px solid #42555A;
}
.header__menu__submenu__item__link {
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 42px;
    padding: 0 28px;
    display: block;
    white-space: nowrap;
    opacity: 0.9;
}
.header__menu__submenu__item:first-child {

    border-top: 3px solid #d2dee4;
}
.header__menu__submenu__item__link:hover {
    background: #535c62 none repeat scroll 0 0;
    border-left: 3px solid #d2dee4;
}
.main__menu:hover .header__menu__submenu {
    visibility: visible;
    opacity: 1;
}

/*========================================
                 SLIDER
==========================================*/

.slider-margin {
    margin-bottom: 95px;
}
.slider .owl-prev {
    background: transparent url("../image/arrow.png") no-repeat scroll 0 0;
}
.revslider__foto {
    background: url("../image/slider.jpg");
    height: 590px;
    width: auto;
    position: relative;
}
.revslider__foto.second {
    background: url("../image/grass.jpg");
}
.revslider__foto.third {
    background: url("../image/bg_mapskills.jpg");
}
.revslider__foto__overlay {
    position: relative;
    background-color: rgb(58,179,220);
    opacity: 0.6;
    height: 590px;
    width: auto;
}
.revslider__blockinfo {
    position: absolute;
    left: 32%;
    top: 43%;
}
.revslider__blockinfo__box {
    float: left;
    position: relative;
    margin-right: 33px;
}
.revslider__blockinfo__box__square {
    width: 140px;
    height: 140px;
    background-color: #2ECC71;
    z-index: 11;
    position: relative;
    line-height: 140px;
    text-align: center;
    color: #fff;
    font-size: 64px;
}
.revslider__blockinfo__box__triangle {
    float: right;
    margin-top: -1px;
}
.revslider__blockinfo__text {
    font-size: 59px;
    color: #FFF;
    line-height: 59px;
    float: left;
    margin-right: 30px;
    padding-top: 9px;
}
.revslider__slidebuttons{
    position: relative;
    width: 90px;
    height: 20px;
    bottom: 10%;
    left: 50%;
    margin-left: -45px;
}
.revslider__slidebuttons__button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #c0e0e9;
    display: inline-block;
    margin-right: 3px;
    opacity: 0.8;
}
.revslider__slidebuttons__button--active{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #5db8cd;
    display: block;
    position: relative;
    top: 39%;
    left: 35%;
    opacity: 0.8;
}

/* ===================================
                PROMO
======================================*/

.logopromo {
    overflow: hidden;
    padding: 45px 0;
    text-align: center;
    background: #f5f5f5;
}
.logopromo__text {
    padding-top: 5px;
    text-align: left;
}
.logopromo__text p {
    margin: 0;
    color: #a8b0b3;
    font-size: 14px;
    text-transform: uppercase;
}
.logopromo__text h2 {
    margin-bottom: 10px;
    color: #595f61;
    font-size: 20px;
    font-weight: 600;
}
.logopromo__text--dotted {
    border-bottom: 1px dotted #949494;
}
.logopromo__text--red {
    background-color: #F6F6F6;
}
.logopromo__text--normal {
    font-weight: 300;
}
.promo {
    background: transparent url("../image/features_bg.jpg") no-repeat scroll 0 65%;
    padding: 50px 0;
    text-align: center;
    overflow: hidden;
}
.promo__field span {
    font-size: 14px;
}
.promo__field h2 {
    margin-bottom: 15px;
}
.border--gray {
    border: 4px solid #687277;
}
/*==============================================
                 FEATURES MODULES
================================================*/

.featuresmoduls {
    overflow: hidden;
}
.featuresmoduls__module {
    margin-bottom: 40px;
}
.featuresmoduls__module span {
    display: block;
}
.featuresmoduls__module__box {
    position: relative;
    width: 132px;
    height: 132px;
}
.featuresmoduls__module__box__foto {
    position: absolute;
    height: inherit;
    width: inherit;
    display: block;
}
.featuresmoduls__module__box__overlay {
    position: relative;
    background-color: rgba(145,162,171,0.9);
    height: 100%;
    width: 100%;
}
.featuresmoduls__module__box__overlay--breez {
    position: relative;
    background-color: rgba(86,183,212,0.9);
    height: 100%;
    width: 100%;
}
.featuresmoduls__module__box__icon {
    color: #fff;
    width: 100%;
    font-size: 37px;
    text-align: center;
    line-height: 100%;
    position: relative;
    top: 37%;
}
.featuresmoduls__module__box__link {
    height: 132px;
    width: 132px;
    margin-right: 25px;
    display: block;
    float: left;
    position: relative;
    z-index: 10;
}
.featuresmoduls__module__title {
    position: relative;
    font-size: 18px;
    color: #343434;
    padding-top: 42px;
}
.featuresmoduls__module__title__link {
    font-size: 18px !important;
    color: #343434 !important;
    margin-bottom: 5px;
    display: block;
}
.featuresmoduls__module__title__subtitle {
    font-size: 11px;
    color: #909495;
}
.featuresmoduls__module__content {
    float: right;
    padding-top: 40px;
    color: #484C4D;
    font-size: 14px;
}
.featuresmoduls__module__content__read-more {
    color: rgb(146, 146, 146);
    font-size: 14px;
    padding-top: 10px;
    display: block;
}
.featuresmoduls__module__content__read-more::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    width: 7px;
    height: 7px;
    background: transparent url("../image/more-right.gif") no-repeat scroll right center;
}
.featuresmoduls__module__content__read-more:hover  {
    color: #343434;
}

/*========================================
               RECENT PROJECT
==========================================*/

.recentproject {
    position: relative;
    overflow: hidden;
}
.recentproject__overlay,
.overlay{
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.recent__field__foto__block:hover .recentproject__overlay,
.recentproject__block__foto:hover .recentproject__overlay,
.feature-block-image__img:hover .overlay{
    background: rgba(0,0,0,0.3);
}
.recentproject__title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2b2b2b !important;
    margin-bottom: 5px;
    position: relative;
    float: none;
}
.recentproject__tabs {
    list-style-type: none;
    position: relative;
    display: block;
    float: none;
    margin-bottom: 5px;
}
.recentproject__tabs__tab {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.recentproject__tabs__tab a {
    font-size: 12px;
    color: #7a7f80;
}
.recentproject__tabs__tab a:hover::after,
.recentproject__tabs__tab a.active::after {
    height: 3px;
    content: "";
    width: 24px;
    background: #FF6565 none repeat scroll 0 0;
    position: absolute;
    top: 24px;
    left: 0;
    max-width: 60%;
}

.recentproject__block {
    float: left;
    padding: 0 2px 0 0;
    width: 25%;
}
.recentproject-carousel {
    overflow: visible !important;
}
.recentproject-carousel .recentproject__block {
    width: 100%;
}
.recentproject-carousel .owl-next {
    background: transparent url("../image/arrow_grey_right.png") no-repeat scroll 0 0;
    right: -21px;
    top: -10px;
}
.recentproject-carousel .owl-prev {
    background: transparent url("../image/arrow_grey_left.png") no-repeat scroll 0 0;
    left: 1120px;
    top: -10px;
}
.recentproject-carousel .owl-next::before {
    position: relative;
    left: -18px;
    top: 1px;
    content: "";
    display: block;
    height: 9px;
    width: 11px;
    background: transparent url("../image/arrow_grey_center.png") repeat scroll 0 0;
}
.recentproject__block__foto {
    width: 100%;
    height: 100%;
    margin: 15px 2px 0 0;
    position: relative;
    overflow: hidden;
}
.center-line {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    background: rgba(255, 255, 255, 0.5);
    width: 1px;
    height: 48px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 10;
}
.more-link, .more-zoom {
    position: absolute;
    font-size: 36px;
    top: 50%;
    left: -40px;
    margin-top: -24px;
    opacity: 0;
    color: #ff6565;
    z-index: 10;
}
.more-zoom {
    right: -40px;
    left: auto;
}
.recent__field__foto__block:hover .more-zoom,
.recentproject__block__foto:hover .more-zoom {
    right: 30%;
    opacity: 1;
}
.recent__field__foto__block.small:hover .more-zoom {
    right: 20%;
    opacity: 1;
}
.recent__field__foto__block:hover .more-link,
.recentproject__block__foto:hover .more-link {
    left: 30%;
    opacity: 1;
}
.recent__field__foto__block.small:hover .more-link {
    left: 25%;
    opacity: 1;
}
.recent__field__foto__block.small:hover .more-zoom {
    right: 25%;
    opacity: 1;
}
.recent__field__foto__block.big:hover .more-zoom {
    right: 35%;
    opacity: 1;
}
.recent__field__foto__block.big:hover .more-link {
    left: 35%;
    opacity: 1;
}
.recent__field__foto__block:hover .center-line,
.recentproject__block__foto:hover .center-line {
    opacity: 1;
}
.recent__field__foto__block:hover img,
.recentproject__block__foto:hover img {
    transform: scale(1.1)
}
.recent__field__foto__block img,
.recentproject__block__foto img{
    height: auto;
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block;
}
.recent__field__foto__block .post-like,
.recentproject__block__foto .post-like {
    display: none;
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.3;
}
.recentproject__block__foto:hover .post-like,
.recent__field__foto__block:hover .post-like {
    display: block;
    font-size: 13px;
    z-index: 10;
}
.post-like__heart {
    color: #f05f5e;
    font-size: 15px;
    margin-right: 5px;
}
.post-like__count {
    font-size: 13px;
}
.recentproject__block__title__link::first-letter {
    color: #ff7373;
}
.recentproject__block__title__link {
    display: block;
    font-size: 16px;
    font-weight: 900;
    color: #202425;
    margin-top: 12px;
    line-height: 1;
}
.recentproject__block__category__link {
    font-size: 12px;
    color: #8d9ca7;
}

/*=============================================
                 TEAMMEMBERS
===============================================*/

.teammembers {
    background: transparent url("../image/grass.jpg") no-repeat fixed 0 0;
    margin-top: 55px;
    position: static;
    overflow: hidden;
}
.teammembers__overlay {
    background-color: rgba(221, 241, 247, 0.1);
}
.teammembers__blockup {
    position: absolute;
    top: 0;
    right: 9px;
    width: 30px;
    height: 30px;
    background: #ff6565 url("../image/to-top.gif") no-repeat 50% 50%;
}
.teammembers__blockup__link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.teammembers__field {
    position: relative;
    padding-bottom: 80px;
    padding-top: 70px;
    overflow: hidden;
}
.teammembers__field__title {
    color: #FFF;
    font-size: 18px !important;
}
.teammembers__field__foto {
    height: 180px;
    width: 180px;
    position: relative;
    overflow: hidden;
    margin: 25px 25px 25px 0;
}
.teammembers__field__block__name {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 5px;
}
.teammembers__field__block__profession {
    padding-top: 0;
    color: rgb(255, 255, 255) !important;
    font-weight: 300;
    opacity: 0.6;
}
.teammembers__field__block-text {
    margin-top: 14px;
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
    line-height: 1.5;
    overflow: hidden;
    color: #CFD2D1;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.teammembers__field__block-text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 3px;
    background: #FF6565 none repeat scroll 0 0;
}

.teammembers__field__block {
    overflow: hidden;
}
.teammembers__field__block__socials {
    margin-top: 20px;
}
.teammembers__field__block__socials a {
    color: #BDC5C5;
    margin-right: 10px;
    position: relative;
    z-index: 999;
}
.teammembers__field__block__socials a:hover {
    opacity: .3;
}
.teammembers__field__block>.flip>img {
    filter: grayscale(100%);
}

/*==========================================
                CLIENTS LIST
============================================*/

.clientslist {
    background-color: #F5F5F5;
    position: relative;
    border-bottom: #F2F2F2;
    padding: 80px 0;
    overflow: hidden;
}
.clientslist .owl-item {
    text-align: center;
}
.clientslist .owl-prev {
    left: 0;
    margin-left: 13px;
    top: 50%;
    margin-top: -15px;
}
.clientslist .owl-next {
    right: 0;
    margin-right: 13px;
    top: 50%;
    margin-top: -15px;
    background: none;
}
.clientslist .owl-carousel.owl-loaded {
    padding: 0 110px;
}
.clientslist__client {
    display: inline-block;
    margin: 0 55px;
    padding-top: 110px;
    height: 124px;
    width: auto;
    position: relative;
}
.clientslist__client__link__img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.clientslist__client__link__img:hover {
    opacity: .4;
}
.clientslist__clients {
    position: relative;
    height: 330px;
    width: inherit;
}
.clientslist__title {
    float: left;
    display: block;
    padding-top: 9px;
    margin-bottom: 15px;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.clientslist__text__block {
    float: left;
    margin-top: 60px;
    padding: 0;
}
.clientslist__text {
    overflow: hidden;
    color: #484c4d;
}
.clientslist .angle-left {
    position: absolute;
    background: #5C5C5C url("../image/to-left.gif") no-repeat 50% 50%;
    height: 30px;
    width: 30px;
    top: -4%;
    left: -43%;
}
.clientslist .angle-right{
    position: absolute;
    background: #5C5C5C url("../image/to-right.gif") no-repeat 50% 50%;
    height: 30px;
    width: 30px;
    top: -4%;
    left: 45%;
}
.clientslist .angle-left:hover {
    opacity: .4;
}
.clientslist .angle-right:hover {
    opacity: .4;
}

/*========================================
                TESTIMONIAL
==========================================*/

.testimonial {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
}
.testimonial .owl-dots {
    margin-top: 40px;
}
.testimonial .crum-carousel {
    padding-bottom: 10px;
}
.testimonial__field {
    padding-top: 40px;
    position: relative;
}
.testimonial__blockup {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: #ff6565 url("../image/to-top.gif") no-repeat 50% 50%;
}
.testimonial__blockup__link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.testimonial__client {
    float: left;
    position: relative;
}
.testimonial__client__foto {
    border-radius: 2px;
    height: 100px;
    width: 100px;
    overflow: hidden;
}
.testimonial__client__foto__img {
    border-radius: 2px;
    border: 1px;
}
.testimonial__client__name::first-letter {
    color: #FF5858;
}
.testimonial__client__name {
    font-size: 16px;
    font-weight: 900;
    margin-top: 25px;
    color: #2b2b2b;
}
.testimonial__title {
    font-size: 18px !important;
    margin-bottom: 25px;
    font-weight: 600 !important;
}
.testimonial__blockquote {
    position: relative;
    background-color: #F8F8F8;
    overflow: hidden;
    padding: 25px 20px 20px 0;
    border-radius: 3px;
}
.testimonial__blockquote__quote {
    font-size: 108px;
    color: #36BAE2;
    margin-right: 30px;
    line-height: 70px;
    float: left;
    position: relative;
    top: 10px;
    font-family: tahoma;
    margin-left: 30px;
}
.testimonial__blockquote__text {
    font-style: italic;
    overflow: hidden;
    font-size: 14px;
}
.testimonial .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #666F74;
    display: inline-block;
    margin-right: 3px;
}
.testimonial .owl-dot span:hover,
.testimonial .owl-dot span:focus,
.testimonial .owl-dot.active span{
    border: 3px solid #666F74;
    background-color: #fff;
}

/*===================================
            TWITTER WIDGET
=====================================*/

.twitterwidget {
    position: relative;
    background: transparent url("../image/featuresbox.jpg") repeat fixed 0 0;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover;
}
.twitterwidget__overlay {
    background-color: #5c666c;
    height: inherit;
    width: inherit;
    opacity: .9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.twitterwidget__field {
    position: relative;
    padding: 0;
}
.twitterwidget__field__blockup {
    position: absolute;
    top: 25%;
    right: 0;
    width: 30px;
    height: 30px;
    background: #88959c url("../image/to-top.gif") no-repeat 50% 50%;
}
.twitterwidget__field__blockup:hover {
    opacity: .5;
}
.twitterwidget__field__blockup__link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.twitterwidget__field__blockdown {
    position: absolute;
    bottom: 25%;
    right: 0;
    width: 30px;
    height: 30px;
    background: #88959c url("../image/to-bot.gif") no-repeat 50% 50%;
}
.twitterwidget__field__blockdown:hover {
    opacity: .5;
}
.twitterwidget__field__blockdown__link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.twitterwidget__field__icon {
    height: 70px;
    width: 70px;
    background-color: #36BAE2;
    float: left;
    margin-right: 30px;
}
.twitterwidget__field__icon i {
    font-size: 30px;
    color: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}
.twitterwidget--gray .twitterwidget__field__text {
    padding-top: 0;
}
.twitterwidget__field__text {
    color: #FFF;
    width: 68%;
    padding-top: 13px;
}
.twitterwidget__field__text a {
    color: #36bae2;
    margin-left: 5px;
}
.twitterwidget__field__text a:hover {
    color: #FF5858;
}
.twitterwidget__field__text__date.c-white {
    opacity: .6;
}
.twitterwidget__field__text__date {
    display: block;
    color: #c2c4c6;
}
.twitterwidget--gray {
    background: #464D51 none repeat scroll 0 0;
}
.field__twitterwidget {
    overflow: hidden;
    background-color: #36BAE2;
    border-radius: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.field__twitterwidget__icon i {
    font-size: 25px;
    color: #FFF;
    float: left;
    display: block;
    border-right: 2px solid #51C8EC;
    padding-right: 25px;
    line-height: 30px;
    text-align: center;
    margin: 7px 20px 0 25px;
}
.field__twitterwidget__text {
    color: #FFF;
    margin-left: 5px;
    padding-top: 13px;
}
.field__twitterwidget__text__date {
    display: block;
}
.field__twitterwidget__text a {
    color: #FFFFFF;
}
.field__twitterwidget__text a:hover {
    color: #FF5858;
}
.field__twitterwidget__text__date {
    color: #93E2FA;
}
.twitter-carousel.owl-carousel {
    width: auto;
}
.twitter-carousel .owl-nav {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
.twitter-carousel .owl-next {
    width: 30px;
    height: 30px;
    background: #C2D1D9 url("../image/to-bot.gif") no-repeat scroll 50% 50%;
    position: static;
}
.twitter-carousel .owl-prev {
    width: 30px;
    height: 30px;
    background: #C2D1D9 url("../image/to-top.gif") no-repeat scroll 50% 50%;
    margin-bottom: 2px;
    position: static;
}
.twitter-carousel.crum-carousel {
    overflow: visible;
}
.twitterwidget--gray .twitter-carousel .owl-nav {
    float: right;
    position: absolute;
    right: 30px;
    top: -10px;
}
.twitterwidget--gray .owl-prev {
    width: 30px;
    height: 30px;
    background: url("../image/to-top.gif") no-repeat scroll 50% 50%;
    margin-bottom: 2px;
    position: relative;
    left: 0;
}
.twitterwidget--gray .owl-prev:after {
    content: "";
    display: block;
    height: 1px;
    width: 40px;
    background-color: #A6EAFF;
    position: absolute;
    top: 30px;
    right: -5px;
}
.twitterwidget--gray .owl-next {
    width: 30px;
    height: 30px;
    background: url("../image/to-bot.gif") no-repeat scroll 50% 50%;
    position: static;
}

/*===================================
               FOOTER
=====================================*/

footer {
    background-color: #464d51;
    position: relative;
    padding-top: 20px;
}
.footer__field {
    padding-bottom: 35px;
}
.footer__field__recentnews {
}
.footer__field__title--grey {
    font-size: 18px;
    margin-bottom: 25px;
}
.footer__field__recentnews__img {
    height: 80px;
    width: 80px;
    float: left;
    margin: 0 20px 0 0;
}
.footer__field__recentnews__article {
    padding-top: 20px;
}
.recentnews__article--clear-b {
    clear: both;
}
.footer__field__recentnews__article a {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.footer__field__recentnews__article a.c-blue:hover {
    color: #ff6565 !important;
}
.footer__field__recentnews__article .article--c-blue {
    color: #36BAE2;
}
.footer__field__recentnews__article .sub__title {
    opacity: .7;
}
.footer__field__recentnews__text {
    color: #ffffff;;
    font-size: 14px;
    padding-top: 25px;
    border-bottom: 1px solid #4f575c;
    padding-bottom: 20px;
}
.footer__field__recentnews__block {
    padding-top: 20px;
    margin-top: 10px;
}
.footer__field__recentnews__block__img {
    height: 60px;
    width: 60px;
    float: left;
    margin-right: 20px;
}
.footer__field__recentnews__block__article {
    padding-top: 8px;
}
.footer__field__recentnews__block__article a {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}
.footer__field__recentnews__block__article a.c-blue:hover {
    color: #ff6565 !important;
}
.footer__field__recentnews__block__article .article--c-blue {
    color: #36BAE2;
}
.footer__field__recentnews__block__article .sub__title {
   opacity: .7;
}
.footer__field__instagram__img {
    padding: 2px 1px;
    float: left;
    width: 50%;
}
.footer__field__instagram__img img {
    display: block;
    width: 100%;
    height: auto;
}
.footer__field__instagram__blockfoto {
    width: 50%;
    float: left;
}
.instagram__img {
    float: left;
    width: 50%;
    padding: 2px;
    overflow: hidden;
}
.footer__field__instagram__blockfoto img {
    float: left;
    display: block;
    width: 100%;
}
.footer__field__instagram__user {
    padding-top: 20px;
    float: left;
    clear: left;
}
.footer__field__instagram__user img {
    width: 82px;
    height: 82px;
    float: left;
    margin-bottom: 15px;
}
.footer__field__instagram__user__name {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}
.footer__field__instagram__user__name:first-letter {
    color: #FF6565;
}
.footer__field__instagram__user__profession {
    text-transform: uppercase;
    font-size: 12px;
    color: #A5B0B7;
}
.footer__field__instagram__counters {
    margin-top: 40px;
    float: left;
}
.footer__field__instagram__counter {
    float: left;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    color: #FFF;
    padding-right: 15px;
    margin-right: 20px;
    border-right: 1px solid #666F74;
}
.footer__field__instagram__counters span {
    display: block;
    color: #A8B4BB;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}
.footer__field__instagram__counter:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.footer__widget__title {
    margin-bottom: 20px;
}
.footer__field__about p {
    color: #9EA9AF;
}
.footer__field__about span {
    display: block;
    color: #D9DEE0;
    margin: 20px 0;
}
.footer__field__about span a {
    color: #36B9E1;
}
.footer__field__about span a:hover {
    color: #FF6666;
}
.footer__field__about__text {
    margin: 0 0 20px 0;
}
.footer__field__about__text a:hover {
    color: #FF6666;
}
footer .socials__icon:after {
    height: 3px;
    content: "";
    width: 24px;
    background: #FF6565 none repeat scroll 0 0;
    position: absolute;
    top: 40px;
    left: 0;
    max-width: 70%;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .socials__icon:hover:after {
    opacity: 1;
}
/*======================================
                SUBFOOTER
========================================*/

.back__totop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    display: block;
    z-index: 99999999;
    border: 3px solid #36BAE2;
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
}
.back__totop::before {
    content: "\f062";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 40px;
    font-size: 23px;
    line-height: 44px;
    left: 2px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    font-family: 'FontAwesome';
    color: #36BAE2;
}
.back__totop:hover {
    border-color: #ff6565;
}
.back__totop:hover:before {
    color: #ff6565;
}
.back__totop.hidden {
    visibility: hidden;
}
.subfooter {
    background-color: #3F4549;
    position: relative;
    overflow: hidden;
    padding-top: 17px;
    padding-bottom: 17px;
}
.subfooter__field__logo {
    position: relative;
    text-align: center;
    line-height: 30px;
}
.subfooter__field__logo img {
    margin-right: 10px;
    float: left;
}
.subfooter__field__logo span {
    color: #90999E;
    font-size: 12px;
    bottom: 40%;
    float: left;
}
.subfooter__field__logo a {
    color: #fff;
}
.subfooter__field__logo a:hover {
    color: #F66;
}
.subfooter__field__menu {
    list-style: outside none none;
    position: relative;
    text-align: right;
}
.subfooter__field__menu li:last-child {
    margin-right: 0;
}
.subfooter__field__menu a {
    color: #8B9499;
    font-size: 14px;
}
.subfooter__field__menu li {
    display: inline-block;
    margin-right: 25px;
}
.subfooter__field__menu a:hover {
    opacity: .5;
}

/*========================================================
                      HELPER RULES
==========================================================*/

.widget__title {
    color: #484d4f;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}
.ovh {
    overflow: hidden !important;
}
.ovh--none {
    overflow: visible !important;
}
.border-bottom {
    border-bottom: 1px solid #eee;
}
.medium-padding {
    padding: 45px 0;
}
.large-padding {
    padding: 60px 0;
}
.sub__title {
    display: block;
    color: #ADB7C0;
    text-transform: uppercase;
    font-size: 12px;
}
.marb--zero {
    margin-bottom: 0 !important;
}
.fl-none {
    float: none;
}
.fl-left {
    float: left;
}
.fl-right {
    float: right;
}
.bg-none {
     background-color: transparent !important;
 }
.bg-red {
    background-color: #ff6565;
}
.c-blue {
    color: #36bae2 !important;
}
.c-gray {
    color: #BDC5C5 !important;
}
.c-white {
    color: #FFFFFF !important;
}
.c-red {
    color: #FF4A4A !important;
}
.bg-grey {
    background-color: #C2D1D9;
}
.bg-blue {
    background-color: #36BAE2;
}
.no-padding {
    padding: 0;
}
.no-padding--left {
    padding-left: 0;
}
.no-padding--right {
    padding-right: 0;
}
.socials__icon--big {
    font-size: 14px;
}
.t-align-center {
    text-align: center;
}
.bg-size-cover {
    background-size: cover !important;
}
/*======================================
           SECOND-TOUCH_BLOG
========================================*/

.header__pagetitle {
    margin-bottom: 50px;
    position: relative;
    background: url("../image/pagetitle.jpg");
    margin-top: 56px;
}
.header__pagetitle__overlay {
    background-color: #57BCDD;
    opacity: 0.3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.header__pagetitle__field {
    position: relative;
}
.header__pagetitle__field span {
    display: block;
    height: 40%;
    float: left;
    padding: 55px 35px 35px 0;
    font-size: 23px;
    color: #fff;
}
.header__pagetitle__field span:first-child {
    border-right: 1px solid #fff;
    margin-right: 35px;
    height: 100%;
}
.header__pagetitle__field__home span {
    color: #fff;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px;
    padding: 0;
    float: none;
}
.header__pagetitle__field__home a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}
.header__pagetitle__field__home {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ff6565;
    padding: 10px;
}

/*=====================================
              POST
=======================================*/

.content__post {
    position: relative;
    width: auto;
    min-height: 470px;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 30px;
}
.content__post__foto {
    position: relative;
    overflow: hidden;
}
.content__post__foto__img {
    overflow: hidden;
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    transition: all .4s ease-in-out;
}
.content__post__foto:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.content__post__foto__comment {
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(255, 255, 255);
    background: rgba(255,101,101,.7) none repeat scroll 0 0;
}
.content__post__foto__comment img {
    display: block;
    position: relative;
}
.content__post__foto__comment__link {
    display: block;
    padding: 5px 15px;
    position: relative;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}
.content__post__foto__comment__link:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: rgba(255,101,101,.5) transparent transparent transparent;
}
.content__post__text {
    margin-top: 20px;
    position: relative;
}
.content__post__text__date {
    width: 80px;
    height: 80px;
    background-color: #c2d1d9;
    display: block;
    color: #fff;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 0;
}
.content__post__text__date__day {
    display: block;
    font-size: 37px;
    padding-top: 5px;
}
.content__post__text__date__month {
    display: block;
    font-size: 12px;
    margin: -10px 5px 0 5px;
}
.content__post__text i {
    display: block;
    height: 50px;
    width: 79px;
    color: #81898C;
    font-size: 34px;
    text-align: center;
    border-right: 1px solid #DEE6EA;
    line-height: 50px;
    padding-top: 10px;
    margin: 0;
}
.soc-count {
    padding: 5px 0;
}
.content__post__text__article {
    margin-bottom: 5px;
}
.content__post__text__article a:hover {
    color: #ff6565;
}
.content__post__text__article a {
    color: #585f63;
    line-height: 24px;
}
.content__post__text__dopinfo {
    overflow: hidden;
    margin-top: 10px;
}
.content__post__text__dopinfo p {
    margin-top: 15px;
}
.content__post__text__dopinfo__author a {
    color: #5ec4e6;
    font-size: 12px;
    margin-right: 5px;
}
.content__post__text__dopinfo span {
    font-size: 12px;
    color: #8d9ca7;
}

/*============================================
                PAGE NAVIGATION
==============================================*/

.pagenav {
    margin-top: 70px;
    position: relative;
    padding-bottom: 65px;
    display: block;
}
.pagenav__pagination {
    display: block;
}
.pagenav__pagination li {
    display: block;
    list-style: none;
    font-size: 16px;
    color: #8C9394;
    border: 1px solid #d7e1e6;
    float: left;
    margin-right: 1px;
}
.pagenav__pagination a {
    color: #8C9394;
    display: block;
    width: 100%;
    padding: 3px 12px;
}
.pagenav__pagination li:hover {
    background-color: #36BAE2;
    color: #fff;
}
.pagenav__pagination a:hover {
    color: #FFFFFF;
}
.pagenav__pagination li:last-child {
    background-color: #36BAE2;
    color: #FFFFFF;
}
.pagenav__pagination li:last-child a {
     color: #FFFFFF;
 }
.pagenav__pagination li:first-child {
    padding: 3px 12px;
}

/*==================================
            LEFT SIDEBAR
====================================*/

.content__both-sidebar .content {
    float: right;
}
.sidebar__widget {
    padding-bottom: 30px;
    float: left;
}
.sidebar__widget__tabs {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 0;
}
.sidebar__widget__tabs li{
    list-style: none;
    display: inline-block;
    width: 33.33%;
    font-size: 14px !important;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}
.sidebar__widget__tabs li a {
    display: block;
    background-color: #36BAE2;
    border: 1px solid #36BAE2;
    border-right-color: #fff;
    padding: 14px;
    color: #fff;
    transition: color, background-color 0.3s linear;
}
.sidebar__widget__tabs .active {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    color: #000;
}
.tabs-content .sidebar__widget__box {
    padding-left: 0;
}
.sidebar__widget__box {
    overflow: hidden;
    position: relative;
    padding: 15px 0 15px 15px;
    background-color: #F0F0F0;
}
.sidebar__widget__box img {
    position: relative;
    top: 2px;
    float: left;
    margin-right: 20px;
}
.sidebar__widget__box__date__author a {
    color: #5EC4E6;
    font-size: 12px;
}
.sidebar__widget__box__article {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    margin-bottom: 10px;
}
.sidebar__widget__box__article a {
    color: #5E6264;
}
.sidebar__widget__box__article a:hover {
    color: #ff6565;
}
.sidebar__widget__box__date {
    color: #8B9AA5;
    font-size: 12px;
    margin-top: 10px;
}
.sidebar__twitterwidget {
    padding-bottom: 30px;
    float: left;
}
.sidebar__twitterwidget__autor {
    margin-bottom: 15px;
    margin-top: 20px;
}
.sidebar__twitterwidget__autor img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.sidebar__twitterwidget__autor__btn {
    position: relative;
    height: 18px;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    cursor: pointer;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 3px;
    font-size: 10px;
    padding: 3px;
}
.sidebar__twitterwidget__autor__btn i {
    color: #00adf0;
    font-size: 12px;
    margin-right: 5px;
}
.sidebar__twitterwidget__autor__name {
    margin-bottom: 5px;
}

.sidebar__twitterwidget__text {
    position: relative;
    background-color: #36bae2;
    width: 100%;
    margin-bottom: 45px;
    padding-bottom: 15px;
}
.sidebar__twitterwidget__text i {
    color: #fff;
    font-size: 36px;
    float: left;
    margin: 70px 20px 50px 35px;
}
.sidebar__twitterwidget__text>span {
    color: #F5FBFD;
    font-size: 14px;
    display: block;
    padding-right: 25px;
    padding-top: 40px;
    overflow: hidden;
}
.sidebar__twitterwidget__text a {
    color: #F5FBFD;
    display: block;
}
.sidebar__twitterwidget__text__date {
    display: block;
    color: #BCE8F5;
    font-size: 12px;
    margin-top: 7px;
}
.sidebar__recentproject {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}
.sidebar__recentproject__foto {
    margin-top: 25px;
    overflow: hidden;
    margin-bottom: 15px;
}
.sidebar__recentproject__name {
    display: block;
    font-size: 16px;
    font-weight: 900;
    color: #202425;
    margin-top: 10px;
}
.content__post__text__dopinfo__date {
    font-size: 12px;
    color: #8D9CA7;
}
.single-content-post {
    padding-bottom: 30px;
    margin-top: 0;
 }
.single-content-post .wrap__time {
    margin-right: 5px;
}
.single-content-post .content__post__text__article {
    margin-bottom: 27px;
    font-size: 25px;
    font-weight: 600;
    color: #484d4f;
}
.single-content-post .content__post__text__article a:hover {
    color: #484d4f;
}
.single-content-post p,
.single-content-post .content__post__foto{
    margin-bottom: 17px;
}
.author-post {
    margin-bottom: 50px;
}
.author-post__avatar {
    width: 81px;
    height: 81px;
    float: left;
    margin-right: 20px;
    position: relative;
    top: 5px;
    border-bottom: 2px solid #ff6565;
}
.author-post_h {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #51585b;
    line-height: 18px;
}
.author-post_s {
    position: relative;
    top: -1px;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    color: #898e90;
}
.author-post_p {
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 1.4;
    color: #898e90;
}
.author-post__soc .socials__icon {
    padding-left: 0;
    font-size: 18px;
    margin-right: 5px;
    color: #d2d2d2;
}
.author-post__soc .socials__icon:hover {
    color: #29beef;
    opacity: 1;
}
.commentform {
    margin-bottom: 60px;
}
.comment-field__title,
.respond__reply {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 400;
    color: #51585b;
}
.comment-field {
    margin-bottom: 60px;
}
.comment-field__value {
    color: #ff6565;
}
.comment {
    margin-bottom: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #898E90;
    opacity: 0.8;
 }
.comment.respond {
    margin-left: 100px;
}
.comment__avatar {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
    position: relative;
    top: 5px;
}
.comment__avatar:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    top: 50%;
    margin-top: -5px;
    right: 0;
}
.comment__posted {
    margin-bottom: 10px;
    font-size: 12px;
    color: #898e90;
    font-weight: 600;
}
.comment__posted .author-post_s {
    top: 0;
}
.comment-author {
    margin: 0 4px;
    color: #29beef;
}
.comment__p {
    line-height: 1.4;
}
.commentform input,
.commentform textarea {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 0 15px;
}
.commentform textarea {
    margin-bottom: 25px;
    min-height: 100px;
    padding: 15px;
}
.commentform .button {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}
.commentform .button i {
    font-size: 10px;
    margin-right: 5px;
    top: -2px;
}
.sidebar__recentproject__name:first-letter,
.sidebar__recentproject__name .animated,
.recentproject__block__title__link:first-letter,
.recentproject__block__title__link .animated {
    color: #ff6565;
}
.sidebar__recentproject__block__category__link {
    font-size: 12px;
    color: #4F5565;
}

/*=============================================
                RIGHT SIDEBAR
===============================================*/

.sidebar__searchform {

    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}
.sidebar__searchfield {
    width: 97%;
    height: 35px;
}
.sidebar__searchfield__link {
    position: absolute;
    top: 10px;
    right: 7px;
}
.sidebar__searchfield__link i {
    color: #DCDCDC;
    transform: scaleX(-1);
    font-size: 22px;
}
.sidebar__category {
    display: block;
    position: relative;
    width: 50%;
    float: left;
}
.sidebar__list {
    list-style: none;
    padding-left: 0;
    margin: 20px 0 40px 0;
}
.sidebar__archives {
    display: block;
    position: relative;
    width: 50%;
    float: left;
}
.sidebar__list li {
    display: block;
    padding: 13px 0;
}
.sidebar__list li a {
    color: #929799;
    font-size: 15px;
    display: block;
}
.sidebar__title {
    margin-bottom: 20px;
}
.sidebar__list li:hover {
    font-weight: bold;
}
.sidebar__tags {
    float: left;
    position: relative;
    width: 100%;
}
.sidebar__tags__list {
    margin: 20px 0 40px 0;
}
.sidebar__tags__list a {
    display: inline-block;
    color: #91989A;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 3px 5px;
}
.sidebar__tags__list a:nth-of-type(odd) {
    font-size: 22px;
}
.sidebar__tags__list a:hover {
    background-color: rgb(255, 101, 101);
    color: rgb(255, 255, 255);
}
.sidebar__contacts {
    float: left;
    position: relative;
    width: 100%;
}
.sidebar__contacts__block {
    background-color: #36BAE2;
    padding: 20px;
    color: #FFFFFF;
    font-size: 14px;
    margin: 20px 0;
}
.sidebar__contacts__block i {
    color: #FFFFFF;
    font-size: 80px;
    display: block;
    margin-bottom: 25px;
}
.sidebar__contacts__block a {
    color: #FFFFFF;
    font-size: 14px;
}
.field__twitterwidget__nav {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

/*==============================================
         SECOND-TOUCH_SKILLS
================================================*/

.skills {
    overflow: hidden;
    padding: 50px 0;
    position: relative;
}
.skills__field h3 {
    font-size: 23px;
    color: #44505a;
}
.skills__field__block {
    float: left;
}
.skills__field__block__count {
    display: block;
    height: 85px;
    width: 85px;
    background-color: #C2D1D9;
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 35px;
    color: #ffffff;
    line-height: 85px;
    text-align: center;
    font-weight: 300;
    position: relative;
}
.skills__field__block__count span {
    font-size: 16px;
}
.skills__field__block__title {
    float: right;
    position: relative;
    text-align: right;
    padding-top: 20px;
}
.skills__field__block__title .sub__title {
    color: #8d9ca7;
}
.skills__field__block__title .widget__title {
    margin-bottom: 5px;
    font-size: 18px;
}
.skills__field__block:nth-child(3) .skills__field__block__title {
    float: left;
    text-align: left;
}
.skills__field__block:nth-child(3) .skills__field__block__count {
    float: left;
}
.skills__field-wrapper {
    padding: 130px 0;
}
.skills__h3 h3 {
    border-right: 1px solid #BCC1C1;
    padding: 10px 20px 10px 0;
    margin: -5px 20px 0 20px;
}
.skills__h3.fl-right h3 {
    padding: 10px 0 10px 20px;
    border-right: none;
    border-left: 1px solid #BCC1C1;
    margin-right: 0;
    font-size: 18px;
    color: #FF6969;
}
.skills__h3.fl-left h3 {
    margin-left: 0;
    font-size: 18px;
    color: #FF6969;
}
.line {
    height: 1px;
    color: #FFFFFF;
}
.skills__field-wrapper-blocks {
    position: relative;
}
.skills__field__block:nth-child(1) {
    position: absolute;
    top: -120px;
    left: 150px;
}
.skills__field__block:nth-child(2) {
    position: absolute;
    top: -120px;
    left: 485px;
}
.skills__field__block:nth-child(3) {
    position: absolute;
    top: -120px;
    left: 850px;
}
.skills__field__block:nth-child(4) {
    position: absolute;
    top: 6px;
    left: 460px;
}
.skills__field__block:nth-child(5) {
    position: absolute;
    top: 6px;
    left: 780px;
}
.skills__field__block__count:before {
    height: 20px;
    width: 1px;
    content: "";
    background-color: #ccd9df;
    display: block;
    position: absolute;
    top: 85px;
    left: 40px;
}
.skills__field__block__count:after {
    height: 7px;
    width: 7px;
    content: "";
    background-color: #FFFFFF;
    display: block;
    border-radius: 50%;
    border: 3px solid #ccd9df;
    position: absolute;
    top: 99px;
    left: 34px;
}
.skills__field__block:nth-child(4) .skills__field__block__count:before,
.skills__field__block:nth-child(5) .skills__field__block__count:before {
    position: absolute;
    top: -20px;
    left: 40px;
}
.skills__field__block:nth-child(4) .skills__field__block__count:after,
.skills__field__block:nth-child(5) .skills__field__block__count:after {
    position: absolute;
    top: -27px;
    left: 34px;
}

/*===========================================
               OUR FEATURES
=============================================*/

.features {
    padding: 55px 0 70px 0;
    overflow: hidden;
}
.with-bg {
    background: transparent url("../image/features_bg.jpg") no-repeat scroll 0 65%;
}
.with-bg-color {
    background-color: #f8f8f8;
}
.features__field__title {
    font-size: 23px;
    color: rgb(68, 80, 90);
    font-weight: 600;
}
.features__field__block {
    margin-top: 50px;
}
.features__field__block i {
    color: #36BAE2;
    font-size: 70px;
    margin-bottom: 40px;
}
.features__field__block i:hover {
    color: #FF6969;
}
.features__field>.widget__title {
    margin-bottom: 40px;
}
.features__field__block__title>.widget__title {
    font-size: 18px;
    margin-bottom: 5px;
}
.features__field__block__title a {
    color: #484D4F;
}
.features__field__block p {
    margin-top: 15px;
    font-size: 14px;
    color: #767e81;
}

/*================================================
                    PIE CHARTS
==================================================*/

.pie-charts-wrap {
    background: url(../image/pie-bg.jpg);
}
.ratings__pie {
    padding-top: 48px;
}

.big-pie {
    position: relative;
    top: -46px;
}
.pie-chart {
    position: relative;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
}
.pie-chart__icon {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    margin-top: -24px;
    font-size: 48px;
    color: #272727;
}
.pie-chart-value-wpapper {
    float: left;
}
.pie-chart__icon {
    color: #fff;
}
.pie-chart-value-general {
    position: relative;
    margin-right: 15px;
    font-size: 47px;
    color: #fff;
}
.pie-chart-value-general:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #FF6565;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.pie-chart__procent {
    margin-left: 3px;
    font-size: 27px;
    position: relative;
    top: -12px;
}
.pie-chart__heading {
    padding-top: 15px;
}
.pie-chart__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-align: left;
}
.pie-chart__sub-title {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: left;
    color: rgba(255, 255, 255, 0.4);
}
.pie-chart__description {
    padding-top: 25px;
    clear: both;
    color: rgba(255, 255, 255, 0.4)
}

/*===========================================
                ABOUT OUR COMPANY
=============================================*/

.about {
    background: transparent url("../image/dollar.jpg") no-repeat fixed 0 0;
    position: relative;
    overflow: hidden;
    padding-top: 90px;
}
.about__overlay {
    background-color: #1F1F1F;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
   bottom: 0;
    right: 0;
}
.about__field {
    position: relative;
    padding-bottom: 0;
    padding-top: 54px;
}
.about__field .widget__title {
    font-size: 23px;
}
.about__field__autor {
    margin-top: 30px;
}
.about__field__text {
    padding-top: 65px;
}
.about__field__text__block__title {
    padding-top: 20px;
}
.about__field__text__block__title .sub__title {
    opacity: .6;
    margin-top: 5px;
}
.about__field__text__block img {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}
.about__field__text p {
    clear: both;
    font-size: 14px;
    opacity: .7;
}
.about__field__text ul {
    list-style: none;
    position: relative;
    line-height: 40px;
    font-style: italic;
    font-weight: 300;
    margin-top: 45px;
    padding-left: 40px;
}
.about__field__text ul li {
        margin-bottom: 10px;
        position: relative;
}
.about__field__text li:before {
    content: "";
    width: 15px;
    height: 1px;
    background-color: #FF6969;
    position: absolute;
    left: -35px;
    top: 20px;
}
.about__field__tiles {
    padding-top: 65px;
}
.wrapper__about__field__tiles {
    padding: 3px;
    float: left;
}
.about__field__tiles_module {
    width: 130px;
    height: 130px;
    background-color: #36BAE2;
    float: left;
    position: relative;
    color: #a4eeff;
    overflow: hidden;
}
.about__field__tiles_module.red {
    background-color: #FF6565;
}
.about__field__tiles_module.red.flip:hover {
    background-color: #36BAE2;
}
.about__field__tiles_module:hover {
    background-color: #FF6565;
}
.about__field__tiles_module i {
    font-size: 60px;
    line-height: 133px;
    text-align: center;
    width: 100%;
}
.about__field__tiles_module span {
    display: block;
    position: absolute;
    top: 81%;
    left: 7%;
    font-weight: 300;
    color: #ffffff;
}
.about__field__tiles_module:nth-child(2) {
    background-color: #FF6565;
}
.about__field__tiles_module img {
    opacity: .3;
    position: absolute;
    top: 18%;
    left: 32%;
}
.about__field__tiles_module a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

/*============================================
           RECENT PROJECTS-FOTO
==============================================*/

.recent {
    padding: 70px 0;
    overflow: hidden;
}
.recent__field__text .widget__title {
    font-size: 23px;
    color: #44505a;
    margin-bottom: 40px;
}
.recent__field__text p {
    font-size: 14px;
    text-align: justify;
}
.recent__field__foto__block {
    float: left;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
}
.recent__field__foto__block.big {
    width: 50%;
}
.recent__field__foto__block.small {
    width: 25%;
}
.recent__field__foto__block img {
    display: block;
    max-width: 100%;
    width: 100%;
}

/*==============================================
               BRAKING NEWS BLOCK
================================================ */

.crum_stiky_news {
    margin-bottom: 30px;
    background: #798992;
    font-family: "Source Sans Pro", "Segoe UI Light", "Segoe UI", Frutiger, "Frutiger Linotype", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    position: relative;
}
.crum_stiky_news:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    background: #464d51;
}
.blocks-label:before {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 8px;
    background: url(../image/sticky-news-bg.gif) right repeat-y;
}
.crum_stiky_news .blocks-label-wrap {
    height: 100%;
    display: table;
}
.crum_stiky_news .blocks-label {
    display: table-cell;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    float: none;
    padding: 0 30px 0 0;
    font-size: 18px;
    text-align: center;
    background: #464d51;
    white-space: nowrap;
}
.crum_stiky_news a {
    color: inherit;
}
.crum_stiky_news p {
    margin-bottom: 0;
}
.crum_stiky_news .blocks-text-wrap {
    padding: 8px 0 8px 30px;
    display: table-cell;
    border-left: none;
    vertical-align: middle;
    background: #798992;
}

/*=========================================
            SECOND_TOUCH - CONTACTS
===========================================*/

.foto-header {
    background: url("../image/header_bg.jpg");
}
#map {
    width: 100%;
    height: 545px;
}
#map.widget {
    width: 280px;
    height: 280px;
    float: left;
    margin-right: 20px;
}
.maps__field {
    position: relative;
    overflow: hidden;
}
.maps__field__info {
    position: absolute;
    top: 25px;
    right: 18px;
    z-index: 1;
    padding: 33px 30px;
    background-color: #36BAE2;
    height: 365px;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 14px;
}
.maps__field__info p {
    line-height: 1.5;
  }
.maps__field__info p:first-child {
    margin-bottom: 20px;
    font-weight: normal;
}
.maps__field__info img {
    margin-top: 35px;
}

/*==========================================
                 CONTACTS FORM
============================================ */

.contact {
    overflow: hidden;
    margin-bottom: 100px;
}
.contact__field {
    margin-top: 45px;
}
.contact__field .widget__title {
    font-size: 23px;
    color: #51585b;
    font-weight: 400;
    margin-bottom: 20px;
}
.contact__field__autor {
    margin: 35px 0 45px
}
.contact__field__autor img {
    position: relative;
    top: 5px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.contact__field__autor p {
    font-size: 14px;
    margin-bottom: 16px;
    overflow: hidden;
    margin-top: 5px;
    opacity: .6;
}
.contact__field__autor .sub__title {
    opacity: .6;
}
.contact__field__autor .widget__title {
    margin-bottom: 5px;
    font-size: 18px;
}
.contact__field__adress .widget__title {
    margin-bottom: 17px;
    font-size: 17px;
    font-weight: bold;
    color: #51585b;
}
.contact__field__adress p {
    margin-bottom: 9px;
}
.contact__field .socials {
    width: 100%;
    margin-top: 34px;
    padding-top: 27px;
    border-top: 1px solid #EFEFEF;
}
.contact__field .soc-icon {
    margin-left: 0;
    margin-right: 15px;
}
.contact__field .soc-icon a {
    margin-left: 0;
    font-size: 18px;
}
.contact__field form {
    margin-bottom: 22px;
    padding: 30px 45px;
    background-color: #EFEFEF;
}
.contact__field input, .contact__field textarea  {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    height: 30px;
    border: 1px solid #DFDFDF;
    font-size: 14px;
}
.contact__field textarea {
    height: auto;
}
.button {
    display: inline-block;
    background-color: #36BAE2;
    border-radius: 2px;
    border: 1px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}
.button i {
    font-size: 23px;
    position: relative;
    top: 2px;
}
.right-icon i,
.right-icon img {
    margin-left: 18px;
}
.left-icon i,
.left-icon img {
    margin-right: 18px;
}
.contact__field .button {
    padding: 10px 20px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}
.contact__field .button i {
    font-size: 10px;
    margin-right: 5px;
    top: -2px;
}
.contact__field button:hover {
    background-color: #1DA0C8;
    cursor: pointer;
}
.contact__field__text {
    font-size: 14px;
    line-height: 21px;
}
.mapskills__field__skills__title {
    opacity: .6;
}


/*===========================================
           SECOND_TOUCH - TIME_LINE
=============================================*/

.timeline {
    padding: 50px 0 140px 0;
    background: url("../image/bg_time-line.jpg") no-repeat;
}
.red__block {
    display: inline-block;
    background-color: #ff6565;
    color: #FFFFFF;
    padding: 4px;
}
.center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.timeline .center {
    font-size: 23px;
    color: #44505a;
}
.logopromo__text--h6 {
    font-weight: 300;
    color: #929ca0;
    font-size: 13px;
}
.logopromo__text__fluid {
    overflow: hidden;
    padding: 30px 0 35px 0;
    background-color: #f6f6f6;
}
.logopromo__text__fluid h3 {
    font-size: 23px;
    color: #595f61;
}
.logopromo__text__fluid.small h3 {
    font-size: 20px;
}
.timeline__field {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}
.timeline__field .testimonial__blockquote {
    overflow: visible;
}
.timeline__field .testimonial__blockquote__quote {
    margin-left: 0;
    padding-right: 30px;
    position: relative;
}
.timeline__field .testimonial__blockquote__quote:after {
    content: "";
    width: 1px;
    height: 80px;
    background: #ebebeb;
    position: absolute;
    right: 0;
    top: -30px;
}
.timeline__field:after {
    content: "";
    height: 100%;
    width: 2px;
    display: block;
    background-color: #E4EEF1;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    margin-top: 3%;
}
.timeline__field__block {
    position: relative;
    width: 50%;
    clear: both;
    margin-bottom: 70px;
}
.timeline__field__p {
    padding: 30px;
    background-color: #f2f3f3;
}
.timeline__field__block h2 {
    display: inline-block;
    color: #FF5050;
    font-size: 23px;
}
.timeline__field__block__features img {
    margin-bottom: 40px;
}
.timeline__field__block__features .marginb-20 {
    font-size: 23px;
    font-weight: 400;
}
.timeline__field__block__features .sub__title {
    margin-bottom: 25px;
}
.after:after {
    content: "";
    width: 3%;
    height: 2px;
    display: block;
    background-color: #FF4E4E;
    position: absolute;
    right: 57%;
    top: 39%;
}
.timeline__field__block__features .socials {
    margin-top: 30px;
}
.timeline__field__block__date {
    font-size: 23px;
    color: #6C6C6C;
    font-weight: 300;
    position: absolute;
    right: -94px;
    top: 5%;
}
.timeline__field__block__date:after {
     content: "";
     width: 20%;
     height: 2px;
     display: block;
     background-color: #FF4E4E;
     position: absolute;
     bottom: -10px;
 }
.odd:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 45%;
    left: -6px;
    border: 3px solid #BDCDD6;
    border-radius: 50%;
    background-color: #FFFFFF;
    z-index: 10;
}
.even:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 40%;
    right: -8px;
    border: 3px solid #BDCDD6;
    border-radius: 50%;
    background-color: #FFFFFF;
    z-index: 10;
}
.timeline__field__block.even {
    text-align: right;
    padding-right: 30px;
}
.timeline__field__block.odd {
    text-align: left;
    padding-left: 30px;
}
.timeline__field__block.odd h2 {
    padding-left: 30px;
}
.timeline__field__block.odd .timeline__field__block__date {
    top: 50%;
    position: absolute;
    right: 618px;
    width: 10%;
}
.content__post__text__img {
    height: 145px;
    width: 145px;
    overflow: hidden;
    margin: 0 0 15px 15px;
    float: right;
    position: relative;
}
.timeline__field__block__img {
    height: 180px;
    width: 180px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 15px;
    float: left;
}

/*=======================================
                MAP+SKILLS
=========================================*/

.mapskills__field__map__img {
    height: 280px;
    width: 280px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}
.mapskills {
    background-image: url("../image/bg_mapskills.jpg");
    background-size: cover;
    padding: 70px 0;
    position: relative;
    color: #FFF;
}
.mapskills__overlay {
    background-color: #0B0808;
    opacity: 0.5;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mapskills__field {
    position: relative;
    overflow: hidden;
}
.mapskills__field h2 {
    font-size: 23px;
    margin-bottom: 45px;
}
.mapskills__field__map__info-inner {
    margin-bottom: 45px;
}
.mapskills__field__map__info p {
    font-size: 14px;
    font-weight: 300;
    opacity: .6;
    margin-bottom: 25px;
    line-height: 17px;
}
.mapskills__field__map__info h3 {
    margin-bottom: 17px;
}
.mapskills__field__skills__progress {
    width: 100%;
    background-color: #999593;
    height: 4px;
    position: relative;
    margin-bottom: 38px;
}
.mapskills__field__skills__progress__meter {
    background-color: #ff6565;
    height: 4px;
    display: block;
    position: relative;
}
.mapskills__field__skills__progress__value {
    position: absolute;
    right: -18px;
    bottom: 21px;
    opacity: .6;
    font-size: 18px;
}
.mapskills__field__skills {
    float: left;
    padding-left: 20px;
}
.mapskills__field__skills__progress__value:after {
    content: "";
    position: absolute;
    display: block;
    height: 80%;
    width: 1px;
    background-color: #FFFFFF;
    opacity: .5;
    right: 17px;
}
.mapskills__field__skills__progress__percent {
    font-size: 13px;
}
.mapskills__autor.contact__field__autor {
    margin: 45px 0;
}
.mapskills__autor.contact__field__autor p {
    margin-top: 12px;
}
.mapskills__autor.contact__field__autor .widget__title {
    margin-bottom: 0;
}
.contact__field__autor__img {
    height: 80px;
    width: 80px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    position: relative;
}


/*=============================================
                RECENT WORKS
===============================================*/

.recentworks {
    padding: 90px 0 105px 0;
    position: relative;
}
.recentworks__fields {
    position: relative;
    overflow: hidden;
}
.recentworks__fields__title {
    font-size: 23px;
    color: #44505a;
}
.recentworks__fields__blocks {
    padding-top: 35px;
}
.recentworks__fields__img {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
}
.recentworks__fields__img img {
    display: block;
    max-width: 100%;
    width: 100%;
}
.sidebar__widget__box__img {
    height: 80px;
    width: 80px;
    overflow: hidden;
    margin-right: 40px;
    position: relative;
    float: left;
}
.sidebar__widget__box__img img {
    position: absolute;
    left: -37px;
    top: -4px;
}
.wrap__recentworks__fields__blocks {
    overflow: hidden;
}
.wrap__recentworks__fields__blocks .widget__title {
    padding-top: 30px;
    display: block;
}
.wrap__recentworks__fields__blocks .widget__title:hover {
    color: #ff6565;
}
.recentworks__fields__blocks p {

    margin-top: 32px;
}

/*========================================
           SECOND_TOUCH - SHOPPED
==========================================*/

.topsellers__field {
    position: relative;
}
.product {
    position: relative;
    min-height: 470px;
}
.product__img {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    height: 280px;
    line-height: 280px;
    background-color: #EBEBEB;
    text-align: center;
}
.product__img img {
    display: inline;
    vertical-align: middle;
}
.products-title {
    font-size: 23px;
    font-weight: 400;
    color: #44505a;
    padding-bottom: 20px;
}
.product-carousel {
    overflow: visible !important;
}
.product-carousel .product {
    padding: 0 10px;
}
.product__price{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    font-size: 18px;
    color: #FF6565;
}
.product__category{
    color: #879DA9;
    font-size: 14px;
    float: right;
    font-weight: 400;
    padding-top: 5px;
}
.product__cart {
    float: left;
}
.product__cart-icon {
    float: left;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.product:hover .product__cart-icon {
    opacity: 1;
    display: block;
}
.product__cart-icon i {
    margin-right: 12px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    background: #36bae2;
    text-align: center;
    font-size: 22px;
    color: #fff;
}
.product__add {
    font-size: 15px;
    color: #737f82;
}
.details {
    display: none;
    float: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.product:hover .details {
    opacity: 1;
    visibility: visible;
    display: block;
}
.details {
    height: 56px;
    line-height: 56px;
}
.details__icon i {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin-right: 10px;
    color: #66757a;
}
.details__span {
    font-size: 15px;
    color: #737f82;
}
.product__stars {
    position: relative;
    text-align: right;
    padding-top: 10px;
    width: 100%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.product:hover .product__stars {
    opacity: 0;
    display: none;
}
.product__stars-icon {
    font-size: 20px;
}
.product__percent {
    position: absolute;
    right: 10px;
    top: 0;
}
.nav__block {
    position: absolute;
    top: 70px;
    right: 7px;
}
.nav__block img {
    margin-right: 5px;
}
.latest .product__percent {
    right: 0;
    top: 0;
}
/*--============================================
                     MOBILE
================================================-*/

.mobile__field {
    position: relative;
}
.mobile {
    background: url("../image/bg_mobile.jpg") no-repeat;
    position: relative;
}
.mobile__field__img img {
    max-width: 100%;
}
.features__field__block--mobile {
    width: auto;
    margin-bottom: 60px;
}
.features__field__block--mobile i {
    margin-bottom: 50px;
    margin-right: 25px;
    display: block;
}
.features__field__block--mobile__link {
    color: #2AA9D1;
    text-decoration: underline;
}
.features__field__block--mobile i:hover {
    color: #496068;
}

/*======================================
              CALL TO ACTION
========================================*/

.action {
    position: relative;
    background: url("../image/bg_action.jpg") 50% 50%;
    padding: 40px 0;
}
.action__field .button {
    float: right;
    background-color: #FF6565;
    border: none;
    border-radius: 3px;
    padding: 7px 15px;
    position: relative;
    margin-left: 50px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
}
.action__field__text {
    float: right;
    text-align: right;
}
.action__field__text h3 {
    margin-bottom: 5px;
    font-size: 23px;
    line-height: 1;
}

/*======================================
         SECOND_TOUCH - PORTFOLIO
========================================*/

.portfolio {
    position: relative;
    padding: 40px 0 70px 0;
}
.portfolio__field {
    position: relative;
}
.portfolio__field-title {
    margin-bottom: 40px;
    font-size: 35px;
    font-weight: 300;
    color: #555e60;
}
.portfolio__field__foto {
    width: 100%;
    padding-right: 20px;
    max-height: 500px;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.portfolio__field__foto__little {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.portfolio__field__foto__little .wrapper {
    width: 68px;
    height: 68px;
    overflow: hidden;
    display: inline-block;
    border: 3px solid rgba(255,255,255,.3);
}
.portfolio__field__nav {
    position: relative;
    margin-top: 40px;
}
.portfolio__field__nav__left {
    display: inline-block;
    width: 33%;
}
.portfolio__field__nav__left img {
    position: absolute;
    left: 0;
    bottom: 5px;
}
.portfolio__field__nav__left span {
    display: block;
    padding-left: 20px;
}
.portfolio__field__nav__center {
    display: inline-block;
    width: 33%;
    text-align: center;
}
.portfolio__field__nav__right {
    display: inline-block;
    width: 33%;
    text-align: right;
}
.portfolio__field__nav__right img {
    position: absolute;
    right: 0;
    bottom: 4px;
}
.portfolio__field__nav__right span {
    display: block;
    padding-right: 20px;
}
.sidebarleft__widget__tabs  {
    font-size: 0;
}
.portfolio__tabs {
    padding-top: 74px;
}
.portfolio__tabs li {
    display: inline-block;
    border: 1px solid rgb(221, 221, 221);
    border-bottom: none;
    font-size: 14px;
    cursor: pointer;
}
.portfolio__tabs li a {
    display: block;
    background: #36bae2;
    padding: 14px 20px;
    color: #fff;
}
.portfolio__tabs li .active {
    background: #f7f7f7;
    color: #767e81;
}
.portfolio__tabs li.active a {
    margin-right: 1px;
    color: #484d4f;
}
.portfolio__tabs .widget__tabs-item {

    font-weight: 300;
    line-height: 1.4;
    font-size: 14px;
    margin-top: -1px;
    border: 1px solid rgb(221, 221, 221);
    padding: 25px;
    background: #f7f7f7;
}
.portfolio__tabs p {
    margin-bottom: 20px;
}
.portfolio__tabs p a {
    text-decoration: underline;
    color: #3CBAE3;
}
.portfolio__tabs .mapskills__field__skills__progress__value,
.portfolio__tabs .mapskills__field__skills__title,
.portfolio__tabs .mapskills__field__skills__progress__value:after {
    opacity: 1;
}
.portfolio__tabs__dopinfo {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
}
.portfolio__tabs__dopinfo > div {
    padding-top: 13px;
    text-align: left;
}
.portfolio__tabs__dopinfo i {
    margin-right: 15px;
    display: block;
    height: 52px;
    width: 52px;
    background-color: #FF6565;
    color: #FFFFFF;
    font-size: 24px;
    float: left;
    line-height: 52px;
}
.portfolio__tabs .sidebar__widget__tabs {
    margin-bottom: 0;
}

/* =========================================
   Social share panel
============================================*/

#social-share {
    margin-top: 40px;
    border: 1px solid #DDD;
    background: #f7f7f7;
    padding: 6px;
}
#social-share .post-like {
    display: inline-block;
    width: 19%;
    text-align: center;
    height: 24px;
    line-height: 26px;
}
#social-share .post-like a, #social-share .post-like .alreadyvoted {
    display: inline-block;
    width: 22px;
    height: 13px;
    position: relative;
    padding-right: 7px;
}
#social-share .post-like a:before, #social-share .post-like .alreadyvoted:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #c3c3c3;
    content: "\e304";
    font-family: 'moon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
#social-share .post-like .count {
    position: relative;
    top: -1px;
}
#social-share > span {
    display: inline-block;
    height: 24px;
    line-height: 26px;
    border-left: 1px solid #e8e8e8;
    width: 19%;
    text-align: center;
}
#social-share > span:first-child {
    border-left: none;
}
#social-share a {
    color: inherit;
}
#social-share i {
    color: #c3c3c3;
    padding: 0 7px 0 0;
    font-size: 15px;
}
#social-share .total {
    position: relative;
    top: -1px;
}
#my-work-slider {
    clear: both;
    position: relative;
}
#my-work-slider > img {
    display: none;
}
#my-work-slider:hover .my-work-control-thumbs {
    opacity: 1;
}
#my-work-slider .my-work-control-thumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 18px;
    left: 19px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
}
#my-work-slider .my-work-control-thumbs li {
    float: left;
    margin-right: 10px;
    padding: 0;
    line-height: .5;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    width: 70px;
    height: 70px;
}
#my-work-slider .my-work-control-thumbs li img {
    max-width: 100%;
    height: 70px;
}
.marginb-120 {
    margin-bottom: 120px;
}
.marginb-20 {
    margin-bottom: 20px;
}
.post__like a {
    color: #C3C3C3;
    margin-right: 5px;
}
.recentproject__tabs li:nth-child(8) a {
    padding-right: 33px;
}
.recentproject__tabs li:nth-child(8) span {
    margin: 0 5px 0 15px;
}
.recentproject__tabs li:nth-child(9) span {
    margin-right: 15px;
}
.recentproject__tabs li:nth-child(9) img {
    position: absolute;
}
.recentproject__tabs li:nth-child(9) img:nth-child(2) {
    top: 13px;
    right: 0;
}
.recentproject__tabs li:nth-child(9) img:last-child {
    bottom: 12px;
    right: 0;
}

/*=============================================
              SECOND_TOUCH - BLOCKS
===============================================*/


@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
.blocks__infobox {
    overflow: hidden;
    position: relative;
}
.infobox .widget__title {
    margin-bottom: 5px;
    font-size: 23px;
    line-height: 1;
    font-weight: 400;
    color: #484d4f;
}
.infobox .sub__title {
    margin-bottom: 20px;
}

.infobox__icon {
    margin-right: 25px;
    display: block;
    position: relative;
    width: 125px;
    height: 125px;
    line-height: 125px;
    text-align: center;
    font-size: 45px;
    color: #FFFFFF;
}
.infobox li {
    margin-bottom: 11px;
}
.flipbox {
    display: block;
    position: relative;
    transition: all .4s ease-in-out;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    cursor: pointer;
    visibility: visible;
}
.about__field__tiles_module.flip span {
    display: none;
}
.flip {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
     -o-animation-name: flip;
    animation-name: flip;
    background: #ff6565;

}
.icon--top {
    margin-bottom: 40px;
}
.feature-block-image__wrapper {
    position: relative;
}
.feature-block-image__heading {
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -31px;
}
.feature-block-image__title {
    font-size: 46px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}
.feature-block-image__sub {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
}
.feature-block-image__img {
    margin-bottom: 25px;
}
.feature-block-image__img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
}
.feature-block-image__img img {
    display: block;
    width: 100%;
}
.feature-block-image__p {
    padding-bottom: 23px;
    border-bottom: 1px solid #eee;
    color: #767e81;
}
.feature-block-image__img:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 0 32px;
    border-color: transparent transparent transparent #ff6565;
    -moz-transition: border-width .2s linear;
    -webkit-transition: border-width .2s linear;
    -o-transition: border-width .2s linear;
    transition: border-width .2s linear;
}
.feature-block-image__img:after {
    content: "\f067";
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    bottom: 2px;
    left: 5px;
    z-index: 11;
    font-size: 10px;
    border-color: transparent transparent transparent #ff6565;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.feature-block-image__img:hover:before {
    border-width: 64px 0 0 64px;
}
.feature-block-image__img:hover:after {
    font-size: 14px;
    bottom: 7px;
    left: 14px;
}
.recentnews__field .owl-next,
.product-carousel .owl-next {
    background: transparent url("../image/arrow_grey_right.png") no-repeat scroll 0 0;
    position: static;
}
.recentnews__field .owl-prev,
.product-carousel .owl-prev{
    background: transparent url("../image/arrow_grey_left.png") no-repeat scroll 0 0;
    position: static;
}
.product-carousel .owl-nav,
.recentnews__field .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
}
.product-carousel .owl-nav {
    top: -40px;
}
.recentnews__field .owl-nav {
    right: -10px;
}
.product-carousel .owl-prev, .product-carousel .owl-next,
.recentnews__field .owl-prev, .recentnews__field .owl-next {
    width: 30px;
    height: 10px;
    line-height: 10px;
    transform: none;
    float: left;
}
.product-carousel .owl-next:before,
.recentnews__field .owl-next:before {
    position: relative;
    left: -18px;
    top: 1px;
    content: "";
    display: block;
    height: 9px;
    width: 11px;
    background: url("../image/arrow_grey_center.png");
}

/*====================================================
                     PRICE TABLE
  ====================================================*/

.price-table {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    border: 1px solid #f0f0f0;
}
.price-table:hover .price-table__block {
    color: #ffffff !important;
    background-color: #ff6565;
}
.price-table__block {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
    padding: 34px 40px 12px 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.price-table__block i {
    margin-bottom: 22px;
    color: #ff6565;
    font-size: 45px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.price-table:hover .price-table__block i {
    color: #ffffff;
}
.price-table__block .widget__title {
    margin-bottom: 30px;
    font-size: 23px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.price-table:hover .price-table__block .widget__title {
    color: #ffffff;
}
.price-table__price {
    font-size: 25px;
    color: #5d6568;
    font-weight: 300;
    margin-right: 5px;
    margin-bottom: 16px;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.price-table:hover .price-table__price {
    color: #ffffff;
}
.price-table__list {
    width: 100%;
    height: auto;
    padding: 2px 0 14px 0;
    list-style: outside none none;
    font-size: 14px;
}
.price-table__list li {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 15px 10px 30px;
}
.price-table .button {
    padding: 8px 37px;
    background-color: #ff6565;
    margin-left: 30px;
    cursor: pointer;
    font-weight: 300;
    border-radius: 3px;
    display: block;
    float: left;
}
.price-table--recomendet {
    border: 2px solid #36bae2;
    position: relative;
}
.price-table--recomendet:after {
     content: "";
     display: block;
     width: 0;
     height: 0;
     border-top: 15px solid #36bae2;
     border-left: 15px solid transparent;
     position: absolute;
     right: 0;
     top: 0;
 }
.price-table--recomendet:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../image/ok.png") no-repeat;
    height: 6px;
    width: 8px;
    z-index: 999;
}

/*==================================================
                   MAGNIFIC POPUP
  ==================================================*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.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;
    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: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-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;
    -ms-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;
    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;
    filter: alpha(opacity=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;
    filter: alpha(opacity=100);
}
.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;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: -55px 0 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.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;
    opacity: 0.7;
}
.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;
    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;
}
.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;
}

/* This block of CSS adds opacity transition to background */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}
/* aligns caption to center */
.mfp-title {
    text-align: center;
    padding: 6px 0;
}
.image-source-link {
    color: #DDD;
}

/*=================================
         Zoom effect
===================================*/

.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */ }
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/*==========================================
        Owl Carousel - Animate Plugin
 ===========================================*/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.owl-carousel .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
@-webkit-keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
@keyframes fadeIn {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
}
.owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-prev, .owl-next, .owl-dot {
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-refresh .owl-item {
    display: none;
}
.owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-item img {
    -webkit-transform-style: preserve-3d;
}
.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
}
.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.owl-rtl {
    direction: rtl;
}
.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {

    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.crum-carousel {
    overflow: hidden;
    position: relative;
}
.owl-item {
    float: left;
}
.owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.owl-controls {
    height: 0;
}
.owl-prev, .owl-next {
    position: absolute;
    font-size: 60px;
    display: block;
    width: 30px;
    height: 60px;
    text-align: center;
    color: #fff;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.owl-prev {
    top: 55%;
    left: 2%;
}
.owl-next{
    background: url("../image/arrow_next.png") no-repeat;
    right: 2%;
    top: 55%;
}
.owl-prev:hover,
.owl-next:hover {
    opacity: 0.8;
}
.owl-dots {
    position: relative;
    bottom: 40px;
    text-align: center;
}
.owl-dot {
    display: inline-block;
    cursor: pointer;
}
.slider .owl-dot.active span:after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #5db8cd;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    opacity: 0.8;
}
.slider .owl-prev,.slider .owl-next {
    margin-top: -20px;
}
.owl-dot span {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #c0e0e9;
    display: inline-block;
    margin-right: 7px;
    opacity: 0.8;
}
.owl-dot:last-of-type span {
    margin-right: 0;
}
.border--none {
    border: none;
}

/*=====================================================
                     ACCORDION
=======================================================*/

.accordion dt a {
  display: block;
  padding: 13px 10px 10px 22px;
}
.accordion dd {
  font-size: 15px;
  line-height: 1.3;
  padding: 10px 0 10px 20px;
}
.accordion dd:last-of-type {
  border-top: 1px solid white;
  position: relative;
  top: -1px;
}
.accordion dt {
    background-color: rgb(54, 186, 226);
}
.accordion__icon {
    font-size: 20px;
}
.accordion__title {
    font-size: 19px;
    font-weight: 300;
}
.accordion__content__a {
    display: inline-block !important;
    color: #2dafd6 !important;
    font-size: 15px;
    text-decoration: underline;
}
.accordion dt:hover {
    background-color: rgba(54, 186, 226, .8);
}
.accordion__module .after::after {
    right: 72%;
    top: 36%;
    width: 2%;
}

/*============================================
                    TABS
==============================================*/


.tabs.vertical {
    margin: 0;
    padding: 0 20px 0 0;
    width: auto;
    float: left;
    list-style: none;
}
.tabs.vertical a {
    display: block;
    padding: 13px 15px;
    color: #ffffff;
    background-color: rgba(54, 186, 226, 0.8);
}
.tabs.vertical li a  {
    background:#36bae2;
}
.tabs-content__widget-title {
    margin-bottom: 20px;
}
.tabs.vertical li a.active, .tabs.vertical li a:hover {
    background-color: rgb(94,200,232);
    color:#fff;
}
.tabs__title {
    font-size: 18px;
    font-weight: 300;
    padding: 5px 0;
    display: block;
}
.tabs__icon {
    font-size: 20px;
    display: block;
    margin-left: 10px;
}
.tabs.vertical .widget__title {
    margin-bottom: 30px;
}

/*===================================================
               SECOND_TOUCH - NEWS
=====================================================*/

.block--red {
    margin-top: 0;
    margin-left: -3px;
}
.content__post__text__dopinfo.ovh--none p {
    padding-top: 20px;
}
.news__article .wrapper__sidebar__widget__box {
    margin-top: 45px;
    background-color: #f0f0f0;
    margin-bottom: 25px;
}
.news__article {
    margin-bottom: 40px;
}
.news__article .sidebar__widget__box__article {
    margin-bottom: 20px;
    font-weight: 400;
}
.sidebar__widget__box__views {
    height: 25px;
    width: 25px;
    background-color: #ff6565;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 25px;
    text-align: center;
}
.content__post__title {
    font-size: 24px;
    color: #484d4f;
    margin-bottom: 20px;
    display: block;
}
.carousel__item {
    width: 50%;
    position: relative;
}
.carousel__item img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.carousel__item__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: 100%;
    background-color: #000000;
    opacity: 0.6;
}
.content__post__text--abs {
    position: absolute;
    top: 32%;
    left: 12%;
    padding-right: 25px;
}
.carousel__item .content__post__text i {
    border-right-color: rgba(255, 101, 101, 0.5);
    opacity: 0.5;
    margin-right: 20px;
    font-size: 25px;
    height: 25px;
    width: auto;
    line-height: 25px;
    padding-top: 0;
    padding-right: 15px;
    margin-bottom: 20px;
}
.carousel__item .content__post__text__dopinfo p {
    opacity: .5;
    margin-top: 0;
}
.post__carousel .owl-next {
    background-size: 15px;
    right: -1%;
    top: 48%;
}
.post__carousel .owl-prev {
    background: transparent url("../image/arrow.png") no-repeat scroll 15px 0;
    right: 2%;
    top: 43%;
    opacity: .5;
    left: 0;
}
.politics {
    margin-bottom: 20px;
    margin-top: 40px;
}
.post__carousel .content__post__text__article  {
    margin-top: -10px;
}
.politics .content__post__text {
    margin-top: 0;
}
.politics .content__post__text__article {
    margin-top: 30px;
}
.politics .content__post__text__article a {
    font-size: 20px;
    line-height: 22px;
}
.politics .content__post__text__dopinfo p {
    padding-top: 0;
}
/*==============================================
                  CRUMINA SLIDER
================================================*/

/* Example wrapper */
.crumina-slider-wrap {
    position: relative;
    padding-top: 0;
}
/* Frame */
.crumina-slider-wrap.loading .crum-slider {
    opacity: 0;
    height: 400px;
}
.crumina_slider {
    overflow: hidden;
}
.crumina-slider-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.crum-slider ul li {
    float: left;
    width: 1180px;
    margin-right: 3px;
    /*max-width: 100%;*/
    height: 100%;
    opacity: .4;
}
.crum-slider ul li.active {
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
/* Scrollbar */
.crumina-slider-wrap .scrollbar, .crumina-slider-wrap .pages {
    clear: both;
    margin: 24px auto 0 auto;
    height: 7px;
    width: 1180px;
    max-width: 100%;
    background: #c2d1d9;
    line-height: 0;
    overflow: hidden;
}
.crumina-slider-wrap .pages {
    background: #fff;
    padding: 0;
    list-style: none;
}
.crumina-slider-wrap .pages li {
    display: block;
    float: left;
}
.crumina-slider-wrap .click-section {
    margin: 0 3px;
    background: #c2d1d9;
    height: 8px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.crumina-slider-wrap  .entry-thumb:hover>img {
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.crumina-slider-wrap .click-section:hover {
    height: 16px;
    top: -4px;
    bottom: -4px;
}
.crumina-slider-wrap .pages li:first-child .click-section {
    margin-left: 0;
}
.crumina-slider-wrap  .pages li:last-child  .click-section {
    margin-right: 0;
}
.crumina-slider-wrap .active .click-section {
    background: #ff6565;
    cursor: auto;
    height: 8px !important;
    top: 0 !important;
    bottom: 0 !important;
}
.crumina-slider-wrap .scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #ff6565;
    cursor: pointer;
}
.crumina-slider-wrap .pages .active {
    cursor: auto;
}
.crumina-slider-wrap .scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}
/* Post styling*/

.crum-slider .item {
    float: left;
    position: relative;
    line-height: .5;
    overflow: hidden;
}
.crum-slider .big-element {
    width: 50%;
}
.crum-slider .small-element {
    padding-left: 3px;
    margin-bottom: 3px;
    width: 25%;
    overflow: hidden;
}
.crum-slider.tmp-1b-2s .small-element {
    padding-left: 0;
}
.cr-sl-clear {clear:left; padding-right:3px;}
.cr-sl-clear .item-content-metro {right: 3px}
.sl-thumb-wrap {overflow:hidden}
.crum-slider .large-element {
    width:50%
}
.hoverbox-link {
    cursor: pointer;
}
.crumina-slider-wrap .cat-name {
    display: block;
    padding: 9px 21px;
    margin-right: 3px;
    background: #ff6565;
    background: rgba(255, 101, 101, .6);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 1.3;
    width: auto;
    height: auto;
    opacity: 1;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
}
.crum-slider.tmp-1b-4s .small-element  .cat-name{
    margin-left: 3px;
}
.cat-name a, .cat-name a:hover {
    color: #fff;
}
.crumina-slider-wrap .cat-name:hover {
    background: #ff6565;
    background: rgba(255, 101, 101, 1);
}
.link-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.crumina-slider-wrap .item-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 30% 10% 0 10%;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.crumina-slider-wrap .active .item-content:hover{
    opacity: 1;
}
.crumina-slider-wrap .item-content .slider-icon-wrap {
    color: #ff6565;
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.3);
    box-shadow: 1px 0 0 rgba(255,255,255,0.3);
    padding: 0 20px 0 0;
    margin: 0 25px 0 0;
    height: 38px;
    float: left;
}
.crumina-slider-wrap .item-content .slider-icon-wrap i:before {
    font-size: 32px;
}
.crumina-slider-wrap .item-content .entry-title {
    font-size: 26px;
    line-height: 1.1;
    overflow: hidden;
    position: relative;
    top: -8px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}
.crumina-slider-wrap .entry-title a {
    color: inherit;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease;
}
.crumina-slider-wrap .entry-title a:hover {
    color: #ff6565;
}
.crumina-slider-wrap .item-content .text {
    position: relative;
    clear: both;
    padding-top: 20px;
    font-weight: 300;
    opacity: .65;
    line-height: 1.5;
}
/*One touch slider additional styles*/
.crum-slider.tmp-1b-2s ul li {
    margin-right: 0;
}
.crum-slider.tmp-1b-2s li .last-item, .crum-slider.tmp-1b-2s li > div:last-child {
    padding-right: 3px;
}

.crum-slider .small-element.item .item-content-metro, .crum-slider.tmp-1b-2s li .last-item  .item-content-metro{
    right: 3px;
}

.crum-slider .small-element.item .sl-thumb-wrap {
    margin-right: 3px;
    position: relative;
}
.crum-slider .small-element.item:last-child .sl-thumb-wrap {
    margin-right: 0;
}
.crum-slider .item .item-content-metro {
    width: 100%;
    height: 100%;
    position: absolute;
    color: #fff;
    padding: 40px 15px 20px;
    bottom: -100%;
    line-height: 1.5;
    background: rgb(87, 186, 232);
    background: rgba(87, 186, 232, 0.87);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.crum-slider .item.even .item-content-metro {

    background: rgb(108, 190, 66);
    background: rgba(108, 190, 66, 0.87);
}
.crum-slider .active .item:hover .item-content-metro, .crum-slider .active .item.hover .item-content-metro {
    bottom: 0;
}
.crum-slider .item .text {
    clear: both;
    padding-top: 15px;
}
.crum-slider .item-content-metro .entry-title{
    font-weight: 400;
    line-height: 1.3;
    margin: 3px 0;
    font-size: 17px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}
.crum-slider .item-content-metro .entry-title a {
    color: #fff;
}
.crum-slider .active .item.hover a.mobile-link{
    position: absolute;
    top: 0;left: 0;width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 100;
}
.crum-slider .item-content-metro .slider-icon-wrap {
    margin-right: 15px;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    margin-top: 10px;
    display: block;
    float: left;
    text-align: center;
    line-height: 35px;
}
.crum-slider .item-content-metro .slider-icon-wrap i {
    color: #fff;
}
.crum-slider .item-content-metro .slider-icon-wrap i:before {
    font-size: 19px;
    top: 2px;
}

/*
                      Thumbs hover
*/
.crumina-slider-wrap .entry-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: .5;
}
.crumina-slider-wrap .entry-thumb > img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}
.crumina-slider-wrap .entry-thumb:hover > img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.crumina-slider-wrap .entry-thumb > a {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    opacity: 0;
}
.crumina-slider-wrap .entry-thumb > a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    display: none;
    width: 100%;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    color: #ff6565;
    font-size: 2.3em;
    position: absolute;
    top: 50%;
    margin-top: -16px;
}
.crumina-slider-wrap .entry-thumb > a.link:before {
    content: "\f0f6";
}
.crumina-slider-wrap .entry-thumb > a:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}
.crumina-slider-wrap .entry-thumb a:hover:before {
    display: block;
}
.ads__place {
    height: 268px;
    width: 100%;
    background-color: #dfdfdf;
    margin-top: 28px;
    line-height: 268px;
    text-align: center;
    margin-bottom: 10px;
}
.ads__place__title {
   line-height: 268px;
}
.follow__widget {
    margin-bottom: 3px;
}
.follow__widget a {
    display: block;
    width: 32.62%;
    padding: 41px 5px;
    float: left;
    box-sizing: border-box;
    margin-right: 4px;
}
.follow__widget .twitter {
    background-color: #50b3e5;
}
.follow__widget .facebook {
    background-color: #7a90b7;
}
.follow__widget .yt {
    background-color: #ff6565;
    margin-right: 0;
}
.follow__widget i {
    font-size: 30px;
    padding-right: 7px;
    float: left;
    padding-top: 5px;
}
.follow__widget .number {
    font-size: 16px;
    display: block;
    margin-bottom: -5px;
}
.follow__widget .text {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    opacity: .7;
    display: block;
}
.subscribe__form {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    position: relative;
}
.search__field {
    width: 97%;
    height: 40px;
    border: 1px solid #DFDFDF;
    display: block;
    font-size: 14px;
    padding-left: 10px;
}
.submit__icon {
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 3px;
    background: #FFB44A url("../image/rss-subscribe-ico.png") no-repeat scroll center center;
    text-align: center;
    border: medium none;
}
.sidebar__news .sidebar__widget__box {
    padding-bottom: 0;
}
.sidebar__news .content__post__text__dopinfo p {
    margin-top: 10px;
}
.video__block {
    margin-top: 30px;
}
.video__block__title {
    font-size: 23px;
    margin-bottom: 20px;
}
.blocks {
    margin-top: 30px;
}
.blocks__item {
    background-color: #dfdfdf;
    height: 180px;
    display: block;
    margin-bottom: 20px;
}
.business .content__post__text__article a {
    font-size: 20px;
}
.photo .content__post__text__article a {
    font-size: 20px;
}

/*==========================================
               RESPONSIVE
============================================ */

@media (max-width: 600px) {
    .main-content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
}
@media (max-width: 600px) {
    .sidebar {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
}
@media (max-width: 480px) {
    .topline__usericon__login {
        margin-left: 85px;
    }
}
@media (max-width: 360px) {
    .topline__usericon__login {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .topline__searchform {
        float: left;
    }
}
@media (max-width: 360px) {
    .topline__searchform {
        display: none;
    }

}
@media (max-width: 360px) {
    .topline__usericon {
        margin-left: 25px;}
}
@media (max-width: 320px) {
    .topline__usericon {
        margin-left: 0;}
}
@media (max-width: 320px) {
    .topline__usericon i {
        margin-right: 20px;
    }
}
@media (max-width: 980px) {
    .loginstatus {
        display: none;
    }
}
@media (max-width: 600px) {
    .topline__searchfield__link {
        top: 5px;
    }
}
@media (max-width: 480px) {
    .topline__searchfield__link {
        top: 19px;
    }
}
@media (max-width: 1024px) {
    .topline__searchfield {
        margin-left: 0;
    }
}
@media (max-width: 640px) {
    .topline__searchfield {
        margin-left: 30px;
    }
}
@media (max-width: 570px) {
    .topline__searchfield {
        margin-right: -20px;
        margin-left: 0;
        margin-top: 15px;
    }
}
@media (max-width: 480px) {
    .topline__searchfield {
        margin-left: -30px;
    }
}
@media (max-width: 360px) {
    .topline__searchfield {
        margin-left: -23px;
    }
}
@media (max-width: 320px) {
    .topline__searchfield {
        margin-bottom: 20px;
        margin-left: 30px;
    }
}
@media (max-width: 1024px) {
    .topline__language {
        float: left;
    }
}

@media (max-width: 360px) {
    .topline__language__link {
        float: none;
        text-align: center;
    }
}
@media (max-width: 980px) {
    .topline__language__img {
        margin-left: 0;
    }
}
@media (max-width: 320px) {
    .topline__language__img {
        margin: 10px 10px -3px -27px;
        float: none;
    }
}
@media (max-width: 320px) {
    .socials {
        float: none;
        margin-top: 20px;
    }
}
@media (max-width: 360px) {
    .topline .socials__text {
        display: none;
    }
}
@media (max-width: 1024px) {
    .topline .socials {
        margin-left: 33px;
        padding-top: 9px;
    }

}
@media (max-width: 360px) {

    .socials__icon {
        display: inline-block;
        float: none;
        margin: 0;
    }

    .topline .socials {
        float: none;
        clear: both;
        text-align: center;
        margin: 0;
    }
}
@media (max-width: 480px) {
    .socials__icon {
        margin-bottom: 13px;

    }
}

@media (max-width: 480px) {
    .topline__language {
        float: left;
        padding-top: 17px;
    }

    .topline .socials {
        padding-top: 13px;
    }
}


@media (max-width: 360px) {
    .topline__language {
        margin-left: 72px;
    }
}

@media (max-width: 320px) {
    .topline .socials {
        padding-top: 20px;
    }
}


@media (max-width: 680px) {.soc-icon {
    margin-left: 0;
}
}
@media (max-width: 570px){
    .main__menu {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 767px){
    .top-menu-button {
        background-color: #696A6C;
        display: block;
        width: 36px;
        height: 28px;
        margin: 10px auto 30px;
        border-radius: 5px;
        position: relative;
        z-index: 999;
        box-sizing: border-box;
        padding: 9px 0 0 7px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .top-menu-button.active {
        background-color:#50b4e6;
    }
    .header__menu {
        width: 100%;
        margin-top: 30px;
        display: none;
    }
    .mobile-hide{
        display: block;
    }
    .top-menu-button:active .header__menu {
        display: block;
    }
}
@media (max-width: 570px) {
    .header__menu .main__menu {
        margin-bottom: 30px;
    }
}
@media (max-width: 980px) {
    .header__logo {
        float: none;
        padding: 15px 10px 20px;
        text-align: center;
    }
}
@media (max-width: 570px) {
    .header__logo img {
        max-width: 270px;
        height: auto;
    }
}
@media (max-width: 767px) {
    .header__menu  {
        text-align: center;
    }
}
@media (max-width: 480px) {
    .header__menu__icon {
        line-height: 50px;
    }
}
@media (max-width: 570px) {
    .header__menu__title {
        font-size: 12px;
    }
}
@media (max-width: 570px) {
    .header__menu__item {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 570px) {
    .header__menu__contacts__img {
        width: 90px;
        height: 90px;
        line-height: 115px;
    }
}
@media (max-width: 980px) {
    .header .nav.fixed .header__logo {
        display: none;
    }
}
@media (max-width: 640px) {
    .page-title__h {
        padding: 61px 15px 61px;
    }
}
@media (max-width: 640px) {
    .page-title__sub-title {
        padding-left: 15px;
    }
}
@media (max-width: 480px) {
    .page-title__sub-title {
        display: none;
    }
}
@media (max-width: 640px) {
    .breadcrumbs {
        right: 10px;
    }
}
@media (max-width: 480px) {
    .breadcrumbs {
        display: none;
    }
}
@media (max-width: 640px) {
    .revslider {
        max-height: 290px;
    }
}
@media (max-width: 570px) {
    .revslider {
        margin-top: 0;
        max-height: 260px;
    }
}
@media (max-width: 640px) {
    .revslider__foto {
        max-height: 290px;
    }
}
@media (max-width: 570px) {
    .revslider__foto {
        max-height: 260px;
    }
}
@media (max-width: 640px) {
    .revslider__foto__overlay {
        max-height: 290px;
    }
}
@media (max-width: 570px) {
    .revslider__foto__overlay {
        min-height: 260px;
    }
}
@media (max-width: 1280px) {
    .revslider__blockinfo {
        width: 80%;
    }
}
@media (max-width: 1024px) {
    .revslider__blockinfo {
        left: 15%;
    }
}
@media (max-width: 980px) {
    .revslider__blockinfo {
        left: 16%;
    }
}
@media (max-width: 900px) {
    .revslider__blockinfo {
        left: 22%;
    }
}
@media (max-width: 800px) {
    .revslider__blockinfo {
        width: 80%;
        left: 12%;
    }
}
@media (max-width: 768px) {
    .revslider__blockinfo {
        left: 16%;
    }
}
@media (max-width: 640px) {
    .revslider__blockinfo {
        top: 45%;
        left: 19%;
    }
}
@media (max-width: 640px) {
    .revslider__blockinfo__box {
        margin-right: 30px;
    }
}
@media (max-width: 480px) {
    .revslider__blockinfo__box {
        margin-top: 15px;
        margin-right: 30px;
    }
}
@media (max-width: 360px) {
    .revslider__blockinfo__box {
        margin: 15px 15px 0 -24px;
    }
}
@media (max-width: 640px) {
    .revslider__blockinfo__box__square {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 44px;
    }
}
@media (max-width: 480px) {
    .revslider__blockinfo__box__square {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
}
@media (max-width: 360px) {
    .revslider__blockinfo__box__square {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 26px;
    }
}
@media (max-width: 320px) {
    .revslider__blockinfo__box__square {
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
}
@media (max-width: 640px) {
    .revslider__blockinfo__box__triangle img {
        max-height: 15px;
        float: right;
    }
}
@media (max-width: 480px) {
    .revslider__blockinfo__box__triangle img {
        max-height: 15px;
        float: right;
    }
}
@media (max-width: 360px) {
    .revslider__blockinfo__box__triangle img {
        max-height: 14px;
        float: right;
    }
}
@media (max-width: 320px) {
    .revslider__blockinfo__box__triangle img {
        max-height: 15px;
        float: right;
    }
}
@media (max-width: 1280px) {
    .revslider__blockinfo__text {
        font-size: 30px;
        line-height: 38px;
    }
}
@media (max-width: 1024px) {
    .revslider__blockinfo__text {
        float: none;
    }
}
@media (max-width: 800px) {
    .revslider__blockinfo__text {
        float: none;
    }
}
@media (max-width: 768px) {
    .revslider__blockinfo__text {
        font-size: 28px;
    }
}
@media (max-width: 640px) {
    .revslider__blockinfo__text {
        font-size: 20px;
        line-height: 25px;
        margin-top: 0;
    }
}
@media (max-width: 360px) {
    .revslider__blockinfo__text {
        font-size: 16px;
    }
}
@media (max-width: 320px) {
    .revslider__blockinfo__text {
        font-size: 14px;
        line-height: 25px;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .header__menu__submenu {
        text-align: left;
        padding-top: 30px;
    }
}
@media (max-width: 320px) {
    .header__menu__submenu {
        padding-left: 0;
        left: -50px;
    }
}
@media (max-width: 320px) {
    .main__menu:nth-child(3) .header__menu__submenu,
    .main__menu:nth-child(6) .header__menu__submenu {
        left: auto;
        right: 0;
    }
    .main__menu:nth-child(1) .header__menu__submenu {
        left: 0;
        right: auto;
    }
}
@media (max-width: 768px) {
    .logopromo {
        padding: 30px 0;
    }
}
@media (max-width: 980px) {
    .logopromo__text {
        margin-left: 40px;
    }
}
@media (max-width: 480px) {
    .logopromo__text {
        margin-left: 0;
    }
}
@media (max-width: 640px) {
    .logopromo__text--red {
        overflow: hidden;
    }
}
@media (max-width: 320px) {
    .featuresmoduls {
        float: left;
        margin: 0;
    }
}
@media (max-width: 320px) {
    .featuresmoduls__module {
        margin-bottom: 0;
    }
}
@media (max-width: 980px) {
    .featuresmoduls__module__box__link {
        float: none;
    }
}
@media (max-width: 768px) {
    .featuresmoduls__module__content {
        float: left;
        margin-bottom: 40px;
    }
}
@media (max-width: 360px) {
    .featuresmoduls__module__content {
        padding-top: 20px;
    }
}
@media (max-width: 1024px) {
    .recentproject {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .recentproject {
        padding: 40px 0;
    }
}
@media (max-width: 640px) {
    .recentproject {
        padding: 0 10px;
    }
}
@media (max-width: 570px) {
    .recentproject {
        padding: 0;
    }
}
@media (max-width: 480px) {
    .recentproject {
        padding: 0 10px;
    }
}
@media (max-width: 320px) {
    .recentproject {
        padding: 0 10px;
    }
}
@media (max-width: 480px) {
    .recentproject__title {
        margin-bottom: 20px;
    }
}
@media (max-width: 570px) {
    .recentproject__tabs__tab {
        margin-bottom: 5px;
    }
}
@media (max-width: 1024px) {
    .recentproject__block {
        width: 50%;
        margin-bottom: 40px;
    }
}
@media (max-width: 570px) {
    .recentproject__block {
        width: 100%;
        margin-bottom: 30px;
    }
}
@media (max-width: 570px) {
    .teammembers__field {
        overflow: visible;
    }
}
@media (max-width: 640px) {
    .teammembers__field__title {
        margin-left: 10px;
    }
}
@media (max-width: 480px) {
    .teammembers__field__title {
        margin-left: 10px;
    }
}
@media (max-width: 320px) {
    .teammembers__field__title {
        margin-left: 10px;
    }
}
@media (max-width: 768px) {
    .teammembers__field__foto {
        float: left;
    }
}
@media (max-width: 640px) {
    .teammembers__field__foto {
        float: left;
    }
}
@media (max-width: 570px) {
    .teammembers__field__foto {
        float: left;
    }
}
@media (max-width: 360px) {
    .teammembers__field__foto {
        float: none;
    }
}
@media (max-width: 320px) {
    .teammembers__field__foto {
        float: none;
    }
}
@media (max-width: 768px) {
    .teammembers__field__block__name{
        margin-top: 30px;
    }
}
@media (max-width: 640px) {
    .teammembers__field__block__name{
        margin-top: 30px;
    }
}
@media (max-width: 480px) {
    .teammembers__field__block__name{
        margin-top: 25px;
    }
}
@media (max-width: 570px) {
    .teammembers__field__block {
        padding-bottom: 20px;
    }
}
@media (max-width: 570px) {
    .teammembers__field__block__socials {
        float: right;
    }
}
@media (max-width: 360px) {
    .teammembers__field__block__socials {
        float: none;
    }
}
@media (max-width: 320px) {
    .teammembers__field__block__socials {
        float: none;
    }
}
@media  (max-width: 640px) {
    .clientslist {
        padding: 40px 10px;
    }
}
@media  (max-width: 640px) {
    .clientslist .owl-carousel.owl-loaded {
        padding: 0 30px;
    }
}
@media  (max-width: 1000px) {
    .clientslist .owl-carousel.owl-loaded {
        padding: 0 40px;
    }
}
@media (max-width: 640px) {
    .testimonial .owl-carousel {
        overflow: visible;
    }
    .testimonial .owl-carousel .owl-controls {
        height: auto;
    }
    .testimonial .owl-dots {
        bottom: 0;
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
    .testimonial__field {
        padding-top: 75px;
    }
}
@media (max-width: 640px) {
    .testimonial__client {
        margin-bottom: 25px;
        float: left;
    }
}
@media (max-width: 480px) {
    .testimonial__client {
        float: left;
    }
}
@media (max-width: 360px) {
    .testimonial__client {
        float: none;
    }
}
@media (max-width: 480px) {
    .testimonial__blockquote {
        padding: 0 20px 20px 0;
    }
}
@media (max-width: 320px) {
    .testimonial__blockquote {
        padding: 20px 20px 20px 0;
    }
}
@media (max-width: 480px) {
    .testimonial__blockquote__quote {
        font-size: 50px;
        margin-right: 15px;
        top: 20px;
        margin-left: 15px;
    }
}
@media (max-width: 640px) {
    .twitterwidget {
        padding: 30px;
    }
}
@media (max-width: 480px) {
    .twitterwidget {
        padding: 30px 0;
    }
}
@media (max-width: 570px) {
    .twitterwidget__field__icon {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
}
@media (max-width: 570px) {
    .twitterwidget__field__icon i {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
}
@media (max-width: 570px) {
    .twitterwidget--gray .twitterwidget__field__text {
        padding-right: 29px;
    }
}
@media (max-width: 360px) {
    .twitterwidget--gray .twitterwidget__field__text {
        padding-right: 0;
    }
}
@media (max-width: 570px) {
    .twitterwidget__field__text {
        padding-right: 20px;
        padding-top: 0;
        overflow: hidden;
    }
}
@media (max-width: 480px) {
    .twitterwidget__field__text {
        width: 84%;
    }
}
@media (max-width: 360px) {
    .twitterwidget__field__text {
        font-size: 12px;
        width: 68%;
        padding-right: 0;
    }
}
@media (max-width: 320px) {
    .twitterwidget__field__text__date {
        margin-left: 5px;
    }
}
@media (max-width: 320px) {
    .twitterwidget--gray {
        padding: 20px 0;
    }
}
@media (max-width: 480px) {
    .field__twitterwidget__icon i {
        padding-right: 10px;
        margin: 20px 20px 20px 5px;
    }
}
@media (max-width: 980px) {
    .twitterwidget--gray .twitter-carousel .owl-nav {
        top: 0;
    }
}
@media (max-width: 480px) {
    .twitterwidget--gray .twitter-carousel .owl-nav {
        right: 5px;
    }
}
@media (max-width: 768px) {
    footer {
        padding-bottom: 22px;
    }
}
@media  (max-width: 768px) {
    .footer__field {
        padding-bottom: 0;
    }
}
@media  (max-width: 1024px) {
    .footer__field__recentnews {
        padding-bottom: 50px;
    }
}
@media  (max-width: 768px) {
    .footer__field__recentnews {
        width: 33%;
        float: left;
    }
}
@media  (max-width: 480px) {
    .footer__field__recentnews {
        margin-left: 10px;
        padding-bottom: 30px;
        width: 100%;
    }
}
@media  (max-width: 360px) {
    .footer__field__recentnews {
        float: left;
        margin-bottom: 0;
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 1024px) {
    .footer__field__recentnews__img {
        float: none;
    }
}
@media (max-width: 640px){
    .footer__field__recentnews__block {
        padding-top: 20px;
        margin-top: 10px;
        margin-bottom: 0;
    }
}
@media (max-width: 320px){
    .footer__field__recentnews__block {
        margin-bottom: 30px;
    }
}
@media  (max-width: 1024px) {
    .footer__field__recentnews__block__img {
        float: none;
    }
}
@media (max-width: 480px) {
    .footer__field__instagram__img {
        width: 100%;;
    }
}
@media (max-width: 480px) {
    .footer__field__instagram__blockfoto {
        width: 100%;;
    }
}
@media (max-width: 1024px) {
    .footer__field__instagram {
        padding-bottom: 50px;
        width: 33%;
    }
}
@media (max-width: 980px) {
    .footer__field__instagram {
        width: 33%;
        float: left;
    }
}
@media (max-width: 480px) {
    .footer__field__instagram {
        margin-top: 30px;
        width: 100%;
        padding-bottom: 30px;
    }
}
@media (max-width: 360px) {
    .footer__field__instagram {
        width: 100%;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 320px) {
    .footer__field__instagram {
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media (max-width: 640px){
    .footer__field__instagram__user {
        margin-bottom: 24px;
    }
}
@media (max-width: 320px){
    .footer__field__instagram__user {
        margin-bottom: 20px;
    }
}
@media (max-width: 980px) {
    .footer__field__instagram__counters {
        margin-top: 8px;
    }
}
@media (max-width: 640px) {
    .footer__field__instagram__counters {
        margin-top: 0;
    }
}
@media (max-width: 480px) {
    .footer__field__instagram__counters {
        margin-top: 20px;
    }
}
@media (max-width: 360px) {
    .footer__field__instagram__counters {
        font-size: 26px;
    }
}
@media (max-width: 640px) {
    .footer__field__instagram__counter {
        font-size: 20px;
        padding-right: 10px;
        margin-right: 15px;
    }
}
@media (max-width: 480px) {
    .footer__field__instagram__counter {
        font-size: 21px;
        float: left;
        margin-top: 20px;
    }
}
@media (max-width: 640px) {
    .footer__field__instagram__counters span {
        font-size: 10px;
    }
}
@media (max-width: 600px) {
    .footer__field__instagram__counters span {
        font-size: 9px;
    }
}
@media (max-width: 1024px) {
    .footer__field__about {
        width: 33%;
    }
}
@media (max-width: 980px) {
    .footer__field__about {
        width: 33%;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .footer__field__about {
        width: 33%;
        float: left;
    }
}
@media (max-width: 480px) {
    .footer__field__about {
        padding-left: 10px;
        width: 100%;
    }
}
@media (max-width: 360px) {
    .footer__field__about {
        margin-top: 30px;
        width: 100%;
    }
}
@media (max-width: 980px) {
    .footer__field__about img {
        max-height: 75px;
        width: auto;
    }
}
@media (max-width: 640px) {
    .footer__field__about img {
        max-height: 60px;
    }
}
@media (max-width: 768px) {
    .subfooter__field__logo {
        margin-bottom: 15px;
    }
}
@media  (max-width: 360px) {
    .subfooter__field__logo img {
        margin-right: 5px;
    }
}
@media  (max-width: 360px) {
    .subfooter__field__logo span {
        float: none;
    }
}
@media  (max-width: 320px) {
    .subfooter__field__logo span {
        float: none;
    }
}
@media (max-width: 768px) {
    .subfooter__field__menu {
        float: none;
        width: 100%;
        text-align: left;
    }
}
@media (max-width: 480px) {
    .subfooter__field__menu {
        text-align: justify;
    }
}
@media (max-width: 980px) {
    .subfooter__field__menu a {
        font-size: 11px;
    }
}
@media (max-width: 320px) {
    .subfooter__field__menu li {
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .politics .content__post__foto__img {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .politics .sidebar__widget__box {
        float: none;
    }
}
@media (max-width: 570px) {
    .pagenav {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .content__both-sidebar {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .content__both-sidebar .sidebar-left {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .content__both-sidebar .content {
        width: 100%;
    }
}
@media (min-width: 570px) and (max-width: 768px)  {
    .sidebar__widget {
        width: 50% !important;
        padding: 0 10px;
    }
}
@media (max-width: 1024px) {
    .sidebar__widget__tabs li{
        font-size: 10px;
    }
}
@media (max-width: 1280px) {
    .sidebar__widget__tabs li a {
        padding: 5px;
    }
}
@media (max-width: 800px) {
    .sidebar__widget__tabs li a {
        padding: 5px 0;
        font-size: 11px !important;
    }
}
@media (max-width: 980px) {
    .sidebar__widget__box {
        padding-bottom: 30px;
    }
}
@media (max-width: 980px) {
    .sidebar__widget__box img {
        float: none;
    }
}
@media (max-width: 768px) {
    .sidebar__widget__box img {
        float: left;
    }
}
@media (max-width: 800px) {
    .sidebar__twitterwidget__text i {
        float: none;
        margin: 10px 0 0 70px;
    }
}
@media (max-width: 768px) {
    .sidebar__twitterwidget__text i {
        float: left;
        margin: 18px 20px 0 10px;
    }
}
@media (max-width: 1024px) {
    .sidebar__twitterwidget__text>span {
        font-size: 11px;
    }
}
@media (max-width: 800px) {
    .sidebar__twitterwidget__text>span {
        padding-right: 0;
        padding-top: 0;
        margin: 10px;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .sidebar__twitterwidget__text>span {
        text-align: left;
        padding-top: 15px;
    }
}
@media (max-width: 980px) {
    .author-post__soc .socials__icon {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .comment.respond {
        margin-left: 35px;
    }
}
@media (max-width: 570px) {
    .sidebar__searchfield {
        width: 90%;
    }
}
@media (max-width: 768px) {
    .sidebar__searchfield__link {
        right: 25px;
    }
}
@media (max-width: 480px) {
    .sidebar__searchfield__link {
        right: 50px;
    }
}
@media (max-width: 360px) {
    .sidebar__searchfield__link {
        right: 35px;
    }
}
@media (max-width: 800px) {
    .sidebar__category .widget__title {
        font-size: 16px;
    }
}
@media (max-width: 800px) {
    .sidebar__archives .widget__title {
        font-size: 16px;
    }
}
@media (max-width: 980px) {
    .sidebar__list li a {
        color: #929799;
        font-size: 12px;
        display: block;
    }
}
@media (max-width: 980px) {
    .sidebar__tags__list a:nth-of-type(odd) {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .sidebar__contacts__block {
        width: 280px;
    }
}
@media (max-width: 800px) {
    .sidebar__contacts__block i {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .sidebar {
        width: 100%;
        float: none;
    }
}
@media (max-width: 980px) {
    .skills {
        margin: 50px 0 20px 0;
        position: relative;
    }
}
@media (max-width: 480px) {
    .skills {
        display: none;
    }
}
@media (max-width: 1024px) {
    .skills__field__block__count {
        margin: 0 10px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 15px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block__title  {
        padding-top: 0;
    }
}
@media (max-width: 980px) {
    .skills__field__block__title  {
        padding-top: 15px;
    }
}
@media (max-width: 980px) {
    .skills__field__block__title .sub__title  {
        display: none;
    }
}
@media (max-width: 980px) {
    .skills__field__block__title .widget__title {
        font-size: 16px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(1) {
        top: -89px;
        left: 30px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(1) {
        left: 145px;
        top: -85px;
    }
}
@media (max-width:768px) {
    .skills__field__block:nth-child(1) {
        top: -91px;
        left: 80px;
    }
}
@media (max-width:640px) {
    .skills__field__block:nth-child(1) {
        left: 80px;
    }
}
@media (max-width:640px) {
    .skills__field__block:nth-child(1) {
        left: 80px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(2) {
        top: -89px;
        left: 239px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(2) {
        top: -84px;
        left: 285px;
    }
}
@media (max-width: 768px) {
    .skills__field__block:nth-child(2) {
        top: -90px;
        left: 224px;
    }
}
@media (max-width: 640px) {
    .skills__field__block:nth-child(2) {
        left: 200px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(3) {
        top: -90px;
        left: 670px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(3) {
        top: -84px;
        left: 460px;
    }
}
@media (max-width: 768px) {
    .skills__field__block:nth-child(3) {
        left: 400px;
        top: -90px;
    }
}
@media (max-width: 640px) {
    .skills__field__block:nth-child(3) {
        left: 425px;
    }
}
@media (max-width: 600px) {
    .skills__field__block:nth-child(3) {
        left: 370px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(4) {
        left: 200px;
        top: 12px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(4) {
        left: 248px;
    }
}
@media (max-width: 640px) {
    .skills__field__block:nth-child(4) {
        left: 200px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(5) {
        left: 607px;
        top: 12px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(5) {
        left: 485px;
    }
}
@media (max-width: 640px) {
    .skills__field__block:nth-child(5) {
        left: 400px;
    }
}
@media (max-width: 600px) {
    .skills__field__block:nth-child(5) {
        left: 355px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block__count:before{
        top: 50px;
        left: 25px;
    }
}
@media (max-width: 980px) {
    .skills__field__block__count:before{
        top: 50px;
        left: 27px;
    }
}
@media (max-width: 768px) {
    .skills__field__block__count:before{
        left: 25px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block__count:after{
        top: 69px;
        left: 19px;
    }
}
@media (max-width: 980px) {
    .skills__field__block__count:after{
        top: 63px;
        left: 21px;
    }
}
@media (max-width: 768px) {
    .skills__field__block__count:after{
        top: 69px;
        left: 19px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(4) .skills__field__block__count:before,
    .skills__field__block:nth-child(5) .skills__field__block__count:before {
        left: 25px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(4) .skills__field__block__count:before,
    .skills__field__block:nth-child(5) .skills__field__block__count:before {
        left: 27px;
    }
}
@media (max-width: 1024px) {
    .skills__field__block:nth-child(4) .skills__field__block__count:after,
    .skills__field__block:nth-child(5) .skills__field__block__count:after {
        top: -33px;
        left: 19px;
    }
}
@media (max-width: 980px) {
    .skills__field__block:nth-child(4) .skills__field__block__count:after,
    .skills__field__block:nth-child(5) .skills__field__block__count:after {
        left: 21px;
    }
}
@media (max-width: 768px){
    .pie-chart-wrap {
        margin-top: 40px;
    }

    .big-pie {
        top: 0;
    }
}
@media (max-width: 980px) {
    .about {
        padding-bottom: 40px
    }
}
@media (max-width: 320px) {
    .about__field__text__block__title {
        padding-top: 0;
    }
}
@media (max-width: 360px) {
    .about__field__text ul {
        line-height: 20px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1190px) {
    .about__field__tiles {
        width: 50%;
    }
}
@media (max-width: 1024px) {
    .about__field__tiles {
        width: 33%;
    }
}
@media (max-width: 980px) {
    .about__field__tiles {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .about__field__tiles {
        width: 70%;
    }
}
@media (max-width: 360px) {
    .about__field__tiles {
        width: 100%;
    }
}
@media (max-width: 768px){
    .recent__field__text {
        margin-bottom: 30px;
    }
}
@media (max-width: 570px) {
    .recent__field__foto__block.big {
        width: 100%;
    }
}
@media (max-width: 570px) {
    .recent__field__foto__block.small {
        width: 50%;
    }
}
@media (max-width: 600px ) {
    #map.widget {
        margin-bottom: 30px;
    }
}
@media (max-width: 800px) {
    .maps__field__info {
        position: static;
        overflow: hidden;
        margin-bottom: 30px;
        width: 50%;
    }
}
@media (max-width: 480px) {
    .maps__field__info {
        width: 100%;
    }
}
@media (max-width: 980px) {
    .contact__field__autor img {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px){
    .contact__field__adress {
        margin-bottom: 30px;
    }
}
@media (max-width: 640px) {
    .logopromo__text__fluid h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 980px) {
    .logopromo__text__fluid .button {
        padding: 10px 12px;
    }
}
@media (max-width: 768px) {
    .logopromo__text__fluid .button {
        margin-top: 5px;
    }
}
@media (max-width: 480px) {
    .timeline__field .testimonial__blockquote .testimonial__blockquote__quote {
        padding-right: 15px;
        top: 0;
    }
    .timeline__field .testimonial__blockquote__quote:after {
        top: 0 !important;
    }
}
@media (max-width: 800px) {
    .timeline__field .testimonial__blockquote__text {
        clear: both;
        padding-top: 20px;
    }
}
@media  (max-width: 360px) {
    .timeline__field__p {
        padding: 0;
    }
}
@media (max-width: 320px) {
    .timeline__field__block__features .sub__title {
        margin-top: 10px;
    }
}
@media (max-width: 640px) {
    .after:after {
        right: 87%;
        top: 68%;
    }
}
@media (max-width: 480px) {
    .after:after {
        width: 7%;
        right: 79%;
        top: 53%;
    }
}
@media (max-width: 360px) {
    .after:after {
        width: 7%;
        right: 75%;
        top: 45%;
    }
}
@media (max-width: 1024px) {
    .timeline__field__block.odd .timeline__field__block__date {
        right: 480px;
    }
}
@media (max-width: 980px) {
    .timeline__field__block.odd .timeline__field__block__date {
        right: 390px;
    }
}
@media (max-width: 800px) {
    .timeline__field__block.odd .timeline__field__block__date {
        width: 15%;
    }
}

@media (max-width: 640px) {
    .timeline__field__block.odd .timeline__field__block__date {
        left: -53px;
    }
}
@media (max-width: 480px) {
    .content__post__text__img {
        height: 100px;
        width: 100px;
    }
}
@media (max-width: 640px) {
    .timeline__field__block__img {
        float: none;
    }
}
@media (max-width: 480px) {
    .timeline__field__block__img {
        height: 100px;
        width: 100px;
    }
}
@media (max-width: 980px) {
    .mapskills__field__map__img {
        margin-bottom: 20px;
    }
}
@media (max-width: 480px) {
    .mapskills__field__map__info p {
        line-height: 14px;
    }
}
@media (max-width: 980px) {
    .recentworks__fields__img {
        margin-bottom: 15px;
        float: none;
    }
}
@media (max-width: 980px) {
    .portfolio__field__nav__left {
        width: 32%;
    }
}
@media (max-width: 360px) {
    .portfolio__field__nav__left {
        width: 31%;
    }
}
@media (max-width: 1024px) {
    #social-share {
        padding: 0;
    }
}
@media (max-width: 768px) {
    #social-share {
        padding: 0;
    }
}
@media (max-width: 1024px) {
    #social-share i {
        padding: 0;
    }
}
@media (max-width: 768px) {
    .infobox {
        margin-bottom: 30px;
    }
}
@media (max-width: 980px) {
    .infobox__icon {
        float: none;
        margin-bottom: 20px;
    }
}
@media (max-width: 980px) {
    .price-table {
        margin-bottom: 30px;
    }
}
@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: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;
        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);
        -ms-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }
@media (max-width: 570px) {
    .owl-prev {
        background-size: 20px;
    }
}
@media (max-width: 570px) {
    .owl-next {
        background-size: 20px;
    }
}
@media (max-width: 480px) {
    .slider .owl-next {
        background-size: 26px;
    }
}
@media (max-width: 640px) {
    .slider .owl-prev,.slider .owl-next {
        background-size: 20px;
    }
}
@media (max-width: 480px) {
    .slider .owl-prev,.slider .owl-next {
        background-size: 15px;
        top: 59%;
    }
}
@media (max-width: 980px) {
    .accordion__field{
        font-size: 11px;
    }
}
@media (max-width: 768px) {
    .accordion__field{
        margin-bottom: 35px;
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .accordion__module   .socials{
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .accordion__module .after::after {
        right: 71%;
    }
}
@media (max-width: 980px) {
    .tabs.vertical{
        float: none;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .tabs.vertical{
        font-size: 13px;
    }
}
@media (max-width: 570px) {
    .tabs.vertical{
        padding: 0;
        margin-bottom: 30px;
        width: 100%;
        float: left;
    }
}
@media (max-width: 768px){
    .tabs-content{
        font-size: 12px;
    }
}
@media (max-width: 640px) {
    .tabs-content__widget-title {
        margin-bottom: 5px;
    }
}
@media (max-width: 360px) {
    .tabs.vertical > div > div {
        font-size: 11px;
    }
}
@media (max-width: 800px) {
    .tabs__field {
        margin-bottom: 45px;
    }
}
@media (max-width: 360px) {
    .tabs.vertical .widget__title {
        margin-bottom: 10px;
    }
}
@media (max-width: 980px) {
    .news__article .sidebar__widget__box__article {
        font-size: 14px;
    }
}
@media (max-width: 980px) {
    .content__post__text--abs {
        top: 13%;
        font-size: 12px;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .content__post__text--abs {
        top: 46%;
    }
}
@media (max-width: 768px) {
    .content__post__text--abs {
        top: 33%;
    }
}
@media (max-width: 768px) {
    .carousel__item .content__post__text i {
        margin-bottom: 30px;
    }
}
@media (max-width: 800px) {
    .carousel__item .content__post__text__dopinfo p {
        margin-top: 0;
        margin-left: 10px;
    }
}
@media (max-width: 480px) {
    .carousel__item .content__post__text__dopinfo p {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .post__carousel {
        display: none;
    }
}
@media (max-width: 980px) {
    .post__carousel .content__post__text__article a {
        font-size: 12px;
        line-height: 12px;
    }
}
@media only screen
and (max-width: 1180px) {
    .crumina-slider-wrap .item-content {
        padding: 25% 10% 0 10%;
    }
}
@media only screen
and (max-width: 1024px) {
    .crumina-slider-wrap .item-content {
        padding: 20% 10% 0 10%;
    }
    .crumina-slider-wrap .item-content .entry-title {
        font-size: 20px;
        height: 50px;
    }
}
@media only screen
and (max-width: 768px) {
    .crumina-slider-wrap .item-content {
        padding: 18% 10% 0 10%;
    }
    .crumina-slider-wrap .cat-name {
        display: none;
    }
}
@media only screen and (max-width: 599px){
    .crum-slider .item .text {
        display: none;
    }
    .crum-slider .item .item-content-metro {
        padding: 10%;
    }
    .crum-slider .small-element { width: 50%; }
    .crum-slider .large-element, .crum-slider .big-element { width: 100%; margin-bottom: 3px }
    .crum-slider .big-element {margin-bottom: 2px}
}
@media only screen and (min-width: 600px) and (max-width: 699px){
    .crum-slider .item-content-metro .slider-icon-wrap, .crum-slider .item .text {
        display: none;
    }
    .crum-slider .item .item-content-metro {
        padding: 20px 5px;
    }
    .crum-slider .item-content-metro .entry-title {
        text-align: center;
        display: block;
        height: auto;
    }
}
@media only screen and (min-width: 700px) and (max-width: 800px) {
    .crum-slider .item-content-metro .slider-icon-wrap {
        display: none;
    }
    .crum-slider .item .item-content-metro {
        padding: 20px 5px;
    }
    .crum-slider .item-content-metro .entry-title {
        text-align: center;
        display: block;
        height: auto;
    }
    .crum-slider .item .text {
        clear: both;
        padding-top: 10px;
        font-size: 12px;
    }
}
@media (max-width: 980px) {
    .ads__place {
        height: 176px;
    }
}
@media (max-width: 1024px) {
    .follow__widget a {
        padding: 15px;
        width: 32.1%;
    }
}
@media (max-width: 980px) {
    .follow__widget a {
        padding: 4px 5px;
    }
}
@media (max-width: 320px) {
    .follow__widget a {
        padding: 29px 5px;
    }
}
@media (max-width: 980px) {
    .follow__widget i {
        font-size: 25px;
    }
}
@media (max-width: 980px) {
    .search__field {
        font-size: 11px;
    }
}
@media (max-width: 768px) {
    .submit__icon {
        right: 17px;
    }
}
@media (max-width: 980px) {
    .carousel__item .content__post__text__dopinfo p {
        margin-top: 0;
        font-size: 12px;
        margin-left: 10px;
    }
}
@media (max-width: 980px) {
    .blocks__item {
        height: 105px;
    }
}
@media (max-width: 768px) {
    .blocks__item {
        height: 180px;
    }
}
@media (max-width: 980px) {
    .business .content__post__text__article a {
        font-size: 15px;
    }
}
@media (max-width: 980px) {
    .photo .content__post__text__article a {
        font-size: 15px;
    }
}
@media (max-width: 980px) {
    .business {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .logopromo__text--h6 {
        margin-bottom: 5px;
    }
}
@media (max-width: 980px) {
    .feature-block-image__title {
        font-size: 26px;
    }
}
@media (max-width: 980px) {
    .feature-block-image__sub {
        font-size: 13px;
    }
}
@media (max-width: 1024px) {
    .recentproject-carousel .owl-prev {
        left: 910px;
    }
}
@media (max-width: 980px) {
    .recentproject-carousel .owl-prev {
        left: 690px;
    }
}
@media (max-width: 640px) {
    .recentproject-carousel .owl-prev {
        left: 560px;
    }
}
@media (max-width: 480px) {
    .recentproject-carousel .owl-prev {
        left: 400px;
    }
}
@media (max-width: 360px) {
    .recentproject-carousel .owl-prev {
        left: 280px;
    }
}
@media (max-width: 320px) {
    .recentproject-carousel .owl-prev {
        left: 240px;
    }
}
@media (max-width: 800px) {
    .blocks__infobox .infobox {
    width: 32%;
    float: left;  }
}
@media (max-width: 768px) {
    .blocks__infobox .infobox {
        width: 100%;  }
}
@media (max-width: 980px) {
    .portfolio__tabs li {
        font-size: 11px;
    }
}
@media (max-width: 768px) {
    .portfolio__tabs li {
        font-size: 14px;
    }
}