/*!
Theme Name: worldsteel
Theme URI: 
Author: CentreBlue
Author URI: https://www.centreblue.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: worldsteel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

worldsteel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic

# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
html {
  /*scroll-behavior: smooth;*/
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1a171b;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    /*margin-bottom: .625rem;*/
	margin-bottom: 1rem;
    line-height: 1.1;
    color: #5c7f92;	
}

h1, .h1 {
  font-size: 1.9rem;
  font-weight: 300;
}
h2, .h2 {
  font-size: 1.805rem;
  font-weight: 300;
}
h3, .h3 {
  font-size: 1.425rem;
  font-weight: 300;
}
h4, .h4 {
  font-size: 1.235rem;
  font-weight: 400;
}
h5, .h5 {
  font-size: 1.045rem;
  font-weight: 600;
}
h6, .h6 {
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 1.9rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.3rem;
  }
  h5, .h5 {
    font-size: 1.1rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
  h2, .h2 {
    font-size: 1.9rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.3rem;
  }
  h5, .h5 {
    font-size: 1.1rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}


.page-title  {
  font-weight: 600;
}

b, strong {
    font-weight: 700;
}

/* Steelblue 30 */
hr {
	border-color:#ccd6dd;
}


/* Font */
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("includes/fonts/glyphicons-halflings-regular.eot");
  src: url("includes/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("includes/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("includes/fonts/glyphicons-halflings-regular.woff") format("woff"), url("includes/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("includes/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}



.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}


@font-face {
  font-family: 'brandico';
  src: url('includes/fonts/brandico.eot?26238069');
  src: url('includes/fonts/brandico.eot?26238069#iefix') format('embedded-opentype'),
       url('includes/fonts/brandico.woff?26238069') format('woff'),
       url('includes/fonts/brandico.ttf?26238069') format('truetype'),
       url('includes/fonts/brandico.svg?26238069#brandico') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'brandico';
    src: url('../font/brandico.svg?26238069#brandico') format('svg');
  }
}
*/

 [class^="icons-"]:before, [class*=" icons-"]:before {
  font-family: "brandico";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  /*width: 1em;*/
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  /*font-variant: normal;
  text-transform: none;*/

  /* fix buttons height, for twitter bootstrap */
  /*line-height: 1em;*/

  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icons-facebook:before { content: '\f300'; } /* '' */
.icons-facebook-rect:before { content: '\f301'; } /* '' */
.icons-twitter:before { content: '\f302'; } /* '' */
.icons-twitter-bird:before { content: '\f303'; } /* '' */
.icons-vimeo:before { content: '\f30f'; } /* '' */
.icons-vimeo-rect:before { content: '\f30e'; } /* '' */
.icons-tumblr:before { content: '\f311'; } /* '' */
.icons-tumblr-rect:before { content: '\f310'; } /* '' */

.icons-googleplus-rect:before { content: '\f309'; } /* '' */
.icons-github-text:before { content: '\f307'; } /* '' */
.icons-github:before { content: '\f308'; } /* '' */
.icons-skype:before { content: '\f30b'; } /* '' */
.icons-icq:before { content: '\f304'; } /* '' */
.icons-yandex:before { content: '\f305'; } /* '' */
.icons-yandex-rect:before { content: '\f306'; } /* '' */
.icons-vkontakte-rect:before { content: '\f30a'; } /* '' */
.icons-odnoklassniki:before { content: '\f30c'; } /* '' */
.icons-odnoklassniki-rect:before { content: '\f30d'; } /* '' */
.icons-friendfeed:before { content: '\f312'; } /* '' */
.icons-friendfeed-rect:before { content: '\f313'; } /* '' */
.icons-blogger:before { content: '\f314'; } /* '' */
.icons-blogger-rect:before { content: '\f315'; } /* '' */
.icons-deviantart:before { content: '\f316'; } /* '' */
.icons-jabber:before { content: '\f317'; } /* '' */
.icons-lastfm:before { content: '\f318'; } /* '' */
.icons-lastfm-rect:before { content: '\f319'; } /* '' */
.icons-linkedin:before { content: '\f31a'; } /* '' */
.icons-linkedin-rect:before { content: '\f31b'; } /* '' */
.icons-picasa:before { content: '\f31c'; } /* '' */
.icons-wordpress:before { content: '\f31d'; } /* '' */
.icons-instagram:before { content: '\f31e'; } /* '' */
.icons-instagram-filled:before { content: '\f31f'; } /* '' */
.icons-diigo:before { content: '\f320'; } /* '' */
.icons-box:before { content: '\f321'; } /* '' */
.icons-box-rect:before { content: '\f322'; } /* '' */
.icons-tudou:before { content: '\f323'; } /* '' */
.icons-youku:before { content: '\f324'; } /* '' */
.icons-win8:before { content: '\f325'; } /* '' */
.icons-amex:before { content: '\f326'; } /* '' */
.icons-discover:before { content: '\f327'; } /* '' */
.icons-visa:before { content: '\f328'; } /* '' */
.icons-mastercard:before { content: '\f329'; } /* '' */
.icons-houzz:before { content: '\f32a'; } /* '' */
.icons-bandcamp:before { content: '\f32b'; } /* '' */
.icons-codepen:before { content: '\f32c'; } /* '' */
/* custom*/

.social-media-footer a[data-social-title^='social-tudou']{
    color: #5c7f92;
}

.icons-tudou{
	background: #ffffff;
	border-radius: 0.25rem;
	font-size: 22px;
	position: relative;
    top: -3px;	
	
	}
.social-media-footer a[data-social-title^='social-tudou']:hover .icons-tudou{
	 background: #000;
	 color: #5c7f92;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	 
}




/* Elements
--------------------------------------------- */
body {
	background: #ffffff;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
figure,
.main-content img {
	max-width: 100%;
}

.main-content img {
	height:auto;
}

.main-content ol,
.main-content ul {
	margin: 0.625rem 0 1rem 0;
	padding-inline-start: 40px;
}

.main-content ol li {
	margin: 0 0;
}
.main-content ul li {
	margin: 0 0 0.625rem 0;
}

.main-content ul {
	list-style: none
}

.main-content ul li:before,
.main-content ul.unordered-list li:before {
	font-family: "Font Awesome 5 Free";
	font-size: 8px;
	content: '\f111';
	font-weight:900;
	margin: 0 7px 0 -14px;
	color: #5c7f92
}

.main-content ul li li:before,
.main-content ul.unordered-list li li:before {
	font-weight:400;
}

.main-content ul.list-unstyled li:before{
	content:'';
	display:none;
}
.main-content ul li p,
.main-content ul.unordered-list li{
	display: inline-block;
}

*[class*='bg-']:not(.main-content) ul li:before,
*[class*='bg-']:not(.main-content) ul.unordered-list li:before {
	color:inherit !important;
}


/* Links
--------------------------------------------- */
a {
	color: #5c7f92;
	text-decoration: none;	
}

.news-text a:not(.btn),
.main-text a:not(.btn,.page-link,.nav-link, role="button" ){
	color: #00aae7;
	text-decoration: underline;	
}



a:visited {
	/*color: #5c7f92;*/
}

a:hover,
a:focus,
a:active,
.news-text a:not(.btn):hover,
.news-text a:not(.btn):focus,
.news-text a:not(.btn):active,
.main-text a:not(.btn):hover,
.main-text a:not(.btn):focus,
.main-text a:not(.btn):active {
	color: #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none;		
}

a.text-white:hover,
a.text-white:focus,
a.text-white:active {
	color: #000 !important;		
}

a:hover,
a:focus,
a:active {
	outline: 0;
}
/*
Amethyst
Azure
Black
Crimson
Green
Grey
Indigo
Maroon
Olive
Orange
Purple
Red
Seagreen
Steelblue 10
Steelblue 30
Steelblue 50
Steelblue 100
Turquoise
Violet
Yellow
Yellowgreen
*/

.text-primary{
	color: #5c7f92 !important;
}
.text-secondary{
	color: #5bc0de !important;
}
.text-success{
	color: #00aae7 !important;
}
.text-danger{
	color: #dc3545 !important;
}
.text-warning{
	color: #ffc107 !important;
}
.text-info{
	color: #17a2b8 !important;
}
.text-dark{
	color: #1a171b !important;
}
.text-body{
	color: #1a171b !important;
}
.text-tertiary {
	color: #035dad !important;
}
.text-grey-primary {
	color: #1a171b !important;
}
.text-grey-secondary {
	color: #999 !important;
}
.text-grey-tertiary {
	color: #e1e1e1 !important;
}

/* Amethyst */
.text-amethyst {
	color: #838bb6 !important;
}

/* Azure */
.text-azure {
	color: #00aae7 !important;
}

/* Black */
.text-black {
	color: #1a171b !important;
}

/* Crimson */
.text-crimson {
	color: #a30654 !important;
}

/* Green */
.text-green {
	color: #76a519 !important;
}

/* Grey */
.text-grey {
	color: #a8aa81 !important;
}

/* Indigo */
.text-indigo {
	color: #035dad !important;
}

/* Maroon */
.text-maroon {
	color: #a85e29 !important;
}

/* Malibu */
.text-malibu {
	color: #5BC0DE !important;
}

/* Olive */
.text-olive {
	color: #7b8427 !important;
}

/* Orange */
.text-orange{
	color: #ff6905 !important;
}

/* Purple */
.text-purple {
	color: #841c80 !important;
}

/* Red */
.text-red {
	color: #d0202e !important;
}

/* Seagreen */
.text-seagreen {
	color: #00718a !important;
}

/* Steelblue 10 */
.text-steelblue-10 {
	color: #eef1f4 !important;
}

/* Steelblue 30 */
.text-steelblue-30 {
	color: #ccd6dd !important;
}

/* Steelblue 50 */
.text-steelblue-50 {
	color: #99adb7 !important;
}

/* Steelblue 100 */
.text-steelblue-100 {
	color: #5c7f92 !important;
}

/* Turquoise */
.text-turquoise{
	color: #31b9ab !important;
}

/* Violet */
.text-violet {
	color: #b682b8 !important;
}

/* Yellow */
.text-yellow {
	color: #f4c000 !important;
}

/* Yellowgreen */
.text-yellowgreen {
	color: #c6da38 !important;
}




.bg-primary{
    background-color: #5c7f92!important;
}
.bg-secondary{
    background-color: #5bc0de!important;
}
.bg-success{
    background-color: #00aae7!important;
}
.bg-danger{
    background-color: #dc3545!important;
}
.bg-warning{
    background-color: #ffc107!important;
}
.bg-info{
    background-color: #17a2b8!important;
}
.bg-dark{
    background-color: #1a171b!important;
}
.bg-tertiary {
	background-color: #035dad!important;
}
.bg-grey-primary {
	background-color: #1a171b!important;
}
.bg-grey-secondary {
	background-color: #999!important;
}
.bg-grey-tertiary {
	background-color: #e1e1e1!important;
}
.bg-white {
	background-color: #fff!important;
}

/* Amethyst */
.bg-amethyst {
	background-color: #838bb6;
	color: #fff
}

/* Azure */
.bg-azure {
	background-color: #00aae7;
	color: #fff
}

/* Black */
.bg-black {
	background-color: #1a171b;
	color: #fff
}

/* Crimson */
.bg-crimson {
	background-color: #a30654;
	color: #fff
}

/* Green */
.bg-green {
	background-color: #76a519;
	color: #fff
}

/* Grey */
.bg-grey {
	background-color: #a8aa81;
	color: #fff
}

/* Indigo */
.bg-indigo {
	background-color: #035dad;
	color: #fff
}

/* Maroon */
.bg-maroon {
	background-color: #a85e29;
	color: #fff
}

/* Malibu */
.bg-malibu {
	background-color: #5BC0DE;
	color: #fff
}

/* Olive */
.bg-olive {
	background-color: #7b8427;
	color: #fff
}

/* Orange */
.bg-orange{
	background-color: #ff6905;
	color: #fff
}

/* Purple */
.bg-purple {
	background-color: #841c80;
	color: #fff
}

/* Red */
.bg-red {
	background-color: #d0202e;
	color: #fff
}

/* Seagreen */
.bg-seagreen {
	background-color: #00718a;
	color: #fff
}

/* Steelblue 10 */
.bg-steelblue-10 {
	background-color: #eef1f4;
	color: #1a171b
}

/* Steelblue 30 */
.bg-steelblue-30 {
	background-color: #ccd6dd;
	color: #1a171b
}

/* Steelblue 50 */

.bg-steelblue-50 {
	background-color: #99adb7;
	color: #fff
}

/* Steelblue 100 */
.bg-steelblue-100 {
	background-color: #5c7f92;
	color: #fff
}

/* Turquoise */
.bg-turquoise{
	background-color: #31b9ab;
	color: #fff
}

/* Violet */
.bg-violet {
	background-color: #b682b8;
	color: #fff
}

/* Yellow */
.bg-yellow {
	background-color: #f4c000;
	color: #fff
}

/* Yellowgreen */
.bg-yellowgreen {
	background-color: #c6da38;
	color: #fff
}

/* White*/
.bg-white {
	background-color: #fff
}




/* Amethyst */
.bg-amethyst h3,
.bg-amethyst h4,
.bg-amethyst p,
.bg-azure h3,
.bg-azure h4,
.bg-azure p,
.bg-black h3,
.bg-black h4,
.bg-black p,
.bg-crimson h3,
.bg-crimson h4,
.bg-crimson p,
.bg-green h3,
.bg-green h4,
.bg-green p,
.bg-grey h3,
.bg-grey h4,
.bg-grey p,
.bg-indigo h3,
.bg-indigo h4,
.bg-indigo p,
.bg-maroon h3,
.bg-maroon h4,
.bg-maroon p,
.bg-malibu h3,
.bg-malibu h4,
.bg-malibu p,
.bg-olive h3,
.bg-olive h4,
.bg-olive p,
.bg-orange h3,
.bg-orange h4,
.bg-orange p,
.bg-purple h3,
.bg-purple h4,
.bg-purple p,
.bg-red h3,
.bg-red h4,
.bg-red p,
.bg-seagreen h3,
.bg-seagreen h4,
.bg-seagreen p,
/*.bg-steelblue-10 h3,
.bg-steelblue-10 p,
.bg-steelblue-30 h3,
.bg-steelblue-30 p,*/
.bg-steelblue-50 h3,
.bg-steelblue-50 h4,
.bg-steelblue-50 p,
.bg-steelblue-100 h3,
.bg-steelblue-100 h4,
.bg-steelblue-100 p,
.bg-turquoise h3,
.bg-turquoise h4,
.bg-turquoise p,
.bg-violet h3,
.bg-violet h4,
.bg-violet p,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow p,
.bg-yellowgreen h3,
.bg-yellowgreen h4,
.bg-yellowgreen p {
	color: #fff
}

/* Steelblue 10 */
.bg-steelblue-10 h3,
.bg-steelblue-10 h4,
.bg-steelblue-30 h3
.bg-steelblue-30 h4{
	color: #1a171b
}

/* Light Colours*/
/* Amethyst */
.bg-amethyst-light {
	background-color: rgba(131, 139, 182, 0.3);
}

/* Azure */
.bg-azure-light {
	background-color: rgba(0, 170, 231, 0.3);
}

/* Black */
.bg-black-light {
	background-color: rgba(26, 23, 27, 0.3);
}

/* Crimson */
.bg-crimson-light {
	background-color: rgba(163, 6, 84, 0.3);
}

/* Green */
.bg-green-light {
	background-color: rgba(118, 165, 25, 0.3);
}

/* Grey */
.bg-grey-light {
	background-color: rgba(168, 170, 129, 0.3);
}

/* Indigo */
.bg-indigo-light {
	background-color: rgba(3, 93, 173, 0.3);
}

/* Maroon */
.bg-maroon-light {
	background-color: rgba(168, 94, 41, 0.3);
}

/* Malibu */
.bg-malibu-light {
	background-color: rgba(91, 192, 222, 0.3);
}

/* Olive */
.bg-olive-light {
	background-color: rgba(123, 132, 39, 0.3);
}

/* Orange */
.bg-orange-light{
	background-color: rgba(255, 105, 5, 0.3);
}

/* Purple */
.bg-purple-light {
	background-color: rgba(132, 28, 128, 0.3);
}

/* Red */
.bg-red-light {
	background-color:rgba(208, 32, 46, 0.3);
}

/* Seagreen */
.bg-seagreen-light {
	background-color: rgba(0, 113, 138, 0.3);
}

/* Steelblue 10 */
.bg-steelblue-10-light {
	background-color: rgba(238, 241, 244, 0.3);
}

/* Steelblue 30 */
.bg-steelblue-30-light {
	background-color: rgba(204, 214, 221, 0.3);
}

/* Steelblue 50 */
.bg-steelblue-50-light {
	background-color: rgba(153, 173, 183, 0.3);
}

/* Steelblue 100 */
.bg-steelblue-100-light {
	background-color: rgba(92, 127, 146, 0.3);
}

/* Turquoise */
.bg-turquoise-light{
	background-color: rgba(49, 185, 171, 0.3);
}

/* Violet */
.bg-violet-light {
	background-color: rgba(182, 130, 184, 0.3);
}

/* Yellow */
.bg-yellow-light {
	background-color: rgba(244, 192, 0, 0.3);
}

/* Yellowgreen */
.bg-yellowgreen-light {
	background-color: rgba(198, 218, 56, 0.3);
}







/* End Backgournd Colours*/



.btn{
	color: #1a171b;
	border: 2px solid transparent;
	padding:.5rem 2rem;
	font-size:.9rem;
	line-height: 1.5;
	border-radius:.4rem;
	text-decoration: none;
}

.btn:hover {
	color: #1a171b;
}

.btn-primary {
	color: #fff;
	background-color: #5c7f92;
	border-color: #5c7f92;
}

.btn-primary.focus, 
.btn-primary:focus, 
.btn-primary:hover {
	color: #fff;
	background-color: #00a3dd;
	border-color: #00a3dd 
}
.btn-primary.focus, 
.btn-primary:focus {
box-shadow:none, 0 0 0 .2rem rgba(116,146,162,.5)
}
.btn-primary.disabled, 
.btn-primary:disabled {
	background-color: #5c7f92;
	border-color: #5c7f92
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
	background-color: #486473;
	border-color: #435d6b
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(116,146,162,.5)
}
.btn-secondary {
	color: #212529;
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.btn-secondary.focus, 
.btn-secondary:focus, 
.btn-secondary:hover {
	color: #fff;
	background-color: #3bb4d8;
	border-color: #31b0d5
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow:none, 0 0 0 .2rem rgba(82,169,195,.5)
}
.btn-secondary.disabled, 
.btn-secondary:disabled {
	color: #212529;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #31b0d5;
	border-color: #2aaacf
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(82,169,195,.5)
}
.btn-success {
	color: #fff;
	background-color: #00aae7;
	border-color: #00aae7;
}
.btn-success.focus, 
.btn-success:focus, 
.btn-success:hover {
	color: #fff;
	background-color: #008ec1;
	border-color: #0084b4
}
.btn-success.focus, .btn-success:focus {
box-shadow:none, 0 0 0 .2rem rgba(38,183,235,.5)
}
.btn-success.disabled, 
.btn-success:disabled {
	color: #fff;
	background-color: #00aae7;
	border-color: #00aae7
}
.btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active, 
.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #0084b4;
	border-color: #007ba7
}
.btn-success:not(:disabled):not(.disabled).active:focus, 
.btn-success:not(:disabled):not(.disabled):active:focus, 
.show>.btn-success.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(38,183,235,.5)
}
.btn-info {
	color: #fff;
	background-color: #99adb7;
	border-color: #99adb7;
}
.btn-info.focus, 
.btn-info:focus, 
.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b
}
.btn-info.focus, 
.btn-info:focus {
box-shadow:none, 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-info.disabled, 
.btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active, 
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus, 
.btn-info:not(:disabled):not(.disabled):active:focus, 
.show>.btn-info.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-warning.focus, 
.btn-warning:focus, 
.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00
}
.btn-warning.focus, 
.btn-warning:focus {
box-shadow:none, 0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-warning.disabled, 
.btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active, 
.btn-warning:not(:disabled):not(.disabled):active, 
.show>.btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus, 
.btn-warning:not(:disabled):not(.disabled):active:focus, 
.show>.btn-warning.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-danger.focus, 
.btn-danger:focus, 
.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130
}
.btn-danger.focus, .btn-danger:focus {
box-shadow:none, 0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-danger.disabled, 
.btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active, 
.btn-danger:not(:disabled):not(.disabled):active, 
.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus, 
.btn-danger:not(:disabled):not(.disabled):active:focus, 
.show>.btn-danger.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
}
.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
	box-shadow: none
}
.btn-light.focus, 
.btn-light:focus, 
.btn-light:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5
}
.btn-light.focus, 
.btn-light:focus {
box-shadow:none, 0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-light.disabled, 
.btn-light:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active, 
.btn-light:not(:disabled):not(.disabled):active, 
.show>.btn-light.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus, 
.btn-light:not(:disabled):not(.disabled):active:focus, 
.show>.btn-light.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(216,217,219,.5)
}
.btn-dark {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b;
	box-shadow: none
}
.btn-dark.focus, 
.btn-dark:focus, 
.btn-dark:hover {
	color: #fff;
	background-color: #060506;
	border-color: #000
}
.btn-dark.focus, 
.btn-dark:focus {
box-shadow:none, 0 0 0 .2rem rgba(60,58,61,.5)
}
.btn-dark.disabled, 
.btn-dark:disabled {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-dark:not(:disabled):not(.disabled).active, 
.btn-dark:not(:disabled):not(.disabled):active, 
.show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #000;
	border-color: #000
}
.btn-dark:not(:disabled):not(.disabled).active:focus, 
.btn-dark:not(:disabled):not(.disabled):active:focus, 
.show>.btn-dark.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(60,58,61,.5)
}
.btn-tertiary {
	color: #fff;
	background-color: #035dad;
	border-color: #035dad;
	box-shadow: none
}
.btn-tertiary.focus, 
.btn-tertiary:focus, 
.btn-tertiary:hover {
	color: #fff;
	background-color: #024987;
	border-color: #02427b
}
.btn-tertiary.focus, 
.btn-tertiary:focus {
box-shadow:none, 0 0 0 .2rem rgba(41,117,185,.5)
}
.btn-tertiary.disabled, 
.btn-tertiary:disabled {
	color: #fff;
	background-color: #035dad;
	border-color: #035dad
}
.btn-tertiary:not(:disabled):not(.disabled).active, 
.btn-tertiary:not(:disabled):not(.disabled):active, 
.show>.btn-tertiary.dropdown-toggle {
	color: #fff;
	background-color: #02427b;
	border-color: #023b6e
}
.btn-tertiary:not(:disabled):not(.disabled).active:focus, 
.btn-tertiary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-tertiary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(41,117,185,.5)
}
.btn-grey-primary {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b;
	box-shadow: none
}
.btn-grey-primary.focus, 
.btn-grey-primary:focus, 
.btn-grey-primary:hover {
	color: #fff;
	background-color: #060506;
	border-color: #000
}
.btn-grey-primary.focus, 
.btn-grey-primary:focus {
box-shadow:none, 0 0 0 .2rem rgba(60,58,61,.5)
}
.btn-grey-primary.disabled, 
.btn-grey-primary:disabled {

	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-grey-primary:not(:disabled):not(.disabled).active, 
.btn-grey-primary:not(:disabled):not(.disabled):active, 
.show>.btn-grey-primary.dropdown-toggle {
	color: #fff;
	background-color: #000;
	border-color: #000
}
.btn-grey-primary:not(:disabled):not(.disabled).active:focus, 
.btn-grey-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-grey-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(60,58,61,.5)
}
.btn-grey-secondary {
	color: #212529;
	background-color: #999;
	border-color: #999;
	box-shadow: none
}
.btn-grey-secondary.focus, 
.btn-grey-secondary:focus, 
.btn-grey-secondary:hover {
	color: #fff;
	background-color: #868686;
	border-color: grey
}
.btn-grey-secondary.focus, 
.btn-grey-secondary:focus {
box-shadow:none, 0 0 0 .2rem rgba(135,136,136,.5)
}
.btn-grey-secondary.disabled, 
.btn-grey-secondary:disabled {
	color: #212529;
	background-color: #999;
	border-color: #999
}
.btn-grey-secondary:not(:disabled):not(.disabled).active, 
.btn-grey-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-grey-secondary.dropdown-toggle {
	color: #fff;
	background-color: grey;
	border-color: #797979
}
.btn-grey-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-grey-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-grey-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(135,136,136,.5)
}
.btn-grey-tertiary {
	color: #212529;
	background-color: #e1e1e1;
	border-color: #e1e1e1;
	box-shadow: none
}
.btn-grey-tertiary.focus, 
.btn-grey-tertiary:focus, 
.btn-grey-tertiary:hover {
	color: #212529;
	background-color: #cecece;
	border-color: #c8c8c8
}
.btn-grey-tertiary.focus, 
.btn-grey-tertiary:focus {
box-shadow:none, 0 0 0 .2rem rgba(196,197,197,.5)
}
.btn-grey-tertiary.disabled, 
.btn-grey-tertiary:disabled {
	color: #212529;
	background-color: #e1e1e1;
	border-color: #e1e1e1
}
.btn-grey-tertiary:not(:disabled):not(.disabled).active, 
.btn-grey-tertiary:not(:disabled):not(.disabled):active, 
.show>.btn-grey-tertiary.dropdown-toggle {
	color: #212529;
	background-color: #c8c8c8;
	border-color: #c1c1c1
}
.btn-grey-tertiary:not(:disabled):not(.disabled).active:focus, 
.btn-grey-tertiary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-grey-tertiary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(196,197,197,.5)
}
.btn-white {
	color: #212529;
	background-color: #fff;
	border-color: #fff;
	box-shadow: none
}
.btn-white.focus, 
.btn-white:focus, 
.btn-white:hover {
	color: #212529;
	background-color: #ececec;
	border-color: #e6e6e6
}
.btn-white.focus, 
.btn-white:focus {
box-shadow:none, 0 0 0 .2rem rgba(222,222,223,.5)
}
.btn-white.disabled, 
.btn-white:disabled {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}
.btn-white:not(:disabled):not(.disabled).active, 
.btn-white:not(:disabled):not(.disabled):active, 
.show>.btn-white.dropdown-toggle {
	color: #212529;
	background-color: #e6e6e6;
	border-color: #dfdfdf
}
.btn-white:not(:disabled):not(.disabled).active:focus, 
.btn-white:not(:disabled):not(.disabled):active:focus, 
.show>.btn-white.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(222,222,223,.5)
}
.btn-outline-primary {
	color: #5c7f92;
	border-color: #5c7f92
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #5c7f92;
	border-color: #5c7f92
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow:0 0 0 .2rem rgba(92,127,146,.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #5c7f92;
	background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #5c7f92;
	border-color: #5c7f92
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(92,127,146,.5)
}
.btn-outline-secondary {
	color: #5bc0de;
	border-color: #5bc0de
}
.btn-outline-secondary:hover {
	color: #212529;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
box-shadow:0 0 0 .2rem rgba(91,192,222,.5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #5bc0de;
	background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
	color: #212529;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(91,192,222,.5)
}
.btn-outline-success {
	color: #00aae7;
	border-color: #00aae7
}
.btn-outline-success:hover {
	color: #fff;
	background-color: #00aae7;
	border-color: #00aae7
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow:0 0 0 .2rem rgba(0,170,231,.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #00aae7;
	background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
	color: #fff;
	background-color: #00aae7;
	border-color: #00aae7
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(0,170,231,.5)
}
.btn-outline-info {
	color: #17a2b8;
	border-color: #17a2b8
}
.btn-outline-info:hover {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: #17a2b8;
	background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107
}
.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, 
.btn-outline-warning:not(:disabled):not(.disabled):active, 
.show>.btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, 
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545
}
.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-danger.disabled, 
.btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, 
.btn-outline-danger:not(:disabled):not(.disabled):active, 
.show>.btn-outline-danger.dropdown-toggle {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, 
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-outline-light:hover {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-outline-light.focus, .btn-outline-light:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, 
.btn-outline-light:not(:disabled):not(.disabled):active, 
.show>.btn-outline-light.dropdown-toggle {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, 
.btn-outline-light:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-dark {
	color: #1a171b;
	border-color: #1a171b
}
.btn-outline-dark:hover {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
box-shadow:0 0 0 .2rem rgba(26,23,27,.5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #1a171b;
	background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, 
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.show>.btn-outline-dark.dropdown-toggle {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, 
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(26,23,27,.5)
}
.btn-outline-tertiary {
	color: #035dad;
	border-color: #035dad
}
.btn-outline-tertiary:hover {
	color: #fff;
	background-color: #035dad;
	border-color: #035dad
}
.btn-outline-tertiary.focus, 
.btn-outline-tertiary:focus {
box-shadow:0 0 0 .2rem rgba(3,93,173,.5)
}
.btn-outline-tertiary.disabled, 
.btn-outline-tertiary:disabled {
	color: #035dad;
	background-color: transparent
}
.btn-outline-tertiary:not(:disabled):not(.disabled).active, 
.btn-outline-tertiary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-tertiary.dropdown-toggle {
	color: #fff;
	background-color: #035dad;
	border-color: #035dad
}
.btn-outline-tertiary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-tertiary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-tertiary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(3,93,173,.5)
}
.btn-outline-grey-primary {
	color: #1a171b;
	border-color: #1a171b
}
.btn-outline-grey-primary:hover {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-outline-grey-primary.focus, 
.btn-outline-grey-primary:focus {
box-shadow:0 0 0 .2rem rgba(26,23,27,.5)
}
.btn-outline-grey-primary.disabled, .btn-outline-grey-primary:disabled {
	color: #1a171b;
	background-color: transparent
}
.btn-outline-grey-primary:not(:disabled):not(.disabled).active, 
.btn-outline-grey-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-grey-primary.dropdown-toggle {
	color: #fff;
	background-color: #1a171b;
	border-color: #1a171b
}
.btn-outline-grey-primary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-grey-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-grey-primary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(26,23,27,.5)
}
.btn-outline-grey-secondary {
	color: #999;
	border-color: #999
}
.btn-outline-grey-secondary:hover {
	color: #212529;
	background-color: #999;
	border-color: #999
}
.btn-outline-grey-secondary.focus, 
.btn-outline-grey-secondary:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,60%,.5)
}
.btn-outline-grey-secondary.disabled, .btn-outline-grey-secondary:disabled {
	color: #999;
	background-color: transparent
}
.btn-outline-grey-secondary:not(:disabled):not(.disabled).active, 

.btn-outline-grey-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-grey-secondary.dropdown-toggle {
	color: #212529;
	background-color: #999;
	border-color: #999
}
.btn-outline-grey-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-grey-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-grey-secondary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,60%,.5)
}
.btn-outline-grey-tertiary {
	color: #e1e1e1;
	border-color: #e1e1e1
}
.btn-outline-grey-tertiary:hover {
	color: #212529;
	background-color: #e1e1e1;
	border-color: #e1e1e1
}
.btn-outline-grey-tertiary.focus, 
.btn-outline-grey-tertiary:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,88.2%,.5)
}
.btn-outline-grey-tertiary.disabled, 
.btn-outline-grey-tertiary:disabled {
	color: #e1e1e1;
	background-color: transparent
}
.btn-outline-grey-tertiary:not(:disabled):not(.disabled).active, 
.btn-outline-grey-tertiary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-grey-tertiary.dropdown-toggle {
	color: #212529;
	background-color: #e1e1e1;
	border-color: #e1e1e1
}
.btn-outline-grey-tertiary:not(:disabled):not(.disabled).active:focus, 
.btn-outline-grey-tertiary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-grey-tertiary.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,88.2%,.5)
}
.btn-outline-white {
	color: #fff;
	border-color: #fff
}
.btn-outline-white:hover {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}
.btn-outline-white.focus, .btn-outline-white:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)
}
.btn-outline-white.disabled, 
.btn-outline-white:disabled {
	color: #fff;
	background-color: transparent
}
.btn-outline-white:not(:disabled):not(.disabled).active, 
.btn-outline-white:not(:disabled):not(.disabled):active, 
.show>.btn-outline-white.dropdown-toggle {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}
.btn-outline-white:not(:disabled):not(.disabled).active:focus, 
.btn-outline-white:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-white.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem hsla(0,0%,100%,.5)
}

.btn-link{
	font-weight: 400;
	color: #5c7f92;
	text-decoration: underline
}
.btn-link:hover{
	color: #1a171b;
	text-decoration: underline
}
.btn-link.focus, 
.btn-link:focus {
	text-decoration: underline;
	box-shadow: none
}
.btn-link.disabled, 
.btn-link:disabled {
	color: #999;
	pointer-events: none
}


.btn-group-lg>.btn, 
.btn-lg {
	padding:.5rem 2rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius:.4rem
}
.btn-group-sm>.btn, 
.btn-sm {
	padding:.375rem .75rem;
	font-size:.875rem;
	line-height: 1.15;
	border-radius:.25rem
}
.btn-block {
	display: block;
	width: 100%
}
.btn-block+.btn-block {
	margin-top:.5rem
}



/* Amethyst */
.btn-amethyst {
	color: #fff;
	border-color: #838bb6;		
	background-color: #838bb6;
}

/* Azure */
.btn-azure {
	color: #fff;
	border-color: #00aae7;		
	background-color: #00aae7;
}

/* Black */
.btn-black {
	color: #fff;
	border-color: #1a171b;		
	background-color: #1a171b;
}

/* Crimson */
.btn-crimson {
	color: #fff;
	border-color: #a30654;		
	background-color: #a30654;
}

/* Green */
.btn-green {
	color: #fff;
	border-color: #76a519;		
	background-color: #76a519;
}

/* Grey */
.btn-grey {
	color: #fff;
	border-color: #a8aa81;		
	background-color: #a8aa81;
}

/* Indigo */
.btn-indigo {
	color: #fff;
	border-color: #035dad;		
	background-color: #035dad;
}

/* Maroon */
.btn-maroon {
	color: #fff;
	border-color: #a85e29;		
	background-color: #a85e29;
}

/* Malibu */
.btn-malibu {
	color: #fff;
	border-color: #5BC0DE;		
	background-color: #5BC0DE;
}


/* Olive */
.btn-olive {
	color: #fff;
	border-color: #7b8427;		
	background-color: #7b8427;
}

/* Orange */

.btn-orange{
	color: #fff;
	border-color: #ff6905;		
	background-color: #ff6905;
}

/* Purple */
.btn-purple {
	color: #fff;
	border-color: #841c80;		
	background-color: #841c80;
}

/* Red */
.btn-red {
	color: #fff;
	border-color: #d0202e;		
	background-color: #d0202e;
}

/* Seagreen */
.btn-seagreen {
	color: #fff;
	border-color: #00718a;		
	background-color: #00718a;
}

/* Steelblue 10 */
.btn-steelblue-10 {
	color: #1a171b;
	border-color: #eef1f4;		
	background-color: #eef1f4;
}

/* Steelblue 30 */
.btn-steelblue-30 {
	color: #1a171b;
	border-color: #ccd6dd;		
	background-color: #ccd6dd;
}

/* Steelblue 50 */
.btn-steelblue-50 {
	color: #fff;
	border-color: #99adb7;		
	background-color: #99adb7;
}

/* Steelblue 100 */
.btn-steelblue-100 {
	color: #fff;
	border-color: #5c7f92;		
	background-color: #5c7f92;
}

/* Turquoise */
.btn-turquoise{
	color: #fff;
	border-color: #31b9ab;		
	background-color: #31b9ab;
}

/* Violet */
.btn-violet {
	color: #fff;
	border-color: #b682b8;		
	background-color: #b682b8;
}

/* Yellow */
.btn-yellow {
	color: #fff;
	border-color: #f4c000;		
	background-color: #f4c000;
}

/* Yellowgreen */
.btn-yellowgreen {
	color: #fff;
	border-color: #c6da38;		
	background-color: #c6da38;
}


.btn-steelblue-10.focus, .btn-steelblue-10:focus, .btn-steelblue-10:hover,
.btn-steelblue-30.focus, .btn-steelblue-30:focus, .btn-steelblue-30:hover {
	color: #1a171b;
	 -webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}


.btn-amethyst.focus, .btn-amethyst:focus, .btn-amethyst:hover,
.btn-azure.focus, .btn-azure:focus, .btn-azure:hover,
.btn-black.focus, .btn-black:focus, .btn-black:hover,
.btn-crimson.focus, .btn-crimson:focus, .btn-crimson:hover,
.btn-green.focus, .btn-green:focus, .btn-green:hover,
.btn-grey.focus, .btn-grey:focus, .btn-grey:hover,
.btn-indigo.focus, .btn-indigo:focus, .btn-indigo:hover,
.btn-maroon.focus, .btn-maroon:focus, .btn-maroon:hover,
.btn-malibu.focus, .btn-malibu:focus, .btn-malibu:hover,
.btn-olive.focus, .btn-olive:focus, .btn-olive:hover,
.btn-orange.focus, .btn-orange:focus, .btn-orange:hover,
.btn-purple.focus, .btn-purple:focus, .btn-purple:hover,
.btn-red.focus, .btn-red:focus, .btn-red:hover,
.btn-seagreen .focus, .btn-seagreen:focus, .btn-seagreen:hover,
.btn-steelblue-50.focus, .btn-steelblue-50:focus, .btn-steelblue-50:hover,
.btn-steelblue-100.focus, .btn-steelblue-100:focus, .btn-steelblue-100:hover,
.btn-turquoise.focus, .btn-turquoise:focus, .btn-turquoise:hover,
.btn-violet.focus, .btn-violet:focus, .btn-violet:hover,
.btn-yellow.focus, .btn-yellow:focus, .btn-yellow:hover,
.btn-yellowgreen.focus, .btn-yellowgreen:focus, .btn-yellowgreen:hover {
	color: #fff;
	 -webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}
/*.btn-crimson.focus, 
.btn-crimson:focus {
box-shadow:0 0 0.5rem 0.1rem rgb(0 0 0 / 25%);
}*/






.glyphicon-download-alt, 
.glyphicon-envelope, 
.glyphicon-link,
.glyphicon-share, 
.fa-download, 
.fas.fa-envelope, 
.far.fa-envelope, 
.fa-link{
    color: #99adb7;
}

.heading-style-1{
	border-left:10px #00aae7 solid;
	padding-left:10px;
}

/* Amethyst */
.border-amethyst {
	border-color: #838bb6 !important;
}

/* Azure */
.border-azure {
	border-color: #00aae7 !important;
}

/* Black */
.border-black {
	border-color: #1a171b !important;
}

/* Crimson */
.border-crimson {
	border-color: #a30654 !important;
}

/* Green */
.border-green {
	border-color: #76a519 !important;
}

/* Grey */
.border-grey {
	border-color: #a8aa81 !important;
}

/* Indigo */
.border-indigo {
	border-color: #035dad !important;
}

/* Maroon */
.border-maroon {
	border-color: #a85e29 !important;
}

/* Olive */
.border-olive {
	border-color: #7b8427 !important;
}

/* Orange */
.border-orange{
	border-color: #ff6905 !important;
}

/* Purple */
.border-purple {
	border-color: #841c80 !important;
}

/* Red */
.border-red {
	border-color: #d0202e !important;
}

/* Seagreen */
.border-seagreen {
	border-color: #00718a !important;
}

/* Steelblue 10 */
.border-steelblue-10 {
	border-color: #eef1f4 !important;
}

/* Steelblue 30 */
.border-steelblue-30 {
	border-color: #ccd6dd !important;
}

/* Steelblue 50 */
.border-steelblue-50 {
	border-color: #99adb7 !important;
}

/* Steelblue 100 */
.border-steelblue-100 {
	border-color: #5c7f92 !important;
}

/* Turquoise */
.border-turquoise{
	border-color: #31b9ab !important;
}

/* Violet */
.border-violet {
	border-color: #b682b8 !important;
}

/* Yellow */
.border-yellow {
	border-color: #f4c000 !important;
}

/* Yellowgreen */
.border-yellowgreen {
	border-color: #c6da38 !important;
}

/* White*/
.border-white {
	border-color: #fff !important;
}




/* Forms
--------------------------------------------- */


::placeholder {
      font-style: italic;
	  color: #999;
    }
/*.form-control, .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox) {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.7rem + 2px);
  padding: 0.35rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.5;
  color: #1a171b;
  background-color: #eef1f4;
  background-clip: padding-box;
  border: 1px solid #999;
  border-radius: 0.25rem;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control, .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox) {
      transition: none; } }
  .form-control::-ms-expand, .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox)::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:-moz-focusring, .formPrimary .wpcf7-form-control:-moz-focusring:not(.wpcf7-checkbox) {
    color: transparent;
    text-shadow: 0 0 0 #1a171b; }
  .form-control:focus, .formPrimary .wpcf7-form-control:focus:not(.wpcf7-checkbox) {
    color: #1a171b;
    background-color: #eef1f4;
    border-color: #a6bcc7;
    outline: 0;
    box-shadow: none, 0 0 0 0.2rem rgba(92, 127, 146, 0.25); }
	
  .form-control::-webkit-input-placeholder, 
  .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox)::-webkit-input-placeholder, 
  .form-control::-moz-placeholder, 
  .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox)::-moz-placeholder, 
  .form-control:-ms-input-placeholder, .
  formPrimary .wpcf7-form-control:not(.wpcf7-checkbox):-ms-input-placeholder , 
  .form-control::-ms-input-placeholder, 
  .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox)::-ms-input-placeholder , 
  .form-control::placeholder, 
  .formPrimary .wpcf7-form-control:not(.wpcf7-checkbox)::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, 
  .formPrimary .wpcf7-form-control:disabled:not(.wpcf7-checkbox), 
  .form-control[readonly], 
  .formPrimary .wpcf7-form-control[readonly]:not(.wpcf7-checkbox) {
    background-color: #e9ecef;
    opacity: 1; }

*/



.worldsteel-form label{
	display:block;
    margin-bottom: 15px;
    max-width: 100%;    
    font-weight: 700;
}
.worldsteel-form label span.wpcf7-form-control-wrap, 
.worldsteel-form span.input-group-text{
	margin-top: 5px;
	display:block;
}
.worldsteel-form .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 0px);
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

.worldsteel-form textarea.form-control {
    height: auto;
}

.worldsteel-form .form-control.wpcf7-not-valid{
	border-color: #dc3232;
}

.wpcf7 form.invalid.worldsteel-form .wpcf7-response-output, 
.wpcf7 form.unaccepted.worldsteel-form .wpcf7-response-output, 
.wpcf7 form.payment-required.worldsteel-form .wpcf7-response-output{
	border-color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
    font-weight: 700;
    padding: 0.5rem 1rem;
}

.worldsteel-form .form-control[multiple], 
.worldsteel-form .form-control[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.container{ /*max-width: 1200px;*/}



@media (min-width: 768px){
	.container { max-width: 750px;}
}
@media (min-width: 992px){
	.container {max-width: 970px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}

.site-header{background: #fff url(includes/img/bg.jpg) no-repeat top center;}
.site-branding {
	    height: 110px
;}


.social-media{
	/*height: 50px;*/
	margin: 5px
}

.social-media a {
	line-height: 0;
	font-size: 32px;
	color: #5c7f92;
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	margin: 0 3px
}

.social-media a:hover {
	color: #1a171b
}


html[lang="zh-hans"] .social-media a {
	font-size: 16px;
	padding: 2px;
	background-color: #5c7f92;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: color .2s linear;
	-o-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-webkit-transition: color .2s linear;
	margin: 0 3px;
	line-height: 32px
}


html[lang="zh-hans"] .social-media a:hover {
	background-color: #1a171b
}


.navbar-lang {margin: 5px}

.navbar-lang > div {
    border: 0;
    padding: 0px;
    clear: both;
}

.navbar-lang li a {
	border-left: 1px solid #ccc;
	font-weight: 400
}

.navbar-lang a.active,
.navbar-lang li.wpml-ls-current-language a  {
	color: #1a171b
	}

.navbar-lang a:hover {
	text-decoration: underline
}
.navbar-lang li:first-child  a,
.navbar-lang li.wpml-ls-first-item  a{
	border-left: none
} 

.members-login {
	margin: 0px 0 0 12px/**/
}

@media (max-width: 992px) {
	.members-login {
		margin: 7px 0 0 12px/**/
	}
}

/* Main Navigation */

.header-nav{
	font-size:1rem;
	font-weight: 400;}
 
.header-nav .dropdown-toggle::after{
	display:none;
}

.header-nav .dropdown-menu{
	margin-top: -0.3rem;
    border-radius: 0 0 0.375rem 0.375rem;
	border: 1px solid rgba(0,0,0,.15);
    border-top: 5px solid #5c7f92;
	left: 50%;
	transform: translateX(-50%);	
	font-size: 14px;

	-webkit-box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,.175);
    box-shadow: 0 0.375rem 0.75rem rgba(0,0,0,.175);
    


	
	
}
.header-nav .dropdown-menu a{
	color: #5c7f92;
    }

.header-nav .dropdown-item.active, 
.header-nav .dropdown-item:active,
.header-nav .dropdown-item:focus, 
.header-nav .dropdown-item:hover {
    color: #1a171b;
    text-decoration: none;
    background-color:transparent;
}



.header-nav .dropdown-item{
	padding: .35rem .75rem;
	text-decoration: none;
}

#menu-seach a i.fa {
	font-size: 1.125rem;	
	color: #99adb7
}

#menu-seach.show,
#menu-seach:hover {
	color: #5c7f92
}


#menu-seach .dropdown-menu.menu-seach-form.dropdown-menu-right{
	transform: inherit !important;
	right:0rem;
    left: auto !important;
    border-top: 0px solid #5c7f92;
	padding:0px 1.5rem 0 0;
}


#menu-seach .searchform {
	min-width: 300px;
	width: 300px;
	line-height: 18px;
	padding: 1rem .5rem .5rem;
}

#menu-seach .searchform .input-group {
    background: #eef1f4;
    overflow: hidden;
}


#menu-seach .searchform #s {
	background: #eef1f4;
	border: 0;
	color: #1a171b;
    overflow: hidden;
}
#menu-seach .searchform #s:focus{
        box-shadow: none;
}

#menu-seach .searchform button {
	font-size: 1rem;
	color: #999;
}

.navbar-toggler{
    background-color: #5c7f92;
    border: none;
    /*margin-top: 38px;*/
}
.navbar-toggler .navbar-toggler-icon {
    background-image: 
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");


}

/* End Main Navigation */


/* Breadcrumbs*/
.site-breadcrumbs{
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .8125rem;
    font-weight: 400;
    color: #999;
	}
.site-breadcrumbs .breadcrumb_last {
    color: #5c7f92;
}	

.breadcrumb-separator {
    color: #999;
    margin: 0 .33333rem;
}

.breadcrumb {
    padding: 0rem;
    margin-bottom: rem;
    background-color: transparent;
    border-radius: 0rem;
}


.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #999;
    content: ">";
}

/* End Breadcrumbs*/

.site-main{
	margin-bottom: 1.5rem!important;
	}
.home .site-main{
	margin-bottom: 0rem!important;
	} 	
	
.main-content{
	/*padding:2rem;
	padding: 45px 45px 30px 45px;*/}


.homepage-footer{
	background-color: #99adb7;
	line-height:1.65;}
	
.homepage-footer h4 {
    font-family: 'Open Sans Condensed',sans-serif;
}

.homepage-footer #facts-figures {
	 padding-left: 45px
}

.homepage-footer .facts-figures-item {
	padding-bottom: 5px
}

.homepage-footer #facts-figures img {
	margin-bottom: 0;
	margin-top: -5px;
	margin-left: 5px
}

.homepage-footer #facts-figures .fig {
	color: #fff;
	font-size: 36px;
	margin-bottom: 0;
}

.homepage-footer #facts-figures .fact {
	color: #fff;
	font-weight: 500
}

@media (max-width:768px) {
	.homepage-footer #facts-figures {
		 padding-left: 0px
	}
	}


.site-footer{
	background-color: #5c7f92;
	line-height:1.65;}
	
.site-footer a, 
.site-footer a.link, 
.site-footer a.visited,
.homepage-footer a, 
.homepage-footer a.link, 
.homepage-footer a.visited {
    color: #fff;
    text-decoration: none;
}

.site-footer p,
.homepage-footer p {
    color: #fff;
    line-height: 24px;
}


.social-media-footer{
	font-size: 32px;
	margin-top: 8px;
}

.social-media-footer .fa-instagram {
	color: #5c7f92
}

.social-media-footer svg,
.social-media svg {
	fill: #ffffff;
	transition: fill .3s ease-in-out;
}

.social-media svg {
    fill: #035dad;
}

.social-media-footer a:hover svg {
	fill: #000000
}


 #newsletter-subscribe {
	margin-top: 64px
}

 #newsletter-subscribe h5 {
	color: #fff;
	font-size: 25px
}

 #newsletter-subscribe form {
	padding-left: 0
}

#newsletter-subscribe .form-group {
	padding: 0 8px 0 0
}

#newsletter-subscribe .form-control {
	height: 32px;
	border: none
}

#newsletter-subscribe .btn{
	background-color: #396176
}




/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
#main-carousel,
.banner-carousel{}
#main-carousel .carousel-inner,
.banner-carousel .carousel-inner {
	width: 100%;
	max-height: 350px!important;
	overflow:hidden;	
}

#main-carousel .carousel-caption,
.banner-carousel .carousel-caption {
	opacity: .88;
}

#main-carousel .carousel-caption,
.banner-carousel .carousel-caption {
	width: 350px;
	height: 350px;
	top: 0;
	left: 0;
	z-index: 10;
	/*padding: 30px 30px 30px 30px;*/
	padding: 1.5rem;
	color: #fff;
	text-align: left;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: table-cell;
	vertical-align: bottom
}

#main-carousel .carousel-caption h3,
.banner-carousel .carousel-caption h3 {
	font-size: 26px;
	color: #fff;
	line-height: 1.3;
	margin-top: 0
}

#main-carousel .carousel-caption hr,
.banner-carousel .carousel-caption hr{
	border-top: 1px solid rgba(255, 255, 255, .5);

}

#main-carousel .carousel-caption a,
#main-carousel .carousel-caption p,
.banner-carousel .carousel-caption a,
.banner-carousel .carousel-caption p {
	font-size: 18px;
	color: #fff
}
#main-carousel .carousel-caption-credit,
.banner-carousel .carousel-caption-credit{
	position:absolute;
    bottom: 0rem;
    right: 0rem;
    z-index: 11;
    filter: contrast(0);
}


#main-carousel .carousel-indicators,
.banner-carousel .carousel-indicators {
	text-decoration: none
}

#main-carousel .carousel-indicators,
.banner-carousel .carousel-indicators {
	bottom: 0;
	z-index: 15;
	list-style: none;
	left: 20px;
	right:auto;
	width: auto;
	margin-left: 8px;
	text-align: left
}

#main-carousel .carousel-indicators li,
.banner-carousel .carousel-indicators li{
	width: 13px;
	height: 13px;
	margin: 1px 6px 1px 1px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

#main-carousel .carousel-indicators .active,
.banner-carousel .carousel-indicators .active {
	background-color: #55788e;
	background-color: rgba(85, 120, 142, 1);
}

#main-carousel .carousel .carousel-control,
.banner-carousel .carousel .carousel-control {
	opacity: 0
}

#main-carousel .carousel .carousel-control:hover,
.banner-carousel .carousel .carousel-control:hover {
	opacity: 1
}

#main-carousel .carousel-fade .carousel-inner .carousel-item,
.banner-carousel .carousel-fade .carousel-inner .carousel-item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

#main-carousel .carousel-fade .carousel-inner .active,
.banner-carousel .carousel-fade .carousel-inner .active{
	opacity: 1
}

#main-carousel .carousel-fade .carousel-inner .active.left,
#main-carousel .carousel-fade .carousel-inner .active.right,
.banner-carousel .carousel-fade .carousel-inner .active.left,
.banner-carousel .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}

#main-carousel .carousel-fade .carousel-inner .next.left,
#main-carousel .carousel-fade .carousel-inner .prev.right,
.banner-carousel .carousel-fade .carousel-inner .next.left,
.banner-carousel .carousel-fade .carousel-inner .prev.right {
	opacity: 1
}

#main-carousel .carousel-fade .carousel-control,
.banner-carousel .carousel-fade .carousel-control {
	z-index: 2
}

/*@media (min-width:992px) and (max-width:1199px) {
	.carousel-inner {
		max-height: 288px!important
	}
	.carousel-caption {
		width: 310px;
		padding: 20px;
		line-height: 1.2
	}
	.carousel-caption h3 {
		font-size: 23px;
		line-height: 1.2;
		margin-top: 0
	}
}*/

#main-carousel .carousel-caption.curve-side,
.banner-carousel .carousel-caption.curve-side {
	padding-right: 0rem;
}

#main-carousel .carousel-caption.curve-side:before,
.banner-carousel .carousel-caption.curve-side:before {
	content:'';
	position:absolute;
	width:200%;
	height:200%;
	background: inherit;
	z-index:-1;
	top:-50%;
	left:-85%;
	/*transform: translate(-50%);*/	
	border-radius:50%;	
}

@media (max-width:768px) {

	#main-carousel .carousel-inner,
	.banner-carousel .carousel-inner {
		width: 100%;
		max-height: 420px!important
	}
		
	#main-carousel .carousel-caption h3,
	.banner-carousel .carousel-caption h3 {
		font-size: 20px;
	}
	#main-carousel .carousel-caption a,
	#main-carousel .carousel-caption p,
	.banner-carousel .carousel-caption a,
	.banner-carousel .carousel-caption p {
		font-size: 16px;
	}	
		
	#main-carousel .carousel-caption,
	.banner-carousel .carousel-caption {
		width: 100%;
		height:220px;
		opacity: 1;
		position:relative;
		padding: 2rem 1rem;
		right:auto;
		bottom:auto;
		left:auto;
		top:auto;
		display:block;
	}
	
	#main-carousel .carousel-caption-credit,
	.banner-carousel .carousel-caption-credit{
		bottom:auto;
		top:0rem
	}	
		
	#main-carousel .carousel-indicators,
	.banner-carousel .carousel-indicators {
		width: 100%;
		text-align: center;
		left:0;
		right:0;
		margin-left:0px;
		margin-right:0px;
	}	
	
	#main-carousel .carousel-caption.curve-side,
	.banner-carousel .carousel-caption.curve-side {
		padding-right: 1.5rem;
	}
	
	#main-carousel .carousel-caption.curve-side:before,
	.banner-carousel .carousel-caption.curve-side:before {
		display:none;	
	}

}

@media (max-width:576px) {
	#main-carousel .carousel-caption,
	.banner-carousel .carousel-caption{
		height:260px;

	}
	
	#main-carousel .carousel-caption h3,
	.banner-carousel .carousel-caption h3 {
		font-size: 18px;
	}
	#main-carousel .carousel-caption a,
	#main-carousel .carousel-caption p,
	.banner-carousel .carousel-caption a,
	.banner-carousel .carousel-caption p {
		font-size: 14px;
	}	
	
}


/*
@media (max-width:767px) {
	#main-carousel {
		display: none
	}
}*/


/*Title box*/


/*End Title box*/

/*End Title box*/

/*Image*/
.figure-image{
	position:relative;
	/*display:table;*/
}
.figure-image figcaption{
	position:relative;
	/*display:table-caption;*/
}

.figure-image figcaption .caption-bg{
	position:absolute; 
	width:100%; 
	height:100%; 
	display:block; 
	z-index:1; 
	top:0; 
	left:0;
	opacity:0.88;
	}

.figure-image figcaption .caption-text{
	position:relative; 
	z-index:2
	}

.figure-image figcaption .caption-text span + small{
	margin-top:1rem;
}

.figure-image figcaption.figure-caption-top{
	position:absolute;
	bottom:0px;

}

.figure-image figcaption[class*='bg-']{
	background-color:transparent;
}


@media (max-width: 768px){
	.figure-image figcaption.figure-caption-top{
		position:relative;
		bottom:0px;
	
	}
}


.figure-image.img-size-1140x350 {
	padding-top: 30.701%;
}

.figure-image.img-size-690x360 {
	padding-top: 52.173%;
}

.figure-image.img-size-370x180 {
	padding-top: 48.6483%;
}


.figure-image[class*='img-size-'] img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;	 
}

.modal-zoom-large-photo-wrapper{
	position: relative;
	width:auto;
	max-width:1140px;
	height:auto;
	overflow:hidden;
	padding-top: 100%;}
	
.modal-zoom-large-photo{
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: 0 0 0;
	transition: transform 0.3s;
	transition-timing-function: ease-in-out;
	transform: translate(0,0) scale(1);
	top: 0;
	bottom: 0;
	left: 0;
	text-align:center;		
}
.zoom-out-cursor{
	cursor:zoom-out;
}

.zoom-in-cursor{
	cursor:zoom-in;
}
	


/*End image*/




/*Highlight box*/
.highlight-box {
	padding: 7px 10px;
	margin: 0 0 30px;
	position:relative;
}

.highlight-box h3 {
	margin: 5px
}

.highlight-box p {
	margin: 8px 5px 10px
}

.highlight-box-link:hover {
	opacity: .85;
	transition: opacity .3s;

	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s
}
/*End Highlight box*/


/* Image box */

.download-box {
	background-color: rgba(92, 127, 146, .15);
	display: block;
	padding: 7px 15px;
	min-height: 100px;
	position: relative;
}

.download-box:hover {
	background-color: rgba(92, 127, 146, .2)
}

.download-box h3 {
	margin-top: 15px;
	font-size: 24px
}

.download-box img {
	margin: 15px 0
}
@media (min-width: 768px){
	.download-box img {
		margin: 0
	}
	.download-box .download-box-image{
		height:190px;
		margin-bottom:15px;}
	
	.download-box .download-box-image >img{
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height:100%;
	}	
}
/* End Image box*/



/* Image List*/

.image-list .image-list-item {
	background: none repeat scroll 0 0 transparent;
	border-bottom: medium none;
	clear: none;
	height: 150px;
	margin-bottom: 15px
}

.image-list .image-list-item a {
	display: block
}

.image-list .image-list-item div {
	border: 1px solid #ccd6dd;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: 95px;
	margin-bottom: 10px;
	display: block;
}

.image-list .image-list-item a:hover div {
	border-color: #5f8194
}

.image-list .image-list-item h5 {
	padding: 0;
	margin: 0;
	color: #5f8194;
	font-size: 0.875rem;
	text-align: center
}

.image-list .image-list-item a:hover h5{
	text-decoration: underline
}

.image-list .image-list-item img {
	width: 100%;
	height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.image-list .mgnlPlaceholder {
	z-index: 0!important
}

/* End Image List*/



/* Newsletter box*/

.newsletter-form {
	padding: 7px 15px;
	margin: 0 0 30px
}

.newsletter-form h3 {
	font-size: 25px;
	margin-top: 10px
}

.newsletter-form input {
	margin-right: 5px;
	margin-bottom: 5px
}

.newsletter-form .form-group {
	margin-bottom: 10px
}

#mce-success-response,
.response {
	padding-bottom: 10px;
	color: #fff
}

/* End Newsletter box*/

/* Contact box*/


/*.contacts-wrapper {
	height: 250px
}

.contacts {
	list-style: none;
	min-height: 155px
}

.contacts-box-heading {
	height: 20px;
	font-weight: 700;
	margin-top: 10px
}*/

.contacts-box-column{
	display: flex;
	flex-flow: column;
}

.contacts-box ul {
	margin: 0
}

.contacts-box li {
	margin: 15px 0 5px
}

.contacts-box {
	margin-bottom: 30px;
	padding: 15px;
	clear: both;
	/*margin-top: 25px;*/
	display: flex;
	flex-flow: column;	
	flex: 1 1 auto;
}

.contacts-box-bg1 {
	background-color: #ccd6dd;
	color:#ffffff;
}

.contacts-box-bg2 {
	background-color: #e3e8ec;
	color:#ffffff;
}

.contacts-box h3 {
	margin-top: 10px
}

.contacts-box h4 {
	margin-top: 0!important
}

.contacts-box .contact-image {
	float: right!important;
	margin: 0 0 10px 10px;
	width: 70px!important;
	height: 90px!important;
}


.contacts-box .contact-image img {
	width: 100%;
	height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}



.contacts-box .bottom-contact {
	/*margin-top: 10px;*/
	overflow: hidden;
	position:relative;
	border:0;
}

.contacts-box .name {
	/*min-height: 50px;*/
	margin-bottom: 15px
}

.contacts-box .company,
.contacts-box .jobtitle {
	/*min-height: 60px;*/
	margin-bottom: 15px
}

.contacts-box .telephone,
.contacts-box .work-years {
	/*min-height: 25px*/
}

.contacts-box .telephone {
	/*float: left*/
	margin-bottom: 15px	
}

.contacts-box .email {
	/*float: right*/
	margin-bottom: 0px	
}

.contacts-box  h3 {
	margin-bottom: 13px
}

.contacts-box  .contacts {
	min-height: 100%;
}

 .contacts-box li.first {
	border-bottom: none
}

.contacts-box li.last {
	border-bottom: none
}

.contacts-box ul li a {
	color: #fff
}

/*.col-md-12 .contacts-wrapper {
	margin-bottom: 20px
}

.col-md-8 .contacts-wrapper {
	margin-bottom: 40px
}

.col-md-8 .contacts {
	height: 190px
}

.col-md-8 .jobtitle {
	min-height: 70px
}

.contacts-wrapper .bottom-contact {
	min-height: 40px
}

.contact-grid-area .mgnlPlaceholder {
	z-index: 0!important
}

*/


.sidebar .contacts-box li.first {
	border-bottom: none
}

.contacts-box li.last {
	border-bottom: none
}

.contacts-box ul li a {
	color: #fff
}

/* End Contact  box*/


/* Links and Downloads*/


.links-and-downloads {
	margin-bottom:1.5rem
}


.links-and-downloads.list-style a {
	border-bottom: 1px solid #99adb7;
	/*margin: 0 5px 0 5px;*/
	color: #5c7f92;
	padding: 6px 3px;
	display: block;
	text-decoration: none
}

ul.links li .meeting {
	color: #5c7f92;
	padding: 6px 3px;
	display: block;
	text-decoration: none
}

.links-and-downloads:not(.btn-style) a:hover {
	background-color: #eef1f4
}

.links-and-downloads .btn-style{}

/* End Links and Downloads*/


/* Tile Overview */

.tile-blocks-container >.row >.col {
    padding-bottom: 0.375rem;
}

.tile-block {
	/*color: #fff;
	display: block;
	width: 100%;*/
	padding:0.75rem;
	transition: all .4s ease-in-out;
	position:relative;	
	
}

@media (min-width:992px) {
	.tile-block {
		min-height: 280px;
	}
}


.tile-block h3 {
    font-weight: 400;
    /*overflow: hidden;*/
}

.tile-overview-subtitle {
	margin-bottom: 10px;
	font-size: 15px;
	height: 21px;
	overflow: hidden
}



.tile-block:focus,
.tile-block:hover {
	text-decoration: none;
	color: #fff
}

.tile-block:hover .tile-overview-chevron {
	background-color: #fff;
	color: #333
}



.tile-overview-chevron {
	margin-bottom: 12px;
	width: 22px;
	height: 22px;
	padding-top: 4px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	font-size: 10px;
	transition: all .4s ease-in-out
}


/* End Tile Overview*/

/* Accordion*/
.accordion .card-header {
	color: #333;
	border-color: #ddd;
	padding: 0.625rem 1rem;
	background-color: #f5f5f5;
	border-bottom: 1px solid rgba(0,0,0,.125);	
	
}


.accordion .card-header button {
	position: relative;
	font-weight: 400;
	color: #5c7f92;
	padding: 0rem;
	font-size: 1rem;
	line-height: 1.1;
	text-decoration: none;
}

.accordion .card-header button::after {
	content: "\f139";
	/*color: #333;*/
	top: -2px;
	right: 0px;
	position: absolute;
	font-family: "Font Awesome 5 Free";
	color: #5bc0de;
	font-size: 18px;
	line-height: 22px;
	font-weight: 900;
 }

.accordion .card-header button.collapsed::after {
	content: "\f13a";
	color: #5c7f92;
	
}

/* End Accordion*/

/* Document/Page Teaser*/
.doc-teaser-item{
	border-bottom: 1px solid #ccd6dd;
	color: #1a171b;
	position:relative;
	
	}
.doc-teaser-item h3 {
    font-weight: 500;
    margin-top: -4px;
}

.doc-teaser-item .doc-teaser-item-image {}
@media (min-width: 768px) {
	.doc-teaser-item:not(.doc-teaser-grid) .doc-teaser-item-image {max-width:270px;}
}
.doc-teaser-item .doc-teaser-item-image img {
	width: 100%;
	height: 100%;
	max-width:240px;
	max-height:240px;
  -o-object-fit: cover;
     object-fit: cover;
	 position:absolute;
	 top:0;
}

.doc-teaser-item.doc-teaser-grid .doc-teaser-item-image img{
	max-width:100%;
}

.flex-square{
    width: 100%;
	max-width:240px;
	position:relative;
	overflow:hidden;
	margin:auto;
}
.flex-square:before{
    content: "";
    display: block;
    padding-top: 100%;
}


.doc-teaser-item.doc-teaser-grid .doc-teaser-item-image .flex-square{
	max-width:100%;
	max-height:240px;
}


/* End Document/Page Teaser*/

/* Announcement Teaser*/

.announcement_teaser {
	border:0;
	/*height: calc(100% - 1rem);*/

	border-color: rgba(0,0,0,.075);
	border: none;
}
.announcement_teaser.announcement-shadow{
	box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 18%);
	transition: box-shadow .3s ease-in-out;}
	
.announcement_teaser.announcement-shadow:hover{
	box-shadow: 1px 1px 15px rgb(0 0 0 / 75%);}

.announcement_teaser .card-body{
	padding: 0rem; 
	}
.announcement_teaser .card-body h3,
.announcement_teaser .card-body p:last-child,
.announcement_teaser .card-body div.announcement_teaser-btn{
	    margin-bottom: 0rem;
}
.announcement_teaser .card-body h3 + p,
.announcement_teaser .card-body h3 + *,
.announcement_teaser .card-body p + div.announcement_teaser-btn,
.announcement_teaser .card-body h3 + div.announcement_teaser-btn{
    margin-top: 1rem;
}

.announcement_teaser .card-body p a {
    color: currentColor;
    text-decoration: underline;
}

.announcement_teaser .card-body p a:hover {
    color: #000;
}

.announcement_teaser img.card-img-left {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.announcement_teaser .share-dialog-box{
	position: absolute;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
    /*top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;*/
    transition: 500ms ease-in-out;
    opacity: 0;
    color: #ddd;
    z-index: -1;
}
	
.announcement_teaser .share-dialog-box.active {
    opacity: 1;
    cursor: default;
    z-index: 10;
}

.announcement_teaser .share-dialog-box button.close{
	position:absolute;
	top:5px;
	right:10px;
}

.share-dialog-box-btn{
	color:#fff;
}

a.share-dialog-box-btn:hover,
a.share-dialog-box-btn:focus,
a.share-dialog-box-btn:active {
	outline: 0;
}

/* End Announcement Teaser*/

/* News items*/

.news-items-blocks{}
.news-items-blocks >.row >.col{
	padding-bottom:0.375rem;
}
.news-items-blocks .card{
	border-color: rgba(0,0,0,.075);
	/*padding: 0 0 .75rem;*/
	border: none;
	box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 18%);
	transition: box-shadow .3s ease-in-out;
}

.news-items-blocks .card:hover{
	box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);}


.badge {
    display: inline-block;
    padding: .3em 1em;
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1.5;
    margin-right: .5rem;
}

.date {
    color: #999;
}

.news-items-blocks .card a{
	text-decoration: none;
}


.publications{}

.publications .owl-item{
	position:relative;
	height:100%;
	}
.publications .owl-item .card{
	min-height: 320px;
}
 .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-bottom:1rem
}
.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}


.publications .card-footer{}


.videos .owl-item .card{
	min-height: 240px;
	color: #ccd6dd;
}



/* Video Carousel*/
.overlay-tudou > img {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;	
  
}

.overlay-tudou img.play-btn {
	position: absolute;
	z-index: 2;	
	width: 50px;
	display: block;
	border: 0;  
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	

  
}



/* End Video Carousel*/


/* Quick links */

.quicklink-item {}

.quicklink-item:hover .q-from-top {
	top: 0
}

.q-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-weight: 300;
	overflow: hidden;
	width: 100%;
	text-decoration: none
}

.q-link:hover .q-animate {
	visibility: visible
}

.q-link .q-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	overflow: hidden
}

.q-from-top {
	position: relative;
	top: 100%;
	background-size: 100% 100%;
	margin: 0;
	min-height: 235px
}

.q-from-top span {
	padding: 3.5em 0 0
}

.q-animate {
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	visibility: hidden;
	font-size: 1.1em;
	font-weight: 700
}

.q-animate .q-title {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 21px;
	padding: 15px 10px 5px;
	display: block;
	font-weight: 700;
	line-height: 1.2
}

.q-animate .q-text {
	font-size: 13px;
	line-height: 1.2;
	padding: 5px 10px;
	display: block;
	font-weight: 300;
}

@media (min-width:992px) and (max-width:1199px) {
	.q-animate .q-title {
		font-size: 12px;
		padding: 5px
	}
	.q-animate .q-text {
		font-size: 11px;
		padding: 5px
	}
}

@media (max-width:991px) {
	.q-from-top {
		display: none
	}
}

@media (max-width:480px) {
	.quicklink-item {
		padding: 0 15px 15px 15px;
	}
}

table,
.table{
	color: #1a171b;
    font-weight: 500;
	table-layout:auto;
}

table.table-padding-small td, 
table.table-padding-small th
.table.table-padding-small td, 
.table.table-padding-small th {
    padding: .5rem;
}

table.table-padding-smaller td, 
table.table-padding-smaller th
.table.table-padding-smaller td, 
.table.table-padding-smaller th {
    padding: .25rem;
}

table.table-padding-none td, 
table.table-padding-none th
.table.table-padding-none td, 
.table.table-padding-none th {
    padding: 0rem .25rem;
}

.table td, 
.table th {
	border-top: 1px solid #ddd;
}

.tablepress tfoot th, 
.tablepress thead th,
table th,
.table th{background-color: rgba(3, 93, 173, 1);
	color: #ffffff;}

table th.blue-th,
table .blue-th,
.table th.blue-th,
.table .blue-th{background-color: #e5eaed !important;}


.table-striped>thead>tr{
	background-color: rgba(3, 93, 173, 1);
	color: #ffffff;
}


.table-striped tbody tr:nth-of-type(odd),
.table-striped>thead+tbody>tr:nth-of-type(even) {
    background-color: rgba(3, 93, 173, 0.1);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(3, 93, 173, 0.2);
}




.table-striped>thead+tbody>tr:nth-of-type(even) {
    background-color: #rgba(3, 93, 173, 0.1);
}

.table-striped>thead+tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-white-bordered td, .table-white-bordered th {
    border: 2px solid #ffffff;
}

.table-height-auto,
.table-height-auto tr, 
.table-height-auto td, 
.table-height-auto th {
    height:auto !important;
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}
	.table-responsive>.table {
		margin-bottom: 0;
		width: 100% !important;
	}
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}


/* Blockquote*/

.blockquote {
	margin-bottom: 3.75rem;
	color: #5c7f92;
	font-style:italic;
}

.blockquote.no-margin {

	margin-bottom: 0.625rem
}

.blockquote p {
	font-size: 1.25rem
}

.blockquote .fa {
	color: #ccd6dd
}

.blockquote cite {
	
}

.side-bar .blockquote p {
	font-size: 1.125rem
}


blockquote:not(.blockquote){
	border-left: 4px solid #1a171b;
    padding-left: 1rem;
    margin: 0;
	margin:2rem 0rem
}

blockquote:not(.blockquote) cite {
    display: block;
    font-size: 80%;
    color: #999;
}

blockquote:not(.blockquote) cite:before {
    content: "\2014\00A0";
}


/*End Blockquote*/

/* Sub Navigation*/

.subnav-years .btn {
	margin: 0 6px 12px 0/**/
}

.is-sticky .subnav-years{
	padding-top:12px;
	background:#fff;
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;	
}

.subnav-years .dropdown-menu {
    margin-top: -0.3rem;
    border-radius: 0 0 0.375rem 0.375rem;
    border: 1px solid rgba(0,0,0,.15);
    border-top: 5px solid #5c7f92;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    -webkit-box-shadow: 0 0.375rem 0.75rem rgb(0 0 0 / 18%);
    box-shadow: 0 0.375rem 0.75rem rgb(0 0 0 / 18%);
	width:200px;
}

.subnav-years .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.35rem 0.75rem;
    clear: both;
    font-weight: 400;
    color: #5c7f92;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	white-space:normal;
}

.subnav-years .dropdown-item.active, 
.subnav-years .dropdown-item:active, 
.subnav-years .dropdown-item:focus, 
.subnav-years .dropdown-item:hover {
    color: #1a171b;
    text-decoration: none;
    background-color: transparent;
}

.highcharts-title {
	/*font-family: 'Open Sans', sans-serif;	
    fill: #5c7f92;
    font-weight: 300;
    font-size: 1.5rem;
	line-height: 1.1;*/
}

.highcharts-subtitle {
    /*font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    fill: #5c7f92;
	font-size: 1.2rem;
	line-height: 1.1;*/
}

/*End Sub Navigation*/

/* Highcharts */
.highcharts  ul li:before, 
.highcharts  ul.unordered-list li:before {
	display:none;
}

/* End Highcharts*/

/* Column Split */

.col-slide-line{
	padding-left: 35px;
}

.col-slide-line:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px /*0*/;
    width: 15px /*10px*/;
	border-left-width: 0.625rem /*0.5rem*/;
	border-left-style:solid;
	border-color: inherit;
    height: 100%;
}

.col-slide-line[class*='bg-']{
	background-color:transparent;
}



/* End Column Split */


/* Navigation
--------------------------------------------- */
@media (max-width: 992px) {
   /* .navbar-collapse {
		
		background-color: #5c7f92;


        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
		
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1030;
  overflow-y: auto;
  width: 300px;
  height: auto;
  
        transition: all 0.3s ease;
        display: block;
		
		
    color: #fff;
    
		
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-right: 50%;
        transition: all 0.3s ease;
        display: block;
    }
    .navbar-collapse.show {
        right: 0;
    }
	
	*/
	

	.offcanvas-collapse {
		position: fixed;
		top: 0px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #343a40;
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	}
	.offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	.navmenu  {
		z-index: 2000;
		padding-top: 31px;
		float: right;
		background: #5c7f92;
		padding: 30px  30px 30px 30px;
		overflow: auto;
		width: 300px;
		height: auto;
	}	
	
	.navmenu .navbar-nav {
		margin: 0 7.5px 0;
	}	
	
	.navmenu .navbar-nav>li>a{
    	color: #fff;
	font-size: 18px;
    font-weight: 400;
    padding: 10px  10px 10px 0;	
	border-bottom: 1px solid #99adb7;
	height: 40px;	
	}
	
	.navmenu .navbar-nav li .dropdown-menu{
		background-color: #fff!important;
		width: auto;
		border: 0;
		border-radius: 6px;
		border-top-left-radius: 0;
   		border-top-right-radius: 0;
		left:auto;
	    transform:none;
	    margin-top: 0;
	}
	.navmenu .navbar-nav li.dropdown.menu-item-has-children > a:after {
		content: "";
		display: inline-block;
	    width: 0;
    	height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
		border-top: 4px dashed;
		border-right: 4px solid transparent;
	    border-left: 4px solid transparent;
		}
	
	.navmenu .navbar-nav li.show .dropdown-menu.show>li {
		display: block;
		border-bottom: 1px solid rgba(255,255,255,.2);
		background-color: transparent;
		color: #1a171b;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.navmenu .navbar-nav li.show .dropdown-menu.show>li>a {
		padding: 5px 15px 10px 20px;
		font-size: 18px;
		font-weight: 400;
		height: auto;
		text-transform: none;
		display: block;
		color: #5c7f92;
	}
	
	.navmenu .navbar-nav #menu-seach>a{
		display:none;
	}
	.navmenu .navbar-nav #menu-seach>.dropdown-menu{
		display:block;
		border-radius: 6px;
		padding: 0px;
		margin-top:10px;
	}
	
	.navmenu .navbar-nav #menu-seach .searchform{
		padding:0.5rem;
		width:auto;
		min-width:inherit;}
		
	.navmenu .navbar-nav #menu-seach .searchform button {
   		padding: 0.5rem;
	}
	
	/*.navbar-lang
	.navbar-lang a.active,
.navbar-lang li.wpml-ls-current-language a  {
	color: #1a171b
	}	*/	
	.navbar-lang{
	font-size: .875rem;
	}
	.wpml-ls-legacy-list-horizontal a{
	    padding: 2px 10px 2px;
	}
	.navbar-lang li:first-child a, 
	.navbar-lang li.wpml-ls-first-item a {
    padding: 2px 10px 2px 0px;

	}
	.navbar-lang a, 
	.navbar-lang li a {
		color: #fff;
	}	
	.navbar-lang a.active, 
	.navbar-lang li.wpml-ls-current-language a {
		color: #ccd6dd;
	}
			
}



/* Posts and pages
--------------------------------------------- */

figcaption {
    color: #99adb7;
	margin: 0.25rem 0 1.5rem;
}


/* News listing categories*/

.news-cateogry-listing{
	border-bottom: 1px solid #ccd6dd;
	padding: 1rem;
	color: #1a171b;
	position:relative;
}

.news-cateogry-listing.hover-item:hover {
	background-color: #eef1f4
}

.news-cateogry-listing:last-of-type{
	border-bottom: none
}

.news-cateogry-listing .news-date, 
.news-details .news-date{
	margin-bottom: 1.5rem;
	color: #99adb7
}

.news-cateogry-listing  .news-date span, 
.news-details .news-date span {
	padding-left: 5px;
	border-left: 1px solid #999
}

.news-cateogry-listing .readmore {
	font-weight: 500;
	color: #00a3dd
}

.news-cateogry-listing .glyphicon {
	color: #00a3dd
}
.categories-nav-side{}


.news-details{
	padding-bottom:1.5rem;
	margin-bottom:1.5rem
}

.bottom-line{
	border-bottom: 1px solid #ccd6dd;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem
}






ul.comment-list {
	list-style: none
}

ul.comment-list li:before {
	content: none
}

ul.comment-list  > li {
	margin-left: 15px;
	
}

ul.comment-list .comment-meta img {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#comments .comment-date,
#comments .comment-meta,
#comments .comment-meta img,
#comments .comment-name,
#comments .comment-reply-action {
	margin-right: 10px
}

#comments .comment-name {
	font-weight: 600
}

#comments .comment-content {
	padding: 0 20px 20px;
	margin: 0;
	border-left: 5px solid #eee;
	border-bottom: 5px solid #eee
}

#comments .children {
	border-left: 5px solid #eee;
	border-bottom: 5px solid #eee
}
#comments .children .comment-content {

	border-bottom: 0px solid #eee
}

#comments .comment-content

#comments .comment-reply-action {
	text-decoration: underline
}

#your-comment label {
	font-weight: 400;
	display: block
}

/* Sitemap */
.sitemap-container ul li:before{
	content:'';
	display:none;
}
/*.main-content ul li p,
.main-content ul.unordered-list li{
	display: inline-block;
}*/

.sitemap-container .sitemap-menu ul:not(.sub-menu){
	    margin: 0 0 0 0 !important;
		padding:0;
		display: flex;
		-ms-flex-wrap: wrap!important;
			flex-wrap: wrap!important;		
}

.sitemap-container .sitemap-menu ul:not(.sub-menu) > li{
	border-bottom: 1px solid #dee2e6!important;
-ms-flex-item-align: stretch!important;
    align-self: stretch!important;	
	flex: 0 0 33%;
	padding-bottom: 1rem!important;
	margin-bottom: 1.5rem!important;
}
.sitemap-container ul:not(.sub-menu) > li.menu-item-has-children > a{
	    color: #1a171b !important;
		font-weight: 700;	
}

@media (max-width: 768px){
	.sitemap-container .sitemap-menu ul:not(.sub-menu) > li{
		flex: 0 0 100%;
	}
}

/* End Sitemap */

/* Centra Navigation*/
.central_navigation a {
	background-color: #ccd6dd;
	transition: all .3s ease 0s
}
.central_navigation a:hover {
	background-color: #5bc0de;
}


/* End Centra Navigation*/

/* SDV - Steel Data Viewier
--------------------------------------------- */

.sdv-container [class*=col-]{
	-ms-flex: unset;
	flex: unset;
	max-width: inherit;
	position: relative;
	width: inherit;
	padding-right: inherit;
	padding-left:inherit;
}


.sdv-signup{
	padding: 10px 0;
}
.sdv-signup .form-row{
	margin-bottom: 20px!important;
}

.fixed-header indicator-selector.opened{ height: auto;
    /*height: calc(100vh - 75px);*/ }
/* Comments
--------------------------------------------- */

/* Widgets
--------------------------------------------- */

/* Media
--------------------------------------------- */

/* Captions
--------------------------------------------- */

/* Galleries
--------------------------------------------- */

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Owl */

.owl-nav {
	margin-top: 0px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	color: #99adb7;
	font-size: 32px;
}

.owl-nav [class*=owl-] {
	margin: 5px;
	padding: 4px 7px;
	background: 0 0;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-nav [class*=owl-]:hover {
	background: 0 0;
	color: #00aae7;
	text-decoration: none
}

.owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-dots {
	margin-top: 0;
	margin-bottom: 0px
}

.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background: #5c7f92
}

.owl-nav {
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height:100%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 32px;
	top:0;
		
}

.owl-next,
.owl-prev {
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
	margin: -15px auto auto!important
}

.owl-prev {
	float: left;
	left: -45px;
	font-size: 36px
}

.owl-next {
	float: right;
	right: -45px;
	font-size: 36px
	
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	font-family: "Font Awesome 5 Free";
}

.owl-carousel .owl-nav .owl-prev:before {
	content: "\f053";
	border-radius: 20px;
	padding-top: 15px
}

.owl-carousel .owl-nav .owl-next:after {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
}

@media (max-width:767px) {
	.owl-controls {
		display: none
	}
}




/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}


/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-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;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
       -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
          animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0';
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

.worldsteel-form .form-control.bootstrap-select{
    padding: 0rem;
}

.worldsteel-form .form-control.bootstrap-select .btn{
    padding: 0.375rem 0.75rem;
	border:0px;
    color: #555;
    background-color: transparent;
	font-size: 14px;	
	}


.worldsteel-form .form-control.bootstrap-select ul li:before,
.worldsteel-form .form-control.bootstrap-select ul.unordered-list li:before {
	display:none;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */

/** SDV subscriptions screens (stelios)**/
.sdv-company-details{
	margin-top: 26px;
	margin-bottom: 40px;
}
.sdv-company-details > div{
	margin-bottom: 4px;

}
.sdv-company-details > div > span{
	display: inline-block;
	width: 96px;
	font-weight: 500;
}

form.sdv-create-company{
	margin-top: 8px;
}
form.sdv-create-company .form-row{
	margin-bottom: 10px!important;
}
form.sdv-create-company button{
	margin-top: 10px!important;
}

.sdv-manage-subscription{
	margin-top: 20px;
}

.sdv-manage-subscription-expiration{
	margin: 20px 0 40px 0;
}

#sdv-manage-create-user-form{
	padding-top: 30px;
}
#sdv-manage-create-user-form .form-row{
	margin-bottom: 24px;
}
/** End SDV subscriptions screens (stelios)**/

/** Dev notice **/
.dev-notice{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #DC493A;
    color: #fff;
    text-align: center;
    padding: 20px;
    z-index: 1000;
    font-weight: bold;
    font-size: 20px;
}
.dev-notice a{
	color: #fff;
	text-decoration: underline;
}

/** Switch back to user **/
#user_switching_switch_on{
	background-color: #333;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    left: 0;
}

#user_switching_switch_on a{
	color: #fff;
	font-weight: bold;
}

/*AddThis*/
.atss,
.atss .at-share-btn {} 
.atss a{width:2pc}
.at-share-close-control {}

.addthis_32x32_style .at-icon{width:1pc !important;height:1pc !important}


/*reCAPTCHA*/
.rc-anchor-normal-footer {
    display: none !important;
}
.grecaptcha-badge { 
    visibility: hidden; 
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* Freezeframe JS*/
.freezeimg{
	cursor:pointer
	}
	
.ff-container .ff-overlay {
    max-width: 45px !important;
    max-height: 45px !important; 
    background-color: rgba(0,0,0,.25);
    border-radius: 5px !important;
    background-size: 35px 35px !important;
}

.page-id-29899 {}
.page-id-29899 #main-carousel .carousel-caption, 
.page-id-29899 .banner-carousel .carousel-caption,
.page-id-29899 .figure-image figcaption .caption-bg{
opacity: .95;	}

.page-id-29899 #main-carousel .carousel-caption.bg-yellow  h3, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow  h3,
.page-id-29899 #main-carousel .carousel-caption.bg-yellow a, 
.page-id-29899 #main-carousel .carousel-caption.bg-yellow p, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow a, 
.page-id-29899 .banner-carousel .carousel-caption.bg-yellow p,
.page-id-29899 .bg-yellow :not(small) {

    color: #1a171b;
}


/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR LIGHT ***************/
 
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi
    8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2
    VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaW
    VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2
    Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMC
    UiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD
    0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdm
    c+);
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
 
.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}
 
.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi
    8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2
    VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaW
    VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2
    Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMC
    UiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD
    0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdm
    c+);
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);
 
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }
 
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }
 
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
 
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }


/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }