/* Font styles */
/* open-sans-300 - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
    url('../../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.woff') format('woff'), /* Modern Browsers */
    url('../../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - greek_cyrillic_latin_greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/open-sans-v13-greek_cyrillic_latin_greek-ext-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin'), local('Roboto-Thin'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin_greek_cyrillic_greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/roboto-v15-latin_greek_cyrillic_greek-ext-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
    background-color: #232C3A;
    color: #555;
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.padding-sct { flex: 1; display: flex; flex-direction: column; }
.padding-sct .container, .padding-sct .container-fluid { justify-content: center; flex: 1; background-color: rgb(250, 250, 250); }


.row{
    position: relative;
}

.top-bar-sct .container, .top-bar-sct .container-fluid{
    margin-top: 0px;
    background-color: rgb(238, 238, 238);
    height: 52px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 52px;
    border-bottom: 1px solid #999;
    background-color: #232C3A;
    color: white;
}

.banner-sct .container, .banner-sct .container-fluid{
    height: 130px;
    font-family: Roboto, sans-serif;
    background-color: rgb(250, 250, 250);
}

.logo-area{
    max-height: 100px;
}

.logo-area img{
    max-height: 80px;
    margin: 20px 0px;
}

.top-bar-sct .container, .top-bar-sct .container-fluid{
    margin-top: 0px;
}

.menu-nav{
    font-family: Roboto;
    font-size: 18px;
    line-height: 80px;
}

.menu-nav li{
    padding-left: 15px;
    padding-right: 15px;
    margin: 20px 15px;
    cursor: pointer;
}
.menu-nav li:hover{
    background-color: rgb(238, 238, 238);
}

.language-selector{
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #999;
}

.description-sct .container, .description-sct .container-fluid {
    background-color: rgb(250, 250, 250);
}

.description-sct .jumbotron {
    margin-bottom: 0;
}

.search-sct .container, .search-sct .container-fluid, .result-sct .container, .result-sct .container-fluid{
    background-color: rgb(250, 250, 250);
    padding-bottom: 50px;
    padding-top: 16px;
}

.reg-btns{
    cursor: pointer;
}

#loginModalContent .form-control, #registerModalContent .form-control{
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    border-bottom: 1px solid #999;
}

#loginModalContent .form-control:focus, #registerModalContent .form-control:focus{
    border-bottom: 2px solid blue;
}

.section-title{
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.footer-sct .container, .footer-sct .container-fluid{
    font-family: "Roboto", sans-serif;
    background-color: #232C3A;
    color: #eee;
    border-top: 1px solid #999;
}

.footer-main{
    padding-top: 70px;
    padding-bottom: 70px;
}

.copyright-note .container, .copyright-note .container-fluid{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top:1px solid #999;
}

.panel{
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.05)
}

.criterias{
    min-height: 250px;
}
.inner-heading
{
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-family: "Roboto" !important;
    font-weight: 500;
}

.panel-inner-footer{
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #ccc;
    font-family: "Roboto" !important;
}

.search-count{
    padding-bottom: 25px;
}

.result-wrapper .panel-title {
    height: 1.5em;
}
.result-wrapper .panel-title a {
    float: left;
    display: block;
    height: 1.5em;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.result-wrapper .panel-title i {
    float: right;
    padding-top: .2em;
}
.result-wrapper .panel-title a:hover{
    text-decoration: none;
}
.result-wrapper .panel-body{
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.result-meta li{
    padding-bottom: 7px;
}

.options-sct .container{
    background-color: rgb(250, 250, 250);
    background-image: url("../BackgroundImage-alt.jpg");
    padding: 10px 0;
}
.options-sct .option-btn:hover { cursor: pointer; }
.options-sct .option-btn {
    padding-bottom: 40px;
    padding-top: 30px;
    margin: 25px 10px;
    background-color: rgb(255, 255, 255);
    height: 10em;
    position: relative;
    transition: all 0.1s ease-in-out;
}

@media only screen and (max-width: 767px) {
    .options-sct .option-btn {
        margin: 10px;
    }
}

.option-btn.active { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px; }

.option-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 5px;
    transition: opacity 0.1s ease-in-out;
}
.option-btn:hover { transform: scale(1.02, 1.02); }
.option-btn:hover::after { opacity: 1; }

.option-btn.materials { background-color: #f07d00; }
.option-btn.handbook { background-color: #7590c7; }
.option-btn.courses { background-color: #afca09; }
.option-btn.good-practices { background-color: #e5007e; }

.option-btn { display: block; }
.option-btn div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.option-btn h3 { max-width: 70%; text-shadow: 2px 2px rgba(0,0,0,.2); }
.option-btn span { color: #ffffff; }
a.option-btn { text-decoration: none; }

.iframe-container {
 padding-bottom:60%;
 padding-top:30px;
 height:0;
 overflow:hidden
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
 border:0;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}

@media only screen and (min-width: 768px) {
    .result-wrapper { height: 355px; }
    .result-wrapper .panel-body { height: 290px; overflow-y: auto; }
}

@media only screen and (max-width: 767px) {
    .options-sct .option-btn {
        height: 1em;
    }
    .banner-sct {
        background-color: #fafafa;
    }
    .options-sct .option-btn {
        margin: 5px 10px;
    }
}

@media only screen and (max-width: 510px) {
    .menu-nav li {
        padding: 0;
        margin: 0 5px;
    }
    .banner-sct .container, .banner-sct .container-fluid {
        height: 80px;
    }
    .menu-nav ul {
        margin-bottom: 0;
    }
}