/*---- GLOBAL ----*/

body {
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

.et_fullwidth_nav #main-header .container {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

#main-header {
    box-shadow: 0 3px 15px rgba(12,43,74,.15) !important;
}

#main-header.et-fixed-header {
    box-shadow: 0 3px 15px rgba(12,43,74,.15) !important;
}

#top-menu a {font-weight:500 !important; cursor: pointer !imp}

#top-menu .sub-menu li.current-menu-item>a {
    color:#0C2B4A !important;
}

.header_h2 h2 {
    color:#0C2B4A !important;
    text-transform: uppercase !important;
    font-weight: 500;
    font-size:45px !important;
}

body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover {border-radius:0 !important;}

#top-menu-nav > ul > li > a:hover {
    opacity: 1 !important;
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

.button_ok {
    transition: all 0.2s ease-out;
    background: rgb(79,172,254);
    background: linear-gradient(90deg, rgba(79,172,254,1) 0%, rgba(2,240,254,1) 100%);
    border-radius:12px !important;
    box-shadow: 0px 10px 35px -6px rgba(79,172,254,0.35) !important;
}

.button_ok:hover {
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
    box-shadow: 0px 5px 5px -3px rgba(79,172,254,0.45) !important;
}

.button_border {
    font-weight: 400 !important;
    background: transparent !important;
    border:2px solid #42c7e8 !important;
    color:#0C2B4A !important;
    border-width: 2px !important;
}

.button_border:hover {
    background: #42c7e8 !important;
}

.btn-group {
    text-align: center;
}

.btn-group button {
  padding: 15px 30px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  margin:0 10px !important;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.button1 {
    transition: all 0.2s ease-out;
    background: #0C2B4A !important;
    border:2px solid #0C2B4A !important;
    color:#FFF !important;
    font-size:18px !important;
}

.button1:hover {
    transition: all 0.2s ease-out;
    background: #42c7e8 !important;
    border:2px solid #42c7e8 !important;
}

.button2 {
    transition: all 0.2s ease-out;
    background: transparent !important;
    border:2px solid #42c7e8 !important;
    color:#0C2B4A !important;
    border-width: 2px !important;
    font-size:18px !important;
}

.button2:hover {
    transition: all 0.2s ease-out;
    background: #42c7e8 !important;
}

.et_pb_scroll_top.et-pb-icon {
    background: rgb(255, 255, 255) !important;
    bottom: 25px !important;
    right: 25px !important;
    border-radius: 0 !important;
}

.et_pb_scroll_top::before {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/arrowup.svg) !important;
}

/*--- PAGE HEADERS ---*/

.top .header {
    font-size: 45px;
    color: #0C2B4A!important;
    background: #FFF !important;
    position: absolute;
    padding: 25px 80px;
    box-shadow: 0 10px 25px rgb(66 199 232 / 15%);
    top:30px !important;
    transition: all 0.2s ease-out;
}


.top .header:hover {
    box-shadow: 0 3px 5px rgb(66 199 232 / 55%);
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
}

/*---- TOP SECTION HOMEPAGE ----*/

.top_section .top_col {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 700px !important;
    padding:0 100px !important;
}

/*--- OUR SERVICES ---*/

.our_services h4 {
    font-weight: 400 !important;
}

.our_services .et_pb_blurb {
    margin-bottom:3% !important;
}

.our_services .et_pb_main_blurb_image {
    margin-bottom:15px !important;
}

.our_services .et_pb_blurb .et_pb_image_wrap {
    display: block;
    margin: auto;
    height: 180px;
}

.our_services .et_pb_main_blurb_image {
    width: 150px !important;
}

/*--- OUR EXPERIENCE ---*/

.our_experience .exp_col {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding:0 100px !important;
}

/*---- PORTFOLIO ---*/

.portfolio .et_pb_blurb_container {
    text-align: right;
    margin-top: -60px;
    z-index: 999999999;
    position: relative;
    margin-right: -15px;
    text-align: right !important;
}

.portfolio h4.et_pb_module_header {
    display: inline-block;
    background: #FFF !important;
    padding: 20px 60px;
    box-shadow: 0 10px 25px rgba(66,199,232,0.15);
    transition: all 0.2s ease-out;
}

.portfolio h4.et_pb_module_header:hover {
    box-shadow: 0 5px 5px rgba(66,199,232,0.55);
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
}

.portfolio .et_pb_main_blurb_image {
    z-index: 9998;
    position: relative;
}

/*--- SUPPORT ---*/

.support .support_col1 {
    background: #F4FDFF !important;
    padding: 100px 115px !important;
}

/*--- FOOTER ---*/

#footer-widgets {
    padding: 10% 0 3% !important;
}

#main-footer .footer-widget h4 {
    padding-bottom: 40px !important;
}

#footer-widgets .footer-widget li {
    padding-left: 20px !important;
    padding-bottom: 20px !important;
}

#footer-widgets .footer-widget li::before {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/arrow.svg) !important;
    border-color: transparent !important;
    top: -3px !important;
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

#footer-widgets .footer-widget li:hover::before {
    left:3px !important;
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
}

#footer-widgets .footer-widget li.li_phone, #footer-widgets .footer-widget li.li_mail, #footer-widgets .footer-widget li.li_adres, #footer-widgets .footer-widget li.li_vat {padding-left: 35px !important;}

#footer-widgets .footer-widget li.li_phone::before {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/phone.svg) !important;
}

#footer-widgets .footer-widget li.li_mail::before {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/mail.svg) !important;
}

#footer-widgets .footer-widget li.li_adres::before {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/home.svg) !important;
}

#footer-widgets .footer-widget li.li_vat::before {
    content: url(https://roszakconsulting.com/wp-content/uploads/2021/12/vat.svg) !important;
}

#footer-bottom {
    padding: 45px 0 35px !important;
}

#footer-info {
    float:none !important;
    text-align: center !important;
}

/*--- ABOUT US ---*/

.team .member {
    padding:110px 175px !important;
    background:#FFF;
    -webkit-filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    transition: all 0.2s ease-out;
    margin-bottom:70px !important;
}

.team .member:hover {
    -webkit-filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
}

.team .image {
    -webkit-filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
}

/*--- SERVICES ---*/

.services {
    padding-top: 100px !important;
}

.services .service {
    padding:70px 90px !important;
    background:#FFF;
    -webkit-filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    transition: all 0.2s ease-out;
    margin-bottom:70px !important;
}

.services .service:hover {
    -webkit-filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
}

.services .service h3 {
    padding-bottom:30px !important;
}

.services .service b {
    color:#42c7e8;
}

.services .col_flex {
    align-items: center;
    justify-content: center;
}

.services .image {
    margin:0 !important;
}

/*--- CONTACT ---*/

.contact li.li_phone, .contact li.li_mail, .contact li.li_adres, .contact li.li_vat {padding-left: 15px !important;}

.contact li.li_mail, .contact li.li_vat {padding:15px 0;}

.contact li.li_phone::marker {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/phone.svg) !important;
}

.contact li.li_mail::marker {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/mail.svg) !important;
}

.contact li.li_adres::marker {
    content: url(http://roszakconsulting.com/wp-content/uploads/2021/12/home.svg) !important;
}

.contact li.li_vat::marker {
    content: url(https://roszakconsulting.com/wp-content/uploads/2021/12/vat.svg) !important;
}

.contact .image {width:200px;}

.contact .grid_col {
    display: grid;
    align-items: center;
    justify-content: center;
}

.contact .form_col {
    background-color: #FFF !important;
    padding:70px 110px !important;
    -webkit-filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    filter: drop-shadow(0px 10px 25px rgb(66 199 232 / 15%));
    transition: all 0.2s ease-out;
}

.contact .form_col:hover {
    -webkit-filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    filter: drop-shadow(0px 3px 5px rgb(66 199 232 / 45%));
    transition: all 0.2s ease-out;
    transform: translateY(3px) !important;
}

.contact .form .et_pb_contact p input, .contact .form .et_pb_contact p textarea {
    padding: 20px 30px !important;
    font-weight: 500;
    font-size: 18px;
    color:#0C2B4A !important;
    background-color: #FFF !important;
    border-bottom:1px solid #0C2B4A;
}

input.input.et_pb_contact_captcha  {
    padding: 20px 10px !important;
    max-width: 80px !important;
}

.contact .form .et_pb_contact p input:hover, .contact .form .et_pb_contact p textarea:hover, .contact .form .et_pb_contact p input:focus, .contact .form .et_pb_contact p textarea:focus {
    background-color: #42c7e8 !important;
    border-bottom:1px solid #0C2B4A;
}

/*--- RESPONSIVE ---*/

@media all and (max-width: 1600px) { 
    .about_top, .services, .contact {
        padding-top: 100px !important;
    }
    .about_top .col2 {
        width:60% !important;
    }
    .about_top .col3 {
        display:none !important;
    }
}

@media all and (max-width: 1600px) { 
    .team .member {
        padding: 100px !important;
    }
    .symbol {
        bottom:-10px !important;
    }
    .our_services {
        padding-top: 3% !important;
        padding-bottom: 2% !important;
    }

    #main-footer .container {
        width: 95%;
    }
    #footer-widgets .footer-widget {
    }
}

@media all and (max-width: 1450px) { 
    .support .support_col1 {
        padding: 100px 55px !important;
    }
}

@media all and (max-width: 1335px) { 
    #footer-widgets .footer-widget {
        width:21.8% !important;
        margin-right:2.5% !important
    }
}

@media all and (max-width: 1300px) { 
    #main-footer .container {
        width: 80% !important;
    }
    #footer-widgets .footer-widget:first-child {
        display:none !important;
    }
    #footer-widgets .footer-widget:nth-child(2) {
        width:35% !important;
    }
    #footer-widgets .footer-widget:nth-child(3), #footer-widgets .footer-widget:nth-child(4) {
        margin-right:0% !important;
        width:27% !important;
    }
    #footer-widgets .footer-widget {
        width:25% !important;
    }
}

@media all and (max-width: 1300px) { 
    .services .service {
        display:block !important;
    }
    .services .service .col_flex {
        width:40% !important;
        padding-bottom:50px !important;
    }
    .services .service .col2 {
        width:100% !important;
    }
    .our_experience .exp_col {
        padding: 0 50px !important;
    }
}

@media all and (max-width: 1210px) { 
    #footer-widgets .footer-widget:first-child {
        display:none !important;
    }
}

@media all and (max-width: 1100px) { 
    #footer-widgets .footer-widget:nth-child(2) {
        width:35% !important;
    }
    #footer-widgets .footer-widget:nth-child(3), #footer-widgets .footer-widget:nth-child(4) {
        margin-right:0% !important;
    }
    #footer-widgets .footer-widget {
        width:25% !important;
    }
}

@media all and (max-width: 980px) { 
    .et_fullwidth_nav #main-header .container {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .top .header h2 {
        font-size:40px !important;
    }
    .about_top {
        padding-bottom: 10px !important;
    }
    .team .member {
        padding: 50px 70px !important;
    }
    .about_top .col1 {
        width:50% !important;
    }
    .about_top .col2 {
        width:100% !important;
    }
    .contact .grid_col {
        padding-top:0 !important;
    }
    .services .service {
        padding:70px !important;
    }
    .our_experience .exp_col {
        padding: 0 50px 50px 50px !important;
    }
    .member {
        display:flex;
        justify-content: center;
        flex-direction: column;
    }
    .member_txt {order:2 !important;}
    .member_photo {order:1 !important;padding-bottom: 30px;}

    #footer-widgets .footer-widget:first-child {
        display:block !important;
    }

  #footer-widgets .footer-widget:nth-child(1) {
        width:50% !important;
    }
    #footer-widgets .footer-widget, #footer-widgets .footer-widget:nth-child(1), #footer-widgets .footer-widget:nth-child(2) {
        width:50% !important;
    }
    #footer-widgets .footer-widget:nth-child(3), #footer-widgets .footer-widget:nth-child(4) {
        margin-right:0% !important;
        width:50% !important;
    }
}

@media all and (max-width: 767px) {
    .top .header h2 {
        font-size:30px !important;
    }
    .about_top, .services, .contact {
        padding-top: 80px !important;
    }
    .et_pb_text {
        font-size:18px !important;
    }
    .contact .form_col {
        padding:70px !important;
    }
    .services .service {
        padding:50px !important;
    }
    #footer-widgets {
        padding: 70px 0 !important;
    }
    #footer-widgets .footer-widget:nth-child(1) {
        width:100% !important;
    }
    #footer-widgets .footer-widget, #footer-widgets .footer-widget:nth-child(1), #footer-widgets .footer-widget:nth-child(2) {
        width:100% !important;
    }
    #footer-widgets .footer-widget:nth-child(3), #footer-widgets .footer-widget:nth-child(4) {
        width:100% !important;
    }
}
@media all and (max-width: 650px) {
    .top_section {
        padding-bottom:0 !important;
    }
    .header_h2 h2 {
        font-size:40px !important;
    }
    .top_section .top_col {
        min-height: 500px !important;
        padding: 0 40px !important;
    }
    .symbol {
       display:none !important;
    }
    .our_experience .exp_col {
        padding: 50px !important;
    }
}
@media all and (max-width: 500px) {
    .team .member, .services .service {
        padding: 50px 50px !important;
    }
    .btn-group button {
        padding: 15px 20px !important;
    }
    .services .service .col_flex {
        padding-bottom: 10px !important;
    }
    .services .service .col2 h3 {
        font-size:30px !important;
    }
    
}

/** Desktop **/
@media (min-width: 981px){
    .col-width .et_pb_gallery_item {
    width: 20% !important; /*six columns*/
    clear: none !important;
    margin-right: 4% !important;
    }
    }
     
    /** Tablet **/
    @media (max-width: 980px){
    .col-width .et_pb_gallery_item {
    width: 25% !important; /*four columns*/
    clear: none !important;
    margin-right: 4% !important;
    }
    }
     
    /** Small Tablet and Large Phone **/
    @media (max-width: 767px){
    .col-width .et_pb_gallery_item {
    width: 45% !important; /*three columns*/
    clear: none !important;
    margin-right: 4% !important;
    }
    }
     
    /** Phone **/
    @media (max-width: 479px){
    .col-width .et_pb_gallery_item {
    width: 45% !important; /*two columns*/
    clear: none !important;
    margin-right: 4% !important;
    }
    }