body {color: #555; background-color: #fff;}
.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.relative {position: relative;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {color: #555;}
h3, .h3 {font-size: 24px;}

/*helpers*/
.marTop5 {margin-top: 5px;}
.marTop20 {margin-top: 20px;}
.marTop30 {margin-top: 30px;}
.marTop40 {margin-top: 40px;}
.marTop50 {margin-top: 50px;}
.marTop60 {margin-top: 60px;}
.marTop80 {margin-top: 80px;}
.marRight30 {margin-right: 30px;}
.marLeft30 {margin-left: 30px;}
.marBot10 {margin-bottom: 10px !important;}
.marBot20 {margin-bottom: 20px !important;}
.marBot30 {margin-bottom: 30px !important;}
.marBot40 {margin-bottom: 40px !important;}
.marBot50 {margin-bottom: 50px !important;}
.marBot60 {margin-bottom: 60px !important;}
.marBot80 {margin-bottom: 80px !important;}
h3 {font-weight: 500;}
p {margin: 0;}
b, strong {font-weight: 600;}
hr {margin-top: 40px; margin-bottom: 40px; border: 0; border-top: 1px solid #ccc;}
ol {margin-left: 1em;}
ol li {list-style-type: decimal; padding-left: 20px;}
ol li ol li {list-style-type: lower-latin;}
ol li ol li ol li {list-style-type: lower-roman;}
.lead ol {margin-bottom: 20px !important;}
.jumbotron p {font-weight: 400;}
.white {color: #fff !important;}
.black {color: #555 !important;}
.center {text-align: center;}

#header {border-top: none;}
.top-left {float: left;}
.top-left ul li {float: left;}
.top-right {float: right;}
.top-right ul li {float: right; padding: 0 0 0 40px; color: #999;}
.top-left ul li {float: left; padding: 0 40px 0 0; color: #fff;}
.login:before {content: ""; font-family: 'FontAwesome'; font-size: 13px; color: #9a9a9a;
       padding-right: 6px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.logout:before {content: ""; font-family: 'FontAwesome'; font-size: 13px; color: #9a9a9a;
       padding-right: 6px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.login:hover:before, .logout:hover:before {color: #e1e1e1;}

.navbar-inverse {border: none; background-color: #3c3e40; position: absolute;
    top: 0; left: 0; right: 0; z-index: 299; transition: all 0.25s; -webkit-transition: all 0.25s;}
.navbar-inverse .navbar-top {font: 600 13px/30px 'Open Sans', Verdana; background-color: #450117; border-bottom: none;}
.navbar-inverse .navbar-top a {color: #9a9a9a;}
.navbar-inverse .navbar-top a:hover, .navbar-inverse .navbar-top a:focus {color: #e1e1e1 !important; background: transparent;}
.navbar-inverse .navbar-brand {border: none;}
.navbar li li a {text-transform: none;}

.navbar-nav li > .dropdown-menu {border: none; border-top: 0px solid transparent; min-width: 240px;}
.navbar-inverse .dropdown-menu {background-color: rgba(68, 71, 73, 0.95);}
.navbar-inverse .navbar-nav li > a, .navbar-inverse .dropdown-menu li a, .navbar-inverse .navbar-nav .megamenu-title {
    color: #ccc; font: 400 14px 'Open Sans', Arial, sans-serif;}
.navbar-inverse .navbar-nav .open > a, .navbar-inverse .navbar-nav .open > a:hover, 
.navbar-inverse .navbar-nav .open > a:focus, .navbar-inverse .navbar-nav .active > a, 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse li a:hover, 
.navbar-inverse .navbar-nav .megamenu-title:hover, .navbar-inverse .dropdown-menu > li > a:hover, 
.navbar-inverse .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover
 {color: #fff !important; background-color: transparent;}
.navbar-inverse .navbar-toggle, .navbar-inverse .btn-toggle {background-color: #4a001a;}
.navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .btn-toggle .icon-bar, .navbar-inverse .navbar-toggle .icon-bar:after, .navbar-inverse .navbar-toggle .icon-bar:before, .navbar-inverse .btn-toggle .icon-bar:after, .navbar-inverse .btn-toggle .icon-bar:before {
    background-color: #999;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle.opened, .navbar-inverse .btn-toggle:hover, .navbar-inverse .btn-toggle:focus, .navbar-inverse .btn-toggle.opened {
    background-color: #24282b;}
.navbar-top .dropdown-toggle {line-height: inherit;}
.navbar-top-nav li {margin-right: 0;}
.navbar-top-nav li:after, .navbar-top .social-icon:after {content: ''; padding-left: 0px;}

.navbar-inverse .sticky-menu.fixed {background-color: #3c3e40 !important;}
.dropdown-menu {left: 20px;}
.navbar-top .dropdown-menu {left: 0; z-index: 9000;}

/*banner*/
.banner h2 {font-size: 80px; color: #444; text-transform: uppercase;}
.banner .subline {font-size: 24px; color: #555;}
.portal-logo img {width: 90px; margin-bottom: 50px; margin-right: 8px;}

/*portal*/
.jumbo-text {color: inherit; background: #f7f7f7; padding-top: 90px; padding-bottom: 80px; margin: 0;}
.jumbo-important {color: inherit; background: #f7f7f7; margin: 0; border-top: #ccc 1px solid; 
                 padding-top: 80px; padding-bottom: 80px;}
.jumbo-important h2 {font-size: 34px; font-weight: 500; line-height: 1.1; display: inline;
    border-bottom: 2px solid #555; padding-bottom: 4px;}
.jumbo-important p {font-size: 18px;}
.jumbo-run {background: url(../img/portal-4.jpg) no-repeat top left; background-size: cover;}
h3.service-title {font-size: 34px; font-weight: 500; line-height: 1.1;  margin-bottom: 30px;
border-bottom: 2px solid #555; padding-bottom: 6px; display: inline;}
h3.service-title.white {border-bottom: 2px solid #fff;}
.block-title {color: #555; font-size: 40px; font-family: 'Raleway', Arial, sans-serif; font-weight: 700; 
             line-height: 1; padding-bottom: 6px; display: inline; text-transform: uppercase;}
.portal-item a h3, .portal-item a .date, .portal-item a .portal-text, .portal-item a .portal-text .fa 
    {-moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.portal-item h3 {color: #555; border-bottom: #ccc solid 2px; padding-bottom: 5px;}
.portal-item a h3 {color: #555; border-bottom: #b2052d solid 2px; padding-bottom: 5px;}
.portal-item a:hover h3, .portal-item a:focus h3, .portal-item a:active h3 {color: #b2052d;}
.portal-item a .date, .portal-item .date {color: #888; font-size: 14px;}
.portal-item a .portal-text {color: #555;}
.portal-item a:hover .portal-text {color: #aaa;}
.portal-item a .portal-text .fa {padding-left: 5px; color: #b2052d;}
.portal-item a:hover .portal-text .fa {padding-left: 20px;}

/*člani*/
.jumbo-members {color: inherit; background: #fff; padding-top: 30px; padding-bottom: 80px; margin: 0;}

.effect-holder figure {position: relative; float: left; overflow: hidden; margin: 10px 1%;
	background: #444749; text-align: center; cursor: default;}
.effect-holder figure img {position: relative; display: block; 
	max-width: 100%; opacity: 0.8;}
.effect-holder figure figcaption {padding: 2em; color: #fff; font-size: 1.25em;
	-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.effect-holder figure figcaption::before, .effect-holder figure figcaption::after {pointer-events: none;}
.effect-holder figure figcaption, .effect-holder figure figcaption > a {position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;}
.effect-holder figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap;
	font-size: 0; opacity: 0;}
.effect-holder figure h2 {font-weight: 400; font-family: 'Raleway', Arial, sans-serif; text-transform: uppercase;}
.effect-holder figure h2 span {font-weight: 800;}
.effect-holder figure h2, .effect-holder figure p {margin: 0;}
.effect-holder figure p {font-size: 68.5%;}
figure.effect-sadie figcaption::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);}
figure.effect-sadie h2 {position: absolute; top: 50%; left: 0; width: 100%; color: #eee;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0;
	-webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);}
figure.effect-sadie:hover h2 {color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}

figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p {opacity: 1;
	-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/*portal services*/
.jumbotron-service {font-size: 24px; margin-bottom: 0; padding-top: 200px; padding-bottom: 200px;}
.overlay-container .overlay.color {background-color: #888; opacity: 0.2;}
.overlay-container .overlay.color3 {background-color: #658d23; opacity: 0.4;}
.kg {font: 700 36px/1 'Raleway', Verdana, sans-serif;}
.service-text {color: #555; font-size: 18px;}
.jumbotron-glasses {font-size: 24px; margin-bottom: 0; padding-top: 200px; padding-bottom: 200px;
background: url(../img/portal-2.jpg) no-repeat right center; background-size: cover; position: relative;}

.navbar-btn {height: 36px !important; line-height: 36px !important;}
.sticky-menu.fixed .navbar-btn.btn-icon {width:30px; height:30px !important; line-height: 30px !important; font-size:13px;}

/*buttons*/
.btn {line-height: 1.5; border-radius: 0; font-size: 20px; font-family: 'Raleway', Arial, sans-serif; font-weight: 600;}
.btn-blank, .btn-red {color: #9b0238; background: transparent; border: 2px solid #9b0238; text-transform: uppercase;}
.btn-blank:hover, .btn-blank:focus, .btn-blank.focus, .btn-blank:active, .btn-blank.active,
.btn-red:hover, .btn-red:focus, .btn-red.focus, .btn-red:active, .btn-red.active {
    color: #fff; background-color: #9b0238; border: 2px solid #9b0238;}
.btn-white {color: #fff; background: transparent; border: 2px solid #fff; text-transform: uppercase;}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active {
    color: #fff; background-color: #9b0238; border: 2px solid #9b0238;}
.btn-default.disabled:hover {color: #aaa;}

a.link-more {color: #b2052d; font-size: 20px; padding: 12px 40px 12px 23px; 
    text-transform: uppercase; position: relative; display: inline-block;
    -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a.link-more i {padding-left: 8px;}
a.link-more:hover {padding-left: 48px; padding-right: 28px;}
a .arrowlink {position: absolute; right: 0; top: 6px; z-index: 2;}
.center-link {margin-top: 80px;}
.center-link-sub {margin-top: 40px; margin-bottom: 60px}
a.link-title {color: #b2052d; padding-right: 40px; font-size: 42px; line-height: 1.2;
    position: relative; display: inline-block; font-weight: 500; font-family: 'Raleway', Arial, sans-serif;
    -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a.link-title i {padding-left: 8px;}
a.link-title:hover {color: #fff; padding-left: 48px; padding-right: 28px;}
a.link-title .arrowlink {position: absolute; right: 0; top: 2px; z-index: 2;}

/*dogodki*/
.blog-list {margin-bottom: 60px; border-left: 3px solid #ccc;}
a .blog-list {margin-bottom: 60px; border-left: 3px solid #b2052d; color: #555;
     -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover .blog-list {background-color: #eee;}
.blog-list h2 {color: #3a3a3a; font-size: 24px; font-weight: 600; line-height: 1.6; margin-bottom: 10px;}
a:hover .blog-list h2 {color: #b2052d;}
.blog-list-flash {margin-bottom: 8px;}
/*.blog-list p {margin-bottom: 20px;}*/
.blog-list .status {font-style: italic;}
.event-list figure > a {background-color: #000; display: block;}
.event-list figure > a img {background-color: #8DC63F; opacity: 1;
        transition: all 0.45s ease-in-out; -webkit-transition: all 0.45s ease-in-out;}
.event-list figure > a:hover img {opacity: 0.8;}
.blog-detail img {margin-bottom: 40px;}
.blog-detail h2 {font-weight: 500; line-height: 1.2; margin-bottom: 3px;}
.blog-detail .status {font-style: italic; margin-bottom: 30px;}
.app-date i {padding: 0 10px;}
.date-big {color: #555; font-size: 24px; padding-left: 20px;}

a span.link-more {color: #b2052d; font-size: 20px; padding-left: 10px; 
    text-transform: uppercase; position: relative; display: inline-block;
    -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a span.link-more i {padding-left: 0; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover span.link-more i {padding-left: 20px;}

/*.bg-image {padding: 5% 0 5%;}*/
.dark-bg {padding: 60px 30px 60px; background: rgba(32,54,1,0.5);}
.dark-bg h3.service-title {color: #fff;}

.dark-text {color: #fff;}
.light-bg {padding: 60px 30px 60px; background: rgba(255,255,255,0.6); }
.light-bg h3.service-title {color: #444;}
.light-ins {position: relative;}
.light-text {color: #444; font-size: 18px;}

/*breadcrumbs*/
.breadcrumb > li {color: #fff; font-weight: 400; padding-left: 0;}
.breadcrumb > li > a {color: #fff;}
.breadcrumb > li > a:hover {color: #555 !important;}
.breadcrumb > .active {color: #6a6a6a;}
.breadcrumb > li + li::before {padding: 0 5px; color: #fff !important; content: "/\00a0";}
.breadcrumb > li + li::before {padding: 0 8px; color: #aaa;}
.col-md-6 .breadcrumb {margin: 10px 0 0; text-align: right;}

/*CONTENT*/
#content {padding: 0 0 80px;}
.subhead {background-color: #ccc; margin-bottom: 60px; padding-top: 200px; padding-bottom: 20px;}
.subhead h1 {color: #fff; font-size: 42px; line-height: 1.2; font-weight: 500; margin-bottom: 0;}
.subhead p {color: #333; margin-top: 20px; margin-bottom: 0;}

.area-wysiwyg, .area-image {margin-bottom: 40px;}
.area-wysiwyg h3 {margin-bottom: 0; line-height: 26px;}
.area-wysiwyg ul li {list-style: disc; margin-left: 2em;}
.sub-header {margin-top: 0;}
.sub-header h2 {font-size: 28px; font-weight: 600; line-height: 30px;}
.sub-header h4 {font-weight: 600; line-height: 26px; margin-bottom: 5px !important;}
blockquote {color: #888; padding: 8px 0px 8px 50px;}
.grey-block {background-color: #f5f5f5; padding: 30px;}
.block-last {padding-bottom: 0;}
img {max-width: 100%; height: auto;}
/*accordion*/
.panel {box-shadow: none;}
.panel-group .panel, .panel-heading {border-radius: 0;}
.panel-default, .panel-default > .panel-heading {border: none;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    background-color: #fff; border: none;}
.panel-default > .panel-heading {color: #b2052d; background-color: #eee;}
.panel-heading a {font-size: 20px; font-weight: 500;}
.panel-default > .panel-heading:hover {color: #fff !important; background-color: #ccc;}
.panel-title > a:hover {color: #fff !important;}
.panel-title a .fa {padding-left: 5px; font-size: 16px;}
.responsive-video {overflow: hidden; padding-bottom: 56.25%; padding-top: 60px; position: relative;}
.responsive-video iframe, .responsive-video object,
.responsive-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.caption {font-size: 15px; margin-top: 3px;}

/*SIDE*/
.sidebar .widget {margin-bottom: 40px;}
.sidebar .widget h3 {color: #303030; font-size: 24px; font-weight: 600; padding-bottom: 5px; 
           margin-bottom: 20px; border-bottom: #b2052d solid 2px; display: inline-block;}
.sidebar .widget a h3 {color: #303030; font-size: 24px; font-weight: 600; padding-bottom: 5px; 
           margin-bottom: 20px; border-bottom: #b2052d solid 2px; display: inline-block; cursor:pointer;
        -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.sidebar .widget a:hover h3 {color: #b2052d;}
.sidebar .widget a h3:after {content: ""; font-family: 'FontAwesome'; font-size: 20px; color: #9a9a9a;
       padding-left: 10px; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.sidebar .widget a:hover h3:after {color: #b2052d; padding-left: 20px;}
.sidebar .widget .links li a {color: #505050; font-size: 16px; line-height: 1.5; font-weight: 400; display: block;}
.sidebar .widget .links li:hover a {color: #505050;}
.sidebar .widget .links li a:after {content: ""; font-family: 'FontAwesome'; font-size: 16px; color: #b2052d;
       padding-left: 10px; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.sidebar .widget .links li a:hover:after {color: #b2052d; padding-left: 20px;}
.sidebar .widget .links li.active a {color: #b2052d; cursor: default;}
.sidebar .widget .links li.active a:after {content: "";}
.sidebar .widget .links > li {padding-top: 5px; padding-bottom: 5px; border-bottom: none;}
.sidebar .widget .links > li:hover {text-indent: 0; background-color: #eee;}
.sidebar .widget .links > li.active:hover {text-indent: 0; background-color: #fff;}
.sidebar .widget li ul li {border-bottom: none !important;}
.sidebar .widget li ul li a {padding-left: 10px;}
.emptyli {font-size: 16px;}
.sidebar .widget .links > li.emptyli:hover {text-indent: 0; background-color: #fff;}

/*CONTACT + FORMS*/
.contact {margin-bottom: 60px;}
.contact h3 {margin-bottom: 40px;}
.contact p {margin: 0;}
.contact input[type=submit],
.contact button.g-recaptcha {
    color: #9b0238;
    background: transparent;
    border: 2px solid #9b0238;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 16px;
    font-family: 'Raleway', Arial, sans-serif;
    transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
    -webkit-transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
}

.contact input:hover[type=submit],
.contact input:focus[type=submit],
.contact input:active[type=submit],
.contact button.g-recaptcha:hover,
.contact button.g-recaptcha:focus,
.contact button.g-recaptcha:active {
    color: #fff;
    background-color: #9b0238;
    border: 2px solid #9b0238;
}


.contact-jumbo {padding-bottom: 0; padding-top: 0; background-color: #fff; margin-bottom: 0;}
.contact-jumbo img {width: 100%;}
#map_canvas {height: 350px;}
.radio label.custom-radio-wrapper, .checkbox label.custom-checkbox-wrapper {margin-right: 20px;}
.custom-checkbox-container, .custom-radio-container {margin-right: 3px;}
label.input-desc {font-weight: 600; margin-bottom: 0;}
label.input-desc .pimcore_editable {width: 400px;}
span.form-description p {padding-top: 6px; color: #888; font-style: italic;}
.checkbox label {font-size: 14px; font-style: italic;}

/*GALLERY*/
ul.lightgallery li {display: block; line-height: 1.42857143;
    background-color: #fff; border: none; padding-bottom: 30px;}
ul.lightgallery li img {-webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; transition: 0.3s ease-out;}
ul.lightgallery li:hover {cursor: pointer;}
ul.lightgallery li:hover img {opacity: 0.7; filter: alpha(opacity=70);}
.lg-outer .lg-thumb-item {border: 2px solid #eee;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #eaa501;}

/*MODAL*/
.modal-content, .modal-header, .modal-footer {color: #222; background-color: #fff;}
.modal-header h2, .modal-header h3, .modal-header h4 {color: #222; font-weight: 500;}
.modal-header .close {color: #9b0238; font-size: 36px; background: transparent; opacity: 1;}
.modal-header .close:hover, .modal-header .close:focus {color: #999;}
.modal-footer {border: none;}
.modal-content label {font-weight: 600;}
.btn-default {color: #9b0238; background: transparent; border: 2px solid #9b0238; font-size: 20px; 
    font-weight: 600; text-transform: uppercase; padding: 9px 16px; font-family: 'Raleway', Arial, sans-serif;
    transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
    -webkit-transition: color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;}
.btn-default:hover {color: #fff; background-color: #9b0238; border: 2px solid #9b0238;}

/*FOOTER*/
#footer {margin-top: 0; font-family: "Open Sans", Arial, sans-serif; background-color: #444749; border-top: none;}
#footer-bottom {padding: 25px 0; text-align: left; background-color: #3e0110;}
#footer .widget {margin-bottom: 50px;}
#footer .widget p {margin-top: 15px;}
#footer .widget h4 {font: 500 18px/1.5 "Open Sans", Arial, sans-serif; padding-bottom: 4px; 
           color: #ccc !important; border-bottom: #777 2px solid; margin-bottom: 10px; display: inline-block;}
#footer .form-group, #footer .form-control, #footer .input-group, #footer .normal-selectbox, #footer .large-selectbox {
    margin-bottom: 18px;}
#footer .widget ul, .contact-form-widget, .newsletter-widget {margin-top: 15px;}
#footer .widget .links li {margin-bottom: 10px; color: #999;}
#footer .widget .links li a {color: #aaa !important; line-height: 14px; font-weight: 400 !important;}
#footer .widget .links li a:hover, #footer .widget .links li a:focus {color: #eee !important;}
#footer .widget .links li a span {color: #a10227;}
.widget ul li {padding: 0;}
.widget ul li a:before {content: "";}
#footer .widget h4::after {display: none;}
.footer2 {margin-top: 60px; text-align: center;}

.btn-black {color: #ccc !important; background: transparent; border: 2px solid #777; 
           text-transform: uppercase; display: block; font-weight: 500 !important; white-space: normal;}
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active {
    color: #fff; background-color: #333; border: 2px solid #333;}
/*.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active {
    color: #fff; background-color: #640124; border: 2px solid #640124;}*/

#footer-bottom {color: #888; font-size: 13px; font-weight: 600 !important;}
#footer-bottom a {color: #888; font-weight: 600 !important;}
#footer-bottom a:hover, #footer-bottom a:focus {color: #ccc !important;}
.copyright a {display: inline;}
#scroll-top {background: #333; border-radius: 0;}
#scroll-top.fixed {bottom: 12px;}

/*PAGING*/
.paging {text-align: center; margin: 15px auto 5px; font-size: 14px; font-family: "Open Sans"; height: 50px;}
.paging ul.pages {clear: both; text-transform: uppercase; display: inline-block;}
.paging ul.pages li {list-style: none; display: inline; float: left; }
.paging ul.pages li a, .paging ul.pages li.disabled {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 4px 12px;
        background-color: #eee;
	border: none;
}
.paging ul.pages li a:hover {
	background-color: #ddd;
	text-decoration: none;
}
.paging ul.pages li.current {
	font-weight: bold;
	background-color: #b2052d;
	color: #fff;
        display: block;
	float: left;
	margin-right: 5px;
	padding: 4px 12px;
	border: none;
}


/* First Color */
::selection {
    background-color: #aaa;
}

::-moz-selection {
	background-color: #aaa;
}

a, a:focus,
.blockquote-icon:before,
.first-color,
.dropcap.first-color,
.btn.btn-border.btn-custom,
.nav-pills.nav-tabs-border > li.active > a,
.nav-pills.nav-tabs-border > li.active > a:hover,
.nav-pills.nav-tabs-border > li.active > a:focus,
.navbar-default .navbar-top a:hover,
.navbar-default .navbar-top a:focus,
.navbar-default .navbar-top .open > .dropdown-toggle,
.navbar-default .navbar-nav .open > a,
.navbar-default .navbar-nav .open > a:hover,
.navbar-default .navbar-nav .open > a:focus,
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default li a:hover,
.navbar-default .navbar-nav .megamenu-title:hover,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-link:hover,
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus,
.navbar-default .cart-dropdown .product-name a:hover,
.navbar-default .cart-dropdown .product-price,
.navbar-default .cart-dropdown .cart-action-total,
.navbar-inverse .navbar-top a:hover,
.navbar-inverse .navbar-top a:focus,
.navbar-inverse .navbar-top .open > .dropdown-toggle,
.navbar-inverse .navbar-nav .open > a,
.navbar-inverse .navbar-nav .open > a:hover,
.navbar-inverse .navbar-nav .open > a:focus,
.navbar-inverse .navbar-nav .active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse li a:hover,
.navbar-inverse .navbar-nav .megamenu-title:hover,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-link:hover,
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus ,
.navbar-inverse .cart-dropdown .product-name a:hover,
.navbar-inverse .cart-dropdown .product-price,
.navbar-inverse .cart-dropdown .cart-action-total,
.navbar-inverse .cart-dropdown .product-name a:hover,
.navbar-inverse .cart-dropdown .product-price,
.navbar-inverse .cart-dropdown .cart-action-total,
.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a:hover,
.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a:focus,
.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a:hover,
.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a:focus,
.navbar-inverse.navbar-transparent .navbar-top a:hover,
.navbar-inverse.navbar-transparent .navbar-top a:focus,
.navbar-inverse.navbar-transparent .navbar-top .open > .dropdown-toggle,
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus,
.page-header.gray .breadcrumb > li > a:hover,
.page-header.gray .breadcrumb > li > a:focus,
.entry-block .entry-title a:hover,
.entry-block .entry-title a:focus,
.entry-block .entry-meta a:hover,
.entry-block .entry-meta a:focus,
.entry-title a:hover,
.entry-title a:focus,
.entry-footer a:hover,
.about-widget-box header a:hover,
.sidebar .widget .latest-posts-list li a:hover,
.sidebar .widget .products-list li a:hover,
.sidebar .widget .tweet_list a:hover,
.about-timeline h3 a:hover,
.about-timeline h3 a:focus,
.event-meta-box a:hover,
.knowledge-box a:hover,
.knowledge-box a:focus,
.knowledge-box ul li a:hover,
.knowledge-box ul li a:focus,
.product-title a:hover,
.product-box.new-box.new-box-border,
.product-details .product-cats a:hover,
.product-details .product-cats a:focus,
#category-widget a:hover,
.filter-brand-list a:hover,
.checkout .panel-border-tb .panel-title a:hover,
.checkout .panel-border-tb .panel-title a:hover + .step-box,
.checkout-progress-box a:hover,
#portfolio-filter li:hover > a,
#portfolio-filter li.active > a,
#portfolio-filter.bordered li.active > a,
#portfolio-filter.bordered li:hover > a,
.portfolio-title a:hover,
.portfolio-title a:focus,
.portfolio-details-list li a:hover,
#footer a:hover,
#footer a:focus,
#footer .widget .tweet_time a:hover,
#footer .widget .tweet_time a:focus,
#footer.footer-default a:hover,
#footer.footer-default a:focus,
#footer.footer-default .widget .tweet_time a:hover,
#footer.footer-default .widget .tweet_time a:focus,
.nav-border.custom-nav .owl-prev,
.nav-border.custom-nav .owl-next  {
	color: #b2052d;
}

blockquote:after,
.highlight.first-color,
.bg-custom,
.dropcap-bg.first-color,
.btn-custom,
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2.focus,
.btn-custom2:active,
.btn-custom2.active,
.open > .dropdown-toggle.btn-custom2,
.btn.btn-border.btn-custom:hover,
.btn.btn-border.btn-custom:focus,
.btn.btn-border.btn-white:hover,
.btn.btn-border.btn-white:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills.nav-tabs-border .lavalamp-object,
.progress-bar-custom,
.progress-bar-custom .progress-tooltip,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.panel-custom > .panel-heading,
.tooltip-inner,
.popover-title,
.carousel-control:hover,
.carousel-control:focus,
.service-hover-bg:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.bg-custom .divider > span,
.team-member-box.custom,
.label-custom,
.callout:after,
.callout.custom,
.navbar-top.navbar-color,
.cart-dropdown .navbar-btn .badge,
.overlay-container .overlay.custom,
.page-header.custom,
.bg-custom .title-border > span,
.title-border.title-bg.custom,
.title-bg-line.custom:after,
.title-underblock.custom:after,
.carousel-tab .carousel-indicators li.active,
.carousel-tab.gray .carousel-indicators li.active,
.rect-dots .owl-dot.active,
.info-line-section.custom,
.landing-features-section.section,
.pricing-table .price.custom,
.pricing-table.custom,
.entry-format,
.timeline-date,
.product-box.new-box,
.product-action-container .btn.btn-dark:hover,
.product-action-container .btn.btn-dark:focus,
.filter-row .btn-layout.active,
.filter-row .btn-layout.active:hover,
.filter-row .btn-layout.active:focus,
.category-widget-btn:hover,
.open .category-widget-btn,
.filter-size-box.active,
.filter-size-box.active:hover,
.filter-size-box.active:focus,
.noUi-connect,
.noUi-handle,
#portfolio-item-container.custombg .portfolio-item.push,
.portfolio-meta.custom,
#footer .widget h4:after,
#footer .tagcloud a:hover,
.tagcloud a:hover,
#footer.footer-inverse .tagcloud a:hover,
#footer.footer-default .tagcloud a:hover,
#footer.footer-custom,
.custom-nav .owl-prev,
.custom-nav .owl-next,
.nav-border.custom-nav .owl-prev:hover,
.nav-border.custom-nav .owl-next:hover,
.nav-border.white-nav .owl-prev:hover,
.nav-border.white-nav .owl-next:hover,
#scroll-top:hover,
#scroll-top.white:hover,
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
	background-color: #666;
}

.btn-custom,
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2.focus,
.btn-custom2:active,
.btn-custom2.active,
.open > .dropdown-toggle.btn-custom2,
.btn.btn-border.btn-custom2:hover,
.btn.btn-border.btn-custom2:focus,
.btn.btn-border.btn-white:hover,
.btn.btn-border.btn-white:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.popover,
.carousel-control:hover,
.carousel-control:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.callout.custom,
.title-border.custom,
.title-border.text-right.custom,
.title-border.text-center.custom > span,
.title-bottom-border.custom,
.product-box.new-box.new-box-border,
.product-action-container .btn.btn-dark:hover,
.product-action-container .btn.btn-dark:focus,
.filter-row .btn-layout.active,
.filter-row .btn-layout.active:hover,
.filter-row .btn-layout.active:focus,
.filter-size-box.active,
.filter-size-box.active:hover,
.filter-size-box.active:focus,
#portfolio-filter li:hover > a,
#portfolio-filter li.active > a,
#portfolio-filter.bordered li.active > a,
#portfolio-filter.bordered li:hover > a,
.nav-border.custom-nav .owl-prev,
.nav-border.custom-nav .owl-next,
.nav-border.custom-nav .owl-prev:hover,
.nav-border.custom-nav .owl-next:hover,
.nav-border.white-nav .owl-prev:hover,
.nav-border.white-nav .owl-next:hover {
	border-color: #ffb400;
}

.input-border-bottom.form-control:focus,
.form-control.dark.input-border-bottom:focus,
.form-control.white.input-border-bottom:focus {
	border-color:#92278f !important;
}

.progress-tooltip:after,
.progress-bar-custom .progress-tooltip:after,
.popover.top > .arrow,
#header,
.bg-custom .testimonial-vertical .testimonial-content:after,
.bg-custom .testimonial-vertical.reverse .testimonial-content:after {
	border-top-color: #92278f;
}

blockquote,
.tooltip.left .tooltip-arrow,
.popover.left > .arrow,
.bg-custom .testimonial.reverse .testimonial-content:after {
	border-left-color:#92278f;
}

blockquote.blockquote-reverse,
.tooltip.top .tooltip-arrow,
.popover.right > .arrow  {
	border-right-color:#92278f;
}

.tooltip.right .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.popover-title,
.popover.bottom > .arrow,
.popover.bottom > .arrow:after,
.bg-custom .testimonial-content:after {
	border-bottom-color: #92278f;
}

@media (max-width: 991px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #8DC63F;
	}
}

@media (min-width: 992px) {
	.navbar-inverse.navbar-transparent .navbar-nav > li > a:hover, 
	.navbar-inverse.navbar-transparent .navbar-nav > li > a:focus,
	.navbar-inverse.navbar-transparent .navbar-nav > li.open > a,
	.navbar-inverse.navbar-transparent .navbar-nav > li.active > a,
	.navbar-inverse.navbar-transparent .navbar-nav > li > a:hover, 
	.navbar-inverse.navbar-transparent .navbar-nav > li > a:focus,
	.navbar-inverse.navbar-transparent .navbar-nav > li.open > a,
	.navbar-inverse.navbar-transparent .navbar-nav > li.active > a {
		color: #8DC63F;
	}
}


/* Second Color */
a:active,
a:hover,
.second-color,
.dropcap.second-color,
.btn.btn-border.btn-custom2,
.callout.custom .callout-icon,
.pricing-table.border.custom,
.pricing-table.border.custom .price,
.pricing-table.border.custom h3 {
	color:#999;
}

.highlight.second-color,
.bg-custom2,
.dropcap-bg.second-color,
.btn-custom2,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom,
.btn.btn-border.btn-white.v2:hover,
.btn.btn-border.btn-white.v2:focus,
.progress-bar-custom2,
.progress-bar-custom2 .progress-tooltip,
.callout.custom:after,
.pricing-table.border.custom h3:after,
.pricing-table.flat.custom header,
.pricing-table.custom.pricing-top .price,
.portfolio-meta.custom .portfolio-favourite,
#footer.footer-custom .tagcloud a:hover,
.footer-custom #footer-bottom,
#footer.footer-custom .btn-custom,
.custom-nav .owl-prev:hover,
.custom-nav .owl-next:hover,
.white-nav .owl-prev:hover,
.white-nav .owl-next:hover,
.service-hover-bg.custom:hover .title-underblock.custom:after, 
.service-hover-bg.custom:hover .title-underblock.dark:after, 
.service-hover-bg.custom:hover .title-underblock.gray:after {
	background-color: #888;
}

.btn-custom2,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom,
.btn.btn-border.btn-custom:hover,
.btn.btn-border.btn-custom:focus,
.btn.btn-border.btn-custom2:hover,
.btn.btn-border.btn-custom2:focus,
.btn.btn-border.btn-white.v2:hover,
.btn.btn-border.btn-white.v2:focus,
.panel-custom,
.panel-custom > .panel-heading,
.panel-custom > .panel-heading:hover,
.service-hover-bg:hover,
.pricing-table.border.custom,
.pricing-table.flat.custom,
.pricing-table.flat.custom .pricing-list,
#footer.footer-custom .btn-custom {
	border-color: #888;
}

.panel-custom > .panel-heading + .panel-collapse > .panel-body,
.progress-bar-custom2 .progress-tooltip:after,
.pricing-table.custom .pricing-list,
#footer.footer-custom,
.footer-custom #footer-bottom.no-bg {
	border-top-color: #5D4564;
}

.page-header.custom,
.pricing-table.custom .pricing-list li {
	border-bottom-color:#5D4564;
}

@media (min-width: 992px) {
	.footer-custom .main-widget {
		background-color: #5D4564;
	}
}


/* Third Color */
.third-color,
.dropcap.third-color,
.btn.btn-border.btn-custom3,
.product-box.discount-box.discount-box-border {
	color: #83B8BB;
}

.highlight.third-color,
.dropcap-bg.third-color,
.btn-custom3,
.btn.btn-border.btn-custom3:hover,
.btn.btn-border.btn-custom3:focus,
.progress-bar-custom3,
.progress-bar-custom3 .progress-tooltip,
.service-hover-bg.custom2:hover,
.team-member-box.custom2,
.bg-red,
.pricing-table .price.custom2,
.pricing-table.custom2,
.product-box.discount-box,
.portfolio-meta.custom2 {
	background-color: #83B8BB;
}

.btn-custom3,
.btn.btn-border.btn-custom3:hover,
.btn.btn-border.btn-custom3:focus,
.product-box.discount-box.discount-box-border {
	border-color:#83B8BB;
}

.progress-bar-custom3 .progress-tooltip:after {
	border-top-color: #83B8BB;
}

/* Fourth Color */
.pricing-table.border.custom2,
.pricing-table.border.custom2 .price,
.pricing-table.border.custom2 h3 {
	color:#74A3A6;
}

.btn-custom3:hover,
.btn-custom3:focus,
.btn-custom3.focus,
.btn-custom3:active,
.btn-custom3.active,
.open > .dropdown-toggle.btn-custom3,
.service-hover-bg.custom2:hover .title-underblock.custom:after,
.service-hover-bg.custom2:hover .title-underblock.gray:after,
.service-hover-bg.custom2:hover .title-underblock.dark:after,
.pricing-table.custom2.pricing-top .price,
.pricing-table.border.custom2 h3:after,
.pricing-table.flat.custom2 header {
	background-color: #74A3A6;
}

.btn-custom3:hover,
.btn-custom3:focus,
.btn-custom3.focus,
.btn-custom3:active,
.btn-custom3.active,
.open > .dropdown-toggle.btn-custom3,
.service-hover-bg.custom2:hover,
.pricing-table.border.custom2,
.pricing-table.flat.custom2,
.pricing-table.flat.custom2 .pricing-list {
	border-color:#74A3A6;
}

.pricing-table.custom2 .pricing-list {
	border-top-color: #74A3A6;
}

.pricing-table.custom2 .pricing-list li {
	border-bottom-color: #74A3A6;
}