body { font-family: 'brandon_text_regularregular'; font-size: 1em; overflow-x: hidden; }

div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: #868686;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover { color: #174ebf; }

b, strong, .strong { font-family: 'brandon_textbold' !important; }

.clear { clear: both; }

.desktop-scroll-fix { position: relative; top: -105px; }

/* TOP */

.top { width: 100%; height: 80px; z-index: 32; position: relative; background: #fff; }
.top.fixed { margin-bottom: 80px; }

.logo { float: left; width: 230px; height: 80px; margin: 0 15px 0 0; }
.logo.pl { background: url('/themes/opteam/img/logo.svg') no-repeat left center; background-size: 160px; }
.logo.en { background: url('/themes/opteam/img/logo_en.svg') no-repeat left center; background-size: 160px; }
.logo-h1 { margin: 0; }
    
/* CONTENTS */

.content { width: 1480px; margin: 0 auto; height: auto; } 
.content-top { position: relative; width: 980px; height: 100%; margin: 0 auto; }    
.content-top.line { height: 80px; border-bottom: 1px solid #ececec; }

/* SEARCH BAR */

.top .search-cont, .credits .search-cont { position: absolute; z-index: 10; right: 0; width: 62px; height: 78px; line-height: 78px; margin: 0; 
                                           -webkit-transform: translateZ(0);
                                           -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.top .search-cont.focused, .credits .search-cont.focused { width: 340px; background: #fff; }
.top .search-query, .credits .search-query { border: 1px solid #fff; padding: 0 30px; height: 36px; width: 100%; outline: none;
                                             font-size: 14px; font-family: 'brandon_text_regularregular'; cursor: pointer;
                                             color: #868686; background: url('/themes/opteam/img/search.png') no-repeat right 10px center;
                                             -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box;
                                             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                             -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.top .search-cont.focused .search-query, .credits .search-cont.focused .search-query { border: 1px solid #ececec; cursor: text; padding: 0 15px; }
.top .search-cont.focused .search-query::-webkit-input-placeholder, .credits .search-cont.focused .search-query::-webkit-input-placeholder,
.top .search-cont.focused .search-query::-moz-placeholder, .credits .search-cont.focused .search-query::-moz-placeholder,
.top .search-cont.focused .search-query:-ms-input-placeholder, .credits .search-cont.focused .search-query:-ms-input-placeholder { 
    color: #868686; }
.top .search-cont label, .credits .search-cont label { display: none; }
.top .search-cont .submit-buttons, .credits .search-cont .submit-buttons { display: none; z-index: 1000; position: absolute; }
.top .search-cont.focused .submit-buttons, .credits .search-cont.focused .submit-buttons { display: block; z-index: 1000; 
                                                                                           position: absolute; right: 0; top: 0; }
.top .search-cont.focused input[type="submit"], .credits .search-cont.focused input[type="submit"] { height: 36px; width: 40px; border: 0; 
                                                                                                     background: none; outline: none; content: ""; }

/* MENU SEARCHBAR */

.main-menu .search-cont { width: 100%; height: 60px; margin: 30px 0;
                          -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main-menu .search-query { border: 1px solid #fff; padding: 0 30px; height: 60px; width: 100%; outline: none;
                           font-size: 14px; font-family: 'brandon_text_regularregular'; cursor: pointer;
                           color: #fff; background: url('/themes/opteam/img/search-white.png') no-repeat right 30px center;
                           -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box;
                           border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                           -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main-menu .search-cont.focused .search-query { cursor:text; }
.main-menu .search-cont .search-query::-webkit-input-placeholder { color: #fff; }
.main-menu .search-cont .search-query::-moz-placeholder { color: #fff; }
.main-menu .search-cont .search-query:-ms-input-placeholder { color: #fff; }
.main-menu .search-cont label { display: none; }
.main-menu .search-cont .submit-buttons { display: none; z-index: 1000; position: absolute; }
.main-menu .search-cont.focused .submit-buttons { display: block; z-index: 1000; position: absolute; right: 0; top: 0; }
.main-menu .search-cont.focused input[type="submit"] { height: 60px; width: 70px; border: 0; background: none; outline: none; content: ""; }

/* TOP SOCIALS */

.top .social { position: absolute; right: 215px; line-height: 80px; }
.social a { display: inline-block; padding: 0 8px; }
.social a.fb:hover { color: #305292; }
.social a.ln:hover { color: #0579b4; }
.social a.tw:hover { color: #2ea8db; }
.social a.gp:hover { color: #cd2a2f; }
.social a.yt:hover { color: #cb2323; }
.social a.in:hover { color: #236295; }
.social a.rs:hover { color: #ea7f1d; }

/* TOP LANGUAGE */

.language { position: absolute; right: 20px; width: 105px; margin-right: 0; }
.menu-item.language { font-family: 'brandon_textbold'; line-height: 80px; }
.menu-item.language, .menu-item.last { margin-right: 0; }
.menu-item.language .active { color: #174ebf; }

/* MENU */

.menu { width: 100%; height: 80px; z-index: 31; position: relative; background: #fff;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }

.menu.fixed { position: fixed; top: 0; }
.menu .logo-fixed { display: none; float: left; width: 28%; }
.menu .logo-fixed .logo { height: 80px; margin: 0; }
.menu.fixed .menu-item { width: 12%; margin: 0; }
.menu.fixed .logo-fixed { display: block; }
.menu.fixed .menu-button, .menu.fixed .menu-item.last { display: none; }

.menu-item { font-family: 'brandon_text_regularregular'; float: left; font-size: 14px; color: #868686; line-height: 70px; text-transform: none;
             width: 105px; margin-right: 20px; text-align: center;
             -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out; 
             -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out; 
             transition: background 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out;
             -webkit-touch-callout: none;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none; }
.menu-item:hover { color: #174ebf; }
.menu-item span { display: inline-block; vertical-align: middle; line-height: 1.2em; }
.menu .menu-item.dropdown { background: url('/themes/opteam/img/menu-arrow.png') no-repeat bottom 5px center; }
.menu .menu-item.dropdown:hover { background: url('/themes/opteam/img/menu-arrow.png') no-repeat bottom 0 center; }
.menu-item.menu-button { line-height: normal; background: none; background-position: bottom -10px center; padding: 33px 0 32px; }
.menu-item.menu-button span { display: block; margin: 0 auto 2px; width: 23px; height: 3px; background-color: #174ebf;
                              border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.menu-item .icon { margin: -3px 8px 0 0; }
.menu-item.dropdown, .menu-button { cursor: pointer; }
.menu-button.drop-active { background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; }
.menu-item.contact-button.dropdown.drop-active { line-height: 80px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }
.menu-item.contact-button.dropdown.drop-active:hover { line-height: 80px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }
.menu.fixed .menu-item.career-button.dropdown.drop-active  { line-height: 80px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }

.menu-overlay { position: fixed; z-index: 21; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; -webkit-transform: translateZ(0); }
.main-menu { position: absolute; z-index: 22; top: 160px; width: 100%; background: #174ebf; display: none; -webkit-transform: translateZ(0); overflow: hidden; }
.main-menu .title { font-family: 'brandon_textblack'; font-size: 13px; color: #5eb0ff; padding: 0 0 5px; margin: 15px 0; text-transform: uppercase; }
.main-menu a { font-family: 'brandon_text_regularregular'; display: block; font-size: 13px; color: #fff; line-height: 21px;
               -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.main-menu a:hover { color: #5eb0ff; }
.menu-column-4 { float: left; width: 25%; border-right: 1px solid #3375d9; padding: 20px 30px 5000px; margin-bottom: -4960px;
                 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu-column-4.last { border: 0; }
.menu-column-4 .sep { width: 100%; height: 1px; background: #5eb0ff; margin: 30px 0; }
.menu-column-4 .sep.invis { background: none; margin: 20px 0; }
.menu-column-4 .address { font-family: 'brandon_text_regularregular'; display: block; font-size: 12px; color: #fff; }
.menu-column-4 .address a { display: inline-block; color: #5eb0ff; }
.menu-column-4 a i { padding: 0 5px 0 1px; font-size: 8px; }
.mobile-last { display: none; }

.menu .menu-item.active-sites, .menu-item.dropdown.active-sites { line-height: 80px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }
.menu-item.dropdown:hover { line-height: 70px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; }
.menu .menu-item.dropdown.drop-active { line-height: 80px; background: url('/themes/opteam/img/active-menu.png') no-repeat bottom center; }
.menu .menu-item.dropdown.drop-active:hover { line-height: 80px; background: url('/themes/opteam/img/active-menu.png') no-repeat bottom center; }
.menu .menu-item.active, .menu .menu-item.active:hover { line-height: 80px; background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; }
.menu .menu-item.dropdown.active.drop-active { line-height: 80px; background: url('/themes/opteam/img/active-menu.png') no-repeat bottom center; }
.menu .menu-item.dropdown.active.drop-active:hover { line-height: 80px; background: url('/themes/opteam/img/active-menu.png') no-repeat bottom center; }

/* COMPANY MENU */

.company-menu { position: absolute; z-index: 21; top: 160px; width: 100%; background: #f3f3f3; display: none; 
                -webkit-transform: translateZ(0); overflow-y: auto;         
                background: -moz-linear-gradient(left,  #f3f3f3 0%, #f3f3f3 73%, #174ebf 73%, #174ebf 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f3), color-stop(73%,#f3f3f3), color-stop(73%,#174ebf), color-stop(100%,#174ebf)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 73%,#174ebf 73%,#174ebf 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 73%,#174ebf 73%,#174ebf 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(left,  #f3f3f3 0%,#f3f3f3 73%,#174ebf 73%,#174ebf 100%); /* IE10+ */
                background: linear-gradient(to right,  #f3f3f3 0%,#f3f3f3 73%,#174ebf 73%,#174ebf 100%); /* W3C */
}
.company-menu.blocks { background: #f3f3f3; top: 160px; }
.company-menu.blocks.fixed { background: #f3f3f3; padding-top: 80px; top: 80px; }
.company-box { float: left; padding: 30px 40px; width: 720px; -webkit-transform: translateZ(0);
               -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.company-box.down { top: 0; }
.company-links { float: left; padding: 20px 30px 200px; width: 260px; height: 100%; background: #174ebf; -webkit-transform: translateZ(0);
                 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.company-links a { font-family: 'brandon_text_regularregular'; display: block; font-size: 13px; color: #fff; line-height: 23px;
                   -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.company-links a:hover { color: #5eb0ff; }
.company-links a i { padding: 0 5px 0 1px; font-size: 8px; }
.company-links .title { font-family: 'brandon_textblack'; font-size: 13px; color: #5eb0ff; padding: 0 0 5px; line-height: 13px; text-transform: uppercase; }
.company-box h2 { font-family: 'brandon_textlight'; font-size: 60px; color: #174ebf; margin: 0 0 30px; font-weight: 100; line-height: 1em; }
.company-box h3 { font-family: 'brandon_textlight'; font-size: 26px; color: #4b96ee; margin: 0; font-weight: 100; width: 530px; }
.company-box p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
.company-box a { color: #4b96ee; }

/* MARKET BOX */

.market-box { width: 100%; padding: 50px 0; -webkit-transform: translateZ(0);
              -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-box h2 { font-family: 'brandon_textlight'; float: left; width: 40%; font-size: 60px; line-height: 1em; color: #174ebf; 
                 margin: -10px 0 0; font-weight: 100; word-wrap: break-word; }
.market-box h3 { font-family: 'brandon_text_regularregular'; float: left; width: 60%; color: #174ebf; margin: 0; font-weight: 100; }
.market-boxes-cont { margin: 0 auto; max-width: 1480px; }
.market-boxes-row { display: block; width: 100%; padding-bottom: 60px; }
.color-overlay { position: absolute; z-index: 20; width: calc(100% + 30px); height: calc(100% + 30px); top: 0; left: 0;
                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; opacity: 0.6; }
.background-overlay { position: absolute; z-index: 19; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; 
                      background-position: center;
                      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-boxes-big:hover .background-overlay, .market-boxes-medium:hover .background-overlay, 
.market-boxes-small:hover .background-overlay { transform: scale(1.1); -ms-transform: scale(1.1); }
.market-boxes-big { position: relative; float: left; width: 50%; height: 740px; padding: 40px; overflow: hidden;
                    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-boxes-medium { position: relative; float: left; width: 50%; height: 370px; padding: 40px; overflow: hidden;
                       -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-boxes-small { position: relative; float: left; width: 25%; height: 370px; padding: 40px; overflow: hidden;
                      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-boxes-big .button, .market-boxes-medium .button, .market-boxes-small .button {
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.market-boxes-big:hover .button, .market-boxes-medium:hover .button, .market-boxes-small:hover .button { color: #4b96ee; background: #fff; }
.market-boxes-big p { position: relative; width: 50%; z-index: 20; font-family: 'brandon_textlight'; font-size: 24px; color: #fff; }
.market-boxes-big p.market-boxes-title, .market-boxes-small p.market-boxes-title,
.market-boxes-medium p.market-boxes-title { position: relative; z-index: 20; font-family: 'brandon_textlight'; font-size: 30px; 
                                            font-weight: 100; color: #fff; margin: 0 0 30px; }
.market-boxes-big .button, .market-boxes-small .button, .market-boxes-medium .button { position: absolute; z-index: 20; bottom: 0; color: #fff; border: 1px solid #fff; }

/* BREADCRUMBS */  

.breadcrumbs .content-top { font-family: 'brandon_text_regularregular'; padding-right: 20px; line-height: 50px; height: 50px; 
                            border-bottom: 1px solid #ececec; font-size: 12px; color: #868686; }
.breadcrumbs .content-top .active { color: #4b96ee; }
.breadcrumbs.border-top { border-top: 2px solid #174ebf; }
.breadcrumbs span { display: inline-block; vertical-align: middle; line-height: 1.6em;  }
.breadcrumbs.product { background-color: #f9f9f9; }
.breadcrumbs .rss { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: 17px; font-size: 16px; }

/* MAIN SITE */

.news-row { display: block; margin: 30px 0 60px; }
.news-row h2 { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 100; color: #174ebf; margin: 30px 0 30px 50px; }
.news { width: 50%; float: left; margin: 0; }
.news-box { width: 100%; height: 370px; padding: 40px; background: #f3f3f3; }
.news-text { padding: 40px; height: 325px; }
.news-text h4 { font-size: 18px; color: #174ebf; font-weight: 100; margin: 0; }
.news-text .date { font-family: 'brandon_textblack'; font-weight: 100; font-size: 10px; color: #868686; margin: 5px 0 15px; }
.news-text p { font-size: 14px; color: #868686; margin: 30px 0; }

.owl-theme .owl-controls { position: absolute; top: -21px; z-index: 19; width: 100%; height: 30px; }
.owl-theme .owl-page { float: left; width: 25%; height: 35px; text-align: center; }
.owl-theme .owl-controls .owl-page span { display: inline-block; width: 10px; height: 10px; background: #d3d3d3; z-index: 10;
                                          border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px;
                                          -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.owl-theme .owl-page.active span { background: #174ebf; }
.owl-item div { margin: 0 10px; }
.news-timeline { padding-bottom: 3px; border-bottom: 2px solid #d3d3d3; }
.news-timeline-number { float: left; width: 25%; text-align: center; margin: 0; padding: 0; border: 0;
                        color: #868686; font-size: 12px; font-weight: 700; }
.news-timeline-number.lower { position: relative; top: 26px; }
.investors { width: 50%; float: left; margin: 0; }
.investors-box { width: 100%; height: 370px; padding: 40px 130px 40px 385px; background: #174ebf url('/themes/opteam/img/investor.jpg') no-repeat left center; }
.investors-box.listpage { padding: 40px 130px 20px 385px; background: #f3f3f3 url('/themes/opteam/img/listpage.jpg') no-repeat left center; }
.investors-box p { margin: 0; padding: 0; }
.investors-box a { display: block; position: relative; min-width: 190px; padding: 10px 0; font-size: 14px; color: #fff; 
                   border-bottom: 1px solid #5eb0ff; }
.investors-box.listpage a { padding: 8px 0; color: #868686; border-color: #b7d8f8; }
.investors-box a:hover { color: #5eb0ff; }
.investors-box a.last { border-bottom: 0; }
.investors-box a:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 11px; 
                         font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; text-align: right; }

/* BANNER MAIN SITE */

.banner { background: url('/themes/opteam/img/ban.png') no-repeat center; width: 100%; height: 370px; margin: 10px 0; }
.banner-video { float: left; width: 50%; height: 100%; padding: 30px; }
.banner-video .youtube { width: 100%; height: 310px; }
.banner-text { float: left; width: 50%; padding: 30px; }
.banner-text h2 { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 100; color: #fff; margin: 0 0 30px; line-height: 1.1em; }
.banner-text p { font-family: 'brandon_textlight'; font-size: 25px; font-weight: 100; color: #fff; margin: 0; line-height: 1.2em; }
.banner-text .button-youtube { display: none; }
.banner-video-button { display: inline-block; }

/* SOLUTIONS */

.solutions { display: block; padding: 0; }
.solutions h2 { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 100; color: #174ebf; margin: 30px 0 0; padding: 0 0 30px;
                border-bottom: 1px solid #ececec; line-height: 1.1em; }
.main-content .solutions h2 { padding: 0 0 30px; border-bottom: 1px solid #ececec; }
.solutions h2 a { color: #4b96ee; }

.services { display: block; margin: 60px 0; }
.service-cont { margin: 0 20px; background-position: top right; background-repeat: no-repeat;
                -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service-cont .bg-overwrite { width: 100%; height: 100%; background: #fff;
                              -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.service-cont.active { background-color: #f3f3f3; }
.service-cont.sol-all.active { background-color: transparent; }
.service-cont.sol-all.active .bg-overwrite { background: none; }
.service-cont.sol-all.active .service-click { border-bottom: 1px solid transparent; }
.service-button-youtube { display: none; }
.service-click { cursor: pointer; border-bottom: 1px solid #ececec; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
                 -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.service-logo { float: left; width: 30%; min-height: 100px; line-height: 100px;
                font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; }
.service-logo.raports { width: 80%; }
.service-logo img { margin-top: -5px; height: 50px; }
.service-logo object { margin-top: -5px; }
.service-logo span { display: inline-block; vertical-align: middle; line-height: 1.6em; }
.service-text { float: left; width: 50%; height: 100px; line-height: 100px; padding-left: 40px;
                font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; }
.service-text.tel { color: #868686; }
.service-text.download { font-family: 'brandon_textbold'; text-align: right; font-size: 10px; color: #4b96ee; text-transform: uppercase; }
.service-show { float: left; position: relative; width: 20%; height: 100px;
                -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.service-show:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 32px; 
                      font-family: 'FontAwesome'; font-size: 21px; content: "\f078"; color: #174ebf; }
.service-show.active:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 32px; 
                             font-family: 'FontAwesome'; font-size: 21px; content: "\f077"; color: #174ebf; }
.service-content { display: none; float: left; width: 100%; position: relative; }
.service-content img { margin: 0 auto; display: block; max-width: 100%; width: auto; }
.service-content-row { width: 100%; position: relative; }
.service-content-row .service-content-text.contact { height: 100%; margin: 0; padding: 30px 0 0; }
.service-content-text { float: left; width: 355px; margin: 30px 0; }
.service-content-text.contact { float: left; width: 25%; margin: 30px 0; }
.service-content-text.contact.only-name { margin: 92px 0 30px; }
.service-content-text a { color: #4b96ee; font-family: 'brandon_textbold'; }
.service-content-text h4 { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; font-weight: 100; margin: 0; }
.service-content-text p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 30px 0; }
.service-content-p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 30px 0;
                     -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.service-content-map { float: right; margin: 30px 0 60px; width: 50%; }
.service-content-map img { width: 100%; border: 1px solid #174ebf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                           -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.service-content-video { float: right; width: 480px; margin: 15px 0; }
.service-content-video .youtube { width: 100%; height: 292px; }
.service-cont.no-results { display: none; }
.more-services a { margin: 40px auto; }

/* FOOTER */

.footer { margin: 0; background: #f3f3f3; overflow: hidden; }
.footer .title { font-family: 'brandon_textblack'; font-size: 12px; color: #5eb0ff; padding: 0 0 5px; margin: 15px 0; text-transform: uppercase; }
.footer a { font-family: 'brandon_text_regularregular'; display: block; font-size: 12px; color: #868686; line-height: 21px;
            -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer a:hover { color: #5eb0ff; }
.footer .menu-column-4 { float: left; width: 25%; border-right: 1px solid #b7d8f8; padding: 20px 30px 5000px;
                         -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer .menu-column-4.last { border: 0; }
.footer .menu-column-4 .sep { width: 100%; height: 1px; background: #5eb0ff; margin: 30px 0; }
.footer .menu-column-4 .sep.invis { background: none; margin: 20px 0; }
.footer .menu-column-4 .address { font-family: 'brandon_text_regularregular'; display: block; font-size: 12px; color: #868686; }
.footer .menu-column-4 .address a { display: inline-block; color: #4b96ee; }
.footer .menu-column-4 i { padding: 0 5px 0 1px; font-size: 8px; }

/* CREDITS */

.credits { display: block; }
.credits-text { float: left; line-height: 80px; margin: 0 30px; width: 185px; }
.credits-text span { display: inline-block; vertical-align: middle; line-height: 1.7em; 
                     font-family: 'brandon_text_regularregular'; font-size: 12px; color: #868686; }
.contact-but { display: none; }
.contact-top { float: right; }
.contact-top .button:after { margin: auto; height: 11px; font-size: 8px; content: "\f077"; }
.credits .social { position: absolute; right: 0; line-height: 80px; }
.credits .search-cont { position: absolute; z-index: 10; right: 0; width: 62px; height: 78px; line-height: 78px; margin: 0; -webkit-transform: translateZ(0);
                        -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.credits .search-cont.focused { width: 360px; background: #fff; }
.credits .gpw { display: block; float: left; width: 185px; height: 75px; margin: 0 30px; }
.credits .gpw.pl { background: url('/themes/opteam/img/gpw.jpg') no-repeat left center; background-size: 100px; }
.credits .gpw.en { background: url('/themes/opteam/img/gpw_en.png') no-repeat left center; background-size: 100px; }

/* DEFAULT BUTTON */

.button { position: relative; display: block; margin: 30px 0; padding: 10px 15px; width: 230px; border: 1px solid #4b96ee; 
          text-transform: uppercase; font-family: 'brandon_textblack'; font-size: 11px; color: #4b96ee; line-height: normal;
          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
          -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
          border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button:hover { color: #fff; background: #4b96ee; }
.button:after { display: block; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 9px; text-align: right; 
                font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }

/* OTHER BUTTONS */

.buttons-solutions { margin: 20px 0; }
.button.button-solutions { display: inline-block; margin: 5px 5px 5px 0; width: 180px; text-align: center; cursor: pointer; } 
.button.button-solutions:after { display: none; }

.news-archiv { margin: 0 0 40px; }

.button-solutions-all { margin: 30px auto; cursor: pointer; }

/* PANEL SITES */

.panel-sites { width: 100%; height: 420px; background-color: #f9f9f9; background-position: center right; background-size: cover;
               background-repeat: no-repeat; border-top: 2px solid #174ebf; }
.panel-sites.no-top { border-top: 0; }
.panel-sites.white { background-color: #fff; background-size: auto 100%; }
.panel-sites.white.product { background-color: #f9f9f9; }

.panel-career { width: 100%; background-color: #f9f9f9; background-position: center; background-size: auto 100%; background-repeat: no-repeat; 
                border-top: 2px solid #174ebf; }    
.panel-career .breadcrumbs .content-top { background: none; color: #fff; }
.panel-career .breadcrumbs a { color: #fff; }
.panel-career .content-top.career-text { display: table; padding: 0 100px; height: 750px; }
.panel-career .content-top.career-text .career-text-fix { display: table-cell; vertical-align: middle; text-align: center; }
.panel-career .content-top.career-text .career-text-fix h2 { font-family: 'brandon_textlight'; font-weight: 100; font-size: 60px; color: #fff; }
.panel-career .content-top.career-text .career-text-fix h3 { font-family: 'brandon_textlight'; font-weight: 100; font-size: 25px; color: #fff; }
.panel-sites.smaller { border-top: 2px solid #174ebf; height: 430px; background-position: top 65px right; }
.panel-sites.smaller.whole-bg { background-position: center right; }
.panel-sites.news-site.whole-bg.white-txt h2, .panel-sites.smaller.whole-bg.white-txt p, .panel-sites.news-site.whole-bg.white-txt a { color: #fff; }
.panel-sites.news-site { border-top: 2px solid #174ebf; height: auto; background-position: top right; }
.panel-sites.news-site .banner-text-container { margin: 0; padding: 0; }
.panel-sites.news-site .banner-text-con { padding: 35px 0; }
.panel-sites.news-site h2 { margin: 0 0 10px; }
.panel-sites.news-site h2 a { color: #174ebf; }
.panel-sites p { margin: 15px 0; }
.panel-sites .banner-text-container { float: left; padding-right: 10px; margin-top: 10px; }
.banner-text-container .button-youtube { display: none; }
.panel-sites .banner-text-con { width: 100%; }
.panel-sites .banner-text-con img { margin-bottom: 30px; max-width: 100%; max-height: 50px; }
.panel-sites .banner-text-con a { color: #174ebf; }
.panel-sites .banner-sites-video { float: right; width: 50%; margin-top: 60px; padding-left: 10px; }
.panel-sites .banner-sites-video .youtube { width: 100%; height: 300px; }
.panel-sites.functions-site { background-position: center right; }
.panel-sites .banner-text-con .lead-text { margin-top: 30px; }
.panel-sites .banner-text-con .lead-text, .panel-sites .banner-text-con .lead-text p { font-family: 'brandon_textlight'; font-size: 24px; color: #fff; }
.panel-sites .banner-text-con .lead-text h3 { font-family: 'brandon_textlight'; font-weight: 100; }

/* MAIN CONTENT */

.main-content { padding: 40px 0; position: relative; }
.main-content.sites { padding: 100px 0 40px; }
.main-content.desc-main { min-height: 700px; }
.main-content.expand { background-color: #f3f3f3; }
.main-content h2 { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 100; color: #174ebf; margin: 30px 0; padding: 0; 
                   line-height: 1.2em; }

/* BOX CONTAINERS */

.main-content .box-container { width: 100%; min-height: 370px; margin-bottom: 20px; position: relative; }
.box-container .left-box { position: absolute; float: left; height: 100%; width: 50%; background: #888; line-height: 3em; }
.box-container .left-box.v1 { background: #888 url('/themes/opteam/img/right-huge.png') no-repeat right 80px center; z-index: 10; cursor: pointer;
                              -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.box-container .left-box.v1 .details h2 { width: 100%; text-align: center; line-height: 360px; margin: 0; padding:0; display: none; }
.box-container .left-box.v1:hover .details { width: 60%; }

.box-container .left-box.v1:hover, .box-container .left-box.v2:hover { width: 100%; background-position: right 80px center; }
.box-container .left-box.v1 h2, .box-container .left-box.v2 h2 { float: left; font-size: 30px; color: #fff; width: 330px; padding: 0 40px; }
.box-container .left-box.v1 .details, .box-container .left-box.v2 .details { width: 0; height: 100%; background: #4b96ee; float: right; background-image: url('/themes/opteam/img/right-huge.png');
                                       background-repeat: no-repeat; background-position: right 80px center; background-color: #4b96ee;
                                       -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.box-container .left-box.v1:hover .details h2, .box-container .left-box.v2:hover .details h2 { display: block; }

.box-container .left-box.v2 { background: #888; z-index: 10; cursor: pointer;
                              -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
 
.box-container .left-box.v2 .details h2 { width: 100%; text-align: left; line-height: 360px; margin: 0; padding: 0 50px; display: none; }
.box-container .left-box.v2:hover .details { width: 50%; }

.box-container .right-box { float: right; min-height: 370px; width: 50%; background-color: #f3f3f3; }
.box-container .right-box.v1 { padding: 40px 105px; }
.box-container .right-box.v2 { padding: 40px; }

.right-box.v2 img, .right-box.v1 img { max-width: 100%; width: auto; max-height: 50px; }

.box-container .right-box h3 { font-family: 'brandon_text_regularregular'; font-weight: 100; font-size: 24px; margin: 0 0 20px; 
                               line-height: 1.2em; color: #174ebf; }
.box-container .right-box h4 { font-family: 'brandon_text_regularregular'; font-weight: 100; font-size: 16px; line-height: 1.2em; color: #174ebf; }
.box-container .right-box p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
.box-container .right-box .button { margin: 20px 0 0; }

/* CONTACT BANNER */

.main-content .contact-banner { width: 100%; height: 370px; margin-bottom: 20px; background: #4b96ee; }
.main-content.contact-subpage { min-height: 880px; position: relative; }
.contact-banner .left-box { float: left; height: 100%; width: 50%; background-size: cover; }
.contact-banner .right-box { float: left; height: 100%; width: 50%; padding: 40px; }
.contact-banner .right-box h2 { font-size: 40px; color: #fff; margin: 0; line-height: 1.1em; padding: 0; }
.contact-banner .right-box p { font-size: 18px; color: #fff; }
.contact-banner .right-box .button { color: #fff; border: 1px solid #fff; }
.contact-banner .right-box .button:hover { color: #4b96ee; background: #fff; }

/* FUNCTIONS BOX */

.main-content .functions { margin: 0 -10px; }
.functions .functions-box { float: left; height: 370px; width: 50%; padding: 0 10px; margin-bottom: 20px; }
.functions .functions-box .functions-cont { height: 100%; width: 100%; background-color: #f3f3f3; 
                                            background-repeat: no-repeat; background-size: cover; background-position: left center; }

.functions .functions-box .functions-cont h2 { font-size: 35px; margin: 15px 0 0; line-height: 1.1em; padding: 0 0 5px; }
.functions .functions-box .functions-cont h4 { font-size: 18px; margin: 30px 0 0; font-weight: 400;
                                               line-height: 1.1em; padding: 0 0 5px; color: #174ebf; }
.functions .functions-box .functions-cont p { font-size: 14px; color: #868686; }
.functions .functions-box .functions-cont p.date { font-family: 'brandon_textblack'; font-weight: 100; font-size: 10px; color: #868686; 
                                                   margin: 10px 0 30px; }

.functions .functions-box .functions-cont.blue { background-color: #174ebf; color: #fff; }
.functions .functions-box .functions-cont.blue h2 { color: #fff; }
.functions .functions-box .functions-cont.blue p { color: #fff; }

.functions .functions-box .functions-cont.whole-bg { background-size: cover; }
.functions .functions-box .functions-cont .functions-cont-text { float: right; position: relative; width: 50%; height: 100%; padding: 10px 30px; }

.functions .functions-box .functions-cont .button { position: absolute; bottom: 45px; margin: 30px 0; }
.functions .functions-box .functions-cont .button:hover { position: absolute; bottom: 45px; }
.functions .functions-box .functions-cont.blue .button { border: 1px solid #fff; color: #fff; }
.functions .functions-box .functions-cont.blue .button:hover { color: #4b96ee; background: #fff; }
.functions .functions-box .functions-cont .button.lower { position: absolute; bottom: 0px; }
.functions .functions-box .functions-cont .button.lower:hover { position: absolute; bottom: 0px; }

.functions .functions-box .functions-cont .functions-cont-bg { float: left; width: 50%; height: 100%; background-size: cover; 
                                                               background-position: left center; background-repeat: no-repeat; }
.functions .functions-box .functions-cont .functions-cont-bg.bigger-bg { background-size: cover; background-position: left center; 
                                                                         background-repeat: no-repeat; }
.functions .functions-box .functions-cont.no-bg .functions-cont-text { float: left; width: 100%; height: 100%; padding: 10px 105px; }

/* TEXT WALLS */

.news-title h2 { font-size: 50px; color: #174ebf; line-height: 1em; margin: 30px 0 0; }
.news-title p.date { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #868686; }
.news-title img { display: block; margin: 0 auto; }

.career .text-wall { font-family: 'brandon_text_regularregular'; margin: 0 0 30px; width: 980px; }

.text-wall { font-family: 'brandon_text_regularregular'; margin: 0 0 30px; width: 770px; }
.text-wall.expandable { display: block; overflow: hidden; }
.text-wall p { font-size: 15px; color: #868686; padding: 0 125px; line-height: 1.6em; word-wrap: break-word; }
.text-wall p a { color: #4b96ee; }

.text-wall ul { font-size: 15px; color: #868686; padding: 0 125px; list-style-type: none; }
.text-wall ul li { padding: 3px 20px; }
.text-wall ul ul, .text-wall ul ul ul { padding: 0; }
.text-wall li:before { position: relative; top: -1px; display: inline-block; margin: auto; width: 20px; height: 9px; text-align: left; color: #174ebf;
                       font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }
.text-wall ol { font-size: 15px; color: #868686; padding: 0 125px; }
.text-wall ol li { padding: 3px 20px; }
.text-wall ol li ul { font-size: 15px; color: #868686; padding: 0; }

.text-wall h1 { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 400; color: #174ebf; padding: 0 0 20px; border-bottom: 1px solid #ececec; }
.text-wall h2, .text-wall h2 a { font-family: 'brandon_text_regularregular'; font-size: 24px; font-weight: 400; color: #4b96ee; margin: 40px 0; padding: 0; }
.text-wall h3 { font-family: 'brandon_textbold'; font-size: 15px; color: #174ebf; padding: 0 125px; margin: 20px 0; }
.text-wall h3.error { color: rgb(235, 100, 100); }
.text-wall h4 { display: block; margin: 30px 0 0; padding: 40px; background: #4b96ee; font-size: 18px; font-weight: 100; color: #fff; line-height: 1.4em; }
.text-wall h5 { display: block; margin: 0; padding: 40px 0 0; background: url('/themes/opteam/img/quote.png') no-repeat left top; 
                font-family: 'brandon_textbold'; font-size: 15px; color: #174ebf; font-weight: 400; }
.text-wall h6 { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 100; color: #174ebf; }

.text-wall img { display: block; max-width: 100%; width: auto; margin: 30px auto; height: auto; }
.text-wall .youtube { display: block; width: 50%; height: 390px; margin: 30px auto; }
.text-wall .button-youtube { display: none; }
.text-wall object { width: 100%; }
.text-wall-menu { position: absolute; right: 20px; top: -50px; background: #174ebf; width: 450px; height: auto; z-index: 20; }
.text-wall-menu.fixed { position: fixed; top: 80px; }
.text-wall-menu.fixed.stop { position: absolute; top: auto; bottom: 0; }
.text-wall-menu-cont { padding: 60px 0 60px 95px; width: 310px; }
.text-wall-menu-cont .title { font-family: 'brandon_textblack'; font-size: 13px; font-weight: 100; color: #5eb0ff; padding: 0 0 5px; margin: 15px 0;
                              line-height: 12px; text-transform: uppercase; }

.text-wall-menu a { position: relative; display: block; min-width: 190px; padding: 10px 10px 10px 0; font-size: 15px; color: #fff; 
                    border-bottom: 1px solid #5eb0ff;
                    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-wall-menu a:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 9px; text-align: right; 
                          font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }
.text-wall-menu a:hover, .text-wall-menu a.active { color: #5eb0ff; }
.text-wall-menu a.last { border-bottom: 0; }
.text-wall-menu a.leveled { padding-left: 20px; }

.text-wall-menu.functions-page { display: none; }
.text-wall-menu.functions-page.visible { display: block; }
.text-wall table { padding: 0; width: auto; border-collapse: separate; }
.text-wall-back { position: relative; left: 20px; background: #174ebf; width: 450px; height: auto; z-index: 20; }
.text-wall-back-cont { padding: 30px 0 30px 75px; width: 190px; }
.text-wall-back a { border-bottom: 0; }
.text-wall-back a { display: block; min-width: 190px; padding: 10px 0 10px 20px; font-size: 15px; color: #fff; }
.text-wall-back a .fa { position: relative; top: -1px; font-size: 8px; padding-right: 20px; }
.text-wall-back a:hover { color: #5eb0ff; }
.text-wall-back a.last { border-bottom: 0; }

/* PAGINATION */

.pagination { margin: 20px 0; text-align: center; }
.pages .page { display: inline-block; width: 40px; height: 30px; line-height: 30px; font-family: 'brandon_textbold'; font-size: 11px; color: #4b96ee;
               border: 1px solid #4b96ee; 
               -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
               transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
               border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.pages .page.page-active { border: 1px solid #868686; color: #868686; }
.pages .page.page-active:hover { background: none; border: 1px solid #868686; color: #868686; }
.pages .page:hover { background: #4b96ee; border: 1px solid #4b96ee; color: #fff; }
.pages .page i { font-size: 8px; }

/* OPTEAM BOX */

.opteam-box, .pep-box, .ims-box, .zsz-box { float: left; width: 50%; height: 270px; margin: 20px 0; text-align: center; padding: 0 50px; }
.opteam-box { color: #174ebf; background: #174ebf; line-height: 250px; }
.pep-box { color: #f19027; background: #f19027; line-height: 250px; }
.opteam-box img, .pep-box img, .ims-box img, .zsz-box img { display: inline-block; width: auto; margin: 0; max-width: 100%; max-height: 100%; }

/* PERSON BOX */

.person-container { width: 100%; height: auto; margin-bottom: 40px; }
.person-box .picture { float: none; width: 100%; height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #174ebf; }
.person-box .text-content { float: left; width: 70%; height: auto; background: #f3f3f3; padding: 30px 0; }
.person-box .text-content h2 { margin: 0; padding: 0 40px; }
.person-box .text-content h3 { font-family: 'brandon_textlight'; font-size: 18px; color: #868686; margin: 5px 0 30px; padding: 0 40px; }
.person-box .text-content p { font-size: 14px; color: #868686; padding: 0 40px; }
.person-box .rest { float: left; width: 30%; height: 370px; background: #4b96ee; }
.person-box ul { font-size: 14px; color: #868686; padding: 0 40px; list-style-type: none; }
.person-box li:before { display: inline-block; margin: auto; width: 20px; height: 9px; text-align: left; color: #174ebf;
                        font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }

/* HISTORY */

.history-table { background: url('/themes/opteam/img/timeline.png') repeat-y left 74px center; padding: 30px 0; }
.history-table-column { position: relative; width: 100%; }
.history-table-column .story { position: relative; display: block; padding-bottom: 60px; margin-left: 120px; width: 420px; }
.history-table-column img { margin-bottom: 30px; max-width: 100%; }
.history-table-column p.date { font-family: 'brandon_textbold'; font-size: 14px; color: #868686; margin: 0 0 5px; text-transform: uppercase; }
.history-table-column h2 { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; margin: 5px 0 20px; }
.history-table-column h4 { font-family: 'brandon_textlight'; font-size: 18px; font-weight: 400; 
                           background: #4b96ee; color: #fff; margin: 40px 0 0; padding: 40px; }
.history-table-column h5 { display: block; margin: 0; padding: 40px 0 0; background: url('/themes/opteam/img/quote.png') no-repeat left top; 
                           font-family: 'brandon_textbold'; font-size: 14px; font-weight: 400; color: #174ebf; }
.history-table-column h6 { display: block; margin: 0; padding: 0 0 40px; 
                           font-family: 'brandon_text_regularregular'; font-size: 14px; font-weight: 100; color: #174ebf; }
.history-table-column p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
.story .pointer { position: absolute; top: 0; width: 20px; height: 20px; background: #fff; border: 4px solid #4b96ee;
                  border-radius: 90px; -webkit-border-radius: 90px; -moz-border-radius: 90px; 
                  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.story.right .pointer, .story.left .pointer { left: -55px; }
.story .pointer:hover { background: #4b96ee; }
#start-button { position: absolute; top: 0; left: 0; right: auto; width: 150px; }
#end-button { position: absolute; bottom: 0; left: 0; right: auto; width: 150px; }

#story-1 { position: relative; margin-top: 105px; }

span.blue { color: #4b96ee; }

.service-content.contact { margin-bottom: 30px; }
.pdf-box { display: block; width: 100%; padding: 0 30px; margin: 10px 0; background: #fff; border: 1px solid #4b96ee;
           font-family: 'brandon_text_regularregular'; font-size: 14px; color: #174ebf; z-index: 10;
           border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
           -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pdf-box:hover { background: #4b96ee; color: #fff; }

.pdf-box p { float: left; width: 70%; margin: 0; padding: 0; line-height: 46px; color: #174ebf;
             -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
             -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pdf-box p span { display: inline-block; vertical-align: middle; line-height: 1.2em; }
.pdf-dl { display: block; float: right; width: 30%; line-height: 50px; background: url('/themes/opteam/img/pdf.png') no-repeat right center; padding-right: 30px;
          font-family: 'brandon_textblack'; font-size: 10px; color: #4b96ee; text-transform: uppercase; text-align: right;
          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
          -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pdf-box:hover .pdf-dl { color: #fff; background: url('/themes/opteam/img/pdf-hover.png') no-repeat right center; }
.pdf-box:hover p { color: #fff; }


.iqnet-1-box { float: left; width: 50%; height: 370px; background: #174ebf url('/themes/opteam/img/iqnet.png') no-repeat top 100px center; margin-bottom: 20px;
               font-size: 18px; color: #fff; text-align: center; line-height: 500px; }
.iqnet-2-box { float: left; width: 50%; height: 370px; background: #474480 url('/themes/opteam/img/iqnet.png') no-repeat top 100px center; margin-bottom: 20px;
               font-size: 18px; color: #fff; text-align: center; line-height: 500px; }

.box-3 { float: left; width: 33.333333%; height: 350px; margin: 30px 0 0; }
.box-3 p { font-family: 'brandon_textlight'; font-size: 30px; font-weight: 100; padding: 40px; margin: 0; color: #fff; }
.box-3.darker p { color: #868686; }

.button-history { display: block; margin: 0 auto; padding: 10px 0; width: 80%; font-size: 10px; color: #4b96ee; text-transform: uppercase; 
                  border: 1px solid #4b96ee; text-align: center; background: #fff;
                  font-family: 'brandon_textblack'; font-weight: 100;
                  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button-history:hover { display: block; color: #fff; background: #4b96ee; }

.contact-form-50 { width: 50%; float: left; }
.contact-form-50.left { padding-right: 10px; }
.contact-form-50.right { padding-left: 10px; }

.contact-form h4 { font-family: 'brandon_text_regularregular'; font-weight: 100; font-size: 24px; color: #4b96ee; margin: 40px 0; }
label { display: block; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; padding: 10px 0 5px; }
.label.check { float: left; display: block; width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-form input[type="text"] { width: 100%; height: 42px; padding: 0 20px; border: 1px solid #4b96ee; outline: none;
                                   font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                                   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-form input.required { border: 1px solid #4b96ee; }
.contact-form .error input, .contact-form .error textarea { border: 1px solid #eb6464; }
.contact-form .checkbox.error { color: #eb6464; }
.contact-form textarea { width: 100%; height: 100px; max-height: 100px; outline: none; border: 1px solid #4b96ee; padding: 15px 20px;
                         font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                         border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                         -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select { width: 100%; height: 42px; outline: none; border: 1px solid #4b96ee; padding: 0 20px; margin: 0;
          font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
          border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-form p { padding: 0 100px; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 10px 0; }

.contact-form .checkbox { margin: 30px 0; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
.contact-form input[type="checkbox"] { margin: 0 10px; }
.contact-form input[type="submit"], .contact-form button[type="submit"] { position: relative; background: none; padding: 15px 150px 15px 30px; 
                                     border: 1px solid #4b96ee; margin: 40px 0 0;
                                     font-family: 'brandon_textbold'; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #4b96ee; outline: none;             
                                     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                                     -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.contact-form input[type="submit"]:after, .contact-form button[type="submit"]:after { display: block; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 9px; text-align: right; 
                                           font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }
.contact-form input[type="submit"]:hover, .contact-form button[type="submit"]:hover { background: #4b96ee; color: #fff; }

span.required, sup.required { color: #4b96ee; }
.contact-form .label-required { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }

.files ul li { padding: 0; background: none; }
.files img { display: inline-block; padding-right: 10px; margin: 10px 0; }
.files ul { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; list-style-type: none; padding: 0; }

.photos span { margin: 0 auto; display: block; text-align: center; }

.message { font-family: 'brandon_text_regularregular'; }
.message.error ul li { color: rgb(235, 100, 100); }
.message.error ul li ul li { color: #4b96ee; }
.message ul { list-style-type: none; }
.message ul li { list-style-type: none; padding: 0; font-size: 20px; color: #4b96ee; font-weight: 100; background: none; }
.message li:before { display: none; }
.message ul li ul { list-style-type: none; padding: 0 40px; }
.message ul li ul li { font-size: 16px; }
.message ul li ul li:before { display: inline-block; margin: auto; width: 20px; height: 9px; text-align: left; color: #174ebf;
                              font-family: 'FontAwesome'; font-size: 8px; content: "\f054"; }

table.stacktable { width: 100%; margin-bottom: 40px; border-collapse: separate; border: 1px solid #4b96ee; border-spacing: 0;
                   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
table.stacktable tr { display: table-row; border-bottom: 1px solid #4b96ee;
                      font-family: 'brandon_textbold'; color: #868686; font-size: 14px; text-align: left; }
table.stacktable thead td { border-bottom: 1px solid #4b96ee; border-right: 1px solid #4b96ee; padding: 10px; font-weight: 400;
                      font-size: 11px; color: #4b96ee; font-family: 'brandon_textblack'; text-transform: uppercase; text-align: center; }
table.stacktable th { border-bottom: 1px solid #4b96ee; border-right: 1px solid #4b96ee; padding: 10px; font-weight: 400;
                      font-size: 11px; color: #4b96ee; font-family: 'brandon_textblack'; text-transform: uppercase; text-align: center; }
table.stacktable th:last-child { border-right: 0; }
table.stacktable td { border-collapse: collapse; border-right: 1px solid #4b96ee; padding: 10px; text-align: center; }
table.stacktable td:last-child { border-right: 0; }
.text-wall td p, .text-wall td ul, .text-wall td ol { padding: 0; text-align: left; font-family: 'brandon_text_regularregular'; }

table.table-mobile { display: none; }

.info_c_box { position: fixed; bottom: 0; z-index: 100; background: #174ebf; width: 100%; padding: 20px 0;
              -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
              -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
              box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }
.info_c_box .span10 { float: left; width: 80%; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #fff; font-weight: 100; }
.info_c_box .span2 { float: left; width: 20%; text-align: right; }
.info_c_box .span2 .button { width: 100%; margin: 0; cursor: pointer; margin: 0; padding: 10px 15px; border: 1px solid #fff;
                             font-family: 'brandon_textblack'; font-weight: 100; font-size: 11px; color: #fff; text-transform: uppercase; 
                             -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
                             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.info_c_box .span2 .button:hover { display: block; color: #4b96ee; background: #fff; }
.info_c_box .span2 .button:after { display: none; }

.search-content .field.text, .search-content .field.buttons { float: left; clear: none; height: 80px; }
.search-content input[type="text"] { width: 300px; height: 42px; padding: 0 20px; border: 1px solid #ccc; outline: none;
                                     font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                                     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-content input[type="submit"] { float: left; margin: 34px 0 0; padding: 10px 15px; width: 150px; height: 42px; font-size: 11px; color: #4b96ee;
                                       background: #fff; text-transform: uppercase; border: 1px solid #4b96ee; font-family: 'brandon_textblack';
                                       border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                       -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search-content input[type="submit"]:hover { background: #4b96ee; color: #fff; }
.search-content .checkbox.error { color: #eb6464; }

.files { padding: 30px 0; }

.photos-clients { margin: 30px 0 0; }
.photos-clients img { margin: 10px 0; width: 24%; display: inline-block; padding: 0 15px;
                      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clients-box { width: 600px; margin: 30px auto 0; }
.clients-box .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 160px; width: 12px; height: 18px; padding: 0; margin: 0;
                                                         font-size: 21px; background: none; color: #868686;
                                                         -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
                                                         filter: Alpha(Opacity=100); opacity: 1; }
.clients-box .owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px; }
.clients-box .owl-theme .owl-controls .owl-buttons .owl-next { right: -60px; }

.functions-mobile { height: 100%; }

.youtube-video { display: block; width: 100%; text-align: center; height: 100%; border: 1px solid #fff; background: url('/themes/opteam/img/play.png') no-repeat center;
                 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.youtube-video:hover { background: rgba(0,0,0,0.5) url('/themes/opteam/img/play_hover.png') no-repeat center; }

.youtube-video.inverted { border: 1px solid #fff; background: url('/themes/opteam/img/play_hover.png') no-repeat center;}
.youtube-video.inverted:hover { background: rgba(255,255,255,0.5) url('/themes/opteam/img/play_hover.png') no-repeat center; }

.youtube-video.darker { border: 1px solid #4b97ef; background: url('/themes/opteam/img/play_hover.png') no-repeat center;}
.youtube-video.darker:hover { background: rgba(75,151,239,0.5) url('/themes/opteam/img/play_hover.png') no-repeat center; }

.youtube-video.fixed-height { height: 300px; }
.youtube-video.fixed-height-smaller { height: 250px; }

.video-overlay { width: 100%; height: 100%; background-size: cover; background-position: center; border: 1px solid #fff;
                 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.services h3.headline, .text-wall h4.title { font-family: 'brandon_textlight'; font-size: 40px; font-weight: 100; color: #174ebf; margin: 30px 0 0; padding: 0 0 30px;
                                             border-bottom: 1px solid #ececec; line-height: 1.1em; background: none; }

#loadMore, #showLess { display: none; }
#loadMore, #showLess { cursor: pointer; position: absolute; margin-top: 20px; color: #777777; right: 0; z-index: 10; }
#loadMore span, #showLess span { display: block; width: 100px; background-color: #fff; border: 1px solid #4b97ed; padding: 10px 55px 10px 15px;
                                 color: #4b97ed; font-size: 10px; text-transform: uppercase; text-align: left;
                                 background-repeat: no-repeat; background-position: right 15px center;
                                 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                                 -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#loadMore span:after { display: block; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 11px; text-align: right; 
                       font-family: 'FontAwesome'; font-size: 8px; content: "\f078"; }
#showLess span:after { display: block; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 20px; height: 11px; text-align: right; 
                       font-family: 'FontAwesome'; font-size: 8px; content: "\f077"; }
#loadMore span:hover { background-color: #4b97ed; color: #fff; }
#showLess span:hover { background-color: #4b97ed; color: #fff; }

.service-content-p ul { font-size: 15px; color: #868686; padding: 0; list-style-type: none; }
.service-content-p h3 { font-family: 'brandon_text_regularregular'; font-size: 14px; font-weight: 400; color: #174ebf; }
.service-content-p p { padding: 0; }

.button.news-fixed { position: absolute; bottom: 0; left: 50px; }

.text-wall .question-field { padding: 5px 125px; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
.text-wall .question-field.heading { padding: 5px 0; }
.text-wall .question-field.heading h2 { margin: 40px 0 10px; padding: 0; }
.text-wall .question-field * { padding-left: 0; padding-right: 0; }

.text-wall .question-field label { display: inline-block; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; padding: 10px 30px 10px 0; }
.text-wall .question-field input[type="text"] { width: 100%; height: 42px; padding: 0 20px; border: 1px solid #4b96ee; outline: none;
                                                font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                                                border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                                -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-wall .question-field textarea { width: 100%; height: 100px; max-height: 100px; outline: none; border: 1px solid #4b96ee; padding: 15px 20px;
                                      font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                                      border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-wall .question-field .select { width: 100%; height: 42px; outline: none; border: 1px solid #4b96ee; padding: 0 20px; margin: 10px 0;
                                     font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686;
                                     -webkit-appearance: none; -moz-appearance: none; appearance: none;
                                     border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-wall input[type="submit"] { display: block; padding: 15px 150px 15px 30px; border: 1px solid #4b96ee; margin: 40px 0 0; background: none;
                                  font-family: 'brandon_textbold'; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #4b96ee; outline: none;             
                                  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                                  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                                  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.text-wall input[type="submit"]:hover { background: #4b96ee; color: #fff; }
.text-wall input[type="radio"], .text-wall input[type="checkbox"] { margin-right: 10px; }

.form { margin: 0 -10px; }
.form:before,.form:after { content: " "; display: table; }
.form:after { clear: both; }
.form .field { padding: 0 10px; }
.contact-form .form .field.text { width: 50%; float: left; clear: none; }
.form .field.textarea, .form .field.select, .form .field.checkbox, .form .field { clear: both; }

.form .field .file .upload-file { float: left; width: 50%; }
.file-uploader { width: 140px; height: 42px; margin-left: 5px; padding: 11px 20px; background-color: #4b96ee; border: 1px solid #4b96ee; 
                 outline: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.file-uploader-delete { display: none; width: 42px; height: 23px; cursor: pointer; margin: 0 0 0 5px;
                        background: url('/themes/opteam/img/cross.png') no-repeat center center;
                        -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.file-uploader-delete.show { display: inline-block; }

@media screen and (max-width: 1560px) {

    .content { width: auto; margin: 0 50px; height: auto; }    

    .box-container .right-box.v1 { padding: 40px; }

    .functions .functions-box { max-width: 740px; margin: 0 auto 20px; }
    .functions .functions-box .functions-cont h2 { font-size: 25px; }

    .investors-box { padding: 40px 130px 40px 305px; }

    .panel-sites.smaller.whole-bg { background-size: auto; }

    .text-wall { width: 620px; }
    .text-wall p, .text-wall h3 { padding: 0 100px; }

    .box-3 { height: 450px; }
    .box-3 p { font-family: 'brandon_textlight'; font-size: 30px; font-weight: 100; margin: 0; color: #fff; }
    .box-3.darker p { color: #868686; }

    .pdf-box p { padding: 0; }

    .panel-sites { background-position: center; }
    .panel-sites.white.product { background-position: center; }

    .service-content-p p { padding: 0; }

    .clients-box { width: 450px; margin: 30px auto 0; }

}

@media screen and (max-width: 1250px) {
    
    .panel-sites.functions-site { background-position: center; }

    .market-boxes-cont { width: 740px; }
    .market-boxes-big { float: none; width: 100%; }
    .market-boxes-medium { width: 100%; }
    .market-boxes-small { width: 50%; }

    .news { width: 100%; float: none; }
    .investors { width: 100%; float: none; }

    .functions .functions-box { float: none; height: 370px; width: 100%; max-width: 740px; padding: 0 20px; margin: 0 auto 20px; }

    .box-container .left-box { line-height: 2em; }
    .box-container .left-box.v1 { background-image: none; cursor: default; }
    .box-container .left-box.v1:hover .details { display: none; }
    .box-container .left-box.v1:hover .details h2 { display: none; }
    .box-container .left-box.v1 h2 { font-size: 24px; width: auto; padding: 20px 30px; }
    .box-container .left-box.v2 { background-image: none; cursor: default; }
    .box-container .left-box.v2:hover .details { display: none; }
    .box-container .left-box.v2:hover .details h2 { display: none; }
    .box-container .left-box.v2 h2 { font-size: 24px; width: auto; padding: 20px 30px; }
    .box-container .right-box.v1 { padding: 30px 40px; }
    .box-container .right-box.v2 { padding: 30px 40px; }
    .box-container .right-box h4 { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; margin: 15px 0; }
    .box-container .right-box p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 15px 0; }

    .contact-banner .right-box { width: 50%; }

    .career .text-wall { font-family: 'brandon_text_regularregular'; margin: 0 0 30px; width: 980px; }
    .text-wall { width: 580px; }

    .box-3 { float: none; width: 100%; height: auto; margin: 20px 0; }
    .box-3 p { padding: 40px; }

    .opteam-box img, .pep-box img { display: inline-block; width: auto; }

    .text-wall-menu { width: 400px; }
    .text-wall-menu-cont { padding: 60px; }

    .panel-sites { background-position: center; }
    .panel-sites.news-site { background-position: top center; }

    .photos-clients img { width: 32%; }
    
    .service-cont { background-position: top right -250px; }

}

@media screen and (max-width: 1080px) {

    .content-top { width: auto; margin: 0 30px; }
    .content { margin: 0 30px; }

    .logo { float: left; width: 210px; }
    .credits .gpw { display: block; position: relative; background: url('/themes/opteam/img/gpw.jpg') no-repeat left center; 
                    width: 100%; margin: 0; background-size: 100px; }
    .search { position: relative; margin: 0; }
    .links { width: 105px; }
    .b2b { display: none; }

    .investors-link { width: 100%; }

    .panel-sites.white { height: auto; }

    .main-content.desc-main { min-height: 0; }

    .menu.fixed .menu-item.relations-button.dropdown.drop-active { line-height: 80px; 
                                                                   background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }
    .menu-item.career-button.dropdown.drop-active { line-height: 80px; 
                                                    background: url('/themes/opteam/img/active-main-menu.png') no-repeat bottom center; color: #174ebf; }

    .menu .menu-item, .menu-item.last { width: 12.5%; margin: 0; padding-left: 10px; padding-right: 10px; 
                                                      box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .menu .menu-item.menu-button { width: 12.5%; margin: 0; padding: 33px 0 32px; }
    
    .menu-fixed .menu-item.dropdown { margin: 0; }
    .menu-fixed .logo { width: 28%; }
    .menu-column-4 { float: left; width: 50%; border-right: 0; height: auto; }
    .main-menu .title  { font-size: 14px; line-height: 14px; }

    .main-menu a, .menu-column-4 .address, .company-links a, .company-links .title, 
    .contact-links a, .contact-links .title { font-size: 14px; line-height: 2em; }

    .company-box { width: 60%; }
    .company-box h3 { font-family: 'brandon_text_regularregular'; font-size: 24px; width: auto; }
    .company-links { width: 40%; }
    .h3-border { border: 0; }

    .market-box h2 { width: 40%; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .market-box h3 { width: 60%; }

    .contact-box { width: 60%; }
    .contact-links { width: 40%; height: 550px; }

    .banner-video { display: none; }
    .banner-video .youtube { display: none; }
    .banner-text { float: none; width: 100%; padding: 30px 105px; }
    .banner-button { float: left; }
    .banner-text .button-youtube { float: left; display: block; margin: 20px 0 20px 10px; padding: 10px 15px; width: 200px; 
                                   font-size: 11px; color: #fff; text-transform: uppercase; font-family: 'brandon_textblack'; font-weight: 100;
                                   border: 1px solid #fff; background: rgba(255,255,255,0.4);
                                   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .banner-text .button-youtube:hover { color: #4b96ee; background: #fff; }

    .button-solutions.first { margin-left: 0; } 

    .service-cont { margin: 0; background-position: top right -370px; }
    .service { margin: 0 30px; }
    .service-logo { width: 32%; }
    .service-logo.raports { width: 95%; }
    .service-logo img { margin-top: -5px; height: 35px; }
    .service-text { width: 63%; font-size: 14px; }
    .service-show { width: 5%; }
    .service-content { display: none; position: relative; }
    .service-content-text { width: 50%; padding-right: 10px; }
    .service-content-video { width: 50%; margin: 30px 0; padding-left: 10px; }
    .service-content-video .youtube { height: 230px; }

    .service-content-text.contact { float: left; width: 33.333333%; margin: 30px 0; }

    .text-wall { margin: 0 auto 30px; width: auto; }
    .career .text-wall { font-family: 'brandon_text_regularregular'; margin: 0 0 30px; width: auto; }

    .text-wall-menu { display: none; }
    .text-wall-menu.functions-menu { display: block; position: relative; top: 0; margin: 40px 0 30px; width: 100%; right: 0; }
    .text-wall-menu-cont { padding: 60px; width: 100%;
                           -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .text-wall-menu-cont a { width: 45%; float: left; margin-right: 20px; }
    .text-wall-menu.functions-page { display: block; }

    .footer { display: none; }

    .credits { display: block; border-top: 1px solid #ececec; margin: 0 20px; }
    .credits-text { float: left; line-height: 80px; margin-left: 20px; }
    .credits .search.focused { width: 300px; }
    .credits-text span { display: inline-block; vertical-align: middle; line-height: 1.7em; 
                         font-family: 'brandon_text_regularregular'; font-size: 12px; color: #868686; }
    .credits .logo { width: 210px; height: 80px; margin: 0; }
    .contact-but { display: block; float: right; }
    .contact-but .button { float: right; margin: 30px 0 30px 20px; }

    .box-container .right-box.v1 { padding: 20px 30px; }
    .box-container .right-box.v2 { padding: 20px 30px; }
    .box-container .right-box h4 { font-family: 'brandon_text_regularregular'; font-size: 16px; color: #174ebf; margin: 15px 0; }
    .box-container .right-box p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 15px 0 0; }

    .news-title h2 { font-size: 40px; }

    .info_c_box .span10 { float: none; width: 100%; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #fff; font-weight: 100; }
    .info_c_box .span2 { float: none; width: 100%; max-width: 300px; text-align: center; margin: 20px auto 0; }
    .info_c_box .span2 .button { padding: 20px 15px; text-align: center; }

    .clients-box { width: 75%; margin: 30px auto 0; }

    .panel-mobile { background: rgba(255,255,255,0.5); height: 100%; width: 100%; }

}

@media screen and (max-width: 780px) {

    .mobile-fix { padding-top: 80px; }
    .logo { margin: 0; }
    .logo.pl { background: url('/themes/opteam/img/logo.svg') no-repeat left center; background-size: 70%; }
    .logo.en { background: url('/themes/opteam/img/logo_en.svg') no-repeat left center; background-size: 70%; }
    .top .search, .credits .search-cont, .credits .search-cont.focused, .top .social, .language, .dropdown, a.menu-item { display: none; }
    .content-top.line { height: 80px; border-bottom: 0; }
    .content-top { margin: 0 20px; }
    .content { margin: 0 20px; }

    .credits .gpw { display: block; position: relative; top: 0; background: url('/themes/opteam/img/gpw.jpg') no-repeat center; 
                    width: 100%; margin: 0; background-size: 100px; }
    .credits .gpw.en { background: url('/themes/opteam/img/gpw_en.png') no-repeat center; background-size: 100px; }

    .top { width: 100%; position: fixed; top: 0; left: 0; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
           -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
           box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }
    .menu { width: 20%; float: right; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: fixed; top: 0; right: 0; z-index: 40; }
    .menu-button { float: right; width: 25px; }
    .menu .menu-item.menu-button { width: 25px; }

    .main-menu { top: 80px; padding: 0 0 20px; }
    .main-menu .title { position: relative; display: block; font-size: 14px; font-weight: 100; color: #5eb0ff; padding: 25px 0; margin: 0; 
                        line-height: 12px; border-bottom: 1px solid #5eb0ff; cursor: pointer;
                        -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .main-menu p.title:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 14px; text-align: right; 
                              font-family: 'FontAwesome'; font-size: 19px; content: "\f078"; }
    .main-menu p.title.active:after { display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 14px; text-align: right; 
                              font-family: 'FontAwesome'; font-size: 19px; content: "\f077"; }
    .main-menu .title:hover { color: #fff; }
    .menu-column-4 { float: none; width: 100%; border-right: 0; height: auto; padding: 0; margin: 0;  }
    .menu-column-4 .address { display: none; }
    .mobile-drop { display: none; padding: 25px 0; }
    .main-menu a { font-size: 14px; }
    .menu-column-4 .sep { display: none; margin: 0; }
    .mobile-last { display: block; }
    .main-menu .search-cont { margin: 20px 0; }
    .search-bar-mobile { border: 1px solid #fff; padding: 0 20px; height: 80px; width: 100%; outline: none; margin-top: 20px;
                         font-size: 14px; font-family: 'brandon_textblack'; text-transform: uppercase; color: #fff; 
                         background: url('/themes/opteam/img/search-white.png') no-repeat right 20px center;
                         -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box;
                         border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                         -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .search-bar-mobile::-ms-expand { display: none; }
    .search-bar-mobile::-webkit-input-placeholder { color: #fff; }
    .search-bar-mobile::-moz-placeholder { color: #fff; }
    .search-bar-mobile:-ms-input-placeholder { color: #fff; }
    .language-select-mobile { border: 1px solid #fff; padding: 0 20px; height: 60px; width: 100%; outline: none; margin-top: 20px;
                              font-size: 14px; font-family: 'brandon_textblack'; text-transform: uppercase; color: #fff; background: none;
                              -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box;
                              border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                              -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .language-select-mobile option { color: #868686; padding: 20px; border: 0; background: #fff; }
    .mobile-language { margin: 30px 0 0; text-align: center; }
    .mobile-language a { display: inline-block; padding: 10px 20px; }
    .mobile-language a .fa { font-size: 26px; }

    .content { width: auto; margin: 0; height: auto; } 

    .market-menu { position: relative; width: 100%; background: #f3f3f3; display: none; -webkit-transform: translateZ(0); }
    .market-box { float: none; padding: 30px 0; }
    .market-box h2 { padding: 0 0 20px; }
    .market-box h3 { width: auto; }

    .market-boxes-cont { position: relative; margin: 0; width: 100%; }
    .market-boxes-big, .market-boxes-medium, .market-boxes-small { float: none; width: 100%; word-wrap: break-word; }
    .market-boxes-big .button, .market-boxes-small .button, .market-boxes-medium .button { width: auto; left: 30px; right: 30px; }
    .market-boxes-big { background-size: auto 100%; }
    .market-boxes-big:hover { background-size: auto 110%; }
    .market-boxes-medium { background-size: auto 100%; }
    .market-boxes-medium:hover { background-size: auto 110%; }
    .market-boxes-small { background-size: 100%; }
    .market-boxes-small:hover { background-size: 110%; }

    .news-row h2 { font-size: 36px; margin: 30px 0 30px 20px; line-height: 1em; }
    .news-box { height: auto; padding: 20px 20px 40px; }
    .news-text { padding: 50px 0 0; height: 450px; }  
    .news-timeline { padding-bottom: 3px; }
    .news-archiv { margin: 0 0 20px; }
    .news-archiv a { float: none; display: inline-block; width: 130px; margin: 0 0 4px; }

    .investors-box { width: 100%; height: auto; padding: 200px 0 0; background: #174ebf url('/themes/opteam/img/investor.jpg') no-repeat top center;
                     background-size: 100% auto; }
    .investors-box.listpage { padding: 200px 0 0; background: #f3f3f3 url('/themes/opteam/img/listpage.jpg') no-repeat top -150px center; background-size: 100% auto; }
    .investors-padding { padding: 10px 20px 20px; background: #174ebf; }
    .investors-box.listpage .investors-padding { background-color: #f3f3f3; }
    .investors-link { display: block; width: 100%; padding: 15px 0; font-size: 14px; color: #fff; border-bottom: 1px solid #5eb0ff;
                      background: #174ebf;
                      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .investors-link:hover { color: #5eb0ff; }

    .banner { background: #fff; width: 100%; height: auto; margin: 0; }
    .banner-text { padding: 20px 0; }
    .banner-text h2 { font-family: 'brandon_textlight'; font-size: 36px; color: #174ebf; margin: 10px 20px 30px; line-height: 1em; }
    .banner-text p { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; margin: 0 20px 40px; }
    .banner-text .button { display: none; }
    .banner-video-button { background: url('/themes/opteam/img/ban.png') no-repeat; background-size: cover; padding: 30px 0; 
                           display: block; width: 100%; height: 200px; }
    .banner-text .button-youtube { float: none; margin: 0 20px; padding: 0 20px; width: auto; height: 140px; line-height: 140px; 
                                   font-size: 14px; color: #fff; border: 1px solid #fff; background: transparent;
                                   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                                   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .banner-text .button-youtube:hover { color: #4b96ee; background: #fff; }

    .content-top.service { margin: 0 20px; }
    .service-logo { float: none; width: 100%; height: 100px; line-height: 100px; text-align: center; }
    .service-logo.raports { float: none; width: 100%; height: auto; line-height: normal; padding-top: 30px; border-bottom: 0; }
    .service-logo img { margin: 0; max-width: 100%; width: auto; height: auto; max-height: 50px; }
    .service-text { float: none; width: auto; height: auto; line-height: normal; padding-left: 0; text-align: center; font-size: 18px; }
    .service-text.download { text-align: center; font-size: 14px; }
    .service-show { float: none; width: auto; height: 60px; }
    .service-show:after { left: 0; }
    .service-show.active:after { left: 0; }

    .service-cont { margin: 0; background: none!important; }
    .service-cont.active { background: #f3f3f3!important; }
    .service-content { display: none; position: relative; }
    .service-content-text { float: none; width: auto; margin: 30px 0; padding: 0; text-align: center; }
    .service-content-row .service-content-text.contact { float: none; width: 50%; margin: 30px auto 0; height: auto; padding: 0; }
    .service-content-video { float: none; width: auto; margin: 15px 0; padding: 0; }
    .service-content-video .youtube { display: none; }    
    .service-content-map { float: none; margin: 30px auto 60px; width: auto; text-align: center; }
    .service-content-p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 30px 0;
                         -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
    .service-button-youtube { background-size: cover; padding: 0 20px; display: block; width: 100%; height: 100px; line-height: 100px; 
                              font-size: 14px; color: #4b96ee; border: 1px solid #4b96ee; text-transform: uppercase;
                              -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                              border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .service-button-youtube:hover { color: #fff; background: #4b96ee; }

    .credits { display: block; border-top: 1px solid #ececec; margin: 0; }
    .credits-text { float: none; line-height: 60px; margin-left: 0; width: 100%; }
    .credits-text span { width: 100%; text-align: center; display: inline-block; vertical-align: middle; line-height: 1.7em; 
                         font-family: 'brandon_text_regularregular'; font-size: 12px; color: #868686; }
    .credits .logo { float: none; width: 100%; height: 80px; margin: 0; }
    .credits .logo.pl { background: url('/themes/opteam/img/logo.svg') no-repeat center; background-size: 150px auto; }
    .credits .logo.en { background: url('/themes/opteam/img/logo_en.svg') no-repeat center; background-size: 150px auto; }
    .credits .gpw.pl { background: url(/themes/opteam/img/gpw.jpg) no-repeat center; background-size: 100px; }
    .credits .gpw.pl { background: url(/themes/opteam/img/gpw.jpg) no-repeat center; background-size: 100px; }
    .contact-but { display: block; float: none; }
    .contact-but .button { float: none; margin: 0 0 19px; }
    .contact-top { display: block; float: none; }
    .contact-top .button { margin: 24px 0 19px; background-color: #fff; }
    .contact-top .button:after { right: 15px; height: 30px; font-size: 20px; }
    .credits .social { position: relative; text-align: center; width: 100%; right: 0; }
    .credits .search { display: none; }

    .solutions h2 { font-size: 36px; padding: 0 0 30px 0; border-bottom: 0; line-height: 1em; }

    .button { padding: 27px 20px 26px; width: 100%; font-size: 14px; text-align: left;
              -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .button:after, .button:hover:after { right: 10px; height: 20px; font-size: 19px; }
    .button.button-solutions { padding: 20px 15px; margin: 0 0 10px; width: 48%; font-size: 14px; } 
    .button.button-solutions.left-sol { float: left; }
    .button.button-solutions.right-sol { float: right; }
    .button-solutions-all { margin: 30px 20px; width: auto; }

    .panel-sites { height: auto; }
    .panel-sites .mobile-panel { background: rgba(255,255,255,0.6); }
    .panel-sites.smaller { border-top: 2px solid #174ebf; padding-top: 250px; height: auto; 
                           background-position: top right; background-size: auto 250px; }
    .panel-sites.smaller.whole-bg { border-top: 2px solid #174ebf; padding-top: 350px; height: auto;
                                    background-position: top right; background-size: auto 350px; }
    .panel-sites .banner-text-container { position: relative; padding-top: 0; padding-right: 0; }
    .panel-sites .banner-text-con { float: none; width: 100%; }
    .panel-sites .banner-text-con img { margin-bottom: 30px; }
    .panel-career .content-top.career-text { display: table; padding: 0; height: 750px; }

    .panel-sites.white { background-position: center; }
    .panel-sites .banner-sites-video { display: none; }
    .panel-sites.white.product { background: none; }
    .banner-text-container .button-youtube { display: block; padding: 0 20px; width: auto; height: 100px; line-height: 100px; 
                                             font-size: 14px; color: #4b96ee; border: 1px solid #4b96ee; text-transform: uppercase;
                                             background: transparent;
                                             -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                                             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .banner-text-container .button-youtube:hover { color: #fff; background: #4b96ee; }

    .main-content .box-container { height: auto; margin-bottom: 20px; }
    .box-container .left-box { position: relative; float: none; height: auto; width: 100%; text-align: center; padding: 20px 0; }
    .box-container .left-box.v1:hover { width: 100%; }
    .box-container .left-box.v1:hover .details { display: none; }
    .box-container .left-box.v1:hover .details h2 { display: none; }
    .box-container .left-box.v2:hover { width: 100%; }
    .box-container .left-box.v2:hover .details { display: none; }
    .box-container .left-box.v2:hover .details h2 { display: none; }
    .box-container .left-box h2 { margin: 0; }
    .box-container .right-box { position: relative; float: none; height: auto; width: 100%; background-color: #f3f3f3; text-align: center; }
    .box-container .right-box.v1 { padding: 30px 30px 10px; }
    .box-container .right-box.v2 { padding: 30px 30px 10px; }
    .box-container .right-box h4 { font-family: 'brandon_text_regularregular'; font-size: 18px; color: #174ebf; margin: 30px 0; }
    .box-container .right-box p { font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; margin: 30px 0; }
    .box-container .right-box .button { text-align: left; }
    .content-top.box { width: auto; margin: 0; }

    .main-content .contact-banner { width: 100%; height: auto; margin: 0; background: #4b96ee; }
    .contact-banner .left-box { float: none; height: 200px; width: 100%; background: url('/themes/opteam/img/contact.png'); background-size: cover; background-position: center; }
    .contact-banner .right-box { float: none; height: auto; width: 100%; background-color: #9e00e8; padding: 30px 20px 10px; text-align: center; }
    .contact-banner .right-box h2 { font-size: 24px; }
    .contact-banner .right-box p { font-size: 18px; color: #fff; margin: 30px 0 40px }

    .main-content .functions { margin: 0 0 20px; }
    .functions .functions-box { float: none; height: auto; width: 100%; margin-bottom: 20px; padding: 0; }
    .functions .functions-box .functions-cont { }
    .functions .functions-box .functions-cont .functions-cont-text { float: none; width: 100%; height: auto; position: relative; top: 0; }
    .functions .functions-box .functions-cont.bigger-bg .functions-cont-text { float: none; width: 100%; height: auto; }
    .functions .functions-box .functions-cont h2 { font-family: 'brandon_text_regularregular'; font-size: 24px; padding: 30px 0; }
    .functions .functions-box .functions-cont p { padding: 0 0 30px; }
    .functions .functions-box .functions-cont.whole-bg { padding-top: 250px; background-size: 100% auto; background-position: top left; }

    .functions .functions-box .functions-cont.whole-bg .functions-cont-text { background-color: #f3f3f3; }
    .functions .functions-box .functions-cont.no-bg .functions-cont-text { float: none; width: 100%; height: auto; padding: 10px 20px 0; }
    .functions .functions-box .functions-cont .button { position: relative; bottom: 0; }
    .functions .functions-box .functions-cont .button:hover { position: relative; bottom: 0; }
    .functions .functions-box .functions-cont .button.lower { position: relative; bottom: 0px; }
    .functions .functions-box .functions-cont .button.lower:hover { position: relative; bottom: 0px; }
    .functions .functions-box .functions-cont .functions-cont-bg { float: none; width: 100%; height: 340px; background-size: cover; 
                                                                   background-position: center; background-repeat: no-repeat; }

    .text-wall { width: 100%; padding: 0; margin: 0 auto; }
    .text-wall ul, .text-wall p, .text-wall h3 { padding: 0; }
    .text-wall h4 { padding: 20px; }
    .text-wall .youtube { display: none; }
    .text-wall .button-youtube { display: block; margin: 30px 0; padding: 0 20px; width: auto; height: 140px; line-height: 140px; border: 1px solid #4b96ee;
                                 font-family: 'brandon_textblack'; font-size: 14px; color: #4b96ee; text-transform: uppercase;
                                 background: transparent;
                                 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                                 border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
    .text-wall .button-youtube:hover { color: #fff; background: #4b96ee; }
    .text-wall-back { width: 270px; }
    .text-wall-menu-cont a { width: 100%; float: none; margin-right: 0; }

    .opteam-box, .pep-box, .ims-box, .zsz-box { float: none; width: 100%; }

    .person-box .text-content { float: none; width: 100%; }
    .person-box .rest { display: none; }
    .person-box .text-content h2 { padding: 0 20px; }
    .person-box .text-content h3 { padding: 0 20px; }
    .person-box .text-content p { padding: 0 20px; }
    .person-box ul { padding: 0 20px; }

    .history-table { margin-bottom: 40px; background: none; padding: 60px 0 0; }
    .history-table-column .story { display: block; float: none; padding-bottom: 30px; width: 100%; margin-left: 0; }
    .history-table-column img { width: auto; max-width: 100%; }
    .story.right .pointer, .story.left .pointer { display: none; }

    .pdf-box { padding: 0 30px; }
    .pdf-box p { width: 60%; }
    .pdf-dl { width: 40% }

    .pdf-box { padding: 0 30px; text-align: center; }    
    .pdf-box p { float: none; width: 100%; margin: 10px 0 0; line-height: normal; font-size: 16px; }
    .pdf-box p span { display: inline-block; vertical-align: middle; line-height: 1.2em; }
    .pdf-dl { float: none; width: 100%; font-size: 14px; text-align: left; }
    .pdf-box:hover .pdf-dl { color: #fff; background: url('/themes/opteam/img/pdf-hover.png') no-repeat right center; }

    .box-3 { padding: 20px; }

    .contact-form { padding: 0; }
    .contact-form-50 { width: 100%; float: none; }
    .contact-form-50.left { padding-right: 0; }
    .contact-form-50.right { padding-left: 0; }

    .contact-form p { padding: 0; }

    table.stacktable.large-only { display: none; }
    table.stacktable.small-only td { width: auto; display: table-cell; border: 0; border-right: 1px solid #4b96ee; }
    table.stacktable.small-only td:last-child { border-right: 0; }
    table td { width: 100%; display: block; border: 0;
               -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    table.table-mobile { display: table; }
    tbody { width: 100%; }
    table.stacktable th { border-top: 1px solid #4b96ee; padding: 20px; }
    table.stacktable th.st-head-row.st-head-row-main { border: 0; }

    #story-1 { position: relative; margin-top: 0; }

    .clients-box { width: 100%; margin: 30px auto 0; }
    .clients-box .owl-theme .owl-controls .owl-buttons .owl-prev, .clients-box .owl-theme .owl-controls .owl-buttons .owl-next { display: none; }
    .functions-mobile { background: rgba(255,255,255,0.8); height: 100%; }

    .service-content-video { display: none; }

    .photos-clients img { width: 32%; }

    .search-content input[type="text"] { float: none; width: 100%; height: 60px; margin-bottom: 10px; }
    .search-content input[type="submit"] { display: block; float: none; margin: 0 auto; width: 250px; height: 60px; }
    .message ul { padding: 0; -webkit-padding-start: 20px; }

    .button.news-fixed { left: 0; }

    .text-wall .question-field { padding: 5px 0; font-family: 'brandon_text_regularregular'; font-size: 14px; color: #868686; }
    .text-wall .question-field.heading { padding: 5px 0; }
    
    .form .field.text { width: 100%; float: none; height: auto; }

}

@media screen and (max-width: 565px) {
    .photos-clients img { width: 49%; }
    .investors-box.listpage { background: #174ebf url('/themes/opteam/img/listpage.jpg') no-repeat top -80px center; background-size: 100% auto; }
}

@media screen and (max-width: 500px) {
    .functions .functions-box .functions-cont.whole-bg { padding-top: 250px; background-size: auto 250px; background-position: top left; }
}

@media screen and (max-width: 450px) {
    .button.button-solutions { float: none; width: 100%; } 
    .button.button-solutions.left-sol { float: none; }
    .button.button-solutions.right-sol { float: none; }
    .investors-box.listpage { background: #174ebf url('/themes/opteam/img/listpage.jpg') no-repeat top -40px center; background-size: 100% auto; }
}

@media screen and (max-width: 430px) {
    .market-boxes-small { background-size: auto 100%; }
    .market-boxes-small:hover { background-size: auto 110%; }
}

@media screen and (max-width: 405px) {
    .photos-clients img { width: 70%; display: block; margin: 20px auto 20px; }
}

@media screen and (max-width: 400px) {
    .panel-sites .banner-text-con img { max-width: 100%; width: auto; }
}