.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} @-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:0;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.owl-height{-webkit-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 100ms ease;-o-transition:transform 100ms ease;transition:transform 100ms ease;transition:transform 100ms ease,-webkit-transform 100ms ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} @font-face{font-family:"twsicons";src:url(../fonts/twsicons.eot);src:url(../fonts/twsicons.eot?#iefix) format('eot'),url(../fonts/twsicons.woff2) format('woff2'),url(../fonts/twsicons.woff) format('woff'),url(../fonts/twsicons.ttf) format('truetype'),url(../fonts/twsicons.svg#twsicons) format('svg')}.twsicons{display:inline-block;vertical-align:middle}.twsicons:before{font-family:"twsicons";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}.twsicons-brothers:before{content:"\E001"}.twsicons-features:before{content:"\E002"}.twsicons-forums:before{content:"\E003"}.twsicons-search:before{content:"\E004"}.twsicons-human:before{content:"\E005"}.twsicons-settings:before{content:"\E006"}.twsicons-message:before{content:"\E007"}.twsicons-members:before{content:"\E008"}.twsicons-description:before{content:"\E009"}.twsicons-photos:before{content:"\E00A"}.twsicons-patches:before{content:"\E00B"}.twsicons-citations:before{content:"\E00C"}.twsicons-history:before{content:"\E00D"}.twsicons-battle:before{content:"\E00E"}.twsicons-reunion:before{content:"\E00F"}.twsicons-menuopener:before{content:"\E010"}.twsicons-shadowbox:before{content:"\E011"}.twsicons-image:before{content:"\E012"}.twsicons-newsfeed:before{content:"\E013"}.twsicons-messagedark:before{content:"\E014"}.twsicons-settingsvertical:before{content:"\E015"}.twsicons-star:before{content:"\E016"}.twsicons-find:before{content:"\E017"}.twsicons-likes:before{content:"\E018"}.twsicons-post:before{content:"\E019"}.twsicons-members2:before{content:"\E01A"}.twsicons-description2:before{content:"\E01B"}.twsicons-photos2:before{content:"\E01C"}.twsicons-star2:before{content:"\E01D"}.twsicons-citations2:before{content:"\E01E"}.twsicons-history2:before{content:"\E01F"}.twsicons-operations:before{content:"\E020"}.twsicons-reunion2:before{content:"\E021"}.twsicons-close:before{content:"\E022"} @font-face { font-family: "Futura PT"; font-display: swap; src: url(../fonts/FuturaPT-Book.eot); src: url(../fonts/FuturaPT-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/FuturaPT-Book.woff2) format("woff2"), url(../fonts/FuturaPT-Book.woff) format("woff"), url(../fonts/FuturaPT-Book.ttf) format("truetype"), url("../fonts/FuturaPT-Book.svg#Futura PT") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Futura PT"; font-display: swap; src: url(../fonts/FuturaPT-Medium.eot); src: url(../fonts/FuturaPT-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/FuturaPT-Medium.woff2) format("woff2"), url(../fonts/FuturaPT-Medium.woff) format("woff"), url(../fonts/FuturaPT-Medium.ttf) format("truetype"), url("../fonts/FuturaPT-Medium.svg#Futura PT") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: "Futura PT"; font-display: swap; src: url(../fonts/FuturaPT-Demi.eot); src: url(../fonts/FuturaPT-Demi.eot?#iefix) format("embedded-opentype"), url(../fonts/FuturaPT-Demi.woff2) format("woff2"), url(../fonts/FuturaPT-Demi.woff) format("woff"), url(../fonts/FuturaPT-Demi.ttf) format("truetype"), url("../fonts/FuturaPT-Demi.svg#Futura PT") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Futura PT"; font-display: swap; src: url(../fonts/FuturaPT-Demi.eot); src: url(../fonts/FuturaPT-Demi.eot?#iefix) format("embedded-opentype"), url(../fonts/FuturaPT-Demi.woff2) format("woff2"), url(../fonts/FuturaPT-Demi.woff) format("woff"), url(../fonts/FuturaPT-Demi.ttf) format("truetype"), url("../fonts/FuturaPT-Demi.svg#Futura PT") format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: "Futura PT"; font-display: swap; src: url(../fonts/FuturaPT-Bold.eot); src: url(../fonts/FuturaPT-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/FuturaPT-Bold.woff2) format("woff2"), url(../fonts/FuturaPT-Bold.woff) format("woff"), url(../fonts/FuturaPT-Bold.ttf) format("truetype"), url("../fonts/FuturaPT-Bold.svg#Futura PT") format("svg"); font-weight: 900; font-style: normal } @font-face { font-family: "Constantia"; src: url(../fonts/Constantia.eot); src: url(../fonts/Constantia.eot?#iefix) format("embedded-opentype"), url(../fonts/Constantia.woff2) format("woff2"), url(../fonts/Constantia.woff) format("woff"), url(../fonts/Constantia.ttf) format("truetype"), url(../fonts/Constantia.svg#Constantia) format("svg"); font-weight: 400; font-style: normal } body, button, input, textarea { font-family: "Futura PT", "Open Sans", "sans-serif" } body { background: #ececec; padding: 0; margin: 0; font-weight: 400; color: #333; width: 100%; position: relative; min-height: 100vh; min-width: 320px } button, input, textarea { -webkit-appearance: none; border: 0; outline: 0; background: 0 0; border-radius: 0 } button { cursor: pointer; padding: 0 } ol, ul { list-style: none } h1, h2, h3, h4, h5, h6, ol, ol li, p, ul, ul li { margin: 0; padding: 0 } *, :focus, :hover, :visited { text-decoration: none; outline: 0 !important } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent } .unit_patch img { max-height: 100px; width: auto !important; } img { max-width: 100% } a { color: inherit; cursor: pointer; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .button, p { font-size: 16px; line-height: 24px; font-weight: 400 } p a { word-break: break-all } .unit_details_content p+p, p+p { margin-top: 24px } .d-none { display: none !important; } .tac { text-align: center; } .main_list_loadmore { margin-bottom: 30px; } .main_list_loadmore.page_loader { margin-top: 9rem; } .iserror.main_list_loadmore.page_loader { margin-top: 2rem; } .main_list_loadmore.preload { position: absolute; top: 20vh; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 70%; } .main_list_loadmore p { font-size: 16px; font-weight: 700; letter-spacing: .258em; text-transform: uppercase; text-align: center; padding: 30px 36px; max-width: 640px; width: 100%; display: inline-block; transition: all .15s ease-out; background: #fff; border-color: #fff; color: #0b0b0c; line-height: 29px; } .main_list_loadmore.iserror .errMsg { max-width: 500px; display: inline-flex; } .main_list_loadmore.iserror .extrasmall { font-size: 12px; line-height: normal; display: inline-flex; } .lazyimg_wrapper { text-align: center; } .lazyimg_wrapper img { width: auto; height: auto; max-height: 100%; } .button { display: inline-block; text-align: center; white-space: nowrap; position: relative; height: 40px; line-height: 40px; padding: 0 30px; font-weight: 500; border-radius: 4px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .button50 { height: 50px; line-height: 50px; border-radius: 5px } .not-specified { padding: 20px 40px } @media (max-width:767px) { .button50 { height: 40px; line-height: 40px } .main_list_loadmore p { padding: 15px 36px; } } .button_big { display: inline-block; text-align: center; white-space: nowrap; position: relative; height: 60px; line-height: 60px; font-size: 16px; padding: 0 30px; font-weight: 600; letter-spacing: .258em } .button_green { background: #898770; color: #fff } .button_yellow { background: #fff6c0; color: #201f1f } .button_green:hover, .button_white, .button_yellow:hover { background: #fff; color: #333 } /* .button_white:hover { background: #898770; color: #fff } */ .button_white:hover { background: #0b0b0c; border-color: #0b0b0c; color: #fff; } .button_orange { background: #fbc751; color: #414141 } .button_orange:hover { background: #363636; color: #fff } .button_grey { background: #eaeaea; color: #848484 } .button_grey:hover { background: #ffc62f; color: #333 } .button_transparent_white { background: rgba(255, 255, 255, .2); color: #fff } .button_brown:hover, .button_transparent_white:hover { background: #fff; color: #333 } .button_brown { background: #b4a58d; color: #0b0b0c } .wrapper { max-width: 1680px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px } .menu { position: relative } .menu_opener { display: block; width: 16px; height: 16px; line-height: 16px; position: absolute; top: 0; right: 0; color: #838383 } .menu_opener i { font-size: 3px; display: inline-block; vertical-align: middle } .menu_opener:hover, .soldier_left_menu_links li a:hover, .soldier_left_menu_links li a:hover i { color: #333 } .smalltitle { font-size: 16px; line-height: 22px; font-weight: 500 } @media (max-width:1279px) { .wrapper { padding-left: 20px; padding-right: 20px } } @media (max-width:479px) { .wrapper { padding-left: 10px; padding-right: 10px } } .main_header { background: #363636; padding: 0 24px; color: #949494; font-weight: 500; position: relative } .header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding-right: 112px; min-height: 80px } .header_logo { display: block; padding-left: 64px; position: relative } .header_logo_branch { display: block; width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -25px; background: no-repeat center/contain } .header__logo { display: block; width: 240px; height: 50px; background: url(../images/header_logo.png) no-repeat left center/contain } .header_left, .header_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header_right { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .header_left_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; padding-right: 18px; padding-left: 18px } .header_left_links a { line-height: 29px; white-space: nowrap; padding-left: 20px; padding-right: 20px } .header_left_links a.header_right_links_borderleft { border-left: 1px solid #1e1e1e; padding-left: 23px } .header_left_links a:hover, .header_right_links a:hover { color: #fff } .header_left_links a i { vertical-align: middle; margin-right: 11px } .header_left_links a i.twsicons-forums, .soldier_left_menu_links i.twsicons-history { font-size: 18px } .header_left_links a i.twsicons-brothers, .header_left_links a i.twsicons-features { font-size: 20px } .header_invitebutton { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 50px; border-radius: 5px; text-align: center; line-height: 50px; white-space: nowrap; padding-left: 28px; padding-right: 28px; margin-left: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .header_right_links, .header_user { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 10px } .header_right_links a { margin-left: 14px; margin-right: 14px } .header_right_links a i { vertical-align: middle } .header_right_links a i.twsicons-message { font-size: 16px } .header_right_links a i .twsicons-settings, .header_right_links a i.twsicons-human { font-size: 19px } .header_user { position: relative; padding-right: 45px; padding-top: 14px; padding-bottom: 14px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .header_user:hover { background: #1e1e1e } .header_user_name { font-size: 16px; white-space: nowrap; margin-right: 12px; max-width: 145px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 29px; border-left: 1px solid #1e1e1e; padding-left: 24px; text-align: right } .header_user_photo { display: block; width: 50px; height: 50px; border-radius: 50%; background: #898770 no-repeat center/cover } .header_user_menuopener { position: absolute; right: 24px; top: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #898770; margin-top: -2px } .header_search { background: #181818; border-radius: 5px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 10px } .header_search_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header_search_form select { min-width: 142px } .header_search_form input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 12px; border-left: 1px solid #363636; height: 29px; color: #fff; font-size: 16px } .header_search_form input::-webkit-input-placeholder { color: #949494 } .header_search_form input::-moz-placeholder { color: #949494 } .header_search_form input:-ms-input-placeholder, .header_search_form input::-ms-input-placeholder { color: #949494 } .header_search_form input::placeholder { color: #949494 } .header_search_form_button { width: 45px; height: 50px; line-height: 50px; text-align: center; color: #949494; font-size: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .header_search_form_button:hover { color: #fff } .select2.select2-container--header_select { width: auto !important; min-width: 142px } .select2.select2-container--header_select .select2-selection--single { height: 29px; line-height: 29px; font-size: 16px; font-weight: 500 } .select2.select2-container--header_select .select2-selection--single .select2-selection__rendered { padding-left: 12px; padding-right: 33px } .select2.select2-container--header_select .select2-selection__arrow { position: absolute; right: 12px; top: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #828282; margin-top: -2px } .select2-container--header_select .select2-dropdown { background-color: #181818; border: 0; border-radius: 5px; z-index: 1051; padding-top: 12px; padding-bottom: 12px } .select2-container--header_select .select2-results__option { padding: 0 12px; font-size: 16px; line-height: 30px; white-space: nowrap; color: #949494; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .select2-container--header_select .select2-results__option:hover { color: #fff } @media (min-width:1600px) and (max-width:1919px) { .header_left, .header_right { width: auto } .header_left_links, .header_left_links a { padding-left: 12px; padding-right: 12px } } @media (max-width:1599px) { .main_header { padding: 0 } .header { display: block; padding-right: 0 } .header_left, .header_right { width: 100% } .header_left { padding: 4px 24px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .header_invitebutton { position: static; -webkit-transform: none; -ms-transform: none; transform: none } .header_right { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-right: 24px; background: #2b2b2b } .header_user { padding-top: 6px; padding-bottom: 6px; padding-right: 24px } .header_user_menuopener { right: 0 } .header_right_links { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .header_left_links { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .header_user_photo { width: 36px; height: 36px } .header_search { width: 480px; position: absolute; top: 4px; right: 50%; margin-right: -240px } } @media (max-width:1439px) { .header_search { margin-right: 0; right: 168px } } @media (max-width:1279px) { .header_left { padding-left: 20px } .header_left, .header_right { padding-right: 20px } } @media (max-width:1023px) { .header_left_links a span { display: none } .header_invitebutton { height: 40px; line-height: 40px } .header_left_links a { padding-left: 12px; padding-right: 12px } .header_left_links a i { margin-right: 0 } .header_left_links a.header_right_links_borderleft { margin-left: 12px } .select2.select2-container--header_select { min-width: 120px } .header_user_name { padding-left: 19px; margin-right: 8px; color: #fff } .header_user { padding-right: 20px } .main_header { padding-bottom: 50px } .header_search { right: 0; top: 100%; z-index: 3; max-width: 100%; width: 100%; padding-left: 20px; padding-right: 20px; border-radius: 0 } .header_search_form_button { text-align: right } } @media (max-width:767px) { .header_left_links, .header_left_links a { padding-left: 10px; padding-right: 10px } .header_left_links a.header_right_links_borderleft { padding-left: 20px; margin-left: 10px } .header_right_links { padding-right: 10px } .header_right_links a { margin-left: 10px; margin-right: 10px } .header_user_name { display: none } .header_left { padding-left: 10px } .header_left, .header_right { padding-right: 10px } } @media (max-width:359px) { .header_left_links, .header_left_links a, .header_search_form input { padding-left: 5px; padding-right: 5px } .header_right_links a { margin-left: 5px; margin-right: 5px } .header_search { margin-right: 0 } } .main_footer { background: #363636; color: rgba(237, 237, 237, .5); text-align: center; padding: 39px 0 } .footer_white { color: rgba(51, 51, 51, .5); text-align: center } .footer_white p { border-top: 1px solid #a8a8a8; padding-top: 68px; padding-bottom: 68px } .partner_section { padding-top: 41px; padding-bottom: 52px; text-align: center } .partner_logo { text-align: center; margin-bottom: 13px } .partner_logo a { display: inline-block; margin: 0 12px } .partner_text { font-size: 16px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: rgba(51, 51, 51, .5) } .header_noauth { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 80px; padding: 0 24px; background: #363636; color: #949494; font-weight: 500; position: relative } @media (max-width:767px) { .header_noauth { min-height: 60px; padding-left: 20px; padding-right: 20px } } @media (max-width:479px) { .header_noauth { min-height: 40px; padding-left: 10px; padding-right: 10px } } @media (max-width:359px) { .header_noauth { padding-left: 12px; padding-right: 12px } } .header_logo_marines { display: block; width: 469px; height: 54px; background: url(../images/header_logo_marines.jpg) no-repeat left center/contain } @media (max-width:767px) { .header_logo_marines { position: relative; background: url(../images/header_logo_mob.png) no-repeat right center/30px auto; width: 92px; height: 30px } .header_logo_marines:before { content: ''; display: block; width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -25px; background: url(../images/branch_marines2.png) no-repeat center/contain } } @media (max-width:479px) { .header_logo { padding-left: 28px; -webkit-box-flex: 0; -webkit-flex: 0 1 120px; -ms-flex: 0 1 120px; flex: 0 1 120px } .header__logo { width: 100%; max-width: 240px; height: 40px } .header_logo_branch { width: 20px; height: 20px; margin-top: -10px } .header_invitebutton, .header_search { padding-left: 10px; padding-right: 10px } .header_search_form input { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .header_search_form_button { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .header_left_links a.header_right_links_borderleft { padding-left: 10px; border-left: none; margin-left: 0 } } @media (max-width:767px) { .header_noauth { padding-left: 10px; padding-right: 10px } .button_auth { margin-left: 20px } } @media (max-width:479px) { .button_auth { padding-left: 10px; padding-right: 10px; height: 30px; line-height: 30px; font-size: 14px } } .header_noauth_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width:767px) { .header_noauth_right { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, .3); height: 80px; position: relative; padding-bottom: 40px } } .header_noauth_login { font-size: 16px; font-weight: 500; letter-spacing: .02em; white-space: nowrap } .header_noauth_login span { position: relative; padding-left: 34px; display: inline-block } .header_noauth_login span:before { content: ''; display: block; width: 20px; height: 20px; background: url(../images/login_icon.png) no-repeat center/contain; position: absolute; left: 0; top: 50%; margin-top: -10px } .header_noauth_login a { -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; color: #fff } .header_noauth_login a span { color: #a7a7a7 } .header_noauth_login a:hover { opacity: .7 } @media (max-width:767px) { .header_noauth_login { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 40px; border-top: 1px solid rgba(255, 255, 255, .3); position: absolute; left: 0; bottom: 0 } } .header_noauth_opener { display: block; position: relative; font-size: 16px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; padding-right: 44px; padding-left: 30px; margin-left: 6px; color: #fff } .header_noauth_opener i { display: block; width: 40px; height: 11px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; right: 0; top: 50%; margin-top: -6px } @media (max-width:767px) { .header_noauth_opener { margin-left: 0; padding-left: 0 } } .header_noauth2 { padding: 0 80px; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; min-height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-bottom: 1px solid rgba(255, 255, 255, .5) } @media (max-width:1439px) { .header_noauth2 { padding: 0 40px } } @media (max-width:767px) { .header_noauth2 { padding: 0; display: block } } .header_noauth2_logo { display: block; width: 320px; height: 50px; background: url(../images/header_logo.png) no-repeat left center/contain } @media (max-width:767px) { .header_noauth2_logo { margin: 15px auto; width: calc(100% - 40px); background-position: center } } .popup, .popup_bg { position: fixed; display: none } .popup_bg { width: 100%; height: 100vh; left: 0; top: 0; z-index: 99 } .popup { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; background: rgba(0, 255, 0, .2); max-height: calc(100vh - 80px); max-width: calc(100% - 40px); overflow-y: auto; -webkit-overflow-scrolling: touch } .popup_content { background: #898770; position: relative; background: #888672; -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .5); box-shadow: 0 5px 40px rgba(0, 0, 0, .5); width: 100% } .popup_close { position: absolute; top: 10px; right: 10px; z-index: 10; font-size: 12px; cursor: pointer; color: #333; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .popup_close:hover { color: #fff } @media (max-width:479px) { .popup_close { top: 8px } } #fullprofile { color: #fff; width: 100%; max-width: 600px } @media (max-width:767px) { #fullprofile { max-width: calc(100% - 40px); margin-left: auto; margin-right: auto } } @media (max-width:359px) { #fullprofile { max-width: calc(100% - 20px) } } .fullprofile_text { font-weight: 500; padding: 30px 40px; font-size: 24px; line-height: 35px } .fullprofile_text a { text-decoration: underline } .fullprofile_text a:hover, .unit_info_reporting_col a:hover { text-decoration: none } @media (max-width:479px) { .fullprofile_text { font-size: 14px; line-height: 20px; padding: 16px 20px } } .fullprofile_buttons { background: #333; padding: 35px 40px } @media (max-width:479px) { .fullprofile_buttons { padding: 10px 20px } } .fullprofile_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .fullprofile_button+.fullprofile_button { margin-top: 10px } .fullprofile_button .button { width: 280px } @media (max-width:767px) { .fullprofile_button .button { width: 160px } } @media (max-width:479px) { .fullprofile_button .button { height: 36px; line-height: 36px; letter-spacing: 0; width: 140px; padding-left: 10px; padding-right: 10px; font-size: 12px } } @media (max-width:359px) { .fullprofile_button .button { width: 120px } } .fullprofile_title { font-weight: 600; font-size: 24px; line-height: 36px; padding-right: 20px } @media (max-width:767px) { .fullprofile_title { font-size: 20px; line-height: 28px } } @media (max-width:479px) { .fullprofile_title { font-size: 14px; line-height: 20px } } .page_army .section_unittitle { background-image: url(../images/bg_unit_army.jpg); } .page_usn .section_unittitle { background-image: url(../images/bg_unit_usn.jpg); } .page_usmc .section_unittitle { background-image: url(../images/bg_unit_usmc.jpg); } .page_usaf .section_unittitle { background-image: url(../images/bg_unit_usaf.jpg); } .page_uscg .section_unittitle { background-image: url(../images/bg_unit_uscg.jpg); } .section_unittitle { background: no-repeat left center/cover } .section_unittitle_content { margin-left: auto; padding-bottom: 80px; padding-top: 42px } .unittitle_flex, .unittitle_network { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .unittitle_flex { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 52px } .unittitle_network { font-size: 32px; line-height: 48px; letter-spacing: .1em; font-weight: 600; color: #b2a590; text-transform: uppercase; padding-right: 28px; text-align: right; position: relative; border-right: 2px solid #b2a38d; min-height: 80px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; margin-top: 12px; white-space: nowrap } .unittitle_battalion { padding-left: 30px; position: relative; max-width: 740px } .unittitle_battalion_h1, .unittitle_battalion_number { font-size: 36px; font-weight: 600; text-transform: uppercase; color: #b2a590; letter-spacing: .1em } .unittitle_battalion_h1 { font-size: 60px; line-height: 54px; font-weight: 900; letter-spacing: .02em; color: #fff7c4 } .unittitle_text { text-align: right; font-size: 28px; line-height: 36px; margin-top: 14px; font-weight: 500; color: #fff } .unittitle_join { text-align: center } .unittitle_join a { display: inline-block; text-align: center; white-space: nowrap; position: relative; height: 60px; line-height: 60px; font-size: 16px; padding: 0 20px; letter-spacing: .1em; font-weight: 600; min-width: 240px; text-transform: uppercase } .section_unittitle_minheight { min-height: 640px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (max-width:1279px) { .section_unittitle_content { margin-left: 0 } .unittitle_flex { display: block; margin-bottom: 21px } .unittitle_network { text-align: center; padding-right: 0; font-size: 25px; margin-bottom: 14px; border-right: none; display: block; min-height: 0; border-bottom: 2px solid #b2a38d } .unittitle_battalion { padding-left: 0; text-align: center } .unittitle_text { text-align: center; max-width: 380px; margin: 14px auto 30px } .section_unittitle_minheight { min-height: 0 } .section_unittitle_content { padding-top: 69px } .unittitle_battalion_number { font-size: 28px } .unittitle_battalion_h1 { font-size: 48px; line-height: 40px } } @media (max-width:767px) { .section_unittitle { background-position: -160px center } .unittitle_network { font-size: 15px; margin-bottom: 0 } .unittitle_battalion_number { font-size: 16px; line-height: 32px } .unittitle_battalion_h1 { font-size: 26px; line-height: 18px } .unittitle_text { font-size: 16px; line-height: 21px; max-width: 260px; margin-bottom: 36px } .unittitle_join a { height: 40px; line-height: 40px; font-size: 14px } .section_unittitle_content { padding-top: 25px } .unittitle_battalion { padding-top: 12px } .unittitle_flex { margin-bottom: 13px } } .wrapper.preload { opacity: .3; } .unit_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 85px } .unit_aside { width: 400px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .unit_aside_top { margin-top: -80px; margin-bottom: 20px; border-radius: 3px; background: #fff } .unit_aside_img { width: 100%; height: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 80px 40px } .unit_aside_img img { max-height: 100% } .unit_aside_sticky { position: -webkit-sticky; position: sticky; top: 20px } @media (max-width:767px) { .unit_aside_sticky { position: static } } .unit_aside_menu { font-size: 24px; white-space: nowrap; color: #fff; border-radius: 5px; overflow: hidden } .unit_aside_menu ul li a { display: block; padding: 14px 30px 13px; background: #363636; border-top: 1px solid #575757 } .unit_aside_menu ul li a i { font-size: 17px; width: 32px } .unit_aside_menu ul li a i.twsicons-photos { font-size: 12px } .unit_aside_menu ul li a i.twsicons-patches { font-size: 15px } .unit_aside_menu ul li a i.twsicons-citations { font-size: 20px } .unit_aside_menu ul li a i.twsicons-reunion2 { font-size: 26px } .unit_aside_menu ul li a i.twsicons-description2 { font-size: 22px } .unit_aside_menu ul li a i.twsicons-members2 { font-size: 19px } .unit_aside_menu ul li a:hover { background: #878671; border-top-color: #878671 } .unit_aside_menu ul li:first-child a { border-top-color: transparent } .unit_aside_menu ul li.active a { background: #878671; border-top-color: #878671 } .unit_main { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px } .unit_title { position: relative; padding-left: 92px; margin-top: 42px; margin-bottom: 38px } .unit_title_branch_icon { display: block; width: 80px; height: 80px; border-radius: 50%; background: no-repeat center/contain; position: absolute; left: 0; top: 0 } .unit__title { font-size: 40px; font-weight: 500; letter-spacing: -.02em } .unit_title_branch { font-size: 24px; font-weight: 500; color: #898773 } .unit_info_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #363636; padding-right: 168px; padding-top: 7px; padding-bottom: 10px } .unit_info_item { width: 20%; padding: 20px } .unit_info_text, .unit_info_title { font-size: 18px; line-height: 22px; color: #898772; font-weight: 500 } .unit_info_text { color: #fff } .unit_info_reporting { background: #fff; position: relative; } .soldier_info_links ul, .unit_info_reporting_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .unit_info_reporting_col { width: 20%; padding: 20px } .unit_info_reporting_col a { display: block; font-size: 16px; line-height: 22px; font-weight: 500; text-decoration: underline } .unit_info_reporting_title { font-size: 16px; line-height: 22px; color: #898772; margin-bottom: 3px; padding: 0 20px; font-weight: 500 } .unit_info_reporting_all { position: absolute; right: 22px; line-height: 22px; font-weight: 500; color: #414141; display: block; font-size: 14px; bottom: 9px } .no_margin_top { margin-top: 0 !important; } .soldier_service_all span:after, .unit_info_reporting_all:after { content: ''; display: block; width: 8px; height: 8px; border-right: 2px solid #b4b4b4; border-bottom: 2px solid #b4b4b4; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px } .unit_details, .unit_info { border-radius: 3px; margin-bottom: 15px } .unit_info { overflow: hidden } .unit_details { background: #fff } .unit_smalltitle { border-bottom: 1px solid #e7e7e7; padding: 14px 20px 13px; font-size: 16px; line-height: 22px; font-weight: 500 } .unit_details_content { padding: 18px 64px 56px 18px } .unit_details_title { font-size: 26px; line-height: 36px; font-weight: 500; margin-bottom: 12px } .unit_details_title span { color: #898773; display: block } .unit_details_joinbutton { padding: 28px 18px 32px; border-top: 1px solid #e7e7e7 } .unit_details_joinbutton a { display: inline-block; text-align: center; white-space: nowrap; position: relative; height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px; font-weight: 500; min-width: 240px; border-radius: 4px } .unit_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px } .unit_col50 { width: 50%; padding-left: 10px; padding-right: 10px } .unit_badges { background: #fff; border-radius: 3px; overflow: hidden; min-height: 100% } .unit_citations, .unit_operations { text-align: center; padding: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .unit_aside_title { border-left: 1px solid #e7e7e7; padding: 26px 18px; display: none } .unit_aside_branchicon { display: block; width: 32px; height: 32px; background: no-repeat center/contain; border-radius: 50%; margin-bottom: 10px } .unit_aside_top_title { font-size: 16px; line-height: 16px; font-weight: 500; margin-bottom: 5px } .unit_aside_branch { font-size: 14px; line-height: 20px; color: #898773 } @media (max-width:1599px) { .unit_info_list, .unit_info_reporting { padding-right: 0 } .unit_info_reporting_all { position: relative; right: 0; bottom: 0; text-align: right; margin-right: 20px } } @media (max-width:1439px) { .unit_aside { width: 300px } .unit_aside_img { height: 300px } .unit_aside_menu ul li a { padding-left: 20px; padding-right: 20px } } @media (max-width:1279px) { .unit_aside { width: 180px } .unit_aside_top { margin-top: -40px; margin-bottom: 10px } .unit_aside_img { height: 180px; padding: 40px 20px } .unit_aside_menu, .unit_aside_menu ul li a i.twsicons-description2, .unit_aside_menu ul li a i.twsicons-members2, .unit_aside_menu ul li a i.twsicons-reunion2 { font-size: 14px } .unit_aside_menu ul li a i { font-size: 14px; width: 28px } .unit_aside_menu ul li a i.twsicons-photos { font-size: 10px } .unit_aside_menu ul li a i.twsicons-patches { font-size: 12px } .unit_aside_menu ul li a i.twsicons-citations { font-size: 15px } .unit_info_item { width: 33.33333%; padding: 11px 10px } .unit_info_reporting_col { width: 33.33333%; padding: 0 10px } .unit__title { font-size: 26px } .unit_aside_menu ul li a { padding: 15px 12px 14px } .unit_title { margin-top: 32px } .unit_title_branch { font-size: 20px; line-height: 16px } .unit_title_branch_icon { top: -10px } .unit_info_text, .unit_info_title { font-size: 16px } .unit_info_list, .unit_info_reporting_row { padding-left: 10px; padding-right: 10px } .unit_info_list { padding-top: 17px; padding-bottom: 18px } .unit_row { display: block } .unit_col50 { width: 100% } .unit_col50+.unit_col50 { margin-top: 15px } .unit_content { padding-bottom: 40px } .unit_info_reporting_title { margin-bottom: 10px } .unit_details_title { font-size: 26px; line-height: 26px } } @media (max-width:767px) { .unit_content { display: block } .unit_aside { width: 100% } .unit_aside_img { width: 120px; height: auto; min-height: 150px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .unit_aside_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .unit_aside_title { display: block } .unit_aside_menu ul li, .unit_title { display: none } .unit_main { padding-left: 0 } .unit_aside_menu ul li a { padding-top: 10px; padding-bottom: 11px; background: #898770 } .unit_aside_menu { min-height: 40px; position: relative; margin-bottom: 10px } .unit_aside_menu:after { content: ''; display: block; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: 20px; top: 12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .unit_aside_menu:before { content: ''; display: block; width: 100%; height: 100%; opacity: .5; z-index: 4; position: absolute; left: 0; top: 0 } .unit_aside_menu ul li.active, .unit_aside_menu.opened ul li { display: list-item } .unit_aside_menu.opened:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); top: 16px } .unit_aside_menu.opened:before, .unit_info_reporting_all:after { display: none } .unit_info_item, .unit_info_reporting_col { width: 50% } .unit_info_reporting_all { text-align: center; border-top: 10px solid #ececec; padding-right: 0; margin-right: 0; line-height: 40px } .unit_info_reporting { padding-bottom: 0 } .unit_details_title { font-size: 20px; line-height: 20px } .unit_details_content { padding-right: 18px; padding-bottom: 24px } .unit_details_joinbutton { text-align: center; padding-top: 10px; padding-bottom: 10px } } .unit_info_reporting_all { text-transform: uppercase; padding-right: 20px } .unit_loadmore { padding: 27px 20px; border-top: 1px solid #e7e7e7; text-align: center } .unit_loadmore .button { min-width: 240px } .unit_loadmore .button:hover { background: #333; color: #fff } .unit_block+.unit_block { margin-top: 15px } .unit_block { border-radius: 5px } .unit_info_links.reporting { max-width: none; display: flex; flex-wrap: wrap; flex-direction: row; padding: 18px 20px 19px 20px } .unit_info_link { width: 25%; padding: 10px 20px 10px 0 } @media (max-width:1279px) { .unit_info_links.reporting { padding-right: 0 } .unit_info_link { width: 33% } } .unit_info_reporting { padding: 0 0; border-radius: 5px; margin: 15px 0 0 } .all-information-button { padding-bottom: 18px; } @media (max-width:767px) { .all-information-button, .unit_info_reporting { padding-bottom: 0 } } .unit_info_reporting { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .membersinunit, .twsenjoy_carousel .owl-dots .owl-dot.active, .twsenjoy_carousel .owl-dots .owl-dot:hover, .unit_block { background: #fff } .member, .members { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .members { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -1px } .member { width: 50%; padding: 29px 19px 34px 20px; border-top: 1px solid #e7e7e7 } .member:nth-child(odd) { border-right: 1px solid #e7e7e7 } .member_photo { display: block; width: 92px; height: 92px; background: #eaeaea no-repeat center/cover; border-radius: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .member_text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 18px; padding-right: 18px } .member_name { font-weight: 500; font-size: 18px; line-height: 22px; margin-bottom: 10px; color: #414141 } .member__text { font-size: 15px; line-height: 20px; font-weight: 500 } .member__text span { color: #898770 } .member_buttons { margin: 9px -5px 0 } .member_buttons a { display: inline-block; text-align: center; white-space: nowrap; position: relative; height: 40px; line-height: 40px; font-size: 16px; padding: 0 30px; font-weight: 500; border-radius: 4px; margin: 5px } .member_ranks { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .member_rank { width: 48px; height: 48px; border-radius: 50%; background: #161616 no-repeat center/contain } .member_rank+.member_rank { margin-top: 18px } @media (max-width:1599px) { .member_buttons a { padding-left: 12px; padding-right: 12px } } @media (max-width:1439px) { .member_buttons, .member_buttons a { margin-left: 0; margin-right: 0 } .member_buttons a { width: 100%; display: block; max-width: 192px } } @media (max-width:1023px) { .members { display: block } .member { width: 100%; padding-right: 20px } .member:nth-child(odd) { border-right: none } } @media (max-width:479px) { .member { display: block; position: relative } .member_text { padding-left: 0; padding-right: 0 } .member_ranks { position: absolute; right: 20px; top: 29px } .member_photo { margin-bottom: 24px } .member_buttons a { max-width: 100% } } .section_soldier_img { height: 480px; background: no-repeat center/cover; padding: 15px 24px; margin-bottom: -240px; position: relative; z-index: 1 } .soldier_left_menu_links li a, .soldier_page_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .soldier_page { position: relative; z-index: 2; padding-bottom: 94px } .soldier_left, .soldier_left_menu_links li a i { width: 400px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .soldier_photo { height: 400px; border-radius: 2px; background: #181818 no-repeat center/cover; margin-bottom: 15px } .soldier_button_edit, .soldier_left_story_img img { width: 100% } .soldier_button_edit i { display: inline-block; vertical-align: middle; width: 24px; font-size: 16px } .soldier__photo { margin-bottom: 15px } .soldier_left_story { background: #fff; border-radius: 2px; padding: 14px 20px 30px } .soldier_left_story_title { position: relative; padding-right: 36px; margin-bottom: 24px } .soldier_left_story_title .menu { position: absolute; right: 0; top: 0 } .soldier_left_story_img { margin-bottom: 9px } .soldier_left_story_name { max-width: 280px; width: 100%; font-size: 16px; line-height: 22px; font-weight: 500; color: #898770; letter-spacing: .01em; margin-bottom: 9px } .soldier_left_story_text { font-size: 14px; line-height: 20px; font-weight: 400; color: #4e4e4e; margin-bottom: 25px } .soldier_left_story_button { text-align: center; border-top: 1px solid #e7e7e7; padding-top: 30px } .soldier_left_story_button .button { min-width: 200px } .soldier_left_menu { position: relative; background: #fff; border-radius: 2px; padding: 0 30px 30px; margin-bottom: 15px } .soldier_left_menu .menu { position: absolute; right: 20px; top: 15px } .soldier_left_menu_top_links_group { margin-left: -30px; margin-right: -30px; border-bottom: 1px solid #e7e7e7; padding: 16px 30px 22px } .soldier_left_menu_links_group { padding-top: 16px; padding-bottom: 22px } .soldier_left_menu_links li { padding-top: 4px; padding-bottom: 4px } .soldier_left_menu_links li a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #414141 } .soldier_left_menu_links li a i { width: 20px; color: #848484; text-align: center; margin-right: 19px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative; top: 2px } .soldier_left_menu_links li a span, .soldier_left_menu_top_links_counter { font-weight: 400; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .soldier_left_menu_links li a span { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; padding-right: 24px; font-size: 16px } .soldier_left_menu_links i.twsicons-description, .soldier_left_menu_links i.twsicons-shadowbox { font-size: 17px } .soldier_left_menu_links i.twsicons-image { font-size: 14px } .soldier_left_menu_links i.twsicons-battle { font-size: 18px } .soldier_left_menu_links i.twsicons-citations { font-size: 20px } .soldier_left_menu_links i.twsicons-patches { font-size: 16px } .soldier_left_menu_links i.twsicons-newsfeed { font-size: 17px } .soldier_left_menu_links i.twsicons-members { font-size: 16px } .soldier_left_menu_links i.twsicons-photos { font-size: 13px } .soldier_left_menu_links i.twsicons-messagedark { font-size: 14px } .soldier_left_menu_links i.twsicons-reunion { font-size: 17px } .soldier_left_menu_top_links_counter { height: 24px; display: inline-block; background: #eaeaea; text-align: center; line-height: 24px; border-radius: 12px; padding-left: 7px; padding-right: 7px; min-width: 24px; font-size: 12px; white-space: nowrap; color: #929292; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .soldier_left_menu_button { border-top: 1px solid #e7e7e7; padding-top: 30px; text-align: center } .soldier_left_menu_button .button { width: 100% } .soldier_left_menu_links li a:hover span { font-weight: 500 } .soldier_left_menu_links li a:hover .soldier_left_menu_top_links_counter { background: #ababab; color: #fff; font-weight: 500 } .soldier_right { width: 240px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 112px } .soldier_borthers, .soldier_rank { border-radius: 2px; margin-bottom: 15px } .soldier_rank { width: 100%; height: 296px; background-color: #181818; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 80px 40px } .soldier_borthers { background: #fff; padding: 14px 20px 30px } .soldier_borthers_title { position: relative; padding-right: 24px } .soldier_borthers_title .menu { position: absolute; right: 0; top: 0 } .soldier_borthers_list { padding-top: 15px; padding-bottom: 19px } .soldier_borther { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 10px; padding-bottom: 10px } .soldier_borther_write { display: block; width: 24px; height: 24px; background: #ebebeb; border-radius: 4px; font-size: 11px; text-align: center; line-height: 24px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #8a8a8a } .soldier_borther_write i { color: #8a8a8a } .soldier_borther_write:hover { background: #ffc62f; color: #333 } .soldier_borther_profile:hover .soldier_borther_name, .soldier_borther_profile:hover .soldier_borther_name span, .soldier_borther_write:hover i { color: #333 } .soldier_borther_profile { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .soldier_borther_photo { width: 50px; height: 50px; border-radius: 50%; position: relative; background: no-repeat center/cover; background: #bbbcbc } .soldier_borther_name, .soldier_borther_name span { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .soldier_borther_name { padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 14px; font-weight: 500; color: #414141 } .soldier_borther_name span { display: block; color: #898770 } .soldier_borther_status { display: block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 0; right: 0 } .soldier_borther_status.online { background: #6ab118 } .soldier_borther_status.away { background: #efb755 } .soldier_borther_status.offline { background: #bbbcbc } .soldier_borthers_button { border-top: 1px solid #e7e7e7; padding-top: 30px } .soldier_borthers_button .button { width: 100% } .soldier_dayfrofiles { background: #fff; border-radius: 2px; padding: 14px 20px 30px } .soldier_dayfrofiles_title { position: relative; padding-right: 24px } .soldier_dayfrofiles_title .menu { position: absolute; right: 0; top: 0 } .soldier_dayfrofiles_list { padding-top: 3px; padding-bottom: 9px } .soldier_dayfrofile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 17px; padding-bottom: 18px } .soldier_dayfrofile+.soldier_dayfrofile { border-top: 1px solid #e7e7e7 } .soldier_dayfrofile_photo { display: block; width: 50px; height: 50px; border-radius: 50%; background: no-repeat center/cover; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .soldier_dayfrofile_text, .soldier_info_buttons a { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 10px; padding-right: 10px } .soldier_dayfrofile_name { font-size: 14px; line-height: 16px; font-weight: 500; color: #414141; margin-bottom: 12px } .soldier_dayfrofile_service { font-size: 12px; line-height: 14px; font-weight: 400; color: #898770; margin-bottom: 15px } .soldier_dayfrofile_service span { display: block } .soldier_dayfrofile_link { font-size: 14px; line-height: 14px; font-weight: 400; color: #282828 } .soldier_dayfrofiles_button { padding-top: 30px; border-top: 1px solid #e7e7e7 } .soldier_dayfrofiles_button .button { width: 100% } .soldier_center { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 15px; padding-right: 15px; width: 100% } .soldier_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; padding-bottom: 30px } .soldier_title_branch { display: block; width: 80px; height: 80px; border-radius: 50%; background: no-repeat center/contain; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .soldier_title_text { padding-left: 12px; padding-right: 12px } .soldier_title_name { font-size: 40px; font-weight: 500 } .soldier_title_status { font-size: 24px; font-weight: 500 } .soldier_service { background: #fff; border-radius: 2px; position: relative } .soldier_achievements .menu, .soldier_service .menu { position: absolute; right: 20px; top: 15px } .soldier_service_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 14px; padding-bottom: 29px; border-bottom: 1px solid #e7e7e7; position: relative } .soldier_service_col { min-width: 192px; padding-left: 20px; padding-right: 20px } .soldier_service_item { font-size: 16px; line-height: 22px; font-weight: 500; padding-top: 11px; padding-bottom: 11px } .soldier_service_title { color: #898770 } .soldier_info_links ul li a:hover span, .soldier_service_text { color: #333 } .soldier_service_all { position: absolute; right: 20px; bottom: 15px; font-size: 16px; font-weight: 500 } .soldier_service_all span { display: block; position: relative; padding-right: 20px } .soldier_info_links { border-bottom: 1px solid #e7e7e7; font-size: 16px; line-height: 22px; font-weight: 500; color: #414141; padding: 7px 20px 10px; background: #fff } .soldier_info_links ul li { padding: 5px 0; margin-right: 30px } .soldier_badge_add:after, .soldier_badge_add:before, .soldier_borther_write i, .soldier_info_links ul li a span { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .soldier_info_links ul li a span { color: #b4b4b4; font-weight: 400 } .soldier_info_buttons { background: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 7px; margin-bottom: 15px } .soldier_info_buttons a { margin: 8px; padding-left: 24px; padding-right: 24px } .soldier_info_buttons a i, .soldier_operation__info i { display: inline-block; vertical-align: middle } .soldier_info_buttons a span { display: inline-block } .soldier_info_buttons a i+span { margin-left: 6px } .soldier_info_buttons i.twsicons-message { font-size: 11px } .soldier_info_buttons i.twsicons-find, .soldier_info_buttons i.twsicons-settingsvertical, .soldier_info_buttons i.twsicons-star { font-size: 16px } .soldier_info_buttons i.twsicons-menuopener { font-size: 4px } .soldier_achievements { background: #fff; border-radius: 2px; position: relative; margin-bottom: 15px } .soldier_achievements .menu { z-index: 2 } .soldier_achievements_nav, .soldier_badges { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .soldier_achievements_nav { padding-right: 56px; border-bottom: 1px solid #e7e7e7; font-size: 16px; line-height: 22px; font-weight: 500; color: #848484; padding-left: 10px } .soldier_achievements_nav a { position: relative; border-bottom: 3px solid transparent; margin-left: 10px; margin-right: 10px; padding-top: 14px; padding-bottom: 11px } .soldier_achievements_nav a span { font-weight: 400; color: #b4b4b4 } .soldier_achievements_nav a.active, .soldier_achievements_nav a:hover { border-bottom-color: #fbc852; color: #414141 } .soldier_badges { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 96px 4px 8px } .soldier_badge { min-width: 104px; padding: 10px 12px; text-align: center } .soldier_badge_add { display: block; width: 92px; height: 92px; border-radius: 50%; border: 2px dotted #b3b3b3; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .soldier_badge_add:after, .soldier_badge_add:before { content: ''; display: block; background: #b3b3b3; position: absolute; left: 50%; top: 50% } .soldier_badge_add:before { width: 22px; height: 2px; margin-left: -11px; margin-top: -1px } .soldier_badge_add:after { width: 2px; height: 22px; margin-left: -1px; margin-top: -11px } .soldier_album_new a:hover, .soldier_badge_add:hover { border-color: #333 } .soldier_album_new a:hover .soldier_album__new:after, .soldier_album_new a:hover .soldier_album__new:before, .soldier_badge_add:hover:after, .soldier_badge_add:hover:before, .soldier_operation_add:hover .soldier_operation_add_text span, .soldier_operation_addphoto:hover i, .soldier_operation_addphoto:hover i:before { background: #333 } .soldier_badges_more { position: absolute; right: 20px; bottom: 15px; font-size: 14px; line-height: 22px; font-weight: 400; color: #898770 } .soldier_album_new a:hover .soldier_album__new, .soldier_badges_more:hover { color: #333 } .soldier_albums { background: #fff; border-radius: 2px; padding: 14px 20px 30px; margin-bottom: 15px } .soldier_albums_title { position: relative; padding-right: 24px; margin-bottom: 23px } .soldier_albums_title .menu { position: absolute; top: 0; right: 0 } .soldier_albums_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 29px } .soldier_album { display: block; width: 33.33333%; height: 296px; border: 1px solid #fff; background: no-repeat center/cover; position: relative } .soldier_album_name { position: absolute; left: 0; bottom: 0; text-align: center; font-size: 14px; line-height: 16px; font-weight: 600; width: 100%; background: rgba(15, 15, 15, .9); padding: 12px 20px; color: #838383; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0 } @media (pointer:coarse) { .soldier_album_name { opacity: 1 } } .soldier_album:hover .soldier_album_name { opacity: 1 } .soldier_albums_all { padding-top: 30px; border-top: 1px solid #e7e7e7; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; text-align: center } .soldier_albums_all .button { min-width: 200px } .soldier_album_new { padding: 20px; background: #fff } .soldier_album_new a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border: 1px dashed #b4b4b4; border-radius: 4px } .soldier_album__new, .soldier_album__new:after, .soldier_album__new:before { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .soldier_album__new { padding-top: 24px; font-size: 14px; line-height: 22px; font-weight: 500; color: #b5b5b5; position: relative } .soldier_album__new:after, .soldier_album__new:before { content: ''; display: block; background: #b3b3b3; position: absolute; left: 50% } .soldier_album__new:before { width: 22px; height: 2px; margin-left: -11px; top: 10px } .soldier_album__new:after { width: 2px; height: 22px; margin-left: -1px; top: 0 } .soldier_medals { background: #fff; border-radius: 2px; margin-bottom: 15px } .soldier_medals_title { position: relative; margin-bottom: 23px; border-bottom: 1px solid #e7e7e7; padding: 14px 46px 13px 20px } .soldier_medals_title .menu, .soldier_operations_title .menu { position: absolute; top: 14px; right: 20px } .soldier_operations { background: #fff; border-radius: 2px; margin-bottom: 15px } .soldier_operations_title { position: relative; border-bottom: 1px solid #e7e7e7; padding: 14px 46px 13px 20px } .soldier_operation, .soldier_operations_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .soldier_operations_list { position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 96px 10px 20px } .soldier_operation { width: 50%; padding-top: 14px; padding-bottom: 14px } .soldier_operation_img { width: 92px; height: 102px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: no-repeat center/contain } .soldier_operation_text { padding: 6px 24px 0 } .soldier_operation_date, .soldier_operation_name { font-size: 16px; line-height: 22px; font-weight: 500; color: #898770 } .soldier_operation_name { color: #414141; margin-bottom: 3px } .soldier_operation_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .soldier_operation__info { display: block; font-size: 14px; line-height: 16px; white-space: nowrap; color: #b5b5b5; font-weight: 500; padding-left: 10px; padding-right: 10px; text-transform: uppercase } .soldier_operation__info i { margin-right: 3px } .soldier_operation__info+.soldier_operation__info { border-left: 1px solid #e7e7e7 } .soldier_operation_add_text span, .soldier_operation_addphoto i, .soldier_operation_addphoto i:before { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .soldier_operation_addphoto i { position: relative; vertical-align: 25%; width: 10px; height: 2px; background: #b3b3b3; display: inline-block } .soldier_operation_add_text span, .soldier_operation_addphoto i:before { display: block } .soldier_operation_addphoto i:before { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -5px; background: #b3b3b3; width: 2px; height: 10px } .soldier_operation__info:hover { color: #333 } .soldier_operation_add { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .soldier_operation_add_text { padding-left: 24px } .soldier_operation_add_text span { height: 6px; width: 160px; background: #e7e7e7 } .soldier_operation_add_text span:first-child { width: 72px } .soldier_operation_add_text span:last-child { width: 40px } .soldier_operation_add_text span+span { margin-top: 14px } .soldier_operation_add:hover .soldier_badge_add { border-color: #333 } .soldier_operation_add:hover .soldier_badge_add:after, .soldier_operation_add:hover .soldier_badge_add:before { background: #333 } .soldier_loadmore a { display: block; width: 100%; font-size: 16px; letter-spacing: .258em; font-weight: 600; background: #fff; color: #5e5e60; text-transform: uppercase; text-align: center; white-space: nowrap; line-height: 80px } .soldier_loadmore a:hover { background: #eaeaea; color: #848484 } .mobile_title { display: none; background: #fff; border-radius: 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px } .mobile_title_photo { padding: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .mobile_title_photo img { width: 80px; height: 80px; border-radius: 50% } .mobile_title_branch { width: 32px; height: 32px; background: no-repeat center/contain; border-radius: 50%; margin-bottom: 10px } .mobile_title_name { font-size: 16px; line-height: 16px; font-weight: 500; margin-bottom: 5px } .mobile_title_status { font-size: 14px; line-height: 20px; color: #898773; margin-bottom: 12px } .mobile_title_text { border-left: 1px solid #e7e7e7; padding: 26px 18px 12px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .mobile_setting { width: 100%; max-width: 240px; background: #898770; color: #fff } .mobile_setting span { display: block; position: relative; padding-right: 20px } .mobile_setting span:after { content: ''; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px } .mobile_setting.opened span:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); margin-top: -2px } @media (max-width:1599px) { .soldier_album { height: 15vw } .soldier_operation_add_text span { width: 120px } .soldier_operation_add_text span:first-child { width: 60px } .soldier_operation_add_text span:last-child { width: 30px } } @media (max-width:1439px) { .soldier_left { width: 300px } .soldier_photo { height: 300px } .soldier_left_menu, .soldier_left_menu_top_links_group { padding-left: 20px; padding-right: 20px } .soldier_left_menu_top_links_group { margin-left: -20px; margin-right: -20px } .soldier_badges { padding-right: 8px; padding-bottom: 48px } .soldier_operations_list { display: block; padding-right: 20px; padding-bottom: 36px } .soldier_operation { width: 100% } .soldier_operation_text { padding-right: 0 } .soldier_service_row { padding-bottom: 48px } } @media (max-width:1279px) { .soldier_right { display: none } .soldier_left { width: 240px } .soldier_photo { height: 240px } .soldier_left_menu_links li a span { font-size: 14px; padding-right: 12px } .soldier_left_menu_links li a i { margin-right: 6px } .soldier_album { height: 32.91vw; width: 50% } .soldier_center { padding-right: 0 } .soldier_loadmore a { line-height: 60px } .soldier_info_links ul li { margin-right: 15px } } @media (max-width:767px) { .soldier_page_flex { display: block } .section_soldier_img { height: 360px; margin-bottom: -40px } .soldier_title { display: none } .soldier_left { width: 100%; display: none } .soldier_photo { display: none } .soldier_center { padding-left: 0 } .soldier_album { height: 41.7vw } .mobile_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (min-width:768px) { .soldier_left { display: block !important } } @media (max-width:479px) { .soldier_albums_list { display: block } .soldier_album { width: 100%; height: calc(100vw - 80px) } .soldier_badge { width: 50% } .soldier_operation { display: block } .soldier_operation_img { width: 100%; margin-bottom: 18px } .soldier_operation_text { padding: 0 } .soldier_badge_add { display: inline-block } } @media (max-width:359px) { .soldier_album { width: 100%; height: calc(100vw - 60px) } } @font-face { font-family: "Constantia"; src: url(../fonts/Constantia.eot); src: url(../fonts/Constantia.eot?#iefix) format("embedded-opentype"), url(../fonts/Constantia.woff2) format("woff2"), url(../fonts/Constantia.woff) format("woff"), url(../fonts/Constantia.ttf) format("truetype"), url(../fonts/Constantia.svg#Constantia) format("svg"); font-weight: 400; font-style: normal } .twsenjoy_carousel_item { padding-top: 80px; padding-bottom: 80px; background: no-repeat center/cover; color: #fff } .twsenjoy_flex, .twsenjoy_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .twsenjoy_img { width: 50%; padding-right: 80px; padding-left: 40px; min-height: 480px } .twsenjoy_img img { width: auto !important } .twsenjoy__text { width: 50% } .twsenjoy_title { font-family: "Constantia"; font-size: 48px; color: #b4a58d; margin-bottom: 27px } .twsenjoy_title span { color: #fff } .twsenjoy_text { font-size: 28px; line-height: 36px; font-weight: 500; max-width: 640px; margin-bottom: 24px; min-height: 112px } .twsenjoy_button { max-width: 320px; width: 100%; border-top: 3px solid #5e5e60; padding-top: 50px } .twsenjoy_button .button_big { text-transform: uppercase; max-width: 240px; width: 100% } .twsenjoy_carousel .owl-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; bottom: 50px; width: 100% } .mobile_setting span:after, .twsenjoy_carousel .owl-dots .owl-dot, .yourprofilestatus_add_item a:after, .yourprofilestatus_add_item a:before { display: block; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .twsenjoy_carousel .owl-dots .owl-dot { margin-left: 5px; margin-right: 5px; background: #5e5e60; width: 30px; height: 5px } @media (max-width:1439px) { .twsenjoy_img { padding-right: 40px; padding-left: 0 } } @media (max-width:1279px) { .twsenjoy_title { font-size: 36px } .twsenjoy_text { font-size: 20px; line-height: 26px } } @media (max-width:767px) { .twsenjoy_flex { display: block } .twsenjoy_carousel_item { padding-top: 40px; padding-bottom: 80px } .twsenjoy_img { display: block; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 48px; min-height: 0 } .twsenjoy__text { width: 100%; text-align: center } .twsenjoy_text { min-height: 0 } .twsenjoy_carousel .owl-dots { bottom: 40px } .twsenjoy_button { margin-left: auto; margin-right: auto } } .lateston_section { padding-top: 15px; padding-bottom: 15px } .lateston_section_title { background: #fff; border-radius: 2px; font-size: 20px; font-weight: 500; color: rgba(65, 65, 65, .5); text-align: center; padding: 12px 20px; margin-bottom: 15px } .yourprofilestatus { margin-bottom: 15px } .yourprofilestatus_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -7.5px; margin-right: -7.5px } .yourprofilestatus_col { width: 50%; padding-left: 7.5px; padding-right: 7.5px } .yourprofilestatus_block { background: #fff; border-radius: 2px } .yourprofilestatus_progressbar { position: relative; width: 100%; height: 50px; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #b0afa1 } .yourprofilestatus_progressbar_complete { position: absolute; left: 0; top: 0; height: 100%; width: 0; display: block; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 1; background: #898770 } .yourprofilestatus_progressbar_text { position: relative; z-index: 2; color: #fff; font-size: 16px; font-weight: 500; line-height: 22px; padding: 14px 20px; display: block } .yourprofilestatus_add { padding: 36px 30px 31px } .yourprofilestatus_add_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .yourprofilestatus_add_list { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .yourprofilestatus_add_item { position: relative; padding-left: 42px; font-size: 18px; font-weight: 500; line-height: 22px; padding-top: 1px; padding-bottom: 1px; color: #414141 } .yourprofilestatus_add_item span { display: inline-block; margin-right: 15px } .yourprofilestatus_add_item a { display: inline-block; position: relative; color: #898770; padding-left: 15px } .yourprofilestatus_add_item a:after, .yourprofilestatus_add_item a:before { content: ''; width: 10px; height: 2px; background: #898770; position: absolute; left: 0; top: 50%; margin-top: -1px } .yourprofilestatus_add_item a:after { width: 2px; height: 10px; left: 4px; margin-top: -5px } .newsfeed_text a:hover, .yourprofilestatus_add_item a:hover { color: #414141 } .yourprofilestatus_add_item a:hover:after, .yourprofilestatus_add_item a:hover:before { background: #414141 } .yourprofilestatus_add_item+.yourprofilestatus_add_item { margin-top: 26px } .yourprofilestatus_add_item_icon { display: block; width: 24px; height: 24px; border-radius: 4px; background: #eaeaea; position: absolute; left: 0; top: 1px } .yourprofilestatus_add_item.completed .yourprofilestatus_add_item_icon { border: 2px solid #898770 } .yourprofilestatus_add_item.completed .yourprofilestatus_add_item_icon:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/checkbox.svg) no-repeat center/14px 12px } .yourprofilestatus_add_progress { padding-right: 40px; padding-left: 40px; background: #fff; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; position: relative } .yourprofilestatus_add_progress_graph { position: relative } .yourprofilestatus_add_progress_graph_val { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; font-size: 40px; font-weight: 500; color: #898770 } .yourprofilestatus_more { border-top: 1px solid #e7e7e7; font-size: 16px; line-height: 22px; font-weight: 500; padding: 39px 20px 40px; text-align: center; color: #848484 } .rohbanner { width: 100%; height: 100%; border-radius: 2px; background: url(../images/rohbanner.jpg) no-repeat center/cover; text-align: center; padding: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .rohbanner_title { font-family: "Constantia"; font-size: 58px; color: #b4a58d; margin-bottom: 19px } .rohbanner_text { font-size: 16px; line-height: 22px; text-transform: uppercase; letter-spacing: .2em; font-weight: 600; color: #fff; max-width: 340px; margin: 0 auto 47px } .rohbanner_img { margin-bottom: 52px } .rohbanner_link { font-size: 16px; line-height: 22px; text-transform: uppercase; letter-spacing: .258em; font-weight: 600; color: #b4a58d; display: block } .rohbanner_link:hover { color: #fff } @media (max-width:1599px) { .yourprofilestatus_add_progress { padding-right: 0; padding-left: 0 } .yourprofilestatus_add { padding-left: 20px; padding-right: 20px } .yourprofilestatus_add_list { padding-right: 40px } } @media (max-width:1439px) { .yourprofilestatus_add_progress_graph { width: 160px; height: 160px } .yourprofilestatus_add_progress_graph canvas { width: 100% !important; height: 100% !important } } @media (max-width:1279px) { .yourprofilestatus_row { display: block; margin-left: 0; margin-right: 0 } .yourprofilestatus_col { width: 100%; padding-left: 0; padding-right: 0 } .yourprofilestatus_col+.yourprofilestatus_col { margin-top: 15px } .yourprofilestatus_add_progress_graph { width: 240px; height: 240px } } @media (max-width:767px) { .yourprofilestatus_add_flex { display: block } .yourprofilestatus_add_list { width: 100%; padding-right: 0; margin-bottom: 36px } .yourprofilestatus_add_progress_graph { margin-left: auto; margin-right: auto } .rohbanner { padding-left: 20px; padding-right: 20px } } @media (max-width:479px) { .rohbanner_title { font-size: 36px } .rohbanner_text { font-size: 14px; line-height: 20px } .rohbanner_link { font-size: 14px } .yourprofilestatus_add_item { padding-left: 40px; font-size: 14px; line-height: 18px } .yourprofilestatus_add_item span { margin-right: 6px } } .profilesofday { background: #fff; border-radius: 2px; margin-bottom: 15px; padding-top: 14px } .profilesofday_title { padding: 0 20px; margin-bottom: 18px } .profilesofday_button { border-top: 1px solid #e7e7e7; padding: 30px 20px; text-align: center } .profilesofday_button .button { max-width: 320px; width: 100% } .profilesofday_item, .profilesofday_list .owl-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .profilesofday_list .owl-dots { position: absolute; left: 0; bottom: 10px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .popularsite_carousel .owl-dots .owl-dot, .profilesofday_list .owl-dots .owl-dot { display: block; width: 30px; height: 5px; margin-left: 5px; margin-right: 5px; background: #eaeaea } .popularsite_carousel .owl-dots .owl-dot.active, .profilesofday_list .owl-dots .owl-dot.active { background: #878671 } .profilesofday_item { padding: 24px 20px 25px } .profilesofday_photo { display: block; width: 92px; height: 92px; border-radius: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: #eaeaea no-repeat center/cover } .profilesofday_name { font-size: 18px; line-height: 22px; font-weight: 500; color: #414141; margin-bottom: 9px } .profilesofday_service { font-size: 15px; min-height: 20px; font-weight: 500; color: #898770; margin-bottom: 8px } .profilesofday_service span { display: block } .profilesofday_service_link { font-size: 18px; line-height: 22px; font-weight: 400; color: #282828 } .profilesofday_service_link:hover { color: #898770 } .profilesofday_text { padding-left: 24px } @media (max-width:1599px) { .profilesofday_item { padding-bottom: 48px } } .popularsite { background: #fff; border-radius: 2px; padding: 14px 20px 48px; margin-bottom: 15px } .popularsite_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 30px } .popularsite_text { padding-left: 40px; padding-right: 40px; width: 50% } .popularsite_title { font-size: 46px; line-height: 48px; font-weight: 600; color: #414141; margin-bottom: 24px; min-height: 150px } .popularsite_button .button { width: 160px } .popularsite_carousel .owl-dots { position: absolute; left: 0; bottom: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (max-width:1599px) { .popularsite_text { padding-left: 0 } } @media (max-width:767px) { .popularsite_flex { display: block } .popularsite_text { width: 100%; padding-right: 0; margin-bottom: 24px; text-align: center } .popularsite_title { font-size: 36px; line-height: 38px; min-height: 0; max-width: 320px; margin-left: auto; margin-right: auto } } .trendingphotos { background: #fff; border-radius: 2px; margin-bottom: 15px; padding-top: 14px } .trendingphotos .smalltitle { padding-left: 20px; padding-right: 20px } .trendingphotos_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 19px } .trendingphoto { width: 33.33333%; border: 1px solid #fff; padding-top: 11px; padding-bottom: 11px } .trendingphoto_link { display: block; position: relative; width: 100%; height: 250px; background: no-repeat center/cover; margin-bottom: 12px } .joinpanel_close svg, .trendingphoto_link span { display: block; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .trendingphoto_link span { position: absolute; left: 0; bottom: 0; font-size: 14px; font-weight: 600; color: #838383; background: rgba(15, 15, 15, .9); text-align: center; line-height: 40px; opacity: 0; width: 100% } .trendingphoto_link:hover span { opacity: 1 } @media (pointer:coarse) { .trendingphoto_link span { opacity: 1 } } .trendingphoto_author, .trendingphoto_title { font-size: 18px; line-height: 24px; font-weight: 500; color: #414141 } .trendingphoto_author { font-size: 14px; color: #848484; margin-bottom: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .newsfeed_author a, .trendingphoto_author a { display: inline-block; margin-left: 6px; line-height: 24px; background: #eaeaea; padding-left: 9px; padding-right: 9px; border-radius: 4px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .trendingphoto_likes { font-size: 14px; line-height: 22px; color: #949494 } .trendingphoto_likes i.twsicons-likes { font-size: 15px; width: 24px } .trendingphotos_button { border-top: 1px solid #e7e7e7; padding: 30px 20px; text-align: center } .trendingphotos_button .button { min-width: 202px } @media (max-width:1599px) { .trendingphoto_link { height: 14.548vw } } @media (max-width:1439px) { .trendingphoto { width: 50% } .trendingphoto_link { height: 21.5vw } } @media (max-width:1279px) { .trendingphoto { width: 33.3333% } .trendingphoto_link { height: 30.6vw } } @media (max-width:767px) { .trendingphoto { width: 50% } .trendingphoto_link { height: 41.5vw } } @media (max-width:479px) { .trendingphotos_list { display: block } .trendingphoto { width: 100% } .trendingphoto_link { height: 77.8vw } } .othersevice { background: #fff; border-radius: 2px; padding: 14px 20px 0 } .othersevice_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 23px; padding-bottom: 30px } .othersevice_item { display: block; width: 25%; text-align: center; padding-top: 3px; padding-bottom: 16px } .othersevice_item+.othersevice_item { border-left: 1px solid #e7e7e7 } .othersevice_item_branch { display: block; width: 140px; height: 140px; border-radius: 50%; background: no-repeat center/contain; margin: 0 auto 13px } .othersevice_item_title { font-size: 18px; line-height: 22px; font-weight: 500; color: #414141 } @media (max-width:1599px) { .othersevice_item_branch { width: 120px; height: 120px } } @media (max-width:1439px) { .othersevice_item_branch { width: 100px; height: 100px } } @media (max-width:767px) { .othersevice_item+.othersevice_item { border-left: none } .othersevice_item { width: 50%; padding-top: 10px; padding-bottom: 9px } .othersevice_item:nth-child(1) { border-right: 1px solid #e7e7e7 } .othersevice_item:nth-child(1), .othersevice_item:nth-child(2) { border-bottom: 1px solid #e7e7e7 } .othersevice_item:nth-child(3) { border-right: 1px solid #e7e7e7 } .othersevice_item_branch { width: 100px; height: 100px } } .membersnewsfeed { background: #fff; border-radius: 2px } .membersnewsfeed .smalltitle { padding: 14px 20px } .newsfeed_button { border-top: 1px solid #e7e7e7; padding: 30px 20px; text-align: center } .newsfeed_button .button { min-width: 200px } .newsfeed { max-height: calc(100% - 151px); overflow: hidden } .newsfeed_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px 20px 21px; border-top: 1px solid #e7e7e7 } .newsfeed_photo, .newsfeed_time { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .newsfeed_photo { display: block; width: 92px; height: 92px; border-radius: 50%; background: no-repeat center/cover } .newsfeed_time { font-size: 14px; line-height: 24px; font-weight: 500; white-space: nowrap; color: #848484; min-width: 92px; text-align: right } .newsfeed_content { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 48px; padding-left: 26px } .newsfeed_title { font-size: 18px; line-height: 22px; font-weight: 500; color: #898770; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 3px } .newsfeed_author, .newsfeed_text { line-height: 24px; font-weight: 500; margin-bottom: 21px } .newsfeed_author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #848484 } .newsfeed_text { font-size: 18px; color: #414141 } .newsfeed_text a { color: #898770; font-size: 16px; display: inline-block; margin-left: 12px } .newsfeed_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 22px; font-weight: 500; color: #949494; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap } .newsfeed_likes { padding-right: 10px } .newsfeed_forums i.twsicons-post, .newsfeed_likes i.twsicons-likes { font-size: 15px; margin-right: 8px; vertical-align: middle } .newsfeed_forums, .newsfeed_respond { position: relative; padding-left: 10px; padding-right: 10px } .newsfeed_forums:before, .newsfeed_respond:before { content: ''; display: block; width: 1px; height: 16px; background: #e7e7e7; position: absolute; left: 0; top: 50%; margin-top: -8px } .newsfeed_forums i.twsicons-post { font-size: 14px } @media (max-width:1599px) { .newsfeed_content { padding-right: 20px; padding-left: 20px } .newsfeed_respond span { display: none } .newsfeed_time { min-width: 0 } } @media (max-width:1279px) { .membersnewsfeed { height: auto !important } .newsfeed { max-height: none } } @media (max-width:767px) { .newsfeed_item { display: block; position: relative } .newsfeed_time { position: absolute; right: 20px; top: 30px } .newsfeed_photo { margin-bottom: 24px } .newsfeed_content { padding-left: 0; padding-right: 0 } } @media (max-width:479px) { .newsfeed_bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .newsfeed_forums { width: 100%; padding-left: 0 } .newsfeed_forums:before { display: none } } .joinpanel { position: fixed; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 0; width: 100%; max-width: 860px; z-index: 10; background: #202020; color: #fff; padding: 20px 0 } @media (max-width:860px) { .joinpanel { left: 0; -webkit-transform: none; -ms-transform: none; transform: none } } @media (max-width:479px) { .joinpanel { padding-top: 14px; padding-bottom: 12px } } .joinpanel_close { position: absolute; right: 0; top: 0; z-index: 2; display: block; cursor: pointer; padding: 7px } @media (max-width:479px) { .joinpanel_close { padding: 3px 0 } } .joinpanel_close svg { width: 18px; height: 18px; fill: #898770 } .joinpanel_close:hover svg { fill: #fff } .joinpanel_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1180px; margin-left: auto; margin-right: auto; padding-left: 28px; padding-right: 54px } @media (max-width:1279px) { .joinpanel_wrapper { padding-right: 20px; padding-left: 20px } } @media (max-width:1023px) { .joinpanel_wrapper { display: block; text-align: center } } @media (max-width:479px) { .joinpanel_wrapper { padding-right: 15px; padding-left: 15px } } .joinpanel_text { font-size: 20px; line-height: 24px; font-weight: 500; padding-right: 15px } @media (max-width:1023px) { .joinpanel_text { margin-bottom: 12px; padding-right: 0 } } @media (max-width:767px) { .joinpanel_text { font-size: 16px; line-height: 22px } } @media (max-width:479px) { .joinpanel_text { font-size: 16px; line-height: 22px } } .joinpanel_buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -4px } .joinpanel_buttons .button { margin: 0 4px; height: 40px; font-size: 11px; line-height: 40px; letter-spacing: .25em; border: 0; font-weight: 600 } .joinpanel_buttons .mobile { display: none } @media (max-width:1023px) { .joinpanel_buttons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width:767px) { .joinpanel_buttons .mobile { display: inline } .joinpanel_buttons .desktop { display: none } } @media (max-width:479px) { .joinpanel_buttons .button { height: 36px; line-height: 36px; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 12px); -ms-flex: 0 0 calc(50% - 12px); flex: 0 0 calc(50% - 12px); padding-left: 0; padding-right: 0 } } .unittitle_battalion_h1 { color: #f9dd90 } .button_yellow { background: #fbdb8a; color: #201f1f } .member2_left_buttons a { background: #878671; color: #fff } .member2_left_buttons a:hover { background: #333; color: #fff } .member2_info_title, .member2_name span { color: #898772 } .unit_description_battalion, .unit_history_links, .unit_info_links { color: #898770 } /*! lightgallery - v1.6.12 - 2019-02-19 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2019 Sachin N; Licensed GPLv3 */ @-webkit-keyframes lg-right-end{0%,to{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,to{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,to{left:0}50%{left:30px}}@keyframes lg-left-end{0%,to{left:0}50%{left:30px}}@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:400;font-style:normal}.lg-icon{font-family:'lg';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);-webkit-border-radius:2px;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:0;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.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"}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:transparent}.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;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close{display:block;width:12px;height:12px;background:url(../images/popup_close.png) no-repeat center/contain;position:absolute;top:20px;right:20px;z-index:2;cursor:pointer;-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}.lg-toolbar .lg-close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;left:0;padding:0;position:fixed;right:0;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.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-next,.lg-prev,.lg-toolbar{opacity:1;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-webkit-transition:opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;-o-transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s}.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(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transition:opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s!important;-o-transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s!important;-webkit-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 .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item,.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;-o-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{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #fff;-webkit-border-radius:4px;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .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%;-o-object-fit:cover;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 .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0d0a0a;-webkit-border-radius:2px 2px 0 0;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(../../images/v13193/vimeo-play.png) no-repeat 0 0}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../../images/v13193/vimeo-play.png) no-repeat 0 -58px}.lg-outer .lg-has-html5 .lg-video-play{background:url(../../images/v13193/video-play.png) no-repeat 0 0;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../../images/v13193/youtube-play.png) no-repeat 0 0}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../../images/v13193/youtube-play.png) no-repeat 0 -60px}.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 .08s ease 0s;-o-transition:opacity .08s ease 0s;transition:opacity .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-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;-o-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 .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(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;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transition:opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;-o-transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-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:.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{-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff 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;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s,-webkit-transform .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,.5);-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;-webkit-transition:-webkit-box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s,-webkit-box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{-webkit-box-shadow:0 0 0 8px #fff inset;box-shadow:0 0 0 8px #fff 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,.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 .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;-webkit-border-radius:2px;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;-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-webkit-transition:visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;-o-transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .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:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{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,.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 .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;-o-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;-o-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.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(../images/loading.gif) no-repeat center center;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap{display:inline-block;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.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-backdrop,.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 .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:rgba(15,15,15,.8)}.lg-backdrop.in,.lg-css3.lg-fade .lg-item.lg-current,.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-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-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,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-fade .lg-item,.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-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-webkit-transition:opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 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-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-img-wrap{padding-bottom:154px!important} .d-flex { display: -ms-flexbox !important; display: flex !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } @-webkit-keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: currentcolor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .fade { transition:opacity .15s linear } .fade:not(.show) { opacity:0 } .modal-open { overflow:hidden } .modal-open .modal { overflow-x:hidden; overflow-y:auto } .modal { position:fixed; top:0; left:0; z-index:1050; display:none; width:100%; height:100%; overflow:hidden; outline:0 } .modal-dialog { position:relative; width:auto; margin:.5rem; pointer-events:none } .modal.fade .modal-dialog { transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform:translate(0,-50px); transform:translate(0,-50px) } .modal.show .modal-dialog, .modal.in .modal-dialog { -webkit-transform:none; transform:none } .modal-dialog-centered { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - 1rem) } .modal-dialog-centered::before { display:block; height:calc(100vh - 1rem); height:-webkit-min-content; height:-moz-min-content; height:min-content; content:"" } .modal-content { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.2); border-radius:.3rem; outline:0 } .modal-backdrop { top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000 } .modal-backdrop.fade { opacity:0 } .modal-backdrop.show, .modal-backdrop.in { position:fixed; opacity:.5 } .modal-header { display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; -ms-flex-pack:justify; justify-content:space-between; padding:1rem 1rem; border-bottom:1px solid #dee2e6; border-top-left-radius:calc(.3rem - 1px); border-top-right-radius:calc(.3rem - 1px) } .modal-header .close { padding:1rem 1rem; margin:-1rem -1rem -1rem auto } .modal-title { margin-bottom:0; line-height:1.5 } .modal-body { position:relative; -ms-flex:1 1 auto; flex:1 1 auto; padding:1rem } .modal-footer { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:end; justify-content:flex-end; padding:.75rem; border-top:1px solid #dee2e6; border-bottom-right-radius:calc(.3rem - 1px); border-bottom-left-radius:calc(.3rem - 1px) } .modal-footer>* { margin:.25rem } @media (min-width:576px) { .modal-dialog { max-width:500px; margin:1.75rem auto } .modal-dialog-centered { min-height:calc(100% - 3.5rem) } .modal-dialog-centered::before { height:calc(100vh - 3.5rem); height:-webkit-min-content; height:-moz-min-content; height:min-content } } .modal-dialog { margin: 64px auto; } .modal-content { border: none; border-radius: 0; box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14); } .modal-content .popup_text + .button { min-width: 160px; letter-spacing: 0.258em; } #popup_mini_plaque .modal-content, #SPPlaquePopup .modal-content { border: 2px solid #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } .modal-content .spinner-border { position: absolute; left: 50%; right: 50%; top: 50%; margin-top: -8px; } .popup_close { display: block; width: 16px; height: 16px; background: url(../images/close_white.png) no-repeat center/contain; position: absolute; top: -37px; right: 0; z-index: 2; cursor: pointer; transition: all 0.15s ease-out; } .popup_close:hover { transform: rotate(180deg); } .popup_desc { background: #898770; color: #FFFFFF; line-height: 28px; font-weight: 500; } .popup_inner { padding: 0; } .popup_inner .button { width: 100%; height: 80px; line-height: 74px; } .popup_inner.p30 { padding: 30px; } .popup_inner.cta { background-color: #333333; color: #FFFFFF; } .popup_inner .popup_cta a { width: 250px; height: 60px; line-height: 56px; } .popup_inner#wrap { height: 50px; opacity: 0; padding: 0; margin: 0 auto 30px; } .popup_inner#wrap #frame { width: 1080px; height: 1000px; zoom: 1; transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; pointer-events: none; } .popup_inner#wrap #btm { margin-top: 4px; } .max-witdh760 { max-width: 760px; } .max-witdh500 { max-width: 500px; } .fs20 { font-size: 20px; } .fw500 { font-weight: 500; } .underline_white { text-decoration: underline; text-decoration-color: #FFFFFF; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .button_white { background: #FFFFFF; border-color: #FFFFFF; color: #0b0b0c; } .button_yellow { background: #FEDD84; color: #5E5E60; border-color: #FEDD84; } .ml-auto, .mx-auto { margin-left: auto !important; } .mt-2, .my-2 { margin-top: .5rem !important; } .modal.show .button, .modal.in .button { border-width: 2px; border-style: solid; font-weight: 700; cursor: pointer; transition: all 0.15s ease-out; border-radius: 0; } @media (max-width: 479px) { .fs20-xxs { font-size: 16px; } .popup_inner, .popup_login_bottom { padding-left: 20px; padding-right: 20px; } .popup_inner #btm { font-size: 9px !important; } .popup_inner .popup_cta a { max-width: 200px; } .popup_inner .popup_cta span { max-width: 85px; } .popup_inner .button { font-size: 12px; } } .unit_aside_bottom_button { margin-top: 20px } .unit_aside_bottom_button .button { width: 100%; letter-spacing: .2em; font-size: 16px } @media (max-width:1023px) { .unit_aside_bottom_button { margin-top: 15px } .unit_aside_bottom_button .button { height: 40px; line-height: 40px } } .unit_title_battalion_img { position: absolute; left: 0; width: 180px; height: 180px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px; background: #fff } .header_menuopener { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer } .header_menuopener:hover .burger span:first-child { top: 3px } .header_menuopener:hover .burger span:last-child { bottom: 3px } .header_menu { position: fixed; left: 0; top: 0; width: 100%; min-height: 160px; z-index: 100; background: #1d1d1d; color: #fff; padding: 30px 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, .5); display: none } .header_menu .wrapper { max-width: 1440px; padding: 0; } .header_menu a:hover { color: #f9dd90 } @media (max-width:759px) { .header_center { display: none } .header_menu { padding-left: 20px; padding-right: 20px } } .header_menu_links { display: grid; grid-template-columns: repeat(5, 1fr); font-size: 16px; line-height: 40px; white-space: nowrap; font-weight: 500; width: 100%; grid-gap: 6px 20px; margin-left: auto; margin-right: auto; text-transform: uppercase; } .header_menu_links > li { position: relative; } @media (max-width:1279px) { .header_menu_links { grid-template-columns: repeat(3, 1fr); } } @media (max-width:759px) { .header_menu_links { grid-template-columns: repeat(2, 1fr); } } .header_menu_close { display: block; width: 20px; height: 20px; background: url(../images/close2.svg) center/contain no-repeat; position: absolute; right: 50px; top: 70px; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer } .header_menu_close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media (max-width:1023px) { .header_menu_close { top: 29px } } @media (max-width:759px) { .header_menu_close { right: 30px; top: 23px } } @media (max-width:479px) { .header_menu_links { grid-template-columns: repeat(1, 1fr); grid-template-rows: none; grid-auto-flow: row; grid-gap: 20px; line-height: 25px; } .header_menu_close { top: 18px; right: 24px } .footer_bottom { padding-top: 32px; padding-bottom: 28px } } .header_menu_links a { margin-left: 45px; } .header_menu_links a .branch { display: block; width: 60px; height: 60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: absolute; left: -12px; top: 50%; margin-top: -30px; background-repeat: no-repeat; background-position: center; background-size: 36px auto; transition: all 0.15s ease-out; } .branch1, .brancharmy { background-image: url(../images/branch1.png); } .branch2, .branchusn { background-image: url(../images/branch2.png); } .branch3, .branchusmc { background-image: url(../images/branch3.png); } .branch4, .branchusaf { background-image: url(../images/branch4.png); } .branch5, .branchuscg { background-image: url(../images/branch5.png); } @media (max-width: 767px) { .mobile_menu_main a .branch { left: 20px; } } .member2 { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 14px 20px; border-top: 1px solid #e7e7e7 } .member2:nth-child(odd) { border-right: 1px solid #e7e7e7 } .member2_left { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 6px; width: 120px } .member2_photo { display: block; width: 120px } .member2_left_buttons { white-space: nowrap; text-align: center; font-size: 14px; font-weight: 500 } .member2_right { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 6px } .member2_rank { display: block; background: #161616 no-repeat center/54px auto } .member2_center { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .member2_name { font-size: 20px; font-weight: 500 } .member2_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .member2_info_col { padding: 0 6px } .member2_info_col:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 58%; -ms-flex: 0 0 58%; flex: 0 0 58% } .member2_info_col:last-child { -webkit-box-flex: 0; -webkit-flex: 0 0 42%; -ms-flex: 0 0 42%; flex: 0 0 42% } .member2_info_group { padding: 3px 4px } .member2_info_title { font-weight: 500 } .member2_info_text { font-size: 16px; line-height: 18px; font-weight: 500 } .unit_description { padding: 19px 48px 15px 18px } .unit_description_text { font-size: 18px; line-height: 24px } .unit_description_text.overflow { overflow: hidden; max-height: 382px } @media (max-width:1279px) { .unit_description { padding-left: 20px; padding-right: 20px } } .unit_description_battalion, .unit_description_title { font-size: 26px; line-height: 36px; font-weight: 500 } .unit_description_battalion { margin-bottom: 13px } @media (max-width:1279px) { .member2_info { display: block } } @media (max-width:1023px) { .member2_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .member { width: 100% } .member2:nth-child(odd) { border-right: none } .member2 { display: block; position: relative; width: 100% } .member2_right { position: absolute; left: 58%; top: 14px; padding-left: 10px } .member2_center { margin-top: 17px } .member2_info, .member2_name { padding-left: 0; padding-right: 0 } .member2_info { margin-left: -10px; margin-right: -10px } } @media (max-width:479px) { .member2_info { display: block } .member2_right { left: auto; right: 20px } } .unit_photos { padding: 20px } .unit_photos_list { margin: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .unit_photo { border: 1px solid #fff; width: 25%; height: 286px; position: relative; display: block; background: no-repeat center/cover } .unit_photo_title { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; padding: 4px 20px; font-size: 14px; line-height: 16px; font-weight: 600; color: #838383; background: rgba(15, 15, 15, .9); text-align: center; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .gallery_view { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: rgba(15, 15, 15, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.15s ease-out; } .gallery_view .photoGalleryView, .gallery_view a { color: #838383; font-size: 14px; font-weight: 700; padding: 0 20px; display: inline-block; border: 2px solid #838383; height: 36px; line-height: 32px; border-radius: 18px; } .gallery_view .photoGalleryView:hover, .gallery_view a:hover { color: #FFFFFF; border-color: #FFFFFF; } .lightgallery_wrapper .gallery-item:hover .gallery_view { opacity: 1; } .lg-toolbar .lg-close { width: 15px; height: 15px; background: url(../images/close2.svg) no-repeat center/contain; } .lg-actions .lg-next::before, .lg-actions .lg-prev::after { content: ""; width: 50px; height: 50px; display: block; border-radius: 50px; } .lg-next.lg-icon, .lg-prev.lg-icon { padding: 0; background: none; } .lg-actions .lg-next::before { background: url(../images/chevron-circle-right-solid.svg) #fff no-repeat; } .lg-actions .lg-prev::after { background: url(../images/chevron-circle-left-solid.svg) #fff no-repeat; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { display: none; } .unit_photo:hover .unit_photo_title { background: #0f0f0f; color: #fff } @media (max-width:1679px) { .unit_photo { height: 16.667vw } } @media (max-width:1279px) { .unit_photo { width: 33.33333%; height: 25.521vw } } @media (max-width:1023px) { .unit_photo { width: 50%; height: 35.352vw } } @media (max-width:767px) { .unit_photo { height: 44.792vw } } @media (max-width:479px) { .unit_photos_list { display: block } .unit_photo { width: 100%; height: 58.333vw } } @media (max-width:359px) { .unit_photo { height: calc(100vw - 58px) } } .unit_citations2 { padding: 20px } .unit_citations2_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .unit_citation2 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 20px 40px; margin: auto; } .unit_citation2 > table { /* #military-ribbon-bar */ margin-top: 0 !important; margin-bottom: 0 !important; } .unit_citation2_img { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .unit_citation2_img img { width: 100%; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain } .unit_patches { padding: 20px } .unit_patch, .unit_patches_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .unit_patches_list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .unit_patch { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 20px 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .unit_patch_hidden { display: none } .unit_patch img { width: 100% } @media (max-width:1599px) { .unit_citation2, .unit_patch { padding-left: 20px; padding-right: 20px } .unit_citations2_list, .unit_patches_list { margin-left: -20px; margin-right: -20px } } @media (max-width:1279px) { .unit_patch { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% } } @media (max-width:1023px) { .unit_citation2, .unit_patch { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333% } .unit_citation2 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media (max-width:479px) { .unit_citation2, .unit_patch { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% } .unit_citation2 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% } } .unit_history, .unit_reunion, .unit_not_specified { padding: 25px 46px 24px 18px } .unit_reunion_info { padding-left: 15px } .unit_reunion_info td{ vertical-align: text-top; word-break: break-word } .unit_reunion_info a { font-weight: 500; text-decoration: underline; color: #507b9d } .unit_reunion_desc { font-size: 18px; padding: 14px 0px 10px; font-weight: 500; } @media (max-width:1279px) { .unit_history, .unit_reunion, .unit_not_specified { padding-left: 20px; padding-right: 20px } } .unit_block_title { font-size: 26px; line-height: 36px; font-weight: 500; margin-bottom: 14px } .unit_history_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; font-size: 16px; line-height: 22px; font-weight: 500 } .unit_history_links.overflow { overflow: hidden; max-height: 382px } .unit_info_links a, .unit_history_links a { text-decoration: underline } .unit_history_links a:hover { color: #333 } .unit_history_link { width: 50%; padding: 10px 20px 10px 0 } .unit_history .unit_history_links { margin-top: 7px } .unit_operationshistory { padding: 16px 46px 24px 18px } @media (max-width:1279px) { .unit_operationshistory { padding-left: 20px; padding-right: 20px } } .unit_bottomtext { padding-top: 29px } @media (max-width:1279px) { .unit_title_battalion_img { top: -92px; width: 160px; height: 160px } .unit_title { padding-left: 180px } } @media (max-width:767px) { .unit_aside_bottom_button { display: none } .unit_aside { margin-top: 20px } } .unittitle_text { text-align: left } @media (max-width:1279px) { .unittitle_text { text-align: center } } .member2_photo { background: 0 0; height: auto } .member2_photo img { width: 100%; display: block } .unit_info_reporting_col a, .unit_info_reporting_title { font-size: 18px; line-height: 22px } .unit_info_reporting_col { padding-top: 8px; padding-bottom: 8px } .unit_info_links { -webkit-columns: 2; -moz-columns: 2; columns: 2; font-size: 16px; line-height: 22px; max-width: 900px; font-weight: 500 } .unit_info_link { font-size: 18px; } .unit_block p { font-size: 18px } .unit_aside { margin-top: -40px } .unit_title_battalion_img { top: -82px; border-radius: 5px } @media (max-width:1023px) { .unit_title_battalion_img { display: none } } .unit_title { padding-left: 216px } @media (max-width:1023px) { .unit_title { padding-left: 0 } } .member2_left_buttons { line-height: 36px } .member2_left_buttons a { display: block; height: 36px; width: 100%; margin-top: 5px } .member2_rank { width: 80px; height: 80px } .member2_badge { width: 80px; height: 110px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 15px; border: 1px solid #cfcfcf; margin-top: 2px } .member2_badge img { width: 100% } .member2_name { padding-left: 12px; padding-right: 12px; margin-bottom: 7px } .member2_info { padding: 0 2px } .member2_info_title { font-size: 16px; line-height: 18px } .unit_loadmore { padding-top: 10px; padding-bottom: 10px } .unit_bottomtext p, .unit_history_link { font-size: 18px } .unit_history_link { max-width: 478px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .section_unittitle_content2 { padding: 80px 28px 48px 0 } @media (max-width:1023px) { .section_unittitle_content2 { padding-bottom: 133px; padding-right: 0 } } .unittitle2_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media (max-width:1023px) { .unittitle2_flex { display: block; text-align: center } } .unittitle_branch { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 44px; border-right: 2px solid #f9dd90; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 7px } .unittitle_branch img { display: block; width: 210px; height: 210px } @media (max-width:1023px) { .unittitle_branch { padding: 0; border-right: none; width: 160px; margin: 0 auto 8px } .unittitle_branch img { width: 160px; height: 160px; margin-left: auto; margin-right: auto } } .unittitle_content { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 36px; max-width: 692px; width: 100% } @media (max-width:1023px) { .unittitle_content { padding: 36px 0 0; margin-left: auto; margin-right: auto } } .unittitle_content_h1, .unittitle_content_title { font-size: 31px; line-height: 36px; margin-bottom: 22px; letter-spacing: .15em; text-transform: uppercase; color: #b2a590; font-weight: 500 } .unittitle_content_h1 { font-size: 60px; line-height: 60px; font-weight: 900; letter-spacing: .05em; color: #f9dd90; margin-bottom: 18px; white-space: normal; overflow-y: hidden; } @media (max-width:1023px) { .unittitle_content_h1 { font-size: 48px; line-height: 48px } } .unittitle_content_text { font-size: 28px; line-height: 28px; color: #fff; margin-bottom: 42px; font-weight: 400 } @media (max-width:1023px) { .unittitle_content_text { max-width: 380px; margin-left: auto; margin-right: auto; line-height: 36px } } .unittitle_content_button .button { height: 60px; line-height: 60px; border-radius: 0; min-width: 240px; font-size: 16px; letter-spacing: .25em; text-transform: uppercase; color: #000 } @media (max-width:1023px) { .member2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .member2_center { margin-top: 0 } .member2_right { position: static; padding-left: 0 } .member2_info { margin-left: 0; margin-right: 0 } .unit_patch { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333% } .unit_citations2_list { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .unit_history_link { width: 100% } .unittitle_content_title { position: relative; padding-bottom: 12px } .unittitle_content_title:after { content: ''; display: block; width: 120px; height: 2px; background: #b2a590; position: absolute; left: 50%; bottom: 0; margin-left: -60px } } @media (max-width:767px) { .member2 { display: block; padding: 20px 10px; position: relative } .member2_left { width: calc(100% - 110px); max-width: 210px } .member2_photo { width: 100%; height: 200px } .member2_photo img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .member2_right { position: absolute; right: 10px; left: auto; top: 20px; width: 100px } .member2_badge, .member2_rank { width: 100px; height: 138px } .member2_badge { margin-top: 6px } .member2_center { margin-top: 22px } .unit_block p, .unit_bottomtext p, .unit_history_link, .unit_info_link, .unit_description_text { font-size: 14px; line-height: normal } .unit_description_title { font-size: 20px; line-height: normal } .unit_description_battalion { font-size: 16px; line-height: normal } .section_unittitle_content2 { padding-bottom: 80px; padding-top: 20px } .unittitle_branch { width: 100px } .unittitle_branch img { width: 100px; height: 100px } .unittitle_content { padding-top: 0; max-width: none } .unittitle_content_title { font-size: 15px; margin-bottom: 25px; padding-bottom: 2px } .unittitle_content_title:after { width: 60px; margin-left: -30px } .unittitle_content_h1 { font-size: 28px; line-height: 28px; margin-bottom: 17px } .unittitle_content_text { font-size: 16px; line-height: 21px; max-width: 220px; margin-bottom: 34px } .unittitle_content_button .button { width: 100%; height: 40px; line-height: 40px; font-weight: 600; color: #000 } .section_unittitle_minheight { min-height: 0; display: block } } .unit_aside_batalion { display: none; margin-bottom: 10px; background: #fff; border-radius: 5px } @media (max-width:1023px) { .unit_aside_batalion { display: block } } @media (max-width:767px) { .unit_aside_batalion { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 10px; padding-right: 10px } } .unit_aside_batalion_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px; width: 100%; height: 180px } .unit_aside_batalion_img img, .unit_title_battalion_img img { display: block; width: auto; height: auto; max-height: 100%; } @media (max-width:1023px) { .unit_aside_batalion_img { padding: 20px } } @media (max-width:767px) { .unit_aside_batalion_img { height: 120px; width: 120px } } .unit_aside_batalion_text { display: none } @media (max-width:767px) { .unit_aside_batalion_text { display: block } } .unit_aside_batalion_title { font-size: 16px; line-height: 16px; font-weight: 500; margin-bottom: 5px } .unit_aside_batalion_title2 { font-size: 14px; line-height: 14px; font-weight: 500; color: #898770 } .section_unittitle { padding-top: 120px } @media (max-width:767px) { .section_unittitle { padding-top: 160px } } .section_unittitle_minheight { min-height: 603px } @media (max-width:767px) { .section_unittitle_minheight { min-height: 0 } } .section_unittitle_content2 { padding-bottom: 129px } .unit_photo.image_fullwidthheight_wrapper img { width: 100%; height: 100%; } .gallery_caption { background: #fff; text-align: center; padding: 48px 42px; } .gallery_caption_title { font-size: 26px; font-weight: 500; color: #333; } .gallery_caption_text { font-size: 16px; font-weight: 500; line-height: 24px; color: #333; opacity: 0.5; } .unit_main .hidden { display: none; } .break-word { word-break: break-word; } .member2_rank { width: 80px; height: 170px; display: flex; flex-direction: column; align-content: flex-start; } .member2_rank_image { display: block; margin: auto; } .main_item_photo { width: 100%; height: 120px; background-color: #D3D3D3; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; } .main_item_rank { align-self: flex-start; background-repeat: no-repeat; background-position: center; position: relative; height: 100px; min-width: 65px; margin: auto; background-size: contain; } .unit_citation2 .disp_ribbon { position:relative; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer; text-align:center; line-height: 20px; } .unit_citation2 .disp_ribbon > img { vertical-align: top; } .scrollTop { position: fixed; top: 20px; width: 60px; height: 50px; align-items: center; justify-content: center; z-index: 1000; cursor: pointer; animation: fadeIn 0.3s; transition: opacity 0.4s; opacity: 0.6; background: rgba(255, 255, 255, 0.8); border: 1px solid #ccc; border-radius: 10px; right: -10px; padding: 5px 10px 5px 3px; } .scrollTop:hover { opacity: 1; } @media (max-width:767px) { .member2_rank { width: 100px; height: 210px; } .main_item_photo { height: 200px; } } @media (min-width: 768px) { .scrollTop { width: 70px; height: 65px; padding: 7px 10px 7px 0px; } } @media (min-width:1280px) { .scrollTop { width: 90px; height: 80px; padding: 10px 10px 10px 0; } }