/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* Roboto regular */

@font-face {
  font-family: "Monda";
  src: url("fonts/Monda-Bold.eot?#iefix") format('embedded-opentype'),
       url("fonts/Monda-Bold.woff") format('woff'),
  src: url("fonts/Monda-Bold.eot");
       url("fonts/Monda-Bold.woff2") format('woff2'),
       url("fonts/Monda-Bold.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}

a{color:#16b6de;text-decoration:none}
a:hover{color:#38cff5}

p{margin-bottom:21px}

h2{font-family:Monda;font-size:36px;font-weight:600;color:#132d66;margin-bottom:44px}
h3{font-size:18px;color:#16b6de}

.position_middle{position:absolute;top:50%;transform:translateY(-50%);}

body{font-family: 'Mulish', sans-serif;font-size:18px;line-height:30px;color:#666}

.container{max-width:1440px}
.wrapper{padding:80px 0 0 0}
#single-wrapper{margin-bottom:80px}

.gray_bg{background:#f7f8fa;width:100vw;position:relative;padding:50px 0;margin-left:-50vw;margin-top:60px;margin-bottom:60px;left:50%}
.gray_bg .container{background:url(i/widgets.png) no-repeat right center;padding-right:495px}

.technologies{background:#f7f8fa;padding:40px 0 0 0;text-align:center}
.technologies img{margin:0 16px 40px;box-shadow:none!important}

.spacer{background:#e3e6e6;width:100%;height:1px;display:inline-block;margin:80px 0}

.btn{background:#1c488b;padding:12px 28px;color:#fff;border:1px solid #1c488b}
.btn:hover{color:#1c488b;border:1px solid #1c488b}

.navbar.bg-primary{background-color:#fff!important;padding:20px 0}
.navbar-nav li a:hover, .navbar-nav li.active a, body.single-success-stories .navbar-nav li#menu-item-17 a, body.page-template-homepage .navbar-nav li#menu-item-336 a, body.single-erfolgsgeschichten .navbar-nav li#menu-item-268 a{color:#1c488b;border-bottom:2px solid #64cee9}
.navbar-nav li.menu-item-405 a, .navbar-nav li.menu-item-406 a{color:#666;border:none}
.navbar-nav li.menu-item-405 a:hover, .navbar-nav li.menu-item-406 a:hover, body.single-erfolgsgeschichten li.menu-item-405 a{color:#1c488b;border-bottom:2px solid #64cee9}
.nav-link{color:#666;font-weight:600;padding:5px 0!important;margin-left:58px}
.navbar-brand{background:url(i/CC_logo.svg) no-repeat center;text-indent:-9999px;display:inline-block;width:240px;height:36px}
.navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(100,206,233)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

header{position:relative}
.lang_switcher{position:absolute;bottom:50px;right:30px}

.prom{background:url(i/prom_bg.png) no-repeat center bottom;color:#fff}
body.home .prom{background-image:url(i/prom_homepage_bg.png);margin-bottom:40px}
.prom h1{font-family:Monda;font-size:48px;line-height:55px;font-weight:600;margin-bottom:41px}
body.home .prom h1:after{content:'';width:80px;height:2px;background:#1393ca;margin-top:35px;display:block}
.prom .container{height:550px;font-family:Rubik;font-weight:300}
body.page-template-contact .prom .container, body.single-success-stories .prom .container, body.single-erfolgsgeschichten .prom .container{height:300px}
.prom .container .col-xl-10{padding-left:40px}
.prom_text{max-width:720px}

.logo_container{background:#fff;width:210px;height:210px;border-radius:20px;text-align:center;-webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.30);-moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.30);box-shadow:0px 5px 20px 0px rgba(0,0,0,0.30)}
.logo_container img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:none!important}

.custom_list{list-style:none;margin:0;padding:0}
.custom_list li{background:url(i/custom_list.png) no-repeat left 12px;padding:0 0 5px 33px;font-size:16px}

.client_logo_container{background:#f7f8fa;padding:50px 0 30px 0;margin:27px 0 80px 0;text-align:center;display:inline-block;border-radius:5px}
.client_logo_container div{width:16.5%;height:90px;padding:20px 0;float:left}

body.page-template-contact .client_logo_container{padding:50px 20px 30px 20px;margin-bottom:0}
body.page-template-contact .client_logo_container h3{margin-bottom:35px;font-family:Monda;font-size:24px;font-weight:700;color:#132d66}
body.page-template-contact .client_logo_container div{width:50%}

.cooperation_model{position:relative;font-size:16px;height:100%;padding:50px 50px 100px 50px;border:1px solid #e3e6e6;border-radius:5px;-webkit-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);-moz-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12)}
.cooperation_model:hover, .portfolio_box:hover{-webkit-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.20);-moz-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.20);box-shadow:0px 5px 30px 0px rgba(0,0,0,0.20)}
.cooperation_model table{margin-bottom:34px}
.cooperation_model th img{padding-right:44px}
.cooperation_model h3{font-family:Monda;font-size:30px;font-weight:bold}
.cooperation_model .btn{position:absolute;bottom:50px}

.testimonial_module{background:url(i/testimonial.png) no-repeat center;height:500px;padding:100px 0;margin-top:120px;color:#fff}
.testimonial_module h2, .contact_us_module h2{color:#fff}
.testimonial{padding:6px 0 0 0}
.testimonial th{padding-right:60px}
.testimonial th img{min-width:150px}
.testimonial_content{background:url(i/quote.png) no-repeat left top;padding:15px 0 0 60px;font-style:italic;line-height:40px}
.testimonial_info:before{content:'';width:40px;height:2px;margin-bottom:15px;background:#1588af;display:block}
.testimonial_info{padding-left:60px;line-height:20px}
.testimonial_info b{font-family:Rubik;font-size:14px;font-weight:500}
.testimonial_info span{font-size:14px}
.slick-arrow{position:absolute;bottom:-50px;background:url(i/testimonial_prev_next.png) no-repeat left top;width:32px;height:32px;display:inline-block;text-indent:-9999px;border:none;z-index:2}
.slick-arrow.slick-prev{left:47%}
.slick-arrow.slick-next{right:47%;background-position:right}

.key_facts_content{background:#f7f8fa;width:100%;padding:60px 0;margin-bottom:70px;text-align:center;display:inline-block;border-radius:5px}
.key_facts_content div{font-family:Rubik;width:25%;float:left;text-align:center}
.key_facts_content div strong{font-size:60px;color:#16b6de;display:block;margin-bottom:17px}

.contact_us_module{background:url(i/contact_us_module_bg.png) no-repeat center;display:inline-block;width:100%;padding:82px 0}

.wpcf7{max-width:930px;color:#fff;font-size:16px}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea{padding:12px 20px;border:1px solid #fff;background:none;color:#fff}
.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 textarea:focus{border-color:#fff;box-shadow:none;color:#1c488b}
.wpcf7 input[type=submit]{background:#fff;border:1px solid #fff;color:#1c488b;width:auto;padding:12px 25px}
.wpcf7 input[type=submit]:hover{background:none;border:1px solid #fff;}
.wpcf7-spinner{display:none}

.wp-block-column.block_l{padding-right:20px}
.wp-block-column.block_r{padding-left:20px}

.contact_box{padding:60px;margin-bottom:80px;border:1px solid #e3e6e6;border-radius:4px;-webkit-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);-moz-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12)}
.contact_box .wpcf7{color:#666}
.contact_box .wpcf7 input[type=text], .contact_box .wpcf7 input[type=email], .contact_box .wpcf7 textarea{border-color:#d9dbdb;color:#999}
.contact_box .wpcf7 input[type=text]:focus, .contact_box .wpcf7 input[type=email]:focus, .contact_box .wpcf7 textarea:focus,.contact_box .wpcf7 input[type=text]:hover, .contact_box .wpcf7 input[type=email]:hover, .contact_box .wpcf7 textarea:hover{border-color:#1c488b;color:#1c488b}
.required_text{float:right;color:#999}
.contact_box .wpcf7 input[type=submit]{background:#1c488b;color:#fff}
.contact_box .wpcf7-list-item{margin:0}
.contact_box .wpcf7 .wpcf7-form p{margin-bottom:1.3rem}
.attach_link{background:url(i/attach_icon.png) no-repeat left center;padding:2px 0 2px 34px;margin-top:20px;font-weight:bold}
.attach_link:hover{color:#1c488b}
.attach_text{font-size:14px;color:#999}

.portfolio_box{margin-bottom:29px;border:1px solid #e3e6e6;border-radius:4px;-webkit-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);-moz-box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12);box-shadow:0px 5px 30px 0px rgba(0,0,0,0.12)}
.portfolio_box img{border-top-left-radius:4px;border-top-right-radius:4px}
.portfolio_box_content{font-size:16px;line-height:28px;padding:29px 29px 24px 29px}
.portfolio_box_content hr{margin:11px 0}
.portfolio_title{font-family:monda;font-size:20px;color:#132d66}
a .portfolio_text{margin-bottom:14px;display:block;color:#666}
.portfolio_details{background:url(i/arw_r.png) no-repeat right center;padding-right:22px;color:#16b6de;font-size:14px;text-decoration:none;display:inlne-block}
.portfolio_details:hover{color:#16b6de;text-decoration:underline}
body.single-success-stories img, body.single-erfolgsgeschichten img{-webkit-box-shadow:10px 20px 60px 0px rgba(0,0,0,0.20);-moz-box-shadow:10px 20px 60px 0px rgba(0,0,0,0.20);box-shadow:10px 20px 60px 0px rgba(0,0,0,0.20)}
.portfolio_detail_l{margin-bottom:40px}
.portfolio_detail_r{padding-left:100px}
.portfolio_detail_r ul{list-style:none;padding:0}
.portfolio_detail_r li{border-bottom:1px solid #e3e5e5;padding:17px 0}

.success_stories_module{padding:100px 0}
.success_stories_module .btn{background:none;color:#1c488b;border:1px solid #1c488b;margin-top:20px}
.success_stories_module .btn:hover{background:#1c488b;color:#fff}

.page_numbers_container{margin:20px 0 90px 0;text-align:center}
.page-numbers{width:48px;height:48px;margin:0 5px;color:#666;text-decoration:none;text-align:center;line-height:48px;border:1px solid #e3e6e6;border-radius:5px;display:inline-block}
.next.page-numbers{background:url(i/pagination_r.png) no-repeat center;text-indent:-9999px}
.prev.page-numbers{background:url(i/pagination_l.png) no-repeat center;text-indent:-9999px}
.page-numbers:hover, .page-numbers.current{background-color:#1c488b;border-color:#1c488b;color:#fff}

body.single-success-stories .post-navigation{display:none}

.navigation.post-navigation{margin-top:40px;display:none}

.footer{background:#132d66;padding:56px 0;color:#40578a;font-size:16px}
.footer_logo{background:url(i/CC_logo_footer.svg) no-repeat center;text-indent:-9999px;display:inline-block;width:240px;height:36px}
.footer .copyright{vertical-align:bottom;margin-left:50px}
.footer-menu-class{float:right}
.footer .menu{list-style:none}
.footer .menu li{float:left;padding-right:14px}
.footer .menu li:first-child:before{content:""}
.footer .menu li:before{content:"/"}
.footer .menu a{color:#40578a;text-decoration:none;padding-left:14px}
.footer .menu a:hover{color:#fff}

.google_map iframe{display:block}

@media all and (max-width:1440px){
.nav-link{margin-left:20px;margin-right:20px}
.portfolio_detail_r{padding-left:40px}
}

@media all and (max-width:1280px){
.client_logo_container div{width:25%}
.cooperation_model{padding:20px 20px 80px 20px}
.cooperation_model th img{padding-right:20px}
.cooperation_model h3{font-size:24px}
.slick-arrow{bottom:-40px}
.slick-arrow.slick-prev{left:46%}
.slick-arrow.slick-next{right:46%}
.footer .copyright{margin:0px;display:block}
}

@media all and (max-width:1024px){
.testimonial_content{line-height:26px}
.portfolio_detail_r{padding-left:20px}
.footer-menu-class{float:left}
.footer .menu{margin-bottom:0;padding:0}
.footer .menu li{float:none;padding:0}
.footer .menu li::before{content:''}
}

@media all and (max-width:990px){
.prom{background-position:40% top}
.client_logo_container div{width:33%}
.cooperation_model{margin-bottom:20px}
.testimonial_module{height:auto;padding:40px 0 60px 0;margin-top:40px}
.testimonial th{padding-right:20px}
.slick-arrow.slick-prev{left:44%}
.slick-arrow.slick-next{right:44%}
.key_facts_content{padding:40px 0}
body.page-template-contact .client_logo_container{padding:50px 10px 30px 10px}
.gray_bg .container{background-position:center bottom;background-size:250px;padding-right:12px;padding-bottom:200px}
.technologies{padding:20px 0 0}
.technologies img{margin:0 15px 20px}
}

@media all and (max-width:767px){
.navbar-nav{text-align:center}
.navbar-nav li a:hover, .navbar-nav li.active a{border:none}
.wrapper{padding:20px 0 0 0}
.prom{background-position:40% top}
.prom .container, body.page-template-contact .prom .container, body.single-success-stories .prom .container, body.single-erfolgsgeschichten .prom .container{height:auto}
.position_middle{padding:40px 0 30px 0;position:inherit}
.logo_container{position:relative;margin:0 auto}
.logo_module .position_middle{top:unset;transform:none;padding:20px 0 0 0}
.prom{background-position:left top}
.prom h1{margin-bottom:20px;font-size:28px;line-height:35px}
body.home .prom h1:after{margin-top:20px}
h2{margin-bottom:20px;font-size:26px}
.spacer{margin:40px 0}
.client_logo_container{padding:30px 0 10px 0;margin:27px 0 40px 0}
.client_logo_container div{width:50%}
.success_stories_module{padding:50px}
.contact_us_module{padding:40px 0 30px 0}
.key_facts_content div{line-height:20px}
.key_facts_content div strong{font-size:40px}
.wp-block-column.block_l,.wp-block-column.block_r{padding:0}
.page_numbers_container{margin:10px 0 40px 0}
.portfolio_detail_l{text-align:center}
.portfolio_detail_r{padding-left:calc(var(--bs-gutter-x) * .5)}
body.page-template-contact .prom .container, body.single-success-stories .prom .container{height:auto}
.testimonial_content{background-size:30px;padding:15px 0 0 35px}
.testimonial th img{min-width:80px}
.footer .col-md-6{text-align:center}
.footer-menu-class{float:none}
.footer .copyright{padding:10px 0 30px 0}
}

@media all and (max-width:640px){
.slick-arrow.slick-prev{left:40%}
.slick-arrow.slick-next{right:40%}
.contact_box{padding:30px}
.testimonial th{padding-right:0}
}

@media all and (max-width:575px){
.portfolio_box{max-width:332px;margin-left:auto;margin-right:auto}
}

@media all and (max-width:480px){
.key_facts_content div{font-size:14px;line-height:14px}
.key_facts_content div strong{font-size:20px;margin-bottom:8px}
.key_facts_content{padding:30px 0}
}