/*
Theme Name: Tochka
Theme 
Author: Narek Mehrabyan
Author URI: 
Description: Themplate for Tochka
Requires at least: WordPress 4.9.6
Version: 1.0
*/

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

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
/*-----------------------------------------------------------*/
@font-face {
    font-family: 'CustomCentury';
    src: url('fonts/Comfortaa-Light.ttf');/*GOTHIC_0.TTF*/
}

.cb {
    clear: both;
    float: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.site_content {
    width: 100%;
    margin: auto;
    position: relative;
    min-width: 1200px;
}

html {
    height: 100%;
    width: 100%;
}

body {
    cursor: url('images/Pointer.png'),default;
    font-family: 'CustomCentury','Century Gothic';
    /*min-height: 100vh;*/
    /*padding: 20px 25px 0 25px;*/
    height: 100%;
    width: 100%;
}

.white_header {
    height: 115px;
    background: #FFFFFF;
    border-bottom: 1px solid #b3b3b3;
    /*padding:20px 25px 20px 25px;*/
}

.header_text_div {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 13px;
    z-index: 1;
    /*font-family: 'Century Gothic';*/
}

.black_header {
    background: #242424;
    width: 100%;
    height: 25px;
}

.site_content_white {
    background: #FFFFFF;
    /*padding:0 25px 0 25px;*/
    min-height: 600px;
}

.logo {
    cursor: pointer;
    margin-top: 35px;
    margin-left: 25px;
	display: inline-block;
}

.logo_text {
    float: left;
    font-size: 13px;
    color: #242424;
    margin-left: 78px;
    margin-top: 30px;
    position: absolute;
    z-index: -1;
}

.menu_div {
	display: table; 
	margin: -10px auto;
}
.lang_and_menu_div{
	position: relative;
}
.menu {
    margin: auto;
    height: 20px;
}
#tochka_ltd_main_menu_id{
	min-width: 696px;
	list-style: none;
	text-align: center;
	margin-right: 7px;
}
#tochka_ltd_main_menu_id li {
	display: inline;
	color: #808080;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 7px;
}
#tochka_ltd_main_menu_id li a:visited,#tochka_ltd_main_menu_id li a:link{
	color: #808080;
}

#tochka_ltd_main_menu_id li:hover a,#tochka_ltd_main_menu_id li:hover a:visited,#tochka_ltd_main_menu_id li:hover a:link{
	color: #000000;
    font-weight: bold;
}
#tochka_ltd_main_menu_id li::after {
	content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #242424;
    margin-left: 24px;
    margin-right: 27px;
    margin-top: 8px;
    border-radius: 5px;
}
#tochka_ltd_main_menu_id li:last-child::after {
	display: none;
}

.menu_en {
    margin: auto;
    width: 480px;
    height: 20px;
}

.menu_es {
    margin: auto;
    width: 500px;
    height: 20px;
}

.menu_item {
    float: left;
    color: #808080;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 7px;
}

    .menu_item:hover {
        color: #60D1D1;
    }

.menu_item_selected {
    float: left;
    font-size: 13px;
    color: #60D1D1;
    cursor: pointer;
    letter-spacing: 7px;
    /*line-height: 24px;*/
}

.dontli {
    float: left;
    width: 5px;
    height: 5px;
    background: #242424;
    margin-left: 24px;
    margin-right: 32px;
    margin-top: 8px;
    border-radius: 5px;
}

.lang_div {
    cursor: pointer;
	text-align: right;
    padding-right: 25px;
	position: relative;
    bottom: 9px;
	display: inline-block;
    float: right;
	text-transform:uppercase;
}
.lang_div li{
    list-style: none;
    display: inline;
    color: #808080;
    font-size: 13px;
    border-right: 1px solid #808080;
    padding-right: 5px;
}
.lang_div li:last-child{
    border-right: 0px;
	padding-right: 0px;
}
.lang_div a:visited,.lang_div a:link{
    color: #808080;
}
.lang_div li:hover a{
    color: #000000;
    font-weight: bold;
}
.current-lang a:visited,.current-lang a:link,.current-lang a{
    color: #000000;
    font-weight: bold;
}

.slider_div {
    width: 100%;
    height: calc(100vh - 175px);
    height: -webkit-calc(100vh - 175px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100vh - 175px); /** FF 4-15  **/
    min-height: 600px;
    overflow: hidden;
    position: relative;
    /*padding:60px;*/
}

.home_dot {
    width: 900px;
    height: 100%;
    position: absolute;
    z-index: 95;
    left: calc((100% - 900px)/2);
    left: -webkit-calc((100% - 900px)/2); /** Safari 6, Chrome 19-25 **/
    left: -moz-calc((100% - 900px)/2); /** FF 4-15  **/
    top: 0;
    background: rgba(230,230,230,0.86);
    background: -moz-linear-gradient(top, rgba(230,230,230,0.86) 0%, rgba(230,230,230,0.86) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,0.86)), color-stop(100%, rgba(230,230,230,0.86)));
    background: -webkit-linear-gradient(top, rgba(230,230,230,0.86) 0%, rgba(230,230,230,0.86) 100%);
    background: -o-linear-gradient(top, rgba(230,230,230,0.86) 0%, rgba(230,230,230,0.86) 100%);
    background: -ms-linear-gradient(top, rgba(230,230,230,0.86) 0%, rgba(230,230,230,0.86) 100%);
    background: linear-gradient(to bottom, rgba(230,230,230,0.86) 0%, rgba(230,230,230,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=0 );
}

.over_dot {
    width: 900px;
    height: 100%;
    position: absolute;
    z-index: 95;
    left: calc((100% - 900px)/2);
    left: -webkit-calc((100% - 900px)/2); /** Safari 6, Chrome 19-25 **/
    left: -moz-calc((100% - 900px)/2); /** FF 4-15  **/
    top: 0;
    overflow: hidden;
}

.footer {
    width: 100%;
    height: 60px;
    /*position: fixed;
    bottom: 0;*/
    background: #FFFFFF;
    border-top: 1px solid #b3b3b3;
}
.footer_mail_info{
	display: inline-block;
    position: absolute;
    right: 25px;
    font-size: 13px;
}
.copyright {
    color: #808080;
    font-size: 10px;
    float: left;
    /*margin-left: 15px;*/
    top: 23px;
    left: 25px;
    position: absolute;
}

.social_buttons {
    /*position: absolute;
    z-index: 1;
    left: 645px;
    top: 20px;*/
    margin: auto;
    width: 105px;
}

.social_button {
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
	background-size: 120px;
}

.fb {
    background-image: url(images/Socialbutons.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

    .fb:hover {
        background-position: 0px -25px;
    }

.google {
    background-image: url(images/Socialbutons.svg);
    background-position: -25px 0px;
    background-repeat: no-repeat;
}

    .google:hover {
        background-position: -25px -25px;
    }

.youtub {
    background-image: url(images/Socialbutons.svg);
    background-position: -50px 0px;
    background-repeat: no-repeat;
}

    .youtub:hover {
        background-position: -50px -25px;
    }

.pico {
    background-image: url(images/Socialbutons.svg);
    background-position: -75px 0px;
    background-repeat: no-repeat;
}

    .pico:hover {
        background-position: -75px -25px;
    }

.in {
    background-image: url(images/Socialbutons.svg);
    background-position: -100px 0px;
    background-repeat: no-repeat;
}

    .in:hover {
        background-position: -100px -25px;
    }

.home_text1_div {
    margin-top: 39px;
    text-align: center;
    width: 100%;
}

.home_text1_1 {
    color: #242424;
    font-size: 36px;
    font-weight: bold;
}

.home_text1_2 {
    color: #242424;
    font-size: 22px;
}

.home_text2_div {
    margin-top: 15px;
    text-align: right;
    padding-right: 100px;
    width: 100%;
}

.home_text2_1 {
    color: #FFFFFF;
    font-size: 56px;
    font-weight: bold;
}

.home_text2_2 {
    color: #FFFFFF;
    font-size: 34px;
}

.home_text3_div {
    margin-top: 35px;
    text-align: left;
    padding-left: 40px;
    width: 100%;
}

.home_text3_1 {
    color: #000;
    font-size: 31px;
    font-weight: bold;
}

.home_text3_2 {
    color: #000;
    font-size: 19px;
}

.home_text4_div {
    margin-top: 0px;
    text-align: left;
    padding-left: 33px;
    width: 100%;
}

.home_text4_1 {
    color: #FFFFFF;
    font-size: 51px;
    float: left;
    font-weight: bold;
}

.home_text4_2 {
    color: #FFFFFF;
    font-size: 32px;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.home_text5_div {
    margin-top: 0px;
    text-align: right;
    padding-right: 40px;
    width: 100%;
}

.home_text5_1 {
    color: #000;
    font-size: 37px;
    font-weight: bold;
}

.home_text5_2 {
    color: #000;
    font-size: 22px;
}

.home_text6_div {
    margin-top: 5px;
    text-align: left;
    padding-left: 70px;
    width: 100%;
}

.home_text6_1 {
    color: #000;
    font-size: 55px;
    float: left;
    font-weight: bold;
}

.home_text6_2 {
    color: #000;
    font-size: 30px;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
}

.home_text7_div {
    margin-top: 30px;
    text-align: left;
    padding-left: 120px;
    width: 100%;
}

.home_text7_1 {
    color: #FFFFFF;
    font-size: 39px;
    float: left;
    font-weight: bold;
}

.home_text7_2 {
    color: #FFFFFF;
    font-size: 25px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.home_text8_div {
    margin-top: 1px;
    text-align: right;
    padding-right: 170px;
    width: 100%;
}

.home_text8_1 {
    color: #000;
    font-size: 33px;
    float: right;
    font-weight: bold;
}

.home_text8_2 {
    color: #000;
    font-size: 20px;
    float: right;
    margin-left: 10px;
    margin-top: 15px;
}

.home_textb_div {
    color: #000;
    font-size: 85px;
    position: absolute;
    font-weight: bold;
    left: 180px;
    top: 324px;
}

.home_textis_div {
    color: #FFF;
    font-size: 85px;
    position: absolute;
    left: 269px;
    top: 323px;
}

.wellcome_div {
    background: #FFFFFF;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.portfolio_div {
    width: calc(((100vh - 175px)*5)/3);
    width: -webkit-calc(((100vh - 175px)*5)/3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(((100vh - 175px)*5)/3); /** FF 4-15  **/
    height: calc(100vh - 175px);
    height: -webkit-calc(100vh - 175px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100vh - 175px); /** FF 4-15  **/
    min-height: 600px;
    min-width: calc(((600px) * 5) / 3);
    min-width: -webkit-calc(((600px) * 5) / 3); /** Safari 6, Chrome 19-25 **/
    min-width: -moz-calc(((600px) * 5) / 3); /** FF 4-15  **/
    overflow: hidden;
    position: relative;
    margin: auto;
}

.portfolio_left {
    float: left;
    height: 100%;
    width: 60%;
}

.portfolio_right {
    float: left;
    height: 100%;
    width: 40%;
    /*background:#d72222;
        background:#242424;*/
}

.portfolio_left_1 {
    height: calc((100% * 2) / 3);
    height: -webkit-calc((100% * 2) / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc((100% * 2) / 3); /** FF 4-15  **/
    width: 100%;
}

.portfolio_left_2 {
    height: calc(100% / 3);
    height: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100% / 3); /** FF 4-15  **/
    width: 100%;
}

.portfolio_left_big {
    width: calc((100% * 2) / 3);
    width: -webkit-calc((100% * 2) / 3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc((100% * 2) / 3); /** FF 4-15  **/
    height: 100%;
    overflow: hidden;
    /*background:#d72222;*/
    cursor: pointer;
    /* opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}


.portfolio_left_small {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% / 3); /** FF 4-15  **/
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

.portfolio_left_vertical {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% / 3); /** FF 4-15  **/
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

.portfolio_left_horizontal {
    width: calc((100% * 2) / 3);
    width: -webkit-calc((100% * 2) / 3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc((100% * 2) / 3); /** FF 4-15  **/
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

.portfolio_right_1 {
    height: calc((100% * 2) / 3);
    height: -webkit-calc((100% * 2) / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc((100% * 2) / 3); /** FF 4-15  **/
    width: 50%;
    float: left;
}

.portfolio_right_horizontal {
    width: 100%;
    height: calc(100% / 3);
    height: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100% / 3); /** FF 4-15  **/
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

.portfolio_right_small {
    width: 100%;
    height: 50%;
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

.portfolio_right_vertical {
    height: calc((100% * 2) / 3);
    height: -webkit-calc((100% * 2) / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc((100% * 2) / 3); /** FF 4-15  **/
    width: 50%;
    float: left;
    overflow: hidden;
    cursor: pointer;
    /*opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; 
    transition: opacity 1s, transform 1s;*/
    position: relative;
}

    .portfolio_left_big:hover .portfolio_opacity, .portfolio_left_small:hover .portfolio_opacity, .portfolio_left_vertical:hover .portfolio_opacity, .portfolio_left_horizontal:hover .portfolio_opacity, .portfolio_right_horizontal:hover .portfolio_opacity, .portfolio_right_small:hover .portfolio_opacity, .portfolio_right_vertical:hover .portfolio_opacity {
        opacity: 0;
    }

    .portfolio_left_big:hover .portfolio_txt_div, .portfolio_left_small:hover .portfolio_txt_div, .portfolio_left_vertical:hover .portfolio_txt_div, .portfolio_left_horizontal:hover .portfolio_txt_div, .portfolio_right_horizontal:hover .portfolio_txt_div, .portfolio_right_small:hover .portfolio_txt_div, .portfolio_right_vertical:hover .portfolio_txt_div {
        margin-left: -295px;
    }

    .portfolio_left_big:hover .portfolio_img, .portfolio_left_small:hover .portfolio_img, .portfolio_left_vertical:hover .portfolio_img, .portfolio_left_horizontal:hover .portfolio_img, .portfolio_right_horizontal:hover .portfolio_img, .portfolio_right_small:hover .portfolio_img, .portfolio_right_vertical:hover .portfolio_img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.portfolio_img {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter 1s, -webkit-transform 1s; /* Safari */
    transition: filter 1s, transform 1s;
}

.portfolio_txt_div {
    margin-top: -20px;
    margin-left: 5px;
    -webkit-transition: margin-left 1s, -webkit-transform 1s; /* Safari */
    transition: margin-left 1s, transform 1s;
    position: absolute;
    top: 50%;
    z-index: 2;
}

.portfolio_opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFFFFF;
    z-index: 1;
    opacity: 0.6;
    -webkit-transition: opacity 1s, -webkit-transform 1s; /* Safari */
    transition: opacity 1s, transform 1s;
}

.portfolio_txt_big {
    font-size: 16px;
    color: #242424;
    font-weight: bold;
}

.portfolio_txt_small {
    font-size: 10px;
    color: #242424;
}

.home_text_block {
    width: 100%;
	margin-top:20px;
}
#htxt_1{
	margin-top:0px;
}
.home_text_image {
    height: 20px;
    margin: auto;
    background-image: url(images/HomeSymbols.svg);
    background-repeat: no-repeat;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}

.home_text_image_1 {
    width: 18px;
    background-position: 0px 0px;
}

.home_text_image_2 {
    width: 25px;
    background-position: -19px 0px;
}

.home_text_image_3 {
    width: 19px;
    background-position: -44px 0px;
}

.home_text_image_4 {
    width: 17px;
    background-position: -63px 0px;
}

.home_text_image_5 {
    width: 20px;
    background-position: -80px 0px;
}

.home_text_image_6 {
    width: 32px;
    background-position: -100px 0px;
}

.home_text_image_7 {
    width: 30px;
    background-position: -132px 0px;
}

.home_text_image_8 {
    width: 33px;
    background-position: -162px 0px;
}

.home_text {
    font-size: 15px;
    color: #242424;
    text-align: center;
    letter-spacing: 7px;
}

.projects_div {
    width: calc((100vh - 216px) * 2);
    width: -webkit-calc((100vh - 216px) * 2); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc((100vh - 216px) * 2); /** FF 4-15  **/
    height: calc(100vh - 216px);
    height: -webkit-calc(100vh - 216px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100vh - 216px); /** FF 4-15  **/
    min-height: 600px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    margin: auto;
}
.projects_div.eight_plus {    
    height: calc(133vh - 216px);
    height: -webkit-calc(133vh - 216px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(133vh - 216px); /** FF 4-15  **/
	min-height: 900px;
}

.projects_item_div {
    width: calc(100% / 4);
    width: -webkit-calc(100% / 4); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% / 4); /** FF 4-15  **/
    height: calc(100% / 2);
    height: -webkit-calc(100% / 2); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100% / 2); /** FF 4-15  **/
    overflow: hidden;
    cursor: pointer;
    /*opacity: 1;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;*/
    position: relative;
}
.projects_div.eight_plus .projects_item_div{
	height: calc(100% / 3);
    height: -webkit-calc(100% / 3); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100% / 3); /** FF 4-15  **/
	
}
.projects_txt_div {
    margin-top: -20px;
    margin-left: -290px;
    -webkit-transition: margin-left 1s, -webkit-transform 1s; /* Safari */
    transition: margin-left 1s, transform 1s;
    position: absolute;
    top: 50%;
    z-index: 2;
    font-size: 24px;
    color: #242424;
    font-weight: bold;
}

.projects_opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFFFFF;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s; /* Safari */
    transition: opacity 1s, transform 1s;
}

.projects_img {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: -webkit-filter 1s, -webkit-transform 1s;
    transition: filter 1s, transform 1s;
}

.projects_item_div:hover .projects_opacity {
    opacity: 0.6;
}

.projects_item_div:hover .projects_img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.projects_item_div:hover .projects_txt_div {
    margin-left: 5px;
}

.projects_head_div {
width: 100%;
    min-width: 1300px;
    background: #e6e6e6;
    text-align: center;
    font-size: 24px;
    color: #242424;
    border-bottom: 1px solid #b3b3b3;
    overflow: hidden;
    padding-bottom: 5px;
	height: 40px;
}

.menu_projects {
    margin: auto;
   /* width: 1160px;*/
}
.menu_projects ul {
    content: "";
	clear: both;
	display: table;
}
.menu_projects li {
    float: left;
	list-style: none;
}
.menu_projects a {
color: #808080;
    font-size: 11px;
    cursor: pointer;
    letter-spacing: 3px;
    display: inline-block;
    padding: 8px 8px;
    border-right: 1px solid #cccccc;
}
.menu_projects .current-menu-item a {
    color: #000000;
	font-weight:bold;
}
.menu_projects li:hover a{
	color: #000000;
	font-weight:bold;
}

.menu_projects li:last-child a {
    border-right: 0;
}

.menu_item_projects {
    float: left;
    color: #808080;
    font-size: 11px;
    cursor: pointer;
    letter-spacing: 3px;
    margin-top: 6px;
}

    .menu_item_projects:hover {
        color: #60D1D1;
    }

.menu_item_projects_selected {
    float: left;
    font-size: 11px;
    color: #60D1D1;
    cursor: pointer;
    letter-spacing: 3px;
    margin-top: 6px;
    /*line-height: 24px;*/
}

.projects_dontli {
    float: left;
    width: 1px;
    height: 30px;
    background: #cccccc;
    margin-left: 8px;
    margin-right: 9px;
}

.project_head_div {
    width: 100%;
    min-width: 1300px;
    background: #e6e6e6;
    text-align: center;
    font-size: 24px;
    color: #242424;
    height: 40px;
    border-bottom: 1px solid #b3b3b3;
    padding-top: 2px;
    position: relative;
}

.project_div {
    width: 1300px;
    margin: auto;
    background: #e6e6e6;
}

.project_img_div {
    width: 1000px;
    float: left;
}
.project_img_div img{
    max-width: 100%;
	width: 100%;
	height:auto;
}

.project_img {
    width: 100%;
}

.project_txt_div {
    width: 300px;
    float: left;
    padding: 0 15px;
}

.project_txt_block {
    font-size: 13px;
    color: #242424;
    margin-top: 15px;
}

.project_back {
    width: 400px;
    height: 39px;
    position: absolute;
    left:30px;
    top:0px;
    cursor:pointer;
    color:#B3B3B3;
    font-size:13px;
    text-align: left;
    padding-left: 14px;
    line-height: 35px;
  
}

    .project_back:hover {
        color:#000000;
    }



.ourteam_div {
    width: calc(((100vh - 174px) * 5) / 3);
    width: -webkit-calc(((100vh - 174px) * 5) / 3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(((100vh - 174px) * 5) / 3); /** FF 4-15  **/
    min-height: calc(100vh - 175px);
    min-height: -webkit-calc(100vh - 175px);
    min-height: -moz-calc(100vh - 175px);
    min-width: calc(((600px) * 5) / 3);
    min-width: -webkit-calc(((600px) * 5) / 3); /** Safari 6, Chrome 19-25 **/
    min-width: -moz-calc(((600px) * 5) / 3); /** FF 4-15  **/
    overflow: hidden;
    position: relative;
    margin: auto;
    padding-top: 50px;
}

.ourteam_item_block {
    width: calc(100% / 4);
    width: -webkit-calc(100% / 4);
    width: -moz-calc(100% / 4);
    min-height: 450px;
    padding: 0 10px;
    float: left;
    display: none;
	margin-bottom: 40px;
}

.ourteam_item_div {
    width: 100%;
    height: 100%;
    /*border: 1px solid #b3b3b3;*/
    padding: 0 5px;
}

.ourteam_img_div {
    border-radius: 60%;
    height: 0;
    margin: 20px auto;
    /*padding-bottom: 60%;*/
    padding-bottom: 220px;
    /*width: 60%;*/
    width: 220px;
    /*background: #242424;*/
    overflow: hidden;
    position: relative;
}

.ourteam_img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.ourteam_txt_head {
    font-weight: bold;
    font-size: 16px;
    color: #242424;
    text-align: center;
    margin-bottom: 15px;
}

.ourteam_txt {
    font-size: 11px;
    color: #242424;
    text-align: center;
    margin-top: 10px;
}



.aboutus_div {
    width: 100%;
    height: calc(100vh - 175px);
    height: -webkit-calc(100vh - 175px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100vh - 175px); /** FF 4-15  **/
    min-height: 600px;
    overflow: hidden;
    position: relative;
    /*padding:60px;*/
    background-image: url("images/aboutusbg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aboutus_content {
    width: calc(((100vh - 175px)*5)/3);
    width: -webkit-calc(((100vh - 175px)*5)/3); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(((100vh - 175px)*5)/3); /** FF 4-15  **/
    height: calc(100vh - 175px);
    height: -webkit-calc(100vh - 175px); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc(100vh - 175px); /** FF 4-15  **/
    min-height: 600px;
    min-width: calc(((600px) * 5) / 3);
    min-width: -webkit-calc(((600px) * 5) / 3); /** Safari 6, Chrome 19-25 **/
    min-width: -moz-calc(((600px) * 5) / 3); /** FF 4-15  **/
    overflow: hidden;
    /*position: relative;*/
    margin: auto; 
	position:relative;
}

.aboutus_text {
    font-size: 13px;
    /*text-align: justify;*/
    padding-top: 30px;
    margin: auto;
    /*max-width: 800px;*/
}

.aboutus_contact_text {
    font-size: 13px;
    /*text-align: justify;*/
    position: absolute;
    margin: auto;
    width: 460px;
    bottom: 30px;
    right: 25px;
}

.aboutus_map_div {
	float:left;
	width: calc(100% / 4.001);
    width: -webkit-calc(100% / 4.001);
    width: -moz-calc(100% / 4.001);
	height:330px;
	opacity:0;
}

.aboutus_map {
    width: 260px;
    height: 260px;
    /*border-radius: 50%;*/
    -webkit-box-shadow: 1px 1px 3px #494949;
    -moz-box-shadow: 1px 1px 3px #494949;
    box-shadow: 1px 1px 3px #494949;
    z-index:1;
	margin:0 auto;
}
.aboutus_map_parent{
	 width: 240px;
     height: 240px;
	 margin:0 auto;
	 z-index:1;
	 overflow:hidden;
	 border-radius: 50%;
}
.map_conteiner{
	position:relative;
}
.map_conteiner_main{
	position: absolute;
    bottom: 0px;
	width:100%;
}
.map_animate_dot_div{
	position:absolute;
	z-index:3;
	top: 340px;
}
.map_animate_dot{
	width:240px;
	height:240px;
	border-radius:50%;
	background-color:black;
	
}
.map_aditional_info{
	text-align: center;
    font-size: 13px;
    font-weight: bold;
	margin-top:5px;
}
.map_aditional_info_city,.map_aditional_info_phone{
	text-align: center;
	font-size:13px;
}
.map_aditional_info_city{
	margin-top:6px;
}


.ourteam_animate_dot_div {
    width: calc(100% / 4);
    width: -webkit-calc(100% / 4); /** Safari 6, Chrome 19-25 **/
    width: -moz-calc(100% / 4); /** FF 4-15  **/
    height: calc((((((100vh - 175px) * 5) / 3) / 4) * 9) / 5);
    height: -webkit-calc((((((100vh - 175px) * 5) / 3) / 4) * 9) / 5); /** Safari 6, Chrome 19-25 **/
    height: -moz-calc((((((100vh - 175px) * 5) / 3) / 4) * 9) / 5); /** FF 4-15  **/
    min-height: 450px;
    padding: 20px 0 0;
    top: -230px; /*120px;*/
    /*margin-left:calc((100%+24)/2-200%);*/
    z-index: 5;
    position: absolute;
    left: 50%;
    /*transform: translate(-50%, 0);*/
}

.ourteam_animate_dot {
    width: 220px;
    height: 220px;
    background: #242424;
    border-radius: 50%;
    margin: 0 auto;
}

@media screen and (min-height: 881px) {
    .ourteam_txt_head {
        font-weight: bold;
        font-size: 20px;
        color: #242424;
        text-align: center;
        margin-bottom: 15px;
    }

    .ourteam_txt {
        font-size: 13px;
        color: #242424;
        text-align: center;
        margin-top: 10px;
    }

    .aboutus_text {
        font-size: 13px;
        /*text-align: justify;*/
        padding-top: 60px;
        margin: auto;
        /*max-width: 800px;*/
    }

    .aboutus_contact_text {
        font-size: 13px;
        /*text-align: justify;*/
        position: absolute;
        margin: auto;
        width: 460px;
        bottom: 40px;
        right: 25px;
    }

    .aboutus_map_div {
       
    }
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/*Team*/
.ourteam_item_block .ourteam_txt > div {
	text-align:justify;
	margin-bottom: 15px;
}

/*Portfolio*/
.portfolio_item{
	position:relative;
}
.portfolio_item:hover .portfolio_opacity {
	opacity:0;
}
.portfolio_item:hover .portfolio_txt_div {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
}
.portfolio_item:hover img {
-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.portfolio_item a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
}
.slider_vertical_aligment{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.project_txt_block.project_txt_block_excerpt{
	text-align:justify;
}