﻿@import url("/FID_B2C_ARC_Th_1_0_1/Theme.FID_B2C_Theme.css?62291");

.phoneIcoContainer{
    position: relative;
    left: 80%;
    top:55px;
}


.mailIcoContainer{
    position: absolute;
    margin-top: 40px;
    left: 78%;
    pointer-events: none;
}
.maxWidth400 {
    max-width: 400px;
}
@font-face {
    font-family: 'SilkUIFont';
    src:url('/SilkUIFonts/fonts/SilkUIFont.eot?rstmb3');
    src:url('/SilkUIFonts/fonts/SilkUIFont.eot?rstmb3#iefix') format('embedded-opentype'),
        url('/SilkUIFonts/fonts/SilkUIFont.ttf?rstmb3') format('truetype'),
        url('/SilkUIFonts/fonts/SilkUIFont.woff?rstmb3') format('woff'),
        url('/SilkUIFonts/fonts/SilkUIFont.svg?rstmb3#SilkUIFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="Silk-"],
[class*=" Silk-"] {
    position: relative;
    border: 1px solid #ccc;
    color: #798789;
    width: 100px;
    height: 100px;
    line-height: 90px;
    display: inline-block;
    font-family: 'SilkUIFont' !important;
    speak: none;
    font-size: 35px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}

[class^="Silk-"]::after,
[class*=" Silk-"]::after {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: 5px;
    opacity: 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
  }

[class^="Silk-"]:hover, 
[class*=" Silk-"]:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

[class^="Silk-"]:hover::after.,
[class*=" Silk-"]:hover::after{
      opacity: 1;
}

.IconSilk.fa-fw {
    color: #798789;
    border: 1px solid #ccc;
    border-radius: 4px;
    speak: none;
    font-size: 35px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 75px;
    width: 75px;
}

a:hover {
    text-decoration: none;
}
.Silk-InputIcon:before {
    content: "\e902";
}
.Silk-MoveOnDevice:before {
    content: "\e656";
}
.Silk-CardFlip:before {
    content: "\e655";
}
.Silk-CardImage:before {
    content: "\e657";
}
.Silk-FileUpload:before {
    content: "\e658";
}
.Silk-Logo:before {
    content: "\e652";
}
.Silk-LiverpoolTheme:before {
    content: "\e64e";
}
.Silk-LisbonTheme:before {
    content: "\e64f";
}
.Silk-TokyoTheme:before {
    content: "\e650";
}
.Silk-DublinTheme:before {
    content: "\e651";
}
.Silk-SampleApp3:before {
    content: "\e600";
}
.Silk-SampleApp2:before {
    content: "\e601";
}
.Silk-SILKUI:before {
    content: "\e602";
}
.Silk-SampleApp1:before {
    content: "\e603";
}
.Silk-Responsivetables:before {
    content: "\e654";
}
.Silk-CSS:before {
    content: "\e653";
}
.Silk-CharacterCount:before {
    content: "\e604";
}
.Silk-Accordion:before {
    content: "\e605";
}
.Silk-Alert:before {
    content: "\e606";
}
.Silk-Badge:before {
    content: "\e607";
}
.Silk-Ballon:before {
    content: "\e608";
}
.Silk-BallonFooter:before {
    content: "\e609";
}
.Silk-BlankSlate:before {
    content: "\e60a";
}
.Silk-BottomMenu:before {
    content: "\e60b";
}
.Silk-Box:before {
    content: "\e60c";
}
.Silk-BreadCrumb:before {
    content: "\e60d";
}
.Silk-Bullets:before {
    content: "\e60e";
}
.Silk-ButtonDropdown:before {
    content: "\e64d";
}
.Silk-ButtonGroup:before {
    content: "\e60f";
}
.Silk-ButtonsArea:before {
    content: "\e610";
}
.Silk-Calendar:before {
    content: "\e611";
}
.Silk-CardBackground:before {
    content: "\e659";
}
.Silk-CardLeftImage:before {
    content: "\e612";
}
.Silk-CardSimple:before {
    content: "\e613";
}
.Silk-CardSimpleImage:before {
    content: "\e614";
}
.Silk-Carousel:before {
    content: "\e615";
}
.Silk-Columns2:before {
    content: "\e616";
}
.Silk-Columns3:before {
    content: "\e617";
}
.Silk-Columns4:before {
    content: "\e618";
}
.Silk-Columns5:before {
    content: "\e619";
}
.Silk-Columns6:before {
    content: "\e64c";
}
.Silk-Counter:before {
    content: "\e61a";
}
.Silk-DisableBackNavigation:before {
    content: "\e61b";
}
.Silk-DisplayOnDevice:before {
    content: "\e61c";
}
.Silk-Email3Rows:before {
    content: "\e61d";
}
.Silk-EmailSection:before {
    content: "\e61e";
}
.Silk-FeedbackAjaxWait:before {
    content: "\e61f";
}
.Silk-Fieldset:before {
    content: "\e620";
}
.Silk-GlobalSearch:before {
    content: "\e621";
}
.Silk-IconBadge:before {
    content: "\e622";
}
.Silk-IconDropdown:before {
    content: "\e623";
}
.Silk-Iframe:before {
    content: "\e624";
}
.Silk-InfiniteScroll:before {
    content: "\e64b";
}
.Silk-Info:before {
    content: "\e625";
}
.Silk-LayoutEmail:before {
    content: "\e626";
}
.Silk-LayoutLogin:before {
    content: "\e627";
}
.Silk-LayoutPopup:before {
    content: "\e628";
}
.Silk-ListItem:before {
    content: "\e629";
}
.Silk-ListItemGroup:before {
    content: "\e62a";
}
.Silk-ListItemToggle:before {
    content: "\e62b";
}
.Silk-LoadOnVisible:before {
    content: "\e62c";
}
.Silk-MediumLeftColumn:before {
    content: "\e62d";
}
.Silk-MediumRightColumn:before {
    content: "\e62e";
}
.Silk-Modal:before {
    content: "\e62f";
}
.Silk-NavigationBar:before {
    content: "\e64a";
}
.Silk-Panel:before {
    content: "\e630";
}
.Silk-Post:before {
    content: "\e631";
}
.Silk-ProgressBar:before {
    content: "\e632";
}
.Silk-RangeSlider:before {
    content: "\e633";
}
.Silk-ResponsiveImages:before {
    content: "\e634";
}
.Silk-ScrollToElement:before {
    content: "\e635";
}
.Silk-Search:before {
    content: "\e636";
}
.Silk-Section:before {
    content: "\e637";
}
.Silk-SectionExpandable:before {
    content: "\e638";
}
.Silk-SectionIndex:before {
    content: "\e639";
}
.Silk-Select2:before {
    content: "\e63a";
}
.Silk-Separator:before {
    content: "\e63b";
}
.Silk-SmallLeftColumn:before {
    content: "\e63c";
}
.Silk-SmallRIghtColum:before {
    content: "\e63d";
}
.Silk-StackedIcon:before {
    content: "\e63e";
}
.Silk-TabsClient:before {
    content: "\e63f";
}
.Silk-TileIcon:before {
    content: "\e640";
}
.Silk-TileIconText:before {
    content: "\e641";
}
.Silk-TileNumber:before {
    content: "\e642";
}
.Silk-Toggle:before {
    content: "\e643";
}
.Silk-ToggleOnDevice:before {
    content: "\e644";
}
.Silk-Tooltip:before {
    content: "\e645";
}
.Silk-UserInitials:before {
    content: "\e646";
}
.Silk-VerticalAlign:before {
    content: "\e647";
}
.Silk-Video:before {
    content: "\e648";
}
.Silk-Wizard:before {
    content: "\e649";
}

/* Useful Classes - Colors */
.BlockColorText {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(166, 166, 166, .3);
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.BlockColorText .Heading1,
.BlockColorText .Heading2,
.BlockColorText .Heading3,
.BlockColorText .Heading4 {
    line-height: 90px;
    margin: 0;
    padding: 0;
}

.BlockColor {
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(166, 166, 166, .3);
    height: 80px;
}

.BlockColorTop {
    border-radius: 5px 5px 0 0;
    height: 50px;
    line-height: 90px;
    text-align: center;
}

.BlockColorBottom {
    background-color: white;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
