/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 980px; background: #fff; font-family: 'OpenSans', sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; overflow-x: visible; }

a { text-decoration: none; }


h2 { font-size: 30px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }

h6 { font-size: 14px; font-weight: 700; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */

.row:after { display: table; content: ' '; clear: both; }

.col { float: left; display: block; }

.col-1of2 { width: 50%; margin-left: 0; }
.col-1of2:nth-child(1) { padding-right: 20px; }
.col-1of2:nth-child(2) { padding-left: 20px; }




.col { float: left; padding: 0; margin: 0; text-align: left; box-sizing: border-box; }

.col-1of3 { width: 33.33% }
.col-2of3 { width: 66.66%; }
.col-1of3:nth-child(1) { padding-right: 30px; }
.col-2of3:nth-child(1) { padding-right: 30px; }



/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width:960px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-add-blue { display: inline-block; background: url(../images/ico-add-blue.png) no-repeat center center; width: 30px; height: 30px; background-size: cover; vertical-align: middle; }
.ico-add-darkblue { display: inline-block; background: url(../images/ico-add-darkblue.png) no-repeat center center; width: 30px; height: 30px; background-size: cover; vertical-align: middle; }

.ico-add-grey { display: inline-block; background: url(../images/ico-add-grey.png) no-repeat center center; width: 35px; height: 35px; background-size: cover; vertical-align: middle;  }

.ico-add-light { display: inline-block; background: url(../images/ico-add-light.png) no-repeat center center; width: 30px; height: 30px; background-size: cover; vertical-align: middle;  }

.ico-add-green { display: inline-block; background: url(../images/ico-add-green.png) no-repeat center center; width: 84px; height: 84px; background-size: cover; vertical-align: middle;  }

.ico-arrow-right-grey { display: inline-block; background: url(../images/ico-arrow-right-grey.png) no-repeat center center; width: 15px; height: 24px; background-size: cover; vertical-align: middle;  }

.ico-arrow-right-white { display: inline-block; background: url(../images/ico-arrow-right-white.png) no-repeat center center; width: 15px; height: 24px; background-size: cover; vertical-align: middle;  }

.ico-at { display: inline-block; background: url(../images/ico-at.png) no-repeat center center; width: 14px; height: 14px; background-size: cover; vertical-align: middle;  }

.ico-eye { display: inline-block; background: url(../images/ico-eye.png) no-repeat center center; width: 22px; height: 13px; background-size: cover; vertical-align: middle;  }

.ico-mail-green { display: inline-block; background: url(../images/ico-mail-green.png) no-repeat center center; width: 36px; height: 21px; background-size: cover; vertical-align: middle;  }

.ico-flag-bosna { display: inline-block; background: url(../images/ico-flag-bosna.jpg) no-repeat center center; width: 44px; height: 29px; background-size: cover; vertical-align: middle;  }

.ico-mail-small { display: inline-block; background: url(../images/ico-mail-small.png) no-repeat center center; width: 17px; height: 10px; background-size: cover; vertical-align: middle;  }

.ico-phone { display: inline-block; background: url(../images/ico-phone.png) no-repeat center center; width: 12px; height: 20px; background-size: cover; vertical-align: middle;  }

.ico-profile-green { display: inline-block; background: url(../images/ico-profile-green.png) no-repeat center center; width: 35px; height: 34px; background-size: cover; vertical-align: middle;  }

.ico-profile-small { display: inline-block; background: url(../images/ico-profile-small.png) no-repeat center center; width: 16px; height: 16px; background-size: cover; vertical-align: middle;  }

.ico-close{ display: inline-block; background: url(../images/ico-close.png) no-repeat center center; width: 12px; height: 12px; background-size: cover; vertical-align: middle;  }

.ico-arrow-down { display: inline-block; background: url(../images/ico-arrow-right-white.png) no-repeat center center; width: 15px; height: 24px; background-size: cover; transform:rotate(90deg); vertical-align: middle; }

.ico-arrow-left-blue { display: inline-block; background: url(../images/ico-arrow-left-blue.png) no-repeat 0 0; width: 15px; height: 24px; background-size:cover; vertical-align: middle; }
.ico-arrow-right-blue { display: inline-block; background: url(../images/ico-arrow-right-blue.png) no-repeat 0 0; width: 15px; height: 24px; background-size:cover; vertical-align: middle; }

/* ------------------------------------------------------------ *\
	Buttons and links
\* ------------------------------------------------------------ */

.btn { display: inline-block; text-decoration: none; min-width:91px; text-align: center; line-height: 1; padding: 3px 0; text-decoration: none; text-transform: none; }

.btn-blue { background: #054e92; color: #fff; }
.btn-blue:hover { background: #084a88; }

.btn-green { background: #a6a600; color: #fff; }
.btn-green:hover { background: #909001; }

.link-add:hover { opacity: .9; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

.list-actions { text-align: right; border-bottom: 1px solid #d0d077; padding-bottom: 10px; }

.list-actions li { display: inline-block; vertical-align: middle; margin-left: 18px; }

/* List-details */

.list-details { display: inline-block; vertical-align: middle; width: 49%; }

.list-details li { margin-bottom: 16px; }
.list-details li i { margin-right: 8px; }
.list-details li > a { color: #000; text-decoration: none; }
.list-details span a { color: #2e7bbf; }

/* List-imports */

.list-imports li { float: left; width: 33.33%; color: #fff; text-align: center; padding: 11px 0 12px; position: relative; transition: background .3s ease; }
.list-imports li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-imports li:nth-child(1) { background: #9b1343; }
.list-imports li:hover:nth-child(1) { background: #7d1036; }
.list-imports li:nth-child(2) { background: #054e92; }
.list-imports li:hover:nth-child(2) { background: #053a6b; }
.list-imports li:nth-child(3) { background: #a6a600; }
.list-imports li:hover:nth-child(3) { background: #777701; }
.list-imports h4 { text-transform: uppercase; }

/* List-members */

.list-members { padding-top: 6px; }
.list-members li { float: left; }
.list-members .ico-add-grey { width: 30px; height: 30px; }

/* List-news */

.list-news li:nth-child(odd) { background: #9b1343; }
.list-news li:nth-child(even) { background: #a01f4d; }

/* List-partners */

.list-partners li { display: inline-block; }
.list-partners li + li { margin-left: 40px; }
.list-partners li i { margin-left: 5px; }

/* List-jobs */

.list-jobs li { margin-bottom: 10px; }
.list-jobs li:last-child { margin-bottom: 0px; }

.list-jobs li i { margin-right: 8px; }

.list-jobs a { font-weight: 700; color: #054e92; }
.list-jobs a span { color: #000; font-weight: 400; }

/* List-images */

.list-images {  border-top: 1px solid #d5d588; }
.list-images li { position: relative; float: left; cursor: pointer; }
.list-images li a { position: relative; }

.list-images .image-overlay {  position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; font-size: 10px; color: #fff; display: none; background: url(../images/overlay-bg.png) repeat-x 0 bottom; padding: 35px 0 0 5px; }

.list-images .image-overlay em { font-style: normal; display: block; }
.list-images .image-overlay a+a { margin-left: 5px; }

.list-images li:hover .image-overlay { display: block; }
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { background: #2f7bc0; padding-top: 122px; }

.intro .intro-body { background-position: center center; background-size:cover; padding: 60px 0; }
.intro .intro-body > img { display: none; }

.intro .intro-head { background: #bf1654; color: #fff; padding: 10px 0 11px; border-top: 1px solid #244c9e; }

.intro .intro-title { text-transform: uppercase; font-size: 40px; line-height: 1; padding-left: 11px; }
.intro .intro-title i { margin-right: 18px; }

/* ------------------------------------------------------------ *\
	Profile
\* ------------------------------------------------------------ */

.profile { max-width:760px; margin: 0 auto; }

.profile .profile-aside { float: left; width: 200px; background: #fff; }
.profile .profile-content { float: left; width: 73.6%; }

.profile .profile-title { background: #a6a600; color: #fff; padding: 10px 18px 9px; text-transform: uppercase; }

.profile .profile-actions { padding: 15px 20px 20px; }

.profile .profile-location { color: #2e7bc0; padding: 23px 0 42px; }
.profile .profile-location span { display: inline-block; width: 50%; }
.profile .profile-location i { float: right; }

.profile .profile-progress { color: #a6a600; margin-bottom: 23px; }

.profile .profile-progress h6 { margin-bottom: 5px; }

.profile .profile-progress .progress-bar {  background: #d2d27f; height: 20px; }

.profile .profile-progress .progress-meter { display: block; background: #a6a600; height: 100%; width: 75%; }

.profile .link-view { color: #2f7bc0; text-decoration: underline; }
.profile .link-view:hover { text-decoration: none; }

.profile .link-view i { float: right; margin-top: 3px; }

.profile .profile-body { background: url(../images/transparent-bg.png) repeat-x 0 0; padding: 45px 30px 23px; background-size:cover;}

.profile .profile-contacts { border-bottom: 1px solid #dcdee3; padding-bottom: 16px; }

.profile .profile-details { padding-top: 20px; }
.profile .profile-details a { color: #2e7bbf; }

.profile .profile-entry { position: relative; margin-bottom: 15px; }
.profile .profile-entry:last-child { margin-bottom: 10px; }

.profile .profile-entry .link-add { position: absolute; top: 50%; right: -30px; transform:translateY(-50%);}

.profile .profile-foot { padding: 26px 30px 23px; background: #2f7bc0; color: #fff; position: relative; max-height: 139px; overflow: hidden; transition:max-height .3s;}
.profile .profile-foot p+p { margin-top: 10px; }

.profile .profile-foot h6 { text-transform: uppercase; }
.profile .profile-foot .link-add { position: absolute; bottom: 0; right: 0; z-index: 2; }

.profile .profile-foot-gradient { background: url(../images/profile-foot-gradient.png) repeat-x 0 bottom; height: 61px; width: 100%; position: absolute; bottom: 0px; left: 0; z-index: 1; transition: opacity .3s; }

.profile .profile-foot.expanded { max-height:500px; }
.profile .profile-foot.expanded .profile-foot-gradient { opacity: 0; visibility: hidden; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main .main-inner { padding: 60px 0 40px; }
.main .row { margin-bottom: 42px; }
/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */

.section .section-title { text-transform: uppercase; }
.section .section-title i { margin-top: -5px; }

.section .section-head { padding: 30px 20px 38px; }

.section .section-entry + .section-entry { margin-top: 20px; }

.section .section-entry h6 { font-size: 16px; }

.section .section-actions { border-top: 1px solid #d4d4d4; color: #bababa; padding:8px 46px 5px 0; position: relative; text-align: right; }
.section .section-actions .link-add { position: absolute; top: 0; right: 0; }
.section .section-actions .link-create { position: absolute; top: 0; left: 0; color: #2f7bc0; }

/* ------------------------------------------------------------ *\
	Section-events
\* ------------------------------------------------------------ */

.section-events .section-head { padding-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Section-news
\* ------------------------------------------------------------ */

.section-news { background: #9b1343; padding-bottom: 20px; }

.section-news .section-title { color: #fff; }

.section-news .section-actions { margin: 0 20px; padding: 10px 40px 10px 0; border-top: 1px solid #d091a7; }

/* ------------------------------------------------------------ *\
	Section-partners 
\* ------------------------------------------------------------ */

.section-partners { background: #054e92; color: #fff; }
.section-partners .section-head { padding: 33px 20px 25px; }

.section-partners .section-foot { padding: 24px 20px 20px; }

.section-partners .section-foot h5 { border-bottom: 1px solid #8aaccc; margin-bottom: 26px; line-height: 1; padding-bottom: 3px; }

.section-partners .section-body { padding: 0 30px; background: #f2f2f2; }

/* ------------------------------------------------------------ *\
	Section-jobs
\* ------------------------------------------------------------ */

.section-jobs .section-head { padding-bottom: 32px; }
.section-jobs .map { margin-bottom: 20px; }
.section-jobs .section-body { padding-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Section-friends
\* ------------------------------------------------------------ */

.section-friends { background: #a6a600; padding-bottom: 74px; }
.section-friends .section-title { color: #fff; }

.section-friends .section-head { padding-bottom: 20px; }
.section-friends .section-body { padding: 0 20px; }

.section-friends .section-entry > h6 { color: #fff;  margin-bottom: 2px; }

.section-friends .section-entry +.section-entry { margin-top: 34px; }

/* ------------------------------------------------------------ *\
	Section Abonaments
\* ------------------------------------------------------------ */

.section-abonaments { background: #bababa; min-height:347px;}

.section-abonaments .section-title { color: #054e92; }
.section-abonaments .section-body { padding: 0 21px 0 19px; }
.section-abonaments .section-head { padding-bottom: 14px; }

/* ------------------------------------------------------------ *\
	Section-confidential
\* ------------------------------------------------------------ */

.section-confidential { background: #f2f2f2; padding-bottom: 26px; }
.section-confidential .section-head { padding-bottom: 14px; }
.section-confidential .section-title { color: #054e92; }
.section-confidential .section-body { padding: 0 20px; }

/* ------------------------------------------------------------ *\
	Update
\* ------------------------------------------------------------ */

.updates { border-top: 1px solid #dadada; }
.updates .update { padding: 18px 20px 20px; }
.updates .update:nth-child(odd) { background: #f2f2f2; }

.update a { color: #2f7bc0; line-height: 1; }

.update .update-image { float: left; }
.update .update-content { float: left; padding-left: 20px; min-height:100px; position: relative; }
.update .update-content .update-meta { position: absolute; bottom: 0; left: 20px; color: #9e9e9e; }

.update .update-content .btn { color: #fff; }

.update .update-title { text-transform: uppercase; line-height: 1; }

.update .update-title a { color: #000; }
.update .list-members { margin-bottom: 10px; }

/* ------------------------------------------------------------ *\
	News
\* ------------------------------------------------------------ */

.news .news-title { text-transform: uppercase; }

/* News-featured */

.news-featured { position: relative; }

.news-featured .news-title a { color: #fff; }

.news-featured .news-head { background: #054e92; padding: 20px; position: absolute; left: 0; bottom: 20px; width: 70%; }
.news-featured .news-head h6 { font-weight: 400; color: #2f7bc0; }

/* News-recent */

.news-recent { padding: 17px 20px 20px; }

.news-recent .news-image { float: left; }

.news-recent .news-head { float: left; padding-left: 20px; width: 60%; }
.news-recent .news-head h6 { color: #b54d72; font-weight: 400; }

.news-recent .news-title a { color: #fff; }

/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map { width: 100%; height: 250px; position: relative; }
.map .googlemap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { position: relative; }

.slider .slide-image { min-height:315px; text-align: center; position: relative; }

.slider .slide-image img { margin: 0 auto; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}

.slider .bx-viewport { border: 0; box-shadow:none;}

.slider .slider-prev,
.slider .slider-next { position: absolute; top: 50%; transform:translateY(-50%);}

.slider .slider-prev { left: -26px; }
.slider .slider-next { right: -18px; }

.slider .slider-prev > a,
.slider .slider-next >a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search .search-title { border-bottom: 1px solid #d5d588; margin-bottom: 20px; color: #fff; }

.search .search-inner { position: relative; }

.search .search-field { border: 0; border-radius: 0; background: #fff; color: #d2d27f; display: block; width: 100%; padding: 7px 20px 9px; }

.search .search-field::-webkit-input-placeholder {color: #d2d27f; }

.search .search-field:-moz-placeholder { color: #d2d27f; }

.search .search-field::-moz-placeholder {  color: #d2d27f; }

.search .search-field:-ms-input-placeholder {color: #d2d27f; }

.search .search-btn { border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #d2d27f; color: #a6a600; position: absolute; top: 0; right: 0; height: 100%; padding: 0 7px 0 8px; }

/* ------------------------------------------------------------ *\
	Form Abonaments
\* ------------------------------------------------------------ */

.form-abonaments { color: #fff; }

.form-abonaments .form-row { border-bottom: 1px solid #dfdfdf; padding: 10px 0; position: relative; }

.form-abonaments .select { float: right; }

.form-abonaments .checkbox { float: right; }
.form-abonaments .checkbox input { -webkit-appearance: none; -moz-appearance: none; appearance: none;  }

.form-abonaments .checkbox label { display: inline-block; width: 20px; height: 20px; background: #fff; position: relative; cursor: pointer; }
.form-abonaments .checkbox label i { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); opacity: 0; visibility: hidden; }
.form-abonaments .checkbox input:checked + label i { opacity: 1; visibility: visible; }
 /* ------------------------------------------------------------ *\ Form Requests
\* ------------------------------------------------------------ */

.form-requests .form-row {  padding: 10px 0; }
.form-requests .form-row + .form-row { border-top: 1px solid #d4d4d4; }

.form-requests .select { float: right; }
/* ------------------------------------------------------------ *\
	Form elements
\* ------------------------------------------------------------ */

.select { color: #054e92; min-width:210px; background: #fff url(../images/select-arrow.jpg) no-repeat right center;overflow: hidden; }

.select select { color: #054e92; display: inline-block; width: 100%; border: 0; border-radius: 0; -webkit-appearance: button; -webkit-user-select: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background: none; border:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 1px 5px; }

select::-ms-expand {
    display: none;
}


/* ------------------------------------------------------------ *\
	Header 2
\* ------------------------------------------------------------ */

.footer .shell,
.nav_2 .shell,
.intro_2 .shell,
.header_2 .shell { max-width: 1020px;  }  

.header_2 { background: #fff; height: auto; position: static;  }  

.header_2 .header-bar { display: flex; justify-content: space-between;  }
.header_2 .socials  { height: 30px; margin-top: 5px;  }
.header_2 .socials ul { display: flex;  }
.header_2 .socials li + li { margin-left: 8px;  }
.header_2 .socials li:last-child { margin-left: 41px;  }
.header_2 .socials a { width: 30px; height:30px; display: inline-block; }
.header_2 .socials a:hover { opacity: 0.6;  }
.header_2 .socials a i { display:block;width: 30px; height:30px; }


.header_2 .header-inner { display: flex;position: relative;  }


.header_2 .nav-lang { font-size: 12px; padding-top: 10px;  }
.header_2 .nav-lang a { color: #0073c0; text-transform: none; display: flex; justify-content: space-between; align-items:center; }
.header_2 .nav-lang a i:first-child { margin-right:6px;  }
.header_2 .nav-lang a i.ico-arrow-down-blue { position: relative; top:2px; margin-left: 10px;  }
.header_2 .nav-lang a:hover:after { display: none;  }

.header_2 .ico-facebook { background: url(../images/ico-facebook.png) no-repeat 0 0;  }
.header_2 .ico-twitter { background: url(../images/ico-twitter.png) no-repeat 0 0;  }
.header_2 .ico-instagram { background: url(../images/ico-instagram.png) no-repeat 0 0;  }
.header_2 .ico-youtube { background: url(../images/ico-youtube.png) no-repeat 0 0;  }
.header_2 .ico-linkedin { background: url(../images/ico-linkedin.png) no-repeat 0 0;  }
.header_2 .ico-email { background: url(../images/ico-email.png) no-repeat 0 0;  }
.header_2 .ico-flag { background: url(../images/ico-flag.png) no-repeat 0 0; width: 19px; height: 19px; display: inline-block;  }  
.ico-globe { background: url(../images/ico-globe.png) no-repeat 0 0; width: 19px; height: 18px; display: inline-block;  }  
.ico-arrow-down-white { background: url(../images/ico-arrow-down-white.png) no-repeat 0 0; width: 12px; height: 7px; display: inline-block;  }  
.ico-arrow-down-blue { background: url(../images/ico-arrow-down-blue.png) no-repeat 0 0; width: 12px; height: 7px; display: inline-block; }
.ico-profile { background: url(../images/ico-profile.png) no-repeat 0 0; width: 30px; height: 30px; display: inline-block;  }
.ico-globe-big { background: url(../images/ico-globe-big.png) no-repeat 0 0; min-width: 75px; height: 76px;display: inline-block;   }
.ico-connection { background: url(../images/ico-connection.png) no-repeat 0 0; min-width: 92px; height: 84px; display: inline-block;  }
.ico-files { background: url(../images/ico-files.png) no-repeat 0 0; min-width: 68px; height: 68px; display: inline-block;  }

.header_2 .btn-profile { background: #fbbb21; color: #fff; display: flex; padding:3px 16px 7px 21px; align-items:center; text-transform: uppercase;  }
.header_2 nav > ul > li { margin-right: 22px;  }
.header_2 .btn-profile i.ico-profile { margin-right: 28px;  }
.header_2 .btn-profile i.ico-arrow-down-white { margin-left: 30px;  }
.header_2 .btn-profile:hover { background: #e4aa1e;  }  

.header_2 .header-content { display: flex; justify-content: space-between; align-items:center;padding-top: 35px;  }
.header_2 .logo-banner { background: url('../images/logo-banner.png?v=5') no-repeat 0 0; width: 539px; height: 85px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; }
.header_2 .logo-transparent { background: url(/images/logos/assoc_logo.png) no-repeat 0 0; width: 243px; height: 73px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; margin-top: 4px;  }

.nav_2 { background: #0073c0; height: 40px; margin-top: 43px; position: relative;  }
.nav_2 .shell { position: static;  }
.nav_2 ul,
.nav_2 .shell { display: flex; justify-content: space-between;  }
.nav-actions { width: 100%; max-width: 320px;  }

.nav_2 ul a { font-size: 18px; color: #fff; text-transform: uppercase; display: inline-block; line-height: 37px; border-bottom:3px solid #0073c0; }
.nav_2 ul a:hover { border-color:#fbbb21; }
.nav_2 ul li { position:static;  }
.nav_2 ul li + li { margin-left: 38px; margin-right: 16px;  }
.nav_2 .ico-home { background: url(../images/ico-house.png) no-repeat 0 0; width: 14px; height: 13px; margin:12px 7px 12px; display: block; }
.nav_2 .link-search { display: flex; padding:11px 7px; align-items:center;  }
.nav_2 .ico-search { background: url(../images/ico-search.png) no-repeat 0 0; width: 17px; height: 16px; displvvay: inline-block; margin-right: 6px;  }
.ico-arrow-right-white-small { background: url(../images/ico-arrow-right.png) no-repeat 0 0; width: 5px; height: 7px;  }

a.btn-newsletter { display: flex; justify-content: space-between; align-items:center; font-size: 14px; background: #3c389d; padding:11px 22px 11px; border-bottom: 0; color: #fff; text-transform: uppercase;  }

.nav_2 .form-search { width: 100%; position: relative;  padding-right: 100px;  }
.nav_2 .form-search .field { width: 100%; font-size: 32px; background: #fff; padding:20px;  }
.nav_2 .form-search .form-btn { background: url(../images/icon_recherche.png) no-repeat 0 0; width: 50px; height: 43px; display: inline-block; position: absolute; top: 50%; right: 0; border:0; font-size: 0; line-height: 0; text-indent: -4004px; transform:translateY(-50%); }

.nav_2 .drop-down  { position: absolute; top: 100%; left: 0; width: 100%; z-index: 500; background: #fff;  display: block; z-index: 50; padding:30px 0; opacity: 0; visibility: hidden;  }
.nav_2 .drop-down ul {display: block;   }
.nav_2 .drop-down ul li { padding: 0; margin: 0; padding-left: 18px; position: relative; line-height:19px;  }
.nav_2 .drop-down ul li + li { margin-top: 10px;  }
.nav_2 .drop-down ul li:before { content: ''; background: url(../images/dd-arrow.png) no-repeat 0 0; width: 5px; height: 7px; display: block; position: absolute; top: 6px; left: 0; }
.nav_2 .drop-down ul a { border-bottom: 0; text-transform: none;  }
.nav_2 .drop-down a { font-size: 12px; color: #000000; line-height: 1.3;  }
.nav_2 .drop-down a:hover {  color: #ff2d4b; }
.nav_2 .drop-down h5 { font-size: 14px; color: #ff2d4b; font-weight: bold; text-transform: uppercase; border-bottom:2px solid #bababa; margin-bottom: 9px;  }
.nav_2 .drop-down .shell { max-width: 1102px;  }
.nav_2 .drop-down-inner { display: flex;  }
.nav_2 .drop-down-image  { min-width: 78px;  margin-right: 6px; }

.nav_2 .drop-down + a {position: relative;   }
.nav_2 .drop-down-search { padding-top: 0; padding-bottom: 0; display: none;  }
.nav_2 .drop-down-search .shell { max-width: 960px;  }

.nav_2 .drop-down + a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #ffffff transparent; display: block; position: absolute; bottom: -3px; left: 50%; transform:translateX(-50%); display: none;  }
.nav_2 li.expanded .drop-down + a:before,
.nav_2 li:hover .drop-down + a:before { display: block;  }
.nav_2 li:hover .drop-down + a { border-color:transparent; }

.nav_2 li.expanded .drop-down { display: block; opacity: 1; visibility: visible;  }
.nav_2 li:hover .drop-down { opacity: 1; visibility: visible; z-index: 500;  }

.intro_2 { background: linear-gradient(to bottom,  rgba(45,135,203,1) 0%,rgba(67,157,218,1) 100%); padding-bottom: 49px;   }  
.intro_2 .shell { display: flex; justify-content: space-between; }  
.intro_2 .intro-content { background: #0073c0; flex-grow: 10;  }  
.intro_2 .intro-aside { min-width:320px; max-width: 320px;   }  

.slider-primary { position: relative;  }
.slider-primary .bx-wrapper .bx-pager.bx-default-pager a { background: #fff;  }
.slider-primary .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0c1246;  }
.slider-primary .bx-wrapper .bx-viewport { background: none; border:0; box-shadow:none; } 
.slider-primary .bx-wrapper  { margin-bottom: 0;  } 
.slider-primary .bx-pager { position: absolute; bottom: -36px; left: 0; } 
.slider-primary .bx-next { background: url(../images/bx-next.png) no-repeat 0 0; width: 15px; height: 24px; display: inline-block; position: absolute; top: 40%; right: 20px; z-index: 150; font-size: 0; line-height: 0; text-indent: -4004px; } 
.slider-primary .bx-prev { background: url(../images/bx-prev.png) no-repeat 0 0; width: 15px; height: 24px; display: inline-block; position: absolute; top: 40%; left: 20px; z-index: 150; font-size: 0; line-height: 0; text-indent: -4004px; } 
.slider-primary .slide .bx-viewport { position: relative; left:3px; } 
.slider-primary .bx-wrapper .bx-viewport { left:0; }
.slider-primary .slide .slide-image { position: relative;  } 
.slider-primary .slide h2 { font-size: 32px; color: #fff; text-transform: uppercase; max-width: 416px;  font-weight: 900; 	  } 
.slider-primary .slide .slide-entry { position: absolute; bottom: 0; left: 0;  background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,0,0,1) 100%); width: 100%; padding:29px 22px; } 
.slider-primary .slide .slide-content {  padding-right: 115px; height: 64px; color: #fff; font-size: 14px; padding:15px 90px 15px 20px; } 

.link-more { width: 35px; height: 35px; background: #fff; text-align: center; line-height: 35px; display: block; position: absolute; bottom: 0; right: 0; }
.link-more:hover { opacity: 0.6;  }
.link-more .ico-plus { width: 11px; height: 11px; display: inline-block; background: url(../images/ico-plus.png) no-repeat 0 0;  }

.slide-content .link-more .ico-plus { height: 35px;background: url(../images/ico-plus.png) no-repeat 0;  }

.list-links a { display: block; height:138px; display: flex; color: #fff; font-size: 14px; font-weight: bold; align-items:center; padding:0 20px 0 38px; justify-content: space-between; }
.list-links a span { min-width: 145px; }
.list-links a .ico-arrow-right-white-small { min-width: 12px; }
.list-links a i:first-child { margin-right:20px; }
.list-links li:nth-child(1) a { background: #012169; }
.list-links li:nth-child(1) a:hover { background: #011237; }
.list-links li:nth-child(2) a { background: #9d2235; }
.list-links li:nth-child(2) a:hover { background: #6f2833; }
.list-links li:nth-child(3) a { background: #ff671f; }
.list-links li:nth-child(3) a:hover { background: #dd6126; }
.list-links li:nth-child(3) a { padding-left: 25px; }

.footer_2.container { background:transparent;padding-right: 0; padding-left: 0;margin-top: 30px; }

.section-feed { padding:40px 0 60px 0;  background:#0073c0 url(../images/section-feed.jpg) no-repeat center 0;  }
.section-feed .shell { display: flex; justify-content: space-between;  }
.section-feed  .col { float: none; max-width: 460px; width: 460px;  padding-left: 40px;   }
.section-feed .feed-head { color: #fff; text-transform: uppercase; display: flex; align-items:center; padding-bottom: 25px;  }
.section-feed p strong { color: #0c1246;  }
.section-feed .feed-head { margin-bottom: 13px;  }
.section-feed .feed-head i { margin-right: 120px;  }
.section-feed .feed-body { font-size: 14px; color: #fff;   }
.section-feed .feed-body p  { padding-bottom: 15px;  }
.section-feed .feed-body p a { color: #0c1246;  }
.section-feed .feed-body h6 { font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; margin-bottom: 16px;  }
.section-feed .ico-facebook-feed { background: url(../images/ico-facebook-feed.png) no-repeat 0 0; width: 60px; height: 60px;   display: inline-block; }
.section-feed .ico-twitter-feed { background: url(../images/ico-twitter-feed.png) no-repeat 0 0; width: 60px; height: 60px; display: inline-block; }
.section-feed .ico-instagram-feed { background: #5089c9; width: 60px; height: 60px; display: inline-block; text-align: center; color: #fff;}
.section-feed .ico-instagram-feed i { margin: 0; padding: 10px; color: #fff; font-size: 43px;}

.section-feed .feed-instagram .feed-head  h5 {margin: auto}
.section-feed .feed-instagram .feed-head   {margin: 0}
.section-feed .feed-instagram .feed-body { max-height: 400px; overflow-y: auto; padding: 0 10px 10px 0;}
.section-feed .feed-instagram .feed-body h6 { margin-top: 10px; font-size: 13px;}

.section-feed .feed-instagram > .feed-body > p > a {
	position: relative;
	overflow: hidden;
	background:rgba(255,255,255, .55);
	display: block;
	padding: 15px;
       display: block;
	clear: both;       
}
.section-feed .feed-instagram p a img { float: left; margin-right: 15px; display: block; }

.section-numbers { background: #3c389d; }

.numbers { list-style: none; display: flex; }
.numbers li { width: 25%; text-align: center; color: #fff; padding:44px 0 43px 0; }
.numbers strong { font-size: 55px; font-weight: bold; display: block; }
.numbers span { font-size: 18px; text-transform: uppercase; top: -9px; position: relative;  }

.section-logos {background: #f2f2f2;   }

.list-logos ul { display: flex; text-align: center; align-items:center; padding:90px 0 88px 0; }
.list-logos li { width: 40%; text-align: center;  }
.list-logos li:last-child { padding-left: 20px; }

.footer_2 .footer-bar { background: #0c1246; color: #fff; text-align: center; padding:9px 0 12px;  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.footer_2 .footer-bar a { color: #fff; font-size: 12px; font-weight: bold;  } 
.footer_2 .footer-bar a:hover { text-decoration: underline;  }