.footer_navig_link.w--current, .footer_navig_link.active { color: #ffffff; }
.menu_clasic { position: relative; top: +1px; }
.knowledge_base_categories a.active { background-color: #0f7ea3 !important; }
.slide-2 { background-image: url("/images/viz3.jpg"); background-position: 50% 70%; background-size: cover; }
.demo_txt { margin-top: 12px; }
/*.nav-container { max-width: 100% important; }
.w-nav-overlay { max-width: 100% important; height: 2000px !important; min-height: 2000px !important; }*/

.filetype_row { font-size: 20px; line-height: 30px; background-repeat: no-repeat; background-position: 0 3px; background-size: 24px 24px; padding-left: 30px; margin: 5px 0; }
.filetype_row a { color: #5b467a; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; }
.filetype_row a:hover { color: #7b4dbf; }

input.txt_field:hover, textarea.txt_area:hover {
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}
input.txt_field:hover, textarea.txt_area:hover {
     background-color: #e1dce9 !important; color: #ffffff !important;
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}
textarea.txt_area.filled, input.txt_field.filled { background-color: #e1dce9 !important; color: #333 !important; }

textarea.txt_area.filled::-webkit-input-placeholder, input.txt_field.filled::-webkit-input-placeholder { color: #ffffff !important; }
textarea.txt_area.filled:-moz-placeholder, input.txt_field.filled:-moz-placeholder { color: #ffffff !important; opacity: 1; }
textarea.txt_area.filled::-moz-placeholder, input.txt_field.filled::-moz-placeholder { color: #ffffff !important; opacity: 1; }
textarea.txt_area.filled:-ms-input-placeholder, input.txt_field.filled:-ms-input-placeholder { color: #ffffff !important; }

textarea.txt_area:hover::-webkit-input-placeholder, input.txt_field:hover::-webkit-input-placeholder { background-color: transparent !important; color: #ffffff !important;
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}
textarea.txt_area:hover:-moz-placeholder, input.txt_field:hover:-moz-placeholder { background-color: transparent !important; color: #ffffff !important; opacity: 1;
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}
textarea.txt_area:hover::-moz-placeholder, input.txt_field:hover::-moz-placeholder { background-color: transparent !important; color: #ffffff !important; opacity: 1;
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}
textarea.txt_area:hover:-ms-input-placeholder, input.txt_field:hover:-ms-input-placeholder { background-color: transparent !important; color: #ffffff !important;
     -webkit-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -moz-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -ms-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     -o-transition: background-color 333ms ease-out, color 111ms ease-in-out;
     transition: background-color 333ms ease-out, color 111ms ease-in-out;
}



#nextpage { height: 1px; width: 100%; font-size: 1px; line-height: 1px; clear: both; background: #ffffff; color: #ffffff; }
#infscr-loading { margin: 0 auto; width: 500px; text-align: center; }

#technologies_box { clear: both; padding-bottom: 0; margin: 5px 0px 5px 5px; }
#technologies_box a { display: inline-block; width: 100%; height: 350px; background: #C98734; -webkit-transition: background-color 150ms ease-in-out; -moz-transition: background-color 150ms ease-in-out; -ms-transition: background-color 150ms ease-in-out; -o-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; }
#technologies_box a:hover { background: #986627; }
@media (max-width: 991px) { #technologies_box { margin: 85px 0px 5px 0px; } }
@media (max-width: 767px) { #technologies_box { margin: 5px 0px 5px 0px; } }
@media (max-width: 479px) {  }

.animateddarkbg { opacity: 0; filter: alpha(opacity=0); height: 100%; width: 100%; max-height: 400px; background: #000000; overflow: hidden; position: absolute; margin: 0px 5px 5px 0; }
.animateddarkbg.hovered { }

#whoweare_box { cursor: pointer; }
#whoweare_box .animateddarkbg { border-right: 5px solid #ffffff; }
#whoweare_box .w-slider-nav { z-index: 999; }
@media (max-width: 991px) { #whoweare_box .animateddarkbg { max-height: 400px; border-right: 0; } }
@media (max-width: 767px) { #whoweare_box .animateddarkbg { max-height: 420px; border-right: 0; } }
@media (max-width: 479px) { #whoweare_box .animateddarkbg { max-height: 360px; border-right: 0; } }

#highlights_box, #haveaproblem_box { cursor: pointer; }
#highlights_box > div, #haveaproblem_box > div { position: absolute; width: 100%; height: 100%; }
#highlights_box p, #highlights_box h2, #highlights_box div.bg_hl1, #highlights_box div.hp_date, #highlights_box a,
#haveaproblem_box p, #haveaproblem_box h2, #haveaproblem_box div.bg_hl1, #haveaproblem_box div.hp_ask_us, #haveaproblem_box a { position: relative; z-index: 5; }
#highlights_box .animateddarkbg, #haveaproblem_box .animateddarkbg { position: absolute; top: 0; left: 0; max-height: 350px; z-index: 1 !important; border-right: 5px solid #ffffff; }
#haveaproblem_box .animateddarkbg { border-right: 10px solid #ffffff; }
@media (max-width: 991px) { #highlights_box .animateddarkbg, #haveaproblem_box .animateddarkbg { max-height: 400px; border-right: 0; } }
@media (max-width: 767px) { #highlights_box .animateddarkbg, #haveaproblem_box .animateddarkbg { max-height: 400px; border-right: 0; } }
@media (max-width: 479px) { #highlights_box .animateddarkbg, #haveaproblem_box .animateddarkbg { max-height: 400px; border-right: 0; } }

#successstories_box { cursor: pointer; overflow: hidden; }
#successstories_box > div { position: absolute; width: 100%; height: 100%; }
#successstories_box a.a_case_study { position: relative; z-index: 20 !important; }
#successstories_box .animateddarkbg { max-height: 350px; z-index: auto !important; border: 0; margin-right: 0; }
@media (max-width: 991px) { #successstories_box .animateddarkbg { max-height: 400px; border-right: 0; } }
@media (max-width: 767px) { #successstories_box .animateddarkbg { max-height: 400px; border-right: 0; } }
@media (max-width: 479px) { #successstories_box .animateddarkbg { max-height: 400px; border-right: 0; } }

.mce-content-body p { margin-top: 20px; margin-bottom: 20px; float: none; font-family: 'Source Sans Pro', sans-serif; color: #333; font-size: 20px; line-height: 26px; text-align: left; }
.mce-content-body table { border-color: #e5e5e5; border-style: solid; }
.mce-content-body table td { width: 1%; }
.mce-content-body table p { display: inline !important; text-align: center; }
.mce-content-body ul, ul.sp_ul { padding-left: 0; list-style-image: none !important; margin-bottom: 0px; padding-left: 10px; list-style-type: disc; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-rule: 0px solid #000; -moz-column-rule: 0px solid #000; column-rule: 0px solid #000; }
.mce-content-body ul li, ul.sp_ul li { list-style-position: inside; background: url("/images/li-bit-fix.png") no-repeat 1px 7px; padding-left: 25px; margin-bottom: 15px; color: #333; line-height: 26px; font-weight: 400; list-style-type: none; text-align: left; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; margin: 2px; }
.row_contacts a:hover, .mce-content-body a:hover { color: #7b4dbf; }
.row_contacts a, .mce-content-body a { color: #5b467a; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; }

.mce-content-body .noteunderimage { font-size: 16px; color: #666666; clear: both; margin-top: 5px; display: block; }
.mce-content-body .noteunderimage p { font-size: 16px; color: #666666; }

.mce-content-body .noteunderarticle { font-size: 16px; border-top: 1px solid #DCE2E7; clear: both; margin-top: 30px; display: block; }
.mce-content-body .noteunderarticle p { font-size: 16px; color: #666666; }
.mce-content-body .noteunderarticle p sup { }

@media screen and (min-width: 1200px) { .w-container { max-width: 1170px; } }
/* ul.sp_ul { list-style-image: url('/images/li_arr.svg'); } */
.spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #a9a9a9; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.news_link_box:hover .box_category { background-color: #1c6a7f; }
.news_link_box { min-width: 280px; }
.story_box:hover .box_category { background-color: #1c6a7f; }

.findoutmorebutton, .findoutmorebutton.woimg { display: inline-block; overflow: hidden; width: 120px; height: 108px; margin: 10px 10px 0 0; background-color: #7B8996; text-align: center; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; border-radius: 2px; }
.findoutmorebutton:hover { background-color: #1A7FA2; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; }
.findoutmorebutton img { display: inline-block; width: 40px; clear: both; margin-top: 15px; }
.findoutmorebutton.woimg img { display: none; }
.findoutmorebutton span { clear: both; width: 100%; display: inline-block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; font-family: Dosis, sans-serif; color: #fff; font-size: 14px; line-height: 18px; font-style: normal; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; cursor: pointer; }
.findoutmorebutton.woimg span { margin-top: 60px; }



/* XSOLUTIONS Update */
.grey-box.box2 { background-color: #677a7e; }
#highlights_box.services-2 { background-color: #574b68; }
.footer, .footer-content { background-color: #1e2c3f !important; }
.findoutmorebutton, .findoutmorebutton.woimg { background-color: #7e758b; }
.findoutmorebutton:hover { background-color: #f7b130; }
.dlazdica_story:hover, .story_box:hover, .news_link_box:hover { border-color: #F7B130; }
.dlazdica_story:hover .box_category, .story_box:hover .box_category, .news_link_box:hover .box_category { background-color: #F7B130; }
.knowledge_base_categories a.active { background-color: #f7b130 !important; }
.section_idea { background: #bccace; }
.sp_pas1.story, .sp_pas1.case_studies, .sp_pas1.knowledge_base, .sp_pas1.highlights, .sp_pas1.technologies { background-color: #5b467a; }
.sp_section_quickstart { background-color: #ef9b04; }
.sp_section_quickstart .quick_start_txt { color: #ffffff; }
.section_contact_us { background-color: #f8b132; }
.txt_whatwedo_square.bg_longer.other_services:hover { background-color: #f8b132; }

.dd_menu { background-color: #403059; }
.dd_menu:hover { background-color: #f8b132; }

.box_solution.sp h2.h2_sp_small,
.grey-box.box_solution .h2_white,
.grey-box.box_solution .w-hidden-small,
.dd_toggle:hover .nav-link, .menu_clasic:hover .nav-link { color: #F7B130; }

.a_block.a_block_slider.a_case_study, .a_block.a_block_slider { border-right: 4px solid #00aed1; border-left: 4px solid #00aed1; background-color: #00aed1; }
.a_block.a_block_slider.a_case_study:hover, .a_block.a_block_slider:hover { border-right: 4px solid #00aed1; border-left: 4px solid #00aed1; background-color: #00aed1; }
.a_block.a_block_slider.a_case_study.ask_us:hover { border-right: 4px solid #00aed1; border-left: 4px solid #00aed1; background-color: #00aed1; }

.footer-content h6 { color: #F7B130; }

.h2_sp { color: #F7B130; }

.h4_table1, .h4_table { font-family: 'Gotham bold', sans-serif; }
.number_small+.h4_table { font-family: 'Gotham book', sans-serif !important; }

.team_col1 { background-color: #7c7488; }
.team_col1 .team_title, .team_col1 .h4_name.white { color: #F7B130; }

.txt_whatwedo_square.bg_longer.active { background-color: #ef9b04; }
.sp_tab_bg.custom_sw .h4_tab { font-size: 23.5px; }
