/**
 * Project - main CSS Stylesheet
 *
 * @project Project
 * @version 1.0
 * @date 23.09.2018 13:08:04
 * @author %AUTHOR%
 * @copyright %COPYRIGHT% 2015-present
 * @utf8 ěščřžýáí
 */
/**
colors
========
facebook                #3b5998 59,89,152
twitter                 #1da1f2 29,161,242
google+                 #db4437 219,68,55
linkedin                #0077b5 0,119,181
-----------------------------------------------
primary                 #00aded
secondary               #004462 0,68,98
text                    #444
----------------------------------
success                 #5cb85c
info                    #005373
warning                 #f0ad4e
danger                  #cf3e3e
 */
/**
 * ---------------
 * @section Import
 * -----------------
 */
/**
 * @subsection Plugins
 * ---------------------
 */
/*@import url('/Scripts/jquery/ui/jquery-ui.structure.min.css');*/
/*@import url('/Scripts/jquery/ui/addons/jquery-ui-timepicker-addon.min.css');*/
/*@import url('/Scripts/jquery/ui/jquery-ui.theme.min.css?v=1');*/
/*@import url('/Scripts/jquery/plugins/images/fancybox/1.3.4/jquery.fancybox-1.3.4.min.css');*/
/*@import url('/Scripts/jquery/plugins/carousel/owl/owl.carousel.min.css');*/
/*@import url('/Scripts/jquery/plugins/carousel/owl/owl.transitions.min.css');*/
/*@import url('/Scripts/jquery/plugins/carousel/owl/owl.theme.min.css');*/


/**
 * ---------------
 * @section Global
 * -----------------
 */
html, body {
}
body {
    position: relative;
}
body.foxpress-ml {
}
::selection { /*http://stackoverflow.com/questions/7224445/css3-selection-behaves-differently-in-ff-chrome*/
    background: rgba(102,175,233,.99);
    color: #fff;
}
::-moz-selection {
    background: #66afe9;
    color: #fff;
}
.disable-selection {
    user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
.append-bottom,
.body .append-bottom-double {
    margin-bottom: 2em;
}
.inner .append-bottom {
    margin-bottom: 1em;
}
.append-top {
    margin-top: 1em;
}
.append-top-double {
    margin-top: 2em;
}
.position-absolute {
    position: absolute;
}
ul.navi,
ul.navi > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.body .danger {
    color: #cf3e3e;
}
.user_email {
    color: #004462;
} 
/**
 * @subsection Links
 * -------------------
 */
a {
    text-decoration: underline;
}
a:hover, a:focus, a:active, button.close {
    outline: none;
    text-decoration: none;
}
/**
 * @subsection Placeholder
 * -------------------------
 */
input:-moz-placeholder, textarea:-moz-placeholder { /* FF 18- */
    color: #999 !important;
    opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* FF 19+ */
    color: #999 !important;
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* ie10 */
    color: #999 !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome */
    color: #999 !important;
}
input.placeholder, textarea.placeholder { /* ie7-9 */
    color: #999 !important;
}
/* helper classes to target empty input field
    (placeholder text itself is affected only in IE) */
input.operaplaceholder, textarea.operaplaceholder,
input.webkitplaceholder, textarea.webkitplaceholder,
input.mozillaplaceholder, textarea.mozillaplaceholder,
input.ieplaceholder, textarea.ieplaceholder { 
    color: #999 !important;
}
.body .append-bottom {
    margin-bottom: 1em;
}
.body .append-top {
    margin-top: 1em;
}


/**
 * ------------------
 * @section Typography
 * ---------------------
 */
html {
}
body.mceContentBody, body {
    color: #444
}
/* to heal Opera input functions */
.opera input,
.opera textarea,
.opera select {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
}
/**
 * to prevent FOIT of custom fonts  
 * @see https://www.souki.cz/jak-efektivne-nacitat-webfonty
 * @see http://jecas.cz/font-face 
 */
body:not(.fonts-loaded) {
    /*fallback*/
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
/**
 * @subsection Iconography
 * -------------------------
 * to prevent FOUT on icons
 */
body:not(.icons-loaded) [class^="cfico-"],
body:not(.icons-loaded) [class*=" cfico-"] {
    visibility: hidden;
}


/**
 * ---------------
 * @section Layout
 * -----------------
 * Some temporary values set to style skeleton's demo. Remove it when starting project.
 */
.columns {
}
/**
 * @subsection Bootstrap container enhancement
 * ---------------------------------------------
 * See also http://getbootstrap.com/getting-started/#disable-responsive
 */
.container-classic {
    width: 970px !important;
}
.container-classic-wide {
    width: 1170px !important;
}
.container-fluid,
.container-semi-fluid {
    width: auto !important;
}
.container-semi-fluid {
    max-width: 1170px;
    min-width: 970px;
}
/**
 * @subsection Responsive
 * ------------------------
 * Adapt to actual Botstrap break-points, if you customized it!
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
/*1024 tablets special*/
@media (min-width: 1020px) and (max-width: 1069px) {
    .container-classic {
        width: 1000px !important;
    }
}
/*1080 tablets special*/
@media (min-width: 1070px) and (max-width: 1199px) {
    .container-classic {
        width: 1040px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 920px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 680px;
    }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}


/**
 * --------------------
 * @section Transitions
 * ----------------------
 */
.trans, .nav a, .navi a, .body input, .body textarea, .btn, .tags-wrap a, h1 a, h2 a, h3 a, a img, .menu a, .menu a span, .subcats a, .pager a,
.owl-carousel .prevnext {
    -webkit-transition-property: color, opacity, background-color, border-color, box-shadow; /* until Chrome 26.0, Safari all */
    -moz-transition-property: color, opacity, background-color, border-color, box-shadow; /* until 16.0 */
    transition-property: color, opacity, background-color, border-color, box-shadow;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);/*
    will-change: transform;*/
}
.trans-ease, .body .btn {
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.notrans, .btn:focus, .btn:active, .btn.active, [disabled], .disabled, body.preloading * {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
/**
 * @subsection Bootstrap overwrites
 * -----------------------------------
 */
hr {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border-top: 1px solid #E2EAF1;
}
.page-header {
}
.collapsing {
    -webkit-transition: height 0.25s ease;
    transition: height 0.25s ease;
}
.fade {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
body.rtl .close {
    float: left;
}
body.draggable .modal-draggable .modal-header {
    cursor: move;
}
body.draggable .modal-draggable .modal-dialog {
    outline: none;
}
.modal-header .close {
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-backdrop {
    background-color: #000;
    z-index: 1040;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.23s ease-out;
    -moz-transition: -moz-transform 0.23s ease-out;
    transition: transform 0.23s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal.fade.zoomin .modal-dialog {
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: -webkit-transform 0.19s ease-out;
    -moz-transition: -moz-transform 0.19s ease-out;
    transition: transform 0.19s ease-out;
}
.modal.in.zoomin .modal-dialog {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 767px) {
    .modal-title {
        line-height: 1.3;
    }
}
/**
 * @subsection Modal states
 * -----------------------------------
 */
.modal-primary .modal-content,
.modal-info .modal-content,
.modal-warning .modal-content,
.modal-danger .modal-content,
.modal-success .modal-content {
    overflow: hidden;
    background: transparent;
}
.modal-primary .modal-body,
.modal-info .modal-body,
.modal-warning .modal-body,
.modal-danger .modal-body,
.modal-success .modal-body {
    background: #fff;
}
.modal-primary .modal-footer,
.modal-info .modal-footer,
.modal-warning .modal-footer,
.modal-danger .modal-footer,
.modal-success .modal-footer {
    background: #fff;
}
.modal-primary .modal-header,
.modal-info .modal-header,
.modal-warning .modal-header,
.modal-danger .modal-header,
.modal-success .modal-header {
    background: #00aded;
    color: #fff;
}
.modal-info .modal-header {
    background: #005373;
}
.modal-warning .modal-header {
    background: #f0ad4e;
}
.modal-danger .modal-header {
    background: #cf3e3e;
}
.modal-success .modal-header {
    background: #5cb85c;
}
/**
 * @subsection jQuery UI
 * ----------------------------
 */
.ui-draggable {
    z-index: 1020;
}
.ui-draggable-handle {
    cursor: move;
}
.ui-draggable-dragging {
    outline: 1px solid crimson;
}
.ui-sortable-handle {
    cursor: ns-resize;
}
.ui-sortable-helper {
    outline: 1px solid crimson;
}
.ui-sortable-placeholder {
    visibility: visible !important;
    background: silver;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
}
.ui-datepicker {
    z-index: 1040 !important;
}


/**
 * ----------------
 * @section Content
 * ------------------
 * Global and global-RAW content be defined here, with no namespace.
 */
h1, .h1 {
    line-height: 1.4;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 13%;
    margin-bottom: 1em;
    color: #333;
}
h2, .h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 14px;
    color: #333;
}
h3, .h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 14px;
    color: #333;
}
h4, .h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
    color: #333;
}
h5, h6, .h5, .h6 {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #333;
}
h6, .h6 {
    margin-bottom: 1px;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child,
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6,
h1 + .h2, h2 + .h3, h3 + .h4, h4 + .h5, h5 + .h6,
.h1 + h2, .h2 + h3, .h3 + h4, .h4 + h5, .h5 + h6,
.h1 + .h2, .h2 + .h3, .h3 + .h4, .h4 + .h5, .h5 + .h6,
.first-title {
    margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: inherit;
}
p {
    margin-bottom: 1em;
}
ul, ol {
    line-height: 1.5;
    margin-bottom: 1em;
    margin-right: 3%;
}
ul.nav, ol.nav,
.nav ul, .nav ol {
    margin-bottom: 0;
    margin-right: 0;
}
.left > img, .left > a > img,
img.left { /* left and right according to grid's gutter */
    margin: 1px 15px 7px 0;
}
.right > img, .right > a > img,
img.right {
    margin: 1px 0 7px 15px;
}
img.left, img.right { /* according to bottom margin of paragraphs */
    margin-bottom: 10px;
}
.center > img, .center > a > img,
img.center {
    display: block;
    margin: 1px auto 10px;
}
.center {
    text-align: center;
}
p[align="justify"] {
    text-align: left;
}
/**
 * @subsection Tables
 * --------------------
 */
.table {
    margin-top: 1em;
    margin-bottom: 20px;
}
.table.table-auto {
    width: auto;
    min-width: 50%;
}
.table-responsive .table {
    margin-top: 0;
}
@media (min-width: 768px) {
    .table.table-fixed {
        table-layout: fixed;
    }
    .table.table-fixed th,
    .table.table-fixed td, {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .table-responsive .table {
        margin-bottom: 0;
    }
    h1, .h1 {
        padding-right: 0;
        font-size: 22px;
    }
    h2, .h2 {
        padding-right: 0;
        font-size: 20px;
    }
}
/**
 * @subsection Forms
 * -------------------
 */
.btn {
}
.btn:not(.btn-link) {
    box-shadow: 1px 1px 6px rgba(0,0,0,.33);
}
.btn:focus {
    border-color: transparent !important;
}
.btn:active {
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.2);
    border-color: transparent !important;
}
.btn-lg, 
.btn-group-lg>.btn,
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    border-radius: 3px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), 
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn.btn-tc,
.input-group-lg>.input-group-btn>.btn.btn-tc {
    padding-left: 1.6em;
    padding-right: 1.6em;
    min-width: 224px;
}
.btn-tc.btn-default {
    color: #444;
    background-color: #fff;
    border-color: transparent;
    box-shadow: 1px 1px 5px rgba(0,10,20,.23);
}
.btn-tc.btn-default:hover,
.btn-tc.btn-default:focus {
    background-color: #E2EAF1;
    background-color: rgba(226,234,241,.7);
    border-color: transparent;
}
.btn-tc.btn-default:active {
    color: #444;
    box-shadow: inset 1px 1px 4px rgba(0,10,20,.16);
    background-color: rgba(226,234,241,1);
}
.btn-tc.btn-default.disabled {
    background-color: #fff;
}
.btn-tc.ff-submitting {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.btn-tc.btn-default.ff-submitting {
    background-image: -webkit-linear-gradient(45deg, rgba(113,130,139,.17) 25%, transparent 25%, transparent 50%, rgba(113,130,139,.17) 50%, rgba(113,130,139,.17) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(113,130,139,.17) 25%, transparent 25%, transparent 50%, rgba(113,130,139,.17) 50%, rgba(113,130,139,.17) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(113,130,139,.17) 25%, transparent 25%, transparent 50%, rgba(113,130,139,.17) 50%, rgba(113,130,139,.17) 75%, transparent 75%, transparent);
}
.btn.no_animation {
    background-image: none !important;
}
.btn-tc.ff-submitting[disabled] {
    /*background-color: #aaa;
    border-color: transparent;
    box-shadow: none;
    opacity: .6;*/
}
.input-group-btn .btn-link {
    position: absolute;
    left: -2.6em;
    top: 0;
    z-index: 3 !important;
    color: #004462;
    /*color: #66afe9;*/
    /*color: #777;*/
}
#mce-responses.form-group {
    margin: 0;
}
.form-group.required label:after {
    content: ' *';
    color: #ed1c24;
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1;
}
.form-control {
    color: #111;
}
.form-control:not([disabled]):not(:focus):hover,
form:not(.form-horizontal):not(.form-inline) .form-group:hover .form-control:not([disabled]):not(:focus) {
    border-color: #004462;
}
form:not(.validate) .checkbox label input[type="checkbox"]:not([disabled]):not(:focus):not(:active) {
    -webkit-transition: box-shadow 0.1s linear;
    transition: box-shadow 0.1s linear;
}
form:not(.validate) .checkbox label:hover input[type="checkbox"]:not([disabled]):not(:focus):not(:active) {
    box-shadow: 0 0 0 1px #444;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
input.btn,
button.btn,
a.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.body input[type="text"],
.body input[type="password"],
.body input[type="email"],
.body input[type="number"],
.body input[type="search"],
.body input[type="tel"],
.body input[type="url"],
.body input::-webkit-input-placeholder,
.body input[placeholder],
.body textarea,
.body select {
    font-size: 16px !important;
}
textarea {
    resize: both;
    max-width: 800px;
    max-height: 400px;
}
.form-horizontal textarea {
    max-width: 100%;
    max-height: 500px;
}
.form-horizontal .checkbox-multiple label {
    display: block;
    padding-bottom: 6px;
    position: relative;
    top: -1px;
    left: 4px;
}
.form-horizontal .checkbox-multiple label input[type="checkbox"] {
    position: relative;
    top: 1px;
    left: -4px;
}
.radio ~ .radio, 
.checkbox ~ .checkbox {
    margin-top: 10px;
}
select.form-control {
    padding-top: 5px;
}
.show-if-ff-submitting,
.ff-submitting .hide-if-ff-submitting {
    display: none;
}
.ff-submitting .show-if-ff-submitting {
    display: inline;
}
/*custom checkboxes*/
.checkbox input {
    cursor: pointer;
}
.checkbox > label {
    padding-left: 42px;
    display: block;
    min-height: 38px;
}
.checkbox > label > input + .custom-box {
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 0;
    border: 3px solid #B1E5F9;
    pointer-events: none;
    visibility: hidden;
    cursor: pointer;
    outline-offset: -4px;
}
.checkbox input[type="checkbox"] {
    margin-left: -30px;
    margin-top: 8px;
}
.safari.mac .checkbox > label > input + .custom-box {
}
.chrome .checkbox > label > input + .custom-box,
.ie .checkbox > label > input + .custom-box {
}
.body.ios .checkbox > label > input + .custom-box {
}
.icons-loaded .checkbox > label > input + .custom-box,
.fonts-loaded .checkbox > label > input + .custom-box {
    visibility: visible;
}
.checkbox > label:hover > input + .custom-box,
.checkbox > label:focus > input + .custom-box,
.checkbox > label > input:focus + .custom-box {
    border-color: #8EDAF7 !important;
}
.checkbox > label > input + .custom-box > .icon {
    font-size: 38px;
    line-height: 20px;
    position: relative;
    top: 0;
    left: -3px;
    color: #66c733;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.checkbox > label > input:checked + .custom-box > .icon {
    opacity: 1;
}
/**
 * @subsection Validation
 * --------------------------
 */
.validate :invalid:not(.btn) {
    outline: 1px solid #cf3e3e;
    border-color: transparent;
}
.validate .invalid {
    outline: 1px solid #cf3e3e;
    border-color: transparent;
}
.validate :valid:not(.btn) {
    outline: 1px solid #5cb85c;
    border-color: transparent;
}
.validate .valid {
    outline: 1px solid #5cb85c;
    border-color: transparent;
}
.validate * {
    outline-offset: -1px;
}
.help-block.validation-invalid,
.validate :invalid:not(.btn) ~ .help-block,
.validate .invalid ~ .help-block {
    color: #f41412;
}
.help-block.validation-invalid,
.validate .invalid ~ .help-block {
    color: #f41412;
}
.help-block.validation-valid,
.validate :valid:not(.btn) ~ .help-block,
.validate .valid ~ .help-block {
    color: #67c44d;
}
.help-block.validation-valid,
.validate .valid ~ .help-block {
    color: #67c44d;
}
.help-block.validation-valid,
.help-block.validation-invalid {
    display: none;
}
.validate :invalid:not(.btn) ~ .help-block.validation-invalid,
.validate .invalid ~ .help-block.validation-invalid,
.validate :valid:not(.btn) ~ .help-block.validation-valid,
.validate .valid ~ .help-block.validation-valid {
    display: block;
}
.validate .invalid ~ .help-block.validation-invalid,
.validate .valid ~ .help-block.validation-valid {
    display: block;
}
.validate :invalid:not(.btn) ~ .help-block.validation-valid,
.validate :valid:not(.btn) ~ .help-block.validation-invalid {
    display: none !important;
}
.validate .checkbox > label > input:invalid + .custom-box {
    outline: 1px solid #cf3e3e;
    border-color: transparent;
}
.validate .checkbox > label > input:valid + .custom-box {
    outline: 1px solid #5cb85c;
    border-color: transparent;
}
/**
 * @subsection Botstrap callouts
 * -------------------------------
 * Callouts from Bootstrap3 docs. Custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #777;
    color: #696969; /* @callout-base-color: #777 */
    background: #f7f7f7; /* lighten(@callout-base-color, 50%): #777 */
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}
.bs-callout-primary {
    border-color: #00aded; /* @brand-primary: #428bca */
    background-color: #e9f2f9; /* lighten(@brand-primary, 42%): #e9f2f9 */
}
.bs-callout-success {
    border-color: #5cb85c; /* @brand-success: #5cb85c */
    background-color: #f1f9f1; /* lighten(@brand-success, 42%): #f1f9f1 */
}
.bs-callout-info {
    border-color: #005373; /* @brand-info: #5bc0de */
    background-color: #f0f9fc; /* lighten(@brand-success, 35%): #f0f9fc */
}
.bs-callout-warning {
    border-color: #f0ad4e; /* @brand-warning: #f0ad4e */
    background-color: #fef9f3; /* lighten(@brand-warning, 35%): #fef9f3 */
}
.bs-callout-danger {
    border-color: #cf3e3e; /* @brand-danger: #cf3e3e */
    background-color: #fcf3f3; /* lighten(@brand-success, 39%): #fcf3f3 */
}
.bs-callout-primary h4 {
    color: #00aded; /* @brand-primary: #428bca */
}
.bs-callout-success h4 {
    color: #5cb85c; /* @brand-success: #5cb85c */
}
.bs-callout-info h4 {
    color: #005373; /* @brand-info: #5bc0de */
}
.bs-callout-warning h4 {
    color: #f0ad4e; /* @brand-warning: #f0ad4e */
}
.bs-callout-danger h4 {
    color: #cf3e3e; /* @brand-danger: #cf3e3e */
}
.tc-callout {
    padding-right: 10%;
}
/**
 * @subsection Sharing buttons
 * -------------------------------
 */
.body .sharing-buttons {
    clear: both;
}
.btn.modal-facebook {
    background: #3b5998;
    border-color: #30497d;
}
.btn.modal-facebook:hover,
.btn.modal-facebook:focus,
.btn.modal-facebook:active {
    background: #30497d;
    border-color: #293e6a;
}
.btn.modal-twitter {
    background: #1da1f2;
    border-color: #0d8fdf;
}
.btn.modal-twitter:hover,
.btn.modal-twitter:focus,
.btn.modal-twitter:active {
    background: #0d8fdf;
    border-color: #0b79bd;
}
.btn.modal-gplus {
    background: #db4437;
    border-color: #ca3124;
}
.btn.modal-gplus:hover,
.btn.modal-gplus:focus,
.btn.modal-gplus:active {
    background: #ca3124;
    border-color: #ac2a1f;
}
.btn.modal-linkedin {
    background: #0077b5;
    border-color: #006091;
}
.btn.modal-linkedin:hover,
.btn.modal-linkedin:focus,
.btn.modal-linkedin:active {
    background: #006091;
    border-color: #00486d;
}
/**
 * @subsection Colors
 * ------------------------
 */
.facebook-blue{color:#3b5998}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
    .input-group,
    .input-group .form-control,
    .input-group-btn,
    .input-group-btn .btn {
        display: block !important;
        float: none !important;
        border-radius: 3px !important;
        width: 100% !important;
    }
    .input-group-lg .form-control,
    .input-group-lg .input-group-btn .btn {
        border-radius: 3px !important;
    }
    .input-group-btn {
        margin: 12px 0 0 !important;
    }
    .input-group-btn .do_zavinac {
        position: absolute;
        width: 40px !important;
        top: -62px !important;
        right: 14px !important;
        z-index: 99 !important;
        bottom: auto !important;
        left: auto !important;
        box-shadow: none !important;
    }
    .tc-form-consent button.left,
    .tc-form-consent button.right,
    .tc-double-buttons button.left,
    .tc-double-buttons button.right {
        float: none;
        display: block;
        margin: 0 auto 1em;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .input-group-btn .do_zavinac {
        display: none !important;
    }
}


/**
 * --------------------
 * @section RAW content
 * ----------------------
 * Special, not global formatting of partial contents starts here.
 * Content be marked with CSS classes, used as namespaces.
 */
/**
 * @subsection RAW content specials
 * ----------------------------------
 * Remember to add class "content-raw" to HTML editor content body
 */
.touch .content-raw a:focus,
.touch .content-raw a:active {
    background-color: #ddd;
    background-color: #E2EAF1;
}
.content-raw a:not(.btn):not(.wraps-image):not(.lightbox):not([target="lightbox"]) {
    padding: 2px 1px;
}
.content-raw a.wraps-image,
.content-raw a[target="lightbox"] {
    text-decoration: none;
    overflow: hidden;
}
.content-raw h1 a, .content-raw h2 a, .content-raw h3 a, .content-raw h4 a, .content-raw h5 a, .content-raw h6 a,
.content-raw .h1 a, .content-raw .h2 a, .content-raw .h3 a, .content-raw .h4 a, .content-raw .h5 a, .content-raw .h6 a {
    padding-left: 0;
    padding-right: 0;
}
.content-raw h1, .content-raw h2, .content-raw h3,
.content-raw .h1, .content-raw .h2, .content-raw .h3 {
    clear: both;
}
.content-raw .modal-title {
    clear: none;
}
/*http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements*/
.content-raw ul,
.content-raw ol {
    overflow: hidden;
}
.content-raw a img[src*="placehold.it"] {
    display: inline-block; /* temporary */
    margin: .2em .1em; /* temporary */
}
.document-before,
.document-after {
    position: relative;
    top: 1px;
    white-space: nowrap;
}
.document-after {
    padding-left: 4px;
}
.document-after a {
    text-decoration: none;
    padding: 2px;
    font-size: 17px;
}
.content-raw .name {
    /*font-variant: none;*/
}
.perex.lead {
    margin-right: 2vw;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 499px) {
    .content-raw .left {
        float: none;
    }
}
@media (max-width: 480px) {
}


/**
 * ----------------
 * @section Sidebar
 * ------------------
 */
.sidebar {
    padding: 0 0 3em;
}
.sidebar .navi a {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #00aded;
    margin: 1em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    opacity: .8;
}
.sidebar .navi li.social a {
    background: #0077b5;
}
.sidebar .navi li.twitter a {
    background: #1da1f2;
}
.sidebar .navi li a:hover,
.sidebar .navi li a:focus {
    box-shadow: 1px 1px 3px rgba(0,0,0,.6);
    opacity: 1;
}
.sidebar .navi li a:active {
    box-shadow: inset 1px 1px 5px rgba(0,0,0,.2);
}
.sidebar .navi a .icon {
    font-size: 24px;
    position: relative;
    top: 17px;
    left: 1px;
}
.sidebar .navi a .icon.cfico-tc {
    left: 0;
}
.no-js .sidebar .navi .text {
    position: static;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .js.fix-sidebar .sidebar {
        position: fixed;
        top: 10px;
        z-index: 99;
    }
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
    .sidebar .navi li {
        float: left;
    }
    .sidebar .navi li a {
        margin-left: 0;
    }
    .sidebar {
        margin: -3em 0 3em;
    }
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}


/**
 * ----------------
 * @section Article
 * ------------------
 */
.page-header {
    padding: 0;
    margin: 1em 0;
    border: 0;
}
article {
    padding-bottom: 4em;
    min-height: 20em;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}


/**
 * -----------------
 * @section Listings
 * -------------------
 */
ul.list,
ul.list > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/**
 * @subsection Pagination
 * ------------------------
 */
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
    .item-image {
        display: none;
    }
    .item-image + .item-content {
        margin-left: 0;
    }
}


/**
 * ---------------
 * @section Header
 * -----------------
 */
header {
    padding: 1em;
    margin: 0 0 2em;
    min-height: 200px;
    background: #EEFAFE;
    background-image: url('/Content/images/head_bg.png');
    background-position: center top;
    background-size: 1600px 220px;
}
header a {
    text-decoration: none;
}
header a.active {
    font-weight: bold;
}
header > .container .row > .col > .inner {
    position: relative;
    min-height: 160px;
}
header .brand {
    position: absolute;
    bottom: -4px;
    left: -1.1em;
}
header .brand img {
    opacity: 1;
}
header .brand a:hover img,
header .brand a:focus img {
    opacity: .8;
}
header .slogan {
    position: absolute;
    right: 0;
    bottom: 0;
}
header .languages {
    position: absolute;
    top: 0;
    right: 0;
}
header .languages li {
    float: left;
    margin: 1em .5em 0 0;
}
/* entire container, keeps perspective */
header .languages li a {
    perspective: 1000px;
}
/* flip speed goes here */
header .languages li a .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
header .languages li a,
header .languages li a .flipper,
header .languages li a .front,
header .languages li a .back {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    position: relative;
    background: transparent;
    color: #fff;
    text-align: center;
}
header .languages li a .front,
header .languages li a .back {
    padding-top: 11px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
header .languages li a .front {
    background: #004462;
}
header .languages li a .back {
    background: #cf3e3e;
}
header .languages li a:active .back {
    box-shadow: inset 1px 1px 9px rgba(0,0,0,.3);
}
/* flip the pane when hovered */
header .languages li a:hover .flipper,
header .languages li a:focus .flipper,
header .languages li a:active .flipper,
header .languages li.active a .flipper {
    transform: rotateY(180deg);
}
/* hide back of pane during swap */
header .languages li a .front, 
header .languages li a .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/* front pane, placed above back */
header .languages li a .front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
header .languages li a .back {
    transform: rotateY(180deg);
}
/*ie*/
body.ie {
}
body.ie header .languages li a:hover .flipper,
body.ie header .languages li a:focus .flipper,
body.ie header .languages li a:active .flipper,
body.ie header .languages li.active a .flipper,
body.ie header .languages li a .front,
body.ie header .languages li a .back {
    transform: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
body.ie header .languages li a:hover .front,
body.ie header .languages li a:focus .front,
body.ie header .languages li a:active .front,
body.ie header .languages li.active a .front {
    background: #cf3e3e;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
    header {
    }
}
@media (min-width: 992px) {
    header {
    }
    #menu-primary-menu .caret {
        /*display: none;*/
    }
    header .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (min-width: 1200px) {
    header {
    }
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.1),
  only screen and (min-device-pixel-ratio: 1.1),
  only screen and (min-resolution: 1.1dppx) {
    header {
        background-image: url('/Content/images/head_bg_2x.png');
    }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
    header {
        margin-bottom: 1em;
    }
    header .brand {
        bottom: 30px;
    }
    header .slogan {
        bottom: -10px;
    }
}
@media (max-width: 480px) {
    header .brand,
    header .slogan {
        left: -1em;
    }
}
/**
 * @subsection Hamburger
 * ------------------------
 */
.navbar-header .navbar-toggle .icon-bar {
    transition: all 0.2s;
    position: relative;
    left: 0;
}
.navbar-header .navbar-toggle.collapsed .icon-bar {
}


/**
 * ---------------
 * @section Footer
 * -----------------
 */
footer {
    padding: 1em;
    background: #E2EAF1;
    background: rgba(223,232,239,.87);
    min-height: 520px;
    padding-top: 0;
    outline: 44px solid #E2EAF1;
    outline: 44px solid rgba(223,232,239,.87);
    position: relative;
    color: #555;
}
body.has-bro-warnings footer {        
}
#main-content {
    margin-bottom: 0;
    padding-bottom: 44px;
}
body.has-bro-warnings #main-content {        
}
footer h4 {
    text-transform: uppercase;
    color: #004462;
    margin-bottom: 16px;
}
footer h4:after {
    content: '';
    display: block;
    width: 3em;
    height: 4px;
    background: #9FB9C6;
    margin-top: 5px;
}
footer hr {
    border-color: #9FB9C6;
    margin-top: 1em;
    margin-bottom: .5em;
}
footer .inner.append-bottom {
    margin-bottom: 2.5em;
}
footer .copy,
nobr {
    white-space: nowrap;
}
footer .navi {
    margin-bottom: 1em;
}
footer .plus {
    display: inline-block;
    width: 1em;
    color: #004462;
    /*margin-left: -1em;*/
}
footer .copy small,
footer .copy small a {
    color: #777;
    color: #9FB9C6;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    footer {
        -webkit-box-shadow: 0px 1284px 0px 720px #E2EAF1;
        -moz-box-shadow: 0px 1284px 0px 720px #E2EAF1;
        box-shadow: 0px 1284px 0px 720px #E2EAF1;
    }
    body.has-bro-warnings footer {
    }
    .js.fix-footer footer {
        position: fixed;
        right: 0;
        bottom: -520px;
        left: 0;
        z-index: 98;
    }
    .js.has-consent-buttons footer {
        outline-width: 74px;
        padding-top: 6em;
        -webkit-box-shadow: 0px 1314px 0px 720px #E2EAF1;
        -moz-box-shadow: 0px 1314px 0px 720px #E2EAF1;
        box-shadow: 0px 1314px 0px 720px #E2EAF1;
    }
    .js.has-consent-buttons footer:after {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        right: 0;
        left: 0;
        height: 1px;
        background: #fff;
        opacity: .44;
    }
    .js #consent_buttons {
        margin-top: 0;
        margin-bottom: -80px;
        position: relative;
        z-index: 99;
        top: 48px;
    }
    .js.fix-footer #consent_buttons {
        position: fixed;
        z-index: 99;
        top: auto;
        bottom: 93px;
    }
}
@media (min-width: 992px) and (max-height: 699px) {
    body:not(.has-consent-buttons) footer {
        min-height: 420px;
    }
    body:not(.has-consent-buttons).js.fix-footer footer {
        bottom: -420px;
    }
}
@media (min-width: 992px) and (max-height: 599px) {
    body:not(.has-consent-buttons) footer {
        min-height: 380px;
    }
    body:not(.has-consent-buttons).js.fix-footer footer {
        bottom: -380px;
    }
}
@media (min-width: 1200px) {
    footer {
    }
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
    footer .projects small {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    body.has-bro-warnings #main-content {
        margin-bottom: 90px;
    }
    footer .projects small {
        line-height: 28px;
    }
}
@media (max-width: 480px) {
}



/**
 * -----------------
 * @section Homepage
 * -------------------
 */
body.home {
}
/**
 * @subsection Responsive
 * ------------------------
 */



/**
 * --------------------
 * @section Breadcrumbs
 * ----------------------
 */
.breadcrumbs {
}
/**
 * @subsection Responsive
 * ------------------------
 */


/**
 * ----------------
 * @section Flashes
 * ------------------
 */
.flashes {
}
.flashMessage {
    margin-bottom: 0;
    position: relative;
    border-radius: 0;
    border-width: 1px 0;
}
.flashes > .flashMessage:first-child {
    margin-top: -2em;
}
.flashes > .flashMessage:last-child {
    margin-bottom: 1em;
}
.container .flashMessage {
    /*border: 0;
    border-radius: 4px;*/
    margin-bottom: 0;
    position: relative;
}
.flashMessageClose {
}
.alert,
.alert-warning {
    /*color: #d69100;
    border: 0;*/
}
.alert-success {
    background: #DCF2D0;
    border-color: #C1E8AC;
}
.alert-success, alert-success * {
    color: #488826;
}
.alert-danger {
    background: #F6DBDB;
    border-color: #f1c9c9;
}
.alert-danger, alert-danger * {
    color: #BA3030;
}
/**
 * @subsection Browser warnings
 * ------------------------------
 */
.bro-warnings {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1025;
}
body.cookies-off .no-cookies-warning,
body.cookies-on .cookies-notice {
    display: block !important;
}
body.cookies-notice-seen .cookies-notice {
    display: none !important;
}
.btn.flashMessageClose {
    margin: 8px 0;
}
.btn.flashMessageClose ~ .btn {
    margin-top: 2px;
}
.bro-warnings {
    position: fixed;
}
@media (min-width: 992px) {
    .bro-warnings {
        position: fixed;
    }
    .alert {
        padding-right: 16px;
    }
    .flashMessage {
        padding-right: 20px;
    }
    .btn.flashMessageClose,
    .btn.flashMessageClose ~ .btn {
        margin: -9px 0 -6px 6px;
    }
    body.rtl .btn.flashMessageClose,
    body.rtl .btn.flashMessageClose ~ .btn {
        margin: -9px 6px -6px 0;
    }
    .ios .btn.flashMessageClose,
    .ios .btn.flashMessageClose ~ .btn {
        margin-top: -10px;
    }
    .flashWarning br {
        display: none;
    }
}
.btn.flashMessageClose ~ .btn {
    margin-left: -4px;
}
@media (max-width: 991px) {
    .flashMessageClose:not(.btn) {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        padding: 12px 14px;
    }
    body.rtl .flashMessageClose:not(.btn) {
        right: auto;
        left: 0;
    }
}


/**
 * -------------------
 * @section Take-Me-Up
 * ---------------------
 */
.take-me-up {
    width: 64px;
    height: 64px;
    margin-right: -92px;
    margin-bottom: 16px;
    border-radius: 300px;
    background: #bbb url('/Content/images/common/uarr.png') center center no-repeat;
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1026;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.15s linear, visibility 0.15s;
    -moz-transition: opacity 0.15s linear, visibility 0.15s;
    transition: opacity 0.15s linear, visibility 0.15s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity, visibility;
    opacity: 0;
    visibility: hidden;
}
body.rtl .take-me-up {
    margin-right: 0;
    margin-left: -92px;
    right: auto;
    left: 0;
}
.take-me-up.showme,
body.touch .take-me-up.showme:hover {
    opacity: .7;
    visibility: visible;
}
.take-me-up.showme:hover,
.take-me-up.showme:focus {
    opacity: .9;
}
.take-me-up.showme:active {
    background-color: #999;
}
body.android-lt3 .take-me-up {
    display: none;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
    .take-me-up {
        background-image: url('/Content/images/common/uarr@2x.png');
        -webkit-background-size: 44px 44px;
        background-size: 44px 44px;
    }
}


/**
 * ---------------------
 * @section Owl Carousel
 * -----------------------
 */
.carousel {
    width: 100%;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel {
    text-align: center;
}
.owl-carousel .slide > .inner {
    padding: 10px 4% 0;
}
.owl-carousel .prevnext {
    display: none;
}
.owl-theme .owl-controls .owl-page span {
    background-color: #999;
}
.owl-theme .owl-controls .owl-page.active span {
    background-color: #f23622;
}
/**
 * @subsection Responsive
 * ------------------------
 */
@media (min-width: 768px) {
    .carousel {
        width: 800px;
        margin: 0 auto 20px;
        max-width: 84%;
    }
    .owl-carousel .slide > .inner {
        padding: 20px 8% 10px;
    }
    .owl-carousel .prevnext {
        display: block !important;
        opacity: .5;
        width: 70px;
        height: 150px;
        position: absolute;
        z-index: 4;
        top: 30%;
        right: -68px;
    }
    .owl-carousel .prev {
        right: auto;
        left: -48px;
    }
    body:not(.ios) .owl-carousel .prevnext:hover,
    .owl-carousel .prevnext:active {
        opacity: .7;
    }
    .owl-carousel .prevnext .icon {
        display: block;
        width: 20px;
        height: 20px;
        border-left: 3px solid #999;
        border-bottom: 3px solid #999;
        position: absolute;
        left: 14px;
        top: 42%;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .owl-carousel .prev .icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 16px;
    }
    .owl-carousel .prevnext.disabled {
        opacity: .1 !important;
        cursor: default;
    }
}
@media (min-width: 992px) {
    .owl-carousel .prevnext {
        right: -64px;
    }
    .owl-carousel .prev {
        left: -44px;
    }
}
@media (min-width: 1200px) {
    .owl-carousel .slide > .inner {
        padding: 30px 8% 10px;
    }
    .owl-carousel .prevnext {
        right: -68px;
    }
    .owl-carousel .prev {
        left: -48px;
    }
}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min-device-pixel-ratio: 1.3),
  only screen and (min-resolution: 1.3dppx) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}


/**
 * -----------------
 * @section Fancybox
 * -------------------
 */
#fancybox-wrap,
#fancybox-wrap *,
#fancybox-wrap *:before,
#fancybox-wrap *:after,
#fancybox-loading,
#fancybox-loading *,
#fancybox-tmp,
#fancybox-tmp *,
#fancybox-overlay {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#fancybox-title { /* set title properties */
    text-align: left;
    font-family: 'Work Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#fancybox-title-inside {
    width: 90%;
}
#fancybox-title-outside {
    width: 99%;
    margin-top: -20px;
}
#fancybox-outer #fancybox-close {
    right: 15px !important;
    top: 15px !important;
    opacity: .4;
}
#fancybox-outer:hover #fancybox-close {
    opacity: .8;
}
#fancybox-outer:hover #fancybox-close:hover {
    opacity: 1;
}
#fancybox-left,
#fancybox-right {
    bottom: auto;
    top: 0;
    height: 96%;
}
#fancybox-left span,
#fancybox-right span {
    opacity: 0;
    left: 20px;
}
.ie8 #fancybox-left span,
.ie8 #fancybox-right span {
    visibility: hidden;
}
#fancybox-right span {
    left: auto;
    right: 20px;
}
body.mobile #fancybox-left span,
body.mobile #fancybox-right span {
    visibility: visible;
    opacity: .5 !important;
}
body.mobile #fancybox-left:active span,
body.mobile #fancybox-right:active span,
#fancybox-left:hover span,
#fancybox-right:hover span {
    opacity: .9 !important;
}
.ie8 #fancybox-left:hover span,
.ie8 #fancybox-right:hover span {
    visibility: visible;
}
#fancybox-left span, #fancybox-right span, #fancybox-close {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity;
}
#fancybox-outer {/* space for captions */
    top: -20px;
}
#fancybox-outer,
#fancybox-content,
#fancybox-title {/* outer corners */
    border-radius: 6px;
}
#fancybox-overlay {
    cursor: default !important;
}
@media (max-width: 767px) {
    #fancybox-outer {
        top: 0;
    }
    #fancybox-wrap {
        padding-right: 0;
    }
    .fancybox-bg {
        display: none;
    }
    #fancybox-title-over {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .android-lt3 #fancybox-title-over {
        display: none;
    }
    #fancybox-left span,
    #fancybox-right span {
        visibility: visible !important;
        opacity: .5 !important;
        top: 52%;
    }
    #fancybox-left:active span,
    #fancybox-right:active span {
        opacity: .9 !important;
    }
    #fancybox-outer #fancybox-close {
        opacity: .6 !important;
        right: 0 !important;
        top: 0 !important;
        border: 15px solid transparent;
        -moz-background-clip: content;
        -webkit-background-clip: content;
        background-clip: content-box;
    }
    #fancybox-outer #fancybox-close:active {
        opacity: 1 !important;
    }
    body:not(.android-lt3) #fancybox-left,
    body:not(.android-lt3) #fancybox-right,
    body:not(.android-lt3) #fancybox-outer #fancybox-close {
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #fancybox-outer,
    #fancybox-content,
    #fancybox-title {
        border-radius: 0;
    }
}
/*due to stackable modals*/
#fancybox-overlay,
#fancybox-wrap {
    z-index: 1900;
}


/**
 * -----------------
 * @section CfProject
 * -------------------
 */
a.cbf {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: 8px;
    bottom: 6px;
    display: none;
    width: 30px;
    height: 30px;
    opacity: .3 !important;
    z-index: 99;
}
.ie10 a.cbf,
.ie11 a.cbf {
    right: 30px;
}
body:hover a.cbf {
}
a.cbf:hover,
a.cbf:focus {
    opacity: .7 !important;
}
@media (min-width: 992px) {
    a.cbf {
        display: block;
    }
}


/**
 * --------------
 * @section Fixes
 * ----------------
 */
.ie9 body,
.ie9 a,
.ie9 img {
    /* IE9 needs conditional override of 'filter' to 'none' */
    filter: none !important;
}



/**
 * Project - Print CSS Stylesheet
 *
 * @project Project
 * @version 1.0
 * @date 27.02.2014 18:10:55
 * @author %AUTHOR%
 * @copyright %COPYRIGHT% 2015-present
 */
@media print {

    /**
     * ---------------
     * @section Global
     * -----------------
     */
    body.body {
        font: 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    }
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
        width: auto !important;
    }
    a, a:visited {
        text-decoration: underline;
    }


    /**
     * ----------------
     * @section Project
     * ------------------
     * Your project-level print styles.
     */
    body.body,html {
        background: #fff !important;
    }
    body.body {
        padding-left: 2em;
        padding-right: 2em;
    }
    .page-header {
        padding: 0 0 1em !important;
    }
    .cf-pagination {
        display: none !important;
    }


    /**
     * --------------
     * @section Fixes
     * ----------------
     */
    .ie9 body {
        /* IE9 needs conditional override of 'filter' to 'none' */
        filter: none !important;
    }

}

/* end of file */