@charset "utf-8";
/* Table of Contents
----------------------------------
1.  GENERAL
2.  HEADER
3.  HOMEPAGE
4.  HIRING PROCESS
5.  PROCESS
6.  AGENCY CAREERS
7.  SERVICES
8.  PORTOFOLIO
9.  START YOUR PROJECT
10. CONTACT
11. FEEDBACK
12. LOGIN
13. SITE MAP
14. CAREERS
15. FOOTER
----------------------------------*/

/************************* *
*   1. GENERAL
*
*************************/
.weight600 {font-weight: 600 !important}
a {outline: none;}
* {box-sizing: unset;}
html, body {min-width:320px; }
#box_header {height: 91px; width: 100%; z-index:2; position: relative; background: #fff; width:100%; }
.position_relative {position:relative;}
.process_sm{display: none;max-width: 740px;}
.box_left {float: left; position: relative; display: inline; }
.box_right {float: right; position: relative; display: inline; }
#logo,  #logo_mobile {margin-top: 17px; }
.clear {clear: both; }
.red_line {height: 30px; width: 1px; background: #ee383f; margin-left: 21px; margin-top: 32px; margin-right: 38px; }
.box_1100 {max-width: 1100px; margin: 0 auto; position: relative; }
.mb151 {margin-bottom: 151px;}
.mb75 {margin-bottom: 75px;}
.mb142 {margin-bottom: 142px;}
.mb97 {margin-bottom: 97px;}
.mb90 {margin-bottom: 90px;}
.mb143 {margin-bottom: 143px;}
.mt75{margin-top: 75px;}
.ml29 {margin-left: 29px; }
.mr31 {margin-right: 31px; }
.ml70 {margin-left:70px;}
.col432 {width: 432px;}
.mt34 {margin-top: 34px;}
.ml52{margin-left: 52px;}
input:focus, textarea:focus {outline: none;}
#newsletter-msg {margin-top: 20px;float: left; width: 100%; padding: 0 12px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/***** Custom Bullet *****/
section ul li {position: relative;padding-left: 10px;}
section ul {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; list-style: none; margin: 0; padding: 0 0 0 13px; }
section ul li:before {background: none repeat scroll 0 0 #4d4d4f; content: ""; float: left; height: 5px; left: -10px; position: absolute; top: 8px; width: 5px; }
 
 /*************************
*
*   2. HEADER
*
*************************/

/***** Cookies *****/
.box_cookies {background-color: rgba(0,0,0,0.4);width: 100%;min-height: 100px;}
.cookies {width: 100%;box-sizing:border-box;min-height: 100px; position: relative;padding: 10px 120px 10px 300px;}
.cookies:before {z-index: -1; position: absolute;top: 0;left: 0;content: "";background-image: url('../img/cookies.png'); width: 300px;height: 100px;}
.cookies p {text-align: right; font-size: 14px;margin: 0px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );float: left;display: inline-block; }
.cookies {height: 80px; display: table;}
.cookies div {display: table-cell;vertical-align: middle;}
.cookies a {  font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );text-decoration: underline;}
.cookies a:hover {opacity: 0.7}
.close_cookies {cursor: pointer; padding-right: 44px; font-size: 14px;text-decoration: none !important; font-family: "Source Sans Pro";top: 40px;right:20px; color: rgb( 255, 255, 255 );font-weight: 600;position: absolute; float: left;display: inline-block; }
.close_cookies:before {width: 36px;height: 2px;background-color: #fff;position: absolute;top: 9px;right: 0;content: ""; -ms-transform: rotate(45deg); /* IE 9 */background-color:#fff; -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); }
.close_cookies:after {width: 36px;height: 2px;background-color: #fff;position: absolute;top: 9px;right: 0;content: ""; -ms-transform: rotate(-45deg); /* IE 9 */background-color:#fff; -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); }

/***** Menu *****/
.menu {position: absolute; z-index: 3; }
.navbar {background:transparent; border:0px;margin:0px;}
#cssmenu a {outline: none;}
#cssmenu {position: relative; }
#cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu #menu-button {display: none; }
#cssmenu ul {height: 91px; display: table; }
#cssmenu>ul>li {display: table-cell; font-size: 17px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: center; float: left; height:91px; cursor: pointer; z-index: 1; margin-right: 4px; padding: 3px 0px 0; }
#cssmenu>ul>li:last-child {margin-right:0px;}
#cssmenu>ul>li:last-child {margin-left: 19px; padding-left: 19px;background-image:url("../img/divider_menu.png");background-repeat:no-repeat; background-position:  0px center;}
#cssmenu>ul>li:last-child a {color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 15px; text-align: center; text-decoration: none; text-transform: uppercase;padding-top: 35px;letter-spacing: 2px; }
#cssmenu.align-center>ul {font-size: 0; text-align: center; }
#cssmenu.align-center>ul>li {display: inline-block; float: none; }
#cssmenu.align-center ul ul {text-align: left; }
#cssmenu.align-right>ul>li {float: right; }
#cssmenu.align-right ul ul {text-align: right; }
#cssmenu>ul>li>a {box-sizing: border-box;padding: 33px 13px; font-size: 17px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: center; text-decoration:none; height: 88px; width:100%; }
#cssmenu>ul>li:hover>a {color: rgb( 238, 56, 63 ); background: transparent; }
#cssmenu>ul>li.active {height:91px; padding-top:0px; }
#cssmenu > ul > li.active > a {height:91px; border-top:3px solid #ee383f;background: transparent;}
#cssmenu>ul>li.has-sub>a {padding-right: 25px; }
#cssmenu>ul>li.has-sub>a::after {position: absolute; width: 18px; height: 31px; margin-top: -1px; margin-left: 8px; content: ''; }
#cssmenu>ul>li.has-sub:hover>a::after {border-color: #009ae1; content: ''; }
#cssmenu ul ul {margin-left: -3px; margin-right: -35px; top: 45px; position: absolute; left: -9999px; margin-top: 46px; background: #fff; }
#cssmenu li:hover>ul {left: auto; }
#cssmenu.align-right li:hover>ul {right: 0; }
#cssmenu ul ul ul {margin-left: 100%; top: -46px; margin-right: -190%; }
#cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%; }
#cssmenu ul ul {}
#cssmenu ul ul li a {padding: 19px; border-top: 1px solid #dadada; font-size: 17px; font-family: "Source Sans Pro"; color: rgb( 88, 89, 91 ); text-align: left; text-decoration: none; }
#cssmenu ul li ul {}
#cssmenu ul li ul li ul {}
#cssmenu ul ul li:hover>a, #cssmenu ul ul li a:hover {color: #fff; background: #ee383f; }
#cssmenu ul ul li.has-sub>a::after {position: absolute; top: 8px; right: 8px; width: 7px; height: 12px; content: ''; }
#cssmenu ul ul li.has-sub:hover>a::after {content: ''; }
 
/************************ Login *************************/
.login {opacity: 0.5;display: none;}
.box_login {position: relative; text-align: center; margin-top: 28px; }
.login, .logout {padding-top: 19px; float: right; position: relative; min-width: 19px; /*cursor: pointer;*/ width: 90px; margin-right: 10px; }
.login:before, .logout:before {background-image: url('../img/svg/login.svg'); width:19px; height: 18px; content:""; position: absolute;top:0px; left:0; right:0; margin:0 auto;background-repeat: no-repeat;}
.login a, .logout a {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-decoration: none; }

.box_tel {display: inline-block;position: relative;float: left;}
.box_tel a {margin-top: 3px;display: block;color: #fff;margin-left: 15px;}
.box_tel a span {background-color: #72b844;display: block;padding:5px 12px;border-radius: 0px;}

/************************ Login/Inregistreaza // Editare cont *************************/ 
.open_login.active {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;background: none repeat scroll 0 0 #fff; border-top: 1px solid #d5d5d5; display: block; height: 175px; padding: 10px; position: absolute; right: -17px; top: 63px; width: 230px; z-index: 1; }
.open_login input.input {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 1px solid #d5d5d5; float: left; height: 27px; margin-bottom: 15px; width: 219px; padding-left: 8px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); }
.open_login {display: none; }
input.btn_login {background: none repeat scroll 0 0 #277fc2; border: 0px; margin-bottom: 15px; color: rgb(255, 255, 255); cursor: pointer; font-family: "Source Sans Pro"; font-size: 16px; font-weight: 600; height: 38px; width: 230px; float: left; letter-spacing: 2px;	box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input.btn_login:hover {background: none repeat scroll 0 0 #277fc2; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 0 none; color: rgb(255, 255, 255); cursor: pointer; float: left; font-family: "Source Sans Pro"; font-size: 16px; font-weight: 600; height: 38px; letter-spacing: 2px; margin-bottom: 15px; width: 230px; border: 4px solid #fff; }
.open_login a {font-size: 14px; font-family: "Source Sans Pro"; color: #277fc2; text-align: center; text-decoration: none; font-weight: 600; display: block; }
.open_login a:hover {text-decoration: underline; }
.open_logout {display: none; }
.open_logout  ul {list-style: none; margin: 0; padding: 0; }
.open_logout  ul li a {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); line-height: 3.5; text-align: center; text-decoration: none; }
.open_logout  ul li {cursor: pointer; border-top: 1px solid #d5d5d5; }
.open_logout  ul li:hover a {color: #fff; }
.open_logout  ul li:hover {background: #277fc2; }
.open_logout.active {background: none repeat scroll 0 0 #fff; display: block; position: absolute; right: 41px; top: 63px; width: 110px; z-index: 4; }
.open_pass.active {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;background: none repeat scroll 0 0 #fff; border-top: 1px solid #d5d5d5; display: block; height: 175px; padding: 10px; position: absolute; right: -17px; top: 62px; width: 230px; z-index: 4; }
.open_pass input.input {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 1px solid #d5d5d5; float: left; height: 27px; margin-bottom: 15px; width: 219px; padding-left: 8px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.1); }
.open_pass p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; text-align: left; margin: 5px 0 12px 8px; }
.cover_login {z-index: 2 !important; opacity: 0.6 !important; display:block !important; }
.open_pass {display: none; }

/************************ Language *************************/
#lang {list-style: none; margin: 0; padding: 0px 0 0 13px; }
#lang li {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;float: left; padding-bottom: 20px; position: relative; }

/**** Language - romana ****/
#lang ul li:first-child a {color: #cfcfcf}
#lang ul li:hover:first-child a {background:#fff;color: #cfcfcf }
#lang li a span:first-child {left: 0; right: 0;letter-spacing: 1px;font-size: 10px;position: absolute;top: 5px; font-family: "Source Sans Pro"; color: rgb( 115, 185, 27 ); font-weight: bold; text-transform: uppercase; text-align: center; }
#lang li a span:last-child {left: 0; right: 0;letter-spacing: 1px; font-size: 10px;position: absolute;bottom: 7px; font-family: "Source Sans Pro"; color: rgb( 115, 185, 27 ); font-weight: bold; text-transform: uppercase; text-align: center; }

#lang a {display: block; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; text-decoration: none; }
.language {min-width: 41px; padding-top: 19px; display: inline; float: right; position: relative; cursor: pointer; margin-right: 25px; }
.language:before {background-image: url('../img/svg/language.svg'); width:30px; height: 18px; content:""; position: absolute;top:0px; left:0; right:0; margin:0 auto;background-repeat: no-repeat;}
#lang ul {background: #fff; list-style: none; position: absolute; z-index: 1; margin: 20px 0 0 -39px; width: 95px; padding: 0; left: -9999px; }
#lang ul li {border-top: 1px solid #dadada; height: 35px; margin-top: 1px; float: none; }
#lang ul li a {padding-top: 14px; padding-bottom: 18px; }
#lang ul a {white-space: nowrap; }
.language:hover #lang li ul {left: 0; }
#lang li:hover ul a {text-decoration: none; }
#lang li ul li:hover a {background: #73b91b; color: #fff; }

 /*************************
*
*   3. HOMEPAGE
*
*************************/

/*** Slider Top ***/
.slider_home {z-index: 0}
.slider_home .bx-wrapper .bx-pager,.slider_home .bx-wrapper .bx-controls-auto {_position: absolute; _bottom: 0px; _width: 100%; }

/* PAGER */ 
.slider_home .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 0px; z-index: 55; height: 2px; position:relative; display:table; margin: -50px auto 0; }
.slider_home .bx-wrapper .bx-pager .bx-pager-item,
.slider_home .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline; }
.slider_home .bx-wrapper .bx-pager .bx-pager-item {float: left; background-color: rgba(255, 255, 255, 0.4); width: 120px; height: 3px; margin: 0 4px; }
.slider_home .bx-wrapper .bx-pager.bx-default-pager a {background-color: #fff; text-indent: -9999px; display: block; width: 0%; height: 3px; outline: 0; cursor: default; }
.slider_home .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider_home .bx-wrapper .bx-pager.bx-default-pager a.active {/*background: #f80;*/}

/* DIRECTION CONTROLS (NEXT / PREV) */
.slider_home .bx-wrapper .bx-prev {left: 10px;}
.slider_home .bx-wrapper .bx-prev:before {background-image: url('../img/sprites.png'); background-position: 0 -99px; width: 18px; height: 29px; position: absolute;content: "";left:0; top: 0;}
.slider_home .bx-wrapper .bx-next {right: 10px;}
.slider_home .bx-wrapper .bx-next:before {background-image: url('../img/sprites.png'); background-position: -18px -99px; width: 18px; height: 29px; position: absolute;content: "";left:0; top: 0;}
.slider_home .bx-controls-direction {max-width: 650px; margin: 0 auto; position:relative; display: none;}
.slider_home .bx-wrapper .bx-controls-direction a {position: absolute;opacity: 0.6; top: -15px; margin-top: 24px; outline: 0; width: 25px; height: 29px; text-indent: -9999px; z-index: 9999; }
.slider_home .bx-wrapper .bx-controls-direction a:hover {opacity: 1}
.slider_home .bx-wrapper .bx-controls-direction a.disabled {display: none; }

/* AUTO CONTROLS (START / STOP) */
.slider_home .bx-wrapper .bx-controls-auto {text-align: center; }
.slider_home .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.slider_home .bx-wrapper .bx-controls-auto .bx-start:hover,
.slider_home .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0; }
.slider_home .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.slider_home .bx-wrapper .bx-controls-auto .bx-stop:hover, .slider_home .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px; }
.slider_home .bx-controls.bx-has-pager {width: 100%; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.slider_home .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center; width: 80%; }
.slider_home .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.slider_home { overflow: hidden;position: relative; width: 100%; }
.slider_home .bx-wrapper {margin: 0px auto 0px -960px; overflow: hidden; left: 50%; position: relative; }
.slider_home .bxslider_home {padding: 0px;}
.slider_home .bxslider_home li {width: 1920px  }
.slider_home img {display: none;}
.slider_home .bx-wrapper img { display: block; }
.slider_home .bxslider_home li img {height:450px;}
.slider_home .bx-wrapper {padding: 0; position: relative; width:1920px;max-width: 1920px !important; height:450px;}
.bjqs-caption {display: none;}
.bx-wrapper .bjqs-caption {height: 450px; display: table; max-width: 350px;  padding: 0 3px 0px; position: absolute; bottom: 0;top:0;margin: auto; }
.bjqs-caption div {display: table-cell;vertical-align: middle;}
.bjqs-caption h1 {font-size: 26px; font-family: "Noto Sans"; font-weight: normal; color: #333132; text-align: left; margin-bottom: 18px; }
.bjqs-caption p, .bjqs-caption p a {font-size: 16px; font-family: "Source Sans Pro"; color: #333132; text-align: left; font-weight: 600; }

/************************ Tablet *************************/
.tablet {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;margin-left: 13px; padding-top: 40px; background-size: 100% auto; width: 100%; max-width: 1179px; height: 571px; background-image: url('../img/tablet.png'); background-repeat: no-repeat; background-position: center center; }
.box_tablet {width: 582px; margin: 0 auto; padding: 0px 0; }
.box_tablet span {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: right; }
span#day {margin: 0px; padding: 0px; }
span#seconds {color: #c1c1c1; padding-right: 10px; }
#tablet {-webkit-transform: rotate(0deg) !important; /* WebKit */ -moz-transform: rotate(0deg) !important; /* Mozilla */ -o-transform: rotate(0deg) !important; /* Opera */ -ms-transform: rotate(0deg) !important; /* Internet Explorer */ transform: rotate(0deg) !important; /* CSS3 */ }
.fadein {position: relative; height: 200px; width: 200px; height: 200px; border-radius: 50%; margin: 27px auto; }
.fadein img {position: absolute; left: 0; top: 0; height: 200px; width: 200px; border-radius: 50%; }
.text_tablet {text-align: center; width: 500px; margin: -9px auto 0 auto; position: relative; }
.text_tablet h1 {padding-bottom: 10px; font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: center; font-weight: normal; margin: 0; }
.text_tablet h2 {text-transform: uppercase; letter-spacing: 4px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: center; font-weight: 600; margin: 0 0 12px; }
.text_tablet p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: center; margin: 0; line-height:18px; }
 
/************************ Scroll Down *************************/
.box_scroll_down {margin: 20px auto; position: relative; width: 200px; text-align: center; }
.scroll_down { margin-top: 5px; height: 41px; cursor: pointer; width: 200px; }
.scroll_down:after {background-image: url('../img/svg/scroll-down-default-redArrow.svg'); background-repeat: no-repeat; height: 40px;width: 22px; position: absolute; content: "";bottom: 0; left:0; right:0; margin: 0 auto; }
.scroll_down:hover:after {background-image: url('../img/svg/scroll-down-hover-redArrow.svg');}
.box_scroll_down span {font-size: 14px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: center; cursor: pointer; font-weight: 600; }
.box_scroll_down span:hover {color: rgb(238, 56, 63); }
.box_scroll_down2 {margin: 43px auto 0px auto; position: relative; width: 200px; text-align: center; }
.scroll_down2 { margin-top: 5px; height: 41px; cursor: pointer; width: 200px; }
.scroll_down2:after {background-image: url('../img/svg/scroll-down-default-whiteArrow.svg');background-repeat: no-repeat; height: 40px;width: 22px; position: absolute; content: "";bottom: 0; left:0; right:0; margin: 0 auto; }
.scroll_down2:hover:after {background-image: url('../img/svg/scroll-down-hover-whiteArrow.svg');}
.box_scroll_down2 span {font-size: 14px; font-family: "Source Sans Pro"; color: rgba(255, 255, 255, 0.5); text-align: center; cursor: pointer; font-weight: 600; }
.box_scroll_down2 span:hover {color: #fff; }
.scroll_down3 {background-image: url('../img/go_bottom.png'); background-repeat: no-repeat; background-position: top center; margin-top: 5px; height: 41px; cursor: pointer; width: 200px; }
.scroll_down3:hover {background-image: url('../img/go_bottom.png'); }

/************************ Complete services *************************/
.box_complete_services a, .box_complete_services2 a {position: relative; width: 230px; float: right; font-size: 14px; font-family: "Source Sans Pro"; color: rgba(255, 255, 255, 0.5); text-align: right; font-weight: 600; margin-top: -65px; margin-right: 26px; padding-right: 23px; cursor: pointer; text-decoration: none; }
.box_complete_services a:after, .box_complete_services2 a:after {background-image: url('../img/svg/GoTo-arrow-white.svg'); background-repeat: no-repeat; width: 14px; height: 9px;position: absolute;top:0; bottom: 0; margin: auto 0; right:0; content: "";}
.box_complete_services a:hover, .box_complete_services2 a:hover {color: rgb(255, 255, 255); }
.box_complete_services a:hover:after, .box_complete_services2 a:hover:after {background-image: url('../img/svg/GoTo-arrow-white-hover.svg');}
.go_port {max-width:1118px; margin:0 auto; width:100%; }
.box_complete_services3 {text-align: center; position: absolute;z-index: 3; left:0; right: 0; margin:auto;width:250px; height: 40px;line-height: 40px;border: 2px solid #fff; bottom: 40%;}
.box_complete_services3:hover {background-color: #fff;cursor: pointer;}
.box_complete_services3 a {letter-spacing: 3px; font-weight: 600; text-transform: uppercase; display: block; font-size: 18px; font-family: "Source Sans Pro"; color: #fff; text-align: center;   margin-right: 0; cursor: pointer; text-decoration: none; }
.box_complete_services3:hover a {color: #ee383f; }

/************************ Box Blue *************************/
.box_blue {background: #277fc2; margin-top: 20px; padding-top: 98px; padding-bottom: 76px; max-width: 100%; }
.text_blue {margin: 0 auto; position: relative; text-align: center; }
.box_125 {display: inline; float: left; position: relative; margin-right: 0; }
.box_125:last-child {margin-right: 0px; }
.img_link {text-decoration: none; }
.text_blue h1 {margin: 24px 0 12px 5px; font-size: 26px; font-family: "Noto Sans"; color: rgb(255, 255, 255); text-align: center; font-weight: normal; }
.text_blue p {max-width: 700px; margin: 0 auto;font-size: 16px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; font-weight: normal; }
.mt_75 {margin-top: 75px; }
.mt_65 {margin-top: 65px; }
.ml_89 {margin-left: 89px; }
.text_blue .box_125 p a {font-weight: 600; position: relative; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; text-decoration: none; }
.text_blue .box_125 p a:hover {text-decoration: underline; }
.box_circle { margin: 0 auto 27px auto; vertical-align: middle; width: 100px; height: 100px; border-radius: 50%; text-align: center; box-shadow: 1px 1px rgb(35, 114, 175), 2px 2px rgb(35, 114, 175), 3px 3px rgb(35, 114, 175), 4px 4px rgb(35, 114, 175), 5px 5px rgb(35, 114, 175), 6px 6px rgb(35, 114, 175), 7px 7px rgb(35, 114, 175), 8px 8px rgb(35, 114, 175), 9px 9px rgb(35, 114, 175), 10px 10px rgb(35, 114, 175), 11px 11px rgb(35, 114, 175), 12px 12px rgb(35, 114, 175), 13px 13px rgb(35, 114, 175), 14px 14px rgb(35, 114, 175), 15px 15px rgb(35, 114, 175), 16px 16px rgb(35, 114, 175), 17px 17px rgb(35, 114, 175), 18px 18px rgb(35, 114, 175), 19px 19px rgb(35, 114, 175), 20px 20px rgb(35, 114, 176), 21px 21px rgb(35, 115, 177), 22px 22px rgb(35, 115, 177), 23px 23px rgb(35, 116, 178), 24px 24px rgb(35, 116, 179), 25px 25px rgb(36, 117, 179), 26px 26px rgb(36, 117, 180), 27px 27px rgb(36, 118, 181), 28px 28px rgb(36, 118, 182), 29px 29px rgb(36, 119, 182), 30px 30px rgb(36, 119, 183), 31px 31px rgb(36, 120, 184), 32px 32px rgb(37, 120, 184), 33px 33px rgb(37, 121, 185), 34px 34px rgb(37, 121, 186), 35px 35px rgb(37, 122, 186), 36px 36px rgb(37, 122, 187), 37px 37px rgb(37, 123, 188), 38px 38px rgb(37, 123, 189), 39px 39px rgb(38, 124, 189), 40px 40px rgb(38, 124, 190), 41px 41px rgb(38, 125, 191), 42px 42px rgb(38, 125, 191), 43px 43px rgb(38, 126, 192), 44px 44px rgb(38, 126, 193), 45px 45px rgb(39, 127, 194); background-color: rgb(255, 255, 255); }
/*div.box_circle:hover:before {margin: -7px; position: absolute; border: 3px solid #fff; display: block; content: ''; border-radius: 50%; height: 114px; width: 114px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*/.box_circle img {margin: 0 auto; position: relative; width: 100px; height: 100px; border-radius: 50%; vertical-align: middle; }

/************************ Process *************************/
.text_black {margin-top: 90px; }
.text_black h1 {margin-bottom: 16px; font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: center; font-weight: normal; }
.text_black p {max-width: 700px; margin: 13px auto 0; font-size: 16px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: center; font-weight: normal; line-height: 19px; }
.box_line_process {width: 1112px; margin: 48px auto 63px; position: relative; }
.box_line_process table tr td {font-size: 14px; font-family: "Source Sans Pro"; text-transform: uppercase; text-align: center; font-weight: 600; letter-spacing: 3px; vertical-align: bottom; }
.box_line_process table tr td:nth-child(1) {width: 160px; border-bottom: 7px solid #ee383f; padding-bottom: 8px; padding-left: 5px; color: rgb(238, 56, 63); }
.box_line_process table tr td:nth-child(2) {width: 255px; border-bottom: 7px solid #73b91b; color: #73b91b; padding-bottom: 8px; padding-left: 5px; }
.box_line_process table tr td:nth-child(3) {width: 385px; border-bottom: 7px solid #277fc2; color: #277fc2; padding-bottom: 8px; padding-left: 5px; }
.box_line_process table tr td:nth-child(4) {width: 112px; border-bottom: 7px solid #e81187; color: #e81187; padding-bottom: 8px; padding-left: 5px; }
.box_line_process table tr td:nth-child(5) {width: 170px; border-bottom: 7px solid #e81187; color: #e81187; padding-bottom: 8px; padding-left: 5px; }
.box_process {background-image: url('../img/svg/process.svg'); background-repeat: no-repeat; background-position: 5px center; width: 1100px; height: 171px; margin: 0 auto; position: relative; }
.circle_red {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 3px solid #ee383f; border-radius: 50%; height: 35px; left: -7px; position: absolute; top: 46px; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
.circle_red .box {background: none repeat scroll 0 0 #ee383f; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_red:hover {background: #ee383f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.circle_red .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
.A p {margin: 1em 0px;color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 14px; text-align: center; line-height: 18px; }
.position_a {position: absolute; top: 4px; left: -47px; }
.position_b {position: absolute; top: -57px; left: 134px; }
.position_c {left: 252px; position: absolute; top: -14px; }
.position_d {left: 398px; position: absolute; top: -14px; }
.position_e {left: 541px; position: absolute; top: -14px; }
.position_f {right: 234px; position: absolute; top: -14px; }
.position_g {position: absolute; right: 143px; top: 4px; }
.position_s {position: absolute; right: -16px; top: 4px; }
.position_c1 {left: 150px; position: absolute; top: 166px; }
.position_c2 {left: 262px; position: absolute; top: 166px; }
.position_c3 {left: 408px; position: absolute; top: 166px; }
.position_c4 {left: 554px; position: absolute; top: 166px; }
.position_green1 {left: 159px; top: 1px; }
.position_green2 {left: 272px; top: 46px; }
.position_green3 {left: 159px; top: 131px; }
.position_green4 {left: 272px; top: 131px; }
.circle_green {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 3px solid #73b91b; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
.circle_green .box {background: none repeat scroll 0 0 #73b91b; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_green .box_check { border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_green .box_check:before {background-image: url('../img/sprites.png'); background-position: -53px -99px; width: 16px; height: 12px; content: "";position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.circle_green:hover .box_check { border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_green:hover .box_check:before {background-position: -36px -112px;}
.circle_green:hover {background: #73b91b; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.circle_green .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
.position_blue1 {left: 417px; top: 46px; }
.position_blue2 {left: 562px; top: 46px; }
.position_blue3 {left: 417px; top: 131px; }
.position_blue4 {left: 562px; top: 131px; }
.circle_blue {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 3px solid #277fc2; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
.circle_blue .box {background: none repeat scroll 0 0 #277fc2; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_blue .box_check {border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_blue .box_check:before {background-image: url('../img/sprites.png'); background-position: -36px -99px; width: 16px; height: 12px; content: "";position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.circle_blue:hover .box_check { border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_blue:hover .box_check:before {background-position: -36px -112px;}
.circle_blue:hover {background: #277fc2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.circle_blue .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
.circle_gray {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 3px solid #e81187; border-radius: 50%; height: 35px; left: 815px; top: 46px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); top: 46px; }
.circle_gray .box {background: none repeat scroll 0 0 #e81187; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_gray:hover {background: #e81187; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.circle_gray .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
.position_pink1 {left: 915px; top: 46px; }
.position_pink2 {left: 1065px; top: 46px; }
.circle_pink {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 3px solid #e81187; border-radius: 50%; height: 35px; position: absolute; width: 35px; background: #fff; cursor: pointer; -webkit-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.3); }
.circle_pink .box {background: none repeat scroll 0 0 #e81187; border: 0px solid #fff; border-radius: 50%; height: 25px; text-align: center; vertical-align: middle; width: 25px; margin: 5px; }
.circle_pink:hover {background: #e81187; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.circle_pink .box p {font-weight: 600; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; margin: 0; }
.ui-tooltip {box-sizing: content-box;-moz-box-sizing: content-box; -webkit-box-sizing: content-box;border: 0px solid #ccc !important; box-shadow: none !important; border-radius: 0px !important; padding: 3px 5px !important; }
.ui-tooltip-content {font-size: 12px; }
.ui-tooltip-logo {display: none !important; }
.ui-tooltip-process .ui-tooltip-content h1 {font-weight: 600; font-size: 20px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0; }
.ui-tooltip-process .ui-tooltip-content  p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0; padding: 0; }
.ui-tooltip-process {border: 1px solid #d6d7db !important; max-width: 400px !important;padding: 40px 50px !important; border: 0.5px solid #ccc !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important; }
.box_complete_pages a { color: #939598; float: right; font-family: "Source Sans Pro"; font-size: 14px; padding-right: 23px; position: absolute; right: -8px; text-align: right; text-decoration: none; top: 136px; width: 230px; padding-right: 23px; }
.box_complete_pages a:hover { color: #ee383f; }
.box_complete_pages a:hover:after {background-image: url('../img/svg/GoTo-arrow-red.svg'); }
.box_complete_pages a:after {background-image: url('../img/svg/GoTo-arrow-grey.svg');background-repeat: no-repeat; position: absolute; right: 0; top:0; bottom: 0; margin: auto 0; content: ""; width: 13px; height: 10px; }
.process_sm .panel-heading { padding: 10px 7px; }

/************************ Slider Homepage (Portofolio) *************************/
#box_slider {padding-top: 6px; margin-top: 137px; position: relative; width: 100%;}
#box_slider h1 {margin-bottom: 25px;font-size: 26px;margin-top: 0px; font-family: "Noto Sans"; color: #333132; text-align: center; font-weight: normal; }
#slider {padding-bottom: 10px !important;}
.devrama-slider {top:44% !important; }
.devrama-slider .navigation {left:98% !important;}
.nav-link {padding: 0px !important;margin-top: 10px;margin-left: 0px !important; background-color: #fff !important; text-indent: -9999px; border-radius: 50%; height: 7px !important; width: 7px !important;}
.nav-link.active,  .nav-link:hover {background-color: #EE383F !important}
.slider-progress, .bar {height: 3px !important;}
/************************ Button Start project *************************/
.btn_start_proj {margin: 24px auto; width: 275px; }
.btn_start_proj a {background: none repeat scroll 0 0 #73b91b; color: rgb(255, 255, 255); display: block; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 600; letter-spacing: 3px; margin: 0 auto; padding: 7px 0; position: relative; text-align: center; text-transform: uppercase; text-decoration: none; }
.btn_start_proj a:hover {background: #277fc2; }
.mt_138 {margin-top: 138px; }
.btn_start_proj2 {margin: 24px 0; border: 2px solid #73b91b; width: 271px; }
.btn_start_proj2 a {color: #73b91b !important;   display: block; font-family: "Source Sans Pro"; font-size: 18px !important; font-weight: 600 !important; letter-spacing: 3px; padding: 5px 0 !important; position: relative; text-align: center !important; text-transform: uppercase; text-decoration: none; }
.btn_start_proj2:hover {border: 2px solid #73b91b; background: none repeat scroll 0 0 #73b91b; }
.btn_start_proj2 a:hover {color: rgb(255, 255, 255) !important;}

 /*************************
*
*   4. HIRING PROCESS
*
*************************/

 /************************ Localizare *************************/
 .localizare, .localizare a {font-size: 14px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: left; margin-bottom: 5px; margin-top: 8px; text-align: left; text-decoration: none; }
 .localizare a:hover {text-decoration: underline; }
 .localizare_white, .localizare_white a {font-size: 14px; font-family: "Source Sans Pro"; color: #fff; text-align: left; margin-bottom: 5px; margin-top: 8px; text-align: left; text-decoration: none; }
 .localizare_white a:hover {text-decoration: underline; }

 /************************ Text Core *************************/
 .lr_lang {margin-right: 27px; margin-left: 48px; }
 .section {-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; width: 100%; }
 .text_core, .text_core2 {max-width: 600px;width:100%; border-bottom: 1px solid #d1d1d1; padding-bottom: 23px; margin-bottom: 38px; }
 .text_core3 {max-width: 600px; padding-bottom: 11px; margin-bottom: 45px; }
 .text_core h1, .text_core2 h1, .text_core3  h1 {font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: left; font-weight: normal; margin:20px 0; }
 .text_core h2, .text_core2 h2 {letter-spacing: 2px; margin-bottom: 21px; font-size: 18px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: left; font-weight: 600; text-transform: uppercase; }
 .text_core p, .text_core2 p, .text_core3 p {margin:20px 0;font-size: 16px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; line-height: 20px; }

 /************************ Breadcrumbs hiring_process for desktop *************************/
 #breadcrumbs-two {overflow: hidden; width: 100%; height: 63px; }
 #breadcrumbs-two li {float: left; margin: 0 0 0 28px; height: 51px; }
 #breadcrumbs-two a {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: center; padding: 13px 23px 0 23px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; float: left; text-decoration: none; color: #444; font-weight: 600; position: unset; height: 51px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 #breadcrumbs-two li:hover a {background: #277fc2; border-top: 1px solid #277fc2; border-bottom: 1px solid #277fc2; color: #fff; }
 #breadcrumbs-two li.ui-state-active a {background: #73b91b; border-top: 1px solid #73b91b; border-bottom: 1px solid #73b91b; color: #fff; }
 #breadcrumbs-two li.ui-state-active a::before {background-image: url('../img/angle_active.png') !important; background-repeat: no-repeat; }
 #breadcrumbs-two li.ui-state-active a::after {background-image: url('../img/angle_after_active.png') !important; background-repeat: no-repeat; }
 #breadcrumbs-two a::before {content: ""; position: absolute; height: 51px; width: 28px; background-image: url('../img/angle.png'); background-repeat: no-repeat; top: 0px; left: -28px; background-size: cover; }
 #breadcrumbs-two a:focus, #breadcrumbs-two li:focus {outline: 0; }
 #breadcrumbs-two li:hover a::before {background-image: url('../img/angle_hov.png'); background-repeat: no-repeat; }
 #breadcrumbs-two a::after {content: ""; position: absolute; height: 51px; width: 28px; background-image: url('../img/angle_after.png'); background-repeat: no-repeat; top: 0px; right: -28px; background-size: cover; }
 #breadcrumbs-two li:hover::after {background-image: url('../img/angle_b.png'); background-repeat: no-repeat; background-position: center 0; content: ""; position: absolute; z-index: 0; top: 49px; right: 50%; height: 12px; width: 24px; }
 #breadcrumbs-two li.ui-state-active::after {background-image: url('../img/angle_a.png'); background-repeat: no-repeat; background-position: center 0; content: ""; position: absolute; z-index: 0; top: 49px; right: 50%; height: 12px; width: 24px; }
 #breadcrumbs-two li:hover a::after {background-image: url('../img/angle_after_hov.png'); background-repeat: no-repeat; }
 #breadcrumbs-two .current, #breadcrumbs-two .current:hover {font-weight: bold; background: none; }
 #breadcrumbs-two .current::after, #breadcrumbs-two .current::before {content: normal; }

 /************************ Accordion hiring_process for mobile *************************/
 #accordion-two {overflow: hidden; width: 100%;  }
 #accordion-two .panel-default {border: 0px;}
 #accordion-two .panel-heading {margin: 0 0 0 28px; height: 51px;position:relative;padding:0px;border:0px; }
 #accordion-two .panel-heading .panel-title {display: inline;position: relative;float:left;}
 #accordion-two .panel-heading h4 a.collapsed {position:relative;font-size: 18px; font-family: "Source Sans Pro"; background-color: #fff; text-align: center; padding: 13px 23px 0 23px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; float: left; text-decoration: none; color: #444; font-weight: 600;  height: 51px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 #accordion-two .panel-heading h4:hover a {background: #277fc2; border-top: 1px solid #277fc2; border-bottom: 1px solid #277fc2; color: #fff; }
 #accordion-two .panel-heading h4 a {background: #73b91b; border-top: 1px solid #73b91b; border-bottom: 1px solid #73b91b; color: #fff; font-size: 18px; font-family: "Source Sans Pro";  text-align: center; padding: 13px 23px 0 23px;  float: left; text-decoration: none;  font-weight: 600; position: unset; height: 51px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
 #accordion-two .panel-heading.active h4 a::before {content: ""; position: absolute; height: 51px; width: 28px;background-image: url('../img/angle_active.png'); background-repeat: no-repeat;top: 0px; left: -28px; background-size: cover; }
 #accordion-two .panel-heading.active h4 a::after {content: ""; position: absolute; height: 51px; width: 28px;background-image: url('../img/angle_after_active.png'); background-repeat: no-repeat; top: 0px; right: -28px; background-size: cover;}
 #accordion-two .panel-heading h4 a.collapsed::before {content: ""; position: absolute; height: 51px; width: 28px; background-image: url('../img/angle.png'); background-repeat: no-repeat; top: -1px; left: -28px; background-size: cover; }
 #accordion-two .panel-heading h4 a:focus, #accordion-two .panel-heading h4:focus {outline: 0; }
 #accordion-two .panel-heading h4:hover a::before {background-image: url('../img/angle_hov.png'); background-repeat: no-repeat; }
 #accordion-two .panel-heading h4 a::after {content: ""; position: absolute; height: 51px; width: 28px; background-image: url('../img/angle_after.png'); background-repeat: no-repeat; top: -1px; right: -28px; background-size: cover; }
 #accordion-two .panel-heading h4:hover::after,  #accordion-two .panel-heading.active h4:hover::after {background-image: url('../img/angle_b.png'); background-repeat: no-repeat; background-position: center 0; content: ""; position: absolute; z-index: 0; top: 49px; right: 50%; height: 12px; width: 24px; }
 #accordion-two .panel-heading.active h4::after  {background-image: url('../img/angle_a.png'); background-repeat: no-repeat; background-position: center 0; content: ""; position: absolute; z-index: 0; top: 49px; right: 50%; height: 12px; width: 24px; }
 #accordion-two .panel-heading h4:hover a::after {background-image: url('../img/angle_after_hov.png'); background-repeat: no-repeat; }
 #accordion-two .current, #accordion-two .current:hover {font-weight: bold; background: none; }
 #accordion-two .current::after, #accordion-two .current::before {content: normal; }
 #accordion-two .panel-default > .panel-heading + .panel-collapse > .panel-body {border:0px;}
 #accordion-two .panel-default > .panel-heading {background-color: #fff;}
 #accordion-two  .panel {box-shadow:none}
 #accordion-two .panel-group .panel {    margin-bottom: 15px;}
 #accordion-two #accordion {border: 0px solid #DCDDDE; max-width: 100%; margin: 0; position: relative; padding: 0px; } 
 #accordion-two .panel-body {max-width: 600px;} 
 #accordion-two .panel-body h1 {font-size: 22px; font-family: "Noto Sans"; color: #333132; text-align: left; font-weight: normal; } 
 #accordion-two .panel-body p {font-size: 16px; font-family: "Source Sans Pro"; color: #333132; text-align: left; } 

 /************************ Tabs / Accordion *************************/
 #tabs .ui-widget-header {background: none; border: 0px solid #aaaaaa; color: #222222; font-weight: bold; }
 #tabs li:before {display: none;}
 #tabs li {padding: 0px;}
 #tabs .ui-tabs-nav {margin: 0; padding: 0px !important; }
 #tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default {background: #fff; border: 0px; color: #555555; font-weight: normal; }
 #tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default {border: 0px solid #d3d3d3; }
 #tabs .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 0px; }
 #tabs .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 0px; }
 #tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0px; }
 #tabs .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0px; }
 #tabs {background: #ffffff; border: 0px solid #aaaaaa !important; color: #222222; margin-top: 9px; }
 .ui-tabs-panel {width:100%;max-width: 600px !important; }
 .ui-tabs-panel h1 {font-size: 22px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: left; font-weight: normal; }
 .ui-tabs-panel p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; }
 .ui-tabs .ui-tabs-panel {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-width: 0; display: block; padding: 6px 0; }
 .title h1 {font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: left; font-weight: normal; }
 #accordion_jo {border: 1px solid #dcddde; max-width: 1100px; margin: 12px auto; position: relative; padding: 49px 50px; }
 #accordion_jo h3 {border-top: 1px solid #dcddde !important; font-size: 16px; font-family: "Source Sans Pro"; color: #333132; text-align: left; font-weight: normal; }
 #accordion_jo h3:focus {outline: none;}
 h3.ui-state-active {color: #277fc2 !important; font-weight: 600 !important; }
 #accordion_jo .ui-widget-content p {font-size: 16px; font-family: "Source Sans Pro"; color: #333132; text-align: left; font-weight: normal; margin: 6px 0 25px 0; }
 #accordion_jo .ui-widget-content p:first-child {margin-top:14px;}
 #accordion_jo .ui-widget-content ul li {font-size: 16px; font-family: "Source Sans Pro"; color: #333132; text-align: left; font-weight: normal; }
 #accordion_jo h3:last-of-type {border-bottom: 1px solid #dcddde !important; }
 #accordion_jo .ui-state-default, #accordion_jo .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default {background: #fff; border: 0px; }
 #accordion_jo .btn_start_proj {float: left; margin-top: 14px; margin-bottom: 36px; }
 #accordion_jo .ui-state-default:hover {background: #277fc2; font-weight: 600 !important; color: #fff !important; }
  #accordion_jo .ui-state-active {background: #277fc2; font-weight: 600 !important; color: #fff !important; }
 .ui-accordion .ui-accordion-content {border-top: 0 none; overflow: auto; padding: 0px 45px; max-width: 800px; }
 .ui-accordion .ui-accordion-header {cursor: pointer; display: block; font-size: 100%; margin: 0px 0 !important; min-height: 0; padding: 11px !important; position: relative; }
 .ui-accordion .ui-accordion-icons {padding-left: 46px !important; }
 #accordion_jo .ui-widget-content {background: #fff; border: 0px solid #aaaaaa; color: #222222; }
 #accordion_jo  .ui-state-active .ui-icon {background-image: url("../img/sprites.png") !important; width: 26px; height: 26px; background-repeat: no-repeat; background-position:0 -72px;-ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg); }
 #accordion_jo .ui-state-default .ui-icon {top: 15px;background-image: url("../img/sprites.png"); width: 26px; height: 26px; background-repeat: no-repeat; background-position: 0 -72px; }
 #accordion_jo .ui-state-hover .ui-icon {background-image: url("../img/sprites.png"); width: 26px; height: 26px; background-repeat: no-repeat; background-position: -26px -72px;  }
 #accordion_jo .ui-state-active.ui-state-hover .ui-icon {background-image: url("../img/sprites.png") !important; width: 26px; height: 26px; background-repeat: no-repeat; background-position:-26px -72px;-ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg); }
 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: 10px; position: absolute; top: 17px; }
 #accordion_jo .ui-corner-all, #accordion_jo .ui-corner-bottom, #accordion_jo .ui-corner-right, #accordion_jo .ui-corner-br {border-bottom-right-radius: 0px; }
 #accordion_jo .ui-corner-all, #accordion_jo .ui-corner-bottom, #accordion_jo .ui-corner-left, #accordion_jo .ui-corner-bl {border-bottom-left-radius: 0px; }
 #accordion_jo .ui-corner-all, #accordion_jo .ui-corner-top, #accordion_jo .ui-corner-right, #accordion_jo .ui-corner-tr {border-top-right-radius: 0px; }
 #accordion_jo .ui-corner-all, #accordion_jo .ui-corner-top, #accordion_jo .ui-corner-left, #accordion_jo .ui-corner-tl {border-top-left-radius: 0px; }

 /*************************
*
*   5. PROCESS
*
*************************/
.img_process {background-repeat:no-repeat;padding-bottom: 99%;background-image: url('../img/img_process.png'); display: block; max-width: 1114px;margin-left: 38px; height: 0;  background-size: 100%; position:relative; max-height:1103px;}
.box_process2 {max-width: 700px; margin: 0 auto; position: relative; text-align: center; margin: 35px auto 46px auto; }
.box_process2 h1 {font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: center; font-weight: normal; margin: 12px 0 0px 0; }
.box_process2 p {font-size: 16px; font-family: "Source Sans Pro"; color: #4d4d4f; text-align: center; margin: 12px 0 12px 0; }

/***** A *****/
#A {left: 443px; position: absolute; top: 7px; }
.image_a {background-image: url('../img/a.png'); background-repeat: no-repeat; width: 32px; height: 302px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #ee383f; cursor: pointer; }
.image_a div {background-image: url('../img/a_text.png'); background-repeat: no-repeat; width: 17px; height: 187px; position: absolute; bottom: 10px; left: 8px; }
.image_a:hover {background-image: url('../img/a_hov.png'); background-repeat: no-repeat; width: 32px; height: 309px; background-color: #ee383f; }
.sun {background-image: url('../img/sun_yellow_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; }
.sun_red {background-image: url('../img/sun_red_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#A:hover+.sun {display: none; }
#A:hover ~ .sun_red {display: block; }

/***** B *****/
#B {left: 479px; position: absolute; top: 2px; }
.image_b {background-image: url('../img/b.png'); background-repeat: no-repeat; width: 32px; height: 296px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #73b91b; cursor: pointer; }
.image_b div {background-image: url('../img/b_text.png'); background-repeat: no-repeat; width: 16px; height: 245px; position: absolute; bottom: 10px; left: 8px; }
.image_b:hover {background-image: url('../img/b_hov.png'); background-repeat: no-repeat; width: 32px; height: 314px; background-color: #73b91b; }
.sun_green {background-image: url('../img/sun_green_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#A:hover+.sun {display: none; }
#B:hover ~ .sun_green {display: block; }
.text_sun {width: 230px; height: 315px; margin: 0 auto; display: table; text-align: center; }
.text_sun h4 {margin-top: 30px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); font-weight: bold; }
.text_sun p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); font-weight: bold; }
.text_sun>div {vertical-align: middle; display: table-cell; }

/***** C *****/
#C {left: 515px; position: absolute; top: 0px; }
.image_c {background-image: url('../img/c.png'); background-repeat: no-repeat; width: 32px; height: 290px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #73b91b; cursor: pointer; }
.image_c div {background-image: url('../img/c_text.png'); background-repeat: no-repeat; width: 16px; height: 227px; position: absolute; bottom: 10px; left: 8px; }
.image_c:hover {background-image: url('../img/c_hov.png'); background-repeat: no-repeat; width: 32px; height: 316px; background-color: #73b91b; }
.sun_green2 {background-image: url('../img/sun_green_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#C:hover+.sun {display: none; }
#C:hover ~ .sun_green2 {display: block; }

/***** D *****/
#D {left: 551px; position: absolute; top: 0px; }
.image_d {background-image: url('../img/d.png'); background-repeat: no-repeat; width: 32px; height: 284px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #277fc2; cursor: pointer; }
.image_d div {background-image: url('../img/d_text.png'); background-repeat: no-repeat; width: 16px; height: 215px; position: absolute; bottom: 10px; left: 8px; }
.image_d:hover {background-image: url('../img/d_hov.png'); background-repeat: no-repeat; width: 32px; height: 316px; background-color: #277fc2; }
.sun_blue {background-image: url('../img/sun_blue_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#D:hover+.sun {display: none; }
#D:hover ~ .sun_blue {display: block; }

/***** E *****/
#E {left: 587px; position: absolute; top: 0px; }
.image_e {background-image: url('../img/e.png'); background-repeat: no-repeat; width: 32px; height: 276px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #277fc2; cursor: pointer; }
.image_e div {background-image: url('../img/e_text.png'); background-repeat: no-repeat; width: 16px; height: 210px; position: absolute; bottom: 10px; left: 8px; }
.image_e:hover {background-image: url('../img/e_hov.png'); background-repeat: no-repeat; width: 32px; height: 316px; background-color: #277fc2; }
.sun_blue2 {background-image: url('../img/sun_blue_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#E:hover+.sun {display: none; }
#E:hover ~ .sun_blue2 {display: block; }

/***** F *****/
#F {left: 623px; position: absolute; top: 3px; }
.image_f {background-image: url('../img/f.png'); background-repeat: no-repeat; width: 32px; height: 266px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #e81187; cursor: pointer; }
.image_f div {background-image: url('../img/f_text.png'); background-repeat: no-repeat; width: 16px; height: 172px; position: absolute; bottom: 10px; left: 8px; }
.image_f:hover {background-image: url('../img/f_hov.png'); background-repeat: no-repeat; width: 32px; height: 313px; background-color: #e81187; }
.sun_pink {background-image: url('../img/sun_pink_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#F:hover+.sun {display: none; }
#F:hover ~ .sun_pink {display: block; }

/***** G *****/
#G {left: 659px; position: absolute; top: 8px; }
.image_g {background-image: url('../img/g.png'); background-repeat: no-repeat; width: 32px; height: 254px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #e81187; cursor: pointer; }
.image_g div {background-image: url('../img/g_text.png'); background-repeat: no-repeat; width: 16px; height: 102px; position: absolute; bottom: 10px; left: 8px; }
.image_g:hover {background-image: url('../img/g_hov.png'); background-repeat: no-repeat; width: 32px; height: 308px; background-color: #e81187; }
.sun_pink2 {background-image: url('../img/sun_pink_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#G:hover+.sun {display: none; }
#G:hover ~ .sun_pink2 {display: block; }

/***** H *****/
#H {left: 695px; position: absolute; top: 16px; }
.image_h {background-image: url('../img/h.png'); background-repeat: no-repeat; width: 32px; height: 238px; position: relative; transition: height 450ms; -moz-transition: height 450ms; -webkit-transition: height 450ms; background-color: #e81187; cursor: pointer; }
.image_h div {background-image: url('../img/h_text.png'); background-repeat: no-repeat; width: 16px; height: 118px; position: absolute; bottom: 10px; left: 8px; }
.image_h:hover {background-image: url('../img/h_hov.png'); background-repeat: no-repeat; width: 32px; height: 300px; background-color: #e81187; }
.sun_pink3 {background-image: url('../img/sun_pink_315x315.png'); background-repeat: no-repeat; width: 315px; height: 315px; position: absolute; top: 50px; left: 55px; display: none; }
#H:hover+.sun {display: none; }
#H:hover ~ .sun_pink3 {display: block; }

/***** Flag *****/
.mb0 {margin-bottom: 0;}
.txt_process {width: 100%;float: left;display: block;position: relative;margin-bottom: 0px;}
.box_flag_p {padding-left: 280px;float: left;display: block;position: relative;width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.flag_p {width: 100%;padding-left: 50px;padding-bottom: 15px;height: 50px;position: relative;display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.flag_p:before {width: 50px; height: 64px;top: 0;left: 0;background-image: url('../img/svg/SVG_flag.svg');position: absolute;content: "";}

/***** Counter content - Process *****/
.nr_tl_process { position: relative;display: block;width: 100%; padding-left: 20px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nr_tl_process p {font-size: 36px;letter-spacing: 1px;margin: 0;padding-top: 9px; padding-bottom: 8px; font-family: "Source Sans Pro"; color: rgb( 50, 48, 49 ); font-weight: 300;display: inline-block; padding-left: 20px;position: relative; line-height: 35px; text-align: left;}
.nr_tl_process p:before {background-image: url('../img/svg/5dots_black.svg'); width: 3px; height: 27px;position: absolute;top: 12px; left: 3px;content: "";}
.nr_tl_process strong, .nr_tl_process b {font-weight: 600;}
.div_process {padding-left: 280px;float: left;display: block;position: relative;width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.txt_dp {border-bottom: 4px solid #ececec;margin-bottom: 30px;float: left;display: block;position: relative;width: 100%;}
.p_dp {padding-bottom: 10px;float: left;display: block;position: relative;width: 100%;padding-left: 40px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.p_dp p {max-width: 460px;line-height: 17px;}
.box_dp {border-bottom: 1px solid #eaeaea;padding-bottom: 8px; margin-bottom: 24px; width: 100%; max-width: 280px;margin-right: 20px;float: left;display: inline-block;position: relative;}
.box_dp_img {min-height: 100px; padding-left: 85px;float: left;position: relative;display: block;width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.dp_img {position: absolute;left: 0;top: 0;overflow: hidden;}
.dp_img img {width: 100px;height: 100px;position: relative;}

/***** Counter *****/
.counter {position: relative;display: block;}
.p_counter { counter-reset: item }
.p_counter .counter:before { content: counters(item, " ") " "; counter-increment: item }
.div_process > .counter:before {position: absolute; font-size: 40px;left: 0;top: 0px; font-family: "Noto Sans"; color: rgb( 50, 48, 49 ); text-align: right;}
.dp_title {padding-top: 50px;float: left;display: block;position: relative;}
.box_dp .counter:before {position: absolute;left: 28px;top: -7px;  font-size: 18px; font-family: "Noto Sans"; color: rgb( 50, 48, 49 ); font-weight: bold; }
.dp_title:after {background-image: url('../img/svg/6dots_5grey.svg'); width: 3px; height: 33px;position: absolute;top: 10px; left: 39px;content: "";} 
.dp_title span {font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); padding: 0px 5px; }
.box_dp_txt {min-height: 80px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 15px;float: left;display: block;position: relative;width: 100%;}
.box_dp_txt p {line-height: 18px;}
.box_dp_txt .promotion {font-size: 15px;line-height: 18px; font-family: "Source Sans Pro"; color: rgb( 50, 48, 49 ); }
.box_counter .div_process > .counter .dp_title span {background-color: #ee383f;}
.box_counter .div_process > .counter:nth-child(1) .dp_title span {background-color: #ee383f;}
.box_counter .div_process > .counter:nth-child(2) .dp_title span,
.box_counter .div_process > .counter:nth-child(3) .dp_title span {background-color: #73b91b;}
.box_counter .div_process > .counter:nth-child(4) .dp_title span,
.box_counter .div_process > .counter:nth-child(5) .dp_title span {background-color: #277fc2;}
.box_counter .div_process > .counter:nth-child(6) .dp_title span,
.box_counter .div_process > .counter:nth-child(7) .dp_title span,
.box_counter .div_process > .counter:nth-child(8) .dp_title span,
.box_counter .div_process > .counter:nth-child(9) .dp_title span {background-color: #e81187;}

/***** Line - process *****/
.box_lprocess { margin: 8px auto 16px; position: relative; }
.box_lprocess table tr td a {  font-size: 12px;line-height: 16px; display: block; float: left; width: 100%; font-family: "Noto Sans"; text-transform: uppercase; text-align: center; font-weight: normal; letter-spacing: 3px; }
.box_lprocess table tr td a:focus {outline: none;}
.box_lprocess table tr td  { vertical-align: bottom;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.box_lprocess table tr td:nth-child(1) {width: 150px; border-bottom: 7px solid #ee383f; padding-bottom: 8px; color: rgb(238, 56, 63); }
.box_lprocess table tr td:nth-child(1) a {color: rgb( 232, 17, 135 );}
.box_lprocess table tr td:nth-child(2) {width: 350px; border-bottom: 7px solid #73b91b; color: #73b91b; padding-bottom: 8px; }
.box_lprocess table tr td:nth-child(2) a {color: #73b91b;}
.box_lprocess table tr td:nth-child(3) {width: 350px; border-bottom: 7px solid #277fc2; color: #277fc2; padding-bottom: 8px;  }
.box_lprocess table tr td:nth-child(3) a {color: #277fc2;}
.box_lprocess table tr td:nth-child(4) {padding-left: 20px;text-align: left; width: 200px; border-bottom: 7px solid #e81187; color: #e81187; padding-bottom: 8px;  }
.box_lprocess table tr td:nth-child(4) a {text-align: left;color: #e81187;}
.box_lprocess table tr td:nth-child(5) {position: relative; width: 150px; border-bottom: 7px dotted #e81187; color: #e81187; padding-bottom: 8px;  }
.box_lprocess table tr td:nth-child(5) p {position: absolute;bottom: -30px;margin: 0; right: 0;}
.box_lprocess table tr td:nth-child(5) a {color: #e81187;padding-left: 9px;}
.parent_p {position: relative;display: block;width: 100%;float: left;}

/***** Menu - process *****/
.fixme { padding-left: 17px; padding-right: 13px; width: 230px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu_p {z-index: 1; position: absolute;top: 44px;left: -12px; width: 230px;}
.fixme > div {border:1px dotted #c3c3c3;background: rgba(255,255,255,0.8);}
.txt_vleft {font-size: 12px; position: absolute;left: 0;top: 0;bottom: 0;text-align: center;height: 115px; margin: auto;letter-spacing: 2.3px; font-family: "Noto Sans"; color: rgb( 180, 180, 180 ); text-align: center; -moz-transform: matrix( 0,-1,1,0,0,0); -webkit-transform: matrix( 0,-1,1,0,0,0); -ms-transform: matrix( 0,-1,1,0,0,0); }
.menu_p ul {padding: 22px 0 15px 10px;}
.menu_p li a {padding: 5px 32px 5px 10px; font-size: 13px; font-family: "Noto Sans"; color: rgb( 50, 48, 49 ); text-align: right;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block;width: 100%; }
.menu_p li a:focus {outline: none;}
.menu_p li:before {display: none;}
.menu_p li {padding-left: 0px;margin-bottom: 6px;margin-right: -15px;}
.menu_p li a:before {width: 18px; height: 18px; position: absolute;right: 5px;border-radius: 50%;content: "";top:0;bottom: 0;margin:auto;}
.menu_p li a:after {width: 8px; height:12px;background-image: url('../img/svg/SVG_anchor-double-arrow.svg'); position: absolute;top: 0;bottom: 0;right: 10px;content: "";margin:auto;}
.menu_p ul li:nth-child(1) a:before {background-color: #ee383f}
.menu_p ul li:nth-child(2) a:before, .menu_p ul li:nth-child(3) a:before {background-color: #73b91b}
.menu_p ul li:nth-child(4) a:before, .menu_p ul li:nth-child(5) a:before {background-color: #277fc2}
.menu_p ul li:nth-child(6) a:before, .menu_p ul li:nth-child(7) a:before, .menu_p ul li:nth-child(8) a:before, .menu_p ul li:nth-child(9) a:before {background-color: #e81187}
.menu_p li a:hover {color: #fff;text-decoration: none;border-radius: 20px;}
.menu_p ul li:nth-child(1) a:hover {background-color: #ee383f;}
.menu_p ul li:nth-child(2) a:hover, .menu_p ul li:nth-child(3) a:hover {background-color: #73b91b}
.menu_p ul li:nth-child(4) a:hover, .menu_p ul li:nth-child(5) a:hover {background-color: #277fc2}
.menu_p ul li:nth-child(6) a:hover, .menu_p ul li:nth-child(7) a:hover, .menu_p ul li:nth-child(8) a:hover, .menu_p ul li:nth-child(9) a:hover {background-color: #e81187}
.anchor {padding-top: 30px;float: left;display: block;width: 100%;position: relative;}
footer {z-index: 1;position: relative;background: #fff;}

/*************************
*
*   6. AGENCY CAREERS
*
*************************/

/*** Custom Select ***/
.custom_select_apply .btn { background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; cursor: pointer; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 400; height: 32px; margin-bottom: 12px; padding: 0px 5px; position: relative; width: 400px; }
.custom_select_apply {position: relative; }
.custom_select_apply .btn ,.select_portofoliu .btn { width: 400px;border-radius:0;background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; cursor: pointer; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; height: 30px; margin-bottom: 40px;  position: relative;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 0 0 15px;}
.custom_select_apply .btn .caret {float: right; height: 28px; position: absolute; width: 38px;border:0px; top:-1px; right:0px;}
.custom_select_apply .btn .caret:after {background-color: #fff; background-image: url("../img/select.png"); background-position: center center; background-repeat: no-repeat; border: 1px solid #e1e2e2; box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; content: ""; font: 14px/24px FontAwesome; height: 30px; left: -1px; position: absolute; text-align: center; text-rendering: auto; top: 0px; width: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.custom_select_apply .btn:hover .caret:after {-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background-image: url('../img/select_hov.png'); }
.custom_select_apply div.dropdown-menu, .select_portofoliu div.dropdown-menu {background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #dcddde; border-left: 1px solid #dcddde; border-right: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1); display: none; left: 0; padding: 2px 0 0; position: absolute; right: -5px; top: 28px; width: 398px; z-index: 999; border-radius: 0 }
.custom_select_apply.open div.dropdown-menu {display: block;}
.dropdown-menu{position:relative; border:0px; box-shadow:none;width:100%; outline:none;}
.dropdown-menu .glyphicon {display:none;}
.custom_select_apply div.dropdown-menu ul {margin: 0; padding: 3px 0 8px 0; }
.custom_select_apply div.dropdown-menu ul li {padding-left: 0px;}
.custom_select_apply div.dropdown-menu ul li a {padding: 9px 0 0 8px; cursor: pointer; display: block; line-height: 15px !important; padding: 5px; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; color: #4d4d4f; }
.custom_select_apply div.dropdown-menu ul li a:hover {background-color: #3399ff; color: #fff; outline: none;}
.custom_select_apply div.dropdown-menu ul li a:focus {outline: none;}
.custom_select_apply .btn-default.active,  .custom_select_apply .btn-default:active, .custom_select_apply .btn-default:focus, .custom_select_apply .btn-default:hover, .open > .dropdown-toggle.btn-default, 
.select_portofoliu .btn-default.active,  .select_portofoliu .btn-default:active, .select_portofoliu .btn-default:focus, .select_portofoliu .btn-default:hover
{ background-color: #fff;   border-color: #dcddde;   color: #4d4d4f;}

/*** Form ***/

form.apply_careers input {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; height: 30px; margin-bottom: 40px; padding: 0px 15px; position: relative; width: 400px; }
form.apply_careers textarea {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: none repeat scroll 0 0 #fff; background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; height: 138px; margin-bottom: 40px; padding: 5px 15px; position: relative; width: 400px; }
.box_right .tooltip_link {padding: 5px 0 0 2px; text-align: right; }
.amount_content .box_left .tooltip_link {padding: 10px 0 10px 0px; }
.box_left .tooltip_link {padding: 6px 0 10px 0px; }

/************************ Tooltip *************************/
.tooltip_link a {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; text-decoration: none; display: block; }
.tooltip_link a:hover {color: #277fc2; }
.ajax-file-upload {text-align: left;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer !important; border: 1px solid #dcddde; box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 400; height: 18px; margin-bottom: 40px; padding: 5px 15px; position: relative; width: 400px;height:30px; }
.ajax-file-upload:hover {color: #ee383f; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; }
.ui-tooltip-apply {padding: 7px 15px !important; min-width: 368px !important; background: #277fc2; border: 1px solid #277fc2; border-radius: 0px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; }
.ui-tooltip-apply p {line-height: 16px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: left; }
.ui-tooltip-captcha {padding: 7px 15px !important; width: 269px !important; background: #277fc2; border: 1px solid #277fc2; border-radius: 0px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; }
.ui-tooltip-captcha p {line-height: 16px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: left; font-size: 14px; }
.ui-tooltip-amount {padding: 7px 15px !important; min-width: 819px !important; background: #277fc2; border: 1px solid #277fc2; border-radius: 0px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2) !important; }
.ui-tooltip-amount p {line-height: 16px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: left; padding: 0 15px !important; max-width: 650px; }
.ui-tooltip-amount ul {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: left; list-style: none; margin-left: 27px; padding: 0; max-width: 650px; padding: 0; }
.ui-tooltip-amount ul li {}
.ui-tooltip-amount ul  li:before {background: none repeat scroll 0 0 #fff; content: ""; float: left; height: 3px; margin-left: -12px; position: relative; top: 9px; width: 3px; }

/************************ Captcha *************************/
.box_captcha {width: 302px; margin: 28px auto; position: relative; }
.box_captcha2 {margin: 28px auto 10px; position: relative; width: 335px;box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; padding-left: 31px; padding-top: 16px; }
.box_captcha2 .tooltip_link {padding: 0px; margin-top: 0px; margin-right: 3px; }
.captcha {border: 1px solid #dcddde; width: 148px; height: 49px; float: left; display: inline; position: relative }
.captcha img {border:1px solid #fff !important; outline:none;}
.captcha_input {border: 1px solid #dcddde; width: 149px; height: 49px; float: left; display: inline; position: relative; margin-left: -1px; }
.captcha_input input {width: 100% !important; text-align: center; height: 100% !important; border: 0px !important; }
.captcha_refresh {background-image: url("../img/refresh_captcha.png"); background-position: center center; background-repeat: no-repeat; border: 1px solid #d9d9d9; border-radius: 50%; box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; display: inline; float: left; height: 26px; position: absolute; width: 26px; right: 136px; top: 12px; background-color: #fff; }
.captcha_refresh_img {display: block; height: 30px; width: 30px; text-align: left; text-decoration: none; }
.captcha_refresh:hover {background-image: url("../img/refresh_captcha_hov.png"); background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; }

/************************ Form *************************/
.txt_form {display: block; position: relative; margin: 0 auto; }
.txt_form p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin-bottom: 11px; }
.btn_trimite input.trimite {padding: 0px;cursor: pointer; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; font-weight: 600; background: none repeat scroll 0 0 #fff; border: 1px solid #dedfe0; border-radius: 18px; box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; height: 25px; margin: 0 auto; width: 260px; line-height: 1; }
.btn_trimite:hover input.trimite {-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; color: #ee383f; }
.services {background: #277fc2; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1) inset; padding-bottom: 36px; width: 100%; }
.title_services h1 {color: #fff; font-family: "Noto Sans"; font-size: 26px; font-weight: normal; text-align: left; margin: 15px 0 0px 0; }
 
/*************************
*
*   7. SERVICES
*
*************************/
/************************ Menu Services *************************/
.menu_services {margin-top: 25px; }
.menu_services ul {list-style: none; height: 30px; margin: 0px; padding: 0px; }
.menu_services ul li:first-child {padding: 5px 16px 6px 0; }
.menu_services ul li {display: inline; height: 30px; border-right: 1px solid #fff; padding: 5px 16px 6px 23px; }
.menu_services ul li:last-child {border-right: 0px; }
.menu_services ul li a {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-align: left; text-decoration: none; }
.menu_services ul li a:hover {text-decoration: underline; }

/************************ Css Services *************************/
.box_services { min-height: 575px; padding: 40px 0 60px; position: relative; }
.box_services .box600 {max-width: 600px; position: relative; display: inline; float: left; }
.box_services .box600 .box_opacity {max-width: 600px; border-top: 1px solid #dbdbdc; margin-top: 34px; padding-top: 30px; }
.box_opacity_text {opacity: 0.5 }
.box_opacity_text:hover {opacity: 1 }
.box600 img {margin-top: 7px; }
.box600 .box_img {max-width: 500px; margin: 0 auto; position: relative; }
.box600 .box_img img {width: 100%;}
.box600 .box_img2 {max-width: 500px; position: relative; }
.box600 img {width: 100%;}
.box_services .box600 .box_opacity_text h2 {font-size: 20px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; font-weight: 600; margin-bottom: 5px; }
.box_opacity_text p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin-top: 0px; line-height: 20px; }
.box_services h1 {color: rgb(77, 77, 79); font-family: "Noto Sans"; font-size: 40px; font-weight: normal; line-height: 50px; margin-bottom: 22px; text-align: left; max-width: 600px; }
.box_services h2 {font-size: 20px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; font-weight: 600; margin-bottom: 0px; margin-top: 0px; }
.box_services ul {font-size: 20px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; list-style: none; margin: 0 0 22px; padding: 0 0 0 17px; }
.box_services ul li {line-height: 24px; }
.box_services ul  li:before {background: none repeat scroll 0 0 #4d4d4f; content: ""; float: left; height: 5px; margin-left: -16px; position: relative; top: 11px; width: 5px; }
.box_services_bg {position: relative; background: url("../img/pattern-slide.png"); }
.vertical_align {display: table-cell; vertical-align: middle; }
.display_block {display: block;  }
div.box_services.inview {opacity: 1; }
/** div.box_services {opacity: 0.4; } **/
.laptop {/*background-image: url("../img/laptop.png");*/ background-repeat: no-repeat; background-position: center;  max-width: 859px;    width: 100%;   background-size: 100%; height: 469px; margin: 4px auto; position: relative; }
.laptop .title {text-align: center; }
.laptop .title h1 {position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 45px; font-size: 70.23px; font-family: "Source Sans Pro"; color: rgb(220, 221, 222); text-align: center; -moz-transform: matrix(1.12487146351681, 0, 0, 1.12487146351681, 0, 0); -webkit-transform: matrix(1.12487146351681, 0, 0, 1.12487146351681, 0, 0); -ms-transform: matrix(1.12487146351681, 0, 0, 1.12487146351681, 0, 0); font-weight: 600; z-index: -1; }
.laptop .image {display: none; background: none repeat scroll 0 0 transparent; border-bottom: medium none; color: #ee383f; max-height: 469px; line-height: 28px; position: absolute; text-align: center; left: 0; right: 0; margin: 0 auto; top: 0px; width: 859px; }
.laptop .image.active_img {display: block;}
.laptop .image img { max-height: 469px; position: absolute; width: 859px; z-index: -1; right: 0; }

/** Accordion Services Mobile **/
.accordion_services #accordion {padding: 0px;border:0px;margin:0px; }
.accordion_services #accordion .panel {margin-top: 0px;border:0px;}
.accordion_services #accordion .panel-heading {background-color: #277fc2;border-top:2px solid #5299ce;border-radius: 0px;padding:0px;}
.accordion_services #accordion .panel-heading h4 a {padding: 11px 20px;display: block;}
.accordion_services #accordion .panel-heading h4 {letter-spacing: 0.5px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-align: left;}
.accordion_services #accordion .panel-heading a:hover,  .accordion_services #accordion .panel-heading a:focus {text-decoration: none;outline: none;}
.accordion_services #accordion .panel-body h4 {border: 0px;margin: 0px; padding: 0px 0 10px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb( 39, 127, 194 ); text-align: left;font-weight: 600;}
.accordion_services #accordion .panel-body {padding: 10px 15px 15px 20px;}
.accordion_services #accordion .panel-body ul li {font-size: 14px;line-height: 22px;}
.accordion_services #accordion .panel-body ul {color:#277fc2;margin-bottom: 10px;}
.accordion_services #accordion .panel-body ul li:before {background-color:#277fc2}
.accordion_services #accordion .panel-body p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 39, 127, 194 ); text-align: left;}

/***** Servicii - Listare *****/
.container.serv_container {font-size: 0;position: relative;margin:0 auto 52px;text-align: center;}
.bserv {width: 262.5px;padding:20px 25px 25px; display: inline-block;position: relative; vertical-align: top;}
.bserv_img {height: 300px; width: 100%;background-position: center; display: block;border-radius: 40px;position: relative; }
.bserv_img:after {background-color: rgba(0,0,0,0.5);position: absolute;top:0;bottom: 0;left: 0;right: 0;content: "";border-radius: 40px;}
.bserv_img.no_after:after {display: none !important;}
.bserv_img:hover {opacity: 0.9;text-decoration: none;}
.bserv_img:hover .bserv_btn {text-decoration: underline;}
.bserv_img p  {font-size: 19px; font-family: "Myriad Pro"; color: rgb( 255, 255, 255 ); text-align: center;line-height: 28px; }
.icon_serv {height: 175px;padding-top:25px; z-index: 1; padding-bottom: 130px;position: relative;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.iv1:before {background-image: url('../img/svg/icon_digital-strategy.svg');width: 158px; height: 100px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv2:before {background-image: url('../img/svg/icon_web-design.svg');width: 162px; height: 104px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv3:before {background-image: url('../img/svg/icon_graphic-design.svg');width: 135px; height: 102px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv4:before {background-image: url('../img/svg/icon_development.svg');width: 105px; height: 105px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv5:before {background-image: url('../img/svg/icon_conversion.svg');width: 142px; height: 114px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv6:before {background-image: url('../img/svg/icon_online-marketing.svg');width: 105px; height: 105px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv7:before {background-image: url('../img/svg/icon_management.svg');width: 158px; height: 100px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.iv8:before {background-image: url('../img/svg/icon_hosting.svg');width: 105px; height: 105px;position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}
.bserv_text {padding: 15px 20px 15px 30px;width: 100%;height: 220px;background-color: rgba(39,127,194,0.9);border-radius: 40px;margin-top: -45px;position: relative;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bserv_text div {display: table-cell;vertical-align: middle;height: 190px;}
.bserv_text a {margin: 0; font-size: 14px;line-height: normal; padding:5px 0 5px 35px; font-family: "Myriad Pro"; color: rgb( 255, 255, 255 ); text-align: left; clear: both;float: left; position: relative; }
.bserv_text a:after {background-image: url('../img/svg/double-arrow.svg'); width: 30px; height: 20px; position: absolute;top: 0;bottom: 0;left: 0;margin:auto; content: "";}
.bserv_btn {padding-top: 15px;z-index: 1;margin-top: 20px; font-size: 14px;font-weight: 600; letter-spacing: 3px; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 ); text-align: center; position: relative; }
.bserv_btn:hover {color: #fff;}
.bserv_btn:before {width: 50px; height: 7px; background-image: url('../img/svg/3dots.svg'); position: absolute;top: 0;left: 0;right: 0;margin: auto;content: "";}

/***** Servicii - Detaliu *****/
.box_serv_det {float: left;display: block;width: 100%;margin-top: 7px;margin-bottom: 95px;}
.serv_det_img {text-align: left;padding-right: 0;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.serv_det_img div {width: 100%;padding: 30px 0 0;float: left;display: block;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.serv_det_img div img {max-width: 100%;}
.serv_det_txt {padding-left: 30px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.serv_det_txt > div {display: table;width: 100%;}
.sdt_align {display: table-cell;vertical-align: middle;height: 580px;}
.sdt_menu {margin-top: 0px;float: left;display: block;width: 100%;}
.sdt_menu ul {padding: 0;margin:0;text-align: center;}
.sdt_menu ul li:before {display: none;}
.sdt_menu ul li {display: inline-block;position: relative;margin:0 10px 17px;padding: 0;}
.sdt_menu .active {opacity: 0.6;pointer-events: none;}
.sdt_menu .active:hover {background-color: #72b844;}
.sdt_menu ul li a {font-size: 13px; font-family: "Source Sans Pro"; color: #fff; text-transform: uppercase; background-color: #72b844;font-weight: 600; letter-spacing: 0.5px; padding: 4px 20px; display: block;border-radius: 15px; }
.sdt_menu a:focus {text-decoration: none;outline: none;}
.sdt_menu ul li a:hover {text-decoration: none; background-color: #2d7fc1}
.sdt_txt {border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;float: left;display: block;width: 100%;margin-bottom: 17px; padding: 45px 15px 45px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sdt_txt h6 {letter-spacing: 3px; margin-top: 0px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb( 31, 31, 31 ); font-weight: 600; text-transform: uppercase; } 
.sdt_txt h1 {margin: 0 0 12px; font-size: 48px; font-family: "Source Sans Pro"; color: rgb( 31, 31, 31 ); }
.sdt_txt p {line-height: 20px; margin: 0 0 18px; font-size: 16px; font-family: "Source Sans Pro"; color: rgb( 31, 31, 31 ); text-align: left; }
.sdt_txt p:last-child {margin-bottom: 0px;}
.sdt_arrow {float: left;display: block;width: 100%;padding: 0 7px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sdt_arrow ul {padding: 0;margin:0;text-align: center;}
.sdt_arrow ul li:before {display: none;}
.sdt_arrow ul li {display: inline-block;position: relative;margin-bottom: 10px;padding: 0;}
.sdt_prev {float: left;}
.sdt_arrow a {font-size: 14px;padding: 8px 10px;text-align: center !important; min-width: 150px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-family: "Source Sans Pro"; color: rgb( 255, 255, 255 );}
.sdt_arrow a:hover {text-decoration: none;}
.sdt_arrow a:focus {text-decoration: none;outline: none;}
.sdt_prev a {position: relative;background-color: #72b844;padding-left: 20px;padding-right: 20px;}
.sdt_prev a:before {background-repeat: no-repeat;background-image: url('../img/svg/sdt_prev.svg'); width: 11px; height: 17px;position: absolute;left: 9px;top: 0;bottom: 0;margin: auto;content: "";}
.sdt_prev a:hover {background-color: #2d7fc1}
.sdt_prev .disabled {opacity: 0.6;pointer-events: none;}
.sdt_prev .disabled:hover {background-color: #72b844;}
.sdt_next{float: right;}
.sdt_next a {position: relative;background-color: #72b844;padding-left:20px;padding-right: 20px;}
.sdt_next a:before {background-repeat: no-repeat; background-image: url('../img/svg/sdt_next.svg'); width: 11px; height: 17px;position: absolute;right: 9px;top: 0;bottom: 0;margin: auto;content: "";}
.sdt_next a:hover {background-color: #2d7fc1}
.sdt_next .disabled {opacity: 0.6;pointer-events: none;}
.sdt_next .disabled:hover {background-color: #72b844;}
.sdt_all {position: relative;}
.sdt_all a {background: url('../img/btn_all.png') 0 -13px no-repeat #2d7fc1; display: block; text-align: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.sdt_all a:hover {background-position: 0 -31px; }

/***** Servicii - Categorie *****/
.box_serv_categ {float: left;display: block;width: 100%;margin-top: -17px;padding-top: 20px;margin-bottom: 62px;border-top:2px solid #2d7fc1;}
.serv_categ {max-width: 670px; margin:0 auto; position: relative;}
.serv_categ .sdt_arrow {padding: 0;margin-bottom: 10px;}
.serv_categ .sdt_arrow ul {vertical-align: top;width: 100%;}
.serv_categ .sdt_arrow ul li:first-child {float: left;}
.serv_categ .sdt_arrow ul li:last-child {float: right;}
.sc_prev a {font-size: 14px; text-align: left !important; font-family: "Source Sans Pro";line-height: 18px; padding: 0 0 0 60px;position: relative; color: rgb( 45, 127, 193 );}
.sc_prev a:before {width: 50px;top: 0;bottom: 0;position: absolute;content: "";background-color: #2d7fc1;left: 0;}
.sc_prev a:after{width: 46px; height: 26px; background-image: url('../img/bg_btn_prev.png');position: absolute;left: 4px;top: 0;bottom: 0;content: "";margin: auto;}
.sc_prev a span:after { transition: all 0.5s ease; -webkit-transition:all 0.5s ease;background-image: url('../img/svg/arrow_prev_categ.svg'); width: 20px; height: 6px; position: absolute;top: 0;bottom: 0;margin: auto;left: 30px;content: "";}
.sc_prev a:hover span:after {left: 15px; transition: all 0.5s ease;-webkit-transition:all 0.5s ease;}
.sc_prev a:hover {text-decoration: underline;}
.sc_next a {font-size: 14px;line-height: 18px; text-align: right !important;position: relative; font-family: "Source Sans Pro"; padding: 0 60px 0 0px; color: rgb( 45, 127, 193 );}
.sc_next a:before {width: 50px;top: 0;bottom: 0;position: absolute;content: "";background-color: #2d7fc1;right: 0;}
.sc_next a:after{width: 46px; height: 26px; background-image: url('../img/bg_btn_next.png');position: absolute;right: 4px;top: 0;bottom: 0;content: "";margin: auto;}
.sc_next a span:after { transition: all 0.5s ease; -webkit-transition:all 0.5s ease;background-image: url('../img/svg/arrow_next_categ.svg'); width: 20px; height: 6px; position: absolute;top: 0;bottom: 0;margin: auto;right: 30px;content: "";}
.sc_next a:hover span:after {right: 15px; transition: all 0.5s ease;-webkit-transition:all 0.5s ease;}
.sc_next a:hover {text-decoration: underline;}
.serv_categ .sdt_txt {text-align: center;padding-top: 18px;padding-bottom: 0; border: 0; margin-bottom: 28px;}
.serv_categ .sdt_txt p {text-align: center;}
.serv_categ_sub { width: 100%;position: relative;float: left;text-align: center; padding-bottom: 16px; margin-bottom: 18px; }
.serv_categ_sub:before {width: 100%; height: 1px; background-color: #e5e5e5;top:10px;margin:auto; content: "";position: absolute; left: 0; z-index: 0; }
.serv_categ_sub p {font-weight: 600; z-index: 1; font-size: 12px; font-family: "Source Sans Pro"; color: rgb( 31, 31, 31 ); text-align: center; background-color: #fff; display: inline-block;margin: 0; position: relative; padding: 0 10px; }
.serv_categ_sub:after {width: 21px; height: 14px; background-image: url('../img/svg/arrow_down_gray.svg'); position: absolute;bottom: 0;left: 0;right: 0;content: "";margin:auto;}

/*************************
*
*   8. PORTOFOLIO
*
*************************/
/************************ Menu Portofoliu *************************/
.menu_portofoliu {position: relative; }
.menu_portofoliu ul {left: -16px; list-style: outside none none; position: absolute; top: -196px; display: flex; width: 1220px; }
.menu_portofoliu ul li {position: 0px; display: block; height: 46px; cursor: pointer; text-align: center; width: 240px; position: relative; float:left; display:inline-block; }
.menu_portofoliu ul li:before {display: none;}
.menu_portofoliu ul li a {width: 210px; padding: 9px 0px; display: block; margin-top: 3px;}
.menu_portofoliu ul li:nth-child(1) a, .menu_portofoliu ul li:nth-child(1) a:hover {background: #ef454c; }
.menu_portofoliu ul li:nth-child(2) a, .menu_portofoliu ul li:nth-child(2) a:hover {background: #277fc2; }
.menu_portofoliu ul li:nth-child(3) a {background: #fff; color: #4d4d4f; border: 1px solid #dedede; }
.menu_portofoliu ul li:nth-child(4) a, .menu_portofoliu ul li:nth-child(4) a:hover {background: #73b91b; }
.menu_portofoliu ul li:nth-child(5) a, .menu_portofoliu ul li:nth-child(5) a:hover {background: #e81187; }
.menu_portofoliu ul li a:hover, .menu_portofoliu ul li.active a {width: 210px; padding: 12px 15px; display: block; margin-top: 0px; margin-left: -15px; box-sizing: content-box;}
.menu_portofoliu ul li:nth-child(3) a:hover, .menu_portofoliu ul li:nth-child(3).active a {width: 210px; padding: 11px 14px; display: block; margin-top: 0px; margin-left: -15px; }
.menu_portofoliu ul li a {font-size: 16px; font-family: "Source Sans Pro"; color: #fff; text-align: center; font-weight: 600; text-decoration: none; }
.active_important {display: block !important; }

.bg_portofoliu {background: #f9f9f9; position: relative; padding-top: 3px; padding-bottom: 25px; }
.box_portofoliu {width: 370px; height: 235px; background: #fff; display: table; position: relative; margin-top: 25px; margin-left: 10px; margin-right: 10px; cursor: pointer; }
.box_center_portofoliu {width: 1170px; margin: 0 auto; position: relative; }
.box_portofoliu .box_img {vertical-align: middle; display: table-cell; text-align: center; }
.box_portofoliu .box_img img {max-width: 100%;}
.box_img_hov {position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.box_img_hov {display: none; }
.box_portofoliu:hover .box_img_hov {display: block; }
.box_empty {width: 370px; height: 235px; background: #fff; display: table; position: relative; margin-top: 25px; margin-left: 10px; margin-right: 10px; cursor: pointer; z-index: 4; }
.box_empty:hover {background: #f9f9f9; }
.box_empty:hover .box_empty_text {display: block; }
.bg_white {background: #fff; opacity: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
.box_empty_text {width: 1000px; left: 50px; position: absolute; display: none; top: 20px; }
.box_empty_text h1 {font-size: 60px; font-family: "Noto Sans"; color: rgb(238, 56, 63); font-weight: bold; margin-top: 0px; }
.box_empty_text h2 {max-width: 300px;font-size: 22px; font-family: "Noto Sans"; color: rgb(238, 56, 63); font-weight: normal; margin-top: 5px; }

/************************ Select portofoliu *************************/
.select_portofoliu {position: relative; }
.select_portofoliu .btn {background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset; color: #4d4d4f; cursor: pointer; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 400; height: 32px; margin-bottom: 12px; padding: 0px 5px; position: relative; width: 230px; }
.select_portofoliu {position: relative; }
.select_portofoliu .btn {background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1) inset !important; color: #4d4d4f; cursor: pointer; display: block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; height: 30px; margin-bottom: 16px; padding: 4px 0 0 13px; position: relative; }
.select_portofoliu .btn .caret {float: right; height: 28px; position: absolute; width: 38px; right: 0px;border:0px; top:-1px; }
.select_portofoliu .btn .caret:after {background-color: #fff; background-image: url("../img/sprites.png"); width: 11px; height: 7px; background-position: -71px -99px; top:13px; right:8px; background-repeat: no-repeat;  content: "";  position: absolute; text-align: center; text-rendering: auto;  }
.select_portofoliu .btn:hover .caret:after {background-position: -71px -106px; }
.select_portofoliu div.dropdown-menu {background: none repeat scroll 0 0 #fff; border: 1px solid #dcddde; box-shadow: 0 8px 8px -5px rgba(0, 0, 0, 0.1); display: none; left: 0; padding: 2px 0 0; position: absolute; right: -5px; top: 35px; width: 230px; z-index: 999; }
.select_portofoliu.open div.dropdown-menu {display: block; }
.select_portofoliu div.dropdown-menu ul {margin: 0; padding: 3px 0 8px 0; }
.select_portofoliu div.dropdown-menu ul li {padding-left: 0px;}
.select_portofoliu div.dropdown-menu ul li a {padding: 5px 9px; cursor: pointer; display: block; line-height: 15px; padding: 5px; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; color: #4d4d4f; }
.select_portofoliu div.dropdown-menu ul li a:hover {background-color: #3399ff; color: #fff; }
.select_portofoliu div.dropdown-menu ul li a:focus {outline: none;}
.next_portofoliu a {background-image: url("../img/next_portofoliu.png"); background-position: 90% 6px; background-repeat: no-repeat; float: right; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; padding-right: 30px; text-align: right; text-decoration: none; }
.next_portofoliu a:hover {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
background-position: right center; background-image: url('../img/next_portofoliu_hov.png'); color: #ee383f; }
.prev_portofoliu a {background-image: url("../img/prev_portofoliu.png"); background-position: 10% center; background-repeat: no-repeat; float: right; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-style: italic; text-align: right; text-decoration: none; padding-left: 30px; }
.prev_portofoliu a:hover {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
background-position: left center;	background-image: url('../img/prev_portofoliu_hov.png'); color: #ee383f; }
.box_det_right {z-index: 1; float: right; position: relative; display: inline; margin-top: -8px; max-width: 400px; border-bottom: 1px solid #dcddde; padding-bottom: 15px; }
.box_detaliu_img {max-width: 750px; float: left; display: inline; position: relative; }
.box_detaliu_img img {width:100%;max-width: 748px; }
.box_detaliu {width:100%; max-width: 1200px; position: relative; margin-top: 74px; }
.border_box_detaliu {border: 1px solid #dedfe0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.nth_detaliu {margin-top: 0px;display:block;clear:both; }
.nth_detaliu div:nth-child(1) {margin-top: 0px;}
.nth_detaliu div:nth-child(1)  .box_detaliu_text {max-width: 400px; } 
.box_detaliu_text a {font-weight: bold; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left;  }
.box_detaliu_text {float: left; display: inline; position: relative; padding-top: 43px; max-width: 250px; }
.box_detaliu_text h1 {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; font-weight: 600; margin: 0; padding: 0; }
.box_detaliu_text h2 {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 20px; }
.box_detaliu_text p {margin:20px 0;font-size: 14px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-align: left; line-height: 18px; }
.box_detaliu_text .btn_start_proj {float: left; margin-top: 13px; }
.box_portofoliu_bottom {border-top: 1px solid #dedfe0; margin-top: 25px; padding-top: 37px; margin-bottom: 24px; }
.box_portofoliu_bottom .box_det_right {padding-bottom: 0px;}
.box_portofoliu_bottom .btn_start_proj {margin: -8px auto; }
.box_portofoliu_bottom .box_det_right {border-bottom: 0px }
input#amount {width: 100px; background: #fff; box-shadow: none; font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: right; border: 0; padding: 0px; margin: 0px; }
.box_amount .ui-corner-all {border-radius: 0px; }
#form_slider input {color: transparent; }
.box_amount .ui-widget-content {background: #8c8c8c; border: 0px; }
.box_amount {border: 1px solid #e0e1e2; margin-bottom: 40px; margin-top: 0px; padding: 9px 14px 15px 16px; width: 850px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.box_radio {border: 1px solid #e0e1e2; margin-bottom: 40px; margin-top: 0px; padding: 9px 14px 18px 16px; width:100%; max-width: 818px; }
.mr7 {margin-right: 7px; }
.ui-slider .ui-slider-handle {z-index: 1; }

/************************ css facebook *************************/
.media {overflow: hidden; width: 100px;margin-bottom: 10px; } 
.media ul {padding:0px;} 
.media li {clear: both; height: 30px; overflow: hidden; padding-left: 0px; width: 300px; } 
.media li:hover {cursor: pointer; } 
.media span, .talk-area .media a {color: #999; display: block; float: left; font-size: 10px; font-weight: 500; margin-bottom: 10px; padding: 10px 5px 10px 34px; } 
.media .fb-like {margin-left: -20px; } 
 
/*************************
*
*   9. START YOUR PROJECT
*
*************************/
div.text_core {opacity: 0.3; }
div.text_core.inview {opacity: 1 }
.box_start_proj {width:100%; max-width: 700px; margin: 0 auto; position: relative; text-align: center; }
.box_start_proj p:last-of-type {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin: 36px 0 12px 0; }
.box_start_proj p:last-of-type b {font-weight: 600; }
.box_start_proj span {padding-left:20px;}
.localizare .divide {position: relative;}
.arrow_right {height: 11px; padding-right: 11px; width: 5px; }
.arrow_right:before {background-image: url("../img/sprites.png"); background-position: -60px -16px; width: 5px; height: 11px; position: absolute;content: ""; top:2px; left:0;bottom: 0; right: 2px; margin: auto;}
.arrow_right_white { height: 11px; padding-right: 11px; width: 5px; }
.arrow_right_white:before {background-image: url("../img/sprites.png"); background-position: -66px -16px; width: 5px; height: 11px; position: absolute;content: ""; top:5px; left:0;bottom: 0; right: 14px; margin: auto;}
.box_apply {width:100%;max-width: 1200px; border: 1px solid #dcddde; margin-top: 36px;padding: 0 10px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.box_apply2 {padding: 0 10px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;max-width: 1200px; border: 1px solid #dcddde; padding-top: 14px; margin-top: -1px; padding-bottom: 76px; }
.box_apply h1 {margin-top: 30px; font-size: 24px; font-family: "Source Sans Pro"; color: rgb(238, 56, 63); font-variant: small-caps; text-align: center; font-weight: 600; letter-spacing: 5px; }
.box_center_apply {position: relative; max-width: 912px;width:100%; }
.margin_top_ag_careers {margin: 43px auto 0; }
.margin_top_start_proj {margin: 41px auto 0; }
.tooltip_portfolio {width: 30px; }
.custom_select_apply {position: relative; }

/************************ css Amount *************************/
.box_amount p, .box_checkbox p, .box_radio p, .box_textarea p {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; margin: 0px; }
.box_amount .box1 {margin-top: 22px; margin-left: 8px; }
.box_amount .box2 {margin-top: 9px; margin-left: 10px; }
.box_amount .ui-slider-range {background: #ee383f; }
.box_amount  .ui-slider-handle {-webkit-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background: none repeat scroll 0 0 #fff; border: 1px solid #dddedf; border-radius: 50%; box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; color: transparent; cursor: move; height: 28px; margin-top: -9px; width: 28px; margin-left: -14px; }
.box_amount  .ui-slider-handle:hover, .box_amount  .ui-slider-handle:focus {background-image: url('../img/amount_hov.png'); background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; }
.box_amount .ui-slider-disabled .ui-slider-handle:hover, .box_amount .ui-slider-disabled .ui-slider-handle:focus {-webkit-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background-image: none; background: none repeat scroll 0 0 #fff; border: 1px solid #dddedf; border-radius: 50%; box-shadow: 0 -10px 18px -10px rgba(0, 0, 0, 0.1) inset; color: transparent; cursor: move; height: 28px; margin-top: -9px; width: 28px; margin-left: -14px; }
.box_amount .ui-slider-horizontal {height: 3px; width: 695px; }
.box_amount .checkbox_budget {margin-top: 17px; }

/************************ css checkbox *************************/
.checkbox_budget .check_custom_budget {display: none; }
.checkbox_budget label {background: url("../img/check.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); cursor: pointer; padding-left: 25px; }
.checkbox_budget label span {font-weight:100;font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; padding-left: 5px; }
.checkbox_budget label.check {background: url("../img/check_hov.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); }

/************************ css radio *************************/
.box_radio .radio_check {margin-top: 20px; }
.radio_check .radio_custom {display: none; }
.radio_check label {background: url("../img/radio.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); cursor: pointer; padding-left: 25px; margin-right: 32px; }
.radio_check label span {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; padding-left: 5px; }
.radio_check label.check {background: url("../img/radio_hov.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); }

/************************ css checkbox *************************/
.box_checkbox .checkbox {display: inline; position: relative; margin-right: 37px }
.box_checkbox  .line {width: auto; height: 1px; background: #dedfe0; margin: 18px 0 16px 0; }
.box_checkbox p {margin-bottom: 20px; }
.checkbox .check_custom {display: none; }
.checkbox label {background: url("../img/check.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); cursor: pointer; padding-left: 25px; }
.checkbox label span {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; padding-left: 5px; }
.checkbox label.check {background: url("../img/check_hov.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); }

/************************ css datepicker *************************/
.calendar {box-sizing:content-box;background-image: url("../img/calendar.png") !important; background-repeat: no-repeat !important; top: 0; cursor: pointer; width: 38px; height: 28px; right: 0px; position: absolute; -webkit-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background-position: center; border: 1px solid #e0e1e2; }
#datepicker:hover+.calendar {background-image: url("../img/calendar_hov.png") !important; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; width: 38px; height: 28px; background-position: center; border: 1px solid #e0e1e2; }
.calendar:hover {background-image: url("../img/calendar_hov.png") !important; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background-position: center; border: 1px solid #e0e1e2; }
#datepicker:focus+.calendar {background-image: url("../img/calendar_hov.png") !important; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; width: 38px; height: 28px; background-position: center; border: 1px solid #e0e1e2; }
.input.calendar:focus {background-image: url("../img/calendar_hov.png") !important; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px -10px 18px -10px rgba(0, 0, 0, 0.1) inset; background-position: center; border: 1px solid #e0e1e2; }
.ui-datepicker-close {display: none; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:first-child {float: right; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left; }
#ui-datepicker-div .ui-widget input, #ui-datepicker-div .ui-widget select,	#ui-datepicker-div .ui-widget textarea, #ui-datepicker-div .ui-widget button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; color: #323233 !important; font-family: "Source Sans Pro"; font-size: 14px; }
.ui-datepicker-calendar {border-spacing: 0; border-collapse: collapse; }
#ui-datepicker-div .ui-widget input, #ui-datepicker-div .ui-widget select, #ui-datepicker-div .ui-widget textarea, #ui-datepicker-div .ui-widget button:hover {text-decoration: underline }
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {background: none; border: 0px solid #a7a9ac; color: #555555; font-weight: normal; }
.ui-datepicker-calendar tr td:last-child {border-right: 0px solid #a7a9ac; }
.ui-datepicker {display: none; padding: 0; width: 17em; }
#ui-datepicker-div .ui-widget-header {background: none; border: none; color: #222222; font-weight: bold; padding-bottom: 0px; }
.ui-datepicker-prev {background-image: url("../img/prev_portofoliu.png"); background-position: center; cursor: pointer; background-repeat: no-repeat; }
.ui-datepicker-next {background-image: url("../img/next_portofoliu.png"); background-position: center; cursor: pointer; background-repeat: no-repeat; }
#ui-datepicker-div .ui-widget-header .ui-icon {background-image: none; }
.ui-datepicker-prev:hover {background: url("../img/prev_portofoliu_hov.png"); background-repeat: no-repeat; border: 0px; }
.ui-datepicker .ui-datepicker-prev-hover {background-position: center; }
.ui-datepicker-next:hover {background: url("../img/next_portofoliu_hov.png"); background-repeat: no-repeat; border: 0px; }
.ui-datepicker .ui-datepicker-next-hover {background-position: center; }
#ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled {opacity: 0.45; }
#ui-datepicker-div a.ui-state-disabled {background-attachment: scroll !important; background-clip: border-box !important; background-color: rgba(0, 0, 0, 0) !important; background-image: url("../img/prev_portofoliu.png") !important; background-origin: padding-box !important; background-position: center; background-repeat: no-repeat !important; background-size: auto auto !important; }
#ui-datepicker-div a.ui-state-disabled:hover {background-attachment: scroll !important; background-clip: border-box !important; background-color: rgba(0, 0, 0, 0) !important; background-image: url("../img/prev_portofoliu_hov.png") !important; background-origin: padding-box !important; background-position: center; background-repeat: no-repeat !important; background-size: auto auto !important; }
.ui-datepicker .ui-datepicker-header {padding: 0; }
.ui-datepicker .ui-datepicker-prev {left: 0px; }
.ui-datepicker .ui-datepicker-prev {height: 28px; position: absolute; top: 4px; width: 28px; left: 0px; }
.ui-datepicker .ui-datepicker-next {height: 28px; position: absolute; top: 4px; width: 28px; right: 5px !important; }
#ui-datepicker-div.ui-corner-all {border-radius: 0px; }
.ui-datepicker .ui-datepicker-next {right: 0; }
.ui-datepicker {margin-top: 12px !important; padding-left: 14px; padding-right: 14px; padding-top: 17px !important; width: 270px !important; padding-bottom: 13px !important; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); }
#ui-datepicker-div.ui-widget {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(65, 64, 66); }
.ui-datepicker .ui-widget-header {font-size: 18px !important; font-family: "Source Sans Pro" !important; color: rgb(77, 77, 79) !important; text-align: center; font-weight: normal !important; }
.ui-datepicker .ui-datepicker-title {line-height: 2; text-align: center; }
.ui-datepicker th {font-size: 18px; font-family: "Source Sans Pro"; color: #6d6e71; border: 0 none; font-weight: normal; padding: 13px 0px 7px 0px !important; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a {border-collapse: collapse; font-size: 18px; font-family: "Source Sans Pro"; color: #4d4d4f !important; text-align: center; font-weight: normal !important; }
.ui-datepicker-today  a {box-sizing: border-box; border: 1px solid #ee383f !important; padding: 2px !important; }
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: 3px; text-align: center; text-decoration: none; letter-spacing: 0px; }
.ui-datepicker td {width: 35px; height: 28px; }
td.ui-datepicker-today a {color: #4d4d4f !important; }
.ui-datepicker-calendar a.ui-state-active {background-color: #ee383f !important; color: #fff !important; font-weight: bold !important; }
.ui-datepicker-calendar a:hover {background-color: #ee383f !important; color: #fff !important; font-weight: bold !important; }
.ui-datepicker td {border: 0 none; padding: 0px; }
#ui-datepicker-div {border: 1px solid #dcddde; }
.ui-widget-content {border: 0px solid #aaaaaa; color: #222222; }
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; border-bottom: 0 none; border-left: 0 none; border-right: 0 none; margin: 0em 0 0; padding: 0em; }
.ui-datepicker .ui-datepicker-buttonpane button {cursor: pointer; float: right; margin: 0; overflow: visible; padding: 5px 5px 12px 5px; width: auto; }
.ui-datepicker-header a {color: #8a8b8d; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#ui-datepicker-div {margin-top: -1px; }

/*************************
*
*   10. CONTACT
*
*************************/
.value_website {position: absolute; top: 4px; right: 8px; }
.value_website span {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); padding-right: 4px; }
.box_checkbox {border: 1px solid #e0e1e2; margin-bottom: 40px; margin-top: 0; padding: 9px 14px 17px 16px; width: 850px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.box_width_input input {width: 850px !important; }
.box_width_input textarea {width: 850px !important; margin-bottom: 40px !important; }
.box_width_input2 .ajax-file-upload {width: 850px !important; height: 36px; }
.fa-paperclip {font-size: 17px !important }
.box_width_input2 .ajax-file-upload .fa-paperclip {padding-bottom: 0px; vertical-align: middle; }
.box_center_apply .fa-paperclip {padding-bottom: 4px; vertical-align: middle; }
.center {margin: 0 auto; }
.sgn_up_nwesletter {margin-top: -4px; margin-left: 15px; }
.box_contact h1 {color: rgb(238, 56, 63); font-family: "Source Sans Pro"; font-size: 24px; font-variant: small-caps; font-weight: 600; letter-spacing: 5px; margin-top: 30px; text-align: center; margin-left: 10px; }
.box_contact {border: 1px solid #dcddde; margin-top: 33px; width:100%; max-width: 1200px; padding-bottom: 26px;box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.box_contact textarea {margin-bottom: 25px !important; }
.box_contact input {margin-bottom: 41px !important; }
.margin_top_contact {margin: 37px auto 0; }
.margin_top_feedback {margin: 36px auto 0; }
.box_contact2 .box_apply2 {padding-top: 0px; padding-bottom: 35px; }
.box_contact2 .box_captcha3 {margin: 23px auto 10px auto; position: relative; width: 365px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 31px; padding-top: 16px; }
.box_contact2 .box_captcha3 .tooltip_link {margin-right: 0px; margin-top: 0px; padding: 0; }
.buttons {width:100%; max-width: 722px; margin: 34px auto; position: relative; }
.btn_contact {margin: 24px auto; border: 2px solid #73b91b; width: 271px; }
.btn_zalle {border: 2px solid #ee383f; margin: 24px auto; width: 271px; }
.btn_contact a {background: none repeat scroll 0 0 #73b91b; color: rgb(255, 255, 255); display: block; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 600; letter-spacing: 3px; padding: 5px 0; position: relative; text-align: center; text-transform: uppercase; text-decoration: none; }
.btn_contact:hover {border: 2px solid #73b91b; }
.btn_contact:hover a {background: #fff; color: #73b91b; }
.btn_zalle a {background: none repeat scroll 0 0 #ee383f; color: rgb(255, 255, 255); display: block; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 600; letter-spacing: 3px; padding: 5px 0; position: relative; text-align: center; text-transform: uppercase; text-decoration: none; }
.btn_zalle:hover {border: 2px solid #ee383f; }
.btn_zalle:hover a {background: #fff; color: #ee383f; }

/*************************
*
*   11. FEEDBACK
*
*************************/
.box_feedback {width:100%; max-width: 650px; margin: 0 auto; position: relative; text-align: center; }
.box_feedback2 {border: 1px solid #dcddde; margin-top: 33px; width:100%; max-width: 1200px; padding-bottom: 33px; }
.box_feedback2 h1 {color: rgb(238, 56, 63); font-family: "Source Sans Pro"; font-size: 24px; font-variant: small-caps; font-weight: 600; letter-spacing: 5px; margin-top: 30px; text-align: center; margin-left: 10px; }
.box_textarea textarea {margin-bottom: 4px !important; }
.box_textarea  p {margin-left: 15px; }
.box_feedback2 .custom_select_apply {margin-top: 34px !important; }

/*************************
*
*   12. LOGIN
*
*************************/
.box_login2 {border: 1px solid #dcddde; margin-top: 33px; max-width: 1198px; margin: 34px auto; position: relative; }
.box_login2 .box1 {width: 802px; float: left; display: inline; position: relative; border-right: 1px solid #dcddde; padding: 17px 0 0 0px; box-sizing: border-box; }
.box_login2 .box1 .box_btn {height: 175px; text-align: center; width: 200px; float: left; display: inline; position: relative; }
.box_login2 .box1 .box_btn p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin-top: 1px; width: 150px; margin: 0 auto; }
.btn_back {background-image: url("../img/back_activ.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_back_inactiv {opacity: 0.5; background-image: url("../img/back_activ.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; margin: 0 auto; }
.btn_back:hover {background-image: url("../img/back_hover.png"); }
.btn_folder {background-image: url("../img/folder.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_folder:hover {background-image: url("../img/folder_hov.png"); }
.btn_docx {background-image: url("../img/docx.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_docx:hover {background-image: url("../img/docx_hov.png"); }
.btn_xls {background-image: url("../img/xls.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_xls:hover {background-image: url("../img/xls_hov.png"); }
.btn_pdf {background-image: url("../img/pdf.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_pdf:hover {background-image: url("../img/pdf_hov.png"); }
.btn_image {background-image: url("../img/image.png"); background-position: center; background-repeat: no-repeat; width: 108px; height: 108px; cursor: pointer; margin: 0 auto; }
.btn_image:hover {background-image: url("../img/image_hov.png"); }
.box_login2 .box2 {width: 396px; float: left; display: inline; position: relative; border-left: 1px solid #dcddde; margin-left: -1px; box-sizing: border-box; }
.box_login2 .box2 .box_txt {padding: 10px 0 18px 24px; max-width: 345px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); margin: 0 14px 2px 14px; }
.box_login2 .box2 h3 {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; font-weight: 600; margin: 6px 36px 10px 36px; }
.box_login2 .box2 .box_txt p {margin-top: 7px; line-height: 17px; margin-bottom: 10px; }
.box_login2 .box2 .box_txt p, .box_login2 .box2 .box_txt a {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: left; text-decoration: none; }
.box_login2 .box2 .box_txt a:hover {color: #ee383f; }
.box_login2 .box2 .box_txt a i {padding-right: 16px; padding-top: 2px; vertical-align: middle; margin-left: 2px; }
.box_login_txt {margin-left: 50px; margin-bottom: 33px; position: relative; text-align: left; }
.box_login_txt h3 {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); font-weight: 600; margin: 12px 0 16px 0; }
.box_login_txt p {color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 16px; margin: 12px 0; width: 700px; line-height: 19px; }
.box_site_map {margin-top: 31px; margin-bottom: 99px; }
 
 /*************************
*
*   13. SITE MAP
*
*************************/
 ul.sm_box1 {width: 200px; margin: 0 50px 0 0; height: 420px; border: 1px solid #e6e7e8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; list-style: none; padding: 0; float: left; display: inline; position: relative; }
 ul.sm_box1 li {cursor: pointer; height: 418px; padding-left: 0px; }
 ul.sm_box1 li:hover {background: #e81187; }
 ul.sm_box1 li:hover a {color: #fff; }
 ul.sm_box1 li a {color: rgb(232, 17, 135); font-family: "Source Sans Pro"; font-size: 14px; text-align: left; text-decoration: none; display: block; padding: 8px 15px; }
 ul.sm_box2 {width: 200px; height: 420px; border: 1px solid #e6e7e8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; list-style: none; padding: 0; margin: 0; float: left; display: inline; position: relative; margin-right: 50px; }
 ul.sm_box1 li, ul.sm_box2 li, ul.sm_box3 li, ul.sm_box4 li {padding-left: 0px;}
 ul.sm_box1 li:before, ul.sm_box2 li:before, ul.sm_box3 li:before, ul.sm_box4 li:before {display: none;}
 ul.sm_box2 li:after {background-image: url("../img/sprites.png");background-position: -53px -112px; content: ""; float: left; height: 10px; margin-left: -31px; position: relative; top: -22px; width: 14px; }
 ul.sm_box2 li {border-top: 1px solid #e6e7e8; height: 38px; cursor: pointer;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 ul.sm_box2 li:hover {background: #ee3334; }
 ul.sm_box2 li:hover a {color: #fff; }
 ul.sm_box2 li a {color: #ee3334; font-family: "Source Sans Pro"; font-size: 14px; text-align: left; text-decoration: none; display: block; padding: 8px 18px; }
 ul.sm_box2 li:first-child {height: 190px; border-top: 0px;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 ul.sm_box3 {width: 200px; height: 190px; border: 1px solid #e6e7e8; box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;list-style: none; padding: 0; margin: 0; margin-right: 50px; float: left; display: inline; position: relative; }
 ul.sm_box3 li:after {background-image: url("../img/sprites.png");background-position: -53px -112px;  content: ""; float: left; height: 10px; margin-left: -31px; position: relative; top: -22px; width: 14px; }
 ul.sm_box3 li {border-top: 1px solid #e6e7e8; height: 38px; cursor: pointer; }
 ul.sm_box3 li:hover {background: #277fc2; }
 ul.sm_box3 li:hover a {color: #fff; }
 ul.sm_box3 li a {color: #277fc2; font-family: "Source Sans Pro"; font-size: 14px; text-align: left; text-decoration: none; display: block; padding: 8px 18px; }
 ul.sm_box3 li:first-child {border-top: 0px; }
 ul.sm_box3 li:nth-child(2) {height: 152px; box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
 ul.sm_box4 {border: 1px solid #e6e7e8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline; float: left; height: 152px; list-style: outside none none; margin: 0; padding: 0; position: relative; width: 200px; margin-top: 39px; }
 ul.sm_box4 li:after {background-image: url("../img/sprites.png");background-position: -53px -112px;  content: ""; float: left; height: 10px; margin-left: -31px; position: relative; top: -22px; width: 14px; }
 ul.sm_box4 li {border-top: 1px solid #e6e7e8; height: 38px; cursor: pointer;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
 ul.sm_box4 li:hover {background: #73b91b; }
 ul.sm_box4 li:hover a {color: #fff; }
 ul.sm_box4 li a {color: #73b91b; font-family: "Source Sans Pro"; font-size: 14px; text-align: left; text-decoration: none; display: block; padding: 8px 18px; }
 ul.sm_box4 li:first-child {border-top: 0px;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/*************************
*
*   14. CAREERS
*
*************************/
.box_careers {width:100%;max-width: 600px; margin: 0 auto; position: relative; text-align: center; }
.box_careers h3, .box_start_proj h3, .box_feedback h3 {font-size: 18px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; font-weight: 600; margin: 15px 0 0px 0; }
.box_careers p, .box_start_proj p, .box_feedback p {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); text-align: center; margin: 12px 0 12px 0; line-height: 18px; }
.box_careers_box {width:100%;max-width: 1000px; margin: 65px auto 63px auto; position: relative; }
.box_careers_box #box1 {width: 196px; height: 126px; border: 2px solid #277fc2; margin: 0 25px; float: left; display: inline; position: relative; cursor: pointer; background-image: url('../img/icon1.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box1:hover {background: #277fc2; background-image: url('../img/icon1_hov.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box2 {width: 196px; height: 126px; border: 2px solid #e81187; margin: 0 25px; float: left; display: inline; position: relative; cursor: pointer; background-image: url('../img/icon2.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box2:hover {background: #e81187; background-image: url('../img/icon2_hov.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box3 {width: 196px; height: 126px; border: 2px solid #73b91b; margin: 0 25px; float: left; display: inline; position: relative; cursor: pointer; background-image: url('../img/icon3.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box3:hover {background: #73b91b; background-image: url('../img/icon3_hov.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box4 {width: 196px; height: 126px; border: 2px solid #ee383f; margin: 0 25px; float: left; display: inline; position: relative; cursor: pointer; background-image: url('../img/icon4.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box #box4:hover {background: #ee383f; background-image: url('../img/icon4_hov.png'); background-repeat: no-repeat; background-position: center; }
.box_careers_box .text {padding-top: 9px; letter-spacing: 1px; width: 200px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); text-transform: uppercase; font-weight: 600; text-align: center; margin: 0 25px; float: left; display: inline; position: relative; }
.title_careers h1 {color: rgb(51, 49, 50); font-family: "Noto Sans"; font-size: 26px; font-weight: normal; text-align: left; margin: 19px 0 0px 0; }
 
 /*************************
*
*   15. FOOTER
*
*************************/

/************************ Info *************************/
footer .info {z-index: 0; display: block; overflow: hidden; position: relative; }
footer .info ul {float: left; list-style: outside none none; position: relative; z-index: 2; }
footer .info ul li.social {border: medium none; margin-right: 0; }
footer .info ul li {font-size: 14px; font-family: "Noto Sans"; color: rgb(77, 77, 79); float: left; font-weight: normal; letter-spacing: 1px; padding-right: 6px; padding-top: 3px; }
footer .info ul {list-style: outside none none; margin-bottom: 10px; margin-top: 0px; padding: 0; }
footer .info ul li a {color: #414042; display: block; line-height: 20px; }
footer .info ul li a i.fa-phone {margin-top: 11px; }
footer .info ul li a i.fa-mobile {margin-top: 4px; }
footer .info ul li a i.fa-envelope {margin-top: 11px; }
footer .info ul li.social {letter-spacing: -1px; }
.margin_social {margin-left: 3px; margin-right: 19px; margin-top: 6px; }
footer .info ul li.social a {background: none repeat scroll 0 0 #fff; border-bottom: medium none; border-radius: 50%; color: #ee383f; height: 40px; line-height: 28px; position: relative; text-align: center; top: -3px; width: 40px; -webkit-box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.2); }
.fa {display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; }
footer .info2 ul li.social a:hover {background: none repeat scroll 0 0 #1e7cb9; }
footer h1 {margin-top: 27px; margin-bottom: 14px; font-size: 26px; font-family: "Noto Sans"; color: rgb(51, 49, 50); text-align: left; font-weight: normal; }

/************************ Map Footer *************************/
.map_footer {float:right;background-image: url("../img/map_footer.png"); background-position: center center; background-repeat: no-repeat; height: 93px; margin-right: 20px; margin-top: -30px; width: 217px; position: relative; }
#hotspot_holder div {background-image: url("../img/hotspot.png"); background-repeat: no-repeat; color: #000; cursor: pointer; height: 40px; line-height: 40px; position: absolute; text-indent: -9999px; width: 40px; opacity: 0.3; }
#hotspot_holder:hover+.text_map {display: block; }
#hotspot_holder {position: absolute; right: 120px; top: 2px; }
.text_map {display: none; position: absolute; right: 20px; top: -25px;letter-spacing: 2px; }
.text_map span {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(238, 56, 63); text-transform: uppercase; text-align: center; font-weight: 600; }

/************************ Menu services *************************/
.menu_footer {list-style: none; margin: 5px 0 0 0; padding: 0; }
.menu_footer li {display: inline; margin-right: 10px; }
.menu_footer li:last-child {margin-right: 0px; }
.menu_footer li a {font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); line-height: 2.143; text-align: left; text-decoration: none; }
.menu_footer li a:hover {color: #f21e29; }

/************************ Shadow Footer *************************/
.footer_shadow {height: 60px; -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.1); margin-top: 18px; width: 100%; }
.footer_shadow p {margin-top:14px;font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); line-height: 2.143; text-align: left; }
 
  /************************ Socials Footer *************************/
.social_buttons {margin-top: -2px; margin-right: -10px; padding-top: 23px; padding-bottom: 17px; }
.social_buttons a {display: inline; color: #cfcfcf; text-decoration: none; padding: 23px 16px 18px 16px }
.social_active {color: #ee383f !important;}
.social_buttons a:hover {background: #fff; box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 4px 0 5px -5px rgba(0, 0, 0, 0.4), -4px 0 5px -5px rgba(0, 0, 0, 0.4); }
footer {width: 100%; }
.site_map {z-index:4;background-color: #c1c1c1; border-radius: 50%; height: 75px; left: 0; right:0; margin:0 auto; position: absolute; cursor: pointer; opacity: 0.5; width: 75px; top: -39px; }
.site_map:before {background-image: url("../img/sprites.png"); background-position: -54px -75px ; width: 26px; height: 20px; position: absolute; left: 0; right: 0; top: 10px; content: ""; margin:0 auto;}
.site_map:hover {opacity: 0.8; }
.site_map a {display:block; text-decoration:none; padding: 41px 0 0 12px; font-weight: 600; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); }
.oe_overlay {min-height:800px; background: #000; opacity: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index:2; display:none; }
 
/************************ Reveal bg *************************/
.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, .8); z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal {text-align: center; background: #fff; left: 0; margin-left: auto; margin-right: auto; overflow: hidden; position: absolute; right: 0; top: 15%; visibility: hidden; width: 700px; z-index: 101; }
.reveal-modal .close_reveal:hover {color: #ff9900; }
.close_reveal {width: 24px; height: 24px; cursor: pointer; background-image: url("../img/close_popup.png"); background-position: center center; float: right; background-repeat: no-repeat; margin-right: 15px; margin-top: 10px; }
.close-reveal-modal:hover {background-image: url("../img/close_popup_hover.png"); }
#newsletter h1 {clear:both; font-size: 26px; font-family: "Noto Sans"; color: rgb(77, 77, 79); text-align: left; font-weight: normal; text-align: center; margin: 24px 0 0 55px; }
.input_popup {border: 1px solid #d5d5d5; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1) inset; color: rgb(77, 77, 79); font-family: "Source Sans Pro"; font-size: 16px; height: 27px; margin-bottom: 15px; padding-left: 15px; width: 383px; }
.txt_popup {font-size: 16px; font-family: "Source Sans Pro"; color: rgb(51, 49, 50); margin-bottom: 28px; display: block; text-align: center; }
#newsletter p {margin-bottom: 24px; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(77, 77, 79); }
.btn_sterge {margin-bottom: 45px; background: #73b91b; border: medium none; font-size: 18px; font-family: "Source Sans Pro"; color: rgb(255, 255, 255); text-transform: uppercase; text-align: center; cursor: pointer; letter-spacing: 2px; font-weight: 600; height: 40px; padding: 0 !important; text-align: center; width: 200px; }
.btn_sterge:hover {background: #277fc2; }

/************************ Go To TOP *************************/
.box_top {width: 50px; height: 50px; bottom: 155px; cursor: pointer; position: fixed; right: 20px; z-index: 5; }
.box_bottom {width: 50px; height: 50px; background-color: #fff; bottom: 105px; cursor: pointer; position: fixed; right: 20px; z-index: 0; }
.w2b_StoTop_active {background-image: url("../img/go_top.png"); background-repeat: no-repeat; background-position: center; bottom: 155px; cursor: pointer; position: fixed; background-color: #fff; right: 20px; width: 50px; z-index: 1; height: 50px }
.w2b_StoTop_inactive {background-image: url("../img/go_top.png"); background-repeat: no-repeat; background-position: center; bottom: 155px; cursor: pointer; position: fixed; background-color: #fff; right: 20px; width: 50px; z-index: 1; height: 50px; opacity: 0.3 !important; }
.w2b_StoTop_active:hover {background-image: url("../img/go_top_hover.png"); background-repeat: no-repeat; background-position: center; bottom: 155px; cursor: pointer; position: fixed; background-color: #fff; right: 20px; width: 50px; z-index: 1; height: 50px }
.w2b_StoBottom_active {background-image: url("../img/go_bottom.png"); background-repeat: no-repeat; background-position: center; background-color: #fff; bottom: 105px; cursor: pointer; position: fixed; right: 20px; width: 50px; height: 50px; z-index: 1; }
.w2b_StoBottom_inactive {background-image: url("../img/go_bottom.png"); background-repeat: no-repeat; background-position: center; background-color: #fff; bottom: 105px; cursor: pointer; position: fixed; right: 20px; width: 50px; height: 50px; z-index: 1; opacity: 0.3 !important; }
.w2b_StoBottom_active:hover {background-image: url("../img/go_bottom_hover.png"); background-repeat: no-repeat; background-position: center; background-color: #fff; bottom: 105px; cursor: pointer; position: fixed; right: 20px; width: 50px; height: 50px; z-index: 1; }

/************************ Cookies *************************/
#box_cookies {min-height: 60px; background: #ee383f; margin: 0; padding: 0; }
#box_cookies p {padding: 20px 0; font-size: 14px; font-family: "Source Sans Pro"; color: rgb(247, 156, 159); margin: 0; width:100%; }
#box_cookies p a {text-decoration: none; color: #fff; }
#box_cookies p a:hover {text-decoration: underline; }
a#close_cookies {background-image: url('../img/close_cookies.png'); background-repeat: no-repeat; background-position: right 7px;  width: 75px; height: 35px; float: right; margin-top: 12px;margin-bottom: 12px; padding-top: 9px; text-decoration: none; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-family: "Source Sans Pro"; color: rgb(255, 255, 255); font-weight: 600; opacity: 0.5; }
a#close_cookies:hover {opacity: 1; }

/************************ css parallax *************************/
.parallax-container { height:300px; max-width: 500px;}
.parallax{height: 200px;max-width:1920px;margin:0 auto;}
.parallax2{height: auto; min-height:200px;max-width:1920px;margin:0 auto;padding-bottom:25px;}