/* Minification failed. Returning unminified contents. (1197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1640,23): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2121,18): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2180,18): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2197,31): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2198,15): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2436,22): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (2505,18): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3193,27): run-time error CSS1039: Token not allowed after unary operator: '-slider-height' (3218,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-height' (3246,30): run-time error CSS1039: Token not allowed after unary operator: '-slider-height' (3439,22): run-time error CSS1039: Token not allowed after unary operator: '-slider-height' (3447,57): run-time error CSS1039: Token not allowed after unary operator: '-slider-size' (3747,24): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (3764,34): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (3770,37): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (4024,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (4039,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (4147,33): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (4162,34): run-time error CSS1039: Token not allowed after unary operator: '-gutter' (4198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4203,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4237,18): run-time error CSS1039: Token not allowed after unary operator: '-img-size' (4241,21): run-time error CSS1039: Token not allowed after unary operator: '-img-size' (4242,22): run-time error CSS1039: Token not allowed after unary operator: '-img-size' (4351,28): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (4367,34): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (4373,37): run-time error CSS1039: Token not allowed after unary operator: '-margin-slider' (5118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5130,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5131,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5132,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5133,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5134,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5135,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5136,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5137,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5143,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5144,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5145,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5146,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5147,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5148,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5149,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5150,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5156,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5157,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5158,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5160,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5161,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5162,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5163,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5169,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5170,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5171,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5172,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5173,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5174,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5175,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5176,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5182,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5189,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5207,17): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-width' (5208,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-height' (5219,17): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-width' (5220,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-height' (5221,23): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-block' (5222,26): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-block' (5223,24): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-inline' (5224,25): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-inline' (5228,21): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-font-size' (5236,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-img-wrap-height' (5260,24): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-text-padding' (5261,25): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-text-padding' (5265,22): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-info-margin' (5278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5290,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5292,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5293,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5294,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5296,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5306,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5308,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5317,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5320,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5329,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5330,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5331,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5333,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5334,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5335,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5336,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5343,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5344,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5345,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5346,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5347,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5349,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5355,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5356,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5357,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5358,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5359,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5360,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5361,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5362,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5367,17): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-width' (5368,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-height' (5379,17): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-width' (5380,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-height' (5381,23): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-block' (5382,26): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-block' (5383,24): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-inline' (5384,25): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-padding-inline' (5388,21): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-font-size' (5396,18): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-img-wrap-height' (5420,24): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-text-padding' (5421,25): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-text-padding' (5425,22): run-time error CSS1039: Token not allowed after unary operator: '-s-modal-info-margin' (6915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6916,30): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (6917,27): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (6918,22): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (6926,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6932,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6938,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6950,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7145,37): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (7168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7211,30): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (7212,27): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (7213,22): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' (7220,44): run-time error CSS1039: Token not allowed after unary operator: '-list-size' (7221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7239,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7245,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7262,32): run-time error CSS1039: Token not allowed after unary operator: '-list-size' (7322,17): run-time error CSS1039: Token not allowed after unary operator: '-list-width' (7327,25): run-time error CSS1039: Token not allowed after unary operator: '-list-width' (7350,37): run-time error CSS1039: Token not allowed after unary operator: '-column-gap' */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} /*! lightgallery - v1.6.11 - 2018-05-22 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2018 Sachin N; Licensed GPLv3 */ @font-face { font-family: 'lg'; src: url("..fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-download #lg-download { /*display: none;*/ } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ /*! * Datepicker v1.0.9 * https://fengyuanchen.github.io/datepicker * * Copyright 2014-present Chen Fengyuan * Released under the MIT license * * Date: 2019-09-21T06:57:30.334Z */ .datepicker-container { background-color: #fff; direction: ltr; font-size: 12px; left: 0; line-height: 30px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 210px; z-index: -1; } .datepicker-container::before, .datepicker-container::after { border: 5px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; } .datepicker-dropdown { border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; z-index: 1; } .datepicker-inline { position: static; } .datepicker-top-left, .datepicker-top-right { border-top-color: #39f; } .datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after { border-top: 0; left: 10px; top: -5px; } .datepicker-top-left::before, .datepicker-top-right::before { border-bottom-color: #39f; } .datepicker-top-left::after, .datepicker-top-right::after { border-bottom-color: #fff; top: -4px; } .datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; } .datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { border-bottom: 0; bottom: -5px; left: 10px; } .datepicker-bottom-left::before, .datepicker-bottom-right::before { border-top-color: #39f; } .datepicker-bottom-left::after, .datepicker-bottom-right::after { border-top-color: #fff; bottom: -4px; } .datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { left: auto; right: 10px; } .datepicker-panel > ul { margin: 0; padding: 0; width: 102%; } .datepicker-panel > ul::before, .datepicker-panel > ul::after { content: " "; display: table; } .datepicker-panel > ul::after { clear: both; } .datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 30px; list-style: none; margin: 0; padding: 0; text-align: center; width: 30px; } .datepicker-panel > ul > li:hover { background-color: rgb(229, 242, 255); } .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; } .datepicker-panel > ul > li.highlighted { background-color: rgb(229, 242, 255); } .datepicker-panel > ul > li.highlighted:hover { background-color: rgb(204, 229, 255); } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; } .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #fff; color: #ccc; cursor: default; } .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: rgb(229, 242, 255); } .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] { font-size: 18px; } .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] { width: 150px; } .datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li { height: 52.5px; line-height: 52.5px; width: 52.5px; } .datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover { background-color: #fff; cursor: default; } .datepicker-hide { display: none; } /*$red: #dc3545;*/ :root { --header-height: 64px; --gutter: 20px; --margin-slider: calc(var(--gutter)*2); } @media (min-width: 992px) { :root { --header-height: 88px; } } @media (min-width: 1200px) { :root { --margin-slider: calc(var(--gutter)*5); } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! formalize.css | MIT License | github.com/interacthings/formalize */ *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; text-rendering: optimizeLegibility; } body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: inherit; text-decoration: none; } img { vertical-align: middle; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form { margin: 0; } button, fieldset, iframe { border: 0; } fieldset, ul, ol, button, menu { padding: 0; } ol, ul { list-style: none; } textarea { resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { padding: 0; } body { font-family: "Raleway", "Oxygen", Arial, sans-serif; line-height: 1.5; color: #000; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; } body.overflow { overflow: hidden; } body.scroll-padding { padding-right: 17px; } header.header.sticky { position: fixed; top: 0; width: 100%; z-index: 2; } header.header.sticky .mega-menu { padding-bottom: unset !important; } main.sticky { padding-top: var(--header-height); } img.responsive { max-width: 100%; } .main { -webkit-box-flex: 1; flex: 1 0 auto; background-color: #f8f9fa; } .main > * + * { padding-top: 40px; padding-bottom: 40px; } .main > section:nth-child(even) { background-color: #fff; } .main > section:nth-child(odd) { background-color: #f8f9fa; } .container { max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { .container { max-width: 1275px; } } .icon { display: inline-block; width: 24px; height: 24px; stroke-width: 0; stroke: currentColor; fill: currentColor; flex-shrink: 0; } button { display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: transparent; color: inherit; cursor: pointer; } .btn-icon { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; height: 40px; width: 40px; padding: 0 !important; } .mt-1 { margin-top: 1em !important; } .bold { font-weight: bold; } .center { text-align: center; } .red { color: #2f4073; } .blue { color: #007bff; } .blue-bg { background-color: #007bff; border-color: transparent !important; } .white { color: white; } .flex { display: -webkit-box; display: flex; } .flex.justify-center { -webkit-box-pack: center; justify-content: center; } .flex.align-center { -webkit-box-align: center; align-items: center; } .margin-left { margin-left: auto; } .margin-right { margin-right: auto; } table.table th, table.table td { border: none !important; border-top: 1px solid #ddd !important; padding: 1em; text-align: left; } table.table a:hover { text-decoration: underline; } .form-input { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .form-input + .form-input { margin-top: 1em; } .form-input input, .form-input select, .form-input div { -webkit-box-flex: 2; flex: 2; } .form-input > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .form-input label, .form-input input[type="submit"], .form-input input[type="button"] { -webkit-box-flex: 1; flex: 1; max-width: 200px; } .form-input input, .form-input select, .form-input button { border: 1px solid #aaa; border-radius: 3px; padding: .5em; } .form-input button { min-width: 100px; } .form-input button + button { margin-top: 1em; } .form-input div > input + input { margin-top: 1em; } .form-input-one button { margin-left: 1em; } @media (min-width: 576px) { .form-input div { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .form-input div > input + input { margin-top: 0; margin-left: 1em; } } @media (min-width: 768px) { .form-input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .form-input button + button { margin-top: 0; margin-left: 1em; } .form-input div > input + input { margin-top: 0; margin-left: 1em; } } .date { text-align: right; color: #6c757d; margin: 0 !important; } .views { text-align: right; color: #6c757d; margin: 0 !important; } .modal { margin: 0 !important; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: none; } .modal-content { border-radius: 3px; background-color: #fff; width: 100%; max-width: 1000px; margin-left: 20px; margin-right: 20px; } .modal-header { display: -webkit-box; display: flex; padding: 1em; } .modal-title { -webkit-box-flex: 1; flex-grow: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .modal-close { width: 40px; height: 40px; -webkit-box-ordinal-group: 3; order: 2; flex-shrink: 0; color: #444; } .modal-body { padding: 1em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .modal-footer { padding: 1em; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .modal-footer button { height: 40px; border: 1px solid #ddd; border-radius: 3px; padding-left: 1em; padding-right: 1em; } .modal.show { display: -webkit-box; display: flex; } @media (min-width: 992px) { .hide-desktop { display: none !important; } } .justify { text-align: justify; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive > .embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive:before { display: block; content: ""; } .embed-responsive-16by9:before { padding-top: 56.25%; } .embed-responsive-4by3:before { padding-bottom: 75%; } .nav { display: -webkit-box; display: flex; background-color: #172039; -webkit-box-pack: justify; justify-content: space-between; height: 40px; } @media (min-width: 992px) { .nav { display: -webkit-box; display: flex; } } .nav .social-media { display: -webkit-box; display: flex; } .nav .social-media .btn-icon { height: 100%; color: #fff; width: 40px; } .nav .social-media .btn-icon:hover { background-color: #2f4073; } .nav .social-media .btn-icon .icon { height: 20px; /*16px ten 20px çıktı*/ width: 20px; /*16px ten 20px çıktı*/ } .nav-menu { display: -webkit-box; display: flex; color: #fff; font-size: 14px; } .nav-menu a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding-left: 6.66667px; padding-right: 6.66667px; font-size: 12px; } @media (min-width: 992px) { .nav-menu a { padding-left: 10px; padding-right: 10px; } } .nav-menu a + a span { border-left: 1px solid #fff; padding-left: 10px; } @media (min-width: 992px) { .nav-menu a + a span { border-left: 2px solid #fff; padding-left: 20px; } } .nav-menu .btn-icon { height: 100%; width: 40px; background-color: #fff; color: #000; } .nav-menu .btn-icon:hover { background-color: #d9d9d9; } .nav-menu .btn-icon .icon { pointer-events: none; } .nav-menu > :first-child { display: none; } @media (min-width: 992px) { .nav-menu > :first-child { display: -webkit-box; display: flex; } } .nav-menu > :last-child { display: none; } @media (min-width: 992px) { .nav-menu > :last-child { display: -webkit-box; display: flex; } } .nav-menu > :nth-child(2) span { border-left: none; } @media (min-width: 992px) { .nav-menu > :nth-child(2) span { border-left: 2px solid #fff; display: block; } } .header { background-color: #2f4073; color: #000; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: var(--header-height); position: relative; -webkit-transition: background-color .5s; transition: background-color .5s; /*&-switch { padding: 0 !important; width: $finger-size - 5px; height: $finger-size - 5px !important; display: flex; flex-direction: column; justify-content: space-evenly; z-index: 2; div { height: 2px; width: 100%; background-color: #fff; transition: all .2s; pointer-events: none; } &.active { div { background-color: #000; } div:nth-child(1) { transform: translateY(9px) rotate(45deg); } div:nth-child(2) { opacity: 0; } div:nth-child(3) { transform: translateY(-9px) rotate(-45deg); } } @include mq('desktop') { display: none !important; } }*/ } @media (min-width: 992px) { .header { color: #fff; -webkit-box-pack: stretch; justify-content: stretch; } } .header.hover { background-color: #fff; color: #2f4073; } .header > a { height: var(--header-height); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .mega-menu { position: absolute; background-color: #fff; color: #000; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; height: calc(100vh - var(--header-height)); top: var(--header-height); left: 0; opacity: 1; visibility: visible; -webkit-transition: all .2s; transition: all .2s; z-index: 1; overflow: auto; padding-bottom: 40px; } @media (min-width: 992px) { .header .mega-menu { border-top: 1px solid #eee; border-bottom: 1px solid #eee; z-index: 2; padding-bottom: unset; } } .header .mega-menu.hide { opacity: 0; visibility: hidden; left: -100px; overflow: hidden; } .header .mega-menu a { min-height: 50px; background-color: #eee; border-bottom: 1px solid #ddd; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: .25em 1em; font-size: 16px; } .header .mega-menu a > span:first-child { flex-grow: 1; } .header .mega-menu a > svg { flex-shrink: 0; } @media (min-width: 992px) { .header .mega-menu a { border-color: #2f4073; min-height: 40px; background-color: inherit; padding-left: 0; padding-right: 0; font-size: 1em; } } .header .mega-menu > a:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background-color: #2f4073; color: #fff; } .header .mega-menu > a:first-child span { pointer-events: none; } .header .mega-menu > a:first-child span:last-child { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header .mega-menu > a:first-child span:last-child .icon { margin-right: 8px; } .header .mega-menu p.title { background-color: #eee; border-bottom: 1px solid #ddd; height: 50px; padding: .25em 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 16px; font-weight: bold; } .header .mega-menu p.title ~ a { padding-left: 2em; } @media (min-width: 992px) { .header .mega-menu p.title ~ a { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .header .mega-menu p.title { font-size: 1em; padding-left: 0; padding-right: 0; background-color: inherit; height: auto; border-bottom: none; } } @media (min-width: 992px) { .header .mega-menu { top: 100%; left: 0; right: 0; width: 100%; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: space-evenly; justify-content: space-evenly; } .header .mega-menu [data-toggle='mega-menu-slide'] { display: none; } .header .mega-menu > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } .header .mega-menu:not(.header-menu-bakan) a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } @media (min-width: 992px) { .header .mega-menu:not(.header-menu-bakan) > div { width: 25%; padding-top: 20px; padding-bottom: 20px; } .header .mega-menu:not(.header-menu-bakan) > div > p { margin-bottom: 20px; color: #2f4073; } .header .mega-menu:not(.header-menu-bakan) > div a { position: relative; border-bottom: none; } .header .mega-menu:not(.header-menu-bakan) > div a + a { margin-top: calc(20px / 2); } .header .mega-menu:not(.header-menu-bakan) > div a::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#2f4073), to(white)); background-image: linear-gradient(to right, #2f4073, white); -webkit-transition: all .5s; transition: all .5s; } .header .mega-menu:not(.header-menu-bakan) > div a:hover { color: #2f4073; } .header .mega-menu:not(.header-menu-bakan) > div a:hover::after { width: 50%; } } .header-menu { position: absolute; top: 0; opacity: 0; visibility: hidden; left: -100px; width: 100%; height: calc(100vh); -webkit-transition: all .2s; transition: all .2s; overflow: auto; } @media (max-width: 1199px) { .header-menu { font-size: 13px; } } @media (max-width: 991px) { .header-menu { background-color: #fff; } } @media (min-width: 992px) { .header-menu { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; position: unset; height: var(--header-height); width: auto; opacity: 1; visibility: visible; overflow: unset; } } .header-menu.show { display: block; opacity: 1; visibility: visible; left: 0; z-index: 2; } .header-menu > a { height: 50px; background-color: #eee; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: .25em 1em; border-bottom: 1px solid #ddd; font-size: 16px; } @media (min-width: 992px) { .header-menu > a { font-size: 1em; height: 40px; background-color: inherit; padding-left: 1em; padding-right: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-bottom: none; } } .header-menu > a:first-child { background-color: #fff; } .header-menu > a[data-toggle="mega-menu"] { position: relative; } .header-menu > a[data-toggle="mega-menu"]::before { content: ""; position: absolute; height: 2px; bottom: 0; background-color: #2f4073; left: 50%; right: 50%; -webkit-transition: all .3s; transition: all .3s; } .header-menu > a.active::before { left: 1em; right: 1em; } .header-menu-title { height: var(--header-height) !important; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border-bottom: 1px solid #ddd; } @media (min-width: 992px) { .header-menu-title { display: none !important; } } .header-menu-title > a { height: 100%; } .header-menu-title picture { height: 100%; } .header-menu-title img { height: 100%; } .header-menu-title .btn-icon { color: #000; margin-left: 1em; margin-right: 1em; } .header-menu-bakan-img, .header-menu-bakan-info, .header-menu-bakan-yardimcilari-title { display: none; } @media (min-width: 992px) { .header-menu-bakan { font-size: 13px; display: grid !important; grid-template-columns: 260px 1fr 360px; grid-template-rows: 90px 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 8px; } .header-menu-bakan-img { grid-column: 1/2; grid-row: 1/3; display: block; } .header-menu-bakan-img img { margin: 20px; } .header-menu-bakan-title { grid-column: 2/3; grid-row: 1/2; color: #2f4073; border-bottom: 2px solid #2f4073; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; padding-bottom: 8px; } .header-menu-bakan-title > p:first-child { font-size: 20px; } .header-menu-bakan-info { grid-column: 2/3; grid-row: 2/3; display: block; } .header-menu-bakan-info > a { border: none !important; color: #2f4073; } .header-menu-bakan-yardimcilari { grid-column: 3/4; grid-row: 1/3; background: #d66f6f; background: -webkit-gradient(linear, left top, right top, from(#d99b9b), to(#d5c3c3)); background: linear-gradient(90deg, #d99b9b 0%, #d5c3c3 100%); padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .header-menu-bakan-yardimcilari > a { border-color: #000 !important; margin-top: 20px; padding-bottom: 8px; padding-right: 12px; } .header-menu-bakan-yardimcilari > a > p:last-child { display: none; } .header-menu-bakan-yardimcilari-title { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; font-size: 20px; height: 90px; border-bottom: 1px solid #2f4073; margin-bottom: 8px; padding-bottom: 8px; } } @media (min-width: 1200px) { .header-menu-bakan { font-size: 1em; } } .header-menu-birimler { font-size: .9rem; } @media (min-width: 992px) { .header-menu-birimler > div:nth-child(2) { max-width: 250px; } } @media (min-width: 992px) { .header-menu-birimler > div:last-child { display: -webkit-box; display: flex; width: 70% !important; } .header-menu-birimler > div:last-child > div { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .header-menu-birimler > div:last-child > div > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .header-menu-birimler > div:last-child > div > div + div { margin-left: 20px; } .header-menu-birimler > div:last-child > div > div:last-child a { color: #000099; } } .header-menu-hizmetler { font-size: .9rem; } @media (min-width: 992px) { .header-menu-hizmetler > div { width: 20% !important; } } .header-menu-platformlar { font-size: 1em; } @media (min-width: 992px) { .header-menu-platformlar > div { width: 20% !important; } } .header-menu-harekat { font-size: 1em; } @media (min-width: 992px) { .header-menu-harekat > div { width: 20% !important; } } .header-menu-modernizasyon { font-size: 1em; } @media (min-width: 992px) { .header-menu-modernizasyon > div { width: 20% !important; } } .header-menu-medya { font-size: 1em; } @media (min-width: 992px) { .header-menu-medya > div { width: 20% !important; } } .header-logo { padding-left: 1em; padding-right: 1em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 992px) { .header-logo { position: unset; -webkit-transform: unset; transform: unset; padding-left: 1em; padding-right: 0; margin-right: 40px; } } .header-logo picture { height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .header-logo img { height: 90%; } @media (min-width: 992px) { .header-logo img { height: 80%; } } @media (min-width: 1200px) { .header-logo img { height: 90%; } } .header-action { padding-left: 1em; padding-right: 1em; display: -webkit-box; display: flex; color: #fff; } @media (min-width: 992px) { .header-action { display: none; } } .header-action > * + * { margin-left: 1em; } .header-action > .btn-icon { /*menu yazısı için*/ width: auto; } .header-search { visibility: hidden; opacity: 0; -webkit-transition: all .5s; transition: all .5s; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 100%; position: absolute; left: 50%; right: 50%; background-color: #fff; z-index: 3; } .header-search.show { visibility: visible; opacity: 1; left: 0; right: 0; } .header-search input, .header-search button { border: none; outline: none; min-width: 40px; } .header-search input { height: 100%; padding-left: 1em; padding-right: 1em; -webkit-box-flex: 1; flex: 1; border-left: 1px solid #eee; border-right: 1px solid #eee; } .header-search button { color: #000; flex-shrink: 0; height: 40px; margin-left: 8px; margin-right: 8px; } .header [data-toggle='header-search'].hide { display: none; } .header .btn-icon .icon { pointer-events: none; width: 40px; height: 40px; } .header-atam { height: 100%; display: -webkit-box; display: flex; position: relative; -webkit-box-ordinal-group: 0; order: -1; } @media (min-width: 992px) { .header-atam { margin-left: auto; -webkit-box-ordinal-group: unset; order: unset; } } .header-atam img { margin-top: auto; height: 70%; } @media (min-width: 992px) { .header-atam img { height: 70%; } } @media (min-width: 1200px) { .header-atam img { height: 80%; } } .header-atam > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .header .social-media { height: 50px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-left: 1em; padding-right: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .header .social-media { display: none; } } .header .social-media .btn-icon { width: 40px; } .header .social-media .btn-icon .icon { width: 32px; } .header .social-media .btn-icon + .btn-icon { margin-left: .5em; } .footer { padding-top: 10px; background-color: #2f4073; color: #fff; font-size: 14px; } .footer .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .footer-building { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-bottom: 10px; } .footer-building picture { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .footer-building img { width: 90%; max-width: 800px; opacity: .7; } .footer-body { display: grid; grid-template-columns: 1fr; margin-bottom: 10px; } @media (min-width: 1200px) { .footer-body { grid-template-columns: 272px 1fr 272px; -webkit-box-align: center; align-items: center; } } .footer-copyright { height: 30px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; background-color: #172039 !important; font-size: 13px; } .footer-logo { display: none; -webkit-box-align: center; align-items: center; } @media (min-width: 1200px) { .footer-logo { display: -webkit-box; display: flex; } } .footer-logo img { /*-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);*/ width: 80px; } .footer-info { text-align: center; } .footer-info > div:first-child > * + * { margin-top: 4px; } .footer-social { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 8px; } .footer-social a { height: 40px; width: 40px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .footer-social a + a { margin-left: 8px; } .footer-links { margin-top: 10px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; text-align: center; } @media (min-width: 576px) { .footer-links { flex-wrap: nowrap; } } @media (min-width: 1200px) { .footer-links { justify-self: flex-end; margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: left; } } .footer-links-title { font-weight: bold; display: none; } @media (min-width: 1200px) { .footer-links-title { display: block; } } .footer-links a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; height: 40px; width: 50%; -webkit-box-align: center; align-items: center; } @media (min-width: 576px) { .footer-links a { width: auto; height: auto; } } @media (min-width: 1200px) { .footer-links a { display: list-item; margin-left: 20px; } } @media (min-width: 576px) { .footer-links a:not(:nth-child(2)) { margin-left: 20px; } } .modal-search { display: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 101; padding-left: 20px; padding-right: 20px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .modal-search.show { display: -webkit-box; display: flex; } .modal-search-close { position: absolute; right: 20px; top: 20px; color: white; height: 40px; width: 40px; } .modal-search > form { background-color: #fff; display: -webkit-box; display: flex; height: 64px; -webkit-box-flex: 1; flex: 1; max-width: 1000px; } .modal-search > form input, .modal-search > form button { border: none; outline: none; font-size: 1em; padding: 1em; height: 100%; } .modal-search > form input { -webkit-box-flex: 1; flex: 1; } .modal-search > form button { background-color: #eee; height: 100%; } :root { --slider-width: 900px; --slider-height: 600px; --slider-size: 4; } @media (min-width: 1920px) { :root { --slider-width: 1200px; --slider-height: 800px; --slider-size: 5; } } .carousel-container { display: grid; grid-template-columns: 1fr; position: relative; max-height: calc(var(--slider-height) + 110px); } @media (min-width: 992px) { .carousel-container { grid-template-columns: 3fr 1fr; } } @media (min-width: 1270px) { .carousel-container { grid-template-columns: 2fr 1fr; } } @media (min-width: 1920px) { .carousel-container { grid-template-columns: 2fr 1fr; } } .carousel-main { position: relative; -webkit-box-flex: 1; flex-grow: 1; max-height: var(--slider-height); } .carousel-main .carousel-cell { width: 100%; background: #222; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; } .carousel-main .carousel-cell > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 1; } .carousel-main .carousel-cell img { width: 100%; height: auto; max-height: var(--slider-height); } .carousel-main .carousel-cell-info { position: absolute; bottom: 0; left: 0; right: 0; padding-top: 12px; padding-bottom: 28px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(black)); background: linear-gradient(rgba(0, 0, 0, 0.5), black); color: #fff; padding-left: 4vw; padding-right: 4vw; } @media (min-width: 768px) { .carousel-main .carousel-cell-info { padding-bottom: 30px; } } .carousel-main .carousel-cell-header { font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .carousel-main .carousel-cell-header { font-size: 1.4rem; } } .carousel-main .carousel-cell-footer { display: none; -webkit-box-align: center; align-items: center; margin-top: 10px; } @media (min-width: 768px) { .carousel-main .carousel-cell-footer { margin-top: 10px; } } @media (min-width: 992px) { .carousel-main .carousel-cell-footer { display: -webkit-box; display: flex; } } .carousel-main .carousel-cell-footer span:first-child { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .carousel-main .carousel-cell-footer span:first-child span { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border: 2px solid #fff; border-radius: 50%; width: 28px; height: 28px; margin-right: 8px; } .carousel-main .carousel-cell-footer span + span { margin-left: 8px; padding-left: 8px; border-left: 2px solid; } .carousel-main .carousel-progress { position: absolute; bottom: 4px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 4px; width: 50%; height: 4px; background-color: #7a85d6; border-radius: 3px; z-index: 1; display: none; } @media (min-width: 992px) { .carousel-main .carousel-progress { display: block; } } .carousel-main .progress { position: absolute; top: 0; left: 0; height: 4px; width: 0%; background-color: #3745b3; border-radius: 3px; } .carousel-main .flickity-page-dots { bottom: 8px; } .carousel-main .flickity-page-dots .dot { width: 12px; height: 12px; opacity: 1; background: transparent; border: 2px solid white; } .carousel-main .flickity-page-dots .dot.is-selected { background: white; } @media (min-width: 992px) { .carousel-main .flickity-page-dots { display: none; } } .carousel-nav { position: relative; top: 20px; } @media (min-width: 992px) { .carousel-nav { top: unset; } .carousel-nav:hover .carousel-nav-btn { display: -webkit-box !important; display: flex !important; } } .carousel-nav > a { position: absolute; bottom: 0; left: 0; right: 0; font-size: 13px; background-color: #13183E; color: #fff; z-index: 1; text-align: center; height: 20px; border-top: 1px solid #fff; } .carousel-nav-btn { display: none !important; -webkit-box-align: center; align-items: center; z-index: 1; position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { .carousel-nav-btn { display: none; } } .carousel-nav-btn:nth-child(2) { bottom: 20px; } .carousel-nav-btn .icon { color: #fff; pointer-events: none; width: 32px; height: 32px; } .carousel-nav > div { overflow: hidden; height: 100%; max-height: var(--slider-height); display: none; padding-bottom: 20px; } @media (min-width: 992px) { .carousel-nav > div { display: grid; grid-template-rows: repeat(10, calc(100% / var(--slider-size))); } } .carousel-nav > div .carousel-cell { height: 100%; cursor: pointer; background-color: #fff; display: -webkit-box; display: flex; border-bottom: 1px solid #ccc; padding: 2px; position: relative; } .carousel-nav > div .carousel-cell.is-nav-selected { background-color: #13183E; } .carousel-nav > div .carousel-cell.is-nav-selected .carousel-cell-info { color: #fff; } .carousel-nav > div .carousel-cell-header { margin-bottom: 0; } @media (min-width: 1270px) { .carousel-nav > div .carousel-cell-header { margin-bottom: 8px; } } .carousel-nav > div .carousel-cell-info { width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; padding: 8px; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-weight: normal; font-size: calc(.5rem + .4vw); } @media (min-width: 1270px) { .carousel-nav > div .carousel-cell-info { width: 60%; position: unset; background-color: inherit; color: #000; padding: 16px; font-weight: bold; } } .carousel-nav > div .carousel-cell-info span { font-size: calc(.4rem + .3vw); } .carousel-nav > div .carousel-cell-info span + span { margin-left: 8px; padding-left: 8px; border-left: 1px solid; } .carousel-nav > div .carousel-cell-info div:last-child { display: none; } @media (min-width: 1270px) { .carousel-nav > div .carousel-cell-info div:last-child { display: block; } } .carousel-nav > div .carousel-cell-img { margin-left: auto; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 1270px) { .carousel-nav > div .carousel-cell-img { width: 40%; } } .bakanliktan-haberler { padding-top: 60px; padding-bottom: 60px; margin-top: 0; } .bakanliktan-haberler .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .bakanliktan-haberler .container > .title { margin-bottom: 20px; font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .bakanliktan-haberler .container > .title { font-size: 1.4rem; } } .bakanliktan-haberler-carousel { display: block; } .bakanliktan-haberler-carousel .flickity-page-dots { display: none; } @media (min-width: 992px) { .bakanliktan-haberler-carousel .flickity-page-dots { display: block; } } .bakanliktan-haberler-carousel .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background-color: #3745b3; } .bakanliktan-haberler-carousel .flickity-page-dots .dot + .dot { margin-left: 4px; } @media (max-width: 991px) { .bakanliktan-haberler-carousel .flickity-prev-next-button { top: calc(100%); } .bakanliktan-haberler-carousel .flickity-prev-next-button.previous { left: calc(50% - 25px); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bakanliktan-haberler-carousel .flickity-prev-next-button.next { left: calc(50% + 25px); -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 992px) { .bakanliktan-haberler-carousel .flickity-prev-next-button { display: none; } } .bakanliktan-haberler .carousel-cell { display: -webkit-box; display: flex; box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2); background-color: #fff; width: 100%; margin-right: 20px; margin-bottom: 10px; border-radius: 3px; position: relative; height: 100px; } @media (min-width: 768px) { .bakanliktan-haberler .carousel-cell { width: calc(50% - (20px / 2)); } } .bakanliktan-haberler .carousel-cell > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .bakanliktan-haberler-date { background-color: #2f4073; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .bakanliktan-haberler-date span { width: 60px; text-align: center; } .bakanliktan-haberler-title { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; padding: 10px; border: 1px solid #eee; border-top-right-radius: 3px; border-bottom-right-radius: 3px; font-size: .9em; } @media (min-width: 576px) { .bakanliktan-haberler-title { font-size: 1em; } } /*#region twitter*/ @media (min-width: 576px) { #twitter-widget-0 { display: none !important; } } .twitter { padding-top: 16px; } .twitter > .container > * + * { margin-top: 20px; } .twitter > .container > .title { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; font-size: calc(.7rem + 1.1vw); border-bottom: 2px solid #2f4073; padding-bottom: 8px; } @media (min-width: 1200px) { .twitter > .container > .title { font-size: 1.4rem; } } .twitter > .container > .title > span { color: #007bff; margin-right: 8px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .carousel-twitter { display: none; } @media (min-width: 576px) { .carousel-twitter { display: block; } } .carousel-twitter .flickity-slider, .carousel-twitter .flickity-viewport { cursor: unset !important; } .carousel-twitter .item { position: relative; width: 100%; margin-right: var(--margin-slider); padding: 8px 16px; background-color: #f8f9fa; height: 440px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-bottom: 4px solid #007bff; border-radius: 3px; -webkit-transition: background-color .5s; transition: background-color .5s; } @media (min-width: 576px) { .carousel-twitter .item { width: calc(50% - ((var(--margin-slider) * 1)/2)); } } @media (min-width: 992px) { .carousel-twitter .item { width: calc(33.33% - ((var(--margin-slider) * 2)/3)); } } .carousel-twitter .item > .retweet { height: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .carousel-twitter .item > .retweet > small { color: #6c757d; } .carousel-twitter .item > .retweet > .icon { color: #6c757d; width: 20px; height: 20px; } .carousel-twitter .item > .username { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-weight: bold; } .carousel-twitter .item > .screen-name { font-size: 12px; color: #6c757d; } .carousel-twitter .item > .username > span { color: #007bff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 18px; } .carousel-twitter .item > .tweet { font-size: 13px; padding-right: 1rem; /*display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;*/ } .carousel-twitter .item > .tweet a { color: #007bff; word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .carousel-twitter .item > .tweet .u-hiddenVisually { display: none; } .carousel-twitter .item > .media { display: grid; gap: 2px; height: 160px; width: 100%; margin: auto auto 8px; } .carousel-twitter .item > .media.mediaGrid-1 { grid-template-columns: 1fr; } .carousel-twitter .item > .media.mediaGrid-2 { grid-template-columns: 1fr 1fr; } .carousel-twitter .item > .media.mediaGrid-3, .carousel-twitter .item > .media.mediaGrid-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } .carousel-twitter .item > .media.mediaGrid-3 > a:first-child { grid-row: span 2; } .carousel-twitter .item > .media > a { overflow: hidden; position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 3px; } .carousel-twitter .item > .media > a.empty { border: 1px solid #ccc; border-radius: 8px; padding: 8px; } .carousel-twitter .item > .media > a.empty img { height: auto !important; } .carousel-twitter .item > .media > a > .icon { position: absolute; color: #f8f9fa; width: 64px; height: 64px; } .carousel-twitter .item > .media > a > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .carousel-twitter .item > .tweet-footer { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; } .carousel-twitter .item > .tweet-footer > * + * { margin-left: 16px; } .carousel-twitter .item > .tweet-footer > a, .carousel-twitter .item > .tweet-footer > span { color: #6c757d; } .carousel-twitter .item > .tweet-footer > a:hover { color: #e83e8c; } .carousel-twitter .item > .tweet-footer > span:hover { color: #007bff; cursor: pointer; } .carousel-twitter .item > .tweet-footer > small { margin-left: auto; } .carousel-twitter .item .tweet-video > img, .carousel-twitter .item .tweet-video > svg { pointer-events: none; } .carousel-twitter .flickity-prev-next-button { background-color: rgba(0, 0, 0, 0.09); } .carousel-twitter .flickity-prev-next-button.previous { left: -17px; } .carousel-twitter .flickity-prev-next-button.next { right: -17px; } .share-card { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 3px; padding-top: 8px; padding-bottom: 8px; position: absolute; background-color: #eee; width: 100px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); margin-left: 0 !important; /*top: calc(100% - 130px - 46px); left: calc(24px + 16px);*/ top: calc(-122px - 8px); left: 24px; } .share-card.show { display: -webkit-box; display: flex; } .share-card > a, .share-card > small { padding-left: 16px; padding-right: 16px; } .share-card > a:hover { background-color: #007bff; color: #f8f9fa; } .share-card > .arrow-left { position: absolute; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #eee; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); top: 100%; left: 16px; } .Emoji.Emoji--forText { height: 1.25em; width: 1.25em; padding: 0 .05em 0 .1em; vertical-align: -.2em; } /*#endregion*/ .galeri .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .galeri .container > * + * { margin-top: 20px; } .galeri .container > .title { grid-column: 1/4; justify-self: self-start; font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .galeri .container > .title { font-size: 1.4rem; } } .galeri .galeri-carousel-container { display: grid; grid-template-columns: 1fr; gap: var(--margin-slider); justify-items: center; } @media (min-width: 768px) { .galeri .galeri-carousel-container { grid-template-columns: repeat(4, 1fr); } } /*todo mehmet tatbikatlar ingilizce sayfada görünürlüğü false oldu*/ .galeri .galeri-carousel-container-En { display: grid; grid-template-columns: 1fr; gap: var(--margin-slider); justify-items: center; } @media (min-width: 768px) { .galeri .galeri-carousel-container-En { grid-template-columns: repeat(3, 0.8fr); } } .galeri .fotograflar .title, .galeri .videolar .title, .galeri .dergi .title, .galeri .tatbikatlar .title { margin-bottom: 10px; display: none; font-weight: bold; } @media (min-width: 768px) { .galeri .fotograflar .title, .galeri .videolar .title, .galeri .dergi .title, .galeri .tatbikatlar .title { display: block; } } .galeri-nav { display: -webkit-box; display: flex; } @media (min-width: 768px) { .galeri-nav { display: none; } } .galeri-nav a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; width: 100%; height: 40px; background-color: #fff; border-bottom: 4px solid transparent; -webkit-transition: all .2s; transition: all .2s; font-size: 13px; font-weight: 500; padding: 4px; background-color: #f8f9fa; } @media (min-width: 576px) { .galeri-nav a { font-size: inherit; font-weight: bold; } } .galeri-nav a.active { border-color: #3745b3; } .galeri-nav a + a { margin-left: 5px; } .galeri .fotograflar, .galeri .videolar, .galeri .dergi, .galeri .tatbikatlar { width: 100%; display: none; } @media (min-width: 768px) { .galeri .fotograflar, .galeri .videolar, .galeri .dergi, .galeri .tatbikatlar { display: block; max-width: 388px; } } .galeri .fotograflar.show, .galeri .videolar.show, .galeri .dergi.show, .galeri .tatbikatlar.show { display: block; } .galeri .videolar .carousel-cell .icon, .galeri .tatbikatlar .carousel-cell .icon, .galeri .dergi .carousel-cell .icon { position: absolute; color: #fff; width: 96px; height: 96px; opacity: .8; } .galeri-carousel { margin-bottom: 20px; } .galeri-carousel .carousel-cell { position: relative; width: 100%; margin-right: calc(var(--gutter)*2); display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: #222; margin-bottom: 20px; box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5); border-radius: 3px; } @media (min-width: 576px) { .galeri-carousel .carousel-cell { width: calc(50% - ((var(--gutter)*2 * 1)/2)); } } @media (min-width: 768px) { .galeri-carousel .carousel-cell { width: 100%; } } .galeri-carousel .carousel-cell img { width: 100%; border-radius: 3px; } .galeri-carousel .carousel-cell > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .galeri-carousel .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background-color: #3745b3; } .galeri-carousel .flickity-page-dots .dot + .dot { margin-left: 4px; } .hatirlama { --img-size: 100px; } @media (min-width: 576px) { .hatirlama { --img-size: 140px; } } .hatirlama-title { margin-bottom: 20px; } .hatirlama-title h1 { font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .hatirlama-title h1 { font-size: 1.4rem; } } .hatirlama-body { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 768px) { .hatirlama-body { grid-template-columns: repeat(3, 1fr); } } .hatirlama-item { display: -webkit-box; display: flex; background-color: #fff; height: var(--img-size); } .hatirlama-item img { width: var(--img-size); height: var(--img-size); flex-shrink: 0; border: 1px solid #ccc; } .hatirlama-item p { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; padding: .5em; border: 1px solid #ccc; border-left: none; } .hatirlama-item a { padding-left: .25em; padding-right: .25em; } .hatirlama-item a:hover { text-decoration: underline; } .faaliyetlerimiz .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .faaliyetlerimiz .container > * + * { margin-top: 20px; } .faaliyetlerimiz .title { font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .faaliyetlerimiz .title { font-size: 1.4rem; } } .faaliyetlerimiz-nav { display: -webkit-box; display: flex; } .faaliyetlerimiz-nav a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; width: 100%; height: 40px; background-color: #fff; border-bottom: 4px solid transparent; -webkit-transition: all .2s; transition: all .2s; font-size: 11px; font-weight: 500; padding: 4px; background-color: #f8f9fa; } @media (min-width: 576px) { .faaliyetlerimiz-nav a { font-size: inherit; font-weight: bold; } } .faaliyetlerimiz-nav a.active { border-color: #3745b3; } .faaliyetlerimiz-nav a + a { margin-left: 5px; } .faaliyetlerimiz-carousel { display: none; margin-bottom: 20px; } .faaliyetlerimiz-carousel.show { display: block; } .faaliyetlerimiz-carousel.harita-genel .carousel-cell { background-color: #fff; } .faaliyetlerimiz-carousel .carousel-cell { width: 100%; margin-right: var(--margin-slider); display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: #222; margin-bottom: 20px; box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5); border-radius: 3px; position: relative; } @media (min-width: 576px) { .faaliyetlerimiz-carousel .carousel-cell { width: calc(50% - ((var(--margin-slider) * 1)/2)); } } @media (min-width: 992px) { .faaliyetlerimiz-carousel .carousel-cell { width: calc(33.33% - ((var(--margin-slider) * 2)/3)); } } .faaliyetlerimiz-carousel .carousel-cell img { width: 100%; border-radius: 3px; } .faaliyetlerimiz-carousel .carousel-cell p { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; height: 40px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .faaliyetlerimiz-carousel .carousel-cell > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .faaliyetlerimiz-carousel .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background-color: #3745b3; } .faaliyetlerimiz-carousel .flickity-page-dots .dot + .dot { margin-left: 4px; } .bilgi-merkezi .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .bilgi-merkezi .container > .title { margin-bottom: 20px; font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .bilgi-merkezi .container > .title { font-size: 1.4rem; } } .bilgi-merkezi-carousel { margin-left: -20px; margin-right: -20px; display: block; margin-bottom: 20px; } @media (min-width: 768px) { .bilgi-merkezi-carousel { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 20px; margin-left: 0px; margin-right: 0px; } } .bilgi-merkezi-carousel:after { content: 'flickity'; display: none; } @media (min-width: 768px) { .bilgi-merkezi-carousel:after { content: ''; } } .bilgi-merkezi .carousel-cell { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; position: relative; width: 70%; margin-right: 20px; margin-top: 4px; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); border-radius: 3px; } @media (min-width: 576px) { .bilgi-merkezi .carousel-cell { width: 50%; } } @media (min-width: 768px) { .bilgi-merkezi .carousel-cell { width: 100%; max-width: 388px; margin-right: 0; } } .bilgi-merkezi .carousel-cell img { width: 100%; border-radius: 3px; } .bilgi-merkezi .carousel-cell p { background-color: rgba(0, 0, 0, 0.5); color: white; padding-top: 8px; padding-bottom: 8px; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .bilgi-merkezi .carousel-cell a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .bilgi-merkezi .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background-color: #3745b3; } .bilgi-merkezi .flickity-page-dots .dot + .dot { margin-left: 4px; } .linkler { padding-top: 20px; padding-bottom: 20px; background-color: #172039 !important; } .linkler .container { padding: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .linkler .container > div:first-child { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 1em; padding-bottom: .5em; } .linkler .container > div:first-child > div:first-child { margin-right: 0em; } .linkler .container > div:first-child > div:last-child { margin-left: 0em; } @media (min-width: 768px) { .linkler .container > div:first-child { display: none; } } .linkler .container > div:last-child { display: -webkit-box; display: flex; justify-content: space-around; -webkit-box-flex: 1; flex: 1; } .linkler .container > div:last-child > div:nth-child(1), .linkler .container > div:last-child > div:nth-child(2) { } @media (min-width: 768px) { .linkler .container > div:last-child > div:nth-child(1), .linkler .container > div:last-child > div:nth-child(2) { display: block; } } .linkler-item img { max-height: 44px; width: auto; opacity: .7; } .linkler-item img:hover { opacity: 1; } @media (min-width: 768px) { .linkler-item img { max-height: 60px; } } @media (min-width: 992px) { .linkler-item img { max-height: 80px; } } .filter { padding: 20px; background-color: #fff; display: grid; grid-template-columns: 1fr; row-gap: 20px; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; border-radius: 3px; } @media (min-width: 768px) { .filter { grid-template-columns: 2fr 2fr 1fr; } .filter.filter-galery { grid-template-columns: 2fr 1fr; } } .filter input, .filter select { width: 100%; border: none; border-radius: 3px; background-color: #eee; height: 40px; padding-left: 8px; padding-right: 8px; } .filter-header { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .filter-title { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-weight: bold; } .filter-group { display: grid; grid-template-columns: 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 4px; } .filter-group-2 { grid-template-columns: 1fr 1fr; } .filter button { background-color: #2f4073; color: #fff; height: 40px; border-radius: 3px; } .filter2 { padding: 20px; background-color: #fff; border-radius: 3px; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .filter2 input { border: none; background-color: #eee; height: 40px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-left: 0.5em; padding-right: 0.5em; } .filter2 button { background-color: #2f4073; color: #fff; height: 40px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding-left: 1em; padding-right: 1em; } .side-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: -webkit-box; display: flex; flex-shrink: 0; width: 100%; margin-bottom: 20px; } @media (min-width: 768px) { .side-nav { width: 240px; margin-right: 20px; margin-bottom: 0; } } .side-nav > * + * { margin-top: 4px; } .side-nav-title { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: .5em; background-color: #fff; font-weight: bold; font-size: 1.1em; cursor: pointer; } .side-nav-title .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .side-nav-title.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } @media (min-width: 768px) { .side-nav-title { cursor: default; } .side-nav-title .icon { display: none; } } .side-nav-toggle { outline: none; } .side-nav-toggle .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .side-nav-toggle .icon.rotate { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .side-nav ul { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .side-nav ul.show { display: -webkit-box; display: flex; } @media (min-width: 768px) { .side-nav ul { display: -webkit-box; display: flex; } } .side-nav ul li { width: 100%; background-color: #fff; } .side-nav ul ul { padding-left: 8px; border-left: 2px solid #2f4073; } .side-nav ul ul { display: none; } .side-nav ul ul.show { display: -webkit-box; display: flex; } .side-nav ul li { border-bottom: 2px solid #eee; } .side-nav ul li a.active.drop-btn { border-bottom: 2px solid #eee; } .side-nav ul li:last-child { border-bottom: none; } .side-nav a { background-color: #fff; padding: .5em; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; min-height: 40px; } .side-nav a.drop-btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .side-nav a.drop-btn .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .side-nav a.drop-btn.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .side-nav a:not(.drop-btn).active { background-color: #2f4073; color: #fff; } .side-nav label { padding: .5em; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .side-nav label input { margin-right: .5em; width: 1em; height: 1em; flex-shrink: 0; } .accordion-card { border: 1px solid #ddd; border-radius: 3px; } .accordion-card + .accordion-card { margin-top: .5em; } .accordion-card-header { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: .5em; background-color: #eee; } .accordion-card-header .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .accordion-card-header.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .accordion-card-body { display: none; border-top: 1px solid #ddd; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding: .5em; } .accordion-card-body.show { display: -webkit-box; display: flex; } .accordion-card-body ul { list-style: disc inside; } .accordion-card-body a:not([href="#"]) { color: #2f4073; } .accordion-card-body a:not([href="#"]):hover { text-decoration: underline; } ul.accordion-2 { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border: none !important; } ul.accordion-2 ul { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: 4px; margin-left: 1em; } ul.accordion-2 ul.show { display: -webkit-box; display: flex; } ul.accordion-2 li { border-bottom: none !important; padding: 0 !important; } ul.accordion-2 li + li { margin-top: 4px; } ul.accordion-2 a { min-height: 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #eee; padding-left: .5em; } ul.accordion-2 .drop-btn { -webkit-box-pack: justify; justify-content: space-between; } ul.accordion-2 .drop-btn > span { height: 40px; width: 40px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } ul.accordion-2 .drop-btn > span .icon { pointer-events: none; } ul.accordion-2 .drop-btn .icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } ul.accordion-2 .drop-btn.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .pagination-container { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } ul.pagination { display: -webkit-box; display: flex; margin-left: auto; margin-right: auto; border: none !important; } ul.pagination > li { padding: 0 !important; border: 1px solid #ccc; } ul.pagination > li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.pagination > li:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.pagination > li + li { border-left: none; } ul.pagination a { width: 40px; height: 40px; background-color: #eee; display: -webkit-inline-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } ul.pagination a:hover { background-color: #ddd; } ul.pagination a:active { background-color: #007bff; color: white; } .sehitlerimiz-modal { --s-modal-width: 200px; --s-modal-height: 150px; --s-modal-padding-block: 35px; --s-modal-padding-inline: 20px; --s-modal-font-size: 4px; --s-modal-img-wrap-height: 30px; --s-modal-text-padding: 20px; --s-modal-info-margin: 10px; } @media (min-width: 300px) { .sehitlerimiz-modal { --s-modal-width: 300px; --s-modal-height: 225px; --s-modal-padding-block: 50px; --s-modal-padding-inline: 30px; --s-modal-font-size: 6px; --s-modal-img-wrap-height: 40px; --s-modal-text-padding: 20px; --s-modal-info-margin: 10px; } } @media (min-width: 400px) { .sehitlerimiz-modal { --s-modal-width: 380px; --s-modal-height: 285px; --s-modal-padding-block: 62px; --s-modal-padding-inline: 40px; --s-modal-font-size: 8px; --s-modal-img-wrap-height: 60px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 600px) { .sehitlerimiz-modal { --s-modal-width: 560px; --s-modal-height: 420px; --s-modal-padding-block: 95px; --s-modal-padding-inline: 50px; --s-modal-font-size: 12px; --s-modal-img-wrap-height: 80px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 768px) { .sehitlerimiz-modal { --s-modal-width: 680px; --s-modal-height: 510px; --s-modal-padding-block: 115px; --s-modal-padding-inline: 60px; --s-modal-font-size: 14px; --s-modal-img-wrap-height: 100px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 992px) { .sehitlerimiz-modal { --s-modal-width: 800px; --s-modal-height: 600px; --s-modal-padding-block: 135px; --s-modal-padding-inline: 80px; --s-modal-font-size: 16px; --s-modal-img-wrap-height: 130px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 1200px) { .sehitlerimiz-modal { --s-modal-width: 1000px; --s-modal-height: 750px; --s-modal-padding-block: 170px; --s-modal-padding-inline: 100px; --s-modal-font-size: 18px; --s-modal-img-wrap-height: 200px; --s-modal-text-padding: 40px; --s-modal-info-margin: 20px; } } .sehitlerimiz-modal-content { width: var(--s-modal-width); height: var(--s-modal-height); } .sehitlerimiz-modal-title { height: 40px; } .sehitlerimiz-modal-body { background-color: #ccc; background-size: contain; background-repeat: no-repeat; width: var(--s-modal-width); height: var(--s-modal-height); padding-top: var(--s-modal-padding-block); padding-bottom: var(--s-modal-padding-block); padding-left: var(--s-modal-padding-inline); padding-right: var(--s-modal-padding-inline); text-align: justify; font-family: serif; font-style: italic; font-size: var(--s-modal-font-size); } .sehitlerimiz-modal-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; height: var(--s-modal-img-wrap-height); } .sehitlerimiz-modal-img img { margin-top: auto; height: 100%; width: auto; } .sehitlerimiz-modal-person { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .sehitlerimiz-modal-person p { margin: 0 !important; } .sehitlerimiz-modal-text { padding-left: var(--s-modal-text-padding); padding-right: var(--s-modal-text-padding); } .sehitlerimiz-modal-info { margin-top: var(--s-modal-info-margin); } .sehitlerimiz-modal-info h4 { border-bottom: 1px solid; display: inline-block; } .sehitlerimiz-modal-info p span { margin-right: .5em; } .vefatlarimiz-modal { --s-modal-width: 200px; --s-modal-height: 150px; --s-modal-padding-block: 35px; --s-modal-padding-inline: 20px; --s-modal-font-size: 4px; --s-modal-img-wrap-height: 30px; --s-modal-text-padding: 20px; --s-modal-info-margin: 10px; } @media (min-width: 300px) { .vefatlarimiz-modal { --s-modal-width: 300px; --s-modal-height: 225px; --s-modal-padding-block: 50px; --s-modal-padding-inline: 30px; --s-modal-font-size: 6px; --s-modal-img-wrap-height: 40px; --s-modal-text-padding: 20px; --s-modal-info-margin: 10px; } } @media (min-width: 400px) { .vefatlarimiz-modal { --s-modal-width: 380px; --s-modal-height: 285px; --s-modal-padding-block: 62px; --s-modal-padding-inline: 40px; --s-modal-font-size: 8px; --s-modal-img-wrap-height: 60px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 600px) { .vefatlarimiz-modal { --s-modal-width: 560px; --s-modal-height: 420px; --s-modal-padding-block: 95px; --s-modal-padding-inline: 50px; --s-modal-font-size: 12px; --s-modal-img-wrap-height: 80px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 768px) { .vefatlarimiz-modal { --s-modal-width: 680px; --s-modal-height: 510px; --s-modal-padding-block: 115px; --s-modal-padding-inline: 60px; --s-modal-font-size: 14px; --s-modal-img-wrap-height: 100px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 992px) { .vefatlarimiz-modal { --s-modal-width: 800px; --s-modal-height: 600px; --s-modal-padding-block: 135px; --s-modal-padding-inline: 80px; --s-modal-font-size: 16px; --s-modal-img-wrap-height: 130px; --s-modal-text-padding: 30px; --s-modal-info-margin: 10px; } } @media (min-width: 1200px) { .vefatlarimiz-modal { --s-modal-width: 1000px; --s-modal-height: 750px; --s-modal-padding-block: 170px; --s-modal-padding-inline: 100px; --s-modal-font-size: 18px; --s-modal-img-wrap-height: 200px; --s-modal-text-padding: 40px; --s-modal-info-margin: 20px; } } .vefatlarimiz-modal-content { width: var(--s-modal-width); height: var(--s-modal-height); } .vefatlarimiz-modal-title { height: 40px; } .vefatlarimiz-modal-body { background-color: #ccc; background-size: contain; background-repeat: no-repeat; width: var(--s-modal-width); height: var(--s-modal-height); padding-top: var(--s-modal-padding-block); padding-bottom: var(--s-modal-padding-block); padding-left: var(--s-modal-padding-inline); padding-right: var(--s-modal-padding-inline); text-align: justify; font-family: serif; font-style: italic; font-size: var(--s-modal-font-size); } .vefatlarimiz-modal-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; height: var(--s-modal-img-wrap-height); } .vefatlarimiz-modal-img img { margin-top: auto; height: 100%; width: auto; } .vefatlarimiz-modal-person { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .vefatlarimiz-modal-person p { margin: 0 !important; } .vefatlarimiz-modal-text { padding-left: var(--s-modal-text-padding); padding-right: var(--s-modal-text-padding); } .vefatlarimiz-modal-info { margin-top: var(--s-modal-info-margin); } .vefatlarimiz-modal-info h4 { border-bottom: 1px solid; display: inline-block; } .vefatlarimiz-modal-info p span { margin-right: .5em; } .yan-sayfa { background-color: #f8f9fa; padding-top: 20px; padding-bottom: 20px; font-size: 13px; } @media (min-width: 576px) { .yan-sayfa { font-size: 1rem; } } .yan-sayfa .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (min-width: 768px) { .yan-sayfa .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } } .yan-sayfa .container > div { width: 100%; background-color: #fff; padding: 20px; } .yan-sayfa .container .side-nav { display: -webkit-box; display: flex; } .yan-sayfa-title { text-align: center; margin-bottom: 20px; } .yan-sayfa-body { width: 100%; /*display: flex; flex-direction: column;*/ } .yan-sayfa-body > * + * { margin-top: 20px; } .yan-sayfa-body p { margin-top: 0.5em; margin-bottom: 0.5em; } .yan-sayfa-body p.card { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; border-bottom: 1px solid; padding-bottom: 4px; position: relative; padding: 10px; padding-left: 44px; } .yan-sayfa-body p.card:after { content: "Tıklayın"; margin-left: auto; font-weight: bold; font-size: .9em; } .yan-sayfa-body p.card[data-lang="en"]:after { content: "Click"; } .yan-sayfa-body p.card > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .yan-sayfa-body p.card > a img { width: 40px; } .yan-sayfa-body p.card.no-icon > a { margin-left: 0; } .yan-sayfa-body p.card-2 { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); padding: 8px; } .yan-sayfa-body p.card-2 > a { margin-left: auto; } .yan-sayfa-body p.card-2 > a img { width: 40px; } .yan-sayfa-body p.card-2 span { color: #183e64; margin-left: 8px; } .yan-sayfa-body p.card-3 { text-align: center; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .yan-sayfa-body p.card-3 { padding: 20px; } } .yan-sayfa-body p.card-3 button { color: #183e64; margin-left: .5em; } .yan-sayfa-body p.card-3 span { margin-right: .5em; } .yan-sayfa-body p > a, .yan-sayfa-body p > span { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; } .yan-sayfa-body p > a .icon, .yan-sayfa-body p > span .icon { margin-right: 8px; } .yan-sayfa-body > ul { border: 1px solid #ddd; border-radius: 3px; margin-top: 0.5em; margin-bottom: 0.5em; } .yan-sayfa-body > ul li { padding: .5em; } .yan-sayfa-body > ul li:not(:last-child) { border-bottom: 1px solid #ddd; } .yan-sayfa-body-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .yan-sayfa-body-img img { max-width: 100%; } .yan-sayfa-body .responsive-table { width: 100%; overflow: auto; } .yan-sayfa-body table td, .yan-sayfa-body table th { } .yan-sayfa-body table a:hover { text-decoration: underline; } .yan-sayfa-body table td img, .yan-sayfa-body table th img { width: 100%; } .yan-sayfa-body .album { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 768px) { .yan-sayfa-body .album { grid-template-columns: repeat(3, 1fr); } } .yan-sayfa-body .album img { border: 1px solid #ccc; } .yan-sayfa-body div.card { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .yan-sayfa-body div.card > p { margin-top: 8px; } .yan-sayfa-body div.card-vertical { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .yan-sayfa-body div.card-vertical + .card { margin-top: 20px; } .yan-sayfa-body div.card-vertical > * + * { margin-left: 20px; } .yan-sayfa-body div.card-vertical > div > p:first-child { margin-bottom: 20px; } .yan-sayfa-body-arama { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .yan-sayfa-body-arama input { padding: .5em; } .yan-sayfa-body-arama button { padding: .5em; border: 1px solid #0062cc; border-radius: 3px; background-color: #007bff; color: #fff; margin-left: .5em; } .yan-sayfa-milli-savunma-bakanlari { padding: 20px; background-color: #fff; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 20px; } .yan-sayfa-milli-savunma-bakanlari .img { text-align: center; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; } .yan-sayfa-milli-savunma-bakanlari .img img { height: 180px; } .yan-sayfa .sehitlerimiz-modal, .yan-sayfa .vefatlarimiz-modal { margin: 0; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 101; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: none; } .yan-sayfa .sehitlerimiz-modal-content, .yan-sayfa .vefatlarimiz-modal-content { border-radius: 3px; position: relative; } .yan-sayfa .sehitlerimiz-modal-close, .yan-sayfa .vefatlarimiz-modal-close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; z-index: 1; background-color: rgba(0, 0, 0, 0.1); color: white; } .yan-sayfa .sehitlerimiz-modal-close:hover, .yan-sayfa .vefatlarimiz-modal-close:hover { background-color: rgba(0, 0, 0, 0.3); } .yan-sayfa .sehitlerimiz-modal.show, .yan-sayfa .vefatlarimiz-modal.show { display: -webkit-box; display: flex; } .yan-sayfa .sehitlerimiz-modal h4, .yan-sayfa .vefatlarimiz-modal h4 { font-weight: normal; } .yan-sayfa table.iletisim { margin-top: 20px; } .yan-sayfa table.iletisim caption { text-align: left; font-weight: bold; font-size: 20px; background-color: #eee; padding: 20px; } .yan-sayfa table.iletisim td { border: none; } .yan-sayfa table.iletisim tr + tr { border-top: 1px solid #ddd; } .yan-sayfa table.iletisim a { color: #2f4073; } .yan-sayfa.site-haritasi .accordion-card-body > a { background-color: #eee; min-height: 40px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; padding-left: 0.5em; padding-right: 0.5em; border-radius: 3px; color: black; } @media (min-width: 576px) { .yan-sayfa.site-haritasi .accordion-card-body > a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: stretch; justify-content: stretch; -webkit-box-align: center; align-items: center; } .yan-sayfa.site-haritasi .accordion-card-body > a span + span { margin-left: .5em; } } .yan-sayfa.site-haritasi .accordion-card-body > a + a { margin-top: 2px; } .haber { line-height: 1.5; } .haber .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-bottom: 20px; background-color: #fff; } .haber .container > * { margin-top: 20px; margin-bottom: 20px; } @media (min-width: 992px) { .haber .container { max-width: 1200px; } } .haber-title { text-align: center; font-weight: bold; font-size: calc(.7rem + 1.1vw); margin-bottom: 0 !important; } @media (min-width: 1200px) { .haber-title { font-size: 1.4rem; } } .haber-videolar-carousel { width: 100%; max-width: 560px; margin-left: auto; margin-right: auto; } .haber-videolar-carousel .carousel-cell { width: 100%; height: 315px; margin-right: 20px; } .haber-videolar-carousel .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background-color: #3745b3; } .haber-videolar-carousel .flickity-page-dots .dot + .dot { margin-left: 4px; } .haber-videolar-carousel iframe { width: 100%; height: 100%; } .haber-fotograflar-carousel.not-slider { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .haber-fotograflar-carousel-header { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 0 !important; } .haber-fotograflar-carousel .carousel-cell { width: 100%; margin-right: 20px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } @media (min-width: 768px) { .haber-fotograflar-carousel .carousel-cell { width: calc(33.33% - calc((20px * 2) / 3)); } } .haber-fotograflar-carousel .carousel-cell img { width: 100%; max-width: 900px; } .haber-fotograflar-carousel .carousel-cell img.zoom { zoom: 150%; } @media (min-width: 768px) { .haber-dergi-carousel .carousel-cell { width: calc(33.33% - calc((20px * 2) / 3)); } } .haber-dergi-carousel.not-slider { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .haber-dergi-carousel-header { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 0 !important; } .haber-dergi-carousel .carousel-cell { width: 100%; margin-right: 20px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .haber-dergi-carousel .carousel-cell img { width: 100%; max-width: 900px; } .haber-dergi-carousel .carousel-cell img.zoom { zoom: 150%; } .haber-content { text-align: justify; } .haber-content p + p { margin-top: 20px; } .haber-social { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative; } .haber-social::after { content: ""; height: 1px; background-color: #222; position: absolute; top: 50%; left: 0; right: 0; } .haber-social a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 40px; width: 40px; border-radius: 50%; color: #fff; z-index: 1; } .haber-social a:nth-child(1) { background-color: #3b5999; } .haber-social a:nth-child(2) { background-color: #55acef; } .haber-social a:nth-child(3) { background-color: #4eaf50; } .haber-social a + a { margin-left: 20px; } .haber-other-title { margin-bottom: 8px; text-transform: uppercase; } .haber-other-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; } .haber-other-container > div { position: relative; } .haber-other-container > div > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .haber-other-container { grid-template-columns: repeat(4, 1fr); } } .haber-other-container img { width: 100%; } .haber-other-container p { margin-top: 8px; } .bakan { background-color: #eee; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 1200px) { .bakan { padding-top: 40px; padding-bottom: 40px; } } .bakan .container { //display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 768px) { .bakan .container { grid-template-columns: 300px 1fr; } } @media (min-width: 992px) { .bakan .container { max-width: 1200px; } } .bakan-detay { background-color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 20px; text-align: justify; } .bakan-detay > * + * { margin-top: 20px; } .bakan-detay-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .bakan-detay-lang { margin-left: auto; } .bakan-detay-content p + p { margin-bottom: 20px; } .tum-haberler .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-bottom: 80px; } .tum-haberler .container > * { margin-top: 20px; margin-bottom: 20px; } .tum-haberler img { width: 100%; } .tum-haberler .filter { display: none; } @media (min-width: 768px) { .tum-haberler .filter { display: grid; } } .tum-haberler .filter.show { display: grid; } .tum-haberler-item { position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 900px; } .tum-haberler-item-info { border: 1px solid #ddd; padding: .5em; } .tum-haberler-item-info small { font-weight: bold; display: block; border-top: 1px solid #ddd; padding-top: .5em; } .tum-haberler-item > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .tum-haberler-filter-nav { text-align: center; } @media (min-width: 768px) { .tum-haberler-filter-nav { display: none; } } .tum-haberler-filter-nav a { background-color: #fff; height: 40px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-left: 20px; padding-right: 20px; border-bottom: 2px solid transparent; } .tum-haberler-filter-nav a .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .tum-haberler-filter-nav a.active { border-color: #2f4073; } .tum-haberler-filter-nav a.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .tum-haberler-body { position: relative; padding-bottom: 56px; display: grid; grid-template-columns: 1fr; gap: 20px; background-color: #fff; padding: 20px; } @media (min-width: 576px) { .tum-haberler-body { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .tum-haberler-body { grid-template-columns: repeat(4, 1fr); } } .tum-haberler-item p { height: 120px; margin-bottom: 4px; overflow: hidden; } @media (min-width: 576px) { .tum-haberler-item:first-child { grid-column: span 2; position: relative; } .tum-haberler-item:first-child p { height: auto; margin-bottom: 0; } .tum-haberler-item:first-child .tum-haberler-item-info { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.5); border: none; } } .tum-haberler-devami { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translate(-50%, 40px); transform: translate(-50%, 40px); bottom: -20px; height: 40px; border: 1px solid #aaa; border-radius: 12px; padding-left: 20px; padding-right: 20px; } .fotograf-galerisi { background-color: #eee; padding-top: 20px; padding-bottom: 20px; } .fotograf-galerisi .container { display: grid; grid-template-columns: 300px 1fr; gap: 20px; padding-bottom: 80px; } .fotograf-galerisi .container .title { grid-column: 1/3; } .fotograf-galerisi .container .filter { display: none; grid-column: 1/3; } @media (min-width: 768px) { .fotograf-galerisi .container .filter { display: grid; grid-column: 1/3; } } .fotograf-galerisi .container .filter.show { display: grid; } .fotograf-galerisi .container .side-nav { display: none; grid-column: 1/3; } @media (min-width: 768px) { .fotograf-galerisi .container .side-nav { display: -webkit-box; display: flex; grid-column: 1/2; } } .fotograf-galerisi .container .side-nav.show { display: -webkit-box; display: flex; } .fotograf-galerisi .container .side-nav a.active { background-color: #2f4073; color: #fff; } .fotograf-galerisi .container .side-nav > ul { display: -webkit-box !important; display: flex !important; } .fotograf-galerisi-filter-nav { grid-column: 1/3; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: center; } @media (min-width: 768px) { .fotograf-galerisi-filter-nav { display: none; } } .fotograf-galerisi-filter-nav a { background-color: #fff; height: 40px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-left: 20px; padding-right: 20px; border-bottom: 2px solid transparent; } .fotograf-galerisi-filter-nav a .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .fotograf-galerisi-filter-nav a.active { border-color: #2f4073; } .fotograf-galerisi-filter-nav a.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .fotograf-galerisi-body { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; grid-column: 1/3; position: relative; padding-bottom: 56px; } .fotograf-galerisi-body-devami { grid-column: span 1; } @media (min-width: 576px) { .fotograf-galerisi-body { grid-template-columns: repeat(2, 1fr); } .fotograf-galerisi-body-devami { grid-column: span 2; } } @media (min-width: 768px) { .fotograf-galerisi-body { grid-column: 2/3; } } @media (min-width: 992px) { .fotograf-galerisi-body { grid-template-columns: repeat(3, 1fr); } .fotograf-galerisi-body-devami { grid-column: span 3; } } .fotograf-galerisi-body-devami { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translate(-50%, 40px); transform: translate(-50%, 40px); bottom: 0; height: 40px; border: 1px solid #aaa; border-radius: 12px; padding-left: 20px; padding-right: 20px; } .fotograf-galerisi-item { background-color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } .fotograf-galerisi-item-img img { width: 100%; } .fotograf-galerisi-item-title { margin-top: 8px; margin-bottom: 16px; padding-left: 20px; padding-right: 20px; } .fotograf-galerisi-item-footer { margin-top: auto; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .fotograf-galerisi-item a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fotograf-galerisi-detay { padding-top: 20px; padding-bottom: 20px; } .fotograf-galerisi-detay .container > div { width: 100%; background-color: #fff; padding: 20px; } .fotograf-galerisi-detay .title { font-size: calc(.7rem + 1.1vw); } @media (min-width: 1200px) { .fotograf-galerisi-detay .title { font-size: 1.4rem; } } .fotograf-galerisi-detay-body div:first-child { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } @media (min-width: 576px) { .fotograf-galerisi-detay-body div:first-child { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 768px) { .fotograf-galerisi-detay-body div:first-child { grid-template-columns: repeat(4, 1fr); } } .fotograf-galerisi-detay-body div:first-child img { width: 100%; } .fotograf-galerisi-detay-body-social { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative; } .fotograf-galerisi-detay-body-social::after { content: ""; height: 1px; background-color: #222; position: absolute; top: 50%; left: 0; right: 0; } .fotograf-galerisi-detay-body-social a { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 40px; width: 40px; border-radius: 50%; color: #fff; z-index: 1; } .fotograf-galerisi-detay-body-social a:nth-child(1) { background-color: #55acef; } .fotograf-galerisi-detay-body-social a:nth-child(2) { background-color: #3b5999; } .fotograf-galerisi-detay-body-social a:nth-child(3) { background-color: #4eaf50; } .fotograf-galerisi-detay-body-social a + a { margin-left: 20px; } .video-galerisi { background-color: #eee; padding-top: 20px; padding-bottom: 20px; } .video-galerisi .container { display: grid; grid-template-columns: 300px 1fr; gap: 20px; padding-bottom: 80px; } .video-galerisi .container .title { grid-column: 1/3; } .video-galerisi .container .filter { display: none; grid-column: 1/3; } @media (min-width: 768px) { .video-galerisi .container .filter { display: grid; grid-column: 1/3; } } .video-galerisi .container .filter.show { display: grid; } .video-galerisi .container .side-nav { display: none; grid-column: 1/3; } @media (min-width: 768px) { .video-galerisi .container .side-nav { display: -webkit-box; display: flex; grid-column: 1/2; } } .video-galerisi .container .side-nav.show { display: -webkit-box; display: flex; } .video-galerisi .container .side-nav a.active { background-color: #2f4073; color: #fff; } .video-galerisi .container .side-nav > ul { display: -webkit-box !important; display: flex !important; } .video-galerisi-filter-nav { grid-column: 1/3; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; text-align: center; } @media (min-width: 768px) { .video-galerisi-filter-nav { display: none; } } .video-galerisi-filter-nav a { background-color: #fff; height: 40px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-left: 20px; padding-right: 20px; border-bottom: 2px solid transparent; } .video-galerisi-filter-nav a .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .video-galerisi-filter-nav a.active { border-color: #2f4073; } .video-galerisi-filter-nav a.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .video-galerisi-body { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; grid-column: 1/3; position: relative; padding-bottom: 56px; } .video-galerisi-body-devami { grid-column: span 1; } @media (min-width: 576px) { .video-galerisi-body { grid-template-columns: repeat(2, 1fr); } .video-galerisi-body-devami { grid-column: span 2; } } @media (min-width: 768px) { .video-galerisi-body { grid-column: 2/3; } } @media (min-width: 992px) { .video-galerisi-body { grid-template-columns: repeat(3, 1fr); } .video-galerisi-body-devami { grid-column: span 3; } } .video-galerisi-body-devami { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translate(-50%, 40px); transform: translate(-50%, 40px); bottom: 0; height: 40px; border: 1px solid #aaa; border-radius: 12px; padding-left: 20px; padding-right: 20px; } .video-galerisi-item { background-color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; } .video-galerisi-item-img { position: relative; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .video-galerisi-item-img img { width: 100%; } .video-galerisi-item-img .icon { position: absolute; color: #fff; width: 96px; height: 96px; opacity: .8; } .video-galerisi-item-title { margin-top: 8px; margin-bottom: 16px; padding-left: 20px; padding-right: 20px; } .video-galerisi-item a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .video-galerisi-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background-color: rgba(0, 0, 0, 0.9); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .video-galerisi-modal.show { display: -webkit-box; display: flex; } .video-galerisi-modal-content { width: 100%; height: auto; max-width: 560px; max-height: 315px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-left: 0.5em; margin-right: 0.5em; } .video-galerisi-modal-content .embed-responsive { border: 4px solid #eee; border-radius: 3px; } @media (min-width: 576px) { .video-galerisi-modal-content .embed-responsive { border: 6px solid #eee; } } .teskilat-semasi { background-color: #fff; padding-top: 20px; padding-bottom: 60px; font-weight: bold; } /* .teskilat-semasi p { margin: 0 !important; } */ .teskilat-semasi-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .teskilat-semasi-img img { width: 100%; max-width: 160px; } .teskilat-semasi-body { margin-top: 20px; } .teskilat-semasi-list { display: grid; grid-template-columns: 1fr; --column-gap: calc(20px * 3); -webkit-column-gap: var(--column-gap); -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); row-gap: 40px; justify-items: center; } @media (min-width: 768px) { .teskilat-semasi-list { grid-template-columns: repeat(4, 1fr); --column-gap: calc(20px * .5); } } @media (min-width: 850px) { .teskilat-semasi-list { --column-gap: calc(20px); } } @media (min-width: 900px) { .teskilat-semasi-list { --column-gap: calc(20px * 1.5); } } @media (min-width: 1020px) { .teskilat-semasi-list { --column-gap: calc(20px * 2); } } @media (min-width: 1200px) { .teskilat-semasi-list { --column-gap: calc(20px * 3); } } .teskilat-semasi-list-title { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; font-size: 24px; } @media (min-width: 768px) { .teskilat-semasi-list-title { grid-column: 1/6; } } @media (min-width: 768px) { .teskilat-semasi-list ul { font-size: calc(10px + .2vw); } } .teskilat-semasi-list > ul:nth-child(2) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: space-evenly; justify-content: space-evenly; width: 100%; margin-bottom: 40px; visibility:hidden; /*TODO Basın halkla ilişkiler ve özel kalem gözükmemesi için eklendi*/ } .teskilat-semasi-list > ul:nth-child(2) li + li { margin-top: 20px; } @media (min-width: 768px) { .teskilat-semasi-list > ul:nth-child(2) { grid-column: 1/6; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .teskilat-semasi-list > ul:nth-child(2) li + li { margin-top: 0; } } .teskilat-semasi-list > ul:nth-child(2) > li, .teskilat-semasi-list > ul:nth-child(3) > li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .teskilat-semasi-list > ul:nth-child(2) > li::before, .teskilat-semasi-list > ul:nth-child(3) > li::before { content: ""; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; background-color: #183e64; border-radius: 50%; margin-right: 8px; } .teskilat-semasi-list > ul:nth-child(3) { border-top: 4px solid #183e64; padding-top: 20px; } .teskilat-semasi-list > ul:nth-child(3) > li + li { margin-top: 20px; } .teskilat-semasi-list > ul:nth-child(4) > li > a, .teskilat-semasi-list > ul:nth-child(5) > li > a, .teskilat-semasi-list > ul:nth-child(6) > li > a, .teskilat-semasi-list > ul:nth-child(7) > li > a { height: 60px; padding: .5em; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; background-color: #183e64; color: #fff; border: 1px solid #ccc; border-radius: 3px; } .teskilat-semasi-list > ul:nth-child(4) > li > ul > li, .teskilat-semasi-list > ul:nth-child(5) > li > ul > li, .teskilat-semasi-list > ul:nth-child(6) > li > ul > li, .teskilat-semasi-list > ul:nth-child(7) > li > ul > li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .teskilat-semasi-list > ul:nth-child(4) > li > ul > li::before, .teskilat-semasi-list > ul:nth-child(5) > li > ul > li::before, .teskilat-semasi-list > ul:nth-child(6) > li > ul > li::before, .teskilat-semasi-list > ul:nth-child(7) > li > ul > li::before { content: ""; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; background-color: #13183E; border-radius: 50%; margin-right: 8px; } .teskilat-semasi-list > ul:nth-child(4) > li > ul > li.diff::before, .teskilat-semasi-list > ul:nth-child(5) > li > ul > li.diff::before, .teskilat-semasi-list > ul:nth-child(6) > li > ul > li.diff::before, .teskilat-semasi-list > ul:nth-child(7) > li > ul > li.diff::before { border: 4px solid #13183E; background-color: #183e64; } .teskilat-semasi-list > ul:nth-child(4) > li > ul > li:first-child, .teskilat-semasi-list > ul:nth-child(5) > li > ul > li:first-child, .teskilat-semasi-list > ul:nth-child(6) > li > ul > li:first-child, .teskilat-semasi-list > ul:nth-child(7) > li > ul > li:first-child { margin-top: 20px; } .teskilat-semasi-list > ul:nth-child(4) > li > ul > li + li, .teskilat-semasi-list > ul:nth-child(5) > li > ul > li + li, .teskilat-semasi-list > ul:nth-child(6) > li > ul > li + li, .teskilat-semasi-list > ul:nth-child(7) > li > ul > li + li { margin-top: 20px; } .teskilat-semasi-list > ul:nth-child(3), .teskilat-semasi-list > ul:nth-child(4), .teskilat-semasi-list > ul:nth-child(5), .teskilat-semasi-list > ul:nth-child(6), .teskilat-semasi-list > ul:nth-child(7) { width: 100%; } @media (min-width: 768px) { .teskilat-semasi-list > ul:nth-child(3), .teskilat-semasi-list > ul:nth-child(4), .teskilat-semasi-list > ul:nth-child(5), .teskilat-semasi-list > ul:nth-child(6), .teskilat-semasi-list > ul:nth-child(7) { min-width: 100%; position: relative; } .teskilat-semasi-list > ul:nth-child(3):before, .teskilat-semasi-list > ul:nth-child(4):before, .teskilat-semasi-list > ul:nth-child(5):before, .teskilat-semasi-list > ul:nth-child(6):before, .teskilat-semasi-list > ul:nth-child(7):before { content: ""; width: 2px; height: calc(40px + 2px); display: inline-block; background-color: #183e64; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .teskilat-semasi-list > ul:nth-child(3):after, .teskilat-semasi-list > ul:nth-child(4):after, .teskilat-semasi-list > ul:nth-child(5):after, .teskilat-semasi-list > ul:nth-child(6):after, .teskilat-semasi-list > ul:nth-child(7):after { content: ""; width: calc(100% + var(--column-gap)); height: 2px; display: inline-block; background-color: #183e64; position: absolute; bottom: calc(100% + 40px); left: 50%; } .teskilat-semasi-list > ul:nth-child(3):before { bottom: calc(100% + 4px); } .teskilat-semasi-list > ul:nth-child(3):after { bottom: calc(100% + 40px + 4px); } .teskilat-semasi-list > ul:nth-child(7):after { display: none; } } .baskan-bilgi { --list-size: 2; --list-width: 100%; background-color: #fff; padding-top: 20px; padding-bottom: 60px; font-weight: bold; } .baskan-bilgi .container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .baskan-bilgi-img { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .baskan-bilgi-img img { width: 100%; max-width: 160px; } .baskan-bilgi-body { margin-top: 20px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .baskan-bilgi-list { display: grid; grid-template-columns: 1fr; --column-gap: calc(20px * 3); -webkit-column-gap: var(--column-gap); -moz-column-gap: var(--column-gap); column-gap: var(--column-gap); row-gap: 40px; justify-items: center; } @media (min-width: 768px) { .baskan-bilgi-list { grid-template-columns: repeat(var(--list-size), 1fr); --column-gap: calc(20px * .5); } } @media (min-width: 850px) { .baskan-bilgi-list { --column-gap: calc(20px); } } @media (min-width: 900px) { .baskan-bilgi-list { --column-gap: calc(20px * 1.5); } } @media (min-width: 1020px) { .baskan-bilgi-list { --column-gap: calc(20px * 2); } } @media (min-width: 1200px) { .baskan-bilgi-list { --column-gap: calc(20px * 3); } } .baskan-bilgi-list-title { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; font-size: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .baskan-bilgi-list-title { grid-column: span var(--list-size); } } @media (min-width: 768px) { .baskan-bilgi-list ul { font-size: calc(10px + .2vw); } } .baskan-bilgi-list > ul:not(:first-child) > li { color: #000; } .baskan-bilgi-list > ul:not(:first-child) > li > div { height: 60px; padding: .5em; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; background-color: #2f4073; color: #fff; border: 1px solid #ccc; border-radius: 3px; } .baskan-bilgi-list > ul:not(:first-child) > li > ul > li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .baskan-bilgi-list > ul:not(:first-child) > li > ul > li::before { content: ""; display: inline-block; flex-shrink: 0; width: 24px; height: 24px; background-color: #13183E; border-radius: 50%; margin-right: 8px; } .baskan-bilgi-list > ul:not(:first-child) > li > ul > li:first-child { margin-top: 20px; } .baskan-bilgi-list > ul:not(:first-child) > li > ul > li + li { margin-top: 20px; } .baskan-bilgi-list > ul:not(:first-child) { width: var(--list-width); } @media (min-width: 768px) { .baskan-bilgi-list > ul:not(:first-child) { min-width: var(--list-width); position: relative; } .baskan-bilgi-list > ul:not(:first-child).border-top { border-top: 2px solid #2f4073; } .baskan-bilgi-list > ul:not(:first-child):before { content: ""; width: 2px; height: calc(40px + 2px); display: inline-block; background-color: #2f4073; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .baskan-bilgi-list > ul:not(:first-child):after { content: ""; width: calc(100% + var(--column-gap)); height: 2px; display: inline-block; background-color: #2f4073; position: absolute; bottom: calc(100% + 40px); left: 50%; } .baskan-bilgi-list > ul:last-child:after { display: none; } } @media (min-width: 768px) { .baskan-bilgi-list > ul > li.multi-columns > ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; } } .kurumsal-kimlik { background-color: #eee; padding-top: 20px; padding-bottom: 20px; } .kurumsal-kimlik-body { background-color: #fff; padding: 20px; } .kurumsal-kimlik-body-title { font-weight: bold; font-size: calc(.7rem + 1.1vw); text-align: center; margin-bottom: 20px; } @media (min-width: 1200px) { .kurumsal-kimlik-body-title { font-size: 1.4rem; } } .kurumsal-kimlik-body-logo { text-align: center; margin-bottom: 60px; } .kurumsal-kimlik-body-logo img { max-width: 128px; } .kurumsal-kimlik-body-subtitle { margin-top: 40px; margin-bottom: 10px; max-width: 1000px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } .kurumsal-kimlik-body-logolar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; justify-items: center; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } @media (min-width: 576px) { .kurumsal-kimlik-body-logolar { grid-template-columns: repeat(4, 1fr); } } .kurumsal-kimlik-body-logolar img { width: 100%; max-width: 80px; } @media (min-width: 768px) { .kurumsal-kimlik-body-logolar img { max-width: 128px; } } .kurumsal-kimlik-body-logolar.gray-bg { background-color: #eee; } .birimler { background-color: #eee; padding-top: 20px; padding-bottom: 20px; font-size: 13px; } @media (min-width: 576px) { .birimler { font-size: 1rem; } } .birimler .container { display: grid; grid-template-columns: 1fr; row-gap: 12px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (min-width: 768px) { .birimler .container { grid-template-columns: 300px 1fr; } } .birimler .container .title { grid-column: 1/2; } @media (min-width: 768px) { .birimler .container .title { grid-column: 1/3; } } .birimler .container .side-nav { display: -webkit-box; display: flex; grid-column: 1/2; } .birimler .container .side-nav a.active { background-color: #2f4073; color: #fff; } .birimler-body { background-color: #fff; padding: 20px; grid-column: 1/2; } @media (min-width: 768px) { .birimler-body { grid-column: 2/3; } } .birimler-body-subtitle { color: #6c757d; margin-top: 4px; } .birimler-body ul { margin-left: 8px; margin-top: 4px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .birimler-body ul ul { display: none; margin-left: 16px; } .birimler-body ul ul.show { display: -webkit-box; display: flex; } .birimler-body ul li + li { margin-top: 4px; } .birimler-body ul a { min-height: 40px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background-color: #eee; padding-left: 10px; padding-right: 10px; } .birimler-body ul .drop-btn { -webkit-box-pack: justify; justify-content: space-between; } .birimler-body ul .drop-btn .icon { pointer-events: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .birimler-body ul .drop-btn.active .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .yalan-haberler { padding-bottom: 20px; } .yalan-haberler-title { position: relative; height: 300px; font-size: 13px; background-color: rgba(0, 0, 0, 0.5); } @media (min-width: 576px) { .yalan-haberler-title { height: 550px; font-size: 1rem; } } .yalan-haberler-title > div { width: 100%; position: absolute; color: #fff; bottom: 0; left: 50%; padding-bottom: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .yalan-haberler-title > div > p { margin-top: 0.5em; margin-bottom: 0.5em; } @media (max-width: 575px) { .yalan-haberler-title > div > p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } .yalan-haberler-title img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top right; object-position: top right; } .yalan-haberler-title-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } .yalan-haberler-body { margin-top: 20px; } .yalan-haberler-main-carousel { padding-bottom: 20px; } .yalan-haberler-main-carousel .carousel-cell { width: 100%; margin-right: 10px; background-color: #222; border-radius: 5px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .yalan-haberler-main-carousel .carousel-cell img { max-width: 100%; } .yalan-haberler-nav-carousel .carousel-cell { height: 80px; width: 100px; margin-right: 10px; background-color: #222; border-radius: 5px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .yalan-haberler-nav-carousel .carousel-cell img { width: 100%; } .yalan-haberler-nav-carousel .carousel-cell.is-nav-selected { background: #2f4073; } .w-100 { width: 100%; } .d-none { display: none; } section.arama .arama-form { display: -webkit-box; display: flex; height: 64px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } section.arama .arama-form input[type="text"] { height: 44px; padding: .75em; -webkit-box-flex: 1; flex: 1; } section.arama .arama-form button { background-color: #13183E; color: white; height: 44px; width: 64px; } ol { list-style: decimal inside; } .w-180 { width: 180px; } .slider-tum-haberler { display: none; } @media (min-width: 576px) { .slider-tum-haberler { display: block; } } .twitter-timeline { width: 100vw !important; } /* latin-ext */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url('../../Content/css/fonts/2sDfZG1Wl4LcnbuKgE0mV0Q.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url('../../Content/css/fonts/2sDfZG1Wl4LcnbuKjk0m.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url('../../Content/css/fonts/2sDcZG1Wl4LcnbuCNWgzZmW5O7w.woff2') format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url('../../Content/css/fonts/2sDcZG1Wl4LcnbuCNWgzaGW5.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }