* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.button,
.nav-tabs-small-custom .nav-item  .nav-link {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-login ul.submenu,
.nav-top.m-nav-top,
.nav-login-holder.m-nav-login-holder,
.tooltip-help-info {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
header:before,
header:after,
.header-top:before,
.header-top:after {
  content:"";
  display:table;
  height:0;
  overflow:hidden;
  width:100%;
}

body {
  margin:0;
  padding:0;
  font-family:"ropa-soft-pro",sans-serif;
  font-style:400;
  font-size:16px;
  color:#353637;
}
option {
  font-family:"ropa-soft-pro",sans-serif;
  font-style:400;
  font-size:16px;
}
h1 {
  margin:0 auto;
  padding-bottom:0.7em;
  font-size:3.75em;
  line-height:1em;
  text-align:center;
  font-weight: 600;
}
h2 {
  font-size:2.5em;
  line-height:1.5em;
  color:#353637;
  text-align:center;
  font-weight: 600;
  margin-bottom:1em;
}
h2.bottom-line:after,
h2.bottom-line-white:after {
  margin:0.5em auto 1em auto;
  display:block;
  width:180px;
  border-top:2px solid #25aae1;
  content:" ";
  height:1px;
  overflow:hidden;
}
h2.bottom-line-white:after {
  border-color:#ffffff;
}
h3 {
  font-size:1.5em;
  line-height:1.2em;
  font-weight:600;
  padding-bottom:0.3em;
  margin-left:auto;
  margin-right:auto;
}
h4 {
  font-size:1em;
}

p {
  margin:0;
  padding:0 0 1em 0;
  line-height:1.2em;
}
/*p:last-child {
  padding-bottom:0;
}*/
ul {
  margin:0;
  padding:0;
}
ul li {
  padding-bottom:5px;
  margin-bottom:0;
}
.no-list {
  list-style:none;
}
a {
  outline:none;
  color:#25aae1;
}
a:hover {
  color:#25aae1;
}
img {
  max-width:100%;
}

small {
  font-size:0.75em;
}
strong, b {
  font-weight:600;
}

/*BASICS*/
.top {
  position:absolute;
  top:0;
  margin-left:auto;
  margin-right:auto;
  left:0;
  right:0;
}
.bottom {
  position:absolute;
  bottom:0;
  margin-left:auto;
  margin-right:auto;
  left:0;
  right:0;
}
.to-right {
  float: right;
}
.left {}

.align-items-middle {
  display:flex;
  align-items:center;
}
.align-items-bottom {
  display:flex;
  align-items:flex-end;
}
.align-center {
  text-align:center;
}

.no-space {
  margin-bottom:0;
  padding-bottom:0;
  margin-top:0;
  padding-top:0;
}
.no-bottom-space {
  margin-bottom:0;
  padding-bottom:0;
}
.no-top-space {
  margin-top:0;
  padding-top:0;
}

.top-space-small {
  margin-top:10px;
  padding-top:0;
}
.top-space-default {
  margin-top:20px;
  padding-top:0;
}
.top-space-large {
  margin-top:40px;
  padding-top:0;
}
.top-space-x-large {
  margin-top:50px;
  padding-top:0;
}
.top-space-xx-large {
  margin-top:80px;
  padding-top:0;
}

.bottom-space-small {
  margin-bottom:10px;
  padding-bottom:0;
}
.bottom-space-default {
  margin-bottom:20px;
  padding-bottom:0;
}
.bottom-space-large {
  margin-bottom:40px;
  padding-bottom:0;
}
.bottom-space-x-large {
  margin-bottom:50px;
  padding-bottom:0;
}
.bottom-space-xx-large {
  margin-bottom:80px;
  padding-bottom:0;
}

.font-small {
  font-size:0.75em;
  line-height:1.3333em;
}
.font-medium {
  font-size:1em;
}
.font-large {}
.font-x-large {}
.font-xx-large {}

.font-normal {
  font-weight:400;
}
.bold {
  font-weight:600;
}
.nowrap {
  white-space: nowrap;
}

.link-add,
.link-add-purple {
  font-size: 1.5em;
  font-weight: 600;
}
.link-add:before,
.link-add-purple:before {
  display:block;
  margin:15px 0 0 15px;
  content:url("../img/link-add-blue.png");
}
.link-add-purple,
.link-add-purple:hover {
  color:#ab24ff;
}
.link-add-purple:before {
  content:url("../img/link-add-purple.png");
}

.color-blue {
  color:#25aae1;
}
.color-grey,
.color-grey strong {
  color:#8e9193;
}
.color-violet {
  color:#9824e0;
}
.color-white {
  color:#ffffff;
}
.color-purple {
  color:#7100b8;
}
.color-purple-light {
  color:#8a00e0;
}
.bg-blue {
  background-color:#25aae1;
}
.bg-blue h2,
.bg-blue h3,
.bg-blue a {
  color:#ffffff;
}
.bg-blue h2.bottom-line:after {
  border-top-color:#353637;
}
.bg-purple {
  background-color:#6e00b3;
}
.bg-purple h3,
.bg-purple a,
.bg-purple .with-errors,
.bg-purple .help-block {
  color: #ffffff;
}
.bg-purple-light {
  background-color:#ab24ff;
}
.bg-purple-light .with-errors,
.bg-purple-light .help-block {
  color: #ffffff;
}

.bg-grey {
  background-color:#e7e9ea;
}
.bg-grey-dark {
  background-color:#8e9193;
}
.bg-img-light {
  background-image:url("../img/bg-img-light.png");
  background-repeat:no-repeat;
  background-position: center top;
}

.perc50 {
  width:50%;
}
.height-auto {
  min-height:auto !important;
  height:auto !important;
}

.icon-file {
  background-image:url("../img/icon-file.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
  color:#353637;
}
.icon-paper-plane {
  min-height:64px;
  margin-bottom:5px;
  background-image:url("../img/icon-paper-plane.png");
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:100px;
}
.icon-users-blue {
  min-height:64px;
  margin-bottom:5px;
  background-image:url("../img/icon-users-blue.png");
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:100px;
}
.icon-docs-purple {
  min-height:64px;
  margin-bottom:5px;
  background-image:url("../img/icon-docs-purple.png");
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:100px;
}
.icon-light-blue {
  min-height:64px;
  margin-bottom:5px;
  background-image:url("../img/icon-light-blue.png");
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:100px;
}
.icon-lightning {
  background-image:url("../img/icon-lightning.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
}
.icon-filter {
  background-image:url("../img/icon-filter.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
}
.icon-search {
  background-image:url("../img/icon-search.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
}
.icon-bttn-search {
  background-image:url("../img/icon-bttn-search.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
}
.icon-bttn-save-search {
  background-image:url("../img/icon-bttn-save-search.png");
  background-repeat:no-repeat;
  background-position: 0 0;
  padding-left:20px;
}

.icon-bookmarked {
  background-image:url("../img/icon-bookmark.png");
  background-repeat:no-repeat;
  background-position: center ;
}
.icon-bookmarked img {
  opacity:0;
}

.show-matches,
.show-matches:hover {
  margin:-45px auto;
  padding-top:58px;
  display:block;
  width:175px;
  height:175px;
  border-radius:100%;
  background-color:#25aae1;
  color:#ffffff;
  text-decoration: none;
  text-align:center;
}
.show-matches img {
  display:block;
  margin: auto auto 5px auto ;
}
.show-matches-bottom {
  height:130px;
  overflow:hidden;
  margin:0 auto;
  padding:0;
}
.show-matches-bottom .show-matches {
  margin:0 auto -45px auto;
  padding-top:43px;
}

.harmony-score-c {
  margin:auto;
  color:#ffffff;
  background-color:#8a00e0;
  font-size:3.75em;
  line-height:85px;
  width:90px;
  height:90px;
  font-weight:600;
  text-align:center;
  border-radius:100%;
}
.blue-c {
  padding-top:13px;
  color:#ffffff;
  background-color:#25aae1;
  font-size:0.81em;
  line-height:1em;
  width:50px;
  height:50px;
  font-weight:600;
  text-align:center;
  border-radius:100%;
}

table.table th,
table.table td {
  line-height:1.12em;
  font-size: 1em;
}
table.table th {
  font-weight: 600;
  color:#8e9193;
}
table.table a {
  color:#25aae1;
}


/*tooltip*/
.tooltip-help-wrapper {
  position: relative;
}
.tooltip-help-wrapper input.icon-i {
  background-image: none;
}
.tooltip-help {
  position:absolute;
  top:9px;
  left:0;
}
.tooltip-help-icon {
  margin-left:10px;
  width: 25px;
  height: 25px;
  background: url("../img/icon-i-c.png") no-repeat 0 0;
}
.tooltip-help-info {
  height:0;
  overflow:hidden;
  opacity:0;

  position: relative;
  max-width:400px;
  margin-top:20px;
  border-radius: 5px;
  padding:15px 20px;
  background-color: #353637;
  color:#ffffff;
  text-align: left;
  line-height: 1.1em;
  font-size: 1em;
}
.tooltip-help-close {
  position: absolute;
  top:15px;
  right:20px;
}
.tooltip-help-info .tooltip-help-arrow {
  position: absolute;
  top:-10px;
  left:14px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #353637;
}

.tooltip-help-wrapper:hover .tooltip-help-info {
  height:auto;
  overflow:visible;
  opacity:1;
}

input.icon-i {
  background-image:url("../img/icon-i-c.png");
  background-repeat:no-repeat;
  background-position: 10px center ;
  padding-left:45px;
}
input.icon-i:focus {}

/*end BASICS*/


/*HEADER*/
header {
  position:relative;
  padding-top:1px;
  background-color:#25aae1;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}
.header-top {
  position:relative;
  background-color:rgba(53,54,55,.9);
  text-align: center;
  min-height: 85px;
}
.header-top-logo {
  float:left;
  padding-top:10px;
  font-size:16px;
  text-align: left;
}
.header-top-logo a {
  color:#ffffff;
  text-decoration:none;
}
.header-top-logo img {
  display:block;
}
.header-top-right {
  position:relative;
  float:right;
  color:#ffffff;
  text-align:right;
  padding-top:50px;
}

.header-top-middle {
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:175px;
  overflow:hidden;
  margin:auto;
  color:#ffffff;
  text-align:center;
}

.header-main {
  position:relative;
  padding-top:85px;
  padding-bottom:50px;
  text-align:center;
  color:#ffffff;
}
.header-main .container {
  position: relative;
}
.header-main:after {
  position: absolute;
  content:" ";
  top:0;
  left: 0;
  right:0;
  height:100%;
  width:100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}
.header-main-min-height {
  min-height:480px;
  padding-bottom:90px;
}
.header-main a {} /*color:#353637*/
.header-main .button {
  color:#ffffff;
}
.header-main .rounded-label {
  display:inline-block;
  height:30px;
  line-height:1.5em;
  padding:3px 15px;
  background-color:#ffffff;
  color:#353637;
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
}

.header-main.header-main-home {
  padding-top:60px;
  padding-bottom:30px;
  min-height:555px;
  position: relative;
}
.header-main.header-main-home:after {
  position:absolute;
  display:block;
  content:" ";
  width:100%;
  top:auto;
  bottom:0;
  left:0;
  right:0;
  height:400px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.header-main.header-main-home .header-main-content {
  position:absolute;
  bottom:1em;
  margin-left:auto;
  margin-right:auto;
  left:0;
  right:0;
}
.header-main.header-main-home h1 {
  max-width:720px;
  padding-bottom:0.4em;
  line-height:1em;
  text-shadow:0px 0px 10px rgba(40, 45, 75, 0.49);
}
.header-main.header-main-home .link-go-next {
  text-align:center;
  display:block;
  margin:auto;
  font-size:1.5em;
}
.header-main.header-main-home .link-go-next img {
  display:block;
  margin:0.8em auto auto auto;
}

.header-main.header-main-2 {
  text-align:left;
}
.header-main.header-main-2 h1 {
  margin-bottom:0;
  padding-bottom:0;
  text-align:left;
}
/*end HEADER*/

/*FOOTER*/
footer {
  text-align:center;
}
.footer-bottom {
  padding-top:40px;
  padding-bottom:25px;
}
.footer-logos {
  padding-bottom:25px;
}
.footer-logos img {
  margin:0 10px;
}
.footer-top {
  background-image:url("../img/footer.jpg");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  text-align:center;
}
.footer-top-bg-color {
  padding-top:70px;
  padding-bottom:60px;
  background-color:rgba(0,0,0,0.85);
}
#back-to-top {
  cursor:pointer;
  margin-bottom:50px;
}
/*end FOOTER*/


/*LAYOUT*/
.loaded .loader-screen {z-index: -1;}
.loader-screen {z-index:1000;}

header {z-index:2;}
main {z-index:1;}
footer {z-index:2;}

.header-top {z-index: 3}
.header-main {z-index: 2}
.header-top-logo,
.header-top-right {z-index:3; }
.header-top-middle {z-index:4;}

.header-main .container {z-index: 3;}
.header-main:after {z-index:2;}
.header-main.header-main-home .header-main-content {z-index:10;}

.nav-login ul.submenu {z-index:-1;}
.nav-login > li:hover ul.submenu {z-index:10;}
.nav-left .active:before {z-index:2;}
.notifications-list .row.new .notification-link:before {z-index:1;}


.tooltip-help {z-index:10;}

.row {
  margin-left:-10px;
  margin-right:-10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left:10px;
  padding-right:10px;
}

.full-width {}
.bg-blue {}

section {
  padding-top:45px;
  padding-bottom:45px;
}
.container,
.page-matches .header-main .row-links {
  max-width:1140px;
  margin:auto;
}
.container-980px .container {
  max-width:980px;
  margin:auto;
}

.loaded .loader-screen {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loader-screen {
    position:fixed;
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.8);
    text-align:center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loader-screen .loader-box {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin:auto;
  max-width:400px;
  padding:20px;
  text-align: center;
  border-radius: 5px;
  background-color:#25aae1;
  color:#ffffff;
  line-height: 1.2em;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
}
.loader-screen .loader-box img {
  display: block;
  margin: auto auto 15px; auto;
}
.loader-screen .loader-box h4 {
  font-size: 1.4em;
  font-weight: 600;
}
/*end LAYOUT*/

/*NAVs*/
.m-menu-link,
.m-menu-user-link {display:none;}

/*nav-login-logged*/
.nav-login-holder {
  padding-top:15px;
  position:absolute;
  top:0;
  margin-left:auto;
  margin-right:auto;
  right:10px;
}
.nav-login a {
  color:#ffffff;
}
.nav-login  {
  font-weight:400;
  text-align:right;
  list-style:none;
  font-size:0.81em;
  line-height:1em;
}
.nav-login > li {
  position:relative;
  display:block;
  float:left;
  padding:0 1px 0 2px;
  margin:0;
  border-left:1px solid #25aae1;
  text-align:center;
}
.nav-login > li:nth-child(1) {
  padding-left:0;
  border-left:0;
}
.nav-login > li > a,
.nav-login > li > span {
  display:block;
  text-decoration:none;
  color:#ffffff;
  padding:2px 4px;
}
.nav-login > li > a:hover {
  background-color:#25aae1;
  border-radius:3px;
  color:#ffffff;
}
.nav-login > li:hover > a {
  border-radius:3px;
}

.nav-login ul.submenu {
  opacity:0;
  height:0px;
  overflow:hidden;
  background-color:transparent;
  position:absolute;
  top:12px;
  left:0;
  padding:0;
  margin:0;

  display:block;
  text-align:left;
  border-radius:3px;
}
.nav-login > li:hover ul.submenu {
  padding-top:10px;
  opacity:1;
  height:auto;
  overflow:visible;
}
.nav-login > li:hover > a {
  background-color:#25aae1;
}

.nav-login ul.submenu li {
  background-color:#25aae1;
}
.nav-login ul.submenu > li:first-child {
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}
.nav-login ul.submenu > li:last-child {
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.nav-login ul.submenu,
.nav-login ul.submenu li,
.nav-login ul.submenu a,
.nav-login ul.submenu span {
  display:block;
  text-align:left;
  border:0;
  font-weight:400;
}
.nav-login ul.submenu > li {
  padding:0;
  margin:0;
  border-top:1px solid #67c4ea;
  font-size:12px;
}
.nav-login ul.submenu > li:first-child {
  border:0;
}
.nav-login ul.submenu a,
.nav-login ul.submenu span {
  padding:10px 15px;
}
.nav-login ul.submenu ul a,
.nav-login ul.submenu ul span {
  white-space:nowrap;
  padding:5px 15px 5px 30px;
}
.nav-login ul.submenu ul .active {
  position:relative;
  font-weight:600;
}
.nav-login ul.submenu ul .active:before {
  content: "\2022";
  color:#ffffff;
  position:absolute;
  top:4px;
  left:10px;
  font-size:60px;
  line-height:10px;
  height:15px;
  width:15px;
  display:block;
}
/*end nav-login-logged*/

/*nav-top*/
.nav-top  {
  float:right;
}
.nav-top ul {
  list-style:none;
  font-size:1em;
  font-weight:600;
}
.nav-top ul li {
  display:inline-block;
  padding-left:15px;
}
.nav-top ul li:nth-child(1) {
  padding-left:0;
}
.nav-top ul a {
  text-decoration:none;
  color:#ffffff;
}
.nav-top ul a .fas {}
.nav-top ul .circle {
  margin-right:6px;
  color:#ffffff;
  background:#25aae1;
  border-radius:100%;
  height:20px;
  width:20px;
  display:inline-block;
  text-align:center;
  font-size:12px;
  line-height:18px;
  vertical-align: top;
}
.nav-top ul a.icon-user {
  background:url("../img/icon-user-c.png") 0 0 no-repeat;
  padding-left:25px;
}
.nav-top ul a.icon-arrow-r {
  background:url("../img/icon-arrow-r-c.png") 0 0 no-repeat;
  padding-left:25px;
}
/*end nav-top*/

/*nav-left*/
.nav-left {
  list-style:none;
  font-weight:600;
  padding-bottom: 40px;
}
.nav-left li {
  padding-bottom:12px;
}
.nav-left a {
  position:relative;
  color:#353637;
}
.nav-left a:hover,
.nav-left .active {
  color:#25aae1;
}
.nav-left .active:before {
  content:" ";
  position:absolute;
  left:-20px;
  top:3px;
  border-radius:100%;
  background-color:#25aae1;
  height:10px;
  width:10px;
  display:block;
}
/*end nav-left*/

/*nav-footer*/
.nav-footer  {
  list-style:none;
}
.nav-footer li {
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
}
.nav-footer a {
  text-decoration:none;
  color:#ffffff;
}
/*end nav-footer*/

/*end NAVs*/


/*FORMS*/
input, select, textarea,
.form-control {
  font-size:1em;
  line-height: 1.4em;
  font-weight:400;
  border-color:#8e9193;
  border-width:1px;
  color:#353637;
  border-radius:3px;
  padding:10px;
}
select {padding-bottom: 9px;}
/*
box-shadow: unset !important;
outline:none !important;
*/
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(138,0,224,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(138,0,224,1);
box-shadow: 0px 0px 5px 0px rgba(138,0,224,1);
}

input.modal-search {
  color:#ffffff;
  background:transparent;
  border: 0;
  margin: 0;
  padding-left: 20px;
  background-image:url(../img/icon-search.png);
  background-position: 0 12px;
  background-repeat:no-repeat;
  box-shadow: unset;
}
input.modal-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
  opacity: 1;
}
input.modal-search::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}
input.modal-search:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
  opacity: 1;
}
input.modal-search:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  opacity: 1;
}

option {
  font-size:1em;
  line-height: 1.4em;
  font-weight:400;
}
select option.no-option {
  color:#6c757d;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 8px);
}
/* This is to remove the arrow of select element */
select {
  -moz-appearance: none;/*for firefox*/
  -webkit-appearance:none;/*for chrome*/
}
select {
  background-image:url("../img/select-arrow.gif");
  background-repeat:no-repeat;
  background-position:95% 19px;
}

/*custom checkbox*/
.custom-checkbox .custom-control-label {padding-left:15px; line-height:32px;}
.custom-checkbox .custom-control-input ~ .custom-control-label:before {
  top: 0;
  left: 0;
  margin:0;
  padding: 0;
  height: 32px;
  width: 32px;
  min-height: none;
  min-width: none;
  border: 1px solid #8e9193;
  border-radius: 3px;
  background: transparent;
}
.custom-checkbox .custom-control-input ~ .custom-control-label:after {
  top: 1px;
  left: 1px;
  width: 30px;
  height: 30px;
  border-radius:3px;
  background-color:#ffffff;
  border: 7px solid #ffffff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background: transparent;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #25aae1;
  background-image: none;
}

.page-network-organization .organization-listing .custom-checkbox {
  z-index:1;
  position:absolute;
  top:-5px;
  left:0;
}
.page-network-organization .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-color:#8a00e0;
}
/*end custom checkbox*/

/*custom radio button*/
.custom-radio {padding-right: 20px;}
.custom-radio .custom-control-label {padding-left:15px; line-height:32px;}
.custom-radio .custom-control-input ~ .custom-control-label:before {
  top: 0;
  left: 0;
  margin:0;
  padding: 0;
  height: 32px;
  width: 32px;
  min-height: none;
  min-width: none;
  border: 1px solid #8e9193;
  border-radius: 3px;
  background: transparent;
}
.custom-radio .custom-control-input ~ .custom-control-label:after {
  top: 1px;
  left: 1px;
  width: 30px;
  height: 30px;
  border-radius:3px;
  background-color:#ffffff;
  border: 7px solid #ffffff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background: transparent;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #25aae1;
  background-image: none;
}
/*end custom radio button*/

.row.form-group {}
.row.form-group .col {
  padding-left:10px;
  padding-right:10px;
}

.form-group {
  position:relative;
  margin-bottom:20px;
}
.form-group-width-1 {
  max-width:380px;
}
.form-group-width-2 {
  max-width:280px;
}
.form-group-width-3 {
  max-width:580px;
}

.form-group-bottom-space-2 {
  margin-bottom:40px;
}

.buttons-holder {
  padding-top:20px;
  display: flex;
  justify-content:center;
}
.buttons-holder-include {
  padding-top:10px;
  display: flex;
  justify-content:center;
}
.buttons-holder.align-left,
.buttons-holder-include.align-left {
  justify-content:flex-start;
}
.header-main .buttons-holder {
  padding-top:10px;
}
.button {
  margin-left:20px;
  cursor:pointer;
}
.button:first-child {
  margin-left:0;
}
.button-center,
.button-center.button:first-child {margin-left:auto; margin-right: auto;}

.button {
  min-width:190px;
  height:44px;
  text-align:center;
  display:inline-block;
  padding:13px 25px;
  background-color:#353637;
  color:#ffffff;
  font-size:1em;
  line-height:1.2em;
  text-decoration:none;
  border:0;
  border-radius:3px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.button:hover {
  background-color:#353637;
  color:#ffffff;
}
.button:hover,
.nav-tabs-small-custom .nav-item  .nav-link:hover {
  opacity:0.85;
}
.button-opacity {
  opacity:0.5;
}
.button-purple {
  background-color:#8a00e0;
  color:#ffffff;
}


.header-main .button-white,
.button-white,
button.button-white {
  background-color:#ffffff;
  color:#25aae1;
}
button.button-blue {
  background-color:#25aae1;
}
.button-lg,
button.button-lg {
  height:60px;
  padding:10px 25px;
  font-size:1.5em;
  font-weight:400;
  overflow:hidden;
}
.button-small {
  min-width:105px;
}
.button-lg img {
  margin-right:10px;
}
.button-ico,
.button-ico-i,
.button-ico-bookmark,
.button-ico-bookmarked,
.button-ico-x,
.button-ico-edit {
  min-width:80px;
  width:80px;
  height:44px;
  padding-top:5px;
  padding-bottom:5px;
}
.button-ico-x,
.button-ico-x:hover {
  background-color:#b1b3b4;
}
.button-ico-edit,
.button-ico-edit:hover {
  background-color:#25aae1;
  color:#ffffff;
}

.button-ico-bookmarked {
  background-image:url("../img/icon-bookmarked.png");
  background-repeat:no-repeat;
  background-position: center;
}
.button-ico-bookmarked img {
  opacity:0;
}

.radio-btn-group {
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.radio-btn-group .btn {
  padding:13px 15px;
  font-size:1em;
  line-height:1.1em;
  text-transform:none;
  background-color:#ffffff;
  color:#353637;
  box-shadow:none !important;
}
.radio-btn-group .btn.active {
  background-color:#25aae1;
  color:#ffffff;
  box-shadow:none;
}
.radio-btn-group .btn input[type=radio] {
  opacity:0;
}

.nav-tabs-custom {
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.nav-tabs-custom .nav-item {
  border-radius:0;
  width: 33.3334%;
  padding:0;
}
.nav-tabs-custom .nav-item .nav-link {
  border-radius:0;
  background-color:#e7e9ea;
  padding:10px;
  white-space: nowrap;
  background-color: #e7e9ea;
  border-left: 1px solid #b1b5b8;
  font-size: 1.5em;
  color:#353637;
}
.nav-tabs-custom .nav-item .nav-link.active {
  background-color:#25aae1;
  color:#ffffff;
}
.nav-tabs-custom .nav-item:first-child .nav-link {
  border:0;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.nav-tabs-custom .nav-item:last-child .nav-link {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}

.nav-tabs-small-custom {
  border-radius: 3px;
  overflow: hidden;
  flex-wrap: nowrap;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
}
.nav-tabs-small-custom .nav-item {
  border-radius:0;
  padding:0;
}
.nav-tabs-small-custom .nav-item  .nav-link {
  border-radius:0;
  background-color:#ffffff;
  color:#353637;
  padding: 14px 15px;
  font-size: 1em;
  line-height: 1em;
}
.nav-tabs-small-custom .nav-item  .nav-link.active {
  background-color:#25aae1;
  color:#ffffff;
}

.form-holder {
  margin-left:auto;
  margin-right:auto;
}
.form-holder-centre {
  margin-left:auto;
  margin-right:auto;
}
.form-holder-centre .form-group {
  margin-left:auto;
  margin-right:auto;
}
.form-holder-left {}

.header-main .invalid-feedback {
  display:block;
  position:absolute;
  left:100%;
  top:10px;
  min-width:150px;
  width:auto;
  padding-left:20px;
  margin-top:0;
  color:#ffffff;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-color:#ff00a2;
  border-width:3px;
  background-color:#ffd4ef;
  padding-top:7px;
  padding-bottom:7px;
}


.has-error .form-control {
  border-color:#ff00a2 !important;
  border-width:3px;
  background-color:#ffd4ef;
  padding-top:7px;
  padding-bottom:7px;
}
.col-inline-errors {
  padding-top:10px;
}

.with-errors {
  text-align: right;
  padding-top:5px;
}

.errors-absolute-left {}
.errors-absolute-left .with-errors {
  position:absolute;
  left:100%;
  right:0;
  top:10px;
  display:block;
  min-width:200px;
  margin-top:0;
  padding-left:20px;
  text-align:left;
}
.header-main .errors-absolute-left .with-errors {
  color:#ffffff;
}

.help-block {}
.with-errors {}
/*end FORMS*/

/*PAGES*/
.harmony-in-numbers {text-align: center;}
.harmony-in-numbers .odometer {font-size:5em; font-weight: 600; text-align: center;}

.page-registration .header-main,
.page-registration-success .header-main {
  padding-bottom:170px;
}
.page-registration-email .header-main {
  padding-bottom:170px;
}
.page-registration-email .header-main a {
  color:#353637;
}
.page-registration-email .header-main a.button {
  color:#ffffff;
}
/*Call*/
.page-call header {
  background-color:#b1b5b8;
}
.page-call .header-main:after {
  display:none;
}
.page-call .header-main .container{
  max-width:660px;
}
.page-call .header-main,
.page-call .header-main h1 {
  text-align:left;
}
.page-call .header-main h1 {
  margin-bottom:0;
  padding-bottom:0.4em;
}
.page-call .header-main h3 {
  margin-bottom:0;
  padding-bottom:1em;
}
.page-call p {
  padding-bottom:1.9em;
  margin-bottom:0;
  color:#353637;
}
.page-call .buttons-holder {
  margin-top:0;
  padding-top:5px;
  justify-content:flex-start;
}

.call-table {}
.call-table .row > div {
  padding-bottom:25px;
  min-height:170px;
}
.call-table h3 {
  margin-bottom:0;
  padding-bottom:5px;
}
.call-table h4 {
  border-bottom:1px solid #8e9193;
  color:#8e9193;
  padding-bottom:15px;
  margin-bottom:20px;
}
/*end Call*/

/*Organization details */
.page-organization-details .header-main {
  text-align:left;
}
.page-organization-details .header-main h1 {
  text-align:left;
  padding-bottom:0.5em;
}
.page-organization-details .header-main h3 {
  padding-bottom:1em;
}
.page-organization-details .header-main > .container > .row > .col-md-3 {
  padding-bottom:20px;
}
.page-organization-details .header-main .buttons-holder {
  padding-top:65px;
}
.page-organization-details .header-main .buttons-holder .button {
  white-space: nowrap;
}
.organization-details-table {}
.organization-details-table .col {
  padding-bottom:25px;
  min-height:170px;
}
.organization-details-table h3 {
  margin-bottom:0;
  padding-bottom:5px;
}
.organization-details-table h4 {
  border-bottom:1px solid #8e9193;
  color:#8e9193;
  padding-bottom:15px;
  margin-bottom:20px;
}
.organization-details-table ul {}
/*end Organization details */

/*Organization summary*/
.page-organization-summary .header-main,
.page-organization-summary .header-main h1 {
  text-align:left;
}
.page-organization-summary .header-main h1 {
  padding-bottom:0.5em;
}
.page-organization-summary .header-main h3 {
  padding-bottom:1em;
}
.page-organization-summary .header-main > .container > .row > .col-md-3 {
  padding-bottom:20px;
}
.page-organization-summary .header-main .buttons-holder {
  padding-top:65px;
}
/*end Organization summary*/

/*Organization add success*/
.page-organization-added-success .header-main h3 {}
/*end Organization add success*/

/*Join an Organization*/
.page-join-an-organization .header-main {
  padding-bottom: 60px;
}
/*end Join an Organization*/

/*Page projects*/
.page-projects header .radio-btn-group {
  float:right;
}
.page-projects .header-main.header-main-2 {
  padding-bottom:10px;
}
.page-projects .header-main > .container > .row > div {
  padding-bottom:40px;
}
.page-projects header .nav-tabs-small-custom {
  float: right;
}
/*end Page projects*/

/*Project details*/
.page-project-details {}
.page-project-details .header-main .container{
  max-width:660px;
}
.page-project-details .header-main,
.page-project-details .header-main h1 {
  text-align:left;
}
.page-project-details .header-main h1 {
  margin-bottom:0;
  padding-bottom:0.4em;
}
.page-project-details .header-main h3 {
  margin-bottom:0;
  padding-bottom:1em;
}
.page-project-details p {
  color:#353637;
  padding-bottom:1.9em;
  margin-bottom:0;
}
.page-project-details .buttons-holder {
  margin-top:0;
  padding-top:5px;
  justify-content:flex-start;
}
/*end Project details*/

/*Project summary*/
.page-project-summary .header-main .container {
  max-width:660px;
}
.page-project-summary .header-main,
.page-project-summary .header-main h1 {
  text-align:left;
}
.page-project-summary .header-main h1 {
  margin-bottom:0;
  padding-bottom:0.4em;
}
.page-project-summary .header-main h3 {
  margin-bottom:0;
  padding-bottom:1em;
}
.page-project-summary p {
  color:#353637;
  padding-bottom:1.9em;
  margin-bottom:0;
}
.page-project-summary .buttons-holder {
  margin-top:0;
  padding-top:5px;
  justify-content:flex-start;
}
/*end Project summary*/

/*Project join*/
.page-project-join {}
.page-project-join .header-main .container{
  max-width:660px;
}
.page-project-join .header-main,
.page-project-join .header-main h1 {
  text-align:left;
}
.page-project-join .header-main h1 {
  margin-bottom:0;
  padding-bottom:0.4em;
}
.page-project-join .header-main h3 {
  margin-bottom:0;
  padding-bottom:1em;
}
.page-project-join .header-main p {
  color:#353637;
  padding-bottom:1.9em;
  margin-bottom:0;
}
.page-project-join .header-main .buttons-holder {
  margin-top:0;
  padding-top:5px;
  justify-content:flex-start;
}

.participants-list {}
/*end Project join*/

/*Matches*/
/*search filters*/
.header-main .nav-tabs-custom {
  margin:auto;
  background-color:#e7e9ea;
  width:100%;
  max-width:580px;
}
.form-filter {
  margin:auto;
  max-width:580px;
}
.form-filter h3 {
  text-align:center;
}
.container.containerFilterArrow {
  padding-top:30px;
  padding-bottom:30px;
}
.containerFilterArrow {
  position:relative;
}
.containerFilterArrow .filterArrow {
  position:absolute;
  display:block;
  right:14%;
  top:-20px;
  width:41px;
  height:20px;
  background:url("../img/filter-arrow.png") no-repeat bottom center;
}
.bg-purple-light .containerFilterArrow .filterArrow {
  background:url("../img/filter-arrow-purple-light.png") no-repeat bottom center;
}
.form-filter .rangeSlider-label {
  padding-top:15px;
  padding-left:25px;
  color:#ffffff;
}
.form-filter .rangeSlider-slider {}

.page-matches {}
.page-matches .header-main:after {
  display: none;
}
.page-matches .header-main {
  color:#25aae1;
  padding-bottom:25px;
}
.page-matches .header-main h1 {
  padding-bottom:1em;
}
.page-matches .header-main .row-links {
  position:absolute;
  bottom:60px;
  left:0;
  right:0;
}

.page-matches .header-main .radio-btn-group {
  margin:auto;
  background-color:#e7e9ea;
  width:100%;
  max-width:580px;
}
.page-matches .header-main .radio-btn-group .btn {
  padding:15px;
  white-space:nowrap;
  width:33.9%;
  background-color:#e7e9ea;
  border-left:1px solid #b1b5b8;
  font-size:1.5em;
}
.page-matches .header-main .radio-btn-group .btn:first-child {
  border-left:0;
}
.page-matches .header-main .radio-btn-group .btn.active {
  background-color:#25aae1;
}
/*end Matches*/

/*Search*/
.page-search {}
.page-search .header-main {
  padding-bottom:80px;
}
.page-search .header-main h1 {
  padding-bottom: 1.2em;
}
.page-search .header-main .buttons-holder {
  padding-top: 20px;
}
.page-search .header-main .radio-btn-group {
  margin:0 auto 45px auto;
  background-color:#e7e9ea;
  width:100%;
  max-width:580px;
}
.page-search .header-main .radio-btn-group .btn {
  padding:15px;
  white-space:nowrap;
  width:33.9%;
  background-color:#e7e9ea;
  border-left:1px solid #b1b5b8;
  font-size:1.5em;
}
.page-search .header-main .radio-btn-group .btn:first-child {
  border-left:0;
}
.page-search .header-main .radio-btn-group .btn.active {
  background-color:#25aae1;
}
.page-search .nav-tabs-custom {
  margin-bottom:45px;
}
/*end Seacrch*/

/*Notifications*/
.notifications-list {
  margin-bottom:10px;
  padding-top:10px;
}
.notifications-list .row {
  position:relative;
  padding:5px 10px;
  margin:0;
  border-bottom:1px solid #e7e9ea;
}
.notifications-list .row.new {
  background-color:#e9f6fc;
}
.notifications-list .row > div:first-child a {
  display:block;
}
.notifications-list small {
  display:block;
  color:#8e9193;
}
.notifications-list-nav {
  color:#b1b5b8;
  position: absolute;
  bottom:0;
  right: 0;
  text-align: right;
}
.notifications-list-nav span {
  padding-left:5px;
  padding-right:5px;
}
.notifications-list .row.new .notification-link {
  position:relative;
}
.notifications-list .row.new .notification-link:before {
  content:" ";
  position:absolute;
  left:-15px;
  top:6px;
  border-radius:100%;
  background-color:#25aae1;
  height:10px;
  width:10px;
  display:block;
}
/*end Notifications*/

/*404*/
.page-404 {}
.page-404 header {
  background-image:url('../img/bg-404.png');
  background-color:#780d29;
}
.page-404 header h1 {
  margin-bottom:0;
  padding-bottom:0.1em;
}
.page-404 header h2 {
  margin-bottom:0;
  padding-bottom:0.2em;
  color:#ffffff;
  font-weight:400;
}
/*end 404*/

/*Network Organization*/
.page-network-organization {}
.page-network-organization header h1 {
  margin:0;
  padding:0;
}
.page-network-organization .selectNetworks {
  padding-top: 0;
  padding-bottom: 0;
}
.page-network-organization .selectNetworks > .row > .col {
  padding-top:10px;
  padding-bottom:10px;
}
.page-network-organization .selectNetworks .nowrap {
  white-space: nowrap;
}
.page-network-organization .selectNetworks .bttn-cell {
  width: 210px;
  max-width: 210px;
}
/*end Network Organization*/

/*Pages backgrounds*/
body,
header,
header > div {
  background-repeat: no-repeat;
  background-position: center top;
}
.page-home header {
  background-image:url('../img/home.jpg');
}
.page-organization-details header,
.page-organization-summary header {
  background-image:url('../img/bg-img-paper-plane.png');
}
.page-project-details .header-main,
.page-project-join .header-main,
.page-add-a-project-success .header-main,
.page-add-a-project .header-main,
.page-project-summary .header-main {
  background-image:url('../img/bg-img-lightbulb.png');
}
.page-call .header-main {
  background-image:url('../img/bg-img-paper-plane.png');
}
.page-join-an-organization .header-main,
.page-organization-added-success .header-main,
.page-add-an-organization .header-main  {
  background-image:url('../img/bg-img-users.png');
}
.page-registration .header-main,
.page-registration-success .header-main,
.page-registration-email .header-main {
  background-image:url('../img/bg-img-user.png');
}
.page-matches {
  background-image:url('../img/bg-img-matches.png');
  background-color:#ffffff;
}
.page-matches header {
  background-color:transparent;
}
.page-matches .header-main {
  background-color:transparent;
}
.page-search .header-main {
  background-image:url('../img/bg-img-search.png');
}
/*end PAGES*/

/*INCLUDES*/
.project-listing {}
.project-listing > .row,
.project-listing-edit > .row,
.organization-listing > .row,
.organization-listing-edit > .row,
.organization-listing-join > .row,
.call-listing > .row,
.questionnaires-listing > .row  {
  padding-bottom:25px;
}

.project-listing > .row > div,
.project-listing-edit > .row > div,
.organization-listing > .row > div,
.organization-listing-edit > .row > div,
.organization-listing-join > .row > div,
.call-listing  > .row > div,
.questionnaires-listing > .row > div {
  padding-bottom:25px;
}

.project-listing {}
.project-listing h1 {
  padding-bottom:1.2em;
  margin-bottom:0;
}
.project-listing .col h3 {
  max-width:85%;
  margin-left:0;
}

.project-listing-edit {}

.organization-listing {}
.organization-listing h1 {
  padding-bottom:1.2em;
  margin-bottom:0;
}
.organization-listing .icon-users-blue {
  padding-left:64px;
}
.organization-listing .blue-c {
  margin-top:4px;
}

.organization-listing-edit {}
.organization-listing-join {}

.call-listing h3 {
  max-width:80%;
  margin-left:0;
}

.questionnaires-listing  {}
/*end INCLUDES*/


/*MODAL*/
#modal-body-questionnaires > div {
  overflow: hidden; height:0; opacity:0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#modal-body-questionnaires > div.show {overflow: visible; height:auto; opacity:1;}

.modal-backdrop {
    background-color: #ffffff;
}
.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
.modal-header {
  border:0;
  min-height: 60px;
  padding-left:20px
  padding-right: 20px;
  background-color: #7100b8;
  color:#ffffff;
}
.modal-header > container > .row > div {
  padding-top:10px;
  padding-bottom: 10px;
}

.modal-header h3 {
  color:#ffffff;
  text-align:left;
  margin:0;
  padding:0;
}
.modal-header button.close {
  color:#ffffff;
  margin:0;
  padding:0;
  font-size:1.5em;
  opacity:1;
  top: 13px;
  right: 20px;
  position: absolute;
}
.modal-sub-header {
  min-height: 60px;
  padding:10px 20px;
  background-color:#ab24ff;
}
.modal-body {
  padding-top:40px;
}
.bttn-icon-new,
.bttn-icon-cancel,
.bttn-icon-save {
  cursor:pointer;
  margin:0 0 0 30px;
  padding:0 0 0 30px;
  border:0;
  background-color: transparent;
  background-image: url("../img/icons-o.png");
  background-repeat:no-repeat;
  color:#ffffff;
}
.bttn-icon-new {
  background-position: 0 0;
}
.bttn-icon-cancel {
  background-position: 0 -30px;
}
.bttn-icon-save {
  background-position: 0 -60px;
}

.modal-add-questionnaires {}
.questionnaire-holder form input,
.questionnaire-holder form select {width: 100%; border:1px solid #ffffff;}
.questionnaire-holder form .row:last-child input,
.questionnaire-holder form .row:last-child select {border:1px solid #8e9193;}
.questionnaire-holder form .row > div {align-self: center;padding-bottom:2px;}
.questionnaire-holder form .row > .col-sm-auto:nth-child(1) {width: 5%;}
.questionnaire-holder form .row > .col-sm-auto:nth-child(2) {width: 50%;}
.questionnaire-holder form .row > .col-sm-auto:nth-child(3) {width: 25%;}
.questionnaire-holder form .row > .col-sm-auto:nth-child(4) {width: 20%;}


.modal-add-questionnaires input.q-title {
  font-size:24px;
  padding-left:20px;
  width:100%;
  max-width:100%;
  margin-bottom:20px;
  border:1px solid #8e9193;
}
.modal-add-questionnaires .q-number {color:#ab24ff; }
.modal-add-questionnaires .q-button-add,
.modal-add-questionnaires .q-button-delete {cursor:pointer; color:#ab24ff; line-height: 1.1em;}
/*end MODAL*/

/*MEDIA*/
@media all and (max-width:1024px){
  body,
  header,
  header > div {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
}
@media all and (max-width:970px){
  .row-organization-details {
    display: flex;
    flex-direction: column;
  }
  .page-organization-details .header-main .row .organization-details-1,
  .page-organization-details .header-main .row .organization-details-2 {
    width:100%;
    max-width: none;
    display: block;
  }
}
@media all and (max-width:930px){
  .page-organization-summary .header-main > .container > .row > div {
    flex: auto;
    display:block;
    width:100%;
    max-width: none;
  }
}
@media all and (max-width:880px){
  .buttons-holder-include .button {
    margin-left:5px;
  }
  .buttons-holder-include .button:first-child {
    margin-left: 0;
  }
}
@media all and (max-width:840px){
  .header-top-middle {
      position: absolute;
      top: 85px;
    width:100%;
    background-color: rgba(53,54,55,.5);
  }
  .col-md-6.header-top-logo {
    width: 30%;
    max-width: 30%;
    flex: auto;
  }
  .col-md-6.header-top-right {
    width: 70%;
    max-width: 70%;
    flex: auto;
  }
  .header-main {
    padding-top: 170px;
  }

}
@media all and (max-width:768px){

  .page-registration .header-main,
  .page-registration-success .header-main,
  .page-registration-email .header-main {
    padding-bottom:100px;
  }
  .page-matches .header-main .row .text-left ,
  .page-matches .header-main .row .text-right {
    text-align:center !important;
    padding-top:20px;
    padding-bottom:20px;
  }
  .page-matches .header-main .row .align-items-middle {
    display:block;
  }
  .page-matches .header-main .radio-btn-group {
    width:auto;
  }
  .page-matches .header-main .radio-btn-group .btn {
    width:auto;
  }
  .buttons-holder-include .button {
    margin-left:20px;
  }
  .buttons-holder-include .button:first-child {
    margin-left: 0;
  }
  .page-home main .row > div {
    padding-bottom: 40px;
  }
  .notifications-list-nav {
    position: relative;
  }
}
@media all and (max-width:730px){
  .page-project-summary .header-main .buttons-holder,
  .page-organization-details .header-main .buttons-holder {
    display:block;
    flex-direction: column;
  }
  .page-project-summary .header-main .buttons-holder .button,
  .page-organization-details .header-main .buttons-holder .button {
    display: block;
    margin:0 auto 25px auto;
    max-width:300px;
    width: 100%;
  }
  .page-organization-details .buttons-holder.align-left {
     justify-content: center;
  }
}
@media all and (max-width:680px){
  .header-top-logo,
  .header-top-right {z-index:4; }
  .header-top-middle {z-index:3;}


  .header-top-logo > a {padding:10px; width: 200px;}
  .header-top-logo > a,
  .header-top-logo > a img  {margin:auto;display:block;text-align:center; }

  .col-md-6.header-top-logo,
  .col-md-6.header-top-right {
    position: absolute;
    float:none;
    width: 100%;
    max-width: 100%;
    flex: auto;
    text-align:center;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
  }

  .m-menu-link {display:block; cursor:pointer; position:absolute; top:25px; left:20px; width:32px; height:32px; border-radius:100%; background-color:#25aae1; }
  .m-menu-user-link {display:block; cursor:pointer; position:absolute; top:25px; right:20px; }

  .nav-login-holder.m-nav-login-holder {
    position:absolute;
    top:85px;
    left:0;
    right:0;
    background:rgba(53,54,55,1);
    width:100%;
    text-align:center;
    height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
  }
  .nav-login-holder.m-nav-login-holder-opened {
    height:auto;
    overflow:visible;
    visibility:visible;
    opacity:1;
  }
  .nav-login-holder.m-nav-login-holder > ul {
    display:inline-block;
    margin:auto;
    padding:10px;
  }
  .nav-login-holder.m-nav-login-holder > ul > li {
    display:block;
    float:none;
    border:0;
    padding:5px 0;
  }


  .nav-login-holder.m-nav-login-holder .nav-login ul.submenu,
  .nav-login-holder.m-nav-login-holder .nav-login > li:hover ul.submenu {
    padding-top:5px;
    z-index:10;
    opacity: 1;
    height: auto;
    overflow: visible;
    position: relative;
    top: auto;
    left: auto;
  }


  .nav-top.m-nav-top {
    position:absolute; top:85px;left:0; right:0; background:rgba(53,54,55,1); width:100%;
    height:0;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
  }
  .nav-top.m-nav-top-opened {
    height:auto;
    overflow:visible;
    visibility:visible;
    opacity:1;
  }
  .nav-top.m-nav-top ul {display:inline-block; padding:10px;}
  .nav-top.m-nav-top li {display:block; text-align:left; padding:5px 0;}


  .page-organization-summary .header-main .buttons-holder  {
    display:block;
    flex-direction: column;
  }
  .page-organization-summary .header-main .buttons-holder .button {
    display: block;
    margin:0 auto 25px auto;
    max-width:300px;
    width: 100%;
  }
}

@media all and (max-width:660px){
  .page-network-organization .selectNetworks > .row > .col {
    width:50%;
    max-width:50%;
    flex: auto;
  }
  .page-network-organization .selectNetworks > .row > .col:nth-child(3),
  .page-network-organization .selectNetworks > .row > .col:nth-child(4) {
    text-align: center !important;
  }
}

@media all and (max-width:575px){
  .page-projects .header-main.header-main-2 h1,
  .page-projects .header-main.header-main-2 .row > div {
    text-align: center;
  }
  .page-projects header .radio-btn-group,
  .page-projects header .nav-tabs-small-custom {
    display: inline-flex;
    width: auto;
    float:none;
    margin-left: auto;
    margin-right: auto;
  }
  .page-organizations .header-main.header-main-2 h1 {
    text-align: center;
  }
  .questionnaire-holder form .row > .col-sm-auto:nth-child(1) {width: 6%;}
  .questionnaire-holder form .row > .col-sm-auto:nth-child(2) {width: 40%;}
  .questionnaire-holder form .row > .col-sm-auto:nth-child(3) {width: 31%;}
  .questionnaire-holder form .row > .col-sm-auto:nth-child(4) {width: 23%;}
}

@media all and (max-width:530px){
  .page-matches .header-main .nav-tabs-custom,
  .page-search .header-main .radio-btn-group  {
    flex-direction: column;
    border-radius: 3px;
    overflow: hidden;
  }
  .page-matches .header-main .nav-tabs-custom .nav-item .nav-link {
    border:0;
    border-radius: 0;
  }
  .page-matches .header-main .nav-tabs-custom .nav-item,
  .page-search .header-main .radio-btn-group .btn {
    width:100%;
    border:0;
    margin:0;
  }
  .questionnaire-holder form .row > .col-sm-auto:nth-child(1),
  .questionnaire-holder form .row > .col-sm-auto:nth-child(2),
  .questionnaire-holder form .row > .col-sm-auto:nth-child(3),
  .questionnaire-holder form .row > .col-sm-auto:nth-child(4) {width: 100%;}
}
;

@media all and (max-width:480px){
  .buttons-holder {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .buttons-holder button {
    margin:0 auto 20px auto;
  }
  .button:last-child {
    margin-right: auto;
  }
  .form-group-width-2 {
    width: 100%;
    max-width: none;
    flex-basis: auto;
  }
  .page-projects header .radio-btn-group,
  .page-projects header .nav-tabs-small-custom {
    display:block;
    width: auto;
    float:none;
    margin-left: auto;
    margin-right: auto;
  }
  .page-project-details .header-main .buttons-holder,
  .page-project-join .header-main .buttons-holder {
    display:block;
    flex-direction: column;
  }
  .page-project-details .header-main .buttons-holder .button,
  .page-project-join .header-main .buttons-holder .button {
    display: block;
    margin:0 auto 25px auto;
    max-width:300px;
    width: 100%;
  }
  .page-project-details .buttons-holder.align-left,
  .page-project-join .buttons-holder.align-left {
    justify-content: center;
  }

  .page-network-organization .selectNetworks > .row > .col {
    width:50%;
    max-width:50%;
    flex: auto;
  }
  .page-network-organization .selectNetworks > .row > .col:nth-child(3),
  .page-network-organization .selectNetworks > .row > .col:nth-child(4) {
    width:100%;
    max-width: 100%;
  }

}