@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-It.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-It.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-It.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-It.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-It.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-It.svg#TTCommonsPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro ExtraBlack';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlkIt.svg#TTCommonsPro-XBlkIt') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XLt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XLt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLt.svg#TTCommonsPro-XLt') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Bd.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Bd.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Bd.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Bd.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Bd.svg#TTCommonsPro-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Blk.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Blk.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Blk.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Blk.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Blk.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Blk.svg#TTCommonsPro-Blk') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Db.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Db.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Db.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Db.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Db.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Db.svg#TTCommonsPro-Db') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-BlkIt.svg#TTCommonsPro-BlkIt') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBdIt.svg#TTCommonsPro-XBdIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Rg.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Rg.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Rg.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Rg.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Rg.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Rg.svg#TTCommonsPro-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Md.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Md.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Md.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Md.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Md.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Md.svg#TTCommonsPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBd.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBd.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBd.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBd.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBd.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBd.svg#TTCommonsPro-XBd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro ExtraBlack';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBlk.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XBlk.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlk.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlk.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlk.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XBlk.svg#TTCommonsPro-XBlk') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-BdIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-BdIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-BdIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-BdIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-BdIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-BdIt.svg#TTCommonsPro-BdIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-XLtIt.svg#TTCommonsPro-XLtIt') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-LtIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-LtIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-LtIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-LtIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-LtIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-LtIt.svg#TTCommonsPro-LtIt') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-MdIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-MdIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-MdIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-MdIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-MdIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-MdIt.svg#TTCommonsPro-MdIt') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-DbIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-DbIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-DbIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-DbIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-DbIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-DbIt.svg#TTCommonsPro-DbIt') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Lt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Lt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Lt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Lt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Lt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Lt.svg#TTCommonsPro-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-ThinIt.svg#TTCommonsPro-ThinIt') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('fonts/tt_commons_pro/TTCommonsPro-Thin.eot');
    src: url('fonts/tt_commons_pro/TTCommonsPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Thin.woff2') format('woff2'),
        url('fonts/tt_commons_pro/TTCommonsPro-Thin.woff') format('woff'),
        url('fonts/tt_commons_pro/TTCommonsPro-Thin.ttf') format('truetype'),
        url('fonts/tt_commons_pro/TTCommonsPro-Thin.svg#TTCommonsPro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


*{vertical-align:top!important}
::-moz-selection{background:#a5a5a5;color:#000}
::selection{background:#a5a5a5;color:#000}
::-webkit-input-placeholder{color:#000}
:-moz-placeholder {color:#000}
::-moz-placeholder{color:#000}
:-ms-input-placeholder{color:#000}
h1,h2,h3,h4,h5,h6{font-weight:400}
*{outline:none!important;margin:0;padding:0;border-width:0;vertical-align:top}
body,html{-webkit-appearance: none;-moz-appearance: none;overflow-x: hidden;margin:0;padding:0;width:100%;font-size:0;cursor:default;border:0;background-color:#000; position: relative;top:0;left:0;min-height:440px}
.global-wraper{-webkit-appearance: none;-moz-appearance: none;overflow-x: hidden;position: relative;top:0;left:0;width:100%;display:block;z-index:1;}
.big-wraper{-webkit-appearance: none;-moz-appearance: none;position: relative;top:0;left:0;width:100%;}
a{text-decoration:none;color:inherit;}




html ,body{margin:0;font-size: 10px;	font-family: 'TT Commons Pro', sans-serif;font-weight: 400; }


scrollbar{width:3px}
scrollbar-track{background-color:#fff;border:0}
scrollbar-thumb{background-color:#000;border-radius:3px}
scrollbar-thumb:hover{background-color:#000;border-radius:3px}

::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background-color:#fff;border:0}
::-webkit-scrollbar-thumb{background-color:#000;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background-color:#000;border-radius:3px}

*{font-size:0;line-height:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

a{position:relative}
a::after{position:absolute;content:'';display:block;bottom:-2px;height:1px;left:50%;width:0;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#fff}
a:hover::after{width:100%;}


.animateBlock{opacity:0;display: table;color:#fff;width: 100%;position:relative;margin:0  auto;max-width:1280px;}
.animateBlock_cll{display:table-cell;vertical-align:middle!important;position:relative}
.animateBlock_inn{max-width: 900px;margin:0 auto;position:relative}
.animateBlock p{font-family: 'TT Commons Pro';color:inherit;font-size: 3rem;line-height:4rem;margin:0;padding: 0 20px;}
.animateBlock  h2{font-family: 'TT Commons Pro';color:inherit;font-size: 7rem;	line-height:7rem;    padding: 0 20px  80px 20px;text-align:center;font-weight:600}
.animateBlock1{text-align: center;min-height:560px}
.animateBlock1 img{max-width: 570px;width:37%;height:auto;}


.animateBlock2  .animateBlock_inn{padding:8% 0 11%}
.animateBlock3  .animateBlock_inn{padding:5% 0}
.animateBlock4  .animateBlock_inn{padding:0 0 5%  0}

.animateBlock4 p{font-size: 2.2rem;line-height:3.2rem;}


.projects_list{text-align: center;padding: 0 0 0 20px;}
.projects_list_itm{display:inline-block;width:33.333%;}
.projects_list_itm_path{margin-right:20px;}
.projects_list_itm  .projects_list_itm_img{display:block;padding-bottom:150%;background-color:#eee;border-radius:10px;border:1px solid #7d7d7d;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.show .projects_list_itm_img{-webkit-animation:fadeIn 0.5s ease-out;animation:fadeIn 0.5s ease-out;animation-delay: 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.show .projects_list_itm_img2{animation-delay: 0.3s;}
.show .projects_list_itm_img3{animation-delay: 0.6s;}
.show .projects_list_itm_img4{animation-delay: 0.9s;}
.show .projects_list_itm_img5{animation-delay: 1.2s;}
.show .projects_list_itm_img6{animation-delay: 1.5s;}
.projects_list_itm_img1,.projects_list_itm_img2,.projects_list_itm_img3{margin:0 0 30px 0;}

.read_more_button{text-align:center;margin-top: 60px;}
.read_more_button a{margin-top:20px;font-family: 'TT Commons Pro';color:#cbcbcb;font-size: 1.9rem;line-height:2rem;font-weight:400;border:1px solid #888;padding:10px 40px;border-radius:30px;}
.read_more_button a:hover{border:1px solid #fff;color:#fff;}



.scroll_arr_down{opacity:0;position:absolute;bottom:3%;width:100%;text-align:center;}
.scroll_arr_down   img{opacity:0.6; cursor:pointer;max-width:188px;width:5%;height:auto}
.scroll_arr_down.active{bottom:5%;opacity:1}


.top_menu{z-index:2;opacity:0;background:rgba(0,0,0,0.8);position:fixed;top:0;padding:10px 20px;left:50%;max-width:1280px;width:100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.top_menu_itm{cursor:pointer;display:inline-block;margin-right:25px;opacity:0.6;color: #fff;font-size: 1.6rem;line-height:1.6rem;padding:0;}
.top_menu_itm  img{width:24px;height:auto;margin-top:2px}
.top_menu_itm1{font-family: MicrosoftSansSerif, 'Microsoft Sans Serif';}
.top_menu_itm.active,.top_menu_itm:hover{opacity:1}

.left_right_cont{display:table;width:100%;padding:40px 0;}
.left_right{display:table-cell;width:50%;padding:5px 20px 5px 20px}
.rsd{border-left:1px #888 solid;padding:0 20px 0 120px}
.left_right_title{background-repeat:no-repeat;background-size:24px;background-position:0 50%;padding-left:50px;font-family: 'TT Commons Pro';color:#fff;font-size: 2.2rem;	line-height:3.2rem;font-weight:600;}
.left_right_desk{background-repeat:no-repeat;background-size:24px;background-position:0 50%;padding-left:50px;font-family: 'TT Commons Pro';color:#fff;font-size: 2.2rem;	line-height:3.2rem;font-weight:400;margin-bottom:20px;}

.left_right input,.left_right textarea{font-family: 'TT Commons Pro';color:#fff;font-size: 1.9rem;	line-height:2rem;font-weight:400;border-bottom:1px solid #888;padding:15px;width:100%;background: transparent;}
.left_right textarea{border:1px solid #888;border-radius:10px;}
.left_right textarea::placeholder,.left_right input::placeholder{font-family: 'TT Commons Pro';color:#777;font-size: 1.9rem;	line-height:2rem;font-weight:400;}
.left_right button{margin-top:20px;font-family: 'TT Commons Pro';color:#cbcbcb;font-size: 1.9rem;line-height:2rem;font-weight:400;border:1px solid #888;padding:10px 40px;border-radius:30px;background: transparent;}
.left_right button:hover{color:#fff;border:1px solid #fff;}
.form-control{margin-bottom:20px}
.textareadiv{margin-top:40px}
.has-spinner.send{opacity:0.5}

.left_right textarea:focus::placeholder,.left_right input:focus::placeholder{color:#000}
chrome_annotation{text-decoration:none!important;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}

.mobile-nav-toggle {display:none;position: fixed;top: 10px;left: 10px;z-index: 4;height: 40px;width: 40px;border-radius:50%; background: rgba(0, 0, 0, 0.5);}
.mobile-nav-toggle .piece {position: absolute;top: 50%;left: 9px;width: 22px;border-bottom: 1px solid #fff;}
.mobile-nav-toggle .bun_top {
    -webkit-transform: translate(0, calc(-0.5 * 8px));
    -ms-transform: translate(0, calc(-0.5 * 8px));
    transform: translate(0, calc(-0.5 * 8px));
}
.mobile-nav-toggle  .bun_bottom {
    -webkit-transform: translate(0, calc(0.5 * 8px));
    -ms-transform: translate(0, calc(0.5 * 8px));
    transform: translate(0, calc(0.5 * 8px));
}
.mobile-nav-toggle.active .bun_top {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mobile-nav-toggle.active .bun_bottom {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mobile_menu{visibility:hidden;opacity:0;position:fixed;background:#000;top:0;left:0;width:100%;height:100%;z-index:3;}
.mobile_menu_path{position:absolute;top:50%;left:20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.mobile_menu.active{visibility:visible;opacity:1;}
.mobile_menu_itm{display:block;margin-bottom:25px;opacity:0;color: #fff;font-size: 6rem;line-height:6rem;padding:0;transform: translateX(-10%);-webkit-transform: translateX(-10%);}
.mobile_menu_itm img{width:100px;height:auto;}
.mobile_menu.active .mobile_menu_itm{transform: translateX(0%);-webkit-transform: translateX(0%);opacity:0.6;}
.mobile_menu.active .mobile_menu_itm.active{opacity:1}


.animateBlock_inn_in{text-align:center;}
.word_clout_itm{display:inline-block;margin:10px;padding:10px 20px;font-family: 'TT Commons Pro';color:#fff;font-size: 1.9rem;line-height:2rem;font-weight:500;border-radius:10px;letter-spacing:0.5px}
.animateBlock h3{font-family: 'TT Commons Pro';color: inherit;font-size: 2.6rem;line-height: 2.6rem;padding: 60px 20px 40px 20px;text-align: center;font-weight: 500;letter-spacing:10px}

.show {   
   -webkit-animation:fadeIn 0.6s ease-out;
   animation:fadeIn 0.6s ease-out;
   -webkit-animation-fill-mode:both;
   animation-fill-mode:both;
}
.show2{   
   -webkit-animation:fadeIn2 0.5s ease-out;
   animation:fadeIn2 0.5s ease-out;
   -webkit-animation-fill-mode:both;
   animation-fill-mode:both;
}

@keyframes fadeIn  {
   0% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		opacity:0;
   } 
   100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity:1;
   }
}
@-webkit-keyframes fadeIn  {
   0% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		opacity:0;
   } 
   100% {
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		opacity:1;
   }
}

@keyframes fadeIn2  {
   0% {
      top: -5px;
      opacity:0;
	  visibility:hidden;
   } 
   100% {
      top: 0;
      opacity:1;
	  visibility:visible;
   }
}
@-webkit-keyframes fadeIn2  {
   0% {
      top: -5px;
      opacity:0;
	  visibility:hidden;
   } 
   100% {
      top: 0;
      opacity:1;
	  visibility:visible;
   }
}


a:after,.top_menu_itm,.scroll_arr_down   img,.mobile-nav-toggle .piece,.mobile_menu,.read_more_button a,.left_right button,.team_list_itm_i2
{
	transition: all .2s  ease-in-out;
	-webkit-transition: all .2s ease-in-out; 
	-khtml-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; 
	-icab-transition: all .2s ease-in-out;
}

.scroll_arr_down,.mobile_menu_itm   {
	transition: all .6s  ease-in-out;
	-webkit-transition: all .6s ease-in-out; 
	-khtml-transition: all .6s ease-in-out; 
	-moz-transition: all .62s ease-in-out; 
	-o-transition: all .6s ease-in-out; 
	-ms-transition: all .6s ease-in-out; 
	-icab-transition: all .6s ease-in-out;
}








.cat_2{background: #fff;}
.cat_2 .top_menu{background: rgba(255, 255, 255, 0.8);}
.cat_2 .top_menu_itm{color:#000}






.home_film_banner{padding: 0 15px;width: 33.333%;display: inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;}
.home_film_banner_link{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;padding-bottom:141.489%;border-radius: 5px;    display: block;border:1px solid #3f3f3f }
.films_list_rr .home_film_banner{padding: 0 15px 30px 15px;}






.catalog_top_image {
    position: relative;
    overflow: hidden;
    z-index: 0;
	/*padding-top: 40px;*/
}
.parallax_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    left: 0;
    z-index: -1;
    padding-bottom: 43.33333333333333%;
}


.movie_container{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	padding: 0 10px;
	clear: both;
}

.movie_description{
	display: flex;
	justify-content: space-between;
    /*align-items: center;*/
	position: relative;
}

.movie_image{
	max-width: 586px;
    width: 50%;
}


.movie_image img{
	max-width: 586px;
	position: absolute;
	top: -195px;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	left:0;
}

.movie_image.movie_image_static img{
	position: static;
    margin-top: 80px;
    border-radius: 10px;
}


.movie_text{
	width: 50%;
	max-width: 550px;
	padding-top: 110px;
}
.movie_text.none_banner{padding-top: 80px;}




.movie_text > span{
	font-family: 'TT Commons Pro'; font-weight: 700;
	font-size: 4rem;
	line-height: 4rem;
}

.movie_text .movie_tags{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 20px;
	
}

.movie_text .movie_tags span{
	font-family: 'TT Commons Pro';
	font-size:1.4rem;
	line-height: 1.4rem;
    margin: 0 15px 11px 0;
    display: inline-block;
	position:relative;
	
}
.movie_text .movie_tags span:after{display:block;content:'.';position:absolute;top:0%;left:-9px;font-family:inherit;color:#888;font-size:2rem;line-height: 0.3rem;}
.movie_text .movie_tags span:first-child:after{display:none}



.movie_text h1, .movie_text .wp-block-heading{
	font-family: 'TT Commons Pro'; font-weight: 600;
	font-size: 2.6rem;
	line-height: 3rem;
	margin: 0;
    padding: 0 0 20px 0;
}

.movie_text p{
	font-family: 'TT Commons Pro'; font-weight: 400;
	font-size: 1.9rem;
	line-height: 2.6rem;
	/*max-width: 460px;*/
	margin: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: all 1.1s  ease;
    -webkit-transition: all 1.1s ease; 
    -khtml-transition: all 1.1s ease; 
    -moz-transition: all 1.1s ease; 
    -o-transition: all 1.1s ease; 
    -ms-transition: all 1.1s ease; 
    -icab-transition: all 1.1s ease;
}

.movie_text.none_banner p.text_dots{-webkit-line-clamp: 17;}



.movie_desc.opened_desc p:after {
	display: none
}

.movie_desc p{
	overflow: hidden;
	position: relative;
	transition: all 1.1s  ease;
    -webkit-transition: all 1.1s ease; 
    -khtml-transition: all 1.1s ease; 
    -moz-transition: all 1.1s ease; 
    -o-transition: all 1.1s ease; 
    -ms-transition: all 1.1s ease; 
    -icab-transition: all 1.1s ease;
}

.opened_desc.movie_desc p{
	max-height: inherit;
	transition: all 1.1s  ease;
    -webkit-transition: all 1.1s ease; 
    -khtml-transition: all 1.1s ease; 
    -moz-transition: all 1.1s ease; 
    -o-transition: all 1.1s ease; 
    -ms-transition: all 1.1s ease; 
    -icab-transition: all 1.1s ease;
}

.movie_desc_more{
	font-family: 'TT Commons Pro'; font-weight: 400;
	font-size: 1.6rem;
	line-height: 3rem;
	color: #868383;
	display: none;
	padding: 5px 0;
	cursor: pointer
}

.movie_options{
	padding-top: 100px;
    max-width:750px;
	margin: 0 auto;
	display: flex;
	width: 100%;
}
.movie_option_column{
    width: 33.33333%;
	font-family: 'TT Commons Pro'; font-weight: 400;
	font-size: 1.7rem;
	line-height: 2.5rem;
}
.movie_option_column span{
	display: block;
	font-family: 'TT Commons Pro'; font-weight: 700;
	font-size: 1.7rem;
	line-height: 2.5rem;
	padding-bottom: 7px;
}

.movie_pdf{
	padding-top: 40px
}
.movie_pdf img{max-width: 50px;}
.movie_pdf span{
	font-family: 'TT Commons Pro'; font-weight: 400;
	font-size: 1.6rem;
	display: block;
	text-decoration: underline;
}

.movie_pdf span:after{
	content: '';
	background-image: url('../images/svg/download_arrow.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;	
	display: inline-block;
	width: 11px;
	height: 13px;
	margin-left: 5px;
}

.movie_spacial_cont{
	padding: 90px 0 85px 0;
}
.movie_titles{
	
	text-align: center;
	position: relative;
}
.movie_titles > span{
	font-size: 2.6rem;
	line-height: 3.5rem;
	letter-spacing: 1px;
	margin: 0;
	font-family: 'TT Commons Pro'; font-weight: 700;
	background-color: #fff;
	padding: 0 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9
}
.movie_titles:after{
	content: '';
	background-color: #c5c4c4;
	width: 100%;
	height: 1px;
	position: absolute;
	top:50%;
	left: 0;
	z-index: 1
}



.gallery_loader{
	width: 100%;
	text-align: center;
}

.gallery_loader img{max-width: 40px;}

.fancybox__toolbar{
	top: 40px;
	right: 40px;
}
.fancybox__container .carousel__button.is-prev:after,
.fancybox__container .carousel__button.is-next:after{
	content: '';
    background-image: url(../images/svg/arrow_left.svg);
    display: block;
    width: 45px;
    height: 85px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.fancybox__container .carousel__button.is-next:after{
	background-image: url(../images/svg/arrow_right.svg);
}

.fancybox__backdrop{
	background: rgba(0, 0, 0, 0.80) !important;
}


.gallery-cont {
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.movie_gallery_block{
	padding: 10px;
	width: 33.333%;
}

.movie_gallery_image_block img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	
	width: auto;
	height: 100%;
	aspect-ratio: 1; /* will make width equal to height (500px container) */
	object-fit: cover; /* use the one you need */
}
.movie_gallery_image_block{
	padding-bottom: 100%;
	position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}



.films_list_rr h2{
	text-align:left;
	width:100%;
	font-family: 'TT Commons Pro'; 
	font-weight: 400;
	color: #fff;
	font-size:3rem;
	line-height:4rem;
	padding: 0 45px 0px 45px;
	max-width: 1200px;
	margin:0 auto;
}



.smaller_ittms  .home_film_banner{width:20%}
.scd_video{margin-bottom:15%;}
.movie_sub_title{font-family: 'TT Commons Pro'; font-weight: 600;font-size:2rem;line-height:3rem;padding: 20px 0 20px}




.main-footer{background:#191919;position:relative;top:0;left:0;width:100%;  margin-top: 25px;}
.main-footer-content{max-width:1280px;position:relative;top:0;left:0;margin:0  auto; padding:0 30px 25px 30px;}
.main-footer-content-left{float:left;text-align:left;position:relative;height: 20px;  display: block;}
.main-footer-content-left h4{font:normal 13px 'TT Commons Pro', sans-serif;color:#6b6b6b;font-weight:400}
.main-footer-content-right{float:right;text-align:right;position:relative;width:290px;height:40px;  display: none;}
.main-footer-content-right-title{opacity:1;font:normal 13px 'TT Commons Pro', sans-serif;color:#6b6b6b;text-transform:uppercase;text-align:right;font-weight:400;
transition: all .3s  ease-out;
  -webkit-transition: all .3s ease-out;
  -khtml-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -icab-transition: all .3s ease-out;}
.main-footer-content-right-form{position:relative;top:-11px;z-index:99999999999;right:0;}
.footer-contact-item{padding-right:20px}
.footer-contact-item.footer-menu a, .footer-contact-item.footer-menu span{line-height: inherit;color:inherit;font-family:inherit;font-size:inherit;}
.footer-contact-item.footer-menu a:hover,.footer-contact-item.footer-menu a.active,.footer-contact-item.footer-menu a:active,
.footer-contact-item.footer-menu span:hover,.footer-contact-item.footer-menu span.current,.footer-contact-item.footer-menu span:active,
.contact-item a:hover,
.footer-contact-item-desc a:hover{color:#fff}
.footer-contact-item.footer-menu .footer-contact-item-desc{padding-top: 0px}
.main-footer-content-top{max-width:1280px;position:relative;top:0;left:0;margin:0  auto; padding:30px 30px 30px 30px; display: flex; justify-content: center; align-items: center}
.main-footer-logo{width: 18%; padding: 0 20px 0 0;}
.main-footer-content-top-contact{width: 75%;padding: 30px 0px 30px 14%;border-left: 1px solid #333;}
.main-footer-content-border{width:1280px;margin:0 auto;background:#333;height:1px;}
.main-footer-content-top-ourwork{float:left;width:510px;vertical-align:top;text-align:left;padding-right: 20px;border-right:1px solid #333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-footer-content-top-ourwork-ttl{color:#fff;font-size:16px;font-family: 'TT Commons Pro', sans-serif;margin-bottom:15px;font-weight: 700;}
.main-footer-content-top-ourwork p{color:#9e9e9e;font-size:16px;line-height:22px;font-family: 'TT Commons Pro', sans-serif;font-weight: 400;}
ul.main-footer-content-top-ourwork-lst {list-style:none;}
ul.main-footer-content-top-ourwork-lst  li{margin:15px 0}
.our_w_l_it{text-decoration:none;color:#777;font-size:16px;font-family: 'TT Commons Pro', sans-serif;background-repeat:no-repeat;background-position:right center;background-image:url(../img/menu_arr_right1.svg);padding:0;padding-right:15px;}
.our_w_l_it:hover{color:#9e9e9e;padding-right:22px;}

.main-footer-content-top-menu{float:left;width:155px;text-align:left;vertical-align:top;}
ul.main-footer-content-top-menu-lst{list-style:none;}
ul.main-footer-content-top-menu-lst  li{margin:0 0 20px 0}
ul.main-footer-content-top-menu-lst  li:last-child{margin:0}
.menu_l_it{text-transform:uppercase;text-decoration:none;color:#9e9e9e;font-size:16px;font-family: 'GothamMedium', sans-serif;padding:0;padding-bottom:2px;}
.menu_l_it:hover, .menu_l_it.active{color:#9e9e9e;border-bottom:1px solid #9e9e9e;}



.main-footer-content-top-contact{text-align:left;}
.main-footer-content-top-contact{margin: 0 auto}
.footer-contact-item{padding:0;vertical-align:top;float:left;width:33.33%;text-align:left;margin-bottom: 30px;padding-right: 20px;}
.footer-contact-item h2{    line-height: 16px;color:#fff;font-size:16px;font-family: 'TT Commons Pro', sans-serif;margin-bottom:10px;font-weight: 600;}
.footer-contact-item-desc, .footer-contact-item-desc p{color:#9e9e9e;font-size:16px;line-height:26px;font-family: 'TT Commons Pro', sans-serif;font-weight: 400;}
.footer-contact-item-desc p{margin-bottom:9px;}
.main-footer-logo img{width:100%;height:auto;    max-width: 90px;}
.formobileonly{display:none}
.social-icons-item{overflow:hidden}
.social-icons-item,.social-icons-item .icon{width:40px;height:40px;display:block;text-decoration:none;fill:#6b6b6b}
.social-icons-item:hover .social-icons-item .icon{fill:#fff}
.social-icons-list{display:inline-block;text-align:center;margin-right: 13px;}
.social-icons-item{display:inline-block;padding:0 8px}
.social-icons-bar{position:absolute;top:46%;left:50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform:translateX(-50%);}


#contact_s,#mission_s,#projects_s,#leadership_s{margin-top: 5%;}

.main-footer-logo a::after,.mobile_menu_itm ::after,.projects_list_itm_img::after, .read_more_button a::after,.team_list_itm_img::after{display:none}





.team_list{text-align: center;padding: 0 0 0 20px;}
.team_list_itm{display:inline-block;width:33.333%;}
.team_list_itm_path{margin-right:20px;}
.team_list_itm  .team_list_itm_img{overflow: hidden;position:relative;display:block;padding-bottom:100%;border-radius:10px;border:1px solid #7d7d7d;}
.team_list_itm_i1,.team_list_itm_i2{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:1;border-radius:10px;}
.team_list_itm_i2{z-index:2;opacity:0;}
.show .team_list_itm_img{-webkit-animation:fadeIn 0.5s ease-out;animation:fadeIn 0.5s ease-out;animation-delay: 0s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.show .team_list_itm_img2{animation-delay: 0.3s;}
.show .team_list_itm_img3{animation-delay: 0.6s;}
.show .team_list_itm_img4{animation-delay: 0.9s;}
.show .team_list_itm_img5{animation-delay: 1.2s;}
.show .team_list_itm_img6{animation-delay: 1.5s;}

.team_list_itm_name{text-align:left;color:#fff;font-size:2.2rem;font-family: 'TT Commons Pro', sans-serif;line-height:2.4rem;margin:15px 0 10px 0;font-weight: 600;}
.team_list_itm_type{text-align:left;color:#999;font-size:2rem;font-family: 'TT Commons Pro', sans-serif;line-height:2rem;font-weight: 300;margin-bottom:30px}

.team_itm_img_path{width:40%;display:inline-block;vertical-align:top}
.team_itm_img{padding-bottom:100%;background-color:#eee;border-radius:10px;border:1px solid #7d7d7d;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.team_itm_bio{width:60%;display:inline-block;vertical-align:top;padding-left:30px;}
.team_itm_bio p{font-family: 'TT Commons Pro';color:inherit;font-size: 2rem;line-height:3rem;margin:0;padding: 0 0 20px 0;}

.team_list_itm_img:hover .team_list_itm_i2{opacity:1;}