/* Minification failed. Returning unminified contents.
(15,1): run-time error CSS1019: Unexpected token, found '@charset'
(15,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(15,17): run-time error CSS1019: Unexpected token, found ';'
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=af2cb4ce0fea128c0936)
 * Config saved to config.json and https://gist.github.com/af2cb4ce0fea128c0936
 *//*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .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-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .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-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .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-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}
@charset "UTF-8";

@font-face {
  font-family: "icons";
  src:url("../fonts/icons.eot");
  src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons.woff") format("woff"),
    url("../fonts/icons.ttf") format("truetype"),
    url("../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search-find:before {
  content: "a";
}
.icon-caret-left:before {
  content: "b";
}
.icon-caret-right:before {
  content: "c";
}
.icon-quote:before {
  content: "d";
}
.icon-caret-down:before {
  content: "e";
}
.icon-caret-up:before {
  content: "f";
}
.icon-rounded-caret:before {
  content: "g";
}
.icon-times:before {
  content: "h";
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#000;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.slick-lightbox.slick-hide{opacity:0}.slick-lightbox.slick-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox.slick-lightbox-ie.slick-hide,.slick-lightbox.slick-lightbox-ie.slick-hide-init{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox .slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption{margin-top:10px;color:#fff}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:focus{outline:none}.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}
.SlectBox { width: 200px; padding: 5px 8px;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

    .SumoSelect > .optWrapper > .options > li label, .SumoSelect > .CaptionCont { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont {box-shadow: 0px 0px 2px #7799D0;border-color: #7799D0;}
    .SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff; border-radius: 2px; margin: 0;}
        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:default;}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAOECFkUaSlOMAAAAsSURBVAjXY2DAAURcQECAgTkUCIKBAqZA2gBIM0O4IAEDMM0cDNWiwIAbAACYcga3T90TrgAAAABJRU5ErkJggg==');
                background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;background-repeat: no-repeat;opacity: 0.8;}
            .SumoSelect.upside > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAOECFkUaSlOMAAAApSURBVAiZY2DADRQgFHMwhDYNNQBzQ0ODIdxQkACQCxYQcQEBAVxmAQAi0ga3xIDTAAAAAABJRU5ErkJggg=='); }

    .SumoSelect > .optWrapper { top: 33px; width: 100%; position: absolute; left: 0; opacity: 0; visibility: hidden; transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -moz-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -ms-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -o-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -100; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
    .SumoSelect.upside > .optWrapper { top: auto; bottom: 33px; }
        .SumoSelect.open > .optWrapper { visibility: visible; opacity: 1; z-index: 1000; }

        .SumoSelect > .optWrapper > .options { list-style: none; display: block; padding: 0px; margin: 0px; overflow: auto; border-radius: 2px;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
             /*height*/ }
        .SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0px 0px 100px #595959;}
        .SumoSelect > .optWrapper > .options > li { padding: 6px 6px; border-bottom: 1px solid #F3F3F3; position: relative; }
            .SumoSelect > .optWrapper > .options > li:first-child { border-radius: 2px 2px 0px 0px; }
            .SumoSelect > .optWrapper > .options > li:last-child { border-bottom: none; border-radius: 0px 0px 2px 2px; }
            .SumoSelect > .optWrapper > .options > li:hover { background-color: #E4E4E4; }
            .SumoSelect > .optWrapper > .options > li.sel{background-color: #a1c0e4;}

            .SumoSelect > .optWrapper > .options > li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options > li span { display: none; }

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0px; left: 0px; right: 0px; width: 90%; bottom: 0px; margin: auto; max-height: 90%; }

    /*Hover*/
    /*.SumoSelect:hover > .CaptionCont > label { background-color: #F1F1F1; }*/

    /*disabled state*/
    .SumoSelect > .optWrapper > .options > li.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options > li.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options > li { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options > li span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0px;bottom:0px;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options > li span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0px;right: 0px;top: 0px;bottom: 0px;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13); border-radius: 0px 0px 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0px; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0px 0px 0px 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0px 0px 3px 0px; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options > li { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options > li { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 75px; }
    /*selected state
    .SumoSelect > .optWrapper.multiple > .options > li.selected span i:after,
    .SumoSelect .select-all.selected > span i:after{content: '';position: absolute;width: 11px;height: 11px;top: 2px;left: 2px;background-color: rgb(17, 169, 17);border-radius: 2px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
    */
    .SumoSelect > .optWrapper.multiple > .options > li.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 3px 3px 0px 0px;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0px 3px 35px;height: 20px;}
    .SumoSelect .select-all > span i{cursor:pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}



     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options > li.optGroup { padding-left: 5px; text-decoration: underline; }


body {
	font-family: "Raleway";
	font-weight: 400;
	overflow-x: hidden;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}

.container-fluid {
	/*max-width: 1170px;*/
	width: 1170px;
}

.top-wrap {
	height: 500px;
	position: relative;
	min-width: 1170px;
}

.big-letter
 {
    font-size: 20px;
    line-height: 15px;
}


.top-wrap-subpage {
	min-width: 1170px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding-bottom: 30px;
}

.header {
	position: relative;
	z-index: 1;
	background-color: rgba(0,0,0,.4);
	height: 50px;
	line-height: 50px;
}

.header > .container-fluid {
	position: relative;
	height: 100%;
	text-align: right;
}

.main-logo {
	position: absolute;
	top: 0;
	left: 15px;
	width: 195px;
	height: 195px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top: 8px solid #85c32c;
	border-radius: 0 0 7px 7px;
	line-height: normal;
}

.main-logo > a {
	display: block;
	height: 100%;
	width: 100%;
	color: #464646;
	padding-top: 30px;
}

.main-logo .logo-img {
	display: block;
	width: 110px;
	height: 99px;
	background-image: url("../img/logo@2x.png");
	background-size: contain;
	margin: 0 auto;
}

.main-logo .text {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 14px;
}

.top-menu {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin: 0;
	padding: 0;
	letter-spacing: 30px;
	list-style-type: none;
	text-align: left;
	cursor: default;
}

.top-menu > li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.top-menu > li > a {
	color: #fff;
	display: inline-block;
	height: 100%;
}

.top-menu > li > a:hover:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background-color: #00a3df;
}

.search {
	position: relative;
	display: inline-block;
	height: 100%;
	margin-left: 25px;
	vertical-align: top;
}

.search-btn {
	text-align: center;
	width: 50px;
	font-size: 20px;
	background-color: #00a3df;
	color: #fff;
	cursor: pointer;
}

.search-btn:hover,
.search-btn.active {
	background-color: #fff;
	color: #00a3df;
}

.search-btn .icon-search-find {
	font-family: "icons";
	display: block;
	width: 100%;
	height: 100%;
}

.search-input-wrap {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	width: 255px;
}

.search-input {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border: none;
	padding: 0 65px 0 20px;
	background-color: #fff;
	outline: none;
}

.search-input::-ms-clear {
	width : 0;
	height: 0;
}

.search-submit {
	width: 65px;
	height: 45px;
	line-height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	outline: none;
}

.main-menu {
	position: relative;
	z-index: 1;
	float: right;
	padding: 0;
	margin: 0;
	margin-top: 47px;
	list-style-type: none;
}

.main-menu > li {
	float: left;
	position: relative;
	margin-right: 16px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

.main-menu > li:last-child {
	margin-right: 0;
}

.main-menu > li > a {
	color: #fff;
	display: inline-block;
	max-width:220px;
}

.main-menu > li > a:hover {
	color: #000;
}

.main-menu .submenu-wrap {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	bottom: -27px;
	left: 0;
	width: 308px;
	text-shadow: none;
	-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
			transform: translateY(100%);
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.main-menu .submenu-wrap.active {
	visibility: visible;
	opacity: 1;
}

.main-menu > li:last-child > .submenu-wrap {
	text-align: right;
	left: auto;
	right: 0;
}

.main-menu .submenu {
	position: relative;
	display: inline-block;
	max-width: 308px;
	margin: 0;
	padding: 20px;
	list-style-type: none;
	background-color: #fff;
	border-radius: 5px;
	text-align: left;
}

.main-menu .submenu:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 43px;
	width: 0; 
	height: 0; 
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #fff;
}

.main-menu > li:last-child .submenu:before {
	left: auto;
	right: 43px;
}

.main-menu .submenu > li {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #323232;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.main-menu .submenu > li + li {
	margin-top: 13px;
}

.main-menu .submenu > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.main-menu .submenu > li > a {
	color: #323232;
    text-transform: none;
}

.home-slider-wrap {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

.home-slider {
	height: 100%;
	overflow: hidden;
	z-index: 0;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
		user-select: text;
}

.hs-slide {
	height: 500px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.top-wrap-subpage:before,
.hs-slide:before {
	content: "";
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	opacity: .8;
	background: rgb(133,195,44);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODVjMzJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMwOTBlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(133,195,44,1) 0%, rgba(48,144,225,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(133,195,44,1)), color-stop(100%,rgba(48,144,225,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(133,195,44,1) 0%,rgba(48,144,225,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(133,195,44,1) 0%,rgba(48,144,225,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(133,195,44,1) 0%,rgba(48,144,225,1) 100%);
	background: linear-gradient(135deg,  rgba(133,195,44,1) 0%,rgba(48,144,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c32c', endColorstr='#3090e1',GradientType=1 );

}

.hs-text {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	max-width: 730px;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 333px;
	left: 0;
	right: 0;
}

.hs-text-opis {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
	max-width: 730px;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	line-height:1.2;
}

.hs-buttons {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}

.button-prev,
.button-next {
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button-prev {
	margin-right: 8px;
}

.button-next {
	margin-left: 8px;
}

.button-prev:before,
.button-next:before {
	position: relative;
	font-size: 26px;
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button-prev:before {
	content: "b";
	right: 2px;
}

.button-next:before {
	content: "c";
	left: 2px;
}

.button-prev:hover,
.button-next:hover {
	background-color: rgba(97,97,97,.5);
}

.events-calendar-wrap {
	position: absolute;
	bottom: 0; left: 0; right: 0;
}

.events-calendar {
	position: absolute;
	top: 55px; /*-135px; *//*-248px */
	left: 15px;
	width: 370px;
	background-color: #fff;
	border-radius: 5px;
    box-shadow: 0 0px 15px rgba(0,0,0,.3);
}

.events-calendar:before,
.events-calendar:after {
	width: 37px;
	height: 310px;
	position: absolute;
	bottom: 0;
}

/*
.events-calendar:before {
	content: url("../img/cal-shadow-left.png");
	right: 100%;
}
*/

/*
.events-calendar:after {
	content: url("../img/cal-shadow-right.png");
	left: 100%;
}
*/

.calendar {
	display: none;
}

.calendar.hasDatepicker {
	display: block;
}

.calendar .ui-datepicker-header {
	padding: 10px 0;
}

.calendar .ui-datepicker-prev,
.calendar .ui-datepicker-next {
	position: relative;
	top: 0;
	color: #000;
	font-size: 23px;
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calendar .ui-datepicker-prev {
	float: left;
	margin-left: 10px;
}

.calendar .ui-datepicker-next {
	float: right;
	margin-right: 10px;
}

.calendar .ui-datepicker-title {
	text-align: center;
	font-size: 16px;
	color: #4c5246;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.calendar .ui-datepicker-month {
	font-family: "Raleway";
	font-weight: 500;
}

.calendar .ui-datepicker-calendar {
	width: 100%;
	table-layout: fixed;
}

.calendar .ui-datepicker-calendar thead {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #00a3df;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.calendar .ui-datepicker-calendar thead th {
	padding: 8px 0;
}

.calendar .ui-datepicker-calendar tbody {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #4c5246;
}

.calendar .ui-datepicker-calendar tbody:before {
	content: "";
	display: block;
	height: 15px;
}

.calendar .ui-datepicker-calendar tbody:after {
	content: "";
	display: block;
	height: 11px;
}

.calendar .ui-datepicker-calendar tbody td {
	height: 25px;
}

.calendar .ui-state-default {
	color: #4c5246;
	display: block;
	position: relative;
	line-height: 25px;
	max-width: 26px;
	width: 100%;
	margin: 0 auto;
	border-radius: 50%;
}

.calendar .ui-datepicker-other-month > .ui-state-default {
	color: #c7c7c7 !important;
	background-color: transparent !important;
}

.calendar .ui-datepicker-today > .ui-state-default {
	background-color: #a9a9a9;
	color: #fff;
}

.calendar .ui-datepicker-current-day > .ui-state-default {
	background-color: #00a3df;
	color: #fff;
}

.calendar .event > .ui-state-default:before {
	content: "";
	height: 3px;
	background-color: #00a3df;
	position: absolute;
	left: 4px; right: 4px; bottom: 3px;
}

.calendar .event.ui-datepicker-other-month > .ui-state-default:before,
.calendar .event.ui-datepicker-today > .ui-state-default:before,
.calendar .event.ui-datepicker-current-day > .ui-state-default:before {
	content: none;
}

.events-calendar > .events-wrap {
	padding: 10px 15px;
	border-top: 1px solid #f1f1f1;
	font-size: 14px;
	color: #00a3df;
}

.events-calendar .events {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.events-calendar .events > li {
	overflow: hidden;
}

.events-calendar .events > li + li {
	margin-top: 5px;
}

.events-calendar .events a {
	display: block;
}

.events-calendar .events a:hover .description {
	text-decoration: underline;
}

.events-calendar .events .time {
	float: left;
	width: 72px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00a3df;
}

.events-calendar .events .description {
	display: block;
	margin-left: 72px;
	font-weight: 400;
	line-height: 24px;
	color: #4c5246;
}

.section {
	min-width: 1170px;
}

.section .title {
	font-size: 30px;
	line-height: 49px;
	font-weight: 700;
	text-transform: uppercase;
}

.section .text {
	font-size: 16px;
	font-weight: 400;
}

.button {
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #323232;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: #323232;
}

.button:hover {
	background-color: #323232;
	color: #fff;
}

.section-1 {
	background-color: #f3f1f5;
	height: 500px;
}

.section-1 .smart-img {
	height: 100%;
	padding-top: 51px;
	background-repeat: no-repeat;
	background-position: left bottom;
    background-size: 600px auto;
}

.section-1 .title {
	color: #85c32c;
	float: right;
	width: 500px;
	text-align: right;
}

.section-1 .text {
	width: 600px;
	margin-top: 20px;
	text-align: right;
	float: right;
	clear: right;
}

.section-1 .button {
	border-color: #85c32c;
	margin-top: 10px;
	float: right;
	clear: right;
}

.section-1 .button:hover {
	background-color: #85c32c;
}

.section-2.smart-img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.section-2 > .container-fluid {
	padding: 50px 0;
}

.section-2 .title {
	color: #00a3df;
	text-align: center;
	max-width: 455px;
	margin: 0 auto;
    line-height: 1.2em;
}

.section-2 .text {
	text-align: center;
	max-width: 750px;
	margin: 20px auto 0;
}

.section-2 .button {
	border-color: #00a3df;
	margin: 30px auto 0;
}

.section-2 .button:hover {
	background-color: #00a3df;
}

.testimonials {
	padding: 50px 0 50px;
	min-width: 1170px;
}

.testimonials .title {
	color: #434343;
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	margin: 0 auto;
    line-height: 1.2em;
}

.t-carousel {
	margin-top: 20px;
}

.testimonial {
    margin: 0 20px;
	width: 440px;
	outline: none;
	cursor: pointer;
}

.t-bubble {
	position: relative;
	height: 195px;
	background-color: #f6f6f6;
	color: #c6c6c6;
	font-weight: 400;
	font-size: 16px;
	border-radius: 5px;
	padding: 20px 30px 30px 140px;
}

.t-bubble:before,
.t-bubble:after {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.t-bubble:before {
	content: "d";
	position: absolute;
	top: 52px;
	left: 62px;
	font-size: 45px;
	color: rgba(0,0,0,.05);
}

.t-bubble:after {
	content: "g";
	position: absolute;
	bottom: -26px;
	left: 54px;
	font-size: 60px;
	color: rgba(0,0,0,.05);
	z-index: -1;

}

.t-person {
	display: block;
	margin-top: 42px;
	padding-left: 57px;
	color: #919191;
	font-size: 18px;
	font-weight: 400;
	opacity: .2;
}

.slick-center .t-bubble {
	background-color: #85c32c;
	color: #000;
}

.slick-center .t-bubble:before {
	color: #6a9c23;
}

.slick-center .t-bubble:after {
	color: #85c32c;
}

.slick-center .t-person {
	opacity: 1;
}

.gallery {
	position: relative;
	min-width: 1170px;
}

.gallery > .container-fluid {
	padding: 0;
}

.g-inner-wrap {
	background-color: #00a3df;
	height: 420px;
	padding-top: 20px;
	border-radius: 5px;
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
}

.g-buttons > .button-prev,
.g-buttons > .button-next {
	background-color: transparent;
	margin: 0;
}

.g-buttons > .button-prev:hover,
.g-buttons > .button-next:hover {
	color: #cecece;
}

.g-buttons > .button-prev {
	float: left;
	margin-left: 13px;
}

.g-buttons > .button-next {
	float: right;
	margin-right: 13px;
}

.g-buttons > .button-prev:before,
.g-buttons > .button-next:before {
	font-size: 44px;
}

.gallery .title {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

.g-carousel {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
}

.g-thumb {
	position: relative;
	width: 380px;
	height: 280px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

.g-thumb:before {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #000;
	opacity: .6;
}

.g-thumb:hover:before {
	content: none;
}

.slick-lightbox-slick-item {
	outline: none;
}

.slick-lightbox-slick .button-prev,
.slick-lightbox-slick .button-next {
	position: absolute;
	top: 50%;
	z-index: 1;
	background-color: rgba(255,255,255,.2);
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.slick-lightbox-slick .button-prev {
	left: 10px;
}

.slick-lightbox-slick .button-next {
	right: 10px;
}

.slick-lightbox-slick .button-prev:hover,
.slick-lightbox-slick .button-next:hover {
	background-color: rgba(255,255,255,.4);
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close {
	width: 30px;
	height: 35px;
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
	font-family: inherit;
	font-size: 30px;
}

.SumoSelect {
	width: 100%;
}

.SumoSelect:focus,
.SumoSelect:active,
.SumoSelect:hover {
	outline: none;
}

.SumoSelect > .CaptionCont {
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	font-size: 16px;
	width: 100%;
}

.SlectBox {
	padding: 13px 8px;
}

.SumoSelect {
	height: 80px;
}

.SumoSelect > .optWrapper {
	top: 50px;
}

.SumoSelect.upside > .optWrapper {
	bottom: 80px;
}

.SumoSelect > .CaptionCont:focus {
	outline: none;
}

.SumoSelect > .optWrapper {
	border-radius: 0 0 3px 3px;
	font-size: 16px;
}

.SumoSelect > .optWrapper > .options > li {
	padding: 12px 6px;
}

/*.SumoSelect > .optWrapper > .options > li.disabled {
	display: none;
}*/

.SumoSelect > label.error {
	position: absolute;
	bottom: 7px;
}

.SumoSelect > select.error ~ .CaptionCont {
	border-color: #EF4A4A;
}

.footer {
	/*background-color: #f3f3f3;*/
	background-color:#85c32c8c;
	min-width: 1170px;
}

.subpage-content + .footer {
	margin-top: 6px;
    background: #ffffff;
}

.footer .wrap {
	text-align: right;
}

.footer .wrap.special {
	position: relative;
	padding: 0 35px;
	text-align: left;
	background-color: #85c32c;
	height: auto;
}

.footer .wrap.special:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	height: 26px;
	background-color: #85c32c;
	border-radius: 5px 5px 0 0;
}

.footer .list {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 63px;
	padding: 20px 0 20px;
}

.footer .wrap.special .list {
	padding-top: 0;
}

.footer .list > li {
	text-align: left;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}

.footer .list > li + li {
	margin-top: 0;
}

.footer .list > li > a {
	color: #000;
}

.footer .list > li > a:hover {
	color: #00A3DF;
}

.subpage-content {
	background-color: #f3f3f3;
	padding-bottom: 88px;
	min-width: 1170px;
	overflow: hidden;
}

.top-content {
	text-align: center;
	padding: 50px 0 50px;
}

.top-content .title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	color: #434343;
	width: 595px; /* 330px*/
	margin: 0 auto;
	padding: 0;
}

.top-content .user-content {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #323232;
	width: 595px;
	margin: 20px auto 0;
}

.bottom-content {
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 9px 25px -6px rgba(0,0,0,0.15);
}

.bottom-content > .inner-wrap {
	display: table;
}

.bottom-content .col {
	display: table-cell;
	padding: 43px 62px 54px;
}

.bottom-content .col-1 {
	width: 65.78947%;
	background-color: #fff;
}

.bottom-content .col-1 .title {
	color: #323232;
	font-size: 25px;
	font-weight: 700;
}

.bottom-content .col-1 .user-content {
	margin-top: 25px;
	font-size: 16px;
	line-height: 30px;
	color: #323232;
	font-weight: 400;
}

.bottom-content .col-1 .user-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.bottom-content .col-1 .user-content li {
	position: relative;
	padding-left: 32px;
}

.bottom-content .col-1 .user-content li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 12px;
	height: 12px;
	background-color: #00a3df;
	border-radius: 50%;
}

.bottom-content .col-1 .user-content li + li {
	margin-top: 0;
}

.bottom-content .col-2 {
	width: 34.21053%;
	background-color: #f9f8f9;
	text-align: center;
}

.bottom-content .col-2 .c-row + .c-row {
	margin-top: 20px;
}

.bottom-content .col-2 .title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #7c7c7c;
	text-transform: uppercase;
}

.bottom-content .col-2 .content {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #323232;
}

.bottom-content .col-2 .content.highlight {
	color: #00a3df;
}

.bottom-content .col-2 .content.numbers {
	font-family: Arial, Helvetica, sans-serif;
}

.bottom-content .col-2 .button {
	border: 1px solid #85c32c;
	width:100%;
}

.bottom-content .col-2 .button:hover {
	background-color: #85c32c;
}

.button.subscribe:after {
	font-size: 25px;
	margin-left: 10px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	content: "e";
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button.subscribe.active:after {
	content: "f";
}

.subscribe-form-wrap {
	display: none;
	background-color: #F9F8F9;
	padding: 30px 0 10px;
}

.subscribe-form {
	margin: 0 65px;
}

.subscribe-form .input-wrap {
	min-height: 80px;
}

.subscribe-form input {
	height: 50px;
	width: 100%;
	font-size: 16px;
	padding: 0 10px;
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	outline: none;
}

.subscribe-form input.error {
	border-color: #EF4A4A;
}

.subscribe-form label.error {
	display: block;
	padding: 0 4px;
	margin-top: 3px;
	color: #EF4A4A;
	font-weight: 600;
}

.subscribe-form .submit {
	border-color: #00A3DF;
	background-color: transparent;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
}

.subscribe-form .submit:hover {
	background-color: #00a3df;
	color: #fff;
}

.inner-content {
	min-width: 1170px;
	background-color: #f3f3f3;
	padding-bottom: 63px;
	overflow: hidden;
}

.inner-content + .footer {
	margin-top: 6px;
    background: #ffffff;
}

.inner-content.simple {
	padding-top: 115px;
}

.inner-content.simple > .title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	color: #434343;
	width: 330px;
	margin: 0 auto 44px;
	padding: 0;
	text-align:center;
}

.inner-content.simple > .content {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 400;
	color: #323232;
}

.inner-content.simple > .content a {
	color: #00a3df;
}

.intro-box {
	margin-top: 100px;
	background-color: #fff;
}

.intro-box .text-wrap {
	margin-top: 45px;
	padding-right: 15px;
}

.intro-box .title {
	color: #434343;
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

.intro-box .text {
	font-size: 16px;
	line-height: 21px;
	color: #323232;
	font-weight: 400;
	margin-top: 21px;
}

.intro-box .img-wrap {
	height: 323px;
	position: relative;
}

.intro-box .img-wrap > img {
	width: 80%;
	position: absolute;
	top: 50%;
    right: 0;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-box-shadow: 0px 9px 46px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 9px 46px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 9px 46px 5px rgba(0,0,0,0.1);
}

.text-box {
	font-size: 16px;
	font-weight: 400;
	color: #323232;
	line-height: 21px;
	margin-top: 80px;
}

.team-members {
	margin-top: 0;
}

.team-members > .container-fluid {
	text-align: center;
	letter-spacing: 25px;
	line-height: 135px;
}

.t-member {
	/*display: inline-block;*/
	display:flex;
	flex-direction:column;
	letter-spacing: normal;
	line-height: 1.42857143;
	/*width: 263px;
	height: 300px;*/
	background-color: #fff;
	border-radius: 5px;
	cursor: pointer;
	align-items:center;
}

.t-member:hover {
	-webkit-box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
}

.t-member-img {
	display: block;
	margin-top:15px;
	/*margin: 34px auto 0;
	height: 115px;
	width: 115px;*/
	max-width:115px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5);
}

.t-member-name {
	display: block;
	margin-top: 27px;
	font-size: 16px;
	font-weight: 400;
	color: #323232;
}

.t-member-role {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #17a2dc;
	margin-top: 9px;
}

.t-member-mail {
	display: block;
	color: #323232;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 15px;
}

.t-member-mail:hover {
	color: #00a3df;
}

.t-member-text {
	display: none;
}

.simple-modal {
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: opacity .25s ease-in;
}

.simple-modal.active {
	visibility: visible;
	opacity: 1;
}

.sm-box {
	position: absolute;
	background-color: #fff;
	max-width: 625px;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 40px;
	padding-top: 50px;
	border-radius: 10px;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.sm-title {
	font-weight: 700;
	font-size: 30px;
}

.sm-text {
	margin-top: 20px;
	line-height: 25px;
}

.sm-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 40px;
	line-height: 1;
	font-family: "icons";
	cursor: pointer;
}

.gal_pic {
	

	padding:0 1px 1px;
	


}

.gal_pic > a {

	display:block;
	
}

.gal_pic > a > img {

	width:100%;
	
}


.clear {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	clear: both;
}



.galerija-role {
	display: inline-block;
	letter-spacing: normal;
	line-height: 1.42857143;
	width: 263px;
	height: 250px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom:10px;
	vertical-align:top;
	
}

.galerija-role:hover {
	-webkit-box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 9px 30px 1px rgba(0,0,0,0.1);
}

.galerija-role-img {
	display: block;
	/*margin: 34px auto 0;*/		
	width: 100%;
	height:155px;
/*	-webkit-box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5);*/
/*	-moz-box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5); */
	/*box-shadow: 0px 5px 20px -7px rgba(0,0,0,0.5);*/
}


.galerija-name {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	margin-top: 20px;
	text-align:center;
}


.galerija-members {
	line-height: 135px;
	letter-spacing:20px;
}

.iban {
	padding:10px;	
	margin-top:15px;

}

.user-content a:hover {
	color:#00A3DF;
	
}

.lang-chooser{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin: 0;
	padding: 0;
/*	letter-spacing: 10px;*/
	list-style-type: none;
	text-align: left;	
	cursor: default;

}


.lang-chooser > li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left:30px;
}


.lang-chooser > li > a {
	color: #fff;
	display: inline-block;
	height: 100%;
}

.lang-chooser > li.active > a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background-color: #00a3df;

}

.divajder {
	display:inline-block;
	border-right:1px solid #fff; 	
	float:right;
	position:relative;
	height:30px; 
	/* padding-left:10px; */
	left:-165px;
	top:11px;
	
	}
#clanKomoreWrapper {
	display:none;

}	

/*box grid predlozak*/

.kategorija-box-wrap{
    line-height: 135px;
    letter-spacing: 20px;
}

.kategorija-box-card{
    display: inline-block;
    letter-spacing: normal;
    line-height: 1.42857143;
    /*width: 263px;
    height: 250px;*/
	width:100%;
	height:100%;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    vertical-align: top;
}

.kategorija-box-img{
    display: block;
    margin-bottom: 15px;
    width: 100%;
    /*height: 155px;*/
}

.kategorija-box-name{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    /*margin-top: 20px;*/
	margin-bottom: 15px;
    text-align: center;
}

.kategorije-list {
	list-style: none !important;
    padding-left: 0 !important;
    margin: 0;
}

	.kategorije-list li {
		margin-bottom: 15px;
	}

	.kategorije-list-name {
		padding: 15px;
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		border-radius: 4px;
		transition: background-color 0.3s ease;
	}
	
	.kategorije-list-name:hover {
		background-color: #e6e6e6;
		cursor: pointer;
	}

	.webinar-wrap {
		padding: 25px;
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		border-radius: 4px;
		transition: background-color 0.3s ease;
		width:74%;
	}
	
	/* .webinar-wrap:hover {
		background-color: #e6e6e6;
	} */
	
	.webinar-title {
		display: inline-block;
		font-weight: bold;
		font-size: 20px;
		color: #85c32c !important;
		text-decoration: none;
		/* border-bottom: 2px solid #618f21; */
		padding-bottom: 3px;
		margin-bottom: 8px;
	}
	
	.webinar-title:hover {
		color: #5d8624 !important;
		/*border-bottom: 2px solid #5d8624 !important;*/
	}
	
	.webinar-description {
		font-size: 14px;
		color: #555;
		margin-top: 8px;
		line-height: 1.4;
	}
	
	.webinar-video {
		margin-top: 10px;
	}
	
	.webinar-video a {
		color: #1972e7 !important;		
		font-weight: 500;
		font-size:14px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	.webinar-video a:hover {
		color: #034499 !important;
		/*border-bottom: 2px solid #034499 !important;*/
	}
	
	.team_container {
		padding-top: 30px;
		display:grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
		box-sizing: border-box;
	}
	
	.webinar-box-wrap {
		display:flex;
		width:100%;
	}
	
	.webinar-img-wrapper {
		width:24%;
		margin-right:2%;
	}
	
	.webinar-img-wrapper img {
		border-radius:4px;
	}

	.webinarVideo{
		position:relative;
		height:100%;
	}	

	.webinarVideo iframe{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		max-height:100%;
	}


	.gallery {
		margin-top: 30px;
	}
	
	.text-div {
		padding-bottom:30px;
	}
	
	.title.title_contact {
		padding-top: 30px;
	}
	
	.intro-box .text-wrap {
		margin-bottom:30px;
	}
	
	.content {
		/*min-height:400px;*/
	}

	.content.numbers.highlight{
		min-height:auto;
	}
	
	.subpage-content + .footer {
		margin-top: 0;
		background: #85c32c8c;
	}
	
	.section-1 .smart-img {
		background-image:none!important;
	}
	
	
	.inner-content + .footer {
		margin-top: 0;
		background: #85c32c8c;
	}
	
	.moodle {
		position:relative;
		top: -55px;
		right: -200px;
	}
	
	.moodle img {
		border: 1px solid #fff;
		width: 40px;
		height:40px;
	}
	
	.moodle-unutarnja {
		position:relative;
		top: -55px;
		right: -80px;
	}
	
	.moodle-unutarnja img {
		border: 1px solid #fff;
		width: 40px;
		height:40px;
	}
	

/* ==========================================================================
MEDIA QUERIES FOR RESPONSIVE DESIGN
========================================================================== */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

}
/* MOBILE NAV */

.wrapper {
    position: relative;
}


.mobile-panel {
    position: fixed;
    right: -15.625em; /*or width of your navigation panel*/
    width: 15.625em;
    height: 100%;
    background: #21a5dc;
    overflow-y: auto;
    z-index: 10;
    color: #ffffff;
    border-left: 1px solid rgb(33, 165, 220);
}

.mobile-panel a {
    color: #ffffff;
    display: block;
}

.mobile-panel ul {
    list-style-type: none;
    padding: 0;
}

.mobile-panel ul li {
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.mobile-panel ul li ul {
    background: #0e6990;
    width: 100%;
}

.mobile-panel ul li ul li {
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 0;
}

.mobile-panel ul li a {
    padding: 15px 20px;
    font-weight: 500;
}

.mobile-panel ul li ul li a {
    padding: 10px 10px 10px 30px;
    font-size: 13px;
}

.mobile-panel ul li.lang {
    text-align: center;
}

.mobile-panel ul li.lang a {
    display: inline-block;
}

#mobile-menu .sub-menu {
  display: none;
}

#mobile-menu ul.social li {
    border: none;
}

#mobile-menu ul.social .fa-facebook-official:before {
    font-size: 30px;
}

#mobile-menu .item-has-children > a {
  position: relative;
}

#mobile-menu .lang.item-has-children > a,
#mobile-menu .lang ul.sub-menu li a{
  text-align: center;
}

#mobile-menu .item-has-children a img {
    width: 40px;
    height: 40px;
}

#mobile-menu .item-has-children .sub-menu img {
    margin-right: 20px;
}

#mobile-menu .item-has-children > span.arrow {
    position: relative;
    display: block;
    float: right;
    cursor: pointer;
    height: 50px;
    width: 20px;
    margin-top: -50px;
}

#mobile-menu .item-has-children > span::after {
  content: '';
  display: block;
  height: 50px;
  width: 20px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  -o-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  right: 1.5em;
  background: url("../img/mobile-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#mobile-menu .item-has-children > span.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.mobile-panel ul li.big-letters {
    text-align: center;
}

.mobile-panel ul li.big-letters ul li {
    display: inline-block;
}

.mobile-panel ul li.big-letters ul li.active span {
    border-bottom: 2px solid #fff;
}

.mobile-panel ul li.big-letters ul li .big-letter {
    padding-bottom: 3px;
    font-size: 18px;
}

/* END MOBILE NAV */


@media screen and (max-width: 1400px) {
	
	.moodle {
		top:0;
		right:-136px;
	}
	
	.main-menu {
		margin-top: 52px;
	}
	
	.moodle-unutarnja {
		top:0;
		right: 5px;
	}
	
}

@media screen and (max-width: 1199px) {
    .top-wrap,
    .top-wrap-subpage,
    .section,
    .testimonials,
    .gallery,
    .footer,
    .inner-content,
    .subpage-content {
        min-width: 290px;
        max-width: 100%;
    }
    
    .container-fluid {
        width: 100%;
    }
    .container {
        width: 970px;
    }
	
	.webinar-img-wrapper {
		width:19%;
	}
	
	.webinar-wrap {
		width:79%;
	
	}
	
	.webinar-description {
		margin-top:0;
	}
	
	
	.webinar-box-wrap {
		margin-bottom:30px;
	}
	
	.hs-text {
		top:370px;
		font-size:20px;
	}
	
	.hs-text-opis {
		font-size:28px;
		left:45px;
	}
    
}

@media screen and (max-width: 1120px) {
    .main-menu {
        width: 80%;
    }
    
    .main-logo {
        width: 170px;
        height: 170px;
    }
    
    .main-logo > a {
        padding-top: 25px;
    }
    
    .main-menu > li {
        text-align: center;
    }
    
    /*.main-menu > li > a {
        max-width: 120px;
    }*/
    
    .main-logo .logo-img {
        width: 94px;
        height: 99px;
        background-repeat: no-repeat;
    }
    
    .main-logo .text {
        margin-top: 0;
    }
    
    .intro-box,
    .text-box {
        margin-top: 50px;
    }
    
    .intro-box .text-wrap {
        margin: 30px 0;
    }
	
	.hs-text-opis {
		top: 180px;
	}
	
}

@media screen and (max-width: 1041px) {
    .main-menu .submenu-wrap {
        width: 249px;
    }
}

@media screen and (max-width: 991px) {

    .main-logo {
        width: 130px;
        height: auto;
        padding-bottom: 15px;
    }

    .main-logo .logo-img {
        width: 80px;
        height: 80px;
    }

    .webinar-box-wrap {
		max-width:970px;
	}
	
	.webinar-img-wrapper {
        display:none;
	}

    .webinar-wrap {
        width: 100%;
    }

    .webinar-box-wrap {
        margin-bottom: 15px;
    }

    .inner-content.simple {
        padding-top: 60px;
    }
	
	.team_container {
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media screen and (max-width: 970px) {
    /*.hs-text {
        top: 215px;
    }*/
    
    .main-menu {
        width: 75%;
    }
    
    .main-menu .submenu-wrap {
        width: 220px;
    }
    
    .main-menu > li {
        text-align: left;
        margin-right: 20px;
    }
    
    /*.main-menu > li > a {
        max-width: 100px;
    }*/
    
    .events-calendar {
        top: 60px;
    }
}

@media screen and (max-width: 880px) {
    .mobile-menu {
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        z-index: 1;
        right: 30px;
        top: 8px;
    }
    
    /*.hs-text {
       top: 175px; 
    }*/
    
    .lang-chooser {
        margin: 0 100px 0 0;
    }
    
    .main-menu,
    .top-menu,
    .divajder {
        display: none;
    }
    
    .top-wrap {
        height: 400px;
    }
    .hs-buttons {
        bottom: 20px;
    }
    
    .section-1 .smart-img {
        background-image: none!important;
    }
    
    .section-1 .text {
        width: 50%;
    }
    
    .events-calendar {
        top: 65px;
        left: 20px;
    }
    
    .top-wrap-subpage .search {
        margin-right: 90px;
    }
    
    .top-wrap-subpage .lang-chooser {
        margin: 0;
    }
    
    .intro-box .img-wrap > img {
        width: 90%;
        position: relative;
        top: 63%;
        right: auto;
    }
    
    .top-wrap-subpage {
        padding-bottom: 90px;
    }
    
    .bottom-content .col-1,
    .bottom-content .col-2 {
        width: 100%;
    }
    
    .bottom-content .col {
        display: table;
        padding: 30px;
    }
    
    .top-content {
        padding: 50px 0 30px 0;
    }
    
    .bottom-content .col-2 .c-row + .c-row {
        margin-top: 10px;
    }
    
    .top-content .title {
        font-size: 25px;
        width: 100%;
    }
    
    .top-content .user-content {
        width: 100%;
    }
    
    .bottom-content {
        overflow: visible;
    }
    
    .top-wrap .letter,
    .top-wrap-subpage .letter {
        display: none;
    }
	
	.hs-text-opis {
		max-width: 100%;
		padding-left:12px;
		padding-right:12px;
		font-size:24px;
		left: auto;
		width:70%;
		text-align:right;
		top:90px;
	}
	
	.hs-text {
		top: 270px;
	}
	
	.moodle {
		display:none;
	}
	
	.moodle_mob img {
		border: 1px solid #fff;
		width: 40px;
		height: 40px;
	}
	
	.moodle_mob {
		position: relative;
		left: 20px;
	}
	
	.moodle-unutarnja {
		display: none;
	}

}

@media screen and (max-width: 780px) {
    .section-1 {
        height: auto;
    }
    
    .section-1 .title,
    .section-1 .text {
        width: 100%;
        text-align: center;
    }
    
    .section-1 .smart-img {
        padding-top: 400px;
        padding-bottom: 50px;
    }
    
    .section-1 .button {
        float: none;
        margin: 0 auto;
    }
    
    .events-calendar {
        top: 55px;
        left: unset /*calc(50% - 160px)*/;
    }
	
	.team_container {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.events-calendar-wrap {
		display:flex;
		justify-content:center;
	}
}

@media screen and (max-width: 720px) {
    .footer,
    .footer .wrap.special {
        background: #85c32c8c;
    }
    
    .footer .wrap.special {
        padding: 25px 25px 0 25px;
    }
    
    .footer .wrap {
        text-align: left;
        padding: 15px 25px 0 25px;
    }
    
    .footer .wrap.special:before {
        height: 0;
    }
    
    .footer .list {
        float: left;
    }
    
    .hs-text {
        top: 198px;
        padding: 0 20px;
        font-size: 27px;
    }
    
    .inner-content .intro-box .col-xs-5,
    .inner-content .intro-box .col-xs-7 {
        width: 100%;
    }
    
    .intro-box .img-wrap {
        height: 450px;
    }
    
    .intro-box .img-wrap > img {
        top: 45%;
        display: block;
    }
    
    .subpage-content {
        padding-bottom: 30px;
    }
    
    .subpage-content + .footer .wrap.special {
        background: #ffffff;
    }
	
	.footer .wrap.special {
		background:none;
		padding: 38px 20px;
	}
	
	.hs-text {
		top: 272px;
		font-size: 20px;
	}
	
	.hs-text-opis {
		font-size: 22px;
	}

}

@media screen and (max-width: 670px) {
    .footer .wrap {
        width: 100%;
        padding: 5px 25px;
    }
    
    .footer .list {
        float: none;
        width: 100%;
        display: block;
    }
    
    .footer .list > li {
        text-align: center;
    }
    
    .footer .list {
        padding: 0;
    }
	
	.footer .wrap.special {
		padding:0;
	}
	
	.inner-content {
		padding-bottom:0;
	}
	
	.inner-content + .footer {
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.footer {
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.hs-text {
		font-size: 18px;
	}
	
	.subpage-content + .footer {
		background:#fff;
	}
	
}

@media screen and (max-width: 600px) {
    .intro-box .img-wrap > img {
        width: 100%;
    }
    
    .intro-box .img-wrap {
        height: 370px;
    }
	
	.webinar-box-wrap {
		display:block;
	}
	
	.webinar-img-wrapper {
		margin-bottom:15px;
		margin-right:0;
		width:50%;
	}
	
	.webinar-wrap {
		width: 100%;
	}
	
	.team_container {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.main-logo {
		width: 120px;
		height: auto;
	}

	
	.hs-text-opis {
		font-size: 20px;
		top:70px;
	}
	
	.hs-text {
		top: 257px;
	}

    .inner-content.simple {
        padding-top: 30px;
    }

    .inner-content.simple > .title {
        margin: 0 auto 30px;  
    }

    .webinar-wrap {
        padding: 25px 15px;
    }
	
	
	
}

@media screen and (max-width: 500px) {
    .top-wrap {
        height: 350px;
    }
    
 
    
    .main-logo .text {
        font-size: 13px;
    }
    
    .main-logo > a {
        padding-top: 10px;
    }
    
    
    .hs-text {
        top: 150px;
        font-size: 25px;
    }
    
    .search-input {
        box-shadow: 0 4px 5px rgba(0,0,0,.3);
    }
    
    .section .title,
    .testimonials .title,
    .gallery .title {
        font-size: 25px;
        line-height: 30px;
    }
    
    .g-inner-wrap {
        height: 390px;
    }
    
    .g-carousel {
        top: 80px;
    }
    
    .gallery .title {
        line-height: 45px;
    }
	
	.webinar-img-wrapper {
		width:100%;
	}
	
	.search {
		margin-left:30px;
	}
	
	.lang-chooser > li {
		margin-left: 30px;
	}
}

@media screen and (max-width: 450px) {
    .header {
        z-index: 2;
    }
    .main-logo .logo-img {
        width: 70px;
        height: 65px;
    }

    .search-input-wrap {
        z-index: 2;
    }
    
    .lang-chooser {
        margin: 0;
    }
    
    .search-submit {
        z-index: 101!important;
    }
    
    .mobile-menu {
        top: 70px;
        right: 20px;
    }
    
    .hs-text {
        font-size: 23px;
        line-height: 28px;
    }
    
    .top-wrap-subpage .search {
        margin-right: 0;
    }
    
    .top-wrap-subpage .mobile-menu {
        top: 77px;
    }
    
    .intro-box .img-wrap {
        height: 330px;
    }
	
	.events-calendar {
		width:340px;
	}
}

@media screen and (max-width: 375px) {
    .events-calendar {
        top: 40px;
        left: 15px;
        right: 15px;
        width: 91%;
    }
    
    .section-1 .smart-img {
        padding-top: 380px;
        padding-bottom: 30px;
    }
    
    .section-2 > .container-fluid {
        padding: 30px 0;
    }
    
    .testimonials {
        padding: 30px 0 0 0;
    }
    
    .testimonial {
        width: 310px;
    }
    
    .t-person {
        font-size: 14px;
    }
    
    .section-2 {
        padding: 0 15px;
    }
    
    .t-bubble:before {
        content: '';
    }
    
    .t-bubble {
        padding: 15px;
    }
    
    .t-person {
        padding: 0 15px;
    }
    
    .footer {
        padding: 10px 0 30px 0;
    }
    
    .intro-box .img-wrap {
        height: 260px;
    }
}

@media screen and (max-width: 345px) {
    .lang-chooser > li,
    .search {
        margin-left: 15px;
    }
    
    
}

@media screen and (min-width: 450px) and (max-width:500px) {
	
	.hs-buttons {
		bottom: -50px;
	}
	
	.events-calendar {
		top:75px;
	}
	
	.button-prev, 
	.button-next {
		width:35px;
		height:35px;
	}
	
	.button-prev:before,
	.button-next:before {
		top:-4px;
	}
	
	.hs-text-opis {
		font-size:18px;
		z-index:2;
	}
	
	.hs-text {
		font-size:16px;
		z-index:2;
		top:250px;
	}
	
	
	
	
}

@media screen and (min-width: 375px) and (max-width:450px) {
	
	.hs-text-opis {
		width:100%;
		position:static;
		margin-top:135px;
		font-size:18px;
		z-index:999;
		line-height:22px;
	}
	
	.hs-text {
		width:100%;
		margin-top:30px;
		font-size:16px;
		z-index:999;
		top:unset;
		bottom:155px;
		line-height:22px;
	}
	
	.slick-initialized .slick-slide {
		display: flex;
		justify-content:space-between;
		flex-direction:column;
	}
	
	.button-prev, 
	.button-next {
		width:35px;
		height:35px;
	}
	
	.button-prev:before,
	.button-next:before {
		top:-4px;
	}
	
	.hs-buttons {
		bottom: -50px;
	}
	
	.events-calendar {
		top:75px;
	}
	
}
