@import url(https://fonts.googleapis.com/css?family=PT+Serif:700&subset=latin,cyrillic-ext,latin-ext,cyrillic);
    /*@import url(https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext);
    /* good colors: purple #9900ff, blue (default) #00549a, brown #996600




/* *************************************** */
    /* *             Selection page          * */
    /* *************************************** */
    
    @media only screen and (max-width: 991px) and (min-width: 767px) {
		button.navbar-toggle {
		font-size: 40px;
		display: block !important;
		top: -27px;
		left: 40px;
        }
    }    
    @media only screen and (max-width: 900px) and (min-width: 801px) {
        .searchOverImage {
            top: -320px !important;
        }
    }
    @media only screen and (max-width: 1001px) and (min-width: 901px) {
        .searchOverImage {
            top: -282px !important;
        }
    }
    @media only screen and (max-width: 1054px) and (min-width: 1001px) {
        .searchOverImage {
            top: -280px !important;
        }
    }
    @media only screen and (max-width: 1201px) and (min-width: 1055px) {
        .searchOverImage {
            top: -242px !important;
        }
    }
    @media screen and (min-width: 991px) and (max-width: 1200px) {
        .searchDivLargeScreens {
            position: relative;
            top: 38px;
            left: -236px;
        }
        .redButtonsArea {
            left: 68% !important;
        }
        .upperMockMenuForDesktopDiv {
            top: -87px !important;
        }
    }

    @media (min-width: 992px) {
        .container {
            width: 970px !important;
        }
    }
    
    @media (min-width: 1200px){
        .container {
            width: 1170px !important;
        }
    }
    .redButtonsArea {
        max-width: 325px;
    }
    .redButtonsArea .buttonSquare {
        font-size: 1.2em;
    }
    @media (min-width: 991px) {
        .navContainer {
            height: 216px !important;
        }
    }
    @media (max-width: 991px) {
        .dividerLine {
            display: none;
        }
        .shoppingArea {
            text-align: center;
            margin-bottom: 20px;
        }
        .topELinks {
            min-height: 100px;
            color: #00549a;
            margin-top: -75px;
        }
        .topELinks span,
        .topEcommercelinks {
            color: #00549a !important;
        }
        .searchArea {
            text-align: center;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            /*margin: 7.5px -15px;*/
            margin: 7.5px 50px 7.5px -15px
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        /* since 3.1.0 */
        .navbar-collapse.collapse.in {
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
        button.navbar-toggle {
            font-size: 40px;
            display: block !important;
            top: -27px;
            left: 40px;
        }
        .signInButton {
            left: -74px !important;
            position: relative;
        }
        button.navbar-toggle i {
            color: white;
        }
        button.navbar-toggle i#a1234 {
            color: red;
        }
    }
    .signInButton {
        left: -20px;
        position: relative;
    }
    .hiddenInitial {
        display: none;
    }
    .itemInCart {
        display: block !important;
    }
    .itemInCart i {
        color: red;
        font-size: 25px;
        position: relative;
        top: -75px;
        left: 21px;
    }
    .signInButton i {
        color: white;
        font-size: 40px;
    }
    @media only screen and (min-width:767px) {
        .mobileMainMenu ul li a {
            font-size: 0.8em !important;
            color: #000 !important;
        }
        .mobileMainMenu ul li {
            background-color: #fff !important;
            color: #000 !important;
        }
        .mobileMainMenu ul li.active a,
        .mobileMainMenu ul li a:hover {
            color: #00549a !important;
        }
        .dividerLine {
            position: relative;
            top: -38px;
        }
        #languageSelector {
            margin-left: 15px !important;
            margin-right: 15px !important;
            margin-top: 0px !important;
        }
    }
    #languageSelector button {
        background-color: transparent;
        border: 1px solid #444;
    }
    @media only screen and (max-width:450px) {
        ul.languageSelectionMenu {
            left: -100px;
        }
    }
    @media only screen and (max-width:768px) {
        .upperFontSizeSelection ol.noListType {
            margin-left: -30px;
        }
        .signInButton {
            left: -70px;
            position: relative;
        }
        button.navbar-toggle {
            font-size: 40px;
            top: 24px;
            left: 40px;
        }
    }
    .upperMockMenuForDesktopDiv {
        position: relative;
        top: -70px;
        left: 150px;
    }
    .upperMockMenuForDesktopDiv ul li {
        float: left;
        list-style: none;
        padding-left: 10px;
        padding-right: 10px;
    }
    .upperMockMenuForDesktopDiv ul li a {
        color: #000;
        font-size: 1.1em;
        font-weight: bold;
    }
    @media only screen and (max-width:1024px) {
        .upperMockMenuForDesktopDiv ul li a {
            font-size: 0.9em;
        }
        .upperMockMenuForDesktopDiv ul li {
            padding-left: 5px;
            padding-right: 5px;
        }
    }
    .upperMockMenuForDesktopDiv ul li.active a,
    .upperMockMenuForDesktopDiv ul li a:hover {
        color: #00549a;
    }

    .checkboxesList .custom-checkbox label,
    .checkboxesList .custom-radio label {
        font-size: 1em;
    }
    .checkboxesList .rwdtable-wrapper tbody th,
    td {
        padding-right: 25px;
    }
    .checkboxesList a {
        text-decoration: underline;
    }
    .searchResSelectionDiv {
        font-size: 15px;
    }
    #stackedrwdtable-menu-button,
    #stackedrwdtable-showall-button {
        display: none;
    }
    /* *************************************** */
    /* *               header                * */
    /* *************************************** */
    
    #currencySelector {
        margin-left: 10px;
    }
    .currencySymbol {
        color: #00549a;
    }
    .redButton {
        background-color: #d03203 !important;
        color: #fff;
        text-align: left !important;
        font-size: 1.4em;
        text-transform: uppercase;
    }
    .redButton i {
        padding-right: 15px;
    }
    @media (min-width: 768px) {
        .navbar-header {
            float: none;
            margin-top: 10px;
        }
    }
    .headerImageOverlayDiv {
        height: 15px;
    }
    .collapsible-heading,
    .collapsible-heading-collapsed {
        float: left;
    }
    .nav > li > a {
        color: black;
        font-weight: bold;
    }
    main {
        margin-top: -40px;
    }
    .topAccessibilityBar {
        height: 70px;
        background-color: #00549a !important;
        margin-top: -10px;
        padding-top: 10px;
    }
    .SunMoon i {
        font-size: 40px;
        color: white;
    }
    .SunMoon i.active {
        color: yellow;
    }
    .upperWCAGInfoButton {
        float: right;
        padding-right: 30px;
    }
    .marginTopToFitMenu {
        margin-top: 15px;
    }
    .fullWidth {
        width: 100%;
    }
    @media only screen and (max-width: 500px) {
        #stacked.table-condensed > tbody > tr > td {
            padding-left: 6% !important;
            padding-top: 30px !important;
        }
    }
    .fontSelectionImage {
        border: 3px solid transparent;
        border-radius: 100px;
    }
    .fontSelectionImage.active {
        border: 3px solid yellow;
        border-radius: 100px;
    }
    .mainLogo {
        padding: 10px 0 10px 0;
        max-width: 250px;
    }
    .metro {
        height: 120px;
        width: 120px;
        min-width: 120px;
        margin-bottom: 4px;
        display: inline-block;
        color: #FFF;
        position: relative;
        text-decoration: none;
        background-color: yellow;
    }
    .metro .icon {
        width: 80px;
        height: 80px;
        border: 3px solid #FFF;
        line-height: 85px;
        margin: 10px 20px 0px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        float: left;
    }
    .metro .icon i.fa,
    .metro .icon i.glyphicon {
        font-size: 36px;
        color: #FFF;
        margin-left: 18px;
        margin-top: 20px;
    }
    .metro .bottom {
        background-color: transparent;
        border: none;
        text-align: center;
        text-decoration: none;
    }
    .metro .bottom .text {
        font-weight: bold;
    }
    .metro:hover,
    .metro:focus {
        text-decoration: none;
        background-color: #ddd !important;
        color: #00549a;
    }
    @media (min-width: 1330px) {
        .mainLogo {
            max-width: 380px;
        }
        .topGrayNavHolder .mainLogo {
            max-width: 250px;
        }
        nav.gray .navbar-right {
            padding-top: 15px;
        }
    }
    @media (max-width: 600px) {
        .mainLogo {
            max-width: 180px;
        }
    }
    .topGrayNavHolder .upperFontSizeSelection {
        float: left;
    }
    .topGrayNavHolder .upperFontSizeSelection ol {
        padding-left: 0;
    }
    .bottom10 {
        margin-bottom: 10px;
    }
    .right10 {
        margin-right: 10px;
    }
    .marginTop40 {
        margin-top: 28px;
    }
    .marginTop25 {
        margin-top: 25px;
    }
    .fontSize {
        float: left;
    }
    .smallFont {
        font-size: 1.2em;
    }
    .medFont {
        font-size: 1.6em;
    }
    .noListType {
        list-style-type: none;
    }
    .largeFont {
        font-size: 2em;
    }
    nav.navbar-fixed-top {
        margin: 0 auto;
    }
    nav.navbar {
        width: 100%;
    }
    nav.gray .icon-bar {
        background-color: #fff;
    }
    nav.gray .navbar-toggle {
        border-color: #fff;
    }
    @media (max-width: 767px) {
        .topGrayNavHolder {
            height: 20px;
            width: 100%;
            position: fixed;
            top: 0;
            z-index: 1;
        }
        .iphoneDiv img {
            padding-top: 20px;
            margin: 0 auto;
        }
    }
    @media (min-width: 768px) {
        .navbar-collapse {
            width: 100%;
        }
        .topGrayNavHolder {
            height: 106px;
            width: 100%;
            position: fixed;
            top: 0;
            z-index: 1;
        }
        .bodyMarginForStickyMenu {
            margin-top: 100px;
        }
    }
    .gray .sr-only-focusable:active,
    .gray .sr-only-focusable:focus {
        color: yellow;
    }
    nav.gray a {
        color: #fff;
    }
    nav.gray ul li ul li a {
        color: #333;
    }
    nav.gray .nav .open > a,
    nav.gray .nav .open > a:hover,
    nav.gray .nav .open > a:focus {
        background-color: #00549a;
        border-color: #337ab7;
        color: #fff;
    }
    nav.gray .nav > li > a:hover,
    nav.gray .nav > li > a:focus {
        text-decoration: none;
        background-color: #00549a;
    }
    @media (max-width: 767px) {
        .navbar-nav {
            margin-top: 25px;
        }
        .gray .navbar-nav .open .dropdown-menu {
            background-color: #fff
        }
    }
    .navContainer {
        margin-top: -45px;
        margin-bottom: 00px;
        display: block;
        min-height: 182px;
    }
    .headImage {
        margin-bottom: 25px;
        width: 100%;
    }
    .navbar-nav > li.active {}
    .paddingTop30 {
        padding-top: 30px;
    }
    .pageTitle {
        padding: 8px 15px;
        padding-top: 0px;
        margin-bottom: 20px;
        list-style: none;
        /* background-color: #f5f5f5; */
        border-radius: 4px;
        color: #666;
        font-size: 1.8em;
        margin-top: 5px;
    }
    /* *************************************** */
    /* *      searchOverImage                * */
    /* *************************************** */
    
    .quickLinksMediaArea {
        background-color: #e0e1e2;
        padding: 20px;
        padding-top: 40px;
    }
    .blueHeader {
        color: #00549a;
    }
    .textOverImageDiv {
        display: none;
    }
    .searchOverImageColorCenter {
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: -400px;
    }
    .textOverImageTextLeftBlue {
        background-color: #00549a;
        color: #fff;
        font-weight: bold;
        opacity: 1, 00;
        padding: 40px;
        width: 55%;
        text-align: right;
        margin-top: 40px;
        min-height: 300px;
    }
    @media only screen and (min-width:801px) {
        .textOverImageDiv {
            display: inherit;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 30px;
        }
        .textOverImageText {
            background-color: #000;
            color: #fff;
            font-weight: bold;
            opacity: .7;
            padding: 40px;
        }
    }
    .searchOverImage {
        margin: 0 auto;
        text-align: center;
        position: relative;
        top: -240px;
    }
    .searchOverImage input {
        font-size: 1.3em;
        padding-left: 10px;
        padding-top: 5px;
        border: 3px solid gray;
        border-radius: 5px;
        width: 550px;
        margin-right: 10px;
    }
    .SearchBox {
        padding-left: 10px;
    }
    #headerSearchButtonOverImage {
        font-size: 1.3em;
        height: 50px;
        margin-top: -9px;
        width: 130px;
    }
    @media only screen and (min-width:381px) and (max-width: 649px) {
        .searchOverImage {
            top: -100px;
        }
        .searchOverImage input {
            width: 270px;
        }
        #headerSearchButtonOverImage {
            width: 90px;
        }
    }
    @media only screen and (max-width: 769px) {
        .textOverImageTextLeftBlue {
            min-height: 240px;
            font-size: 1.1em;
        }
        .searchOverImageColorCenter {
            top: -350px;
        }
    }
    @media only screen and (max-width: 767px) {
        .textOverImageTextLeftBlue {
            width: 100%;
            text-align: center;
        }
        .searchOverImageColorCenter {
            top: -80px;
            margin-bottom: 50px;
        }
        .marginTop165OnMobile {
            margin-top: 165px;
        }
    }
    @media only screen and (max-width: 380px) {
        .searchOverImage {
            top: -100px;
        }
        .searchOverImage input {
            width: 200px;
        }
        #headerSearchButtonOverImage {
            width: 90px;
        }
        .marginTop165OnMobile {
            margin-top: 200px;
        }
    }
    @media only screen and (min-width:650px) and (max-width: 1200px) {
     
        .searchOverImage input {
            width: 500px;
        }
        #headerSearchButtonOverImage {
            width: 110px;
        }
    }
    /* *************************************** */
    /* *               body                  * */
    /* *************************************** */
    
    body {
        font-size: 1.7em;
    }
    body.boxed .slider-portfolio {
        width: 96%;
        margin: 0 auto;
    }
    .dropdown-menu,
    .btn {
        font-size: 1em;
    }
    h4 {
        font-size: 1.4em;
    }
    h3 {
        font-size: 1.7em;
    }
    .DarkBarDiv h3 {
        font-weight: 100;
    }
    .ActionBarText {
        font-weight: 100;
        font-size: 1.1em;
    }
    .ActionBarDiv .btn {
        font-size: 1.3em;
        background-color: #00549a;
        border: 2px solid #fff;
        color: #fff;
        padding-top: 0.4em;
    }
    .ActionBarDiv .btn:hover,
    .ActionBarDiv .btn:focus {
        font-size: 1.3em;
        background-color: #fff;
        border: 2px solid #ddd;
        color: #00549a;
        padding-top: 0.4em;
    }
    .ContactUsroundButton {
	    	font-size: .9em;
			color: #00549a;
			padding-top: 0.4em;
            border-radius: 50px;
            padding-left: 20px;
            padding-right: 20px;
    }
    .buttonRound {
        padding: 0;
        color: #fff;
        margin: 20px 0;
        font-size: 40px;
        text-align: center;
        position: relative;
        background-color: #333;
        display: inline-block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #00549a;
    }
    .buttonRound.border-only {
        color: #00549a;
        border: 2px solid #00549a;
        background-color: #fff !important;
    }
    .buttonRound.border-only.red {
        border-color: #D80606;
        color: #D80606;
    }
    .buttonRound.border-only.green {
        border-color: #347534;
        color: #347534;
    }
    .buttonRound.border-only.purple {
        border-color: #9900ff;
        color: #9900ff;
    }
    .buttonRound.border-only.brown {
        border-color: #996600;
        color: #996600;
    }
    .buttonRound.border-only.darkGray {
        border-color: #444;
        color: #444;
    }
    .buttonRound.border-only.black {
        border-color: #000;
        color: #000;
    }
    .buttonRound.border-only:hover,
    .buttonRound.border-only:focus {
        font-size: 40px;
        background-color: #fff !important;
        border: 2px solid #ddd;
    }
    .buttonRound:hover,
    .buttonRound:focus {
        font-size: 40px;
        background-color: #fff !important;
        border: 2px solid #ddd;
        color: #00549a;
    }
    .buttonSquare {
        font-size: 1.3em;
        border: 2px solid #fff;
        color: #fff;
        padding-top: 0.4em;
    }
    .buttonSquare:hover,
    .buttonSquare:focus {
        background-color: #fff !important;
        border: 2px solid #ddd;
        color: #00549a;
        padding-top: 0.4em;
    }
    @media only screen and (max-width: 500px) {
        .buttonSquare:hover,
        .buttonSquare:focus {
            width: auto !important;
            display: table-cell;
        }
        .roundedButton {
            border-radius: 10px;
        }
        .roundButton {
            border-radius: 50px;
            padding-left: 20px;
            padding-right: 20px;
        }
        h2 {
            font-size: 1.9em;
        }
        .jumbotron h1,
        .jumbotron .h1 {
            font-size: 3em;
        }
        h1 {
            font-size: 2.1em;
            font-weight: 100;
        }
        .jumbotron h2,
        .jumbotron .h2 {
            font-weight: 100;
        }
        .jumbotron a,
        .jumbotron a:hover,
        .jumbotron a:focus {
            color: #fff;
            text-decoration: underline;
        }
        .social-site-name {
            color: #444;
            text-decoration: underline;
        }
        h5 {
            font-size: 1.4em;
        }
    }
    @media (min-width: 768px) {
        .lead {
            font-size: 1.4em;
        }
    }
    .adobeBlank {
        font-family: arial;
        font-size: 1rem;
        display: inline-block;
    }
    .ie8 .adobeBlank {
        clip: rect(1px, 1px, 1px, 1px);
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 0;
    }
    .ie8.ui-helper-nocustomfonts .adobeBlank {
        clip: auto;
        width: auto;
        height: auto;
        position: inherit;
        overflow: inherit;
    }
    @media (max-width: 768px) {
        .col-md-6,
        .col-md-4,
        .col-md-3,
        .col-md-2 {
            margin-bottom: 20px;
        }
    }
    .boxed {
        position: relative;
        margin: 0 auto;
        background: url('../images/back.jpg') repeat-y fixed;
        padding-bottom: 20px;
    }
    .boxed .boxedContainer {
        background-color: white;
        background-image: none;
    }
    @media (min-width: 768px) {
        .boxed {
            width: 750px;
        }
    }
    @media (min-width: 992px) {
        .boxed {
            width: 970px;
        }
        .downMargin {
            margin-top: 100px;
        }
    }
    @media (min-width: 1200px) {
        .boxed {
            width: 1170px;
        }
    }
    body,
    .ui-widget {
        font-family: arial, sans-serif;
        color: #111;
    }
    h1,
    h2,
    h3,
    h4 {
        font-family: arial, serif;
        font-weight: 700;
        color: #262626;
    }
    .btn-primary {
        background-color: #00549a;
    }
    h1,
    a {
        color: #00549a;
    }
    .center {
        text-align: center;
    }
    .bottomMargin50 {
        margin-bottom: 50px;
    }
    .bottomMargin25 {
        margin-bottom: 25px;
    }
    .spaced {
        line-height: 2em;
    }
    .alternate {
        background-color: #f9f9f9;
        padding-bottom: 30px;
        padding-top: 20px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .alternate a {
        color: #3358FF;
    }
    hr {
        width: 250px;
        border-top-style: dashed;
    }
    .ActionBarDiv {
        background-color: #00549a;
        color: #fff;
        font-weight: bold;
        font-size: large;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .DarkBarDiv {
        background-color: #252525;
        color: #fff;
        font-weight: bold;
        font-size: large;
        width: 100%;
        margin-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        min-height: 200px;
    }
    .DarkBarDiv.arrow-down:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 21px solid #252525;
        left: 50%;
        margin-left: -10px;
        bottom: -20px;
    }
    .arrow-down {
        border-top: 5px solid #252525;
        height: auto;
    }
    .DarkBarDiv.arrow-down {
        position: relative;
        /*padding: 60px 0;*/
    }
    .width300center {
        width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    @media (min-width: 975px) {
        .ActionBarText {
            margin-left: 60px;
        }
    }
    .ActionBarText {
        margin-top: 10px;
    }
    .notClients {
        max-width: 300px;
    }
    .colaFix {
        margin-top: 15px;
    }
    /*div.featured-box i.fa {
    padding: 0;
    color: #fff;
    margin: 20px 0;
    font-size: 40px;
    text-align: center;
    position: relative;
    background-color: #333;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #00549a;
}*/
    
    div.featured-box {
        padding: 23px;
        background: rgba(0, 0, 0, 0.01);
        text-align: center;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    div.featured-box.border-only i.fa {
        color: #00549a;
        border: 2px solid #00549a;
        background-color: #fff;
    }
    .work {
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
    }
    .work:hover,
    .work:focus {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
    .feature-list i.fa {
        color: #00549a;
        margin-right: 15px;
    }
    .feature-list h3 {
        letter-spacing: normal;
        line-height: 27px;
    }
    .alternate #boxes.products a.btn-primary {
        color: #fff !important;
    }
    .alternate a.btn-primary,
    .alternate a.btn-primary:hover {
        color: #fff;
    }
    .darkBarAfterAlternate {
        margin-top: -18px;
    }
    .jumbotron {
        margin: 0 0 50px 0;
        background-color: #2F4254;
        color: #fff;
    }
    .jumbotron a.btn {
        text-decoration: none;
        margin: 30px 0 30px 0;
        font-size: 1.5em;
    }
    .jumbotronCircle {
        margin: 0 auto;
        border: 3px solid #16A085;
        border-radius: 350px;
        padding: 40px 0;
        width: 300px;
    }
    .gray {
        background-color: #444;
    }
    .jumbotron.gray {
        background-color: #444;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding-bottom: 0;
    }
    .middle200 {
        width: 200px;
        margin: 0 auto;
    }
    .middle {
        margin: 0 auto;
    }
    .jumbotron .upperFontSizeSelection a {
        text-decoration: none;
    }
    .jumbotron nav a {
        text-decoration: none;
    }
    .jumbotron .nav .open > a,
    .jumbotron .nav .open > a:hover,
    .jumbotron .nav .open > a:focus {
        background-color: #00549a;
        color: #fff;
    }
    .jumbotron .nav > li > a:hover,
    .jumbotron .nav > li > a:focus {
        background-color: #00549a;
        color: #fff;
    }
    .jumbotronLower {
        height: 5px;
        background-color: #222;
        border-top: 1px solid #ddd;
        margin-top: 40px;
    }
    .placePhoneMiddle {
        padding-top: 75px;
        margin: 0 auto;
    }
    /* *************************************** */
    /* *             color-panel              * */
    /* *************************************** */
    
    .color-panel {
        margin-bottom: 0;
        position: relative;
        display: block;
        text-decoration: none;
        display: block;
        border: 2px solid #eaedf2;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 45px;
        margin-bottom: 30px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .color-panel:hover,
    .color-panel:focus {
        border: 2px solid #bbb;
    }
    .color-panel .color-panel-heading img {
        width: 100%;
        height: 150px;
        display: block;
        height: auto;
        max-width: 100%;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    .color-panel .color-panel-body {
        margin-top: 0px;
        padding-top: 40px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }
    .color-panel .color-panel-body p {
        margin-bottom: 0px;
    }
    .color-panel .color-panel-body .color-panel-icon {
        text-align: center;
    }
    .color-panel .color-panel-body .searchResSelectionDiv {
        text-align: center;
    }
    .color-panel .color-panel-body .searchResSelectionDiv button {
        font-size: 1.2em;
        background-color: white;
        color: #00549a;
    }
    .color-panel .color-panel-body .searchResSelectionDiv button:active,
    .color-panel .color-panel-body .searchResSelectionDiv button:focus,
    .color-panel .color-panel-body .searchResSelectionDiv button:hover {
        background-color: #00549a;
        color: white;
    }
    .color-panel .color-panel-body .color-panel-icon i.fa {
        margin-top: -35px;
        background-color: #00549a;
        border: 10px solid white;
        color: white;
        display: inline-block;
        font-size: 45px;
        line-height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        text-align: center;
    }
    .color-panel .color-panel-title {
        color: #fff;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
    }
    .color-panel .color-panel-body p {
        font-size: 1.3em;
        color: #fff;
        text-align: center;
        padding: 0 25px;
    }
    .color-panel .color-panel-body button {
        font-size: 1.5em;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .color-panel .color-panel-body button.fat {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .color-panel-green {
        background-color: #00549a;
        color: #000;
    }
    .color-panel-yellow {
        background-color: #fed15b;
        color: #000;
    }
    .color-panel-orange {
        background-color: #00549a;
        color: #000;
    }
    .color-panel-magenta {
        background-color: #009ada;
        color: #000;
    }
    .color-panel-aqua {
        background-color: #00549a;
        color: #000;
    }
    .color-panel-darkmagenta {
        background-color: #00549a;
        color: #fff;
    }
    .arrow-down {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #00549a;
        margin: 0 auto;
        margin-top: -13px;
    }
    @media only screen and (max-width: 700px) {
        .color-panel-heading {
            display: none;
        }
        .color-panel .color-panel-body {
            margin-top: 0px;
        }
    }
    /* *************************************** */
    /* *             half-panel              * */
    /* *************************************** */
    
    .half-panel {
        margin-bottom: 0;
        position: relative;
        display: block;
        text-decoration: none;
        display: block;
        border: 2px solid #eaedf2;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 45px;
        margin-bottom: 30px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 10px;
    }
    .half-panel:hover,
    .half-panel:focus {
        border: 2px solid #bbb;
    }
    .half-panel .half-panel-heading img {
        width: 100%;
        height: 150px;
        display: block;
        height: auto;
        max-width: 100%;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    .half-panel .half-panel-body .half-panel-icon {
        text-align: center;
    }
    .half-panel .half-panel-body .half-panel-icon i.fa {
        margin-top: -35px;
        background-color: #00549a;
        border: 10px solid white;
        color: white;
        display: inline-block;
        font-size: 45px;
        line-height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        text-align: center;
    }
    .half-panel .half-panel-title {
        color: #444;
        text-align: center;
        margin-top: 10px;
    }
    .half-panel .half-panel-body p {
        color: #444;
        text-align: center;
        padding: 0 25px;
    }
    .ui-widget-content a.buttonSquare {
        color: white !important;
    }
    .ui-widget-content a.buttonSquare:hover,
    .ui-widget-content a.buttonSquare:active,
    .ui-widget-content a.buttonSquare:focus {
        color: #347534 !important;
    }
    .custom-radio label {
        font-size: 1.0em;
    }
    .ui-tabs legend {
        font-size: 1.2em;
        margin-bottom: 0;
    }
    .priceText {
        font-size: 1.3em;
        font-weight: bold;
        text-align: center;
    }
    .productName {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 15px;
    }
    .productDesc {
        font-size: 0.9em;
    }
    .bigIcon {
        font-size: 30px;
    }
    @media (min-width: 1200px) {
        .checkoutTable td {
            min-width: 150px;
        }
        .checkoutTable td.slim {
            min-width: 75px;
        }
        .checkoutTable td.wide {
            min-width: 300px;
        }
    }
    .checkoutTable {
        width: 100%;
    }
    .checkoutTable tr {
        border: 2px solid black;
    }
    .checkoutTable caption {
        width: 100%;
        min-width: 300px;
        background-color: #f9f9f9;
        color: #000;
        font-weight: bold;
        padding-left: 10px;
        font-size: 1.3em;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    .checkoutTable caption i {
        margin-right: 15px;
    }
    .boxedPanel {
        border: 1px solid #ddd;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 5px;
    }
    .niceRoundedArea {
        border-radius: 5px;
        height: 45px;
        margin-bottom: 20px;
    }
    .price {
        font-weight: bold;
    }
    .checkoutSteps {
        margin-top: 30px;
    }
    .checkoutSteps i {
        margin-right: 10px;
    }
    .checkoutSteps sup,
    .checkoutTable sup {
        color: red;
    }
    .ui-widget button.buttonSquare {
        font-size: 1.3em;
    }
    .bold {
        font-weight: bold;
    }
    #tabs ul li i {
        margin-right: 10px;
    }
    .borderedTab {
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
        border-top: none !important;
    }
    .topELinks i {
        color: #fff;
        margin-right: 15px;
    }
    .topEcommercelinks {
        color: white;
    }
    .marginLeftSpacer {
        margin-left: 35px;
    }
    .marginLeftSpacer8 {
        margin-left: 8px;
    }
    .topEcommerceBlack {
        color: #000;
    }
    .topEcommercePart hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .topEcommercePart {
        text-align: center;
    }
    /* *************************************** */
    /* *      search result page             * */
    /* *************************************** */
    
    .searchResRow {
        border: 1px solid #333;
        margin-bottom: 10px;
    }
    .searchRow:hover,
    .searchRow:active,
    .searchRow:focus {
        border: 1px solid #000;
    }
    .searchResPrice {
        margin-top: 25px;
        font-weight: bold;
        font-size: 1.5em;
    }
    .searchResSelectionDiv {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .searchResRow .btn-warning:hover,
    .searchResRow .btn-warning:focus,
    .searchResRow .btn-warning:active {
        color: #D3451D;
        background-color: #fff;
        border-color: #D3451D;
    }
    .searchResRow .btn-warning {
        color: #fff;
        background-color: #D3451D;
        border-color: #D3451D;
    }
    .searchResRow .btn-group > .btn + .dropdown-toggle {
        border-left: 1px solid #fff;
    }
    .searchResRow .inner:before {
        position: absolute;
        content: "";
        border-top: 16px solid transparent;
        border-right: 16px solid transparent;
        width: 0;
        left: 15px;
        border-top-color: #D3451D;
    }
    .itemDescDiv {
        margin-left: 30px;
        margin-top: 25px;
    }
    .searchResItemHeader {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .biggerBolderResDesc {
        font-weight: bold;
    }
    .searchResRow h2.collapsible .collapsible-heading,
    .searchResRow h2.collapsible .collapsible-heading-collapsed,
    .searchResRow h3.collapsible .collapsible-heading,
    .searchResRow h3.collapsible .collapsible-heading-collapsed {
        position: relative;
    }
    /* *************************************** */
    /* *      testimonial bubble             * */
    /* *************************************** */
    
    .bubble {
        position: relative;
        width: 80%;
        min-height: 120px;
        padding: 0px;
        /*background: #fafafa;*/
        background: #f5f5f5;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #eaedf2;
        margin: 0 auto;
        border-top-color: dimgray;
    }
    .bubble p {
        color: #333;
        font-weight: 100;
        padding: 20px 30px 30px 30px;
    }
    .bubble i.fa {
        color: #999;
        font-size: 1.5em;
    }
    .bubble-icon {
        text-align: center;
        margin-top: 20px;
    }
    .bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #f5f5f5 transparent;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -15px;
        left: 15%;
    }
    .bubble.right:after {
        left: 85%;
    }
    .bubble:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #eaedf2 transparent;
        display: block;
        width: 0;
        z-index: 0;
        bottom: -16px;
        left: 15%;
    }
    .bubble.right:before {
        left: 85%;
    }
    .bubble-footer {
        margin-top: 20px;
        position: absolute;
        left: 18%;
    }
    .bubble-footer p {
        color: #333;
    }
    .bubble-footer.right {
        left: 64%;
    }
    .bubble-container {
        padding-bottom: 60px;
        padding-top: 10px;
    }
    .thinHeader {
        font-weight: 100;
    }
    /* *************************************** */
    /* *             accordion               * */
    /* *************************************** */
    
    .accordion-dark .ui-state-default {
        border: 1px solid #d3d3d3/*{borderColorDefault}*/
        ;
        background: #333333;
        color: #fff;
        font-weight: normal/*{fwDefault}*/
        ;
    }
    .accordion-dark .ui-state-active .ui-icon {
        background-image: url(../vendor/jqueryui/themes/base/images/ui-icons_a_256x240.png)/*{iconsActive}*/
        ;
    }
    .accordion-dark .ui-state-default.ui-state-active {
        font-weight: bold;
    }
    .accordion-dark .ui-state-default:hover,
    .accordion-dark .ui-state-default:focus {}
    .accordion-dark.ui-accordion .ui-accordion-content {
        background-color: #fafafa;
        background-image: none;
    }
    .accordion-dark.ui-accordion.whiteBack .ui-accordion-content {
        background-color: #fff !important;
    }
    /* *************************************** */
    /* *               footer                * */
    /* *************************************** */
    
    footer {
        /*background: #ccd5de;
    background: -moz-linear-gradient(top, #ccd5de 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd5de), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #ccd5de 0%, white 100%);
    background: -o-linear-gradient(top, #ccd5de 0%, white 100%);
    background: -ms-linear-gradient(top, #ccd5de 0%, white 100%);
    background: linear-gradient(to bottom, #ccd5de 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #CCD5DE 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCD5DE', endColorstr='#FFFFFF');
    background-repeat: no-repeat;
    */
        background-color: #444 !important;
        color: #fff;
        padding-bottom: 20px;
        padding-top: 15px;
        border-top: 1px solid #000;
    }
    footer.lsvt {
        background-color: #08477c !important;
        padding-top: 30px;
    }
    footer h3 {
        color: #fff;
        font-weight: 100;
        font-size: 1.4em;
    }
    footer hr {
        border-top: 1px dashed #ddd;
        width: 150px;
    }
    .footerSocial {
        list-style-type: none;
        margin-top: 30px;
    }
    .addressText {
        font-size: 1em;
        line-height: 2em;
    }
    .addressLI {
        float: none;
    }
    .addressLI i {
        font-size: 1em;
    }
    .footerSocial li {
        text-align: right;
        padding-right: 15px;
        float: right;
    }
    .footerCopyright p small {
        font-weight: 100;
    }
    .bottomLogo {
        width: 230px;
    }
    .footerSocial li a {
        color: #fff;
        font-size: 1em;
    }
    .footerSocial.dark li a {
        color: #fff;
        font-size: 1.2em;
    }
    .footerSocial li a i {
        font-size: 2em;
    }
    .footer .addressBox {
        border: 1px dotted #ddd;
        padding: 10px;
        margin-bottom: 10px;
    }
    .footer div.col-md-12 hr {
        width: 70%;
    }
    .footer .addressBox h2 {
        text-align: center;
        font-size: 1.5em;
        color: #fff;
    }
    .footer .addressBox i {
        color: #fff;
        font-size: 40px;
        margin-left: 40%;
        margin-top: 20px;
    }
    .footerSocial li a:hover {
        color: #FFE82A;
    }
    .footerSocial li a:active {
        color: #FFE82A;
    }
    .footerSocial li a:focus {
        color: #FFE82A;
    }
    .footerCopyright {
        width: 100%;
        background-color: #444;
        color: #fff;
        padding: 30px 0 20px 0;
        border-top: 1px solid #ddd;
    }
    .footerCopyright a {
        color: #fff;
        text-decoration: underline;
    }
    .nav li.active a {
        color: #fff !important;
    }
    .nav li.active {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }
    .footer div.col-md-3 {
        min-height: 170px;
    }
    .lsvt div.col-md-3 {
        min-height: inherit;
    }
    .media-heading {
        font-size: 0.9em;
    }
    .displayBlock {
        display: block;
    }
    .media {
        margin-bottom: 30px;
    }
    div.media div.media-body a {
        font-size: 1.3em;
    }
    div.media div.media-body small {
        font-size: 1em;
    }
    .mediaHR {
        width: 100%;
        border-top-style: solid;
    }
    .mediaNoImage {
        margin-bottom: 15px;
    }
    /* *************************************** */
    /* *         slick slider home page      * */
    /* *************************************** */
    
    .slick-prev:before,
    .slick-next:before {
        color: #00549a !important;
    }
    #mainImageDiv .slick-prev:before,
    #mainImageDiv .slick-next:before {
        font-size: 35px;
    }
    #mainImageDiv .slick-prev {
        left: 40px;
    }
    #mainImageDiv .slick-next {
        right: 55px;
    }
    #mainImageDiv .slick-prev,
    #mainImageDiv .slick-next {
        z-index: 1;
    }
    #mainImageDiv .slick-dots li button:before {
        font-size: 13px;
    }
    .smallSlick {
        width: 95%;
    }
    .bigButtonsBellowImage {
        display: none;
    }
    button.redButton:lang(de_DE) {
        font-size: 1.1em;
    }
    @media only screen and (min-width:501px) {
        .redButtonsArea {
            position: absolute;
            top: 86px;
            left: 40%;
        }
    }
    @media only screen and (min-width:600px) {
        .redButtonsArea {
            left: 50%;
        }
    }
    @media only screen and (min-width:768px) {
        .redButtonsArea {
            left: 60%;
        }
    }
    @media only screen and (min-width:991px) {
        .redButtonsArea {
            position: absolute;
            top: 86px;
            left: 70%;
        }
        .signInButton {
            display: none;
        }
        .shoppingArea {
            display: none !important;
        }
    }
    @media only screen and (min-width:1024px) {
        .redButtonsArea {
            left: 70%;
        }
    }
    @media only screen and (min-width:1201px) {
        .redButtonsArea {
            left: 70%;
        }
    }
    @media only screen and (max-width:768px) {
        .container > .navbar-header,
        .container-fluid > .navbar-header,
        .container > .navbar-collapse,
        .container-fluid > .navbar-collapse {
            margin-right: -15px;
            margin-left: -15px;
            margin-top: 10px;
            margin-left: 20px;
        }
        #mainImageDiv {
            margin-top: -20px;
        }
        .navbar-toggle {
            margin-top: -43px;
            color: white !important;
        }
        .mobileMainMenu nav {
            min-height: 390px;
        }
    }
    @media only screen and (max-width:500px) {
        .bigButtonsBellowImage {
            display: inherit;
            position: relative;
            top: -176px;
            margin: 0 auto;
            text-align: center;
        }
        .bottomLargeButtons {
            width: 49%;
            font-weight: bold;
        }
        .gray {
            background-color: #7C7272;
        }
    }
    @media only screen and (max-width:500px) {
        .stackedTbl > tbody > tr > td {
            padding-top: 30px;
        }
        .noPadRightLeft {
            padding-left: 0px;
            padding-right: 0px;
        }
        .redButtonsArea {
            margin-bottom: 15px;
            width: 100%;
        }
        .redButtonsArea button {
            width: 384px;
            display: table-cell;
            font-size: 0.9em;
        }
        #mainImageDiv {
            margin-top: 0;
        }
    }
    @media only screen and (max-width:460px) {
        .redButtonsArea span {
            display: none;
        }
        a.brand {
            margin-left: 27%;
        }
        .mobileMainMenu nav {
            margin-top: -32px;
            min-height: 335px;
        }
        .redButtonsArea {
            margin-bottom: 15px;
            width: 100%;
        }
    }
    .rwdtable-wrapper-menu {
        display: none;
    }
    .sticky {
        position: fixed !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 100 !important;
        border-top: 0 !important;
    }