/*

Theme Name: Gradient9
Theme URI: https://www.gradient9.com/
Author: Gradient9
Author URI: https://www.gradient9.com/
Description: G9//2K21
Version: 1.0

*/

.iv-layout.header.light.not-stuck .has-alt .logo-alt, .iv-layout.header.dark.not-stuck .has-alt .logo-alt {margin:0 auto;}
.not-stuck .logo.has-alt.has-hd {background: #f7941e; text-align: center; margin: 0 auto; padding:35px 0;}
.not-stuck .iv-module.responsive-menu {background: #f7941e; padding: 20px 15px; margin-right: 50px;}
.wpb_text_column.white {color:#fff !important;}
.simple-right-menu.not-stuck .iv-module.responsive-menu .centered {vertical-align: bottom !important;}
.not-stuck .icon-menu::before { font-size: 50px;}
.icon-menu { color:#fff; }
.two-rows-style2.not-stuck .header-left-area .logo img {max-height:115px;}
#clients img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out;}
#clients img:hover {-webkit-filter: none; filter:none;}
.ivan-projects .ivan-project.lateral-cover.vc_col-sm-6 {padding:20px 25px 0;}
.page-title-indent {position: absolute; z-index: 10; right: 100px; bottom: 25px; background: #fff; font-size: 60px; padding: 25px 50px; font-weight:100 !important;} 
.vc_row .ivan-custom-wrapper {margin-bottom:0 !important;}
#rev_slider_1_1_forcefullwidth {position:absolute; z-index: -5; top:-15vw;}
.tt-normal, .tt-normal .testimonial-content {text-transform:none !important;}
.gform_wrapper textarea.large {max-height:225px;}
.gform_wrapper {margin-bottom:0;}
#key-message {overflow:hidden;}
.ivan-projects .ivan-project.lateral-cover .entry h3 { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }


@media screen and (max-width: 1600px) {
    #key-message h2.vc_custom_heading {font-size:5vw !important;}
    #key-message h3.vc_custom_heading {font-size:2.75vw !important;}
    #rev_slider_1_1_forcefullwidth {top:-30vh;}
}

@media screen and (max-width: 1440px) {
    h1.vc_custom_heading {font-size:4vw !important;}
    h3.vc_custom_heading {font-size:2.75vw !important;}
    h4.vc_custom_heading {font-size:1.75vw !important;}
    h1.vc_custom_heading br, h2.vc_custom_heading br {display:none;}
    #key-message h2.vc_custom_heading {font-size:5vw !important;}
    #key-message h3.vc_custom_heading {font-size:2.75vw !important;}
    h2.vc_custom_heading {font-size:3vw !important;}
    .ivan-projects .thumbnail {max-height:28vw;}
    #who-we-are .wpb_column:last-child {padding: 0 5vw !important;}
    h3.vc_custom_heading.page-title-indent {font-size:4vw !important;}
    .vc_btn3-container.conversation {padding: 1vw 2vw !important;}
    .lets-work h1.vc_custom_heading {font-size:7vw !important;}
}

@media screen and (max-width: 1280px) {
    .ivan-projects .thumbnail {max-height:27vw;}
    .ivan-projects .ivan-project.lateral-cover .entry-inner {padding-top:50px;}
}

@media screen and (max-width: 1024px) {
    #key-message {padding-top: 15vw !important; padding-bottom:10vw !important;}
    #key-message h3.vc_custom_heading {font-size:3.75vw !important; margin-bottom:0 !important;}
    #key-message h2.vc_custom_heading {font-size:6vw !important;}
    h1.vc_custom_heading {font-size:4.25vw !important;}
    h2.vc_custom_heading {font-size:4vw !important; margin-bottom:0;}
    h3.vc_custom_heading {font-size:3.5vw !important;}
    h4.vc_custom_heading {font-size:2.25vw !important;}
    .bottom-footer.two-columns .bottom-footer-left-area {width:100%;}
    .ivan-projects .ivan-project.lateral-cover .entry-inner {padding:25px;}
    .iv-layout.footer + .iv-layout.bottom-footer {padding:30px 0;}
    #key-message.vc_row {border-top-width: 30px !important; border-right-width:30px !important; border-left-width:30px !important; border-bottom-width:30px !important;}
    .featured.work.vc_row {margin-top:-30px !important; margin-bottom:0 !important;}
    .ivan-projects .ivan-project.lateral-cover.vc_col-sm-6 {padding:30px 15px 0;}
    .ivan-projects .thumbnail {max-height:27.5vw;}
    .ivan-projects .ivan-project-inner {margin-bottom:0;}
    .ivan-custom-wrapper {margin-bottom:30px !important;}
    .ivan-custom-wrapper .bdr-left {border-left-width:30px !important;}
    .ivan-custom-wrapper .bdr-right {border-right-width:30px !important;}
    .ivan-custom-wrapper .bdr-right-15 {border-right-width:15px !important;}
    .ivan-custom-wrapper .bdr-top {border-top-width:30px !important;}
    .ivan-custom-wrapper .bdr-bottom {border-bottom-width:30px !important;}
    .ivan-custom-wrapper .pd-left {padding-left:30px !important;}
    .ivan-custom-wrapper .pd-left-15 {padding-left:15px !important;}
    .ivan-custom-wrapper .pd-right {padding-right:30px !important;}
    .ivan-custom-wrapper .pd-right-0 {padding-right:0px !important;}
    .ivan-custom-wrapper .pd-top {padding-top:30px !important;}
    .ivan-custom-wrapper .pd-top-0 {padding-top:0px !important;}
    .ivan-custom-wrapper .pd-bottom {padding-bottom:30px !important;}
    .ivan-custom-wrapper .pd-bottom-0 {padding-bottom:0 !important;}
    .ivan-custom-wrapper .mg-top-0 {margin-top:0 !important;}
    .ivan-custom-wrapper .mg-left-0 {margin-left:0 !important;}
    .ivan-custom-wrapper .mg-right-0 {margin-right:0 !important;}
    .ivan-custom-wrapper .mg-btm-0 {margin-bottom:0 !important;}
    .ivan-custom-wrapper .mg-top-15 {margin-top:15px !important;}
    .ivan-custom-wrapper .mg-left-15 {margin-left:15px !important;}
    .ivan-custom-wrapper .mg-right-15 {margin-right:15px !important;}
    .ivan-custom-wrapper .mg-btm-15 {margin-bottom:15px !important;}
    .ivan-custom-wrapper .mg-top-45- {margin-top:-45px !important;}
    #who-we-are .wpb_column:last-child {padding:0 10px 0 30px !important;}
    .ivan-custom-wrapper #who-we-are {padding-left:0 !important;}
    .vc_being_used .content-wrapper.content-full .entry-content > .ivan-custom-wrapper:last-child {margin-bottom:30px;}
    .page-title-indent {bottom:25px; right:60px; margin-bottom:0;}
    .ivan-testimonial.clean-color .testimonial-content {font-size:3vw !important;}
    #clients .wpb_column {padding:10px;}
    .no-dsply.lptp {display:none;}
    .expanded .container {padding-left: 30px; padding-right:30px;}
}

@media screen and (max-width: 960px) {
    #key-message h2.vc_custom_heading, #key-message h3.vc_custom_heading {text-align:center !important;}
    .ivan-custom-wrapper #who-we-are {padding-right:20px !important;}
    #who-we-are .wpb_column:last-child {padding:30px !important;}
}

@media screen and (max-width: 800px) {
    .ivan-projects .ivan-project.lateral-cover .entry .frame-border {padding:30px;}
    .ivan-projects .ivan-project.lateral-cover .entry h3 {margin-right:-200px;}
    h3.vc_custom_heading.page-title-indent {font-size:5vw !important; padding:2vw 4vw;}
    #project-description p.vc_custom_heading {margin-bottom:0;}
    #project-description .wpb_column {padding:17.5px 17.5px 0;}
    .ivan-custom-wrapper .pd-left {padding-left:20px !important;}
    .ivan-custom-wrapper .pd-right {padding-right:20px !important;}
    .ivan-custom-wrapper .pd-top {padding-top:20px !important;}
    .ivan-custom-wrapper .pd-bottom {padding-bottom:20px !important;}
    .ivan-custom-wrapper .bdr-left {border-left-width:20px !important;}
    .ivan-custom-wrapper .bdr-right {border-right-width:20px !important;}
    .ivan-custom-wrapper .bdr-top {border-top-width:20px !important;}
    .ivan-custom-wrapper .bdr-bottom {border-bottom-width:20px !important;}

    .ivan-custom-wrapper {margin-bottom:20px !important;}
    .ivan-custom-wrapper #who-we-are {padding-right:30px !important;}
    #who-we-are .wpb_column:last-child {padding:20px !important;}
}

@media screen and (max-width: 766px) {
    .page-title-indent {bottom:10px; right:35px;}
    .ivan-projects .ivan-project.lateral-cover.vc_col-sm-6 {width:100% !important;}
    .ivan-projects .thumbnail {max-height:60vw;}
    #amplify h2 {text-align:center !important; padding:20px 0 30px !important;}
    #amplify .vc_btn3-container.conversation {text-align:center;}
    h2.vc_custom_heading {font-size:5vw !important; margin-bottom:0;}
    #key-message h3.vc_custom_heading {font-size:4vw !important; margin-bottom:0 !important;}
    .lets-work h1.vc_custom_heading, .lets-work .vc_btn3-container.vc_btn3-left {text-align:center !important;}
    .lets-work .vc_btn3-container.vc_btn3-left {padding-top:20px !important;}
    .lets-work .vc_empty_space {display:none;}
    h1.vc_custom_heading {font-size:5.5vw !important;}
    h2.vc_custom_heading {font-size:5vw !important; margin-bottom:0;}
    h3.vc_custom_heading {font-size:4.5vw !important;}
    h4.vc_custom_heading {font-size:3.5vw !important;}
    #sb_instagram {padding-bottom:0 !important;}
    #about-g9 .wpb_column .wpb_column:first-child {padding:20px 45px 20px 30px !important;}
    #about-services .wpb_column .wpb_column:last-child {padding:20px 45px !important;}
    #g9-team .vc_col-sm-6 {padding:25px 15px;}
    #contact-info .wpb_column:last-child {border-left-width:0 !important; text-align:center !important;}
    #contact-info .wpb_column:last-child .vc_custom_heading, #contact-info .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left {text-align:center !important;}
    #contact-info .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {position:static;}
    #rev_slider_1_1_forcefullwidth {top:-30vw;}
    #amplify .vc_col-sm-4 {background:none !important;}
    #amplify .vc_col-sm-4 a.vc_btn3 {background-color:#f7941e !important;}
}

@media screen and (max-width: 480px) {
    #key-message {padding-top: 25vw !important; padding-bottom:25vw !important;}
    h1.vc_custom_heading {font-size:8vw !important;}
    h2.vc_custom_heading {font-size:7vw !important; margin-bottom:0;}
    h3.vc_custom_heading.page-title-indent {font-size:6vw !important;}
    h3.vc_custom_heading {font-size:6vw !important;}
    h4.vc_custom_heading {font-size:4.5vw !important;}
    .lets-work h1.vc_custom_heading {font-size:12vw !important;}
    #clients .wpb_column {padding:1vw;}
    .lets-work.vc_col-sm-6 {margin-bottom:0 !important; padding-left:0 !important; padding-right:0 !important; background:#d5d5d5 !important;}
    .lets-work.vc_col-sm-6 .together {margin-right:0 !important; margin-left:0 !important; padding-left:0 !important;}
    #rev_slider_1_1_forcefullwidth {top:-25vw;}
    #key-message h3.vc_custom_heading {font-size:5vw !important;}
    #key-message h2.vc_custom_heading {font-size:8vw !important;}
    #key-message .vc_col-md-9 {padding:8vw 1vw !important;}
    .ivan-projects .thumbnail {max-height:57vw;}
    .ivan-projects .ivan-project.lateral-cover .entry h3 {font-size:5vw !important;}
    .ivan-custom-wrapper .pd-left {padding-left:15px !important;}
    .ivan-custom-wrapper .pd-right {padding-right:15px !important;}
    .ivan-custom-wrapper .bdr-left {border-left-width:0px !important;}
    .ivan-custom-wrapper .bdr-right, .ivan-custom-wrapper .bdr-right-15 {border-right-width:0px !important;}
    .ivan-custom-wrapper #who-we-are {padding-right: 0 !important;}
    .bottom-footer figure {display:none !important;}
    .bottom-footer.two-columns .bottom-footer-left-area.logo-enabled .iv-module.custom-text {text-align:center !important; padding:0 !important;}
    #lets-work-insta {padding-left: 0 !important;}
    #sb_instagram #sbi_images {padding:10px 20px 10px 10px !important;}
    .ivan-projects .ivan-project.lateral-cover .entry h3 {margin-right:-35vw;}
    .ivan-testimonial.clean-color .testimonial-content {font-size:4.5vw !important;}
    .mob-no-marg .vc_col-lg-4 {margin-bottom: 0 !important; padding-bottom:0 !important;}
    #responsive-menu-pro-additional-content p {font-size:3vw !important;}
    #lets-work-insta a.vc_btn3 {background-color:#f7941e !important;}
    .responsive-menu a {margin:0 1vw 20px !important;}
    .mpc-row[data-vc-full-width] {overflow-x:hidden !important;}
}

/*CHROME ONLY */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media screen and (min-width: 801px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) { 
}

@media screen and (min-width: 767px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio:0) {
}

@media screen and (min-width: 535px) and (max-width: 766px) and (-webkit-min-device-pixel-ratio:0) {
}