/* ::::::::::::::::::::::
	accessibility
::::::::::::::::::::::: */
button:focus,
button:active,
a:focus,
a:active,
input[type=text]:focus,
input[type=text]:active,
input[type=button]:focus,
input[type=button]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active{

}

a:hover, a:focus, a:active{text-decoration:underline;}
img.disableFocus:focus, img.disableFocus:active{outline:0;}


.offset, span.offset {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



.accessibility{
    position: absolute;
    left: -99999px;
    height: 10px;
    width: 10px
}

#skip{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: 0;
    text-align: center;
    list-style: outside none;
}

#skip li{ list-style-type: none }

#skip a{
    position: absolute;
    left: -99999px;
    top: 30px;
}

#skip a:focus, #skip a:active{
    position: relative;
    left: 0;
   top:0;
    z-index:99999;
    width: 30%;
    height: auto;
    margin: 0 auto;
    padding: 32px 64px 24px 28px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    font-size:23px;
    font-weight: bold;
    /* color information, edit this to suit the colors of your layout */
    line-height: 78px;
    color: #2e2e2e;
    background:#ffcd32 url(/_layouts/15/TlvSP2013PublicSite/images/icon-ee.png) no-repeat 85% center;
    background-size: 27px 17px;
    -moz-box-shadow:    1px 1px 1px 1px #2e2e2e;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow:         1px 1px 1px 1px #ccc;
}

.foorterContainerAll {
    background-position: center;
    width: 100%;
    max-width: 1920PX;
    margin: auto; /*max-height:340px; height:100%;*/
    height: 340px;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(40, 40, 40, 0.86), #1c1c1c),url('/_layouts/15/TlvSP2013PublicSite/images/homepagenew/footerNew.jpeg');
}

    .foorterContainerAll .footer-new {
        width: 100%;
        transform: translate(0%,21%);
    }

.footerBottomDiv {
    width: 100%;
    transform: translateY(55px);
}

.footerBottomALLDiv {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.app-section ul {
    list-style: none;
    padding-right: 0;
}

    .app-section ul li {
        float: right;
        margin: 0 3px;
    }

        .app-section ul li img {
            border-radius: 5px;
        }

.app-section h3 {
    font: normal 20px "BlenderBold",Arial;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
    padding-bottom: 20px;
}

.app-section {
    transform: translate(0%,50%);
}

.foorterContainerAll .footerLinks {
    font: normal 16px "blenderRegular",Arial;
    color: #ffffff;
    padding-left: 0;
    padding-right: 0;
}

.foorterContainerAll .footerExtra {
    padding-right: 0;
    padding-left: 0px;
    transform: translate(0%,25%);
}

    .foorterContainerAll .footerExtra .left-buttons {
        transform: translateX(-8%);
    }

        .foorterContainerAll .footerExtra .left-buttons div {
            padding-top: 10px;
            text-align: center;
            padding-right: 30px;
        }

            .foorterContainerAll .footerExtra .left-buttons div img {
                margin-left: 8px;
            }

        .foorterContainerAll .footerExtra .left-buttons a {
            /*opacity: 0.5;*/
            border-radius: 6px;
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.085), TRANSPARENT );
            height: 40px;
            color: #ffffff;
            font: normal 15px "BlenderBold",Arial;
            min-width: 162px;
            transform: translateY(50%);
            margin-left: 2px;
            padding-right: 10px;
            padding-left: 5px;
            float: right;
        }

        .foorterContainerAll .footerExtra .left-buttons .gis-btn {
            background-image: url(/_layouts/15/TlvSP2013PublicSite/images/homepagenew/icons-8-map.svg);
            background-repeat: no-repeat;
            background-position: 100px 8px;
        }

        .foorterContainerAll .footerExtra .left-buttons .acessibility-btn {
            background-image: url(/_layouts/15/TlvSP2013PublicSite/images/homepagenew/icons-8-assistive-technology.svg);
            background-repeat: no-repeat;
            background-position: 120px 8px;
        }

.foorterContainerAll .footerBottom {
    margin-top: 10px;
    font: normal 14px "blenderRegular",Arial;
    color: #ffffff;
    text-align: right;
    max-width: 1220px;
}

.foorterContainerAll .footerLine {
    padding-right: 0;
    padding-left: 0
}

    .foorterContainerAll .footerLine .copyright {
        padding-right: 0;
        padding-left: 0;
    }

    .foorterContainerAll .footerLine .created-by {
        text-align: left;
    }

    .foorterContainerAll .footerLine span {
        padding-right: 0;
        padding-left: 0
    }

.footericons {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    padding-right: 10px;
}

    .footericons li {
        margin: 0 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

        .footericons li img {
            width: 48px;
            height: 48px;
        }

.footerLinks ul {
    list-style-image: url(/_layouts/15/TlvSP2013PublicSite/images/header/footer-tag.svg);
}
    /*.footerLinks ul li:before {
  color: #0072C1;
  content: url(/_layouts/15/TlvSP2013PublicSite/images/header/footer-tag.svg);
}*/
    .footerLinks ul li {
        line-height: 2.06;
        padding-left: 15px;
        padding-right: 2px;
    }

        .footerLinks ul li a {
            color: #ffffff;
            font: normal 18px "blenderRegular",Arial;
            line-height: 1.06;
            text-align: right;
            letter-spacing: normal;
        }

            .footerLinks ul li a:hover {
                text-decoration: none;
            }

.footer-top {
    position: relative;
    top: 50%;
    /*-ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    margin: 0;
    display: block;
}

.crossing-line {
    border: solid thin rgba(206,206,206,0.7);
    width: 100%;
    margin: auto;
    height: 1px;
    max-width: 1200px;
}

.footerLinksNav {
    margin-left: -15px;
}

.customerAgreement {
    display: none;
    width: 100%;
    padding: 18px 10px;
    justify-content: center;
    align-items: center;
    background: var(--daeffa, #DAEFFA);
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.05);
    opacity: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    color: var(--Greyscale-Black, #3C3C3C);
    text-align: right;
    font-family: 'blenderRegular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

    .customerAgreement a {
        color: var(--Primary-Middle, #1A77D3);
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        display: contents;
    }

.customerAgreementButton {
    display: flex;
    padding: 8px 18px;
    align-items: center;
    gap: 10px;
    border-radius: 25px;
    background: linear-gradient(0deg, #0072C1 0%, #0072C1 100%), #0072C1;
    box-shadow: 0 5px 21px 0 rgba(12, 14, 77, 0.13), 0 5px 21px 0 rgba(12, 14, 77, 0.13);
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.416px;
    margin:0px 20px;
    cursor: pointer;
}

    .customerAgreementButton:hover, .customerAgreementButton:focus {
        text-decoration: underline;
    }

@media (max-width: 768px) {

    .app-section ul li {
        margin: 0
    }

    .foorterContainerAll {
        height: 685px;
    }

    .app-section h3 {
        text-align: center;
        margin: 10px auto;
    }

    .foorterContainerAll .footerLine span {
        text-align: center;
    }

    .app-section {
        transform: translate(0%,0%);
        padding-bottom: 20px;
        border-bottom: solid thin rgba(206,206,206,0.2);
        max-width: 360px;
        width: 100%;
        margin: 21px auto 20px;
    }

    .foorterContainerAll .footer-new {
        transform: none;
        margin: 0;
    }

    .foorterContainerAll .footerLine .created-by {
        text-align: center;
        margin-top: 15px;
    }

    .foorterContainerAll .footerLine .copyright {
        text-align: center;
    }

    .foorterContainerAll .footerExtra {
        max-width: 360px;
        width: 100%;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

        .foorterContainerAll .footerExtra .left-buttons {
            transform: none;
            border-top: solid thin rgba(206,206,206,0.2);
            border-bottom: solid thin rgba(206,206,206,0.2);
            height: 90px;
            max-width: 360px;
            width: 100%;
            margin: auto;
        }

            .foorterContainerAll .footerExtra .left-buttons a {
                float: right;
                min-width: 160px;
                margin: 0
            }

    .foorterContainerAll.ar_lang .footerExtra .left-buttons a {
        min-width: 115px;
    }

    .foorterContainerAll .footerBottom {
        margin-top: 0;
    }

    .footerBottomDiv {
        transform: translateY(75px);
    }

    .foorterContainerAll .footerLinks {
        top: 20px;
        display: contents;
    }

    .footericons {
        padding-right: 0;
    }

    .footerBottomALLDiv {
        max-width: 360px;
    }

    .customerAgreement {
        padding: 10px;
        justify-content: center;
        align-items: center;
        background: var(--daeffa, #DAEFFA);
        box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.05);
        color: var(--Greyscale-Black, #3C3C3C);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-end;
    }

        .customerAgreement a {
            color: var(--Primary-Middle, #1A77D3);
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 18px;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            display: contents;
        }

    .customerAgreementButton {
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.416px;
    }
}

@media(max-width:992px) {
    .app-section ul li {
        margin: 0
    }

        .app-section ul li img {
            max-width: 131px;
            max-height: 44px;
            margin-left: 7px;
        }

    .foorterContainerAll {
        height: 685px;
    }

    .app-section h3 {
        text-align: center;
        margin: 10px auto;
        padding-left: 5px;
    }

    .foorterContainerAll .footerLine span {
        text-align: center;
    }

    .app-section {
        transform: translate(0%,0%);
        padding-bottom: 20px;
        border-bottom: solid thin rgba(206,206,206,0.2);
        max-width: 360px;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        padding-top: 11px;
        padding-left: 7px
    }

    .foorterContainerAll .footer-new {
        transform: none;
        margin: 0;
    }

    .foorterContainerAll .footerLine .created-by {
        text-align: center;
        margin-top: 15px;
    }

    .foorterContainerAll .footerLine .copyright {
        text-align: center;
    }

    .foorterContainerAll .footerExtra {
        max-width: 360px;
        width: 100%;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

        .foorterContainerAll .footerExtra .left-buttons {
            transform: none;
            border-top: solid thin rgba(206,206,206,0.2);
            border-bottom: solid thin rgba(206,206,206,0.2);
            height: 81px;
            max-width: 360px;
            width: 100%;
            margin: auto;
        }

            .foorterContainerAll .footerExtra .left-buttons a {
                float: right;
                min-width: 160px;
                margin: 0
            }

    .foorterContainerAll.ar_lang .footerExtra .left-buttons a {
        min-width: 115px;
    }

    .foorterContainerAll .footerBottom {
        margin-top: 0;
    }

    .footerBottomDiv {
        transform: translateY(45px);
    }

    .foorterContainerAll .footerLinks {
        top: 20px;
        display: contents;
    }

    .footericons {
        padding-right: 0;
        padding-left: 0;
        margin-top: -20px;
        text-align: center;
    }

    .footerBottomALLDiv {
        max-width: 360px;
        padding-left: 7px;
    }

    .footericons li {
        padding-top: 1px;
    }

        .footericons li img {
            width: 42px;
            height: 42px;
        }

    .footerLinks ul {
        padding-right: 25px;
        padding-left: 5px;
    }

        .footerLinks ul li a {
            font-size: 18px;
        }

        .footerLinks ul li {
            line-height: 2.06;
            padding-left: 15px;
            padding-right: 0px;
        }

    .footerLinksNav {
        margin-left: -7px;
    }
}

#planAndDev .upMenu li.sub-ul:hover { cursor: pointer; }

@media (min-width:992px) {
      li span.sub-ul {
        position: relative;
        top: 5px;
        right: -1px;
        z-index: 0;
        padding: 11px 7px 0px;
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/arrow_left_grey.png);
        background-repeat: no-repeat;
        background-position: right 4px;
        margin-right: -15px;
        background-size: 1.1em 0.8em;
    }
    .sub-ul.open span.sub-ul{
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/arrow_right_grey.png);
    }
    li span.sub-ul:focus{
        border:1px solid #000;
    }
    #planAndDev .lstHeader{ width: 204px; background-color: #0072C1;}
    #planAndDev .lstHeader h2{ font-family: 'BlenderBold', Arial, sans-serif; font-size: 23px; font-weight: normal; color: #ffffff; margin: 0; line-height:25px; padding:3px 15px 4px;}
    #planAndDev .upMenu{ list-style:none; border-bottom: 2px #0072C1 solid; padding:7px 0; margin:0;}
    #planAndDev .upMenu li{ padding:9px 15px 9px;}
    #planAndDev .upMenu li a{font-size: 17px; line-height:17px; color: #3c3c3c; padding: 0 20px 0 0; }
    #planAndDev .upMenu li.active a{font-family: 'BlenderBold', Arial, sans-serif; color:#0072bc;font-size: 15px;}

    /*#planAndDev .upMenu li.sub-ul{ padding:7px 15px 8px; background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_left_grey.png); background-repeat:no-repeat; background-position:right 10px; background-size:0.8em 0.8em;}
    #planAndDev .upMenu li.sub-ul.open{ background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_down_grey.png);}
    #planAndDev .upMenu li.sub-ul:focus { background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow_left_grey_f.png); }*/

    #planAndDev .upMenu li.sub-ul ul{ list-style:none; display:none; margin-right:20px; padding:0;}
    #planAndDev .upMenu li.sub-ul ul li{border-bottom: 1px solid #c4c4c4; padding:7px 0 8px;}
    #planAndDev .upMenu li.sub-ul ul li:last-child {border-bottom: none; padding-bottom:0;}
    #planAndDev .upMenu li.sub-ul ul li a {color: #000;  font-family: 'blenderRegular'; font-size:17px}	
}

@media (min-width: 1200px) {
   
      li span.sub-ul {
       position: relative;
        top: 5px;
        /*right: 18px;*/
        z-index: 0;
        padding: 11px 7px 0px;
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/arrow_left_grey.png);
        background-repeat: no-repeat;
        background-position: right 4px;
        margin-right: -15px;
        background-size: 1.1em 0.8em;
    }
       li span.sub-ul:focus{
        border:1px solid #000;
    }
       .sub-ul.open span.sub-ul{
        background-image: url(/_layouts/15/TlvSP2013PublicSite/images/arrow_right_grey.png);
    }
    body.chrome li span.sub-ul{
        right: 18px;
    }
    #planAndDev .lstHeader{ width: 244px; }
    #planAndDev .lstHeader h2{ font-size: 30px; line-height:33px; padding:2px 18px 5px;}

    #planAndDev .upMenu{ border-bottom: 3px #0072C1 solid; padding:7px 0;}

    /*#planAndDev .upMenu li.sub-ul{ background-position:right 9px; background-size:0.9em 0.9em;}*/
    #planAndDev .upMenu li.sub-ul ul li a {color: #000;  font-family: 'blenderRegular'; font-size:17px}	
}



body
{
}

.ui-autocomplete:hover ~ .layoutdictionarySearch, .ui-autocomplete:hover ~ .layoutfeaturedSearch {
  visibility:hidden !important;  
}

.featuredSocial a:hover, .featuredSocial a:focus, .featuredSocial a:active{text-decoration: underline !IMPORTANT;}
/*
.mainSearchBox.ui-autocomplete[style*="display:block"] ~ .layoutdictionarySearch.div, .mainSearchBox.ui-autocomplete[style*="display:block"] ~ .layoutfeaturedSearch.div {
  visibility:hidden !important;  
}

.mainSearchBox.ui-autocomplete[style*="display:none"] ~ .layoutdictionarySearch.div, .mainSearchBox.ui-autocomplete[style*="display:none"] ~ .layoutfeaturedSearch.div {
  visibility:visible !important;  
}*/

.ui-widget{font-family:blenderLight !important;}
.navbar-fixed-top .search_menu > .search_background{background:linear-gradient(to right, rgba(0, 153, 240, 0.1), transparent 25%),linear-gradient(to bottom, rgba(0, 153, 240, 0.1),transparent 25%);padding-top:1px;}
.navbar-fixed-top .search_menu > .search_menu_inside{ padding: 1% !important;}
.blueicons-8-back{ background-image :  url(/_layouts/15/TlvSP2013PublicSite/images/icons-8-back.svg) ;     background-position: 20px; background-repeat :  no-repeat ; width: 100%;}
.blueicons-8-back:hover{ background-image :  url(/_layouts/15/TlvSP2013PublicSite/images/icons-8-backWhite.svg) ;}

 .sdcName {font-size:16px;}
 
.mainSearchBox.ui-autocomplete {position:absolute !important;z-index:10001!important;border:none !important}  
 .clearSearchLine{width:10px;height:10px; display:none;background-image:url(/_layouts/15/TlvSP2013PublicSite/images/close-img-x.png);position:absolute;cursor:pointer; background-repeat:no-repeat;background-size:100%;right: 0;transform: translate(0px,-50%);top: 50%;margin-right: 15px;}
 .clearSearchLine:focus, .clearSearchLine:hover{width:11px;height:11px;}
 .navbar-fixed-top .search_menu {width: 100%;  height: 100vh; background: radial-gradient(circle at 13% 5%, #e5f5fe, #fff 81%); overflow: auto; position: relative; max-height: 100Vh;} /*display:none; margin: 46px 0 0;  padding: 57px 0 0; opacity: 0.92; */
.navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
.navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=text]::-ms-clear {  display: none; width : 0; height: 0; }

.navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=text] {width: 100%;max-width: 720px;height: 80px; background-color:#ffffff; border-radius: 6px;  box-shadow: 0 5px 34px 0 rgba(0, 0, 0, 0.18); border:0px; padding:0px 30px 0 90px; margin:0; font:normal 3.5em/35px 'blenderLight', Arial; color:#2e2e2e!important;}
.navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=submit] { display:block; background: url(/_layouts/15/TlvSP2013PublicSite/images/search_iconB.svg) no-repeat center; top: 15%; background-size:auto, auto;position: absolute;left: 0;transform: translate(25%,50%); border:0; cursor:pointer;padding-left:35px;padding-top:6px;}

.search_menu_inside  {display: block; max-width: 720px; width: 100%; margin-left: auto; margin-right: auto;}
 
 .layoutdictionarySearch  .dictionarySection  .searchIntroduce .upperLogo{  font-family: blenderLight;  font-size: 26px;}
 .layoutdictionarySearch  .dictionarySection  .searchIntroduce .searchIntroduceUp{margin-top: 15px;margin-bottom:25px;}
  
 .layoutdictionarySearch  .dictionarySection  .searchIntroduce .searchIntroduceUp .searchSocial .searchSocialli  { padding-left: 10px;padding-right: 10px;margin-bottom: 8px;margin-left: 10px;border-radius: 16px;box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.11);background-color: #ffffff;list-style-type:none;}
 .layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial .searchSocialli{list-style-type:none !important;line-height: 28px;display: inline-block !important;text-align: center;}
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial .searchSocialli .sdcName{ font-size: 17px;font-family: blenderLight;color: #2e2e2e;}/*letter-spacing: -0.42px;text-align: center;*/
/*.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial  ul li:hover {   background-color: #0172bb; color:#ffffff;}*/
/**/
.searchSocial   ul{padding-inline-start: 0px !important;}

.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial  ul{display:inline; cursor:pointer;}
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial ul li:hover {background-color:#0172bb; color:#ffffff !important;text-decoration: none;}
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial ul li div:hover {background-image :  url(/_layouts/15/TlvSP2013PublicSite/images/icons-8-backWhite.svg) ;} 

.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial ul li:hover div {background-image :  url(/_layouts/15/TlvSP2013PublicSite/images/icons-8-backWhite.svg) ;} 
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial ul li:hover a {color:#ffffff !important;} 
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial   ul li:hover a:visited {  color:#ffffff !important; text-decoration: none;} 
.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial    a:hover {  color:#ffffff; text-decoration: none;}
/**/
 /*.layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial .searchSocialli  a:hover{color:#ffffff; text-decoration: none;}*/
 .layoutdictionarySearch .dictionarySection  .searchIntroduce  .searchIntroduceUp .searchSocial  ul{display:inline;}
 
 .layoutfeaturedSearch .featuredSection  .featuredIntroduce .upperLogo{  font-family: blenderLight;  font-size: 26px;border-top: 1px #cbcbcb solid;padding-top: 21px;padding-bottom: 14px;}

.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial  ul{display:inline; cursor:pointer;}
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial ul li:hover {background-color:#0172bb; color:#ffffff !important;text-decoration: none;}
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial ul li:hover a {  color:#ffffff !important;} 
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial    ul li:hover a:visited {  color:#ffffff !important; text-decoration: none;} 
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial     a:hover {  color:#ffffff; text-decoration: none;}
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial .featuredSocialli {list-style-type:none !important;margin-top:9px;background-color:#ffffff; border-radius: 7.1px;}
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial .featuredSocialli  .sfcName {color:#2e2e2e ; text-decoration: none; font-size: 20px;font-family: blenderLight;padding-right:80px;}
.layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial .featuredSocialli .featuredSocialIcon{float: left;text-decoration: none; padding-top: 9px;}
.featuredSocial ul{padding-inline-start: 0px !important;}

.mainSearchBox  .ui-menu-item,.mainSearchBox   .ui-menu-item.ui-state-focus{
    max-width: 49% !important;width: 100%!important; float: right !important; direction: right !important;display: inline-block;border: none;opacity: 0.85;border-radius: 6px;
    border: solid 1px rgba(1, 114, 187, 0.18);background-color: #ffffff;
	margin:0.5%!important;
	color: #2e2e2e;
     font-size: 20px;
}/*margin-left: 10px; */

.mainSearchBox .ui-menu-item:hover {background-color:#0172bb; color:#ffffff !important;text-decoration: none;}
.mainSearchBox .ui-state-focus{background-color:#0172bb !important; color:#ffffff !important;text-decoration: none;}


.searchMainLine{position:relative;margin-bottom:30px;}


.mainSearchBox {
    max-width: 690px;/*680!important*/
    margin-top: -3px;
    padding-top: 5px;
    width: 100%;
  /*  float: right !important;*/
    border:0px;
    direction: right !important;
	direction: rtl;
    /* display: none; */
    padding-bottom:20px;
    font-size: 12px;
    background-color: #f5f5f5;
    display: inline-block;
	line-height: 42px;

}
/*.ui-menu .ui-menu-item{max-width: 720px !important; width:100%!important;float:right !important; direction:right !important;} 
#ui-id-1{max-width: 720px !important; width:100%!important;float:right !important; direction:right !important;} 
.ui-autocomplete{max-width: 720px !important; width:100%!important; float:right !important; direction:right !important;}*/


/*
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
   top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
   background-color: #e9e9e9;
}
.autocomplete-active {
    background-color: DodgerBlue !important;
  color: #ffffff;
}*/

@media screen and (max-width: 768px){
   .blueicons-8-back{display:flex; height:65px}
   .navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=text]{padding-left:65px; height:80px;border-radius:0 !important;font-size:26px !important; padding-right:18px}
   .clearSearchLine{margin-right:18px}
   .navbar-fixed-top .search_menu > .search_menu_inside INPUT[type=submit]{top: 50% !important;transform: translate(15%,-50%)!important;} 
   .navbar-fixed-top .search_menu{padding-top:0px}
   .navbar-fixed-top .search_menu > .search_menu_inside{padding:0 !important; padding-bottom:100px !important}
   .mainSearchBox .ui-menu-item, .mainSearchBox .ui-menu-item.ui-state-focus{max-width:99% !important}
   .layoutfeaturedSearch .featuredSection  .featuredIntroduce .featuredIntroduceUp .featuredSocial .featuredSocialli  .sfcName {max-width: 90%; line-height: 25px; position: absolute; top: 50%; transform: translate(0%, -50%);}
   .layoutdictionarySearch,.layoutfeaturedSearch,.mainSearchBox{padding-left:16px;padding-right:18px}
  
   
}
.tlvTempDivTop .tempTempBig{float:left;color:#0172bb;font:normal 18px 'BlenderBold', Arial !important;margin-top:-3px}
.tlvTempDivTop .icon-background{float:left;}
.tlvTempDivTop .open-model{float:left;height:25px;width:25px;background-size:180%;background-position:center;}
.seaContainer ul{list-style:none;}
.seaContainer ul li img{max-height:49px}
.seaContainer ul li h3{font:normal 22px 'blenderRegular', Arial ;line-height:normal;margin-top:14px;padding-right:0;padding-left:0;}	
.seaContainer ul li h3:focus{border: solid 1px #2e2e2e;margin-top:12px;}
.seaContainer ul li p{font:normal 36px 'blenderRegular', Arial;margin:0;padding-top:8px; }
.seaContainer ul li p:focus{border: solid 1px #2e2e2e; }
.sea .sea-info h4{font:normal 44px 'BlenderBold', Arial ;color:#2e2e2e}
.sea .sea-info .date{font:normal 24px 'blenderRegular', Arial ;color:rgba(46,46,46,0.7);}
.model-wether{max-height:350px; height:100%; background-color: #ffffff;box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.19);padding-right:0;padding-left:0px;	}
.sea-info > div {margin-top:40px;}
.sea-info  .dateTime{transform: translateY(65%);}
.sea-info  .dateTime:focus{border: solid 1px #2e2e2e;}
/*.seaContainer {background-image:url(/_layouts/15/TlvSP2013PublicSite/images/seaStatus/oval.svg);object-fit: contain;opacity: 0.1;-webkit-filter: blur(141px);filter: blur(141px);background-color: #0099f0;}*/
.wetherData{text-align:center;background: linear-gradient(to right, rgba(0, 153, 240, 0.04), #fff),linear-gradient(to bottom, rgba(0, 153, 240, 0.04), #fff);box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.19);}

.model-wether{background-color:#ffffff;overflow:auto;}
.row.border-bottom{border-bottom:solid 1px rgba( 1 ,114 ,187,0.1);}
.seaContainer ul li div{padding:30px 0;}
.tlvTempDivTop .icon-background{width:20px;height:20px;background-size:100%;margin-left:5px;}
.tlvTempDivTop .icon-background.night{width:14px!important;height:20px!important;background-size:100%;}
.seaContainer ul li a div.btn-play{height:37px;width:124px;border-radius:6px; background-color:#ea8017;color:#000000;padding-top:14px;padding-bottom:13px;}
.seaContainer ul li a div.btn-play span{font:normal 18px 'blenderRegular', Arial!important;}
.seaContainer ul li a {float:right; }
.icon-play{background-image:url(/_layouts/15/TlvSP2013PublicSite/images/weather/video-play.svg);background-position: 9px,center;background-size:9px;background-repeat:no-repeat;float:left;margin-left:20px; padding-left:27px;margin-top:-3px; padding-bottom:0 !important;}
.seaContainer ul li.status-item p{color:#2e2e2e}
.seaContainer ul li a{position: absolute;
    top: 50%;
    transform: translate(25%, -50%);}


.seaContainer a:focus .icon-play{text-decoration:underline}


@media (max-width:992px) {
    .tlvTempDivTop .tempTempBig{margin-top:0;}
	.sea-info > div {margin-top:0;}
    .seaContainer ul{padding-right:0;padding-bottom:40px;}
	.seaContainer ul li{padding-right:0;padding-left:0;}
    .seaContainer ul li h3{float:right;font-size:16px;margin-top:14px;}
	/*.model-wether{max-height:900px;}*/
	.seaContainer ul li div{border-bottom:solid thin rgba(1 ,114 ,187,0.1)!important;padding:21px 0;}
	.sea-info >div{border-bottom:solid thin rgba(1 ,114 ,187,0.1)!important;padding-bottom:15px;}
	.tlvTempDivTop .open-model{width:13px;height:17px;margin-left:5px;background-repeat:no-repeat;background-size:100%;}
	.seaContainer ul li img{float:right;}
	.sea-info .dateTime {transform: none;margin-top:14px;margin-right:15px;margin-left:15px;}
    .sea .sea-info h4 {font-size:28px;margin-top:2px;}
    .sea .sea-info .date{font-size:19px;}
    .seaContainer ul li p{font-size:34px;padding-right:0px;padding-left:0px;}
    .seaContainer ul li a{padding-right:0;}
    .seaContainer ul li a div.btn-play{width:106px;}

    .seaContainer ul li a{position: absolute;
    top: 50%;
    transform: translate(50%, -50%);}

    .seaContainer .close-button{position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);bottom:33px;margin-top:0;}

        .seaContainer .close-button img {
            position: absolute;
            top: 45%;
        }

        .seaContainer .close-button:focus {
            border: none;
        }
}

@media (max-width:768px) {
	.sea-info > div {margin-top:0;}
	.seaContainer ul li h3{float:right;font-size:16px;margin-top:14px;}
	.model-wether{max-height:900px;}
	.seaContainer ul li  div{border-bottom:solid thin rgba(1 ,114 ,187,0.1)!important;}
	.sea-info >div{border-bottom:solid thin rgba(1 ,114 ,187,0.1)!important;padding-bottom:15px;}
	.tlvTempDivTop .open-model{width:11px;height:15px;margin-left:5px;}
	.seaContainer ul li img{float:right;}
	.sea-info .dateTime {transform: none;margin-top:14px;}
    .seaContainer ul li a{position: absolute;
    top: 50%;
    transform: translate(50%, -50%);}
	
}

@media(max-width:1366px){
    .seaContainer ul li a div.btn-play{width:115px;}
    .seaContainer ul li a{margin-right:0;}
}
