body { overflow-x: hidden; max-width:100%; width:100%; font-family: 'Roboto Condensed', sans-serif; background: url("../img/bg.jpg") #f3f2f2; }
.bg-image { padding-bottom: 30px; }
button:focus, .form-control:focus, a:focus {outline: none;}
.select-wrapper select.form-control {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url("../img/down-caret.png") no-repeat scroll right 15px center;}
.search select.form-control {bordeR: 0 !important;}

.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
.container {margin-bottom: 30px;}
.main-content {margin-bottom: 0;}
.text-shadow, .second-level li a, .company-data h3, .banner h1, .banner p {text-shadow: 1px 1px rgba(0,0,0,0.25);}
.no-border {border:0;}
.black-top {border-top: 2px solid #555555;}
.green { color: #52a429;}
.star-visible { color: #ff8300; }
.star-invisible { color: #EEE !important; }
.breadcrumb {background-color: transparent;}
.row {margin:0;}
.row .col-md-4:first-child {padding-left:0;}
.row .col-md-4:last-child {padding-right:0;}
.col-md-3, .col-md-9, .col-sm-3, .col-sm-9 {padding-left:10px; padding-right: 10px;}
ul.nav.nav-tabs, dd, dl, .roboto, .article-prop li, .sharing,
.article-body p, .article-body li,.white-box h1, th, td, .terms .lead, .terms ol li {font-family: 'Roboto', sans-serif; }
.columns h3 a, .columns h3 .column-title, .related> h3, .item h1, .upper, .first-level>li button { text-transform: uppercase; }
.columns .columns-options { margin: 0 0 0 10px; }
.similar h2 { text-transform: uppercase; margin-bottom: 30px; }
.similar h2 a { font-size: 15px; color: #ff8300; }
.section-comment h2 a {margin-left: 5px;}
.inline-block {display: inline-block;}
.visible-xxs {display: none !important;}

h1 { font-weight:600; font-size: 50px;}
.banner h1 {color: #ffffff; line-height: 106%; margin-top: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; }

.m-t-30 {margin-top: 30px !important;}
.m-t-8 {margin-top: 8px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-r-5 {margin-right: 5px;}

.input-group .form-control { z-index: auto; }

[ng-click], [data-ng-click], [x-ng-click], [bs-popover], [ui-sref] { cursor: pointer; }
div.modal[ng-click], div.modal[data-ng-click], div.modal[x-ng-click], div.modal[bs-popover], div.modal[ui-sref] { cursor: default; }

.btn { line-height: normal; }
.btn-lg {height: auto; padding: 10px 20px; font-size: 16px; line-height:20px; font-weight:600; border-radius: 4px;}
.btn.btn-tag {min-height:16px; padding:1px 4px;font-size:11px; font-weight:400; color: #fff; background-color: #999999;}
.btn.btn-tag:not(last-child) {margin-right:5px;}
.btn.btn-orange, .btn.btn-transparent.btn-orange { background-color: #ff8300; color: #ffffff; border-color: #ff8300; margin-left: 0; }
.btn.btn-orange:hover { background-color: #ea7800; }
.btn.btn-transparent.btn-orange:hover {background-color: #ffa300; border-color: #ffa300}
.btn.btn-blue {background-color: #00b8de; border-color: #00b8de; color: #fff;}
.btn.btn-transparent {background-color: transparent; height: auto; font-size: 14px; padding-top:5px; padding-bottom: 5px; font-weight:700;}
.btn.btn-transparent:hover, .btn.btn-transparent:focus {background-color: #ff8300; border-color: #ff8300; color: #fff;}
.btn.btn-green {background-color: #62ac20; border-color: #62ac20; color: #fff;}
.btn.btn-gray { color: #555555; font-weight:600;}
.btn.btn-art-tag {background-color: #f3f2f1; border:0; color: #555555; line-height: normal; font-size: 11px; font-weight: 400; padding: 1px 3px; max-width:100%; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.btn.btn-art-tag:focus,.btn.btn-tag:focus, .btn.btn-tag:hover, .btn.btn-art-tag:hover {background-color: #00b8de; color: #ffffff;}
.list-of-tags {margin-left:0; text-align: left;}
.list-of-tags li {padding-left:0;}
.list-of-tags li:last-of-type {padding-right:0;}

.white-box { background-color: #ffffff; padding: 30px 20px; }
.white-box .btn.btn-transparent { width: 100%; }
.white-box .description { font-weight: bold; margin-bottom: 20px;}
.white-box:not(:first-of-type) {border-top: 1px solid #f1f1f1;}
.white-box:first-child {border-top-right-radius: 4px;border-top-left-radius: 4px;}
.white-box:last-child  {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px; }
.gray-box {background-color: #f3f2f1; text-align: center; height:50px; margin-top:30px;}

.chevron-white-right {background: url("../img/chevron-white-shadow.png") no-repeat;display:inline-block; width: 7px; height: 11px; margin-left:5px;}
.chevron-dark-right  {background: url("../img/chevron-dark.png") no-repeat;display:inline-block; width: 6px; height: 10px; margin-left:5px;}
.chevron-dark-left   {background: url("../img/chevron-dark-left.png") no-repeat;display:inline-block; width: 6px; height: 10px; margin-right:5px;}
.chevron-light       {background: url("../img/chevron-light.png") no-repeat;display:inline-block; width: 6px; height: 10px; margin-right:5px;}
.chevron-down { margin-left: 5px; margin-right:0; -moz-transform: rotate(90deg) ; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.chevron-orange      {background: url("../img/chevron-orange.png") no-repeat;display:inline-block; width: 6px; height: 10px; margin-right:5px;}
.orange-line {width:40px; border-bottom: 2px solid #ff8300; height:0; margin-bottom:10px;}
.blue-line   {width:40px; border-bottom: 2px solid #00b8de; height:0; margin-bottom:10px;}

.flag { display: inline-block; width: 20px; height: 20px; border-radius: 10px; background-position: center center; border: 1px solid red; vertical-align: middle; }
.flag-pl {background-image:  url("../img/flag-pl.png"); border: 1px solid #ff0000; }
.flag-en {background-image:  url("../img/flag-uk.png"); }

.lang-responsive { display: none; }

.container.search { margin-bottom:0; padding: 0; overflow:hidden; margin-top: -20px;}
.search.main { height: 60px; background-color: #00b8de; border-radius: 0 0 5px 5px; margin: 0; padding: 10px; }
.search.main form { margin-bottom:0; height:40px;}
.search.main .input-group { width: 100%; padding: 0; margin: 0; }
.search.main input, .search.main button { height: 40px; box-shadow: none; border: 0; }
.search.main button { font-size: 16px; padding: 10px 20px; line-height: 16px; border: 0; margin-left: 0 !important; }
.search.main button:focus, .search.main button:hover { box-shadow: none; background-color: #ea7800; }
.search.main button span { margin-left: 10px;}

.banner { padding: 20px; border-radius: 4px; background: url("../img/slider_shadow.png") no-repeat center center; }
.banner.container { margin-bottom: 20px; }
.banner ol { bottom: 30px; left: auto; right: 30px; top: auto; position: absolute; margin: 0; width: auto; z-index: 12; }
.banner ol li:not(:first-child) { margin-left: 5px; }
.banner .carousel-inner { height: 500px; border-radius:4px; overflow: hidden; }
.banner .carousel-inner, .article {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.banner .carousel { border-radius: 4px; height:500px;  margin: 0 auto; text-align: center; width: 1100px; position:relative; }
.banner .carousel .btn-blue { border: none; }
.banner .carousel .btn-blue:hover { background-color: #0ba1d8; }
.carousel-inner > .item { overflow: hidden; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width:none; height:100%; min-height:500px; min-width: 100%; position: absolute;}
.banner .btn-transparent { position:absolute; right:30px; left: auto; top: 30px; padding: 0 10px; z-index: 15; border:0; font-size:21px; height:40px; width:40px;  box-shadow:none; background-color: rgba(255, 255, 255, 0.75);}
.banner .btn-transparent:hover, .banner .btn-transparent:focus { background-color: #fff; color: #ff8300; }
.item .col-md-6,
.item .col-md-8 { z-index: 10; height:500px; padding: 30px; text-align: left; }
.item .btn-lg { position: absolute; bottom: 30px; top: auto; }
.item .list-of-tags li { padding: 0; margin:0; }
.item .btn.btn-tag { margin-bottom: 10px; }
.banner .carousel p { font-size:20px; font-weight: 300; color: #ffffff; line-height: normal; }
.carousel-indicators li, .carousel-indicators li.active { margin: 1px;height: 16px; width: 16px; border-radius: 16px; border-width:2px; }
.carousel-indicators li.active    { background-color: #00b8de; border-color: #00b8de; }
.carousel-indicators li:focus, .carousel-indicators li:hover { border-color: #00b8de; }
.img-overlay { height: 100%; position: absolute; top: 0; left:0; width: 100%; z-index: 5;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) , rgba(0,0,0,0));
  background: -o-linear-gradient(left, rgba(0,0,0,0.75) , rgba(0,0,0,0));
  background: -moz-linear-gradient(left, rgba(0,0,0,0.75) , rgba(0,0,0,0));
  background: linear-gradient(to right, rgba(0,0,0,0.75) , rgba(0,0,0,0));
}

.columns .img-overlay.mono { background: #555555; }

.columns { padding: 0; }
.columns .img-overlay { padding: 25px 20px; }
.columns .articles { padding: 0 10px 0 0; }
.columns .tutorials { padding: 0 5px; }
.columns .products { padding: 0 0 0 10px; }
.columns  h3 { clear: both; font-size: 21px; color: #555555; margin-top: 0; margin-bottom: 20px; font-weight: 700; }
.columns h3 a, .columns h3 .column-title { margin-left: 30px; color: #555555; }
.columns h3 a:hover, .columns h3 a:focus { text-decoration: none; color: #ff8300; }
.columns h3 span { margin-bottom: 3px; }
.columns h3 a:hover span, .columns h3 a:focus span {background: url("../img/chevron-orange.png") no-repeat;}
.articles img, .tutorials img {position:absolute; width: auto; height: 200px; left:0; top:0;}
.article { position: relative; overflow: hidden; }
.article .title-text { padding: 0 45% 0 0; }
.columns .articles h3  {background: url("../img/idea.png")  no-repeat left center;} /*../img/recent-art.png*/
.columns .tutorials h3 {background: url("../img/learn.png")  no-repeat left center;} /*../img/recent-tut.png*/
.columns .products h3  {background: url("../img/recent-prod.png") no-repeat left center;}
.article:not(.related), .product:not(.related) { height: 200px; padding: 30px 20px; background-color: #ffffff; border-radius: 4px; margin-bottom: 15px;}
.article h4 {color: #ffffff; }
.article .on-img, .product .col-md-8, .product .col-md-4 {padding:0;}
.product {padding: 30px 20px; background-color: #ffffff;}
.product h4 {font-size:17px; font-weight:400; color: #222222; margin-bottom: 5px;}
.product p {font-size: 17px; font-weight: bold; line-height:1.6;}
.product p .green {font-weight: 400; color: #62ac20;}
.product .btn-transparent {border-color: #e6e6e6; /*background-color: #fafafa;*/ color: #555555;}
.product .col-md-4 {height:100%; text-align:center; }
.product .img-wrapper, .similar .img-wrapper, .wrapper .img-wrapper {height:100%; vertical-align:middle; display: inline-block;}
.related-listed .img-wrapper {height: 98px }
span + img {max-width: 95%; max-height: 100%;}
.articles:last-child, .tutorials:last-child, .products:last-child {margin-bottom:0;}
.columns .on-img {position:relative; z-index:100; padding-right: 30%;}
.columns .article .btn-transparent {color: #ffffff;}

.col-md-12.col-sm-6.col-xs-12 { padding: 0; }
.col-md-12.col-sm-6.col-xs-12:last-of-type div:last-of-type { margin-bottom: 0; }

.team {background: #006f97 url("../img/calendar-bg.jpg"); background-size:cover; border-radius: 4px; height:145px; padding: 30px; }
.team h2 {font-size: 38px; color: #ffffff; font-weight: 300; margin:0; line-height:1;}
.team p  {font-size: 38px; color: #ffffff; font-weight: 600; margin:0; line-height:1;}
.team .col-md-9 {padding-left:0;}
.team .col-md-3 {padding-right:0; margin-top: 24px; margin-bottom:24px;}
.team .btn { padding: 10px 20px; border-radius: 4px; border:0; font-size: 16px; font-weight: 700;}
.team .btn:hover { background-color: #0ba1d8; }
.team .fa.fa-cog { background-color: rgba(255, 255, 255, 0.75); border-radius: 4px; color: #555; font-size: 21px; margin-left: 15px; line-height: 40px; height:40px;  text-align: center;  width: 40px;}
.team .fa.fa-cog:focus, .team .fa.fa-cog:hover {background-color: #fff; color: #ff8300; }

.calendar { background: #1d8bb3 url("../img/calendar-bg.jpg"); background-size: cover; border-radius: 4px; min-height: 100px; padding: 0; line-height:20px;}
.calendar h2 { color: #ffffff; font-size: 21px; font-weight: 600; line-height: 34px; margin-bottom: 0; margin-top: 0;}
.calendar .glyphicon {color: #b8d7ec; font-size:17px;}
.calendar .row { font-size: 21px; font-weight: 400; color: #ffffff; padding: 20px 20px ; }
.calendar .wrapper-calendar { border-top: 1px solid #006e96; }
.calendar .row .col-md-6.col-xs-6:first-child {padding-left: 0;}
.calendar .row .col-md-6.col-xs-6:last-child {padding-right: 0;}
.calendar .btn-blue {float:right; background-color: #006e96; border-color: #006e96;}
.calendar .btn.btn-blue:hover, .calendar .btn.btn-blue:focus {background-color: #004e76; border-color: #004e76;}
.calendar .wrapper-calendar {padding:20px;}
.calendar .date, .calendar .event {display: inline-block;}
.calendar .date {width: 50px; text-align: center; font-size: 17px; font-weight: 400; border-right: 1px solid #61bad5; margin-right:10px; text-transform: uppercase;  }
.calendar .event p:not(.title) {color: #d9f0ff; margin-bottom:0;}
.calendar .event p:last-of-type {margin-bottom:0;}
.calendar .col-md-3 {padding:  8px; border-radius: 4px;}
.calendar .col-md-3:hover, .calendar .col-md-3:focus {background-color: #006e96; cursor: pointer;}
.calendar .col-md-3:hover .date, .calendar .col-md-3:focus .date {border-color: #f1f1f1;}
.calendar .col-md-3:hover .event, .calendar .col-md-3:focus .event {color: #ffffff;}
.calendar p, .calendar .date, .calendar .title {color: #ffffff;}
.calendar p {font-weight: 400; font-size: 14px; text-shadow: 1px 1px rgba(0,0,0,0.25)}
.calendar .day   {font-size: 38px; font-weight:700; line-height: 38px; margin-bottom:0;}
.calendar .event {max-width:205px; vertical-align:top;}
.calendar .title {font-size:17px; font-weight: 400; line-height: 20px; margin-bottom:0;}
.calendar .pagination {width:100%; margin-bottom: 0; margin-top: 20px;}
.calendar .pagination .btn.btn-gray {font-size: 14px; height:30px; line-height:14px; border:0; padding: 6px 15px; box-shadow: none;}
.calendar a .fa.fa-cog { background-color: rgba(255, 255, 255, 0.75); border-radius: 4px; color: #555; font-size: 21px; margin-left: 15px; line-height: 34px; height:34px;  text-align: center;  width: 34px;}
.calendar a .fa.fa-cog:focus, .calendar a .fa.fa-cog:hover {background-color: #fff; color: #ff8300; }

.company-data { background-color: #c95e1a; background-image: url("../img/company-bg.jpg");background-size: cover; border-radius: 4px; min-height: 200px; padding: 30px 20px;}
.company-data .col-md-6:first-of-type {border-right: 1px solid #df8349;}
.company-data .col-md-6:first-child {padding-left: 0; padding-right: 10px;}
.company-data .col-md-6:last-child {padding-left: 10px; padding-right: 0;}
.company-data .data { background: no-repeat 30px center; padding-left: 150px; min-height:100px; position: relative; }
.company-data .data:last-child {margin-bottom: 0;}
.company-data h3 {font-size: 21px; font-weight: 600; color: #ffffff; margin-top: 0; margin-bottom:0;}
.company-data h4 {font-size: 38px; line-height: 38px; font-weight: 600; color: #ffffff; margin-bottom:0; text-shadow: 1px 1px rgba(0,0,0,0.25);}
.company-data p  {font-size: 19px; font-weight: 200; color: #ffe3d1; text-shadow: 1px 1px rgba(0,0,0,0.25);}
.company-data .small {font-size: 13px; font-weight: 300; color: #ffe3d1; margin-bottom: 40px;}

main-site-section {margin-bottom:35px; display: block;}
main-site-section:last-child {margin-bottom:0px; display: block;}

/*
.data.countries {background-image: url("../img/data-poland-1.png")}
.data.ngos      {background-image: url("../img/data-poland-2.png")}
.data.visits    {background-image: url("../img/data-poland-3.png")}
.data.value     {background-image: url("../img/data-global-1.png")}
.data.products  {background-image: url("../img/data-global-2.png")}
.data.donors    {background-image: url("../img/data-global-3.png")}
.data.visits, .data.donors { padding-top: 10px; }
*/
.company-data a.pull-right {    cursor: pointer;  height: 34px;  opacity: 0.8;  width: 34px;}
.company-data a.pull-right:hover {opacity:1;}

.data-company .fa,
.data > .fa {   color: #fff;   font-size: 80px;  left: 0;  position: absolute;  text-align: center;  top: 15px;  width: 130px;  }
.data > a > .fa.fa-cog,
.company-data a > .fa.fa-cog { background-color: rgba(255, 255, 255, 0.75); border-radius: 4px; color: #555; font-size: 21px; margin-left: 15px; line-height: 34px; height:34px;  text-align: center;  width: 34px; float: right;}
.data > a > .fa.fa-cog:focus, .team > a > .fa.fa-cog:hover {background-color: #fff; color: #ff8300; }

.footer {background-color: #6a6e70; min-height: 100px;}
.footer .container {margin-bottom: 0; padding: 60px 0;}
.footer .orange-line,.footer .white-line {width:80px; margin-bottom: 20px;}
.footer .white-line  {border-bottom: 2px solid #ffffff;  margin-top:40px;}
.footer .col-sm-6, .footer .col-md-6 {padding-left: 10px; padding-right: 10px;}
.footer > .col-md-6:first-child, .footer > .col-sm-6:first-child {padding-left: 0;}
.footer > .col-md-6:last-child, .footer > .col-sm-6:last-child {padding-right: 0;}
.footer ul {margin-bottom:0;}
.footer h4 {font-size: 18px; font-weight: 600; color: #ffffff;}
.footer li {line-height: normal; margin-bottom: 10px;}
.footer li:last-child {margin-bottom:0}
.footer li a {color: #d9d9d9; font-size: 14px; font-weight: 300;}
.footer li a:hover, .footer li a:focus {text-decoration: none; color: #ffffff;}
.footer input, .footer button {height:30px; line-height: 14px; border:0;}
.footer input:hover, .footer input:focus { box-shadow:none; border-color: #6a6e70;}
.footer button {font-size:14px;}
.footer .twitter  {background-color: #999999; }
.footer .facebook {background-color: #575757; }
.footer .pocket {background-color: #888888; }
.footer .fa.fa-cog {margin-left:10px;}
.footer .fa.fa-cog:hover, .footer .fa.fa-cog:focus {color: #ff8300;}
.footer .list-social-media {margin-left:0;}
.footer .list-social-media li { height: 20px; margin-right:10px; padding:0; vertical-align: top; margin-bottom: 0;}
.footer .list-social-media a  { width: 20px; height:20px; display: block; border-radius: 2px; padding: 4px; }
.footer .list-social-media i  { font-size: 14px; display: block;  line-height:0.85; color: #ffffff;text-align:center;}
.footer .list-social-media .pocket i  { font-size:14px; }
.footer .list-social-media .facebook {padding-top: 5px; padding-left:5px;}
.footer .list-social-media a.facebook  {background-color: #3B5998;}
.footer .list-social-media a.pocket  {background-color: #EE4056;}
.footer .list-social-media a.pocket:hover, .footer .list-social-media a.pocket:focus  {background-color: #f16476;}
.footer .list-social-media a.twitter  {background-color: #00aced;}
.footer .list-social-media a.twitter:hover, .footer .list-social-media a.twitter:focus  {background-color: #15bfff;}
.footer .list-social-media .youtube {position:relative;}
.footer .list-social-media .youtube a { width: auto; }
.footer .list-social-media .youtube i { display: inline-block; position: relative; vertical-align: top;}
.footer .list-social-media .youtube span {color: #fff;  font-size: 13px;  font-weight: 400; left: 25px; line-height: 0.9; vertical-align: top;}

.footer p { font-size: 13px; font-weight: 300; color: #d9d9d9; }
.footer p.small { font-size: 11px; margin-bottom: 15px; }
.footer p.sub-error { font-size: 12px; margin: 15px 0 0 0; font-weight: 600; color: #ffa1a1; }
.footer p.sub-success { font-size: 12px; margin: 15px 0 0 0; font-weight: 600; color: #b0f276; }
.footer p.sub-error a,
.footer p.sub-success a { color: #fff; }
.footer .tnt   { display: inline-block; height: 32px; color: #ffffff; font-weight: 300; line-height: 32px; padding-left: 35px; background: url("../img/logo-tnt.png") no-repeat left center; margin-right: 15px; vertical-align: top; }
.footer .tnt:hover, .footer .tnt:focus { color: #ffffff; text-decoration: none; }
.footer .tsp { display: inline-block; height: 23px; width: 82px; color: #ffffff; font-weight: 300; line-height: 23px; padding-left: 88px; background: url("../img/tsp_logo_footer.png") no-repeat left center; margin-top: 5px; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; }
.footer .tsp:hover, .footer .tnt:focus { color: #ffffff; text-decoration: none; }
.footer h4 span { text-transform: uppercase; }
.footer h4 a { color: #ffffff; }
.footer-links li a { text-transform: uppercase; }


.listed-search.main-content  h2 span.glyphicon {color: #ff8300; margin-right:10px;font-size:15px;vertical-align:top; }
.listed-search.main-content .white-box ul button.btn.btn-default {min-height:16px; padding:1px 4px;font-size:11px; font-weight:700; color: #fff; background-color: #555555;}
.listed-search.main-content .white-box ul button.btn.btn-default:active, .white-box ul button.btn.btn-default:hover, .white-box ul button.btn.btn-default:focus {background-color: #00b8de;border-color: #00b8de;}
.listed-search.main-content .white-box .inline-right {position:absolute;right:20px;top:30px; height:30px;  }
.listed-search.main-content .white-box ul.before-cross li {color: #ff8300;}
.listed-search.main-content .white-box ul.list-inline li,.white-box ul.list-inline  {margin-bottom:0;color: #555555; max-width:100%;}
.checklist input { margin-right: 10px; border-color: #dce1e4; }
.input-group-addon, .input-group-btn { vertical-align: top; }

.listed-search.article {height: auto;}
.listed-search.col-md-9 .col-sm-4 .col-sm-4, .listed-search.col-md-9 .col-sm-4 .col-sm-8 {padding:0;}
.listed-search.col-md-9 .col-sm-4 .col-sm-4 {height: 140px; text-align:center;}
.listed-search.product .orange-line {margin-bottom: 5px;}
.white-box ul.before-caret li:before, .white-box p.blue-results:before {background-image: url("../img/chevron-light.png");content:""; width:6px; height:10px;margin-right:10px;display:inline-block;}
.white-box ul.before-cross li:before {background-image: url("../img/cross.png");content:""; width:10px; height:10px;margin-right:10px;display:inline-block;}
.results-header .form-control {display:inline-block; padding: 6px; margin-left:10px; width:70px;}
.results-header h3 {font-size: 17px;}

.container.breadcrumbs { margin-bottom: 0; padding: 12px 15px; }
.container.breadcrumbs .breadcrumb {margin-bottom: 0; background-color: transparent; padding: 0; line-height:15px;}
.breadcrumbs .breadcrumb li {line-height:15px;}
.breadcrumbs .breadcrumb li + li::before {content: ""; background: url("../img/chevron-small.png") no-repeat  center ; padding: 0 10px;}
.breadcrumbs .breadcrumb li a, .breadcrumb li {color:gray; font-weight:400; font-size: 11px;}
.breadcrumbs .breadcrumb li.active  {font-weight: 600;}


.container.main-content { padding:0; }

.white-box.product-title { padding: 30px 20px; }
.white-box.product-title .product-title { padding-left: 0; padding-right: 10px; }
.white-box.product-title .product-price { padding-right: 0; padding-left: 10px; }
.white-box.product-description { padding: 20px; position: relative;}
.white-box.product-description .product { margin-bottom: 0;  border: 1px solid #f1f1f1; }
.white-box.product-description .product i { line-height: 150px; }
.white-box.product-description .col-xs-4 { padding-left:10px; padding-right:10px; }
.white-box.product-description .col-xs-4:first-child { height: auto; }
.white-box.product-description .col-xs-4:last-child  { padding-right:0; }
.white-box.product-title p { margin-bottom: 0;}
.white-box.product-title button { margin-top: 3px; font-size:22px; line-height:20px; border-radius: 4px; padding: 8px 10px;}
.white-box.product-content { border: 0; padding-top: 0; }


.main-content .col-md-9, .main-content .col-sm-6 {padding-left:0;}
.main-content .col-md-3, .main-content .col-sm-6 {padding-right:0;}
.wrapper-boxes:not(:last-of-type) {margin-bottom: 20px;}
.main-content .product-title h1, .main-content .article-header h1 {font-size: 32px; color: #222222; margin:0; display:inline-block; font-weight: 600;}
.main-content .divider { border-top: 1px solid #f1f1f1; margin: 20px -20px;}
.main-content .under-h {font-size: 11px; color: #999999;}
.white-box.black-top {border-radius: 0; }
button.pull-right {display:inline-block; font-size: 24px; line-height:20px; padding: 10px; height:auto; font-weight: 600; vertical-align:top;}
button .divider-v {vertical-align: top; border-left: 1px solid #81bd4d; margin: -9px 9px; display:inline-block; position: relative; height: 38px;}
.product-title button .chevron-white-right {height:13px;}
.product-description dl { margin-bottom: 20px; }
.main-content dd, .main-content dt {padding-left:10px; font-size: 14px;}
.main-content dt {font-weight: 300; display:block; background: url("../img/chevron-small-orange.png") no-repeat left center; }
.main-content dd {font-weight: 600; margin-bottom: 15px; }
.main-content dd:last-of-type {margin-bottom:0;}
.main-content .product { padding: 20px 10px; text-align: center; }
.main-content .product img { display: inline-block; margin: 0 auto; max-width: 100%; max-height: 160px; }
.main-content .nav.nav-tabs { margin: 0 -20px; }
.main-content .nav.nav-tabs li { background-color: #f1f1f1; border: 0; margin-right: 0; border-radius: 4px 4px 0 0; }
.main-content .nav.nav-tabs li:first-child { margin-left: 20px; }
.main-content .nav.nav-tabs li a {color: #555555; font-weight: 600; margin-right: 0;}
.main-content .nav.nav-tabs li.active a {color: #222222; margin-right: 0;}
.main-content .nav-description { padding: 30px 0 0;  font-size: 17px; color: #555555; line-height: 1.5; }
.main-content .nav-description p { font-size: 17px; padding: 0; margin: 0 0 25px; line-height: 1.5; }
.main-content .nav-description p:last-child {margin-bottom:0;}
.main-content .nav-description a, .main-content .nav-description li, .main-content .nav-description p {color: #555555; font-weight: 400;}
.main-content .nav-description .head {color: #222222; font-size: 18px; font-weight: 600;margin-top:30px; margin-bottom:0;}
.main-content .nav-description a {color: #ff8300;}
.main-content .nav-description li { font-size: 15px; line-height: 1.5; margin-bottom: 5px; }
.main-content .nav-description ul { list-style: outside none none; padding-left: 15px; margin: 15px 0 25px; }
.main-content .nav-description ol { font-size: 15px; margin: 15px 0 25px;  }
.main-content .nav-description ul li:before {content: "•"; color: #ff8300; margin-right: 10px; margin-left: -15px;}
.main-content .nav-description.description {font-weight: bold;}


.white-box.similar-header, .white-box.article-header {padding:20px;}
.white-box.similar button {line-height: 1; padding: 4px 6px; font-size: 14px;}
.article-header h3.date {color: #555; font-size: 18px; margin: 0;}
.similar h2 {margin:0; font-size: 21px; color: #555555; position:relative; text-transform: uppercase;}
.article-body.similar h2 {margin-bottom:10px;}
.similar p {font-size: 13px; line-height: 1.5; color: #555555; font-weight: 300; margin-bottom: 0;}
.similar .orange-line {position: absolute; top: -20px; left:0;}
.listed-product .btn-group {margin-top: 10px;}
.listed-product .col-sm-3 {padding-left: 0;}
.listed-product .col-sm-9 {padding-right: 0;}
form + .sharing { margin-top: 10px; }
form + .sharing ul { /*float: right;*/ }
.license { max-width: 120px; overflow: hidden; text-overflow: ellipsis; vertical-align: sub; white-space: nowrap;}

.similar .col-sm-3 {text-align:center; height:100px; line-height:100px;}
.similar h3 {margin:0; font-size: 18px; }
.similar .small {font-size: 11px; margin-bottom: 5px; color: #999999;}
.listed-product .list-inline {margin-bottom: 10px;}
.btn-transparent {color: #555555; border-color: #dce1e4; font-weight: 600; font-size:12px; height:30px; line-height: 18px;}
.similar span.btn-transparent {width:auto; float:left; background-color: transparent; padding: 5px 10px;}
.list-of-results .article-prop, .similar .article-prop {display:block; float:none; margin-bottom: 5px; background-color: transparent;}
.list-of-results .article-prop li, .similar .article-prop li {color: #999999; font-weight: 400;font-size: 11px; }
.similar p a {color: #ff8300;}
.list-of-results a h3:hover, .list-of-results a h3:focus, .list-of-results a:hover, .list-of-results a:focus {text-decoration: none; color: #ff8300;}
.listed-article .list-of-tags {margin-bottom:0;}
.listed-article.row, .listed-product.row {position:relative; padding-left: 170px; min-height:100px; margin-bottom:30px;}
.listed-article img, .listed-product img {max-height: 100%;}
.listed-article p + a {color: #ff8300; text-transform: lowercase; background:  url("../img/chevron-orange.png") no-repeat scroll right center; font-weight: 400; padding-right: 10px; font-size: 13px;}
.listed-article .col-sm-3 {width: 190px; text-align: left;}
.blue-results {color: #00b8de; font-weight: 400; font-size: 17px; margin-bottom:0;}
.listed-wrapper:last-of-type .row.listed-article:last-child,
.listed-wrapper:last-of-type .row.listed-product:last-child {    margin-bottom: 0;}
.listed-article .title-listed   {padding-left:0;}
.listed-article .button-listed {padding-right:0 !important; text-align:right;}

.white-box.related { padding: 15px; }
.black-top { padding: 15px; }
.related.product { border-top: 1px solid #f1f1f1; padding: 15px; text-align: left; margin-bottom: 0; }
.related .col-md-6 { padding:0; text-align:left; }
.list-of-results .related.product .col-md-6.with-img {height: 140px;}
.list-of-results .embedded i,
.columns .product i::before,
.product-description .product i,
.related .with-img i,
.related .wrap-img i,
.partner-logo .embedded i,
.related-listed .embedded i { font-size: 40px; color: #ccc; line-height: 100px; }
.list-of-results .embedded,
.partner-logo .embedded,
.related-listed .embedded { display:block; border: 1px solid #f1f1f1; height:100px; }
.related-listed .embedded {background-color: #f1f1f1; width:100px; }

.related .wrap-img { width: 60px; text-align: center; }
.related .wrap-img i { line-height: 60px; height: 60px; display: inline-block; width: 60px; border: 1px solid #f3f2f1; text-align: center; background-color: #f3f2f1; border-radius: 4px; }

.columns .product i, .columns .product i::before { line-height: 110px; }
.related .art i, .related .art i::before { height:60px; line-height: 60px; }
.related p:not(.price):not(.featured) { font-weight: 300; margin-bottom: 0; }
.related p  { font-size: 14px; text-align: left; line-height: 19px; }
.related button:not(.btn-art-tag) { height: auto; padding-top: 0; padding-bottom: 0; line-height: 30px; }
.related.art .wrap-img { float: left; margin: 0 10px 10px 0; width: 60px; height: 60px; }
.related.art img { text-align: center; }
.related.art p { line-height: normal;}
.related.art p a { color: #222222; font-size: 14px; }
.related-listed {margin-bottom: 30px; overflow: hidden; max-height: 185px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;}
.listed-search.main-content .white-box .related-listed ul.list-inline {float: none; width: auto; margin-left:0;}
.listed-search.main-content .white-box .related-listed ul.list-inline li {padding: 10px 20px; text-align: center; vertical-align: top; font-size: 12px; height:154px;}
.listed-search.main-content .white-box .related-listed ul.list-inline li:first-child {padding-left:0;}
.listed-search.main-content .white-box .related-listed ul.list-inline li:last-child {padding-right:0;}
.related-listed h4 { color: #555; font-weight: 300; text-align: left; margin-top: 10px; margin-bottom:0; font-size: 15px;}
.related-listed li a {color: #555555; display: inline-block; max-width:100px;}

.article-prop { float: left; padding: 0; }
.article-prop li, .sharing { font-size: 11px; color: #999999; font-weight: 300; }
.sharing { color: #555; padding: 0; text-align: right; float: right; }
.sharing .share { display: inline-block; margin-right: 5px; }
.sharing .list-inline { display: inline-block; }
.article-prop .author {color: #ff8300;}
.article-prop.breadcrumb > li + li::before {  color: #ccc;  content: "-";  padding: 0 5px; }
.article-prop.breadcrumb > li + li:last-of-type::after { content: none; }
.breadcrumb.article-prop a {color: #00b8de;}
.above-art {margin:0; padding:0;}
.above-art ul {display: inline-block; line-height: 15px; margin-bottom: 5px;}
.above-art .pull-right + .pull-right {    margin-right: 20px; }
.sharing li {padding-right:0;}
.sharing i {color: #ffffff; line-height: 18px;}
.sharing a {display: block; width:18px; height:18px; border-radius: 2px; text-align:center; }
.sharing .facebook    {background-color: #3b5998;}
.sharing .twitter  {background-color: #54abee;}
.sharing .envelope {background-color: #ff8300;}
.sharing .pocket {background-color: #EE4056;}
.font-size .btn {width:17px; height:17px; padding:0; font-size:11px; line-height:15px; background-color: #555555; color: #ffffff;}
.row.lists-of-buttons {margin: 10px 0 0 ; padding:0;}
.row.lists-of-buttons .list-of-tags {float:left;}


.divider.article-divider {margin-bottom: 30px;}
.article-body h1, h2, h3, h4 {color: #222222;  font-weight: 600;}
.article-body h1 {font-size: 24px;}
.article-body h2 {font-size: 21px;}
.article-body h3 {font-size: 19px;}
.article-body h4 {font-size: 17px;}
.article-body td, .article-body table {
  border-width: 1px;
  border-style: solid;
}
.article-body table {
 border-color: transparent;
}
.article-body tbody,
.article-body tr,
.article-body td {
  border-color: inherit;
}
.article-body td {
  padding: 5px;
}


.article-body * {max-width: 100%; word-wrap: break-word; line-height: 1.5; font-size: 17px; }
.article-body :last-of-type { margin-bottom: 0; }
.article-body p { font-size: 17px; color: #555555; font-weight: 400; margin: 25px 0;}
.article-body p:last-child {margin-bottom:0;}
.article-body p.lead {font-size: 17px; color: #222222; font-weight: 600; line-height:1.7; margin: 25px 0;}
.article-body p.lead:first-of-type {margin-top:0;}
.article-body .embedded,.article-body .embedded>* { display: inline-block;}
.article-body .embedded,.article-body .embedded.pull-right>*, .article-body .embedded,.article-body .embedded.pull-left>* {max-width:260px;  max-height: 200px;}
.listed-article .embedded, .listed-product .embedded, .partner-logo .embedded {width:150px; text-align:center; margin-bottom: 0; position:absolute; left:0;}
.partner-logo .embedded {position: static; margin: 0 auto;}
.embedded.pull-left  {margin-right:20px; margin-bottom: 10px; }
.embedded.pull-right {margin-left: 20px; margin-bottom: 10px;}
.article-body a {color: #ff8300;}
.article-body ul {padding-left: 15px; list-style: outside none none; margin-bottom: 15px;}
.article-body ul li:before {content: "•"; color: #ff8300; margin-right: 10px; margin-left: -15px;}
.article-body li {line-height: 1.5; font-weight: 400; color: #555555;}
.article-body .embedded .product {height: 155px; border: 1px solid #dce1e4; padding: 20px;}
.article-body .embedded .product p, .article-body .embedded .product .col-md-8 {text-align: left;}
.article-body .embedded .product p {font-size: 14px; font-weight: 400; color: #222; line-height:19px; margin-bottom: 0; font-family: 'Roboto Condensed', sans-serif;}
.article-body .embedded .product .price {font-weight: 600; margin-bottom: 7px;}
.article-body .embedded .product button {height:30px; padding-top:0; padding-bottom: 0; line-height: 28px;}
.article-body.similar {padding: 20px;}
.article-body.similar h2 {margin-bottom: 10px;}
.gray-field {background-color: #f3f2f1; height:50px; line-height:50px; margin-top:20px; text-align:center; color: #555555; border-radius: 4px; }
.gray-field a {color: #ff8300;}
.similar-header.comment {padding-bottom:30px;}
.main-content .section-comment .col-xs-4 .product img {max-width: 100%; max-height: 100%;}
.section-comment .fb-comments {width: 100% !important;}
.section-comment .fb-comments span {width: 100% !important;}
.section-comment .fb-comments iframe {width: 100% !important;}
.section-comment ._2pi8 {padding-left:0 !important; padding-right:0 !important;}

.results-header {padding:20px ;}
.results-header .breadcrumb {margin:0; padding: 0;}
.listed-search .container {padding:0; margin-bottom: 0;}
.main-content.listed-search {padding-top:20px;}
.main-content.listed-search .col-md-3 {padding-left:0; padding-right:10px;}
.main-content.listed-search .col-md-9 {padding-left:10px; padding-right:0;}

.white-box.no-border {border-radius:4px; height:150px; padding:20px;}
.wrapper {overflow: hidden;}
.wrapper .col-xs-4 {padding: 0 10px;}
.wrapper .col-xs-4:first-child {padding-left:0;}
.wrapper .col-xs-4:last-child {padding-right:0;}
.wrapper .orange-line {margin-bottom:0;}
.wrapper .col-sm-4 .col-sm-8 {padding: 0;}
.wrapper p.featured {font-weight: 300; font-size: 13px; color: #999999; margin-bottom:5px; }
.wrapper img {max-width:60px; max-height:140px;}
.wrapper a {font-size: 17px;color: #404445; }
.wrapper .product {height:auto; text-align: left; padding: 0 20px 30px; border:0; margin:0;}
.wrapper .with-img {height: 125px; text-align:center;}
.white-box.pagi {padding:20px; text-align: center;}
.white-box.pagi ul {margin:0;}
.white-box.pagi li {width:20px;height:20px; display: block; float: left;}
.white-box.pagi li:not(:last-child) {margin-right: 5px;}
.white-box.pagi li a {line-height:14px;border-radius: 4px; width:20px;height:20px;font-size:14px;padding:2px;border-color:transparent; background-color: #f1f1f1; color: #999999;}
.white-box.pagi li.active a, ul.pager li a:hover, ul.pager li a:active {background-color: #f37321;border-color: #f37321; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.25);}

.results, .filters{padding:15px}
.results li:last-child, .results ul, .filters li:last-child, .filters ul{margin-bottom:0}
.results h3, .results h2, .filters h3, .related h3, .filters h2 { font-size: 17px; color: #555555;  font-weight: 600; margin-top: 0; margin-bottom: 10px; }
.related h3, .filters h2 {margin-bottom:0;}
.results h2, .results-header h3 {margin:0;}
.results li, .filters li {margin-bottom: 10px; color: #555555; font-weight: 400; font-size: 14px;}
.results .list-inline li {padding-right:0;}
.results .list-inline.list-of-tags li {padding-right: 5px;}
.results li a {color: #555;}
.results li a .orange, .results li:hover a, .results li:focus a {color: #ff8300; text-decoration: none;}
.results h2 span, .filters h2 span {font-size: 15px; color: #ff8300; margin-right: 5px;}
.white-box.results-header > h3 > span {float: right; font-size: 14px;}
select:not(:first-child) {margin-top:20px;}
  .list-btn-filters {margin: 0;}
  .list-btn-filters li {padding: 0;}

/*user styles*/
.user-header {position:relative;}
.user-header h1 {margin-bottom:30px;}
.user-profile.white-box {border-top:0; padding-top:0;}
.user-profile .dl-horizontal {margin-bottom:0;}
.user-profile .dl-horizontal dt {text-align:left;}
.user-profile .product {max-height: 150px; padding-left:0; padding-right:10px;}
.user-profile .col-md-9.col-xs-6 {padding-left:10px; padding-right:0;}
.similar-header.organization-info {padding-bottom:30px;}
.organization-info .gray-field, .token-list .gray-field {margin-top:30px; padding:10px; text-align:center;}
.gray-field button {padding: 0 12px; line-height: 28px;}
.gray-field button span {vertical-align: middle;}
.token-list.white-box, .terms.white-box, .order-list.white-box {padding-top:0; border-top-width:0; }
.token-list .gray-field, .order-list .gray-field {margin-top:0;}
.token-quantity, .order-quantity {margin: 30px 0; color: #555; font-size: 14px; background: url("../img/chevron-orange.png") no-repeat left center; padding-left:15px;}
.order-quantity {margin-top:0;}
.token-quantity span, .order-quantity span {color: #222;}
.token-list table, .order-list table {margin-bottom:0;}
.token-list thead, .order-list thead {background-color: #f4f4f4;  }
.token-list table > thead > tr > th, .order-list table > thead > tr > th {font-size:11px; color: #555555; border: solid transparent 1px; font-weight: 300;}
.token-list td, .order-list td {font-size:14px; padding-top:14px !important; padding-bottom:14px !important;}
.token-list td:first-child, .token-list td:last-child, .order-list td:first-child, .order-list td:last-child {text-align:center;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align:middle}
.token-list tr  td .email, .order-list tr td .email {font-size:11px; font-weight:300; color: #999999;}
.token-list .green-cell, .order-list .green-cell {color: #62ac20;}
.token-list .red-cell, .order-list .red-cell   {color: #cf4545;}
.token-list a, .order-list a {color: #aaaaaa;}
.token-list a:hover, .token-list a:focus, .order-list a:hover, .order-list a:focus {color: #555;}
.token-list i {font-size:18px;}
.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top: 1px solid #f1f1f1;}
.token-list tr:last-child, .order-list tr:last-child {border-bottom: 1px solid #f1f1f1;}
.terms .lead {font-size:17px; font-weight: 600; color: #222222; margin-bottom:5px;}
.terms ol {counter-reset:li;     margin-left:0;    padding-left:0; margin-bottom:30px;}
.terms ol:last-child {margin-bottom:0;}
.terms ol > li { left:-0.5em; position:relative; margin:0 0 6px 2em; padding:4px 8px; list-style:none; font-weight:300; color: #555555; font-size:13px;}
.terms ol > li:last-child {margin-bottom:0; padding-bottom:0;}
.terms ol > li:before { content:counter(li) "."; counter-increment:li; position:absolute; top:0; left:-1.5em; width:2em;color: #ff8300;   padding:4px;}

::-webkit-input-placeholder { color: #999999; font-weight:300;}
:-moz-placeholder           { color: #999999; font-weight:300;}
::-moz-placeholder          { color: #999999; font-weight:300;}
:-ms-input-placeholder      { color: #999999; font-weight:300;}
.search ::-webkit-input-placeholder    { font-style:italic; font-size:16px; color: #999999; }
.search :-moz-placeholder              { font-style:italic; font-size:16px; color: #999999; }
.search ::-moz-placeholder             { font-style:italic; font-size:16px; color: #999999; }
.search :-ms-input-placeholder         { font-style:italic; font-size:16px; color: #999999; }
.subscribe ::-webkit-input-placeholder { font-size:13px; color: #999999; }
.subscribe :-moz-placeholder           { font-size:13px; color: #999999; }
.subscribe ::-moz-placeholder          { font-size:13px; color: #999999; }
.subscribe :-ms-input-placeholder      { font-size:13px; color: #999999; }

.modal-content {border-radius: 10px;}
.modal-header {height:42px;padding-top:10px;border:0;}
.modal-footer {border-top: 1px solid #ebeff3;}
.modal-dialog {width:750px;}
.modal-header {background-color: #ebeff3;border-top-left-radius: 10px; border-top-right-radius: 10px;}
h4.modal-title, h4.modal-title span {font-size: 17px; font-weight: 600; color: #404445;}
h4.modal-title span {color: #a6a6a6;}
.modal label {font-weight: 600; color: #404445; font-size: 15px;}
.modal label.small {font-size: 13px;}
.modal button.close {font-size: 30px; margin-top: -5px;}
.modal button.btn.btn-sm.btn-red, button.btn.btn-sm.btn-green.pull-left {height:30px;box-shadow:none;background-color: #90c11a;color: #fff;line-height:14px;font-weight: 700;}
.modal button.btn.btn-sm.btn-red {background-color: #da5d3f;box-shadow:none;}
.modal button.btn.btn-sm.btn-red:focus,   .modal button.btn.btn-sm.btn-red:hover,   .modal button.btn.btn-sm.btn-red:active   {background-color: #d03a16; border-color: #d03a16;}
.modal button.btn.btn-sm.btn-green:focus, .modal button.btn.btn-sm.btn-green:hover, .modal button.btn.btn-sm.btn-green:active {background-color: #81ae14; border-color: #81ae14;}
.modal .form-control, .modal select {display:block; box-shadow:none; border-radius: 5px;background-color: #f3f6f8;height:30px;width:90%;border: 1px solid #e7eaee;font-size: 13px;}
.modal .form-section {border-bottom: 2px solid #ebeff3; margin-bottom: 10px;}
.modal .form-section:last-of-type {border-bottom: 0; margin-bottom: 0;}
.modal .form-control:focus, .modal .form-control:hover, .modal .form-control:active,
.modal select:focus, .modal select:hover, .modal select:active {box-shadow:none;border-color: #aaa;}
.modal .form-control-feedback {right:15px; top:20px; color: #90c11a;font-size:13px;}
.modal .form-control-feedback.glyphicon-remove {color: #da5d3f;}
.modal .form-control-feedback.glyphicon-asterisk {color: #a6a6a6;}
.modal .form-control.ng-invalid.ng-dirty {border-color: #e9a493; background-color: #f5e9e9;}
.modal-content .col-sm-6 .col-sm-6 {text-align:left; width: 40%; padding-left:0;padding-right:10%;}
.modal-content .col-sm-6 .col-sm-5 {margin:0;padding:0;width: 165px;}
.modal-content .col-sm-6 .col-sm-5 .form-control {width:115px;}
.modal-content .city-group {margin-right: 0;}
.modal-content .city-group .col-sm-4 .form-control-feedback {right: -9px;}
.modal-content .city-group .col-sm-8 .form-control-feedback {right: 2px;}
.modal-content .error-comment  {font-size: 11px; color: #da5d3f;}
.modal-content .comment  {font-size: 11px;}
.modal-content .error-comment.hidden {visibility: hidden;}
.modal-content .sortable {outline-style: none;}

.similar h2.products-program-header {margin-bottom:0}
.white-box.product-program-wrapper {padding: 0 20px 20px; border:0;}
.program-product:nth-child(n+4) {    margin-top: 20px; }
.program-product:nth-child(3n+1) {padding-left: 0 ; padding-right: 10px; clear:both;}
.program-product:nth-child(3n+2) {padding-left: 5px; padding-right: 5px;}
.program-product:nth-child(3n)   {padding-left: 10px; padding-right: 0 ;}
.program-product .product  {padding: 20px; border: 1px solid #f1f1f1; background-color: white;}
.program-product .with-img {padding: 0; height: 100px;}
.program-product .with-txt {padding-left:0; padding-right: 10px;}

.wrap-img, .embedded, .with-img {position: relative;  overflow:hidden;}
.wrap-img img, .embedded:not(.main-art-img) img, .with-img img {position:absolute; left: 50%; top: 50%;width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.embedded:not(.main-art-img) img {width: auto !important; max-width: 100%;}
.wrap-img img.portrait, .with-img img.portrait { height: 100%; width: auto; }
.embedded:not(.main-art-img) img.portrait {height: auto; width: auto; max-height: 100%;}

.partner-logo { margin-top: 20px; }
.partner-logo a { display: block; height: 100px; }
.partner-logo a img { display: block; max-height: 100px; margin: 0 auto; max-width: 100%; position: relative;  top: 50%; transform: translateY(-50%);  }

.partner-logo .col-md-3:nth-child(n+5) { margin-top: 20px; }
.white-box.row.article-body.similar.gallery {padding-bottom: 10px !important;}
.white-box.row.article-body.similar.gallery .row {margin-top:0 !important;}

.partner-logo a.gallery-element {  float: left;   padding: 10px;  width: 20%;  }
.partner-logo a.gallery-element img { max-height: 100%;  }


.wrapper > .col-xs-4 {
  margin: 0;
  padding: 0;
}


/* NEW MENU */
/* NEW MENU */
/* NEW MENU */
.navbar i {line-height: inherit;}
.navbar-default { border: 0; background-color: #495971; color: #fff; margin: 0; }
.navbar-collapse { padding: 0; }
.navbar-nav > li > .link-span { display: inline-block; padding: 0 20px; line-height: 64px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.navbar-nav > li > .link-span.expand { padding: 0; }

.navbar-header .navbar-brand { display: block; background: url("../img/logo-techsoup-pl.jpg") no-repeat left center #fafafa; height: 64px; font-size: 19px; font-weight: 700; text-transform: uppercase; color: #ff8300; width: 163px; padding: 0; margin: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.navbar-header .navbar-brand:focus,
.navbar-header .navbar-brand:hover { background-color: #fafafa; cursor: pointer; }
.navbar > .container .navbar-brand { margin-left: 0; }

.header-wrapper.navbar-default .navbar-nav.navbar-right > li { position: static; border-left: 1px solid #eaeaea; font-weight: 600; float: left; }
.header-wrapper.navbar-default .navbar-nav.navbar-right > li:last-of-type { border-right: 1px solid #eaeaea; }
.header-wrapper.navbar-default .navbar-nav.navbar-right > li > .link-span { background-color: #fafafa; color: #555555; font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: center; display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.header-wrapper.navbar-default .navbar-nav.navbar-right > li > span:focus,
.header-wrapper.navbar-default .navbar-nav.navbar-right > li > span:hover { background-color: #0581af; color: #fff; }
.header-wrapper.navbar-default .navbar-nav.navbar-right > li > .link-span.orange { color: #ff8300; }
.link-span .toggle i { color: #555555; font-size: 1.3em; vertical-align: sub; margin-left: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.link-span.orange .toggle i { color: #ff8300; }
.link-span .toggle:hover i,
.link-span .toggle:focus i { color: #fff; }

.header-wrapper.navbar-default .navbar-nav.navbar-right .dropdown-menu { padding: 0; border: none; border-radius: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
.header-wrapper.navbar-default .navbar-nav.navbar-right .dropdown-menu > li { background-color: #f4f4f4; color: #495971; padding: 8px 15px; cursor: pointer; }

.header-wrapper { background-color: #fafafa; border-top: 2px solid #ff8300; width: 100%; border-radius: 0; }
.header-wrapper .header.container { padding: 0; margin-bottom: 0; position: relative; z-index: 110; }
.header-wrapper .header .navbar-nav { margin: 0; }
.header-wrapper .header .navbar-toggle { height: 64px; width: 64px; padding: 0; border: 0; margin: 0; border-radius: 0; }
.header-wrapper .header .navbar-toggle:hover,
.header-wrapper .header .navbar-toggle[aria-expanded="true"] { background-color: #ff8300; }
.header-wrapper .header .navbar-toggle[aria-expanded="true"] .icon-bar { background-color: #fff; }
.header-wrapper .header .navbar-toggle .icon-bar { margin: 0 auto; height: 4px; width: 26px; background-color: #555555; }
.header-wrapper .header .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.header-wrapper .header .navbar-toggle:hover .icon-bar,
.header-wrapper .header .navbar-toggle:focus .icon-bar { background-color: #fff; }

.drawer-wrapper.row { margin: 0; }
.drawer-wrapper .toggle { position: relative; cursor: pointer; padding: 0 16px; margin: 0; display: block; font-weight: 600; height: 64px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.drawer-wrapper .toggle:focus, .toggle:hover { color: #fff; background-color: #0581af; }
.drawer-wrapper .menu-arrow { position: absolute; left: 0; right: 0; margin: 0 auto; visibility: hidden; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #0ba1d8 transparent; }
.orange-drop .drawer-wrapper .menu-arrow { border-color: transparent transparent #ea7929 transparent; }
.drawer-wrapper .section > .menu-arrow { border-color: transparent transparent #12b5f0 transparent; opacity: 0; bottom: -8px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.drawer-wrapper .section[aria-expanded="true"] > .menu-arrow { visibility: visible; opacity: 1; bottom: 0; }

.menubar { position: absolute; top: 64px; left: 0; right: 0; background: transparent; color: #fff; margin: 0 auto; display: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.menubar.container { padding: 0; }
.menubar ul { list-style-type: none; margin: 0 auto; padding: 0; background-color: #0ba1d8; border-radius: 0 0 4px 4px; text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
  -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15); }
.menubar ul li { position: static; display: inline-block; margin: 0 auto; }
.menubar ul li i { vertical-align: sub; text-shadow: 1px 1px rgba(255, 255, 255, 0.25); color: #006e96; margin-right: 10px; font-size: 1.75em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
.menubar ul li .toggle i { vertical-align: sub; text-shadow: 1px 1px rgba(255, 255, 255, 0.25); color: #006e96; }
.menubar ul li .toggle . i { color: #fff; }
.menubar ul li:hover i,
.menubar ul li:focus i { text-shadow: 1px 1px rgba(0, 0, 0, 0.25); color: #fff; }
.orange-drop .menubar ul { background-color: #ea7929; }
.orange-drop .menubar ul li i { color: #ba5a15; text-shadow: 1px 1px rgba(255, 255, 255, 0.25); }
.orange-drop .menubar ul li:hover i,
.orange-drop .menubar ul li:focus i { text-shadow: 1px 1px rgba(0, 0, 0, 0.25); color: #fff; }

.menubar > ul.drawer-menu > li { position: static; text-align: center; vertical-align: top}
.menubar > ul.drawer-menu > li span.section { display: block; text-transform: none; cursor: pointer; padding: 0 20px; margin-top: 0; line-height: 80px; font-size: 16px; color: #fff; font-weight: 600; text-shadow: 1px 1px rgba(0, 0, 0, 0.25); position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.menubar > ul.drawer-menu > li ul.drawer-menu { background-color: #12b5f0; font-size: 14px; font-weight: 400; }

.menubar > ul.drawer-menu > li .panel-collapse { background-color: #fafafa; width: 100%; }
.menubar > ul.drawer-menu > li .panel-collapse li { position: relative; font-size: 14px; font-weight: 400; color: #fff; display: block; float: left; }
.menubar > ul.drawer-menu > li .panel-collapse li:hover,
.menubar > ul.drawer-menu > li .panel-collapse li:focus { background-color: #f4f4f4; cursor: pointer; color: #495971; }
.menubar > ul.drawer-menu > li .panel-collapse li span { background-color: #12b5f0; line-height: 58px; font-size: 14px; font-weight: 400; border-bottom: 2px solid #12b5f0; padding-top: 0; }
.menubar > ul.drawer-menu > li .panel-collapse li span:hover,
.menubar > ul.drawer-menu > li .panel-collapse li span:focus { color: #00597a; text-shadow: 1px 1px rgba(255, 255, 255, 0.25); border-bottom: 2px solid #00597a; }

.menubar > ul.drawer-menu li > .panel-collapse { position: absolute; top: 100%; width: auto; background-color: #12b5f0; overflow: hidden; }

.menutoggler { display: none; }

.menutoggler:checked + .drawer-wrapper .menubar { display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.menutoggler:checked + .drawer-wrapper .toggle { background-color: #0581af; color: #fff; }
.menutoggler:checked + .drawer-wrapper .toggle i { color: #fff; text-shadow: none; }
.menutoggler:checked + .drawer-wrapper .toggle .menu-arrow { visibility: visible; bottom: 0; }

/*customized switch checkbox */
.switch-wrap .label { display: none;  -webkit-font-smoothing: antialiased; color: #999; font-size: 12px; font-weight: 400;}
.switch-wrap .switch {  float: right; position: relative;  display: inline-block;  width: 50px;  height: 24px;  }
.switch-wrap input + .slider {content: "public"}
.switch-wrap .switch input {display:none;}
.switch-wrap .slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;  }
.switch-wrap .slider:before {  position: absolute;  content: "";  height: 20px;  width: 20px;  left: 2px;  bottom: 2px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;  }
.switch-wrap input:checked + .slider {  background-color: #62ac20;  }
.switch-wrap input:focus + .slider {  box-shadow: 0 0 1px #62ac20;  }
.switch-wrap input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);  }
.switch-wrap .slider.round {  border-radius: 34px;  }
.switch-wrap .slider.round:before {  border-radius: 50%;  }
.switch-wrap input:checked ~ .label.on,
.switch-wrap input:not(:checked) ~ .label.off { display: block; position: absolute; left: -85px; height: 30px; top:0;  }
.switch-wrap .label.on {color: #555;}


/*lightbox gallery modal styles */
.lightbox-modal .modal-body,
.lightbox-nav .btn-group,
.lightbox-nav {position: static; margin-bottom: 17px;}
.lightbox-nav {height:0; bottom:0;}
.lightbox-nav button.close {width: 30px; margin-top:0; right: 5px;}
.lightbox-nav .btn-default {
  border-color: transparent;
  display: none;
  background: transparent;
}
.lightbox-nav .btn-group > .btn:first-child,
.lightbox-nav .btn-group > .btn:last-child,
.lightbox-nav .btn-group > .btn:first-child:hover,
.lightbox-nav .btn-group > .btn:last-child:hover {
  display: block;
  color: transparent;
  height: 22px;
  left: 10px;
  position: absolute;
  top: auto;
  width: 20px;
  box-shadow: none;
  bottom: 6px;
  opacity: 0.25;

}
.lightbox-nav .btn-group > .btn:first-child:hover,
.lightbox-nav .btn-group > .btn:last-child:hover {
  background: transparent;
  color: transparent;
  opacity: 1;
}

.lightbox-nav .btn-group > .btn:first-child:focus,
.lightbox-nav .btn-group > .btn:last-child:focus {
  outline: none;
}

.lightbox-nav .btn-group > .btn:first-child::before,
.lightbox-nav .btn-group > .btn:last-child::before {
  content: "\f053";
  display: block;
  font-size: 20px;
  height: 22px;
  color: #555555;
  width: 20px;
  text-align: left;
  font-family: 'FontAwesome';
}
.lightbox-nav .btn-group > .btn:last-child:hover,
.lightbox-nav .btn-group > .btn:last-child { left: auto; right: 10px}
.lightbox-nav .btn-group > .btn:last-child::before {  content: "\f054"; }
.lightbox-image-container {   padding-bottom: 50px;}



/* styles from admin.css */

/*html { height: 100%; }
body { min-height: 100%; padding: 80px 0 30px 0; color: #272b2c; font-weight: normal; font-family: 'Titillium Web', sans-serif; }*/
/*.admin * {font-family: 'Titillium Web', sans-serif;}*/
.admin-main-wrapper {background-color: #fff;}
.admin.container {margin-bottom:0; }
form .admin.container { margin-top: 0; margin-bottom: 0; padding-top: 90px; padding-bottom: 30px; }
.admin .row > *:first-child {    padding-left: 0;}
.admin .input-group-addon {line-height: 18px;}

dl.admin-dl { display: block; margin: 0; }
dl.admin-dl dt { padding: 0; font-weight: 800; font-size: 16px; margin-bottom: 5px; }
dl.admin-dl dd { padding: 0; margin-bottom: 20px; }
h1.admin { font-size: 26px; font-weight: 600; padding: 0; margin: 0; line-height: 62px; color: #84418f; }
h2.admin { font-size: 22px; font-weight: 600; background-color: #f0f2f4; padding: 6px 12px; margin: 0 0 20px; border-radius: 4px; }
h3.admin { font-size: 16px; font-weight: 800; padding: 0; }

.cursor-pointer { cursor: pointer !important; }
.bg-white { background-color: #FFFFFF !important; }
.no-clear button[ng-click^="select(null)"] { display: none !important; }
a[ng-click] { cursor: pointer; }

.error {color: red;}
.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-20 { margin-top: 20px; }
.m-b-15 {margin-bottom: 15px !important;}

.glyphicon.admin { line-height: inherit; }
.text-purple { color: #84418f; }
.btn.admin { font-size: 13px; font-weight: 600; text-transform: uppercase; }
.full-width { width: 100%; }
.display-none { display: none; }
.short-input { width: 50%; }
.form-control.admin { padding: 5px 12px; max-width:100%;}

.navbar-default.admin { background-color: #f0f2f4; border: 0; }
.navbar-nav.admin > li > a { padding-top: 0; padding-bottom: 0; line-height: 60px; font-weight: 700; font-size: 16px; }
.navbar-default .navbar-nav.admin > li > a { color: #84418f; background-color: transparent; }
.navbar-default .navbar-nav.admin > li > a:focus,
.navbar-default .navbar-nav.admin > li > a:hover,
.navbar-default .navbar-nav.admin > .active > a,
.navbar-default .navbar-nav.admin > .active > a:focus,
.navbar-default .navbar-nav.admin > .active > a:hover { background-color: #e2e4e6; color: #84418f; }
.navbar.admin > .container .navbar-brand,
.navbar.admin > .container-fluid .navbar-brand { margin-left: 0; }
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse { max-height: none; }
.navbar-brand.admin { background: url("../img/logo-techsoup-crm.png") no-repeat center center; display: block; width: 160px; margin-right: 30px; height: 60px; text-indent: 200%; white-space: nowrap; overflow: hidden; }
.navbar-nav.admin .text { display: none; }
.navbar-nav.admin .glyphicon { color: #a8b2b8; }

.breadcrumb.admin { background-color: transparent; padding: 0; margin: 0; }
.breadcrumb.admin a { font-size: 11px; color: #99a8b1; }
.breadcrumb.admin li { font-size: 11px; color: #272b2c; }

.summary-buttons { border-top: 1px solid #dce1e4; padding: 20px 0 0; margin-top: 20px; }
.summary-buttons .btn .glyphicon { margin-right: 5px; }

.section { margin: 0 0 50px; }
.section:last-of-type { margin-bottom: 0; }
.subsection { margin: 20px 0; }
.subsection:last-of-type { margin-bottom: 0; }
.subsection h3 { margin: 0 0 10px 0; }
.subsection .list-group-item { padding: 4px 8px;  }
.subsection .list-group-item .title-span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.subsection .list-group-item.with-menu { padding-right: 50px !important; }
.subsection .list-group-item input { width: 100%; }
.subsection .list-group-item.selected { background-color: #F0F2F4; }
.subsection .list-group-item .badge { display: none; padding: 0; background-color: #d9534f; height: 18px; width: 18px; line-height: 18px; text-align: center; cursor: pointer; position: absolute; right: 5px; top: 4px; }
.subsection .list-group-item .badge.visible { display: block; }
.subsection .list-group-item:hover .badge { display: block; }
.subsection .list-group-item .badge.violet { background-color: #84418f; }
.subsection .list-group-item .badge.blue { background-color: #4148b8; }
.subsection .badge .glyphicon { font-size: 10px; top: 0; color: #fff; }
.subsection .badge.preview { right: 30px; }
.list-group-item > .badge + .badge { margin-right: 0; }
.subsection.small { margin: 10px 0; }

.lang-tab li a { color: #84418f; }
.lang-tab li a i.glyphicon { font-size: 12px; }
.lang-tab.nav > li > a:hover:not(.active),
.lang-tab.nav > li > a:focus:not(.active) { background-color: #f0f2f4; }

.options { width: 100px; font-size: 12px; }
.options a { color: #333; }
.options ul { list-style: none; padding: 0; }
treecontrol.tree-classic li .tree-selected { background-color: #f0f2f4; }

.mce-container {max-width:100% !important;}

@media (min-width: 1680px) {
    .admin.container { width: 1600px; }
}

@media (max-width: 768px) {
    .navbar > .container .navbar-brand.admin,
    .navbar > .container-fluid .navbar-brand.admin { margin-left: 15px; }
    .navbar-nav.admin > li > a { text-align: center; }
    .navbar-nav.navbar-right.admin a { color: #84418f; }
    .navbar-nav.navbar-right.admin a .glyphicon { margin-right: 5px; color: #84418f; }
    .navbar-default .navbar-nav.navbar-right.admin > li > a .text { display: inline; }

    .white-box.similar button {float: none !important}
}

/*end of styles from admin.css */





/* MEDIA QUERIES */
/* MEDIA QUERIES */
/* MEDIA QUERIES */
/* MEDIA QUERIES */
/* MEDIA QUERIES */

@media (max-width: 1200px) {
  .navbar-header .navbar-brand { /*width: 100px;*/ background-size: 100%; }
  .drawer-wrapper .toggle { padding: 0 12px; }

  .banner { padding: 20px 0; }
  .banner .carousel { width: 970px; }
  .white-box.product-program-wrapper {padding: 0;}
  .program-product {padding:0;}
  .program-product .product {border-width: 1px 0 0; border-radius:0; }
  .program-product:first-child .product {border-top: 0; }
  .program-product .white-box .btn.btn-transparent {width: auto;}
  .program-product .with-txt { padding-left: 10px; padding-right: 0;}
  .results h2, .filters h2 {font-size: 16px;}
  .results h2 span, .filters h2 span {font-size: 14px;}
  .results-header .form-control {width: 75px;  height: 50px; font-size: 25px;}
  .results-header h3 span {font-size:25px;}
  .results h3,  .filters h3, .related h3 {font-size: 17px;}
  .list-of-results .similar h3 {font-size: 22px;}
  .list-of-results .similar p  {font-size: 17px;}
  .listed-article p + a { font-size: 17px; }

  .white-box.pagi li {width:30px; height: 30px; margin-right: 10px;}
  .white-box.pagi li a {  line-height: normal; width: 30px;  height: 30px;  font-size: 18px;}
  .wrapper p.featured {font-size: 19px; line-height: 22px;}
  .wrapper .related p:not(.featured) {font-size: 20px;}
  .wrapper .related .btn.btn-transparent {height: auto; font-size: 22px; padding: 4px; font-weight: 600;}
  .results li, .filters li {font-size: 17px;}
  .white-box.filters .list-inline button {font-size: 17px; line-height: 24px;}
  .banner h1 {font-size: 40px;}
  .results-header .form-control {width: 75px;  height: auto; font-size: 17px;}
  .results-header h3 span {font-size:25px;}
  .checklist input {width: 20px; height:20px;}
  .btn.btn-art-tag {font-size: 17px; padding: 2px 6px; margin-bottom: 2px;}
  .white-box.results-header > h3 > span {font-size: 17px;}
  .results-header .breadcrumb { padding-top: 10px; }
  .white-box:last-child {margin-bottom: 20px; }

  .breadcrumbs .breadcrumb li a, .breadcrumb li, .list-of-results .article-prop, .similar .article-prop, .list-of-results .article-prop, .similar .article-prop {font-size: 17px; font-weight:500;}
  .container.banner { padding: 20px 0 10px; }
  .banner .carousel { width: 100%; overflow: hidden; }
  .columns .col-md-4.article { width: 50%; display: inline-block; }
  .col-md-12.col-sm-6.col-xs-12:not(:last-child) { margin-bottom:10px; }

  .main-content .nav.nav-tabs li a { padding-left: 2px; padding-right: 2px; font-size: 12px; line-height: 20px; }
  .article .title-text { padding: 0 30% 0 0; }
  .article-prop .sharing, .sharing { clear: both; font-size: 17px; float: left; margin-bottom: 10px; width: 100%; text-align: left; }
  .article-prop .sharing a, .sharing a { width: 32px; height: auto; display: block; padding: 3px; }
  .article-prop .sharing .list-inline > li { margin-left: 10px; }
  .list-of-results .article-prop li, .similar .article-prop li { font-size: 15px; }
  .white-box.product-title button { float: left !important; }
  .above-art ul { margin-bottom: 10px; }

  .main-content .nav-description,
  .main-content .nav-description p { font-size: 17px; }
  .main-content dd, .main-content dt { font-size: 17px; }

  .white-box .btn.btn-transparent { width: auto; }
  .container.banner { padding: 20px 0 10px; }
  .banner .carousel { width: 100%; overflow: hidden; }
  .columns .col-md-4.article { width: 50%; display: inline-block; }
  .col-md-12.col-sm-6.col-xs-12:not(:last-child) { margin-bottom:10px; }
  .calendar .date { /*height: 100px;*/  vertical-align: top; }
  .calendar .event { max-width: 150px; }
  .main-content .nav.nav-tabs li a { padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 20px; }
  .article .title-text { padding: 0 30% 0 0; }
  .white-box.article-body { font-size: 17px; }
  .white-box.article-body p { font-size: 17px; margin-bottom: 20px; }
  .white-box.article-body .description { margin-bottom: 20px; }
  .related.art p a { font-size: 17px; }
  .white-box.related .list-of-tags { margin-top: 5px; }
  .main-content .product-title h1, .main-content .article-header h1 { margin-bottom: 0; display: block; }
  .footer > .col-md-6:first-child, .footer > .col-sm-6:first-child { padding-left: 10px; }
  .footer > .col-md-6:last-child, .footer > .col-sm-6:last-child { padding-right: 10px; }
  .white-box.product-title .product-title, .white-box.product-title .product-price { width: 100%; padding-left: 0; padding-right: 0; }
  .container.breadcrumbs .breadcrumb, .breadcrumbs .breadcrumb li a, .breadcrumbs .breadcrumb li { line-height: normal; font-size: 17px; }
  .main-content .under-h { font-size: 17px; }
}
@media (max-width: 1200px) and (min-width:993px) {
  .list-btn-filters li.pull-right {float: none !important; margin-top: 10px;}

}

@media (max-width: 992px) {
  /* new menu */
  .navbar-header .navbar-brand { width: 163px; background-size: auto; }
  .navbar-collapse { border-bottom: 1px solid #eaeaea; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15); z-index: 1000; position: absolute; width: 100%; }
  .navbar > .container .navbar-brand { margin-left: 0; }
  .navbar-default .navbar-nav.navbar-right > li { width: 100%; padding: 0; text-align: center; border: 0; }
  .navbar-default .navbar-nav.navbar-right > li:last-of-type { border: 0; }
  .navbar-default .navbar-nav.navbar-right > li > .link-span { width: 100%; line-height: normal; }
  .drawer-wrapper { line-height: normal; border-radius: 0; }
  .drawer-wrapper .toggle { width: 100%; line-height: normal; padding: 20px; position: relative; font-size: 16px; }
  .drawer-wrapper .section[aria-expanded="true"] > .menu-arrow { bottom: auto; top: 78px; }
  .header-wrapper .header .navbar-nav { background-color: #fafafa; }
  .header-wrapper .header.container { padding: 0; border-bottom: 1px solid #eaeaea; }
  .menubar { position: relative; top: auto; left: auto; right: auto; width: 100%; padding: 0; }
  .menubar ul { border-radius: 0; }
  .menubar ul li i { margin-bottom: 5px; font-size: 2em; }
  .menubar > ul.drawer-menu { width: 100%; }
  .menubar > ul.drawer-menu > li { width: 100%; }
  .menubar > ul.drawer-menu > li span.section { line-height: normal; padding: 13px 20px; font-size: 16px; }
  .menubar > ul.drawer-menu > li .panel-collapse li { float: none; }
  .menubar > ul.drawer-menu > li .panel-collapse li span { line-height: normal; width: 100%; padding: 20px; font-size: 16px; }
  .menubar > ul.drawer-menu > li > span[aria-expanded="true"],
  .menubar > ul.drawer-menu > li > .panel-collapse[aria-expanded="true"] li { display: block; }
  .menubar > ul.drawer-menu li > .panel-collapse { top: auto; position: relative; line-height: normal; }
  .menutoggler:checked + .drawer-wrapper .toggle .menu-arrow { visibility: visible; top: auto; bottom: 0; }
  .navbar-collapse.in { overflow: hidden; }
  .lang-responsive { display: inline; margin-right: 5px; }

  .navbar-header { float: none; }
  .navbar-left,.navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-collapse.collapse { display: none!important; }
  .navbar-nav>li { float: none; }
  .collapse.in{ display:block !important; }
  /* end of new menu */


  .container.banner {padding: 20px 0 10px;}
  .banner .carousel {width: 100%; overflow: hidden;}
  .banner .carousel p { font-size: 26px; }
  .banner h1 {font-size: 40px;}
  .item .col-md-6, .item .col-md-8 {width: 750px; left: 0; padding-left:30px; padding-right:30px;}
  .img-overlay {background-color: rgba(0,0,0,0.5);}
  .carousel-indicators li, .carousel-indicators li.active {height: 24px; width: 24px; }
  .article:not(.related), .product:not(.related) { max-width: 100%; overflow: hidden; margin: 0 auto 20px; height: auto; padding: 30px 20px; }
  .columns .articles h3, .columns .tutorials h3, .columns .products h3 {text-align: center; background-image: none;}
  .columns .product .col-md-4 , .columns .product .img-wrapper { height: 160px; }
  .columns, .columns .articles, .columns .products, .columns .tutorials {padding:0; clear:both}
  .col-md-12.col-sm-6.col-xs-12:first-of-type {padding-right: 10px;}
  .col-md-12.col-sm-6.col-xs-12:last-child  {padding-left:  10px;}
  .col-md-12.col-sm-6.col-xs-12 { /*float: none;*/  margin: 0 auto;}
  .team {background-position:center; background-repeat: no-repeat; background-size: cover; height: auto}
  .team .col-md-3 {padding-left:0;}
  .team .btn {float: left !important;}
  .calendar .event {  max-width: calc(100% - 60px); padding-top: 5px;}
  .calendar .event p:last-of-type {margin-top:10px ;}
  .company-data h3 { font-size: 30px; }
  .company-data h3, .company-data p.small { text-align: center;}
  .company-data p.small { font-size: 19px; }
  .company-data .col-md-6:first-child, .company-data .col-md-6:last-child {padding:0;}
  .company-data .col-md-6:not(:first-child) h3 {margin-top:30px; border-top: 1px solid #df8349; padding-top:30px;}
  .company-data .col-md-6:first-of-type {border-right:0;}
  .footer .col-sm-6 .col-md-6:last-child { margin-top: 30px; }
  .main-content .col-md-9, .main-content .col-md-3, .listed-search.main-content .col-md-9, .listed-search.main-content .col-md-3 {padding:0;}
  .main-content:not(.listed-search) .col-md-3, .listed-search.main-content .col-md-9 {margin-top: 20px;}
  .col-md-9.listed-title {margin-top:0 !important;}
  .white-box.related {padding:  15px 20px;}
  .related.product .col-md-6.with-img {height:100px;}
  .related:not(:last-child) {border-right: 1px solid #f1f1f1;}
  .white-box.results ul:not(.list-of-tags) li, .white-box .before-cross li, .white-box .checklist li {margin-bottom:0; display: inline-block; padding-right: 30px;}
  .wrapper {padding-bottom: 20px;}
  .columns .product h4 { font-size: 24px; }
  .columns .product p { font-size: 22px; margin-bottom: 30px; }
  .columns .product .btn.btn-transparent { font-size: 22px; line-height: normal; }
  .bg-image { padding-bottom: 0; }
  .white-box.product-title button { margin: 20px 0; }
  .white-box.product-title .product-title,
  .white-box.product-title .product-price { padding: 0; }
  .white-box.product-description .col-xs-4:first-child { margin-bottom: 20px; }
  .white-box.product-description img { max-width: 100%; }
  .container.breadcrumbs .breadcrumb { display: none; }
  .search.main { margin: 0; }
  .columns > .articles,
  .columns > .tutorials,
  .columns > .products { width: 100%; }
  .columns > .articles img,
  .columns > .tutorials img,
  .columns > .products img {height: auto;}
  .columns > .articles .article:not(.related),
  .columns > .tutorials .article:not(.related),
  .columns > .products .product:not(.related) { min-height: 200px; }
  .columns > .articles,
  .columns > .articles,
  .columns > .products { padding: 0; }
  .columns > .col-md-4:last-of-type { margin-bottom: 0; }
  .columns > .col-md-4{ width: 100%; margin-left: auto; margin-right: auto; clear: both; }
  .columns h3 { font-size: 30px; }
  .calendar .col-md-3.col-xs-6 { width: 100%; margin-bottom: 15px; }
  .calendar .col-md-3.col-xs-6:last-of-type { margin-bottom: 0; }
  .calendar .col-md-3.col-xs-6 .event p { font-size: 20px; line-height: normal; }
  .calendar .col-md-3.col-xs-6 .event p.title { font-size: 25px; }
  .col-md-12.col-sm-6.col-xs-12 { margin-bottom: 10px; }
  .col-md-12.col-sm-6.col-xs-12:last-of-type { margin-bottom: 0; }
  .col-md-12.col-sm-6.col-xs-12:last-of-type div:last-of-type { margin-bottom: 20px; }
  .article .title-text { padding: 0 20% 0 0; }
  .calendar > .row  .col-md-6.col-xs-6 { padding: 0; margin: 0 auto; }
  .calendar > .row  .col-md-6.col-xs-6:first-of-type { margin-bottom: 10px; }
  .header-wrapper .header.container { padding: 0; }
  .footer .col-sm-6 .col-md-6:last-child { margin-top: 30px; }
  .listed-article.row, .listed-product.row { padding-left: 0; margin-bottom: 50px; }
  .listed-article.row:last-child, .listed-product.row:last-child { margin-bottom: 30px; }
  /*.navbar > .container .navbar-brand { margin-left: 15px; }*/
  .listed-article .embedded, .listed-product .embedded, .partner-logo .embedded { clear: both; float: none; margin-right: 0; position: relative; width: 100%; }
  .partner-logo a.gallery-element {  float: left;   padding: 10px;  width: 25%;  }

}

@media (max-width: 768px) and (min-width: 600px) {
  .navbar > .container .navbar-brand { margin-left:10px; }
  .col-md-12.col-sm-6.col-xs-12 {float: none; margin: 0 auto 10px;}
  .col-md-12.col-sm-6.col-xs-12:last-of-type {margin-bottom:20px}
  .col-md-12.col-sm-6.col-xs-12:first-of-type {padding-right: 0;}
  .col-md-12.col-sm-6.col-xs-12:last-child  {padding-left:  0;}
  .main-content {padding: 0 15px;}
  .search.main, .team, .calendar, .company-data, .article:not(.related), .product:not(.related) { border-radius: 0; }
  .container.banner { padding: 20px 0 10px; }
  .header-wrapper .header.container { padding: 0 15px; }
  .navbar > .container .navbar-brand { margin-left: 15px; }
  .banner .carousel {width: 100%; overflow: hidden;}
  .carousel-indicators li, .carousel-indicators li.active {height: 32px; width: 32px; border-width: 3px;}
  .item .col-md-6, .item .col-md-8 {width: auto; max-width: 600px; left: 0; padding-left:30px; padding-right:30px;}
  .img-overlay {background-color: rgba(0,0,0,0.5);}
  .columns .articles, .columns .tutorials, .columns .products,
  .columns .articles > div, .columns .tutorials > div, .columns .products > div { padding: 0; }
  .columns .articles h3, .columns .tutorials h3, .columns .products h3 {text-align: center; background-image: none;}
  .columns > .articles .article:not(.related),
  .columns > .tutorials .article:not(.related),
  .columns > .products .product:not(.related) {  height: auto; }
  .columns > .col-md-4 { margin-left: auto; margin-right: auto; clear: both; }
  .team { background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; }
  .team .col-md-3 {padding-left:0;}
  .team .btn {float: left !important;}
  .calendar .event { max-width: 70%; padding-top:0;}
  .company-data {padding:20px;}
  .company-data .data {margin-bottom: 20px; padding-left: 70px;}
  .company-data .data > .fa { font-size: 40px; width: 50px; }
  .company-data h3 { font-size: 30px; }
  .company-data h3, .company-data p.small { text-align: center;}
  .company-data p.small { font-size: 19px; }
  .company-data h4 {font-size: 30px;}
  .company-data .col-md-6:first-child,   .company-data .col-md-6:last-child {padding:0;}
  .company-data .col-md-6:not(:first-child) h3 {margin-top:30px; border-top: 1px solid #df8349; padding-top:30px;}
  .company-data .col-md-6:first-of-type {border-right:0;}
  .footer .container {padding: 60px  20px;}
  .list-of-results .white-box.product.related.row .col-md-6.col-xs-6 {width: 100%;}
  .col-md-3.col-md-pull-9 {margin-top: 30px;}
  .main-content .col-md-9, .main-content .col-md-3, .listed-search.main-content .col-md-9, .listed-search.main-content .col-md-3 {padding:0;}
  .main-content:not(.listed-search) .col-md-3, .listed-search.main-content .col-md-9 {margin-top: 20px;}
  .related.product .col-md-6.with-img {height:100px;}
  .white-box.related {padding:  15px 20px;}
  .listed-article .button-listed {text-align: left; margin-bottom:10px;}
  .button-listed button {  font-size: 18px !important;  padding: 6px 8px !important;  }
  .related:not(:last-child) { border-right: 1px solid #f1f1f1; }
  .white-box.results ul:not(.list-of-tags) li, .white-box .before-cross li, .white-box .checklist li { margin-bottom: 0; display: inline-block; padding-right: 30px; }
  .main-content .product-description img {max-width:90%;}
  .token-list td {font-size:12px;}
  .listed-article.row, .listed-product.row { padding-left: 0; }
  .listed-article .embedded, .listed-product .embedded, .partner-logo .embedded { clear: both; float: none; margin-right: 0; position: relative; width: 100%; }
  .article:not(.related), .product:not(.related) { max-width: 100%; overflow: hidden; margin: 0 auto 20px; height: auto; padding: 30px; }
  .columns .product h4 { font-size: 24px; }
  .columns .product p { font-size: 22px; margin-bottom: 30px; }
  .columns .product .btn.btn-transparent { font-size: 22px; line-height: normal; }
  .banner .carousel p { font-size: 26px; }
  .banner h1 {font-size: 40px;}
  .white-box.product-title button { width: 100%; margin: 20px 0; }
  .partner-logo a.gallery-element { width: 33.33%; height: 70px; }



}

@media (max-width: 599px) {
    .navbar > .container .navbar-brand { margin-left:10px; }
  .search.main, .team, .calendar, .company-data, .article:not(.related), .product:not(.related) { border-radius: 0; }
  .container.search {margin: 0 auto; margin-top: -20px;}
  .container.banner {padding: 20px 0 10px;}
  .header-wrapper .header.container { padding: 0 15px; }
  /*.navbar > .container .navbar-brand { margin-left: 15px; }*/
  .banner .carousel {width: 100%; overflow: hidden;}
  .banner .col-xs-12 {width:auto;}
  .carousel-indicators li, .carousel-indicators li.active {height: 32px; width: 32px; border-width: 3px; }
  .img-overlay {background-color: rgba(0,0,0,0.5);}
  .banner h1 {font-size:40px; }
  .columns .articles h3, .columns .tutorials h3, .columns .products h3 {text-align: center; background-image: none;}
  .columns .product h4 { font-size: 24px; }
  .columns .product p { font-size: 22px; margin-bottom: 30px; }
  .columns .product .btn.btn-transparent { font-size: 22px; line-height: normal; }
 /* .columns > .articles .article:not(.related),
  .columns > .tutorials .article:not(.related),
  .columns > .products .product:not(.related) { min-height: inherit; height: auto; }*/
  .banner .carousel p { font-size: 26px; }
  .banner h1 {font-size: 40px;}
  .team {background-position:center; background-repeat: no-repeat; background-size: cover; height: auto}
  .team .col-md-3 {padding-left:0;}
  .team .btn {float: left !important;}
  .calendar .col-md-3 { width: 100%;}
  .calendar .event { max-width: 75%;  padding-top:0; }
  .company-data {padding: 30px 20px;}
  .company-data h3 { font-size: 30px; }
  .company-data h3, .company-data p.small { text-align: center;}
  .company-data p.small { font-size: 19px; }
  .company-data h4 {font-size: 30px;}
  .company-data .col-md-6:first-child,   .company-data .col-md-6:last-child {padding:0;}
  .company-data .col-md-6:not(:first-child) h3 {margin-top:20px; border-top: 1px solid #df8349; padding-top:20px;}
  .company-data .col-md-6:first-of-type {border-right:0;}
  .company-data .data {background-position: 20px center; padding-left: 70px; padding-right: 20px; margin-bottom: 20px;}
  .company-data .data > .fa { font-size: 40px; width: 50px; }
  .footer .col-sm-6.col-xs-6,   .footer .col-sm-6 .col-md-6 {padding:0; width: 100%;}
  .footer .white-line {margin-top: 20px;}
  .footer .col-md-6, .footer .col-sm-6 {padding-left:0;}
  .footer .col-sm-6.col-xs-6:last-child,  .footer .col-sm-6.col-xs-6:last-child .col-md-6 {padding-left:0;}
  .footer .col-xs-6:first-child .col-md-6:last-child, .footer .col-xs-6:last-child .col-md-6 { margin-top: 30px;}
  .footer .container {padding: 60px  20px;}
  .product.related .col-xs-6 {width:100%;}
  .product-description .col-xs-4:not(.product) { width:50%; padding: 0; }
  .product-description .col-md-4:first-child, :not(.user-profile) .col-xs-6,  .product-title .col-xs-5, .product-title .col-xs-7, .product-description .col-xs-4.product {width:100% !important;}
  .col-md-3.col-md-pull-9 {margin-top: 30px;}
  .main-content .col-md-9, .main-content .col-md-3, .listed-search.main-content .col-md-9, .listed-search.main-content .col-md-3 {padding:0;}
  .main-content:not(.listed-search) .col-md-3, .listed-search.main-content .col-md-9 {margin-top: 20px;}
  .related.product .col-md-6.with-img {height:100px;}
  .related:not(:last-child) {border-right: 1px solid #f1f1f1;}
  .main-content .product-description img {max-width:150px;}
  .white-box.results ul:not(.list-of-tags) li, .white-box .before-cross li, .white-box .checklist li {margin-bottom:0; display: inline-block; padding-right: 30px;}
  .token-list td, .order-list td {font-size:10px; padding:24px 5px ;}
  .token-list th, .token-list  thead > tr > td, .token-list  tbody > tr > td, .token-list  tfoot > tr > td,
  .order-list th, .order-list  thead > tr > td, .order-list  tbody > tr > td, .order-list  tfoot > tr > td {padding-left: 5px; padding-right: 5px;}
  .listed-article.row, .listed-product.row { padding-left: 0; }
  .listed-article .embedded, .listed-product .embedded, .partner-logo .embedded { clear: both; float: none; margin-right: 0; position: relative; width: 100%; }
  .white-box.product-title button { width: 100%; margin: 20px 0; }
    .listed-article .button-listed {text-align: left; margin-bottom: 10px;}
  .button-listed button {  font-size: 18px !important;  padding: 6px 8px !important;  }
  .article:not(.related), .product:not(.related) { max-width: 100%; overflow: hidden; margin: 0 auto 20px; height: auto; padding: 30px; }
  .col-md-12.col-sm-6.col-xs-12 {float: none; margin: 0 auto 10px;}
  .col-md-12.col-sm-6.col-xs-12:last-of-type {margin-bottom:20px}
  .col-md-12.col-sm-6.col-xs-12:first-of-type {padding-right: 0;}
  .col-md-12.col-sm-6.col-xs-12:last-child  {padding-left:  0;}
    .partner-logo a.gallery-element { width: 33.33%; height: 50px; }

}

@media (max-width: 499px) {
  .hidden-xxs {display: none !important;}
  .visible-xxs {display: block !important;}
  .item .btn-lg,
  .banner ol {left:10%; right:10%; width:80%;}
  .item .btn-lg {bottom:100px; }

}

/* TODO: remove once localendar is no longer used */
#localendar-iframe,
#evenea-iframe {
    height: 1800px;
}

.expanded.container.main-content {
  width: 1250px;
}