/**
Theme Name:  Stantek Child
Author:  intoto - Online Markedsføring
Author URI:  http://intoto.dk
Template:  intoto
Version:  1.0.0
*/

@import url(https://fonts.googleapis.com/css?family=Oswald:300,700,400|Open+Sans:400,300|Anton);
body {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #474747;
    line-height: 28px
}

a,
a:hover,
a:visited {
    color: #FB6720
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: Oswald, sans-serif;
    letter-spacing: 1px
}

.h1,
h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Oswald, sans-serif
}

.h2,
h2 {
    font-size: 30px
}

p {
    margin: 0 0 20px
}

.entry-title,
.intoto-quote-classic p {
    font-weight: 400;
    font-family: Anton, sans-serif
}

.sub-title {
    font-family: Oswald, sans-serif
}

.entry-title {
    font-weight: 700;
    font-family: Oswald, sans-serif
}

.intoto_scroll_top {
    color: #FB6720!important;
    z-index: 10
}

#breadcrumbs a:focus,
#breadcrumbs a:hover,
#breadcrumbs a:visited {
    text-decoration: none
}

.widget-title {
    font-weight: 400;
    font-size: 28px
}

#secondary {
    padding-left: 15px!important
}

.entry-content ol,
.entry-content ul {
    margin-left: 20px
}

.st_cta_widget_wrapp {
    background-color: #eaeaea;
    padding: 10px 0 25px
}

.contact_form_wrapp,
.st_cta_widget_wrapp .subheadline,
.title_image_wrapp {
    padding: 0 20px;
    position: relative
}

.st_cta_title {
    color: #1d3e4a;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    max-width: 200px;
    position: absolute;
    margin-top: 10px
}

.st_cta_widget_wrapp .subheadline {
    background-color: #fb6720;
    color: #fff;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    padding-top: 13px;
    padding-bottom: 16px
}

.contact_form_wrapp {
    padding-top: 25px
}

.contact_form_wrapp div.wpcf7-response-output {
    font-size: 16px;
    line-height: 1.2em
}

.contact_form_wrapp span.wpcf7-not-valid-tip {
    margin-top: -20px
}

.contact_form_wrapp input[type=tel],
.contact_form_wrapp input[type=text] {
    padding: 7px 0 7px 37px!important;
    margin-bottom: 25px
}

.contact_form_wrapp input[type=submit],
.contact_form_wrapp input[type=submit]:hover {
    font-family: OpenSans, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.intoto_list_pages,
.intoto_list_pages ul {
    list-style: disc;
    margin-left: 30px
}

.intoto_list_pages ul {
    margin-left: 20px
}

.intoto_list_pages li a,
.intoto_list_pages ul li a {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 32px
}

.intoto_list_pages li a:hover,
.intoto_list_pages ul li a:hover {
    text-decoration: none;
    color: #fb6720
}

.intoto_list_pages ul>li:hover,
.intoto_list_pages>li:hover {
    color: #fb6720
}

.intoto_list_pages li:hover ul li {
    color: #474747
}

.container {
    max-width: 1170px!important
}

.entry-content,
.entry-header {
    padding: 0
}

.entry-content {
    margin: 0
}

#content_wrapp {
    padding: 50px 15px 20px
}

.swifty_imgwidget_ul {
    padding: 0
}

.orange_border_box {
    border: 2px solid #FB6720;
    position: absolute;
    z-index: -2
}

.relative {
    position: relative
}

.bigger_z {
    z-index: 9
}

#slider_tagline {
    background: url(assets/img/10-layers.jpg) no-repeat center;
    height: 390px!important;
    width: 501px!important;
    white-space: normal!important;
    font-family: Anton, sans-serif!important;
    color: #fefefe!important
}

.st_social_networks>li {
    padding-left: 10px;
    padding-right: 10px
}

.st_social_networks li a,
.st_social_networks li a:visited {
    color: #aeaeae
}

footer .st_social_networks li a,
footer .st_social_networks li a:visited {
    color: #efefef
}

.st_social_networks li a:hover {
    color: #FB6720!important
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background: #fff;
    border: 1px solid #221e1f;
    border-radius: 5px;
    color: #474747;
    padding: 21px 0 21px 30px;
    height: auto;
    margin-bottom: 30px
}

.button,
.button:focus,
.button:hover,
.button:visited,
button,
button:hover,
html input[type=button],
input[type=button]:hover,
input[type=reset],
input[type=reset]:hover,
input[type=submit],
input[type=submit]:hover {
    background-color: #FB6720;
    border-radius: 8px;
    color: #fff;
    font-weight: 300;
    padding: 6px 19px 7px 20px;
    float: right;
    font-size: 24px
}

.wrapp {
    position: relative;
    z-index: 5
}

.wrapp .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.rpwe_widget {
    display: none
}

#main-header,
#masthead {
    background-color: #1C3038;
    box-shadow: none
}

#masthead {
    height: 50px;
    line-height: 50px
}

#main-header .container_wide {
    padding-left: 15px
}

.site-branding .intoto_normal_logo img {
    height: 40px
}

.site-branding .intoto_small_logo {
    line-height: 50px!important
}

.intoto_menu_fa {
    display: none!important
}

#smenu,
#smenu:active,
#smenu:hover,
#smenu:visited {
    background: 0 0;
    color: #fff;
    border: 0;
    padding: 0 15px 0 0
}

#smenu>span {
    margin-right: 5px;
    font-size: 24px;
    font-weight: 300;
    line-height: 50px
}

#smenu .navbar-toggle {
    border: 0 none;
    margin: 0;
    padding: 0!important;
    margin-top: 15px;
    background: transparent!important
}

.navbar-toggle .icon-bar {
    background: #fff none repeat scroll 0 0;
    height: 5px;
    width: 30px
}

#hero_cta_wrapp {
    display: none
}

.intoto_subheader_image_wrapp::before {
    background: 0 0
}

.intoto_subheader_image_wrapp .backstretch img {
    top: 0!important
}

.intoto_subheader_image_wrapp {
    height: 300px!important
}

.sub-header {
    border: 0;
    background-color: #1C3038;
    padding: 40px 0
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:visited {
    color: #d6d7d7;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.sub-title {
    color: #eaeaea;
    font-size: 23px;
    padding: 0;
    margin-bottom: 0;
    font-weight: 300
}

.intoto_page_banner_img_wrapp {
    position: relative;
    padding: 0
}

#colophon {
    background-color: #1d3e4a;
    color: #d6d7d7;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    height: 50px;
    line-height: 50px
}

#colophon a,
#colophon a:hover,
#colophon a:visited,
#colophon p,
#colophon span {
    color: #d6d7d7;
    font-size: 14px;
    font-weight: 400
}

#colophon .container_wide {
    padding: 0 15px
}

.footer-widgets {
    background-color: #00303e;
    border: 0;
    color: #efefef;
    padding: 75px 0 71px
}

.footer-widgets a,
.footer-widgets a:visited {
    color: #efefef
}

.footer-widgets .st_social_networks {
    text-align: center
}

.footer-widgets .footer_copmany_info,
.footer-widgets .footer_logo {
    text-align: center;
    margin-bottom: 20px
}

.footer-widgets ul.swifty_imgwidget_ul.alleft,
.footer-widgets ul.swifty_imgwidget_ul.alright {
    text-align: center
}

#hurting_links_title {
    font-family: Anton, sans-serif;
    color: #efefef;
    font-size: 18px
}

#hl_pipe_normal {
    font-family: 'Open Sans', sans-serif
}

#hurting_links,
#hurting_links a,
#hurting_links a:hover,
#hurting_links a:visited {
    color: #efefef;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400
}

#hurting_links ul {
    margin-bottom: 0
}

#news_part {
    background-color: #eaeaea;
    padding: 45px 0 40px;
    font-size: 18px
}

#news_part .h1 {
    margin-bottom: 40px
}

#news_part .news_title a,
#news_part .news_title a:focus,
#news_part .news_title a:hover,
#news_part .news_title a:visited {
    color: #474747;
    text-decoration: none
}

.news_title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px
}

.news_wrapper {
    margin-bottom: 50px
}

#contact_part {
    padding: 40px 15px 50px
}

#contact_part .wpcf7 {
    margin-top: 60px
}

#contact_part .h1 {
    margin-top: 0
}

#contact_part .st_social_networks {
    margin-top: 20px
}

.su-quote-style-default::after,
.su-quote-style-default::before {
    background-image: none!important
}

.su-quote-style-default::before {
    content: "\f101"!important;
    color: #FB6720!important;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 24px!important;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto
}

.su-quote-style-default {
    color: #474747!important;
    font-size: 24px!important;
    font-weight: 400!important;
    padding: 0 0 0 14px!important;
    width: 38%!important;
    float: left;
    margin: 10px 30px 28px 0;
    font-family: Anton, sans-serif!important
}

.su-quote-style-default .su-quote-cite::before {
    content: ""!important
}

.su-quote-style-default .su-quote-cite {
    color: #FB6720!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 18px!important;
    font-weight: 300!important
}

.gallery .flexslider {
    margin: 0
}

.gallery .flex-control-thumbs {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 25px;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px
}

.gallery .flex-control-thumbs li {
    width: auto;
    float: none;
    margin-bottom: 25px
}

#contact_call_box {
    background-color: #1C3038;
    color: #fff;
    font-size: 16px;
    padding: 28px 22px;
    text-align: center
}

#contact_call_box .contact_btn {
    padding: 9px 23px;
    font-size: 22px;
    float: none!important;
    color: #fff
}

.flexslider .slides img {
    width: auto!important;
    margin: 0 auto!important
}

.sidr {
    box-shadow: none;
    background: #1C3038;
    text-align: right;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 20px
}

.intoto_sidr_close {
    color: #fff
}

.sidr ul,
.sidr ul li {
    border: 0
}

.sidr ul li a,
.sidr ul li span {
    color: #fff!important;
    text-decoration: none;
    font-family: Anton, sans-serif
}

.sidr ul li ul li a {
    font-family: 'Open Sans', sans-serif!important;
    text-decoration: underline
}

.sidr ul li ul li.menu-item-has-children ul li a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif
}

.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span,
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span,
.sidr ul li:hover>a,
.sidr ul li:hover>span {
    box-shadow: none
}

#hp_three_boxes {
    background-color: #1C3038;
    color: #fff
}

#hp_three_boxes .h1 {
    margin-bottom: 25px
}

#hp_three_boxes .h1 a,
#hp_three_boxes .h1 a:focus,
#hp_three_boxes .h1 a:hover,
#hp_three_boxes .h1 a:visited {
    text-decoration: none;
    color: #fff
}

#hp_three_boxes .button {
    float: left;
    padding: 6px 19px 7px 20px;
    font-weight: 400;
    margin-top: 25px
}

#hp_three_boxes .col-xs-12 {
    padding: 45px 15px 50px
}

#hp_our_work {
    padding: 90px 0 50px;
    transition: all 1s ease 0s
}

#hp_our_work ul li {
    display: block
}

#hp_our_work .hp_ow_box {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 361px
}

#hp_our_work .hp_ow_box .wrapp {
    margin-bottom: 50px
}

#hp_our_work .wrapp .overlay {
    background: rgb(28 48 56 / 0.80);
	transition: ease .35s;
    text-align: right;
    display: none;
}

#hp_our_work .wrapp .overlay .text_wrapp {
    padding: 0 15px 15px
}

#hp_our_work .wrapp .overlay .text_wrapp .h1 {
    font-size: 30px
}

#hp_our_work .title_text {
    float: none;
    margin-left: auto;
    margin-right: auto
}

#hp_our_work .text_content {
    display: none
}

#hp_our_clients ul li {
    display: block
}

#hp_our_clients #hp_oc_quotes {
    margin-bottom: 50px
}

#hp_our_clients .wrapp {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 390px
}

#hp_our_clients .hp_oc_box {
    margin-bottom: 50px;
    max-width: 360px;
    float: none;
    margin-left: auto;
    margin-right: auto
}

#hp_our_clients .wrapp .overlay .text_wrapp {
    padding: 20px;
    position: relative;
    top: auto;
    bottom: auto
}

#hp_our_clients .wrapp .overlay {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#hp_our_clients {
    background-color: #eaeaea;
    padding-top: 45px;
    padding-bottom: 35px
}

#hp_our_clients .person_name {
    font-size: 14px
}

#hp_our_clients .hp_oc_ci {
    margin-top: 50px
}

.client_logos {
    text-align: center;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.client_logos img {
    padding: 0 15px 15px
}

#home_content_wrapp {
    background-color: #fff
}

#home_content {
    padding-top: 50px;
    padding-bottom: 30px
}

#home_content .orange_border_box {
    z-index: 4
}

.home_thumb {
    margin-bottom: 50px;
    position: relative
}

#portfolio {
    padding: 90px 0 50px;
    transition: all 1s ease 0s
}

#portfolio ul li {
    display: block
}

#portfolio .pf_box {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 550px;
}

#portfolio .pf_box .wrapp {
    margin-bottom: 50px
}

#portfolio .wrapp .overlay {
    background: rgba(80, 122, 138, .95);
    text-align: right;
    max-width: 366px;
}

#portfolio .wrapp .overlay .text_wrapp {
    padding: 0 30px 20px
}

#portfolio .wrapp .overlay .text_wrapp .h1 {
    font-size: 30px
}

#portfolio .title_text {
    float: none;
    margin-left: auto;
    margin-right: auto
}

#portfolio .text_content {
    display: none;
}


@media only screen and (min-width:768px) {
    .affix-top .site-branding .intoto_normal_logo,
    .site-branding .intoto_normal_logo {
        display: none
    }
    .site-branding .intoto_small_logo {
        display: inline
    }
    .client_logos {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
    .navbar-toggle {
        display: block
    }
    .list_columns_3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    #hero_cta_wrapp {
        display: block;
        /*position: absolute;
        top: 0;
        right: 8%;*/
        color: #fff;
        margin: 0 auto;
        max-width: 400px
    }
    #hero_cta_wrapp .h1 {
        text-align: center;
        margin-top: 20px;
        font-size: 30px
    }
    #hero_cta_wrapp .btn {
        margin: 15px auto 0;
        float: none
    }
    #hero_cta_wrapp img {
        margin-top: 10px
    }
    .contact_form_wrapp,
    .st_cta_widget_wrapp .subheadline,
    .title_image_wrapp {
        padding-left: 34px;
        padding-right: 34px
    }
    .st_cta_title {
        font-size: 30px;
        max-width: 210px
    }
    #contact_call_box {
        text-align: left
    }
    #contact_call_box .text {
        width: 65%
    }
    #contact_call_box .contact_btn {
        float: right!important
    }
    #hp_our_work .hp_ow_box {
        float: left
    }
    #hp_our_work .hp_ow_box .wrapp {
        margin-bottom: 30px
    }
    #hp_our_work ul li {
        display: inline-block
    }
    #hp_our_work .title_text {
        float: left
    }
    #hp_our_clients ul li {
        display: inline-block
    }
    #hp_our_clients .hp_oc_box {
        float: left
    }
    #hp_our_clients .wrapp .overlay .text_wrapp {
        position: relative;
        top: auto;
        bottom: auto
    }
    #hp_our_clients .wrapp .overlay {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .intoto_subheader_image_wrapp {
        height: 300px!important
    }

    
    #portfolio .pf_box {
        float: left
    }
    #portfolio .pf_box .wrapp {
        margin-bottom: 30px
    }
    #portfolio ul li {
        display: inline-block
    }
    #portfolio .title_text {
        float: left
    }

}

@media only screen and (min-width:992px) {
    .affix-top .site-branding .intoto_normal_logo,
    .site-branding .intoto_normal_logo {
        display: inline
    }
    .site-branding .intoto_small_logo {
        display: none
    }
    .sub-header .row {
        position: relative
    }
    .sub-header .breadcrumbs_wrapp {
        position: absolute;
        bottom: 0;
        right: 0
    }
    .client_logos {
        text-align: center;
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
    .client_logos img {
        max-width: 155px
    }
    .navbar-toggle {
        display: none
    }
    .list_columns_3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    .wrapp .overlay .text_wrapp {
        top: 0
    }
    .footer-widgets ul.swifty_imgwidget_ul.alright {
        text-align: right
    }
    .footer-widgets ul.swifty_imgwidget_ul.alleft {
        text-align: left
    }
    .contact_form_wrapp,
    .st_cta_widget_wrapp .subheadline,
    .title_image_wrapp {
        padding-left: 20px;
        padding-right: 20px
    }
    .st_cta_title {
        font-size: 25px;
        max-width: 200px
    }
    .rpwe_widget {
        display: block
    }
    #masthead {
        height: 100px;
        line-height: 100px
    }
    .affix #masthead {
        height: 50px;
        line-height: 50px
    }
    #main-header .container_wide {
        margin: 0 auto
    }
    .site-branding .intoto_normal_logo img {
        height: auto
    }
    .main-nav li a {
        background: 0 0;
        color: #fff!important;
        border-bottom: 0;
        line-height: 28px;
        font-size: 16px
    }
    .navbar-nav>li>a {
        padding: 0 15px;
        line-height: 100px
    }
    .affix .navbar-nav>li>a {
        line-height: 50px
    }
    #site-navigation .nav>li>a:focus,
    #site-navigation .nav>li>a:hover,
    .navbar-nav>li.sfHover>a,
    .navbar-nav>li>a:hover {
        background: #FB6720
    }
    .affix .navbar-nav>.current-menu-item>a,
    .affix .navbar-nav>.current-menu-parent>a,
    .affix .navbar-nav>li.sfHover>a,
    .navbar-nav>li>a:hover {
        margin-bottom: -7px
    }
    .navbar-nav>.current-menu-item>a,
    .navbar-nav>.current-menu-parent>a,
    .navbar-nav>li.sfHover>a,
    .navbar-nav>li>a:hover {
        border-bottom: 0;
        color: #fff!important;
        margin-bottom: -15px
    }
    .navbar-nav>.current-menu-item,
    .navbar-nav>.current-menu-parent {
        border-bottom: 15px solid #FB6720
    }
    .affix .navbar-nav>.current-menu-item,
    .affix .navbar-nav>.current-menu-parent {
        border-bottom: 7px solid #FB6720
    }
    .sf-menu ul {
        top: 100px
    }
    .affix .sf-menu ul {
        top: 50px
    }
    .sf-menu li:nth-last-child(-n+3) ul {
        right: 0;
        left: auto
    }
    .sf-menu li:nth-last-child(-n+3) ul ul {
        right: 100%!important;
        left: auto!important
    }
    .sf-menu ul.sub-menu {
        background: #1C3038;
        border-style: solid;
        border-color: #fff;
        border-width: 0 2px 2px
    }
    .sf-menu ul.sub-menu li:hover {
        background: #FB6720
    }
    .main-nav li a:hover {
        background: 0 0
    }
    #hero_cta_wrapp {
        width: 497px;
        max-width: none
    }
    #hero_cta_wrapp .h1 {
        margin-top: 30px
    }
    #hero_cta_wrapp .btn {
        margin: 20px auto 0
    }
    #hero_cta_wrapp img {
        margin-top: 10px;
        display: inline
    }
    .sub-header {
        padding: 50px 0
    }
    .intoto_subheader_image_wrapp {
        height: 300px!important
    }
    .footer-widgets .st_social_networks {
        text-align: right;
        margin-bottom: 44px;
        margin-top: 19px
    }
    .footer-widgets .footer_copmany_info {
        margin-top: 58px;
        margin-bottom: 100px;
        text-align: left
    }
    .footer-widgets .footer_logo {
        text-align: left;
        margin-bottom: 100px;
        margin-top: 63px
    }
    .footer-widgets .footer_social_networks {
        text-align: left;
        margin-bottom: 100px;
        margin-top: 41px
    }
    .news_wrapper {
        margin-bottom: 0
    }
    #contact_part .wpcf7 {
        margin-top: 0
    }
    #contact_call_box .text {
        width: 56%
    }
    #contact_part .orange_border_box {
        width: 360px;
        height: 237px;
        bottom: 4%;
        right: 23%
    }
    #hp_three_boxes .col-xs-12 {
        padding: 45px 15px 50px;
        border-bottom: 0
    }
    #hp_our_work .text_content {
        display: block
    }
    #hp_our_work {
        padding: 177px 0 164px
    }
    #hp_our_work .hp_ow_box_4 {
        padding-top: 50px
    }
    #hp_our_work .wrapp .overlay {
        /*height: 0;*/
        overflow: hidden;
    }
    .wrapp .overlay {
        top: 0
    }
    .wrapp .overlay .text_wrapp {
        position: absolute
    }
    #hp_our_work .wrapp:hover .overlay {
        /*height: auto; // controlled by js // */
    }
    #hp_our_work .orange_border_box {
        width: 354px;
        height: 305px
    }
    #hp_our_work .obb_1 {
        bottom: -64px;
        right: -184px
    }
    #hp_our_work .obb_4 {
        top: -129px;
        left: -94px
    }
    #hp_our_clients {
        padding-top: 100px;
        padding-bottom: 100px
    }
    #hp_our_clients #hp_oc_quotes {
        margin-bottom: 95px
    }
    #hp_our_clients .hp_oc_box_3 {
        padding-top: 95px;
        position: relative
    }
    #hp_our_clients .orange_border_box {
        width: 360px;
        height: 305px;
        z-index: 1;
        bottom: -95px;
        left: -95px
    }
    #hp_our_clients ul li,
    #hp_our_work ul li {
        display: block
    }
    #home_content {
        padding-top: 100px;
        padding-bottom: 70px
    }
    #home_content .orange_border_box {
        border: 2px solid #FB6720;
        width: 460px;
        height: 308px;
        bottom: 0
    }
    .home_thumb {
        margin-bottom: 60px
    }
    .flex-center {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    #portfolio .text_content {
        display: block
    }
    #portfolio {
        padding: 177px 0 164px
    }
    #portfolio .pf_box_4 {
        padding-top: 50px
    }
    #portfolio .wrapp .overlay {
        /*height: 0;*/
        overflow: hidden;
        /*transition: all 1s ease 0s*/
    }
    .wrapp .overlay {
        top: 0
    }
    .wrapp .overlay .text_wrapp {
        position: absolute
    }
    #portfolio .wrapp:hover .overlay {
        /*height: auto*/
    }
    #portfolio .orange_border_box {
        width: 354px;
        height: 305px
    }
    #portfolio .obb_1 {
        bottom: -64px;
        right: -184px
    }
    #portfolio .obb_4 {
        top: -129px;
        left: -94px
    }
    
}

@media only screen and (min-width:1200px) {
    .client_logos img {
        max-width: 225px
    }
    .wrapp .overlay .text_wrapp {
        bottom: 0;
        top: auto
    }
    .contact_form_wrapp,
    .st_cta_widget_wrapp .subheadline,
    .title_image_wrapp {
        padding-left: 34px;
        padding-right: 34px
    }
    .st_cta_title {
        font-size: 30px;
        max-width: 210px
    }
    #main-header .container_wide {
        max-width: 1170px
    }
    #contact_call_box .text {
        width: 65%
    }
    #contact_part .orange_border_box {
        right: 34%
    }
}