@charset "utf-8";
html { overflow-x: hidden; padding: 0; margin: 0; width: 100%; height: 100% }
body { font-family: open sans; font-size: 14px; line-height: 1.5; font-weight: 400; word-wrap: break-word; letter-spacing: .5px; width: 100%; height: 100%; overflow-x: hidden }
svg { fill: currentcolor; width: 15px; height: 15px }
img.svg { width: 15px; height: 15px }
.constructify_fn_sticky_section { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; overflow: visible; top: 50px }
.constructify_fn_sticky_section:after { clear: both; display: table; content: '' }
.constructify_tm_wrapper_all { width: 100%; min-height: 100vh; float: left; clear: both; position: relative; z-index: 25 }
.constructify_tm_overlay_window { position: fixed; width: 100%; height: 100vh; display: none; z-index: 6 }
.constructify_tm_overlay_window.color { display: block; background-color: rgba(0,0,0,.97) }
.constructify_tm_section { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_wrapper_all[data-border=fixed] .constructify_tm_top_border { position: fixed; top: 0; left: 0; right: 0; height: 10px; background-color: #ff8f03; z-index: 1000 }
.constructify_tm_wrapper_all[data-border=fixed] .constructify_tm_bottom_border { position: fixed; bottom: 0; left: 0; right: 0; height: 10px; background-color: #ff8f03; z-index: 1000 }
.constructify_tm_wrapper_all[data-border=fixed] .constructify_tm_left_border { position: fixed; top: 0; left: 0; bottom: 0; width: 10px; background-color: #ff8f03; z-index: 1000 }
.constructify_tm_wrapper_all[data-border=fixed] .constructify_tm_right_border { position: fixed; top: 0; right: 0; bottom: 0; width: 10px; background-color: #ff8f03; z-index: 1000 }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_top_border { display: none }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_bottom_border { display: none }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_left_border { display: none }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_right_border { display: none }
.constructify_tm_wrapper_all .pattern_border:before { position: absolute; background-image: url(/img/patterns/green-dust-and-scratches.png); background-repeat: repeat; width: 100%; height: 100%; z-index: 1 }
.constructify_tm_wrapper_all[data-border=fixed] .pattern_border:before { content: '' }
.constructify_tm_wrapper_all .wrapper_inner { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_wrapper_all[data-border=fixed] .wrapper_inner { padding: 10px }
.constructify_tm_wrapper_all[data-border=none] .wrapper_inner { padding: 0 }
.constructify_tm_wrapper_all[data-border=fixed] .main_leftpart { width: 480px; position: fixed; top: 10px; left: 10px; bottom: 10px; z-index: 10 }
.constructify_tm_wrapper_all[data-border=none] .main_leftpart { width: 480px; position: fixed; top: 0; left: 0; bottom: 0; z-index: 10 }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap { width: 400px; height: 100%; float: left; background-color: #0f0f16; position: relative }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap { width: 100%; height: auto; background-color: #111119; text-align: center; padding: 35px 0; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap.animate { padding: 20px 0 }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap.animate img { transform: scale(.7,.7) }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap .shape { position: absolute; background-color: #111119; height: 14px; left: 70px; right: 70px; top: 100%; box-shadow: 0 2px 3px rgba(0,0,0,.15) }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap .shape:before { border-top: 14px solid #111119; border-right: 10px solid transparent; content: ''; position: absolute; right: -10px; top: 0 }
.constructify_tm_wrapper_all .main_leftpart .logo_wrap .shape:after { border-top: 14px solid #111119; border-left: 10px solid transparent; content: ''; position: absolute; left: -10px; top: 0 }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap { width: 100%; height: auto; clear: both; float: left; padding: 60px 60px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap > ul { margin: 0; list-style-type: none }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap > ul > li { margin: 0; position: relative }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap > ul > li a { text-decoration: none; color: #eee; font-family: rubik; font-size: 16px; text-transform: uppercase; letter-spacing: .5px; padding: 11px 7px; display: block; position: relative; font-weight: 300 }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap > ul > li a:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #15151c; bottom: 0; left: 0 }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap > ul > li.has_children:after { position: absolute; content: ""; border: 5px solid transparent; border-left-color: #666; top: 16px; right: 0 }
.constructify_tm_wrapper_all .main_leftpart .nav_wrap .submenu { display: none }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_animate_menu { left: 400px }
.constructify_tm_animate_menu { width: 270px; background-color: #0f0f16; position: fixed; left: 410px; top: 50%; padding: 30px; z-index: 15; opacity: 0; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_animate_menu.opened { opacity: 1; visibility: visible }
.constructify_tm_animate_menu ul { margin: 0; list-style-type: none }
.constructify_tm_animate_menu ul li { margin: 0 0 15px }
.constructify_tm_animate_menu ul li:last-child { margin-bottom: 0 }
.constructify_tm_animate_menu a { text-decoration: none; color: #eee; font-family: rubik; font-size: 16px }
.constructify_tm_wrapper_all[data-short-info=none] .short_info_wrap { display: none }
.constructify_tm_wrapper_all[data-short-info=none] .main_rightpart { padding-left: 400px }
.constructify_tm_wrapper_all[data-short-info=none] .constructify_tm_totop { right: 30px; left: auto !important }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap { width: 80px; height: 100%; float: right; position: relative }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .top_shape { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 6px; background-color: #999; z-index: 11 }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .top_shape:before { position: absolute; content: ""; border: 6px solid transparent; border-top-color: #999; right: 100%; left: -6px }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .top_shape:after { position: absolute; content: ""; border: 6px solid transparent; border-top-color: #999; right: -6px }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap:before { position: absolute; content: ""; width: 1px; top: 0; bottom: 0; left: 0; z-index: 11; background-color: rgba(0,0,0,.4) }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap:after { position: absolute; content: ""; width: 1px; top: 0; bottom: 0; right: 0; z-index: 11; background-color: rgba(0,0,0,.4) }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .pattern:before { position: absolute; content: ""; width: 100%; height: 100%; background-image: url(/img/patterns/noisy.png); background-repeat: repeat; opacity: .1; z-index: 5 }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .pattern:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: #081414; z-index: 2 }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .content { position: relative; z-index: 10; text-align: center }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap { padding-top: 40px; margin-bottom: 16px; position: relative }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap ul li { margin: 0 0 20px }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap ul li:last-child { margin-bottom: 0 }
.constructify_tm_wrapper_all .main_leftpart .short_info_wrap .content .svg { width: 24px; height: 24px; color: #999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap ul li a.colored .svg { color: #ff8f03 }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap ul li a:hover .svg { color: #ff8f03 }
.constructify_tm_wrapper_all .main_leftpart .social_wrap { position: relative; padding-top: 54px }
.constructify_tm_wrapper_all .main_leftpart .social_wrap:before { position: absolute; content: ""; width: 1px; height: 30px; background-color: #999; top: 0 }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul li { margin: 0 0 18px }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul li:last-child { margin-bottom: 0 }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul li a { text-decoration: none; color: #999; border: 1px solid #999; border-radius: 100%; padding: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul li a:hover { color: #fff; border-color: #fff }
.constructify_tm_wrapper_all .main_leftpart .social_wrap ul li a i { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease }
.constructify_tm_short_contact_triangle { position: fixed; left: 490px; top: 62px; border: 10px solid transparent; border-right-color: #0f0f16; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: top .2s ease; -moz-transition: top .2s ease; -ms-transition: top .2s ease; -o-transition: top .2s ease; transition: top .2s ease }
.constructify_tm_short_contact_triangle.opened { visibility: visible; opacity: 1 }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap .short_contact_closer { position: absolute; top: 15px; left: 500px; height: 30px; width: 30px; border: 2px solid #4e4d4e; border-radius: 100%; display: none }
.constructify_tm_wrapper_all[data-border=none] .main_leftpart .short_contact_wrap .short_contact_closer { top: 25px; left: 500px }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap .short_contact_closer.opened { display: block }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap .short_contact_closer a { display: block; line-height: 30px }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap .short_contact_closer .svg { width: 16px; height: 16px; position: relative; top: 3px; color: #4e4d4e }
.constructify_tm_wrapper_all .main_leftpart .short_contact_wrap .content_wrap { display: none }
.constructify_tm_short_contact_content { width: 400px; min-height: 200px; background-color: #0f0f16; position: fixed; left: 510px; top: 30px; opacity: 0; visibility: hidden; z-index: 10 }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_short_contact_content { left: 500px }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_short_contact_triangle { left: 480px }
.constructify_tm_short_contact_content .inner_wrap { padding: 50px 40px 45px; width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_short_contact_content.opened { visibility: visible; opacity: 1 }
.constructify_tm_short_contact_content .inner_wrap .address_image { margin-bottom: 37px }
.constructify_tm_short_contact_content .inner_wrap .main_def h3 { font-family: rubik; font-size: 20px; color: #eee; line-height: 1; font-weight: 300; letter-spacing: 0; margin-bottom: 20px }
.constructify_tm_short_contact_content .inner_wrap .main_def p, .constructify_tm_short_contact_content .inner_wrap .main_def label { font-size: 14px; color: #999; line-height: 1.7 }
.constructify_tm_short_contact_content .inner_wrap .main_def p { margin-bottom: 7px }
.constructify_tm_short_contact_content .inner_wrap .main_def p:last-child { margin-bottom: 0 }
.constructify_tm_short_contact_content .inner_wrap .main_def span, .constructify_tm_short_contact_content .inner_wrap .main_def a { padding-left: 3px }
.constructify_tm_short_contact_content .inner_wrap .main_def p a { text-decoration: none; color: #ff8f03 }
.constructify_tm_short_contact_content .inner_wrap .contact_wrap h3 { font-family: rubik; font-size: 20px; color: #eee; line-height: 1; font-weight: 300; letter-spacing: 0; margin-bottom: 20px }
.constructify_tm_short_contact_content .inner_wrap .contact_wrap p { font-size: 14px; color: #999; line-height: 1.7; margin-bottom: 20px }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap .input_row { width: 100%; clear: both; float: left; margin-bottom: 10px }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap .input_row input { width: 100%; border: 1px solid rgba(229,229,229,.04); background-color: rgba(255,255,255,.02); color: #999; height: 50px; padding: 0 20px !important }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap .input_row input:focus { outline: none }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap .input_row textarea { width: 100%; height: 170px; border: 1px solid rgba(229,229,229,.04); background-color: rgba(255,255,255,.02); color: #999; padding: 14px 20px !important; font-family: open sans }
.constructify_tm_short_contact_content .inner_wrap .input_list_wrap .input_row textarea:focus { outline: none }
.constructify_tm_button { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_button a { text-decoration: none; font-family: rubik; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #14141c; letter-spacing: .5px; background-color: #ff8f03; padding: 17px 24px 16px; border-radius: 3px; display: inline-block }
.constructify_tm_short_contact_content .inner_wrap .phone_wrap { text-align: center }
.constructify_tm_short_contact_content .inner_wrap .phone_wrap .image_holder { width: 120px; height: 120px; display: inline-block; margin-bottom: 22px }
.constructify_tm_short_contact_content .inner_wrap .phone_wrap .image_holder img { border-radius: 100% }
.constructify_tm_short_contact_content .inner_wrap .phone_wrap h3 { font-family: rubik; font-size: 20px; color: #ff8f03; font-weight: 400; margin-bottom: 7px }
.constructify_tm_short_contact_content .inner_wrap .phone_wrap p { font-family: rubik; font-size: 18px; color: #eee }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap h3 { font-family: rubik; font-size: 20px; color: #eee; line-height: 1; font-weight: 300; letter-spacing: 0; margin-bottom: 20px }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .subtitle { font-size: 14px; color: #999; line-height: 1.7; margin-bottom: 20px }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list { width: 100%; float: left; clear: both }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul { margin: 0; list-style-type: none }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li { width: 100%; float: left; margin: 0; border-bottom: 1px dashed #2b2b31; margin-bottom: 4px; padding-bottom: 5px }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li .left { color: #ccc; float: left }
.constructify_tm_short_contact_content .inner_wrap .working_hours_wrap .hour_list ul li .right { color: #ff8f03; float: right }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap { position: absolute; bottom: 20px; left: 60px }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search { width: 180px; position: relative; margin-bottom: 15px }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=text] { width: 100% !important; background-color: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.1); color: #999; padding-left: 30px !important; padding-bottom: 5px !important }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=text]:focus { outline: none; border-bottom-color: rgba(255,255,255,.3) }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search input[type=submit] { width: 5px !important; height: 5px !important; background-color: transparent; position: absolute; top: 9px; z-index: 2 }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .search .svg { position: absolute; top: 17px; z-index: 1; color: #999 }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .tagline_word p { color: #ccc }
.constructify_tm_wrapper_all .main_leftpart .menubar_wrap .search_wrap .tagline_word span { color: #ff8f03 }
.constructify_tm_wrapper_all .main_rightpart { width: 100%; min-height: auto; clear: both; float: left; padding-left: 480px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap { width: 100%; height: auto; clear: both; float: left; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .topbar_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .topbar_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; z-index: 15; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .topbar_wrap .bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .bg:before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; z-index: 5; background-color: #081414 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .bg:after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; z-index: 10; background-image: url(../patterns/noisy.png); background-repeat: repeat; opacity: .1 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap { float: left }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li { margin: 0 10px 0 0; float: left }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li:last-child { margin-right: 0 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li a { text-decoration: none; display: block; padding: 5px }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li .svg { width: 20px; height: 20px; color: #999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li.opened a .svg, .constructify_tm_mobile_menu_wrap .topbar_wrap .short_info_wrap ul li a:hover .svg { color: #ff8f03 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap { float: right }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul { list-style-type: none; margin: 0 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li { margin: 0 9px 0 0; float: left }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li:last-child { margin-right: 0 }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a { text-decoration: none; color: #999; border: 1px solid #999; border-radius: 100%; width: 26px; height: 26px; line-height: 26px; font-size: 12px; display: block; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a i { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease }
.constructify_tm_mobile_menu_wrap .topbar_wrap .social_wrap ul li a:hover { color: #fff; border-color: #fff }
.constructify_tm_mobile_menu_wrap .hamburger_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #0f0f16; display: flex; align-items: center; justify-content: space-between; padding: 25px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .hamburger_wrap .logo_wrap { float: left }
.constructify_tm_mobile_menu_wrap .hamburger_wrap .trigger_wrap { float: right }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger { padding: 15px; display: inline-block; cursor: pointer; transition-property: opacity,filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-box { width: 30px; height: 18px; display: inline-block; position: relative }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner { display: block; top: 50%; margin-top: -2px }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #333; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::before, .constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::after { content: ""; display: block }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::before { top: -8px }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-inner::after { bottom: -10px }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: .13s; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19) }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner::after { top: -16px; transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r .hamburger-inner::before { transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19) }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0,-10px,0) rotate(45deg); transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1) }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1) }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger { padding: 0; height: 100%; display: table-cell; vertical-align: middle }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger-box { display: block }
.constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner::before, .constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner::after, .constructify_tm_mobile_menu_wrap .trigger_wrap .hamburger .hamburger-inner { background-color: #ccc; width: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_mobile_menu_wrap .menu_list_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #14141c; display: none; padding: 43px 20px 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul { margin: 0; list-style-type: none }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li { margin: 0 0 10px }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li:last-child { margin-bottom: 0 }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li > a { text-decoration: none; color: #ccc; font-size: 18px; line-height: 27px; text-transform: uppercase; display: block; position: relative; font-family: montserrat }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub_menu { display: none; margin: 0; list-style-type: none; padding: 19px 20px 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub_menu li { margin: 0 0 10px }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub_menu li:last-child { margin-bottom: 0 }
.constructify_tm_mobile_menu_wrap .menu_list_wrap > ul > li .sub_menu li a { text-decoration: none; color: #ccc; font-size: 18px; line-height: 27px; text-transform: capitalize; display: block; position: relative; font-family: montserrat }
.constructify_tm_dropdown_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #14141c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .drop_list { display: none }
.constructify_tm_dropdown_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #14141c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .adress_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; flex-direction: row; padding: 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .adress_wrap .office_image { max-width: 320px; margin-right: 30px }
.constructify_tm_dropdown_wrap .definitions_wrap { width: auto }
.constructify_tm_dropdown_wrap .definitions_wrap h3 { margin: 0; padding: 0; font-size: 20px; letter-spacing: 0; color: #eee; font-weight: 300; margin-bottom: 17px }
.constructify_tm_dropdown_wrap .definitions_wrap p { color: #999; margin-bottom: 10px }
.constructify_tm_dropdown_wrap .definitions_wrap p a { text-decoration: none; color: #ff8f03; padding-left: 3px }
.constructify_tm_dropdown_wrap .definitions_wrap p:last-child { margin-bottom: 0 }
.constructify_tm_dropdown_wrap .short_contact { width: 100%; height: auto; clear: both; float: left; padding: 35px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .short_contact .title { margin: 0; padding: 0; font-size: 20px; letter-spacing: 0; color: #eee; line-height: 1.3; margin-bottom: 18px; font-weight: 300 }
.constructify_tm_dropdown_wrap .short_contact .subtitle { margin: 0; padding: 0; margin-bottom: 24px; color: #999 }
.constructify_tm_dropdown_wrap .inputs_wrap, .constructify_tm_dropdown_wrap .input_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .input_list_wrap ul { margin: 0 0 0 -20px; list-style-type: none }
.constructify_tm_dropdown_wrap .input_list_wrap ul li { margin: 0 0 20px; float: left; width: 33.3333%; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .input_list_wrap ul li input { width: 100%; height: 50px; border: 1px solid rgba(229,229,229,.04); background-color: rgba(255,255,255,.02); padding: 0 20px !important; margin-bottom: 10px; color: #999 }
.constructify_tm_dropdown_wrap .input_list_wrap ul li input:focus { outline: none }
.constructify_tm_dropdown_wrap textarea { width: 100%; min-height: 150px; border: 1px solid rgba(229,229,229,.04); background-color: rgba(255,255,255,.02); padding: 10px 20px !important; margin-bottom: 20px; color: #999; font-family: rubik }
.constructify_tm_dropdown_wrap textarea:focus { outline: none }
.constructify_tm_dropdown_wrap .button { width: 100%; height: auto; float: left; clear: both }
.constructify_tm_dropdown_wrap .button a { height: 50px; padding: 0 26px; background-color: #ff8f03; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; color: #14141c; font-weight: 600; line-height: 50px; border: none; border-radius: 2px; text-decoration: none; display: inline-block; font-family: rubik }
.constructify_tm_dropdown_wrap .call_wrap { width: 100%; height: auto; clear: both; float: left; text-align: center; padding: 40px 0 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .call_wrap .image { display: inline-block }
.constructify_tm_dropdown_wrap .call_wrap .image img { border-radius: 100%; max-width: 120px; background-color: #fff; margin-bottom: 26px }
.constructify_tm_dropdown_wrap .call_wrap h3 { margin: 0; padding: 0; color: #ff8f03; font-size: 20px; letter-spacing: .5px; font-weight: 300; margin-bottom: 10px }
.constructify_tm_dropdown_wrap .call_wrap p { margin: 0; padding: 0; font-size: 18px; letter-spacing: .5px; font-weight: 300; color: #eee; font-family: rubik }
.constructify_tm_dropdown_wrap .working_hours_wrap_short { width: 100%; height: auto; clear: both; float: left; padding: 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_dropdown_wrap .working_hours_wrap_short h3 { font-family: rubik; font-size: 20px; color: #eee; line-height: 1; font-weight: 300; letter-spacing: 0; margin-bottom: 20px }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .subtitle { font-size: 14px; color: #999; line-height: 1.7; margin-bottom: 20px }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list { width: 100%; float: left; clear: both }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul { margin: 0; list-style-type: none }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li { width: 100%; float: left; margin: 0; border-bottom: 1px dashed #2b2b31; margin-bottom: 4px; padding-bottom: 5px }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0 }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li .left { color: #ccc; float: left }
.constructify_tm_dropdown_wrap .working_hours_wrap_short .hour_list ul li .right { color: #ff8f03; float: right }
.constructify_tm_hero_header_wrap { width: 100%; height: 100vh; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_hero_header_wrap .carousel_wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.constructify_tm_hero_header_wrap .carousel_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_hero_header_wrap .carousel_wrap ul li { margin: 0; height: 100vh }
.constructify_tm_hero_header_wrap .carousel_wrap ul li .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover }
.constructify_tm_hero_header_wrap .overlay_color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(14,14,22,.6); z-index: 2 }
.constructify_tm_hero_header_wrap .carousel_nav { position: absolute; bottom: 45px; right: 30px; z-index: 3 }
.constructify_tm_hero_header_wrap .carousel_nav .custom_nav a { background-color: rgba(0,0,0,.6); width: 30px; height: 30px; border-radius: 2px; display: inline-block; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_hero_header_wrap .carousel_nav .custom_nav a:hover { background-color: #000 }
.constructify_tm_hero_header_wrap .carousel_nav .custom_nav a:after { width: 0; height: 0; position: absolute; content: ''; border: 5px solid transparent; border-left-color: #fff; top: 10px; left: 13px }
.constructify_tm_hero_header_wrap .carousel_nav .custom_nav .prev:after { transform: rotate(180deg); left: 8px }
.constructify_tm_hero_header_wrap .carousel_nav .custom_nav i { color: #1b1b1b }
.constructify_tm_hero_header_wrap .hero_text_wrap { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; max-width: 450px }
.container.hero { height: 100% }
.constructify_tm_hero_header_wrap .hero_text_wrap .title { margin-bottom: 47px }
.constructify_tm_hero_header_wrap .hero_text_wrap .title h3 { font-family: rubik; color: #fff; font-size: 48px; text-transform: capitalize; font-weight: 300; line-height: 1 }
.constructify_tm_hero_header_wrap .hero_text_wrap .title h3 strong { font-weight: 500 }
.constructify_tm_hero_header_wrap .hero_text_wrap .title h3 span { position: relative; display: block }
.constructify_tm_hero_header_wrap .hero_text_wrap .title h3 span:before { position: absolute; content: ""; width: 100px; height: 2px; background-color: #ff8f03; bottom: -10px }
.constructify_tm_hero_header_wrap .hero_text_wrap .text { margin-bottom: 44px }
.constructify_tm_hero_header_wrap .hero_text_wrap .text p { color: #ccc; line-height: 1.7; letter-spacing: 0 }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap { width: 100%; height: auto; clear: both }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover { text-decoration: none; color: #14141c; float: left; font-size: 14px; font-family: rubik; text-transform: uppercase; background-color: #ff8f03; font-weight: 500; border-radius: 2px; padding: 15px 25px 15px 24px; display: inline-block; margin-right: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover:hover { background-color: #0f0f16; color: #fff }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch { display: inline-block; line-height: 40px; position: relative; top: 3px; cursor: pointer; padding-left: 55px }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play { position: absolute; left: 0; width: 40px; height: 40px; display: inline-block; border: 2px solid #ccc; border-radius: 100% }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play:before { position: absolute; content: ""; border: 7px solid transparent; border-left-color: #ccc; top: 50%; transform: translateY(-50%); left: 18px }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .play:after { content: ''; display: block; position: absolute; top: -2px; left: -2px; width: 44px; height: 44px; background-color: inherit; opacity: 0; z-index: -1; pointer-events: none; border: 3px solid #777; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch:hover .play:after { opacity: 1; -webkit-animation: cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite; animation: cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite }

@-webkit-keyframes cs_fn_pulse {
    from { opacity: 1; transform: scale(1,1) }
    to { opacity: 0; transform: scale(1.8,1.8) }
}

@keyframes cs_fn_pulse {
    from { opacity: 1; transform: scale(1,1) }
    to { opacity: 0; transform: scale(1.8,1.8) }
}

.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .text { position: relative; text-transform: uppercase; color: #ccc; padding-left: 6px; font-weight: 500; font-family: rubik }
.constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .watch .full_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
.constructify_tm_highlights_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #0f0f16; padding: 37px 0 4px; margin-bottom: 190px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_highlights_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_highlights_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_highlights_wrap ul li { margin: 0 0 30px; float: left; width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_highlights_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_highlights_wrap ul li .title_holder .definition { padding-left: 50px }
.constructify_tm_highlights_wrap ul li .title_holder { width: 100%; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_highlights_wrap ul li .title_holder .definition h3 { font-size: 20px; font-family: rubik; color: #eee; font-weight: 400; line-height: 1; margin-bottom: 5px }
.constructify_tm_highlights_wrap ul li .title_holder .definition span { font-size: 14px; color: #999; line-height: 1.7 }
.constructify_tm_highlights_wrap ul li .title_holder .shape { position: absolute; left: 0; top: 3px; width: 26px; height: 26px; border: 2px solid #ff8f03; text-align: center }
.constructify_tm_highlights_wrap ul li .title_holder .shape span { position: relative; display: block; top: 12px; left: -3px }
.constructify_tm_highlights_wrap ul li .title_holder .shape span:before { position: absolute; content: ""; width: 2px; height: 6px; background-color: #ff8f03; transform: rotate(-40deg) }
.constructify_tm_highlights_wrap ul li .title_holder .shape span:after { position: absolute; content: ""; width: 2px; height: 10px; background-color: #ff8f03; transform: rotate(40deg); top: -5px; right: 6px }
.constructify_tm_universal_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; flex-direction: row; margin-bottom: 145px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_universal_wrap .leftbox { width: 370px; min-width: 370px }
.constructify_tm_title_holder { width: 100%; height: auto; float: left; margin-bottom: 47px }
.constructify_tm_title_holder h3 { font-family: rubik; color: #14141c; font-size: 48px; font-weight: 300; line-height: 1; max-width: 400px }
.constructify_tm_title_holder h3 strong { font-weight: 500 }
.constructify_tm_title_holder h3 span { position: relative; display: block }
.constructify_tm_title_holder h3 span:before { position: absolute; content: ""; width: 100px; height: 2px; background-color: #ff8f03; bottom: -10px }
.constructify_tm_universal_wrap .leftbox .text { margin-bottom: 68px }
.constructify_tm_universal_wrap .leftbox .text p { line-height: 1.7; color: #666; margin-bottom: 26px; letter-spacing: 0 }
.constructify_tm_universal_wrap .leftbox .text p:last-child { margin-bottom: 0 }
.constructify_tm_universal_wrap .leftbox .sign { margin-bottom: 28px }
.constructify_tm_universal_wrap .leftbox .name_holder h3 { line-height: 1; font-family: rubik; font-size: 18px; font-weight: 400; color: #14141c; margin-bottom: 7px }
.constructify_tm_universal_wrap .leftbox .name_holder span { color: #666 }
.constructify_tm_universal_wrap .rightbox { width: 100%; height: auto; margin-left: 50px }
.constructify_tm_universal_wrap .rightbox .about_wrap { float: right; padding-right: 40px }
.constructify_tm_universal_wrap .rightbox .image_holder { position: relative; float: left }
.constructify_tm_universal_wrap .rightbox .image_holder img { opacity: 0 }
.constructify_tm_universal_wrap .rightbox .image_holder .main_image { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(http://milkar.com.tr/images/background/bg-2.jpg); z-index: 5; box-shadow: 0 0 20px rgba(0,0,0,.2) }
.constructify_tm_universal_wrap .rightbox .image_border { position: absolute; top: -40px !important; bottom: 40px; left: -40px !important; right: 40px; z-index: 4 }
.constructify_tm_universal_wrap .rightbox .image_border img { opacity: 0 }
.constructify_tm_universal_wrap .rightbox .image_border .border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 10px solid #ff8f03; z-index: 7 }
.constructify_tm_universal_wrap .rightbox .pattern { position: absolute; top: 40px !important; bottom: -40px; left: 40px !important; right: -40px }
.constructify_tm_universal_wrap .rightbox .pattern img { opacity: 0 }
.constructify_tm_universal_wrap .rightbox .pattern .in { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: repeat; background-image: url(/img/patterns/point.png) }
.constructify_tm_rating_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; margin-bottom: 145px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_rating_wrap .container { position: static }
.constructify_tm_rating_wrap .inner { width: 100%; height: auto; clear: both; float: left; display: flex; flex-direction: row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_rating_wrap .inner .leftbox { width: 50%; width: calc(50%-40px); height: auto; background-color: #0f0f16; position: relative; padding: 144px 20px 150px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_rating_wrap .inner .leftbox:before { position: absolute; content: ""; top: 0; bottom: 0; right: 100%; left: -3000px; background-color: #0f0f16 }
.constructify_tm_rating_wrap .inner .leftbox:after { position: absolute; content: ""; top: 0; bottom: 0; left: 100%; right: -3000px; background-color: #0f0f16; display: none }
.constructify_tm_rating_wrap .inner .leftbox .title { margin-bottom: 25px }
.constructify_tm_rating_wrap .inner .leftbox .title h3 { font-family: rubik; font-size: 24px; color: #eee; line-height: 1.3; font-weight: 400 }
.constructify_tm_rating_wrap .inner .leftbox .text { margin-bottom: 35px }
.constructify_tm_rating_wrap .inner .leftbox .text p { color: #ccc; line-height: 1.7 }
.constructify_tm_project_video { float: left; width: auto; position: relative }
.constructify_tm_project_video .project_video_button { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 111 }
.constructify_tm_project_video span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; border: 2px solid #777; text-align: center; position: relative }
.constructify_tm_project_video span:after { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; background-color: inherit; opacity: 0; z-index: 1; pointer-events: none; border: 2px solid #777; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_project_video:hover span:after { opacity: 1; -webkit-animation: cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite; animation: cs_fn_pulse 2s cubic-bezier(.3,1,.3,1) infinite }
.constructify_tm_project_video span .svg { position: relative; top: 1px; left: 2px; width: 8px; height: 8px; color: #777 }
.constructify_tm_project_video .project_time { text-decoration: none; font-size: 18px; font-family: rubik; color: #ff8f03; position: relative; top: 2px; border-bottom: 1px solid transparent; border-bottom-color: rgba(255,255,255,.3); margin-left: 6px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_project_video:hover .project_time { border-bottom-color: transparent }
.constructify_tm_rating_wrap .inner .ratingbox { width: 80px; min-width: 80px; background-color: #1b1b22; position: relative }
.constructify_tm_rating_wrap .inner .ratingbox .rating_wrap { position: relative; top: -10px }
.constructify_tm_rating_wrap .inner .ratingbox .rating_wrap:before { border-top: 10px solid transparent; border-right: 5px solid #682a32; content: ''; position: absolute; right: 100%; top: 0 }
.constructify_tm_rating_wrap .inner .ratingbox .rating_wrap:after { border-top: 10px solid transparent; border-left: 5px solid #682a32; content: ''; position: absolute; left: 100%; top: 0 }
.constructify_tm_rating_wrap .inner .ratingbox .inner_wrap { width: 80px; height: auto; position: relative; top: 0; left: 0; background-color: #d1122d; text-align: center; padding: 9px 0 12px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_rating_wrap .inner .ratingbox .inner_wrap:before { content: ''; position: absolute; top: 100%; right: 0; border-top: 15px solid #d1122d; border-left: 40px solid transparent; cursor: pointer }
.constructify_tm_rating_wrap .inner .ratingbox .inner_wrap:after { content: ''; position: absolute; top: 100%; left: 0; border-top: 15px solid #d1122d; border-right: 40px solid transparent; cursor: pointer }
.constructify_tm_rating_wrap .inner .star { margin-bottom: 15px }
.constructify_tm_rating_wrap .inner .number { margin-bottom: 6px }
.constructify_tm_rating_wrap .inner .number span { font-family: rubik; font-size: 24px; color: #fff; font-weight: 400; line-height: .5; letter-spacing: -.25px }
.constructify_tm_rating_wrap .inner .title p { font-size: 10px; color: #fff; line-height: 1.4; text-transform: uppercase; letter-spacing: 0 }
.constructify_tm_rating_wrap .rating_text { width: 100%; height: auto; clear: both; float: left; position: relative }
.constructify_tm_rating_wrap .rating_text span:before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #8d8d91; left: 12px; top: 7px }
.constructify_tm_rating_wrap .rating_text .inner { position: absolute; transform: rotate(90deg); transform-origin: left top 0; top: 0; left: 80px; height: 80px; min-width: -webkit-max-content; display: flex; align-items: center }
.constructify_tm_rating_wrap .rating_text span { display: block; min-width: max-content; min-width: intrinsic; min-width: -moz-max-content; min-width: -webkit-max-content; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #eee; padding-left: 45px; position: relative; top: 1px; line-height: 1 }
.constructify_tm_rating_wrap .inner .rightbox { width: 50%; width: calc(50%-40px); height: auto }
.constructify_tm_rating_wrap .inner .rightbox .bg_image { left: 50%; margin-left: 40px; top: 0; right: 0; bottom: 0; z-index: 5; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(/img/portfolio/10.jpg) }
.constructify_tm_services_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_title_holder.services_home { margin-bottom: 74px }
.constructify_tm_services_wrap ul { margin: 0 0 0 -30px; list-style-type: none }
.constructify_tm_services_wrap ul li { margin: 0 0 30px; float: left; width: 33.3333%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; border: 15px solid #0e2424; padding: 70px 45px 53px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_wrap ul li .inner .overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 100%; background-color: #0e2424; z-index: -2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_wrap ul li:hover .overlay { top: 0 }
.constructify_tm_services_wrap ul li .inner h3 { font-family: rubik; font-size: 24px; color: #041230; line-height: 1; line-height: 29px; letter-spacing: 0; margin-bottom: 15px; -webkit-transition: all .3s 0s ease; -moz-transition: all .3s 0s ease; -ms-transition: all .3s 0s ease; -o-transition: all .3s 0s ease; transition: all .3s 0s ease }
.constructify_tm_services_wrap ul li:hover .inner h3 { color: #eee }
.constructify_tm_services_wrap ul li .inner p { line-height: 24px; color: #666; letter-spacing: 0; -webkit-transition: all .3s 0s ease; -moz-transition: all .3s 0s ease; -ms-transition: all .3s 0s ease; -o-transition: all .3s 0s ease; transition: all .3s 0s ease }
.constructify_tm_services_wrap ul li:hover .inner p { color: #ccc }
.constructify_tm_services_wrap ul li .inner .arrow { position: absolute; display: block; width: 15px; height: 15px; right: 50px; bottom: 40px; color: #eee; z-index: 2; opacity: 0; -webkit-transition: all .3s .3s ease; -moz-transition: all .3s .3s ease; -ms-transition: all .3s .3s ease; -o-transition: all .3s .3s ease; transition: all .3s .3s ease }
.constructify_tm_services_wrap ul li:hover .arrow { right: 30px; opacity: 1 }
.constructify_tm_services_wrap ul li:hover .arrow .svg { color: #ccc }
.constructify_tm_services_wrap ul li .inner .shape { display: block; width: 80px; height: 70px; position: absolute; left: 45px; top: -25px; background-color: #ff8f03 }
.constructify_tm_services_wrap ul li .inner .shape span:before { border-top: 10px solid #ff8f03; border-right: 80px solid transparent; content: ''; position: absolute; top: 100%; left: 0 }
.constructify_tm_services_wrap ul li .inner .shape:before { border-top: 10px solid transparent; border-left: 5px solid #ab8b40; content: ''; position: absolute; left: 100%; top: 0 }
.constructify_tm_services_wrap ul li .inner .shape:after { border-top: 10px solid transparent; border-right: 5px solid #ab8b40; content: ''; position: absolute; right: 100%; top: 0 }
.constructify_tm_services_wrap ul li .inner .shape .svg { top: 15px; left: 20px; width: 40px; height: 40px; position: absolute }
.constructify_tm_service_subtext { width: 100%; max-width: 550px; height: auto; float: left; margin-bottom: 58px }
.constructify_tm_service_subtext p { color: #666; line-height: 1.7 }
.constructify_tm_all_item_link { width: 100%; height: auto; float: left; margin-bottom: 142px }
.constructify_tm_all_item_link a { text-decoration: none; display: inline-block; color: #14141c; font-family: rubik; font-size: 18px; letter-spacing: 0; position: relative; padding-right: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_all_item_link .arrow { position: absolute; top: 2px; left: 100% }
.constructify_tm_services_wrap .service_link { position: absolute; top: -15px; bottom: -15px; left: -15px; right: -15px; z-index: 2 }
.constructify_tm_responsibility_text_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #0f0f16; padding: 50px 0 52px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_responsibility_text_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_responsibility_text_wrap .inner_wrap .left { padding-right: 20px }
.constructify_tm_responsibility_text_wrap .inner_wrap .left h3 { color: #eee; font-family: rubik; font-size: 24px; line-height: 1.3; margin-bottom: 8px }
.constructify_tm_responsibility_text_wrap .inner_wrap .left p { color: #999; line-height: 1.3 }
.constructify_tm_button_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_button_wrap a { text-decoration: none; text-transform: uppercase; font-family: rubik; font-size: 14px; color: #14141c; letter-spacing: .5px; background-color: #fff; display: inline-block; font-weight: 500; padding: 15px 25px 14px; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_button_wrap a:hover { background-color: #ff8f03 }
.constructify_tm_main_responsibility_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_universal_parallax_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_universal_parallax_wrap .main_bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_video video { width: 100%; height: 100%; background-position: center; object-fit: cover }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3 }
.constructify_tm_universal_parallax_wrap .main_content { width: 100%; height: auto; clear: both; float: left; position: relative; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_image.responsibility { background-image: url(/img/slider/5.jpg) }
.constructify_tm_universal_parallax_wrap .main_bg .overlay_color.responsibility { background-color: rgba(17,17,25,.9) }
.constructify_tm_universal_parallax_wrap .main_content.responsibility { padding: 150px 0 143px }
.constructify_tm_main_responsibility_wrap .content_inner_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_experience_box { width: 100%; min-width: 240px; max-width: 240px; min-height: 240px; border: 10px solid #ff8f03; display: flex; justify-content: space-between; flex-direction: column; padding: 13px 20px 10px 18px; margin-right: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_experience_box .top p { font-family: rubik; font-size: 18px; color: #eee; font-weight: 400; line-height: 1.3 }
.constructify_tm_experience_box .bottom { display: flex; align-items: center }
.constructify_tm_experience_box .bottom .number span { font-family: rubik; font-size: 72px; color: #eee; letter-spacing: -.25px; line-height: 1; font-weight: 400 }
.constructify_tm_experience_box .bottom .definition { font-size: 10px; font-weight: 500; font-family: montserrat; text-transform: uppercase; color: #ff8f03; margin-left: 10px; letter-spacing: 1px }
.constructify_tm_main_responsibility_wrap .experience_list { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_responsibility_wrap .experience_list ul { margin: 0; list-style-type: none }
.constructify_tm_main_responsibility_wrap .experience_list ul li { margin: 0; float: left; width: 33.3333%; position: relative; padding-left: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_responsibility_wrap .experience_list ul li span { font-size: 16px; color: #ccc; line-height: 2.3 }
.constructify_tm_main_responsibility_wrap .experience_list ul li:before { position: absolute; content: ""; width: 10px; height: 2px; background-color: #999; top: 50%; left: 0 }
.constructify_tm_home_project_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; margin-bottom: 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_project_wrap .leftbox { width: 350px; min-width: 350px }
.constructify_tm_home_project_wrap .rightbox, .constructify_tm_home_project_wrap .leftbox { height: 1590px }
.constructify_tm_home_project_wrap .leftbox .subtitle p { line-height: 1.7; color: #666; letter-spacing: 0; margin-bottom: 58px }
.constructify_tm_all_item_link.project { margin-bottom: 0 }
.constructify_tm_home_project_wrap .rightbox { width: 100%; height: auto; clear: both; float: left; padding-left: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_project_wrap .rightbox ul { margin: 0; list-style-type: none }
.constructify_tm_home_project_wrap .rightbox ul li { margin: 0 0 45px; float: left; width: 100% }
.constructify_tm_home_project_wrap .rightbox ul li:last-child { margin-bottom: 0 }
.constructify_tm_home_project_wrap .rightbox ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap { float: left; position: relative; min-width: 100% }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center }
/*.constructify_tm_home_project_wrap .rightbox ul li:nth-child(1) .image_wrap .image { background-image: url(/img/portfolio/15.jpg) }
.constructify_tm_home_project_wrap .rightbox ul li:nth-child(2) .image_wrap .image { background-image: url(/img/portfolio/2.jpg) }
.constructify_tm_home_project_wrap .rightbox ul li:nth-child(3) .image_wrap .image { background-image: url(/img/portfolio/4.jpg) }*/
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .overlay_color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .overlay_color { background-color: rgba(15,15,22,.9) }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus { position: absolute; top: 49px; left: 50px; z-index: 3 }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus:before { position: absolute; content: ""; width: 0; height: 2px; background-color: #ff8f03; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transition-delay: .2s }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .plus:after { position: absolute; content: ""; width: 2px; height: 0; top: -9px; left: 9px; background-color: #ff8f03; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transition-delay: .1s }
.constructify_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .plus:before { width: 20px }
.constructify_tm_home_project_wrap .rightbox ul li .inner:hover .image_wrap .plus:after { height: 20px }
.constructify_tm_home_project_wrap .rightbox ul li .inner:before { position: absolute; content: ""; left: 30px; right: 30px; height: 15px; background-color: #ff8f03; bottom: -15px }
.constructify_tm_home_project_wrap .rightbox ul li .inner .title_holder { position: absolute; bottom: 34px; left: 50px; z-index: 3 }
.constructify_tm_home_project_wrap .rightbox ul li .inner .title_holder h3 { font-family: rubik; font-size: 24px; color: #eee; line-height: 1; margin-bottom: 10px }
.constructify_tm_view_more_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_view_more_wrap a { text-decoration: none; display: inline-block; text-transform: uppercase; color: #ccc; font-family: montserrat; font-size: 14px; letter-spacing: 0; position: relative; padding-right: 10px; font-weight: 600; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_view_more_wrap a .svg { color: #ccc; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_view_more_wrap .arrow { position: absolute; top: 2px; left: 100% }
.constructify_tm_home_project_wrap .rightbox ul li .inner:hover .constructify_tm_view_more_wrap a { color: #ff8f03 }
.constructify_tm_home_project_wrap .rightbox ul li .inner:hover .constructify_tm_view_more_wrap a .svg { color: #ff8f03 }
.constructify_tm_home_project_wrap .rightbox ul li .inner .image_wrap .link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; display: block }
.constructify_tm_request_wrap { width: 100%; height: auto; clear: both; float: left; border: 15px solid #0e2424; margin-bottom: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; padding: 45px 280px 42px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_wrap .inner_wrap .text_wrap { margin-bottom: 25px }
.constructify_tm_request_wrap .inner_wrap .text_wrap p { font-family: rubik; font-size: 24px; color: #14141c; line-height: 1.2 }
.constructify_tm_request_wrap .constructify_tm_button_wrap { margin-bottom: 22px }
.constructify_tm_button_wrap.yellow a { background-color: #ff8f03; color: #14141c }
.constructify_tm_button_wrap.yellow a:hover { background-color: #14141c; color: #ff8f03 }
.constructify_tm_request_wrap .toll_free span { font-family: rubik; font-size: 18px; color: #14141c }
.constructify_tm_request_wrap .inner_wrap .image_wrap { position: absolute; top: 0; right: 0; bottom: 0; width: 280px }
.constructify_tm_request_wrap .inner_wrap .image_wrap span { display: block; content: ''; position: absolute; border-right: 280px solid #ff8f03; border-top: 227px solid transparent; bottom: 0; right: 0 }
.constructify_tm_request_wrap .inner_wrap .image_wrap img { position: absolute; bottom: 0; right: 20px; z-index: 1 }
.constructify_tm_title_holder.home_blog { margin-bottom: 70px }
.constructify_tm_home_blog_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #f1fdfd; padding: 130px 0 143px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_blog_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_blog_wrap .inner_wrap .list_wrap { width: 100%; float: left; margin-bottom: 30px }
.constructify_tm_home_blog_wrap .inner_wrap ul { margin: 0 0 0 -30px; list-style-type: none }
.constructify_tm_home_blog_wrap .inner_wrap ul li { margin: 0 0 30px; float: left; width: 33.3333%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_blog_wrap .inner_wrap ul li:last-child { margin-bottom: 0 }
.constructify_tm_home_blog_wrap .inner_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap { position: relative; float: left; max-width: 70%; margin-bottom: 27px }
.constructify_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap img { min-width: 100% }
.constructify_tm_home_blog_wrap .inner_wrap ul li .inner .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center }
.constructify_tm_home_blog_wrap .inner_wrap ul li:nth-child(1) .inner .image_wrap .image { background-image: url(/img/blog/4.jpg) }
.constructify_tm_home_blog_wrap .inner_wrap ul li:nth-child(2) .inner .image_wrap .image { background-image: url(/img/blog/3.jpg) }
.constructify_tm_home_blog_wrap .inner_wrap ul li:nth-child(3) .inner .image_wrap .image { background-image: url(/img/blog/6.jpg) }
.constructify_tm_home_blog_wrap .inner_wrap ul li .definition_wrap { width: 100%; float: left; clear: both }
.constructify_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder { margin-bottom: 20px }
.constructify_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3 { font-family: rubik; font-size: 24px; color: #14141c; line-height: 1 }
.constructify_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3 a { text-decoration: none; color: #14141c; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_home_blog_wrap .inner_wrap ul li .definition_wrap .title_holder h3 a:hover { color: #ff8f03 }
.constructify_tm_home_blog_wrap .inner_wrap ul li .date_wrap { width: 100%; position: relative; float: left }
.constructify_tm_home_blog_wrap .inner_wrap ul li .date_wrap span { color: #666; line-height: 1.7 }
.constructify_tm_home_blog_wrap .inner_wrap ul li .date_wrap .svg_wrap { position: absolute; top: 4px; right: 50px; opacity: 0; transition: all .3s 0s ease }
.constructify_tm_home_blog_wrap .inner_wrap ul li .inner:hover .date_wrap .svg_wrap { opacity: 1; right: 35px }
.constructify_tm_home_blog_wrap .inner_wrap ul li .date_wrap .svg_wrap .svg { color: #666 }
.constructify_tm_all_item_link.blog { margin-bottom: 0 }
.constructify_tm_main_title_holder { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_title_holder .title_holder { width: 100%; float: left; clear: both; position: relative; padding: 94px 0 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_title_holder .title_holder h3 { font-family: rubik; margin: 0; padding: 0; font-size: 48px; letter-spacing: 0; font-weight: 300; color: #14141c; line-height: 1; position: relative; left: -1px }
.builify_tm_breadcrumbs { width: 100%; float: left; clear: both; padding-bottom: 101px; position: relative; margin-bottom: 10px }
.builify_tm_breadcrumbs:before { content: ''; position: absolute; width: 70px; height: 6px; background-color: #eee; left: 0; bottom: 60px }
.builify_tm_breadcrumbs:after { content: ''; position: absolute; width: 150px; height: 6px; background-color: #eee; left: 0; bottom: 73px }
.builify_tm_breadcrumbs ul { margin: 0; list-style-type: none }
.builify_tm_breadcrumbs ul li { margin: 0; float: left }
.builify_tm_breadcrumbs ul li a { font-size: 14px; color: #666; text-decoration: none; letter-spacing: 0; line-height: 1.5; font-weight: 600; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.builify_tm_breadcrumbs ul li a:hover { color: #ff8f03 }
.builify_tm_breadcrumbs ul li.shape span { width: 33px; height: 24px; display: block; position: relative }
.builify_tm_breadcrumbs ul li.shape span:before { width: 9px; height: 2px; display: block; content: ''; position: absolute; background-color: #ddd; left: 13px; top: 14px; transform: rotate(135deg) }
.builify_tm_breadcrumbs ul li.shape span:after { width: 9px; height: 2px; display: block; content: ''; position: absolute; background-color: #ddd; left: 13px; top: 8px; transform: rotate(45deg) }
.builify_tm_breadcrumbs ul li span { color: #666 }
.constructify_tm_projects_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_projects_wrap .filter_wrap { min-width: 225px; display: inline-block; height: auto; position: relative; margin-bottom: 40px }
.constructify_tm_projects_wrap .all_projects { width: 100%; height: auto; background-color: #ff8f03; padding-top: 15px; padding-bottom: 13px; padding-left: 30px; position: relative; overflow: hidden; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_projects_wrap .all_projects:before { position: absolute; content: ""; width: 60px; height: 100%; background-color: rgba(255,255,255,.2); top: 0; right: -13px; transform: skewX(-25deg) }
.constructify_tm_projects_wrap .all_projects:after { width: 0; height: 0; position: absolute; content: ''; border: 5px solid transparent; border-top-color: #14141c; top: 23px; right: 18px }
.constructify_tm_projects_wrap .all_projects span { font-size: 15px; text-transform: uppercase; font-weight: 500; padding-right: 60px }
.constructify_tm_projects_wrap .all_projects span a { text-decoration: none; color: #14141c; font-family: rubik }
.constructify_tm_projects_wrap .filter_list { position: absolute; top: 100%; width: 100%; height: auto; background-color: #0f111f; padding: 23px 30px 8px; border-top: 1px solid rgba(255,255,255,.2); display: none; z-index: 2222; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_portfolio_filter { width: 100%; height: auto; list-style-type: none; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_portfolio_filter li { margin: 0 0 13px }
.constructify_tm_portfolio_filter li a { text-decoration: none; font-size: 16px; color: #ccc; display: block; font-weight: 600; font-family: raleway; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_portfolio_list { list-style-type: none; margin: 0 0 0 -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_portfolio_list > li { width: 50%; float: left; position: relative; margin: 0 0 65px; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap { float: left; position: relative; min-width: 100% }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center }
/*.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(1) .image_wrap .image { background-image: url(/img/portfolio/15.jpg) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(2) .image_wrap .image { background-image: url(/img/portfolio/2.jpg) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(3) .image_wrap .image { background-image: url(/img/portfolio/4.jpg) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(4) .image_wrap .image { background-image: url(/img/portfolio/23.jpg) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(5) .image_wrap .image { background-image: url(/img/portfolio/24.jpg) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list li:nth-child(6) .image_wrap .image { background-image: url(/img/portfolio/8.jpg) }*/
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .overlay_color { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:hover .image_wrap .overlay_color { background-color: rgba(15,15,22,.9) }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .plus { position: absolute; top: 49px; left: 50px; z-index: 3 }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .plus:before { position: absolute; content: ""; width: 0; height: 2px; background-color: #ff8f03; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transition-delay: .2s }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .plus:after { position: absolute; content: ""; width: 2px; height: 0; top: -9px; left: 9px; background-color: #ff8f03; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transition-delay: .1s }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:hover .image_wrap .plus:before { width: 20px }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:hover .image_wrap .plus:after { height: 20px }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:before { position: absolute; content: ""; left: 30px; right: 30px; height: 15px; background-color: #ff8f03; bottom: -15px }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .title_holder { position: absolute; bottom: 34px; left: 50px; z-index: 3 }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .title_holder h3 { font-family: rubik; font-size: 24px; color: #eee; line-height: 1; margin-bottom: 10px }
.constructify_tm_view_more_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_view_more_wrap a { text-decoration: none; display: inline-block; text-transform: uppercase; color: #ccc; font-family: montserrat; font-size: 14px; letter-spacing: 0; position: relative; padding-right: 10px; font-weight: 600; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_view_more_wrap a .svg { color: #ccc; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_view_more_wrap .arrow { position: absolute; top: 2px; left: 100% }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:hover .constructify_tm_view_more_wrap a { color: #ff8f03 }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner:hover .constructify_tm_view_more_wrap a .svg { color: #ff8f03 }
.constructify_tm_projects_wrap .constructify_tm_portfolio_list .inner .image_wrap .link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; display: block }
.constructify_tm_pagination { width: 100%; height: auto; clear: both; float: left; margin-bottom: 155px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_pagination ul { margin: 0 0 0 -5px; list-style-type: none }
.constructify_tm_pagination ul li { margin: 0; display: inline-block; padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_pagination ul li a { display: block; text-decoration: none; width: auto; height: 40px; padding: 0 20px; color: #fff; line-height: 40px; cursor: pointer; position: relative; text-transform: uppercase; font-size: 12px; font-weight: 600; border-radius: 2px; background-color: #ff8f03; padding-right: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_pagination ul li a:before { width: 0; height: 0; content: ''; position: absolute; border: 5px solid transparent; border-left-color: #fff; top: 15px; right: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_pagination ul li span { display: inline-block; width: auto; height: 40px; padding: 0 20px; color: #777; line-height: 40px; position: relative; text-transform: uppercase; font-size: 12px; font-weight: 600; border-radius: 2px; background-color: #ddd; padding-left: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_pagination ul li span:before { width: 0; height: 0; content: ''; position: absolute; border: 5px solid transparent; border-right-color: #777; top: 15px; left: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_justified_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 53px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_justified_wrap .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(17,20,34,.9); z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_justified_wrap .shape { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; margin-left: -15px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_justified_wrap .shape span { position: relative; display: block }
.constructify_tm_justified_wrap .shape span:before { position: absolute; content: ""; width: 31px; height: 1px; background-color: #ff8f03 }
.constructify_tm_justified_wrap .shape span:after { position: absolute; content: ""; width: 1px; height: 31px; background-color: #ff8f03; left: 15px; top: -15px }
.constructify_tm_justified_wrap > a:hover .overlay { opacity: 1; visibility: visible }
.constructify_tm_justified_wrap > a:hover .shape { opacity: 1; visibility: visible }
.constructify_tm_justified_content { width: 100%; height: auto; clear: both; float: left; display: flex; margin-bottom: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_justified_content .leftpart { width: 100%; float: left }
.constructify_tm_justified_content .leftpart .title_holder { margin-bottom: 26px }
.constructify_tm_justified_content .leftpart .title_holder h3 { margin: 0; padding: 0; font-size: 30px; font-weight: 400; letter-spacing: 0; margin-bottom: 24px; color: #14141c }
.constructify_tm_justified_content .leftpart .definition { margin-bottom: 24px }
.constructify_tm_justified_content .leftpart .definition p { font-size: 14px; line-height: 1.7; color: #666; margin-bottom: 15px }
.constructify_tm_justified_content .leftpart .definition p:last-child { margin-bottom: 0 }
.constructify_tm_justified_content .leftpart .definition p.bold { font-weight: 600; color: #14141c }
.constructify_tm_share_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_share_wrap label { display: inline-block; font-size: 16px; color: #666 }
.constructify_tm_share_wrap ul { margin: 0; list-style-type: none; display: inline-block; position: relative; top: 5px; padding-left: 5px }
.constructify_tm_share_wrap ul li { margin: 0 8px 0 0; float: left }
.constructify_tm_share_wrap ul li a i { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_share_wrap ul li:last-child { margin-right: 0 }
.constructify_tm_share_wrap ul li a { text-decoration: none; color: #555; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_share_wrap ul li a:hover { color: #ff8f03 }
.constructify_tm_justified_content .constructify_tm_project_video { float: left }
.constructify_tm_justified_content .rightpart { width: 370px; min-width: 370px; position: relative; margin-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_justified_content .infobox { width: 100%; height: auto; clear: both; float: left; position: relative; box-shadow: 0 0 40px rgba(0,0,0,.05); padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_justified_content .infobox ul { margin: 0; list-style-type: none }
.constructify_tm_justified_content .infobox ul li { margin: 0 0 23px }
.constructify_tm_justified_content .infobox ul li:last-child { margin-bottom: 0 }
.constructify_tm_justified_content .infobox ul li label { font-size: 14px; color: #ff8f03; line-height: 1.3; display: block; margin-bottom: 2px }
.constructify_tm_justified_content .infobox ul li span { font-size: 14px; color: #777; line-height: 1.3; display: block }
.constructify_tm_justified_content .first_square { position: absolute; width: 100px; height: 150px; background-color: #f7f7f7; bottom: 0; right: 0; z-index: -2 }
.constructify_tm_justified_content .second_square { position: absolute; width: 50px; height: 80px; background-color: #efefef; bottom: 0; right: 0; z-index: -1 }
.constructify_tm_services_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap ul { margin: 0 0 0 -50px; list-style-type: none }
.constructify_tm_services_list_wrap ul li { margin: 0 0 50px; float: left; width: 50%; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; box-shadow: 0 0 40px rgba(0,0,0,.1); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap ul li .service_image { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap ul li .service_image .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover }
/*.constructify_tm_services_list_wrap ul li:nth-child(1) .service_image .image { background-image: url(/img/services/11.jpg) }
.constructify_tm_services_list_wrap ul li:nth-child(2) .service_image .image { background-image: url(/img/services/12.jpg) }
.constructify_tm_services_list_wrap ul li:nth-child(3) .service_image .image { background-image: url(/img/services/13.jpg) }
.constructify_tm_services_list_wrap ul li:nth-child(4) .service_image .image { background-image: url(/img/services/14.jpg) }
.constructify_tm_services_list_wrap ul li:nth-child(5) .service_image .image { background-image: url(/img/services/15.jpg) }
.constructify_tm_services_list_wrap ul li:nth-child(6) .service_image .image { background-image: url(/img/services/16.jpg) }*/
.constructify_tm_services_list_wrap .list_definitions_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #fff; padding: 55px 100px 83px 50px; border: 10px solid #0e2424; border-top: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap { border-color: #ff8f03 }
.constructify_tm_services_list_wrap .list_definitions_wrap .titles { position: relative; z-index: 3 }
.constructify_tm_services_list_wrap .list_definitions_wrap .title_holder { margin-bottom: 19px }
.constructify_tm_services_list_wrap .list_definitions_wrap .title_holder h3 { font-size: 22px; margin: 0; letter-spacing: 0; line-height: 1.3 }
.constructify_tm_services_list_wrap .list_definitions_wrap .title_holder h3 a { text-decoration: none; color: #14141c; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_list_wrap .list_definitions_wrap .title_holder h3 a:hover { color: #ff8f03 }
.constructify_tm_services_list_wrap .list_definitions_wrap .definition p { color: #666; letter-spacing: 0; line-height: 1.7 }
.constructify_tm_services_list_wrap .list_definitions_wrap .read_more_wrap { position: absolute; bottom: -10px; left: 0; max-width: calc(100% - 40px); z-index: 5 }
.constructify_tm_services_list_wrap .list_definitions_wrap .read_more_in { height: 40px; background-color: #0e2424; line-height: 40px; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .read_more_in { background-color: #ff8f03 }
.constructify_tm_services_list_wrap .list_definitions_wrap .read_more_in a:before { position: absolute; content: ""; width: 25px; height: 40px; background-color: #0e2424; left: 100%; transform: skewX(27deg); margin-left: -12px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .read_more_in a:before { background-color: #ff8f03 }
.constructify_tm_services_list_wrap .list_definitions_wrap .read_more_in a { text-decoration: none; color: #fff; display: block; font-family: montserrat; font-size: 14px; text-transform: uppercase; font-weight: 600; padding: 0 40px 0 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_services_list_wrap .list_definitions_wrap .shape_triangle:before { border-right: 10px solid #0e2424; border-top: 10px solid transparent; content: ''; position: absolute; bottom: 100%; right: -10px; z-index: 3; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .shape_triangle:before { border-right-color: #ff8f03 }
.constructify_tm_services_list_wrap ul li .inner:hover .list_definitions_wrap .shape_triangle:after { border-left-color: #ff8f03 }
.constructify_tm_services_list_wrap .list_definitions_wrap .shape_triangle:after { border-left: 10px solid #0e2424; border-top: 10px solid transparent; content: ''; position: absolute; bottom: 100%; left: -10px; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_services_list_wrap .list_definitions_wrap:before { position: absolute; content: ""; bottom: 0; right: 0; width: 100px; height: 150px; background-color: #f7f7f7; z-index: 1 }
.constructify_tm_services_list_wrap .list_definitions_wrap:after { position: absolute; content: ""; bottom: 0; right: 0; width: 50px; height: 80px; background-color: #efefef; z-index: 2 }
.constructify_tm_twicebox_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_twicebox_wrap .leftbox { width: 100%; height: auto; clear: both; float: left; margin-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap .leftbox .main_image_wrap { margin-bottom: 58px }
.constructify_tm_service_single_wrap .leftbox .image_wrap { margin-bottom: 34px }
.constructify_tm_service_single_wrap .leftbox .image_definition p { font-size: 16px; color: #777; line-height: 1.7; margin-bottom: 20px }
.constructify_tm_service_single_wrap .leftbox .image_definition p .shape { border: 3px solid #6ec1e4; width: 80px; height: 80px; line-height: 80px; text-align: center; display: inline-block; float: left; margin-right: 20px; position: relative; top: 8px }
.constructify_tm_service_single_wrap .leftbox .image_definition p .shape span { color: #6ec1e4; font-size: 50px; display: inline-block; font-family: montserrat; font-weight: 500 }
.constructify_tm_service_single_wrap .leftbox .image_definition p:last-child { margin-bottom: 0 }
.constructify_tm_service_single_wrap .leftbox .service_features { width: 100%; height: auto; clear: both; float: left; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap .leftbox .service_features h3 { font-size: 24px; color: #181a2f; font-family: rubik; margin-bottom: 30px }
.constructify_tm_service_single_wrap .leftbox .service_features ul { margin: 0 0 0 -30px; list-style-type: none }
.constructify_tm_service_single_wrap .leftbox .service_features ul li { margin: 0 0 12px; float: left; width: 50%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap .leftbox .service_features ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap .leftbox .service_features .definition { padding-left: 33px }
.constructify_tm_service_single_wrap .leftbox .service_features .definition p { font-size: 16px; color: #777 }
.constructify_tm_service_single_wrap .leftbox .service_features .icon { position: absolute; top: 1px; left: 0 }
.constructify_tm_service_single_wrap .leftbox .service_features .icon .svg { width: 20px; height: 20px; color: #ff8f03 }
.constructify_tm_service_single_wrap .leftbox .accordion_wrap_all { width: 100%; height: auto; clear: both; float: left; margin-bottom: 53px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_service_single_wrap .leftbox .accordion_wrap_all .title h3 { font-size: 24px; color: #181a2f; font-family: rubik; margin-bottom: 30px }
.constructify_tm_service_single_wrap .accordion_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_accordion { position: relative; margin: 0; padding: 0; list-style: none; clear: both; -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px }
.constructify_tm_accordion .accordion_in { position: relative; z-index: 10; overflow: hidden; margin-bottom: 13px }
.constructify_tm_accordion .accordion_in .acc_head { position: relative; font-family: raleway; color: #181a2f; font-weight: 500; font-size: 18px; display: block; cursor: pointer; padding-left: 34px }
.constructify_tm_accordion .accordion_in .acc_content { color: #666; line-height: 1.6; font-size: 14px; padding-left: 34px; padding-top: 12px }
.constructify_tm_accordion .accordion_in .acc_content p { font-size: 13px; margin-bottom: 10px }
.constructify_tm_accordion .accordion_in.acc_active > .acc_content { display: block }
.constructify_tm_accordion .accordion_in .wow_shape { position: absolute; width: 16px; height: 16px; border: 2px solid #ff8f03; border-radius: 3px; left: 0; top: 3px }
.constructify_tm_accordion .accordion_in .wow_effect { position: relative }
.constructify_tm_accordion .accordion_in .wow_effect:after { position: absolute; content: ""; width: 2px; height: 8px; top: 4px; left: 7px; background-color: #ff8f03 }
.constructify_tm_accordion .accordion_in .wow_effect:before { position: absolute; content: ""; width: 8px; height: 2px; top: 7px; left: 4px; background-color: #ff8f03 }
.constructify_tm_accordion .accordion_in.acc_active .wow_effect:after { display: none }
.constructify_tm_short_contact { width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; justify-content: space-between; background-color: #0f0f16; padding: 31px 30px 33px; margin-bottom: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_short_contact .constructify_tm_button_wrap { min-width: fit-content; min-width: max-content; min-width: intrinsic; min-width: -moz-max-content; min-width: -webkit-max-content; margin-left: auto; width: auto }
.constructify_tm_short_contact .text h3 { font-family: rubik,Sans-serif; font-size: 24px; font-weight: 400; line-height: 1.5em; letter-spacing: 0; color: #eee; margin-bottom: 3px }
.constructify_tm_short_contact .text p { font-weight: 400; line-height: 24px; letter-spacing: 0; color: #999 }
.constructify_tm_line { width: 100%; height: 1px; clear: both; float: left; background-color: #e9eff4; margin-bottom: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_other_services_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_other_services_wrap > h3 { font-family: rubik; font-size: 24px; color: #181a2f; margin-bottom: 34px }
.constructify_tm_other_services_wrap .services_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_other_services_wrap .services_list_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_other_services_wrap .services_list_wrap ul li { margin: 0 0 40px; float: left }
.constructify_tm_other_services_wrap .services_list_wrap ul li:last-child { margin-bottom: 0 }
.constructify_tm_other_services_wrap .services_list_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #e9eff4; padding: 55px 50px 84px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_other_services_wrap .services_list_wrap ul li .title_holder { margin-bottom: 19px }
.constructify_tm_other_services_wrap .services_list_wrap ul li .title_holder h3 { font-family: rubik; font-size: 22px; color: #181a2f }
.constructify_tm_other_services_wrap .services_list_wrap ul li .title_holder h3 a { text-decoration: none; color: #181a2f; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_other_services_wrap .services_list_wrap ul li .title_holder h3 a:hover { color: #ff8f03 }
.constructify_tm_other_services_wrap .services_list_wrap ul li .description p { color: #777; line-height: 1.6 }
.constructify_tm_other_services_wrap .services_list_wrap ul li .read_more_wrap { position: absolute; bottom: 0; left: 0; max-width: calc(100% - 40px) }
.constructify_tm_other_services_wrap .services_list_wrap ul li .read_more_in { height: 40px; background-color: #ff8f03; line-height: 40px; position: relative }
.constructify_tm_other_services_wrap .services_list_wrap ul li .read_more_in a:before { position: absolute; content: ""; width: 25px; height: 40px; background-color: #ff8f03; left: 100%; transform: skewX(27deg); margin-left: -12px }
.constructify_tm_other_services_wrap .services_list_wrap ul li .read_more_in a { text-decoration: none; color: #fff; display: block; font-family: montserrat; font-size: 13px; text-transform: uppercase; font-weight: 600; padding: 0 40px 0 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_twicebox_wrap .rightbox { width: 300px; min-width: 300px; float: right }
.constructify_tm_categories { width: 100%; min-height: 200px; height: auto; clear: both; float: left; background-color: #0d0e13; padding: 31px 30px 29px; position: relative; overflow: hidden; margin-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_categories ul { margin: 0; list-style-type: none; position: relative; z-index: 3 }
.constructify_tm_categories ul li { margin: 0 0 10px }
.constructify_tm_categories ul li:last-child { margin-bottom: 0 }
.constructify_tm_categories ul li a { text-decoration: none; font-family: raleway; font-size: 16px; color: #ccc; line-height: 2; font-weight: 500; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_categories ul li.active a { color: #fff }
.constructify_tm_categories ul li a:hover { color: #fff }
.constructify_tm_categories .svg { position: absolute; width: 50px; height: 50px; right: 20px; top: 90px; color: #1d1e23 }
.constructify_tm_categories .first_shape { width: 50px; height: 2px; background-color: #1d1e23; position: absolute; top: 155px; right: -15px; transform: rotate(-20deg) }
.constructify_tm_categories .second_shape { position: absolute; width: 70px; height: 70px; background-color: #1d1e23; top: 0; right: 0 }
.constructify_tm_categories .second_shape:before { position: absolute; content: ""; border-bottom: 70px solid transparent; border-left: 20px solid #0d0e13 }
.constructify_tm_categories .second_shape:after { position: absolute; content: ""; border-left: 70px solid transparent; border-bottom: 20px solid #0d0e13; left: 0; bottom: 0 }
.constructify_tm_request_estimate_wrap { width: 100%; height: auto; clear: both; float: left; overflow: hidden; margin-bottom: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_estimate_wrap .image_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_estimate_wrap .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(/img/about/1.jpg) }
.constructify_tm_request_estimate_wrap .definition { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #ff8f03; padding: 50px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_estimate_wrap .definition .text { margin-bottom: 25px }
.constructify_tm_request_estimate_wrap .definition .text p { font-size: 22px; color: #fff; line-height: 1.3 }
.constructify_tm_request_estimate_wrap .button { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_request_estimate_wrap .button a { text-decoration: none; display: inline-block; background-color: #e9eff4; padding: 14px 25px; font-size: 14px; line-height: 1.6; letter-spacing: .5px; color: #181a2f; text-transform: uppercase; border-radius: 2px; font-weight: 500; font-family: rubik; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_request_estimate_wrap .button a:hover { background-color: #181a2f; color: #fff }
.constructify_tm_request_estimate_wrap .first_shape .first { position: absolute; left: 0; border-bottom: 80px solid #ff8f03; border-right: 80px solid transparent; z-index: 1 }
.constructify_tm_request_estimate_wrap .first_shape .second { position: absolute; left: 0; border-bottom: 80px solid rgba(0,0,0,.2); border-right: 80px solid transparent; z-index: 2 }
.constructify_tm_request_estimate_wrap .first_shape .third { position: absolute; left: 0; border-bottom: 55px solid #ff8f03; border-right: 80px solid transparent; z-index: 3 }
.constructify_tm_request_estimate_wrap .second_shape .first, .constructify_tm_request_estimate_wrap .second_shape .second, .constructify_tm_request_estimate_wrap .second_shape .third, .constructify_tm_request_estimate_wrap .first_shape .second, .constructify_tm_request_estimate_wrap .first_shape .third, .constructify_tm_request_estimate_wrap .first_shape .first { bottom: 100% }
.constructify_tm_request_estimate_wrap .second_shape .first { position: absolute; right: 0; border-bottom: 80px solid #ff8f03; border-left: 220px solid transparent; z-index: 1 }
.constructify_tm_request_estimate_wrap .second_shape .second { position: absolute; right: 0; border-bottom: 80px solid rgba(0,0,0,.2); border-left: 220px solid transparent; z-index: 2 }
.constructify_tm_request_estimate_wrap .second_shape .third { position: absolute; right: 0; border-bottom: 55px solid #ff8f03; border-left: 220px solid transparent; z-index: 3 }
.constructify_tm_request_estimate_wrap .first_square { position: absolute; bottom: 0; right: 0; width: 100px; height: 170px; background-color: rgba(255,255,255,.1) }
.constructify_tm_request_estimate_wrap .second_square { position: absolute; bottom: 0; right: 0; width: 50px; height: 85px; background-color: rgba(255,255,255,.1) }
.constructify_tm_brochures_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_brochures_wrap .title_holder span { display: block; font-size: 20px; text-transform: inherit; color: #181a2f; margin-bottom: 24px; position: relative; line-height: 1.5; letter-spacing: .5px; font-family: rubik }
.constructify_tm_brochures_wrap .title_holder span:before { position: absolute; content: ""; width: 50px; height: 1px; background-color: #ff8f03; bottom: -4px; left: 0 }
.constructify_tm_brochures_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_brochures_wrap ul li { margin: 0 0 5px; width: 100%; float: left }
.constructify_tm_brochures_wrap ul li:last-child { margin-bottom: 0 }
.constructify_tm_brochures_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #111422; padding: 18px 0 16px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_brochures_wrap ul li .inner .icon { width: 48px; height: 48px; background-color: #242633; position: absolute; left: 5px; top: 5px; text-align: center }
.constructify_tm_brochures_wrap ul li .inner .icon .svg { width: 26px; height: 26px; color: #eee; top: 50%; transform: translateY(-50%); position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_brochures_wrap ul li .inner span.text { font-family: raleway; font-size: 16px; color: #ccc; font-weight: 500; padding-left: 75px; padding-right: 35px; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_brochures_wrap ul li .inner span.arrow { position: absolute; right: 25px; top: 24px }
.constructify_tm_brochures_wrap ul li .inner span.arrow:before { position: absolute; content: ""; border: 5px solid transparent; border-left-color: #ccc; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_brochures_wrap ul li:hover .inner .icon .svg { color: #fff }
.constructify_tm_brochures_wrap ul li:hover .inner span.text { color: #fff }
.constructify_tm_brochures_wrap ul li:hover .inner span.arrow:before { border-left-color: #fff }
.constructify_tm_about_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_wrap .subtitle { margin-bottom: 52px }
.constructify_tm_about_wrap .subtitle p { color: #777; font-size: 20px; line-height: 1.7; font-weight: 300 }
.constructify_tm_about_wrap .about_service_list { width: 100%; height: auto; clear: both; float: left; margin-bottom: 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_wrap .about_service_list.client { margin-bottom: 70px }
.constructify_tm_about_wrap .about_service_list h3 { color: #14141c; font-family: rubik; font-size: 24px; letter-spacing: 0; margin-bottom: 17px }
.constructify_tm_about_wrap .about_service_list p { color: #777; font-size: 16px; line-height: 1.7; font-weight: 300 }
.constructify_tm_about_counter_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #0f0f16; padding: 92px 0; overflow: hidden; margin-bottom: 85px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap:before { position: absolute; content: ""; width: 50%; right: 0; top: 0; bottom: 0; background-color: #ff8f03 }
.constructify_tm_about_counter_wrap .inner_counter { width: 100%; height: auto; clear: both; float: left; position: relative; display: flex; align-items: center; flex-direction: row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .inner_counter .leftbox { width: 290px; min-width: 290px; padding-right: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .constructify_tm_counter_wrap { padding: 47px 0 58px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li { width: 100%; float: left; text-align: left; margin: 0 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li:last-child { margin-bottom: 0 }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li h3 { font-family: rubik; color: #eee; font-size: 48px !important; font-weight: 400; line-height: 1; letter-spacing: 0; margin-bottom: 3px }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li h3 > span { font-size: 48px !important }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li .inner > span { color: #999; font-family: open sans; font-size: 14px; display: block }
.constructify_tm_about_counter_wrap .inner_counter .rightbox, .constructify_tm_about_counter_wrap .inner_counter .inner_rightbox { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .inner_counter .rightbox { position: relative; background-color: #fff }
.constructify_tm_about_counter_wrap .inner_counter .rightbox .counter_png { position: absolute; bottom: 0; right: 0; top: 0; left: 0; z-index: 1; background-image: url(/img/about/counter_image.png); background-size: auto; background-repeat: no-repeat; background-position: bottom right }
.constructify_tm_about_counter_wrap .inner_counter .inner_rightbox { padding: 95px 100px 90px }
.constructify_tm_about_counter_wrap .inner_counter .rightbox .top_title { margin: 0; padding: 0; font-weight: 600; font-size: 16px; letter-spacing: 0; color: #14141c; text-transform: uppercase }
.constructify_tm_about_counter_wrap .inner_counter .rightbox .title { margin: 0; padding-top: 5px; font-weight: 400; font-size: 36px; letter-spacing: 0; color: #14141c; margin-bottom: 23px; font-family: rubik }
.constructify_tm_about_counter_wrap .inner_counter .rightbox .text { line-height: 1.7; color: #666; margin-bottom: 32px; position: relative; z-index: 2 }
.constructify_tm_counter_wrap { overflow: hidden }
.constructify_tm_counter_list { list-style-type: none; width: 100%; margin: 0; -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px }
.constructify_tm_about_counter_wrap .counter_image_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .counter_image_wrap ul { margin: 0 0 0 -10px; list-style-type: none }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li { margin: 0 0 10px; float: left; padding-left: 10px; width: 160px; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li .inner { width: 100%; height: 100%; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li .image { position: absolute; width: 150px; height: 100px; background-repeat: no-repeat; background-size: cover; background-position: center }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(1) .image { background-image: url(/img/about/11.jpg) }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(2) .image { background-image: url(/img/about/12.jpg) }
.constructify_tm_about_counter_wrap .counter_image_wrap ul li:nth-child(3) .image { background-image: url(/img/about/13.jpg) }
.constructify_tm_about_counter_wrap .constructify_tm_counter_list li .inner:before { display: none }
.constructify_tm_about_counter_wrap li .overlay { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.6); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_about_counter_wrap li:hover .overlay { opacity: 1; visibility: visible }
.constructify_tm_about_counter_wrap li .overlay .in { position: absolute; z-index: 3; top: 50%; left: 50%; margin-top: -5px; transform: translate(-50%,-50%) }
.constructify_tm_about_counter_wrap li .overlay .in span { width: 20px; height: 2px; background-color: #ff8f03; display: inline-block; position: relative }
.constructify_tm_about_counter_wrap li .overlay .in span:before { position: absolute; content: ""; height: 20px; width: 2px; background-color: #ff8f03; left: 50%; top: 50%; transform: translate(-50%,-50%) }
.constructify_tm_about_counter_wrap li .about_zoom { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 33333 }
.constructify_tm_introduce_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; background-color: #111422; padding: 50px 70px 50px 80px; margin-bottom: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_introduce_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_introduce_wrap .inner_wrap .main_info_wrap { width: 100%; max-width: calc(100% - 240px); height: auto; float: left; padding-right: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_introduce_wrap .inner_wrap .main_info_wrap .top_title { color: #fff; font-size: 16px; letter-spacing: 0; font-weight: 500; text-transform: uppercase }
.constructify_tm_introduce_wrap .inner_wrap .main_info_wrap .title { margin: 0; padding: 5px 0 24px; font-size: 36px; letter-spacing: 0; font-weight: 500; color: #fff }
.constructify_tm_introduce_wrap .inner_wrap .main_info_wrap .text { font-size: 16px; line-height: 1.7; color: #fff; margin-bottom: 30px }
.constructify_tm_introduce_wrap .experience_box { width: 240px; height: 240px; border: 10px solid #fff; display: flex; justify-content: space-between; flex-direction: column; padding: 13px 20px 10px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_introduce_wrap .experience_box .top p { margin: 0; padding: 0; font-size: 18px; letter-spacing: 0; font-weight: 500; margin-bottom: 10px; color: #fff; line-height: 1.2; font-family: raleway }
.constructify_tm_introduce_wrap .experience_box .bottom { display: flex; align-items: center }
.constructify_tm_introduce_wrap .experience_box .bottom .number span { font-family: montserrat; font-size: 72px; color: #fff; letter-spacing: -.25px; line-height: 1; font-weight: 500 }
.constructify_tm_introduce_wrap .experience_box .bottom .definition { font-family: montserrat; font-size: 10px; color: #fff; text-transform: uppercase; padding-left: 4px; font-weight: 500 }
.constructify_tm_introduce_wrap .png_image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url(/img/about/introduce.png); background-position: left bottom; background-repeat: no-repeat; background-size: auto; z-index: 1 }
.constructify_tm_introduce_wrap .play_video { position: absolute; width: 70px; height: 70px; border-radius: 100%; background-color: #ff8f03; bottom: -20px; left: 80px; z-index: 3 }
.constructify_tm_introduce_wrap .play_video:before { position: absolute; content: ""; border: 10px solid transparent; border-left-color: #fff; border-left-width: 20px; border-right-width: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-left: 13px }
.constructify_tm_introduce_wrap .play_video a { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.qqq { width: 100%; height: auto; clear: both; float: left; position: relative; overflow: hidden; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.qqq .first { position: absolute; border-bottom: 36px solid #ff8f03; border-left: 500px solid transparent; top: 4px; right: 75px }
.qqq .second { position: absolute; border-bottom: 36px solid #ff8f03; border-right: 15px solid transparent; top: 4px; right: 60px }
.constructify_tm_about_team_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 72px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_team_wrap ul { margin: 0 0 0 -30px; list-style-type: none }
.constructify_tm_about_team_wrap ul li { margin: 0 0 30px; float: left; width: 33.3333%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_team_wrap ul li .inner, .constructify_tm_about_team_wrap ul li .inner .image_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_about_team_wrap ul li .inner .image_wrap { margin-bottom: 27px }
.constructify_tm_about_team_wrap ul li .inner .image_wrap img { min-width: 100% }
.constructify_tm_about_team_wrap ul li .inner .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center }
.constructify_tm_about_team_wrap ul li:nth-child(1) .image_wrap .image { background-image: url(/img/about/3.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(2) .image_wrap .image { background-image: url(/img/about/4.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(3) .image_wrap .image { background-image: url(/img/about/5.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(4) .image_wrap .image { background-image: url(/img/about/6.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(5) .image_wrap .image { background-image: url(/img/about/7.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(6) .image_wrap .image { background-image: url(/img/about/8.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(7) .image_wrap .image { background-image: url(/img/about/9.jpg) }
.constructify_tm_about_team_wrap ul li:nth-child(8) .image_wrap .image { background-image: url(/img/about/10.jpg) }
.constructify_tm_about_team_wrap ul li .main_definitions h3 { margin: 0; padding: 0; font-size: 18px; line-height: 1.1; letter-spacing: 0; font-weight: 400; color: #14141c }
.constructify_tm_about_team_wrap ul li .main_definitions span { margin: 0; padding: 0; letter-spacing: 0; line-height: 1.7; color: #666 }
.constructify_tm_blog_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_wrap .blog_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_wrap .blog_list_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_blog_wrap .blog_list_wrap ul li { margin: 0 }
.constructify_tm_blog_wrap .blog_list_wrap ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_wrap .blog_list_wrap ul li:last-child .inner { margin-bottom: 0 }
.constructify_tm_blog_wrap .definitions_wrap { width: 100%; height: auto; clear: both; float: left; background-color: #e9eff4; padding: 30px 30px 33px; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_wrap .definitions_wrap .title_holder h3 { font-size: 30px; line-height: 1; font-weight: 400; color: #14141c; margin-bottom: 10px }
.constructify_tm_blog_wrap .definitions_wrap .title_holder h3 a { text-decoration: none; color: #181a2f; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_blog_wrap .definitions_wrap .title_holder h3 a:hover { color: #ff8f03 }
.constructify_tm_blog_wrap .definitions_wrap .info_wrap { width: 100%; float: left; margin-bottom: 24px }
.constructify_tm_blog_wrap .definitions_wrap .short_info { border-bottom: 1px solid #ccc; float: left; padding-bottom: 4px }
.constructify_tm_blog_wrap .definitions_wrap .short_info span { position: relative; color: #666; font-size: 13px; float: left; padding-right: 22px; font-style: italic }
.constructify_tm_blog_wrap .definitions_wrap .short_info span:last-child { padding-right: 0 }
.constructify_tm_blog_wrap .definitions_wrap .short_info .date:after, .constructify_tm_blog_wrap .definitions_wrap .short_info .by:after { position: absolute; content: ""; width: 1px; height: 12px; background-color: #ccc; top: 5px; margin-left: 11px }
.constructify_tm_blog_wrap .definitions_wrap .short_info a { text-decoration: none; color: #666; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_blog_wrap .definitions_wrap .short_info a:hover { color: #ff8f03 }
.constructify_tm_blog_wrap .definitions_wrap .text { margin-bottom: 17px }
.constructify_tm_blog_wrap .definitions_wrap .text p { font-size: 16px; color: #666; line-height: 1.6 }
.constructify_tm_blog_wrap .definitions_wrap .continue { width: 100%; float: left }
.constructify_tm_blog_wrap .definitions_wrap .continue a { text-decoration: none; font-size: 16px; color: #ff8f03; line-height: 1.6; font-weight: 600 }
.constructify_tm_sidebar_time { width: 100; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_sidebar_time .title_holder span { display: block; font-size: 20px; text-transform: inherit; color: #181a2f; margin-bottom: 24px; position: relative; line-height: 1.5; letter-spacing: .5px; font-family: rubik }
.constructify_tm_sidebar_time .title_holder span:before { position: absolute; content: ""; width: 50px; height: 1px; background-color: #ff8f03; bottom: -4px; left: 0 }
.constructify_tm_sidebar_time .inner_list ul { margin: 0; list-style-type: none }
.constructify_tm_sidebar_time .inner_list ul li { margin: 0; border-bottom: 1px dashed #ccc; width: 100%; float: left; padding-bottom: 4px; margin-bottom: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_sidebar_time .inner_list ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none }
.constructify_tm_sidebar_time .inner_list ul li .wrap { width: 100%; float: left }
.constructify_tm_sidebar_time .inner_list ul li .wrap .left, .constructify_tm_sidebar_time .inner_list ul li .wrap .right { font-size: 14px; line-height: 1.5; color: #777; font-weight: 400 }
.constructify_tm_sidebar_time .inner_list ul li .wrap .left { float: left }
.constructify_tm_sidebar_time .inner_list ul li .wrap .right { float: right; color: #ff8f03; font-weight: 400 }
.constructify_tm_blog_single_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_single_wrap .subtitle p { font-size: 16px; color: #777; margin-bottom: 50px }
.constructify_tm_blog_single_wrap .image_holder_blog { margin-bottom: 50px }
.constructify_tm_blog_single_wrap .commentbox { width: 100%; height: auto; clear: both; float: left; background-color: #eee; padding: 40px 40px 60px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_single_wrap .comment_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_single_wrap .comment_wrap:before { position: absolute; content: ""; width: 150%; height: 1px; background-color: #e5e5e5; top: 100%; left: -100px }
.constructify_tm_blog_single_wrap .comment_wrap .title { margin-bottom: 30px }
.constructify_tm_blog_single_wrap .comment_wrap .title h3 { font-size: 24px; color: #777; letter-spacing: -.25px; font-weight: 400; font-family: rubik }
.constructify_tm_blog_single_wrap .commentbox .author_wrap { width: 100%; position: relative; margin-bottom: 36px }
.constructify_tm_blog_single_wrap .commentbox .image_author { width: 60px; height: 60px; border-radius: 100%; position: absolute; left: 0 }
.constructify_tm_blog_single_wrap .commentbox .image_author img { border-radius: 100% }
.constructify_tm_blog_single_wrap .commentbox .definition { padding-left: 90px; position: relative; top: 6px }
.constructify_tm_blog_single_wrap .commentbox .definition .title { font-size: 18px; letter-spacing: -.25px; color: #777; font-family: rubik; font-weight: 400 }
.constructify_tm_blog_single_wrap .commentbox .definition p span { font-size: 14px; color: #777; position: relative }
.constructify_tm_blog_single_wrap .commentbox .definition p span:before { position: absolute; content: ""; width: 14px; height: 1px; background-color: #777; top: 50%; left: 100%; margin-left: 3px }
.constructify_tm_blog_single_wrap .commentbox .definition p a { text-decoration: none; color: #ff8f03; font-size: 14px; padding-left: 21px }
.constructify_tm_blog_single_wrap .commentbox .full_definition { padding-left: 90px; margin-bottom: 44px }
.constructify_tm_blog_single_wrap .commentbox .full_definition p { font-size: 14px; color: #777; line-height: 1.7 }
.constructify_tm_blog_single_wrap .commentbox .full_definition p a { text-decoration: none; color: #ff8f03 }
.constructify_tm_blog_single_wrap .replybox { width: 100%; height: auto; clear: both; float: left; padding-top: 42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_blog_single_wrap .replybox .title { margin-bottom: 24px }
.constructify_tm_blog_single_wrap .replybox .title h3 { font-size: 24px; color: #777; letter-spacing: -.25px; font-weight: 400; font-family: rubik }
.constructify_tm_blog_single_wrap .constructify_tm_contact_wrap { margin-bottom: 0 }
.constructify_tm_blog_single_wrap .constructify_tm_contact_wrap input { background-color: #f9f9f9 !important; font-family: montserrat }
.constructify_tm_blog_single_wrap .constructify_tm_contact_wrap textarea { background-color: #f9f9f9 !important; font-family: montserrat }
.empty_notice { color: #ff0004; margin-bottom: 7px; display: none }
.contact_error { color: #ff0004 }
.returnmessage { color: #0064ff; margin-bottom: 7px }
.constructify_tm_main_contact_wrap { width: 100%; height: auto; clear: both; float: left; margin-bottom: 150px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list { width: 100%; height: auto; clear: both; float: left; margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul { margin: 0 0 0 -30px; list-style-type: none }
.constructify_tm_main_contact_wrap .office_list ul li { margin: 0 0 30px; float: left; width: 33.3333%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .image_wrap { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .image_wrap .image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center }
.constructify_tm_main_contact_wrap .office_list ul li:nth-child(1) .image_wrap .image { background-image: url(/img/contact/1.jpg) }
.constructify_tm_main_contact_wrap .office_list ul li:nth-child(2) .image_wrap .image { background-image: url(/img/contact/2.jpg) }
.constructify_tm_main_contact_wrap .office_list ul li:nth-child(3) .image_wrap .image { background-image: url(/img/contact/3.jpg) }
.constructify_tm_main_contact_wrap .office_list ul li .definitions_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .definitions_wrap .office { width: 100%; height: auto; float: left; position: relative; padding: 22px 80px 22px 40px; background-color: #111422; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .definitions_wrap .office h3 { font-family: rubik; font-size: 22px; color: #eee; font-weight: 400 }
.constructify_tm_main_contact_wrap .office_list ul li .definitions_wrap .office .icon { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; background-color: #ff8f03 }
.constructify_tm_main_contact_wrap .office_list ul li .definitions_wrap .office .icon .svg { position: absolute; color: #fff; width: 30px; height: 30px; left: 50%; top: 50%; transform: translate(-50%,-50%) }
.constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap { width: 100%; height: auto; float: left; background-color: #0d0e13; padding: 35px 30px 45px 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap .row { margin-bottom: 8px }
.constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap .row:last-child { margin-bottom: 0 }
.constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap p, .constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap label, .constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap span { color: #999; line-height: 1.5 }
.constructify_tm_main_contact_wrap .office_list ul li .short_info_wrap span a { text-decoration: none; color: #ff8f03 }
.constructify_tm_main_contact_wrap .contact_text { width: 100%; height: auto; clear: both; float: left; margin-bottom: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_main_contact_wrap .contact_text p { font-size: 18px; color: #777; line-height: 1.7 }
.constructify_tm_main_contact_wrap .get_in_touch { margin-bottom: 30px }
.constructify_tm_main_contact_wrap .get_in_touch h3 { font-family: rubik; font-size: 24px; color: #14141c }
.constructify_tm_contact_wrap, .constructify_tm_contact_wrap .get_in_touch_wrap, .constructify_tm_contact_wrap .inner_wrap, .constructify_tm_contact_wrap .inner_wrap .row { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_contact_wrap { position: relative; margin-top: -7px }
.constructify_tm_contact_wrap .inner_wrap .row { margin-bottom: 27px }
.constructify_tm_contact_wrap .inner_wrap .row:last-child { margin-bottom: 0 }
.constructify_tm_contact_wrap .leftbox { width: 65%; height: auto; float: left }
.constructify_tm_contact_wrap .leftbox .subtitle { margin-bottom: 60px }
.constructify_tm_contact_wrap .leftbox .subtitle p { font-size: 18px; line-height: 1.6; color: #777 }
.constructify_tm_contact_wrap .get_in_touch_wrap .title { margin-bottom: 34px }
.constructify_tm_contact_wrap .get_in_touch_wrap .title h3 { font-size: 24px; font-weight: 600; color: #777; letter-spacing: -.25px }
.constructify_tm_contact_wrap .inner_wrap .row label { display: block; font-size: 14px; color: #777; line-height: 1.7; position: relative }
.constructify_tm_contact_wrap .inner_wrap .row label span { position: relative }
.constructify_tm_contact_wrap .inner_wrap .row label span:before { position: absolute; content: "*"; color: #efc142; left: 100%; margin-left: 4px }
.constructify_tm_contact_wrap .inner_wrap .row input { width: 340px !important; height: 40px !important; background-color: #f5f5f5; border: 1px solid #e5e5e5; margin-top: 9px }
.constructify_tm_contact_wrap .inner_wrap .row input:focus { outline: none; background-color: #f5f5f5; border: 1px solid #e5e5e5 }
.constructify_tm_contact_wrap .inner_wrap .row textarea { max-width: 600px; height: 220px !important; background-color: #f5f5f5; border: 1px solid #e5e5e5; margin-top: 9px }
.constructify_tm_contact_wrap .inner_wrap .row textarea:focus { outline: none; background-color: #f5f5f5; border: 1px solid #e5e5e5 }
.constructify_tm_contact_wrap .inner_wrap .row a { text-decoration: none; display: inline-block; background-color: #ff8f03; padding: 14px 25px; font-size: 14px; line-height: 1.6; letter-spacing: .5px; color: #181a2f; text-transform: uppercase; border-radius: 2px; font-weight: 500; font-family: rubik; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_contact_wrap .inner_wrap .row a:hover { background-color: #14141c; color: #fff }
.constructify_tm_contact_wrap .empty_notice { color: #ff0004; margin-bottom: 7px; display: none }
.constructify_tm_contact_wrap .contact_error { color: #ff0004 }
.constructify_tm_contact_wrap .returnmessage { color: #0064ff; margin-bottom: 7px }
.constructify_tm_footer { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_universal_parallax_wrap .overlay_image.footer { background-image: url(/img/slider/5.jpg) }
.constructify_tm_universal_parallax_wrap .overlay_color.footer { background-color: rgba(13,14,19,.9) }
.constructify_tm_universal_parallax_wrap .main_content.footer { padding: 38px 0 0 }
.constructify_tm_subscribe_wrap, .constructify_tm_subscribe_wrap .inner_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_subscribe_wrap { padding-bottom: 38px; border-bottom: 1px solid rgba(255,255,255,.1) }
.constructify_tm_subscribe_wrap .inner_wrap { display: flex; justify-content: space-between; align-items: center }
.constructify_tm_subscribe_wrap .left_wrap { display: flex; align-items: center; float: left }
.constructify_tm_subscribe_wrap .left_wrap .book svg { width: 50px; height: 50px; color: #ff8f03 }
.constructify_tm_subscribe_wrap .left_wrap .text { margin-left: 20px }
.constructify_tm_subscribe_wrap .left_wrap .text p { font-size: 16px; font-weight: 300; color: #ccc }
.constructify_tm_subscribe_wrap .left_wrap .text p span { width: 16px; height: 1px; background-color: #ccc; display: inline-block; position: relative; top: -4px; margin: 0 5px }
.constructify_tm_subscribe_wrap .right_wrap .email { width: 340px; height: 44px; background-color: rgba(245,245,245,.05) !important; border: 1px solid rgba(229,229,229,.2) !important; font-size: 14px; color: #ccc }
.constructify_tm_subscribe_wrap .right_wrap .email:focus { outline: none }
.constructify_tm_subscribe_wrap .right_wrap .button { width: 132px; height: 43px; background-color: #ff8f03; text-transform: uppercase; border: none; color: #14141c; margin-left: -5px; font-family: rubik; font-size: 14px; font-weight: 500 }
.constructify_tm_subscribe_wrap .right_wrap .button:focus { border: none; outline: none }
.constructify_tm_list_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_list_wrap.footer { padding-top: 95px }
.constructify_tm_list_wrap ul.constructify_list { margin: 0; list-style-type: none }
.constructify_tm_list_wrap ul.constructify_list > li { margin: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_list_wrap[data-column="1"] ul.constructify_list > li { width: 100% }
.constructify_tm_list_wrap[data-column="2"] ul.constructify_list > li { width: 50% }
.constructify_tm_list_wrap[data-column="3"] ul.constructify_list > li { width: 33.3333% }
.constructify_tm_list_wrap[data-column="4"] ul.constructify_list > li { width: 25% }
.constructify_tm_list_wrap[data-column="5"] ul.constructify_list > li { width: 20% }
.constructify_tm_list_wrap[data-space="0"] ul.constructify_list { margin-left: 0 }
.constructify_tm_list_wrap[data-space="1"] ul.constructify_list { margin-left: 1px }
.constructify_tm_list_wrap[data-space="2"] ul.constructify_list { margin-left: 2px }
.constructify_tm_list_wrap[data-space="3"] ul.constructify_list { margin-left: 3px }
.constructify_tm_list_wrap[data-space="4"] ul.constructify_list { margin-left: 4px }
.constructify_tm_list_wrap[data-space="5"] ul.constructify_list { margin-left: 5px }
.constructify_tm_list_wrap[data-space="10"] ul.constructify_list { margin-left: -10px }
.constructify_tm_list_wrap[data-space="20"] ul.constructify_list { margin-left: -20px }
.constructify_tm_list_wrap[data-space="30"] ul.constructify_list { margin-left: -30px }
.constructify_tm_list_wrap[data-space="40"] ul.constructify_list { margin-left: -40px }
.constructify_tm_list_wrap[data-space="50"] ul.constructify_list { margin-left: -50px }
.constructify_tm_list_wrap[data-space="60"] ul.constructify_list { margin-left: -60px }
.constructify_tm_list_wrap[data-space="70"] ul.constructify_list { margin-left: -70px }
.constructify_tm_list_wrap[data-space="80"] ul.constructify_list { margin-left: -80px }
.constructify_tm_list_wrap[data-space="0"] ul.constructify_list > li { padding: 0 }
.constructify_tm_list_wrap[data-space="1"] ul.constructify_list > li { padding-left: 1px; margin-bottom: 1px }
.constructify_tm_list_wrap[data-space="2"] ul.constructify_list > li { padding-left: 2px; margin-bottom: 2px }
.constructify_tm_list_wrap[data-space="3"] ul.constructify_list > li { padding-left: 3px; margin-bottom: 3px }
.constructify_tm_list_wrap[data-space="4"] ul.constructify_list > li { padding-left: 4px; margin-bottom: 4px }
.constructify_tm_list_wrap[data-space="5"] ul.constructify_list > li { padding-left: 5px; margin-bottom: 5px }
.constructify_tm_list_wrap[data-space="10"] ul.constructify_list > li { padding-left: 10px; margin-bottom: 10px }
.constructify_tm_list_wrap[data-space="20"] ul.constructify_list > li { padding-left: 20px; margin-bottom: 20px }
.constructify_tm_list_wrap[data-space="30"] ul.constructify_list > li { padding-left: 30px; margin-bottom: 30px }
.constructify_tm_list_wrap[data-space="40"] ul.constructify_list > li { padding-left: 40px; margin-bottom: 40px }
.constructify_tm_list_wrap[data-space="50"] ul.constructify_list > li { padding-left: 50px; margin-bottom: 50px }
.constructify_tm_list_wrap[data-space="60"] ul.constructify_list > li { padding-left: 60px; margin-bottom: 60px }
.constructify_tm_list_wrap[data-space="70"] ul.constructify_list > li { padding-left: 70px; margin-bottom: 70px }
.constructify_tm_list_wrap[data-space="80"] ul.constructify_list > li { padding-left: 80px; margin-bottom: 80px }
.constructify_tm_list_wrap .list_inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .constructify_tm_list_wrap { margin-bottom: 53px }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .inner { width: 100%; height: auto; clear: both; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .footer_section_title { margin-bottom: 45px }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .footer_section_title h3 { font-size: 20px; font-family: rubik; text-transform: capitalize; font-weight: 400; color: #eee; position: relative }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .footer_section_title h3:before { position: absolute; content: ""; width: 50px; height: 1px; background-color: #ff8f03; bottom: -11px }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .definition { margin-bottom: 21px }
.constructify_tm_footer_wrap .constructify_tm_list_wrap .definition p { font-size: 14px; line-height: 1.5; color: #ccc; font-weight: 300 }
.constructify_tm_footer_wrap .inner_list ul { margin: 0; list-style-type: none }
.constructify_tm_footer_wrap .inner_list ul li { margin: 0; border-bottom: 1px dashed #29292d; width: 100%; float: left; padding-bottom: 4px; margin-bottom: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .inner_list ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none }
.constructify_tm_footer_wrap .inner_list ul li .wrap { width: 100%; float: left }
.constructify_tm_footer_wrap .inner_list ul li .wrap .left, .constructify_tm_footer_wrap .inner_list ul li .wrap .right { font-size: 14px; line-height: 1.5; color: #ccc; font-weight: 300 }
.constructify_tm_footer_wrap .inner_list ul li .wrap .left { float: left }
.constructify_tm_footer_wrap .inner_list ul li .wrap .right { float: right; color: #ff8f03 }
.helpful_links .inner_list ul li { border-bottom: none }
.helpful_links .inner_list ul li .wrap .right { font-weight: 400 }
.helpful_links .inner_list ul li a { text-decoration: none; color: #ccc; font-size: 14px; font-weight: 300 }
.constructify_tm_footer_wrap .helpful_links ul li { width: 50%; float: left; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .bottom_wrap, .constructify_tm_footer_wrap .links_wrap { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .links_wrap { margin-bottom: 9px }
.constructify_tm_footer_wrap .bottom_wrap { padding: 63px 0 65px; background-color: #0d0e13 }
.constructify_tm_footer_wrap .links_wrap ul { margin: 0; list-style-type: none }
.constructify_tm_footer_wrap .links_wrap ul li { margin: 0 25px 0 0; float: left }
.constructify_tm_footer_wrap .links_wrap ul li:last-child { margin-right: 0 }
.constructify_tm_footer_wrap .links_wrap ul li a { text-decoration: none; text-transform: uppercase; font-family: rubik; font-size: 16px; color: #eee; line-height: 1.5; font-weight: 300; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_footer_wrap .links_wrap ul li a:hover { color: #ff8f03 }
.constructify_tm_footer_wrap .copyright { width: 100%; height: auto; clear: both; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.constructify_tm_footer_wrap .copyright p { font-size: 14px; color: #999 }
.constructify_tm_footer_wrap .copyright .constructify { text-decoration: none; color: #999; font-weight: 700; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_footer_wrap .copyright .constructify:hover { color: #ff8f03 }
.constructify_tm_footer_wrap .copyright .marketify { text-decoration: none; color: #999; font-weight: 700; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_footer_wrap .copyright .marketify:hover { color: #ff8f03 }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_totop { left: 415px }
.constructify_tm_totop { position: fixed; bottom: 0; left: 425px; width: 51px; height: 51px; z-index: 999999; overflow: hidden; display: block; text-align: center; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.constructify_tm_totop .shape { display: block; width: 29px; height: 29px; background-color: #ff8f03; position: absolute; left: 11px; top: 0; border-radius: 2px }
.constructify_tm_totop .shape:after { width: 0; height: 0; position: absolute; content: ''; border: 5px solid transparent; border-bottom-color: #14141c; top: 7px; left: 10px; z-index: 2 }
.constructify_tm_totop.opened { opacity: 1; visibility: visible; bottom: 20px }
.constructify_tm_wrapper_all[data-border=none] .constructify_tm_totop.opened { bottom: 10px }
.constructify_tm_totop .name { position: absolute; left: 0; right: 0; top: 35px; text-transform: uppercase; font-size: 10px; line-height: 1; color: #999; letter-spacing: 0; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; font-family: montserrat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.constructify_tm_totop .name:hover { color: #ccc }
.constructify_tm_switch a { width: 40px; height: 40px; border-radius: 3px; text-align: center; line-height: 40px; display: inline-block; background-color: rgba(255,255,255,.7); box-shadow: 0 0 5px rgba(0,0,0,.2); position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 11111; transition: all .3s ease }
.constructify_tm_switch a:hover { background-color: #fff }
.constructify_tm_switch a .svg { width: 20px; height: 20px; color: #0f0f16; position: relative; top: 5px }
.constructify_tm_switch a.opened { right: 300px; background-color: #fff }
.buildify_tm_switch_content { position: fixed; top: 50%; transform: translateY(-50%); right: -300px; z-index: 11111; width: 300px; height: auto; padding: 65px 20px 61px; box-sizing: border-box; background-color: #fff; text-align: left; box-shadow: 0 0 5px rgba(0,0,0,.2); transition: all .3s ease }
.buildify_tm_switch_content.opened { right: 0 }
.buildify_tm_switch_content .inner { margin-bottom: 20px }
.buildify_tm_switch_content .inner:last-child { margin-bottom: 0 }
.buildify_tm_switch_content h3 { color: #14141c; font-size: 20px; font-weight: 500; line-height: 1; text-transform: uppercase; margin-bottom: 7px }
.buildify_tm_switch_content .subtitle { font-size: 14px; color: #232222; line-height: 1; margin-bottom: 10px; font-family: rubik }
.switch { position: relative; display: inline-block; width: 60px; height: 34px }
.switch input { display: none }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px }
.switch.helpful .slider { background-color: #2196f3 }
.switch.helpful .slider:before { right: 4px !important; left: auto !important }
.switch.helpful input:checked + .slider { background-color: #ccc }
.switch.helpful input:focus + .slider { box-shadow: 0 0 1px #ccc }
.switch.helpful input:checked + .slider:before { -webkit-transform: translateX(-26px); -ms-transform: translateX(-26px); transform: translateX(-26px) }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 50% }
input:checked + .slider { background-color: #2196f3 }
input:focus + .slider { box-shadow: 0 0 1px #2196f3 }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.buildify_tm_switch_content .border-color { width: 100%; height: auto; clear: both; float: left; margin-bottom: 20px }
.buildify_tm_switch_content .border-color ul { margin: 0; list-style-type: none }
.buildify_tm_switch_content .border-color ul li { margin: 0 6px 0 0; display: inline-block }
.buildify_tm_switch_content .border-color ul li a { width: 33px; height: 33px; border-radius: 3px; display: inline-block; position: relative; box-sizing: border-box }
.buildify_tm_switch_content .border-color ul li:nth-child(1) a { background-color: #ff8f03 }
.buildify_tm_switch_content .border-color ul li:nth-child(2) a { background-color: #a01c8f }
.buildify_tm_switch_content .border-color ul li:nth-child(3) a { background-color: #303da6 }
.buildify_tm_switch_content .border-color ul li:nth-child(4) a { background-color: #1bb31e }
.buildify_tm_switch_content .border-color ul li:nth-child(5) a { background-color: #96390f }
.buildify_tm_switch_content .border-color ul li a:after { z-index: 10; position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #fff; opacity: 0; transition: all .3s ease; content: '' }
.buildify_tm_switch_content .border-color ul li a.opened:after { opacity: .5 }

@media(max-width:1600px) {
    .constructify_tm_universal_wrap .rightbox .image_holder { max-width: 400px }
    .constructify_tm_main_responsibility_wrap .experience_list ul li { width: 50% }
}

@media(max-width:1400px) {
    .constructify_tm_highlights_wrap ul li { width: 50% }
    .constructify_tm_universal_wrap .leftbox.about { width: 100%; min-width: 100%; margin-bottom: 100px }
    .constructify_tm_universal_wrap { flex-direction: column }
    .constructify_tm_universal_wrap .rightbox { margin-left: 0 }
    .constructify_tm_universal_wrap .rightbox .about_wrap { padding-left: 40px; float: left }
    .constructify_tm_services_wrap ul li { width: 50% }
    .constructify_tm_services_wrap ul li:last-child { width: 100% }
    .constructify_tm_main_responsibility_wrap .content_inner_wrap { flex-direction: column; align-items: flex-start }
    .constructify_tm_experience_box { margin-right: 0; margin-bottom: 50px }
    .constructify_tm_home_project_wrap { flex-direction: column }
    .constructify_tm_home_project_wrap .leftbox { width: 100%; max-width: 100% }
    .constructify_tm_home_project_wrap .rightbox { padding-left: 0 }
    .constructify_tm_all_item_link.project { margin-bottom: 67px }
    .constructify_tm_subscribe_wrap .inner_wrap { display: block }
    .constructify_tm_subscribe_wrap .left_wrap { width: 100%; margin-bottom: 30px }
    .constructify_tm_subscribe_wrap .right_wrap { width: 100%; float: left; display: flex }
    .constructify_tm_portfolio_list { margin: 0 }
    .constructify_tm_portfolio_list > li { width: 100%; padding-left: 0 }
    .constructify_tm_about_counter_wrap .inner_counter .inner_rightbox { padding: 67px 7% 60px }
    .constructify_tm_about_team_wrap ul li { width: 33.3333% }
    .constructify_tm_main_contact_wrap .office_list ul li { width: 100%; padding-left: 0 }
    .constructify_tm_main_contact_wrap .office_list ul { margin: 0 }
}

@media(max-width:1200px) {
    .constructify_tm_rating_wrap .inner .leftbox:after { display: block }
    .constructify_tm_rating_wrap .inner .rightbox { display: none }
    .constructify_tm_rating_wrap .inner .leftbox { width: 100%; min-width: cacl(100%-80px) }
    .constructify_tm_list_wrap[data-column="5"] ul.constructify_list > li { width: 25% }
    .constructify_tm_justified_content { display: block }
    .constructify_tm_justified_content .leftpart { margin-bottom: 60px }
    .constructify_tm_justified_content .rightpart { margin-left: 0; width: 100%; min-width: 100%; float: left }
    .constructify_tm_twicebox_wrap { display: block }
    .constructify_tm_twicebox_wrap .leftbox { margin-right: 0; margin-bottom: 60px }
    .constructify_tm_twicebox_wrap .rightbox { width: 100%; min-width: 100% }
    .constructify_tm_about_counter_wrap .inner_counter { display: block }
    .constructify_tm_about_counter_wrap { padding: 0 0 60px }
    .constructify_tm_about_counter_wrap:before { width: 100%; background-color: #0f0f16 }
    .constructify_tm_about_counter_wrap .inner_counter .rightbox:before { position: absolute; content: ""; top: 100px; left: -200px; right: -200px; bottom: -200px; background-color: #ff8f03; z-index: 1 }
    .constructify_tm_about_counter_wrap .inner_counter .inner_rightbox { position: relative; z-index: 2; background-color: #fff }
    .constructify_tm_about_counter_wrap .constructify_tm_counter_list li { width: 50% }
    .constructify_tm_about_counter_wrap .inner_counter .leftbox { width: 100%; min-width: 100%; padding: 0 }
    .constructify_tm_about_team_wrap ul li { width: 50% }
}

@media(max-width:1040px) {
    .constructify_tm_mobile_menu_wrap { display: block }
    .constructify_tm_wrapper_all[data-short-info=none] .main_rightpart { padding-left: 0 }
    .constructify_tm_wrapper_all[data-short-info=none] .constructify_tm_totop { right: 10px }
    .constructify_tm_wrapper_all .main_leftpart { display: none }
    .constructify_tm_wrapper_all .main_rightpart { padding-left: 0 }
    .constructify_tm_title_holder h3 { font-size: 42px }
    .constructify_tm_list_wrap[data-column="4"] ul.constructify_list > li { width: 33.3333% }
    .constructify_tm_list_wrap[data-column="5"] ul.constructify_list > li { width: 33.3333% }
    .constructify_tm_totop { right: 20px; left: auto !important }
}

@media(max-width:768px) {
    .constructify_tm_dropdown_wrap .adress_wrap { flex-direction: column; align-items: flex-start }
    .constructify_tm_dropdown_wrap .adress_wrap .office_image { margin-bottom: 20px }
    .constructify_tm_dropdown_wrap .input_list_wrap ul { margin: 0 }
    .constructify_tm_dropdown_wrap .input_list_wrap ul li { width: 100%; padding-left: 0 }
    .constructify_tm_highlights_wrap ul li { width: 100% }
    .constructify_tm_services_wrap ul li { width: 100%; padding-left: 0 }
    .constructify_tm_services_wrap ul { margin: 0 }
    .constructify_tm_request_wrap .inner_wrap .image_wrap { display: none }
    .constructify_tm_request_wrap .inner_wrap { padding: 45px 20px 42px }
    .constructify_tm_home_blog_wrap .inner_wrap ul { margin: 0 }
    .constructify_tm_home_blog_wrap .inner_wrap ul li { width: 100%; padding-left: 0 }
    .constructify_tm_list_wrap[data-column="2"] ul.constructify_list > li { width: 100% }
    .constructify_tm_list_wrap[data-column="3"] ul.constructify_list > li { width: 100% }
    .constructify_tm_list_wrap[data-column="4"] ul.constructify_list > li { width: 100% }
    .constructify_tm_list_wrap[data-column="5"] ul.constructify_list > li { width: 100% }
    .constructify_tm_totop { right: 10px; left: auto !important }
    .constructify_tm_services_list_wrap ul { margin: 0 }
    .constructify_tm_services_list_wrap ul li { width: 100%; padding-left: 0 }
    .constructify_tm_service_single_wrap .leftbox .service_features ul { margin: 0 }
    .constructify_tm_service_single_wrap .leftbox .service_features ul li { width: 100%; padding-left: 0 }
    .constructify_tm_short_contact .text { margin-bottom: 30px }
    .constructify_tm_short_contact { flex-direction: column; align-items: baseline }
    .constructify_tm_short_contact .constructify_tm_button_wrap { width: 100% }
    .constructify_tm_about_counter_wrap { margin-bottom: 75px }
    .constructify_tm_about_team_wrap ul { margin: 0 }
    .constructify_tm_about_team_wrap ul li { width: 100%; padding-left: 0 }
    .constructify_tm_blog_single_wrap .commentbox .full_definition { padding-left: 0 }
    .constructify_tm_contact_wrap .inner_wrap .row input { width: 100% !important }
    .constructify_tm_contact_wrap .inner_wrap .row textarea { width: 100% !important }
    .constructify_tm_responsibility_text_wrap .inner_wrap { display: block }
    .constructify_tm_responsibility_text_wrap .inner_wrap .left { padding-right: 0; margin-bottom: 30px }
}

@media(max-width:480px) {
    .constructify_tm_hero_header_wrap .hero_text_wrap .buttons_wrap .discover { margin-bottom: 20px }
    .constructify_tm_main_responsibility_wrap .experience_list ul li { width: 100% }
    .constructify_tm_justified_content .infobox { padding: 30px }
    .constructify_tm_about_counter_wrap .constructify_tm_counter_list li { width: 100%; text-align: center }
    .constructify_tm_blog_single_wrap .commentbox .image_author { display: none }
    .constructify_tm_blog_single_wrap .commentbox .definition { padding-left: 0 }
}