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

@font-face {
    font-family: 'Organetto-Bold';
    src: url('../webfonts/organetto-bold.eot');
    src: url('../webfonts/organetto-bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/organetto-bold.woff2') format('woff2'),
        url('../webfonts/organetto-bold.woff') format('woff'),
        url('../webfonts/organetto-bold.ttf') format('truetype'),
        url('../webfonts/organetto-bold.svg#organetto-bold') format('svg');
}

* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }


body { font-family: 'Montserrat',arial,tahoma,verdana;font-size: 16px;background: #ebeae8;color: #383d40;overflow-x: hidden;position: relative; }

strong,b { font-weight: 600; }

p { margin-bottom: 24px; }

.page_width { max-width: 1400px;width: 100%;margin-left: auto;margin-right: auto; }

.cms { width: 80%;margin: auto; }

.mb_small { margin-bottom: 10px; }
.mb_med { margin-bottom: 20px; }
.mb_large { margin-bottom: 30px; }
.mb_vlarge { margin-bottom: 50px; }

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

a { text-decoration: none;color: #383d40; }

.page_wrapper { padding-top: 40px;padding-bottom: 40px; }

.tac { text-align: center; }


/* headers */



/* navigation */

header { position: relative;z-index: 1000; }

#nav_wrapper { background: #454442;color: #fff;width: 100%;height: 0;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 10000;transition: all 1s ease; }

#nav_inner { padding: 100px;text-align: center;position: relative; }


ul#navigation { font-size: 36px;font-weight: 300; }
ul#navigation li { margin-bottom: 20px; }
ul#navigation li a { color: #dbdcda;transition: all 0.3s ease;display: block; }
ul#navigation li a:hover { color: #fff; }
ul#navigation li a.on { color: #fff; }

.menu_show { animation-name: menuload;animation-duration: 1s; }
.menu_noshow { animation-name: menuoffload;animation-duration: 1s; }

.logo_show { animation-name: logoload;animation-duration: 1s; }
.logo_noshow { animation-name: logooffload;animation-duration: 1s; }

a#mobile_menu { position: absolute;right: 50px;top: 50%;margin-top: -25px;width: 50px;height: 50px;z-index: 200; }
a#mobile_menu img { display: block;width: 50px;height: auto; }

a.close_menu { position: absolute;right: 45px;top: 45px;display: none; }
a.close_menu img { display: block;width: 50px;height: auto;filter: invert(100%); }



ul.pagenav { display: flex;flex-wrap: wrap;justify-content: center; }
ul.pagenav li { margin: 0 6px 12px 0; }
ul.pagenav li a { width: 50px;height: 50px;border: 1px solid #333;display: flex;justify-content: center;align-items: center;color: #222; }
ul.pagenav li a.on { background-color: #333;color: #fff; }

.standard { display: inline-flex;align-items: center;justify-content: center;border: 0;background: #383d40;color: #fff;transition: all 0.3s ease;padding: 14px 28px;cursor: pointer;text-decoration: none; }
.standard:hover { background-color: #333; }
.standard i { margin-right: 8px; }


.crumb_wrapper { background: #eee;padding: 16px 0 8px; }
.crumb_wrapper ul.breadcrumb { display: flex;align-items: center;flex-wrap: wrap;padding: 0 6px; }
.crumb_wrapper ul.breadcrumb li { margin-bottom: 8px; }
.crumb_wrapper ul.breadcrumb li:nth-child(odd) { margin-right: 6px;font-size: 12px;color: #383d40; }
.crumb_wrapper ul.breadcrumb li:nth-child(even) { margin-right: 16px;font-size: 14px; }
.crumb_wrapper ul.breadcrumb li a { color: #333; }

@keyframes menuload {
    0%   { opacity: 0;padding-top: 60px;}
    100% { opacity: 1;padding-top: 0; }
}
@keyframes menuoffload {
    0%   { opacity: 1;padding-top: 0px;}
    100% { opacity: 0;padding-top: 60px; }
}

@keyframes logoload {
    0%   { opacity: 0;transform: translateY(-60px); }
    100% { opacity: 1;transform: translateY(0px); }
}
@keyframes logooffload {
    0%   { opacity: 1;transform: translateY(0px); }
    100% { opacity: 0;transform: translateY(-60px); }
}


/* headers */

h1,h2,h3,h4,h5 { font-weight: 300; }

h1.main { font-family: 'Organetto-Bold';font-size: 32px;margin-bottom: 40px;text-align: center;letter-spacing: 4px; }



/* links */

a.large_link { display: inline-flex;flex-wrap: wrap;white-space: nowrap;margin: auto;color: #fff;font-family: 'Organetto-Bold';font-size: 24px;text-transform: uppercase;letter-spacing: 5px;border: 1px solid #fff;text-align: center;transition: all 0.4s ease; }
a.large_link span { display: block;width: 100%;border-bottom: 1px solid #fff;padding: 30px 70px;transition: all 0.4s ease; }
a.large_link div { position: relative;padding: 4px 0px;line-height: 1;width: 100%;transition: all 0.4s ease; }
a.large_link div:before { position: absolute;width: 0;top: 0;bottom: 0;left: 0;background: #fff;transition: all 0.4s ease;content: "";z-index: -1; }
a.large_link div:after { position: absolute;width: 0;top: 0;bottom: 0;right: 0;background: #fff;transition: all 0.4s ease;content: "";z-index: -1 }

a.large_link:hover span { opacity: 0.7; }
a.large_link:hover div { color: #383d40; }
a.large_link:hover div:before { width: 50%; }
a.large_link:hover div:after { width: 50%; }


/* top */

#top_wrapper { position: fixed;top: 0;width: 100%;left: 0;padding: 30px 0;z-index: 100;transition: all 0.3s ease; }
.not_home #top_wrapper { position: static; }

.top_scroll { background: #fff; }

.logo_container { margin: auto;width: 75%; }
.logo_container img { display: block;margin-left: auto;margin-right: auto;max-width: 300px;transition: all 0.4s ease; }
#nav_inner .logo_container { margin-bottom: 50px; }

.svg_logo { fill: #383d40;max-width: 400px;animation-name: fadeIn;animation-fill-mode: forwards;animation-timing-function: ease-in;margin: auto; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadeInWipe { 0% { opacity: 0; } 100% { opacity: 1; } }

@keyframes fadeInWipeX { 0% { opacity: 0; transform: translateX(-90%); } 100% { opacity: 1; transform: translateX(0); } }

.logo_outline  { animation-delay: 0s; animation-duration: 2s; }

.logo_outline2  { animation-delay: 0.5s; animation-duration: 1s; }

.logo_capital_c  { animation-delay: 2.1s; animation-duration: 1s; }

.logo_capital_a  { animation-delay: 2.2s; animation-duration: 1s; }

.logo_capital_p  { animation-delay: 2.3s; animation-duration: 1s; }

.logo_capital_i  { animation-delay: 2.4s; animation-duration: 1s; }

.logo_capital_t  { animation-delay: 2.5s; animation-duration: 1s; }

.logo_capital_a2 { animation-delay: 2.6s; animation-duration: 1s; }

.logo_capital_l  { animation-delay: 2.7s; animation-duration: 1s; }

.logo_unbranded_u  { animation-delay: 1.2s; animation-duration: 1s; }

.logo_unbranded_n  { animation-delay: 1.3s; animation-duration: 1s; }

.logo_unbranded_b  { animation-delay: 1.4s; animation-duration: 1s; }

.logo_unbranded_r  { animation-delay: 1.5s; animation-duration: 1s; }

.logo_unbranded_a  { animation-delay: 1.6s; animation-duration: 1s; }

.logo_unbranded_n2 { animation-delay: 1.7s; animation-duration: 1s; }

.logo_unbranded_d  { animation-delay: 1.8s; animation-duration: 1s; }

.logo_unbranded_e  { animation-delay: 1.9s; animation-duration: 1s; }

.logo_unbranded_d2 { animation-delay: 2s; animation-duration: 1s; }

.logo_capital_c, .logo_capital_a, .logo_capital_p, .logo_capital_i, .logo_capital_t, .logo_capital_a2, .logo_capital_l, .logo_unbranded_u, .logo_unbranded_n, .logo_unbranded_b, .logo_unbranded_r, .logo_unbranded_a, .logo_unbranded_n2, .logo_unbranded_d, .logo_unbranded_e, .logo_unbranded_d2 { opacity: 0; animation-name: fadeIn; animation-fill-mode: forwards; animation-timing-function: ease-out; }

.logo_outline { opacity: 0; animation-name: fadeInWipe; animation-fill-mode: forwards; animation-timing-function: ease-out; }

.logo_outline2 { opacity: 0; animation-name: fadeInWipeX; animation-fill-mode: forwards; animation-timing-function: ease-out; }


/* home */

#home_hero_outer { min-height: 84vh;position: relative;width: 100%;z-index: 10; }
#home_hero_inner { height: 100%; }

#home_hero_slider { position: absolute;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 30; }
#home_hero_slider #home_slider { height: 100%; }
#home_hero_slider #home_slider .slick-list,#home_hero_slider #home_slider .slick-list .slick-track { height: 100%; }
#home_hero_slider #home_slider .slide,#home_hero_slider #home_slider .slide > div { height: 100%; }

#home_slider_overlay { position: absolute;z-index: 50;left: 0;top: 0;bottom: 0;width: 100%;background: linear-gradient(180deg,rgba(219, 220, 218, 1) 0%, rgba(219, 220, 218, 0.76) 19%, rgba(219, 220, 218, 0) 30%, rgba(219, 220, 218, 0) 52%, rgba(0, 0, 0, 0.7) 100%); }

#home_hero_outer h1 { font-size: 36px;color: #fff;position: absolute;z-index: 60;bottom: 0;left: 0;width: 100%;padding: 0 20% 100px;text-align: center; }

section.home { margin: 50px;min-height: calc(84vh - 100px);position: relative;background-size: cover;background-position: center;background-repeat: no-repeat; }
section.home .inner { position: absolute;bottom: 0;width: 100%;left: 0;z-index: 100;text-align: center;padding: 0 15% 80px;color: #fff; }
section.home .inner h2 { font-size: 32px; }
section.home .inner h3 { font-size: 26px; }

section.dark_grad:before { position: absolute;z-index: 40;content: "";width: 100%;top: 0;left: 0;bottom: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); }


.slide1 { background-image: url('../img/backgrounds/hero_desktop_2560.jpg');background-size: cover; }

.home_about { background-image: url('../img/backgrounds/home_about_desktop_2560.jpg');background-size: cover; }
.home_capital { background-image: url('../img/backgrounds/home_capital_desktop_2560.jpg');background-size: cover; }
.home_committed { background-image: url('../img/backgrounds/home_committed_desktop.jpg');background-size: cover; }
.home_team { background-image: url('../img/backgrounds/home_team_desktop.jpg');background-size: cover; }



/* portfolio */

.body_noscroll { overflow-y: hidden; }

#portfolio_wrapper { padding-top: 40px; }

ul.portfolio { display: flex;flex-wrap: wrap; }
ul.portfolio li { width: 42%;margin-right: 4%;margin-left: 4%;margin-bottom: 60px; }
ul.portfolio li a { display: block;background-size: 100%;background-repeat: no-repeat;background-position: center;position: relative;padding-top: 60%;color: #fff;text-align: center;transition: all 4s ease; }
ul.portfolio li a:hover { background-size: 130%; }

ul.portfolio li a .overlay { position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 5; }
ul.portfolio li a .info { position: absolute;left: 0;bottom: 0;width: 100%;z-index: 6;padding: 20px 30px;display: flex;justify-content: center; }
ul.portfolio li a .info .info_inner { display: inline-flex;width: 70%;margin: auto;flex-wrap: wrap; }
ul.portfolio li a .info h3 { width: 100%;font-family: 'Organetto-Bold';font-size: 24px;line-height: 1;letter-spacing: 4px;padding: 10px;text-transform: uppercase; }
ul.portfolio li a .info h4 { display: none; }

.portfolio_overlay { position: fixed;z-index: 100000;bottom: 0;height: 0;width: 100%;backdrop-filter: blur(10px);transition: all 1s ease; }
.po_on { height: 84vh; }

.portfolio_item_outer { width: 800px;position: fixed;height: 0px;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #ebeae8;background-image: url('../img/icons/loading.gif');background-repeat: no-repeat;background-position: center;z-index: 100002; }
.portfolio_item_close { display: none;width: 60px;height: 60px;z-index: 100008;position: absolute;right: -30px;top: -30px; }

.portfolio_item_enter { animation: portfolioEnter 1s forwards; }
.portfolio_item_leave { animation: portfolioLeave 1s forwards; }
#portfolio_item_content { position: absolute;left: 0;top: 0;bottom: 0;width: 100%;z-index: 100006;padding: 30px 30px;overflow-y: scroll;transition: all 0.4s ease;opacity: 0;background-color: #ebeae8; }

@keyframes portfolioEnter {
    0%   { opacity: 0; }
    100% { opacity: 1;height: 85vh;box-shadow: 0 0 10px #1e1d1a61;top: 50%; }
}

@keyframes portfolioLeave {
    0% { opacity: 1;height: 85vh;box-shadow: 0 0 10px #1e1d1a61;top: 50%; }
    100%   { opacity: 0;height: 0;box-shadow: none;top: 0; }
}

#portfolio_images { position: relative;margin-bottom: 40px; }
#portfolio_images:after { position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1505;content: ""; }
#portfolio_images h3 { color: #fff;font-family: 'Organetto-Bold';font-size: 32px;letter-spacing: 4px;position: absolute;bottom: 20px;left: 30px;width: 70%;z-index: 1510;line-height: 1; }

#pi_slider { position: relative;width: 100%; }

.pi_slide { padding-top: 60%;background-size: cover;background-repeat: no-repeat;background-position: center; }

.pi_arrow { position: absolute;top: 50%;height: 50px;margin-top: -25px;display: block;cursor: pointer;z-index: 2000;filter: invert(100%); }
.pi_prev { left: 2px; }
.pi_next { right: 2px;transform: scaleX(-1); }

#pi_slider ul.slick-dots { position: absolute;display: flex;justify-content: center;align-items: center;bottom: -30px;left: 0;width: 100%; }
#pi_slider ul.slick-dots li { margin: 0 6px; }
#pi_slider ul.slick-dots li button { border: 0;width: 14px;height: 14px;border-radius: 7px;background: #948F84;text-indent: -9999px;cursor: pointer; }
#pi_slider ul.slick-dots li.slick-active button { background: #333; }

ul#portfolio_details { font-size: 18px;margin-bottom: 25px; }
ul#portfolio_details li { margin-bottom: 4px; }


#our_team { display: flex;flex-wrap: wrap;justify-content: center;padding-top: 50px; }
#our_team .profile { width: 44%;margin-left: 3%;margin-right: 3%;margin-bottom: 60px;border: 1px solid #3d4a53;text-align: center; }
#our_team .profile .thumb { padding-top: 70%;background-size: cover;background-repeat: no-repeat;background-position: center;border-bottom: 1px solid #3d4a53; }
#our_team .profile .name { border-bottom: 1px solid #3d4a53;padding: 25px 12px;font-size: 20px; }

#our_team .profile .name h3 { margin-bottom: 12px;line-height: 1;font-family: 'Organetto-Bold';font-size: 24px;letter-spacing: 4px;text-transform: uppercase; }
#our_team .profile .about { padding: 50px 50px 65px; }
#our_team .profile .about p:last-child { margin: 0; }

/* cms */

.cms ul { margin: 0 0 25px 20px;list-style: disc;list-style-position: inside;}
.cms ol { margin: 0 0 25px 20px;list-style: decimal; }

.cms h2,.cms h3,.cms h4,.cms h5 { font-family: 'Organetto-Bold'; }
.cms h2 { font-size: 24px;margin-bottom: 22px;letter-spacing: 3px; }
.cms h3 { font-size: 24px;margin-bottom: 20px;letter-spacing: 2px; }
.cms h4 { font-size: 20px;margin-bottom: 20px;letter-spacing: 2px;margin-top: 100px; }
.cms h5 { font-size: 18px;margin-bottom: 14px;letter-spacing: 2px; }

p.recaptcha { font-size: 14px;color: #999; }
p.recaptcha a { color: #333; }
.grecaptcha-badge { visibility: hidden; }


/* contact */
::placeholder { color: #222;opacity: 1; }

.contact_form_wrapper { width: 100%;max-width: 700px;margin: auto; }

.tf_wrapper { background: #fff;display: flex;padding: 6px;align-items: center;margin-bottom: 10px;flex-wrap: wrap; }
.tf_wrapper .left { width: 40%; }
.tf_wrapper .right { width: 60%; }
.tf_wrapper input,.tf_wrapper select,.tf_wrapper textarea { width: 100%;font-family: inherit;border: 0;padding: 12px;font-size: inherit;background: transparent;transition: all 0.4s ease; }
.tf_wrapper input:focus-visible,.tf_wrapper select:focus-visible,.tf_wrapper textarea:focus-visible { outline: none; }

.standard_button { border: 1px solid #222;background: transparent;width: 100%;text-align: center;font-family: inherit;font-size: inherit;padding: 18px;cursor: pointer;transition: all 0.4s ease; }
.standard_button:hover { background: #222;color: #fff; }

.qfe { box-shadow: 0 0 1px 2px #f00; }

p.recaptcha { font-size: 14px; }

/* footer stuff */

#footer_wrapper { background: #ebeae8;padding: 200px 0; }
#footer_wrapper { padding: 150px 0 0 0; }
#footer_top { display: flex;align-items: flex-end;flex-wrap: wrap;margin-bottom: 150px; }

#footer_top #ft_left { width: 70%;display: flex;flex-wrap: wrap; }
#footer_top #ft_left .nav_block { width: 50%;padding-right: 40px; }
#footer_top #ft_left .nav_block h5 { font-size: 28px;margin-bottom: 22px; }
#footer_top #ft_left .nav_block p { margin-bottom: 26px; }
#footer_top #ft_left .nav_block:last-child { padding-right: 0px; }
#footer_top #ft_left .nav_block a.contact { display: flex;align-items: center;margin-bottom: 10px;color: #383d40; }
#footer_top #ft_left .nav_block a.contact img { display: block;width: 36px;height: auto;margin-right: 12px; }

#footer_top #ft_right { width: 30%;display: flex;justify-content: flex-end; }
#footer_top #ft_right img { width: 100%;max-width: 300px; }

#footer_terms { text-align: center;margin-bottom: 50px; }
#footer_terms p { font-size: 12px; }



#cookie_initial { background-color: #fff;border-top: 1px solid #383d40;color: #383d40;display: none;padding: 25px 30px;position: fixed;z-index: 20000000000;bottom: 0;left: 0;width: 100%; }
.cookie_initial_options { display: flex;flex-wrap: wrap; }
.cookie_initial_options .cio_left { width: 60%; }
.cookie_initial_options .cio_left h3 { font-size: 20px;margin-bottom: 10px;color: #383d40; }
.cookie_initial_options .cio_right { width: 40%; }
.cookie_initial_options .cio_right ul { display: flex;flex-wrap: wrap;justify-content: flex-end; }
.cookie_initial_options .cio_right ul li { margin-right: 14px; }
.cookie_initial_options .cio_right ul li:last-child { margin-right: 0; }
.cookie_initial_options .cio_right ul li a { display: block;text-decoration: none;border: 1px solid #333;padding: 10px 18px;color: #333; }
.cookie_initial_options .cio_right ul li a:hover { text-decoration: underline; }
.cookie_initial_options .cio_right ul li a.accept { background-color: #333;color: #fff; }
.cookie_initial_options .cio_right ul li a.reject {  }
.cookie_initial_options .cio_right ul li a.custom { background: #828282;color: #fff;  }

#cookie_custom_overlay { display: none;position: fixed;top: 0;left: 0;width: 100%;height: 84vh;z-index: 25000;background: #fffc; }

#cookie_custom_wrapper { display: none;position: fixed;width: 800px;height: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 20px #0004;z-index: 30000; }

#cookie_custom_inner { position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;padding: 24px 34px; }
.cookie_custom_close { position: absolute;top: 8px;right: 8px;font-size: 12px;color: #1E8ACC; }

#cookie_custom_wrapper h1 { font-size: 32px;margin-bottom: 14px; }
#cookie_custom_wrapper h2 { font-size: 26px;margin-bottom: 14px; }
#cookie_custom_wrapper ul.cc_options { background: #eee;padding: 16px 22px;margin-bottom: 20px; }
#cookie_custom_wrapper ul.cc_options li { position: relative;padding-left: 50px;margin-bottom: 10px; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer { position: absolute;left: 0;top: 50%;width: 36px;height: 20px;border: 1px solid #ccc;margin-top: -10px;padding: 1px;background: #fff; }
#cookie_custom_wrapper ul.cc_options li input { display: none; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a { display: block;height: 18px;position: relative;width: 100%;transition: all 0.4s ease; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a span { display: block;height: 16px;width: 16px;position: absolute;transition: all 0.4s ease; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a.off span { background: #ccc;left: 0; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a.on span { background: #2DCC43;left: 16px; }


@media only screen and (max-width: 900px) {

    .cookie_initial_options .cio_left { width: 100%;text-align: center;margin-bottom: 12px; }
    .cookie_initial_options .cio_right { width: 100%; }
    .cookie_initial_options .cio_right ul { display: block; }
    .cookie_initial_options .cio_right ul li { margin: 0 0px 12px 0; }
    .cookie_initial_options .cio_right ul li a { text-align: center; }

    #cookie_custom_wrapper { width: 90%;height: 80%; }
	
	h1.main { font-size: 22px; }
	.cms { width: 94%;margin: auto; }
	body { font-size: 16px; }
	.cms h2,.cms h3,.cms h4,.cms h5 { font-family: 'Organetto-Bold'; }
	.cms h2 { font-size: 20px;margin-bottom: 22px;letter-spacing: 3px; }
	.cms h3 { font-size: 20px;margin-bottom: 20px;letter-spacing: 2px; }
	.cms h4 { font-size: 18px;margin-bottom: 20px;letter-spacing: 2px; }
	.cms h5 { font-size: 16px;margin-bottom: 14px;letter-spacing: 2px; }
	#portfolio_item_content { font-size: 14px; }
	
    }


@media only screen and (max-width: 1600px) {

    .slide1 { background-image: url('../img/backgrounds/hero_desktop_1600.jpg'); }
    .home_about { background-image: url('../img/backgrounds/home_about_desktop_1600.jpg'); }
    .home_capital { background-image: url('../img/backgrounds/home_capital_desktop_1600.jpg'); }
    .home_committed { background-image: url('../img/backgrounds/home_committed_1600.jpg'); }
    .home_team { background-image: url('../img/backgrounds/home_team_1600.jpg'); }

    }

@media only screen and (max-width: 1400px) {

    .page_width { padding-left: 25px;padding-right: 25px; }


    }

@media only screen and (max-width: 1280px) {

    #home_hero_outer h1 { padding: 0 15% 70px; }

    }

@media only screen and (max-width: 1100px) {

    .page_width { padding-left: 20px;padding-right: 20px; }

    section.home { margin: 30px;min-height: calc(84vh - 60px); }
    section.home .inner { padding: 0 10% 60px; }
    section.home .inner h2 { font-size: 28px; }
    section.home .inner h3 { font-size: 24px; }

    a.large_link { font-size: 22px;letter-spacing: 4px; }
    a.large_link span { padding: 18px 40px; }

    #footer_top #ft_left { width: 100%;margin-bottom: 40px; }
    #footer_top #ft_left .nav_block { text-align: center;padding-right: 0px; }

    #footer_top #ft_right { width: 100%;justify-content: center; }

    #footer_top #ft_left .nav_block a.contact { justify-content: center; }

    ul.portfolio li { width: 44%;margin-right: 3%;margin-left: 3%;margin-bottom: 50px; }


    }

@media only screen and (max-width: 1060px) {

    #our_team .profile { width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 40px; }

    }

@media only screen and (max-width: 988px) {

    .page_width { padding-left: 15px;padding-right: 15px; }

    #nav_inner { padding: 50px; }

    ul#navigation { font-size: 32px; }
    ul#navigation li { margin-bottom: 14px; }

    #home_hero_outer h1 { font-size: 28px;padding: 0 10% 50px; }

    #footer_wrapper { padding: 150px 0 0 0; }

    #footer_top { margin-bottom: 100px; }

    ul.portfolio li { width: 48%;margin-right: 1%;margin-left: 1%;margin-bottom: 40px; }

    ul.portfolio li a .info .info_inner { width: 90%; }
    ul.portfolio li a .info h3 { font-size: 20px;padding: 8px; }
    ul.portfolio li a .info h4 { font-size: 18px;padding: 8px; }

    .slide1 { background-image: url('../img/backgrounds/hero_tablet_portrait_820.jpg'); }
    .home_about { background-image: url('../img/backgrounds/home_about_tablet.jpg'); }
    .home_capital { background-image: url('../img/backgrounds/home_capital_tablet.jpg'); }
    .home_committed { background-image: url('../img/backgrounds/home_committed_tablet.jpg'); }
    .home_team { background-image: url('../img/backgrounds/home_team_tablet.jpg'); }

    }

@media only screen and (max-width: 868px) {

    #top_wrapper { padding: 20px 0; }

    a#mobile_menu { right: 20px;margin-top: -18px;width: 36px;height: 36px; }

    #nav_inner { padding: 30px 0; }

    ul#navigation { font-size: 26px; }

    .logo_container { margin: auto;width: 55%; }
    .logo_container img { max-width: 100%; }
    #nav_inner .logo_container { margin-bottom: 40px; }

    .svg_logo { max-width: 100%; }

    a.close_menu { right: 25px;top: 25px; }
    a.close_menu img { width: 32px; }

    #home_hero_outer h1 { font-size: 22px;padding: 0 16px 50px; }

    section.home { margin: 16px;min-height: calc(84vh - 32px); }
    section.home .inner { padding: 0 20px 30px; }
    section.home .inner h2 { font-size: 18px; }
    section.home .inner h3 { font-size: 16px; }

    a.large_link { display: block;white-space: wrap;font-size: 20px; }
    a.large_link span { padding: 16px 12px; }

    #footer_top #ft_left .nav_block { width: 100%;margin-bottom: 40px; }
    #footer_top #ft_left .nav_block:last-child { margin-bottom: 0px; }

    ul.portfolio { overflow-x: hidden; }
    ul.portfolio li { width: 100%;margin-right: 0;margin-left: 0; }

    .portfolio_item_outer { width: 90%; }
    .portfolio_item_close { width: 30px;height: 30px;right: -15px;top: -15px; }

    #portfolio_item_content { padding: 16px 16px; }

    @keyframes portfolioEnter {
        0%   { opacity: 0; }
        100% { opacity: 1;height: 75vh;box-shadow: 0 0 10px #1e1d1a61;top: 50%; }
    }

    @keyframes portfolioLeave {
        0% { opacity: 1;height: 75vh;box-shadow: 0 0 10px #1e1d1a61;top: 50%; }
        100%   { opacity: 0;height: 0;box-shadow: none;top: 0; }
    }

    #portfolio_images { margin-bottom: 30px; }
    #portfolio_images h3 { font-size: 24px;letter-spacing: 3px;bottom: 10px;left: 20px;width: 80%; }

    .pi_arrow { height: 30px;margin-top: -15px; }

    #pi_slider ul.slick-dots li { margin: 0 4px; }
    #pi_slider ul.slick-dots li button { width: 10px;height: 10px; }

    ul#portfolio_details { font-size: 16px;margin-bottom: 20px; }

    ul.pagenav li a { width: 32px;height: 32px; }

    #our_team .profile .about { padding: 30px 30px 40px; }

    .slide1 { background-image: url('../img/backgrounds/hero_mobile.jpg'); }
    .home_about { background-image: url('../img/backgrounds/home_about_mobile.jpg'); }
    .home_committed { background-image: url('../img/backgrounds/home_committed_mobile.jpg'); }
    .home_team { background-image: url('../img/backgrounds/home_team_mobile.jpg'); }

    .contact_form_wrapper { width: 100%;max-width: 700px;margin: auto; }

    .tf_wrapper { padding: 2px; }
    .tf_wrapper .left { width: 100%;margin-bottom: 8px; }
    .tf_wrapper .right { width: 100%; }
    .tf_wrapper input,.tf_wrapper select,.tf_wrapper textarea { padding: 10px; }

    .standard_button { padding: 14px; }

    p.recaptcha { font-size: 12px; }

    }