﻿


/*Landing Header*/
.headerWrapper
{
    width:1144px;
    max-width:100%;
    height:82px;
    background-color:#101722;
    color:#fff;
    margin:0 auto;
    overflow:hidden;
    position:absolute;
    left:0;
    right:0;
}
.headerInnerWrapper
{
    margin: 15px 30px;
}
#topNav
{
    list-style:none;
    float:right;
    width: 69%;
    margin: 10px 0 0 0;
}
    #topNav li
    {
        display:inline-block;
        margin:0 6%;
    }
        #topNav li:first-child span
        {
            display:none;
        }
        #topNav li:first-child a, #topNav li:first-child a:hover, #topNav li:first-child a:active, #topNav li:first-child a:visited
        {
            max-width:100px;
        }

        #topNav li a, #topNav li a:hover, #topNav li a:visited, #topNav li a:active
        {
            color:#fff;
            font-family: 'DroidSans';
            font-weight:bold;
            text-decoration:none;
            line-height:18px;
            display:block;
        }
            #topNav li a span
            {
                font-size:0.750em;
                font-weight:normal;
            }
#headerLogo
{
    min-width:213px;
    max-width:30%;
}

/*Landing Footer*/
.footerWrapper
{
    width:100%;
    background-color:#101722;
    margin:0;
    padding:0;
    /*min-height:400px;*/
    overflow:hidden;
     font-size:0.875em;
}
.footerNav
{
    width:1001px;
    max-width:100%;
    margin:23px auto;
   
    color:#ffffff;
}
    .footerNav ul
    {
        margin:0 20px;
        padding:0;
    }
    .footerNav ul li
    {
        list-style:none;
        display:inline-block;
        margin-right:40px;
    }
        .footerNav ul li a, .footerNav ul li a:hover, .footerNav ul li a:visited, .footerNav ul li a:active
        {
           text-decoration:none;
           color:#ffffff;
           font-family: 'OpenSansBold';
        }
.footerWrapper hr
{
    background-color:#101722;
    height:1px;
    width:100%;
    opacity:0.1;
}
.footerInnerWrapper
{
    width:1001px;
    max-width:100%;
    margin:40px auto 0px;
}
.footerTextWrapper
{
    margin:0 20px;
}
    .footerInnerWrapper p
    {
        float:left;
        color:#6c7277;
        /*padding-bottom:80px*/
        margin-bottom:0;
        clear:both;
    }
.copyRight
{
    width:70%;
    float:left;
}
#tevaRespLogo
{
    float:right;
    max-width:30%;
}
/*Landing Page*/
.landingOutterWrapper
{
    width:100%;
    margin:0;
    padding:82px 0 0 0;
    background:url('/Assets/images/Desktop/landingBg.jpg') no-repeat;
    /*min-height:600px;*/
    background-size: 100% 100%;
}
.landingInnerWrapper
{
   width:1144px;
   max-width:100%;
   margin:0 auto;
   overflow: hidden;
}
    .landingInnerWrapper a, .landingInnerWrapper a:hover, .landingInnerWrapper a:visited
    {
        text-decoration:none;
    }
#landingLeft
{
    width:50%;
    float:left;
    margin-top:4%;
    text-align:center;
}
    #landingLeft h3
    {
       color:#d72231;
       text-decoration:none;
    }
#landingRight
{
    width:50%;
    float:right;
    margin:4% 0;
    text-align:center;
}
#landingRight h3
{
    color:#fff;

}
    #landingLeft img
    {
        margin: 20px auto 0;
    }
#landingRight img
{
       margin: 50px auto 79px;
}
h3
{
    font-size:1.625em;
    font-family: 'DroidSans';
    font-weight:bold;
}
.landingButtons, .landingButtons:hover, .landingButtons:active, .landingButtons:visited
{
    font-size:0.938em;
    /*font-family: 'OpenSansRegular';*/
    font-weight:bold;
    clear:both;
    display:block;
    width:203px;
    text-decoration:none;
    margin:0 auto;
    padding:15px 0;
}
#landingLeft .landingButtons
{
    border:1px solid #d72231;
    color: #d72231;
}
#landingRight .landingButtons
{
    border:1px solid #fff;
    color: #fff;
}



/*Ipad*/
@media only screen and (min-width : 768px) and (max-width : 1024px)
{
    /*Landing header*/
    #topNav
    {
        padding:0;
    }
        #topNav li
        {
                margin: 0px 2%;
        }

    /*landing footer*/
    .footerInnerWrapper p
    {
        /*max-width:69%;*/
    }
}


/*Mobile*/
@media only screen and (min-width : 320px) and (max-width : 767px)
{

    /*Landing Header*/
    .headerWrapper
    {
        position:relative;
        height:auto;
     
    }
    #headerLogo
    {
            margin: 9px 0 9px 30px;
    }
    .headerInnerWrapper
    {
        margin: 0 0px;
    }
    .landingOutterWrapper
    {
        padding:0;
    }
    /*#topNav
    {
        display:none;
    }*/
    #menu
    {
        float:right;
        margin-right:-30px;
        cursor:pointer;
    }

     #topNav
    {
        width: 100%;
        margin: 0px 0px 10px;
        position: relative;
        padding: 0 0px 0 0px;
        display: table;
        border-bottom: 1px solid #192530;
    }

        #topNav li
        {
            margin: 0;
            line-height: 10px;
            border-right: 2px solid #192530;
            /*width:32%;*/
            display: table-cell;
        }

            #topNav li:first-child
            {
                margin-left: 0;
                width:33.33%;
               
                 /*text-align: center;*/
            }
    
            #topNav li:nth-child(2)
            {
                /*text-align: center;*/
                /*width:30%;*/
                 width:33.33%;
            }
                #topNav li:nth-child(2) a
                {
                    max-width:94px;
                    
                }
                   #topNav li:nth-child(1) a
                {
                    max-width:100px;
                    
                }
                    #topNav li:nth-child(1) a span
                    {
                        display:inline-block;
                    }

            #topNav li:last-child
            {
                 /*width:30%;*/
                /*text-align: center;*/
                border-right: 0;
                 width:33.33%;
            }

            #topNav li a
            {
                /*border-right:1px solid #fff;*/
                display: inline-block;
            }
               #topNav li a, #topNav li a:hover, #topNav li a:visited, #topNav li a:active
    {
        font-size: 0.625em;
        line-height: 1em;
        /*margin: 0 3%;*/
        /*width: 80px;*/
        padding: 7px 0 7px 14px;
        vertical-align:top;
    }
    /*Landing Footer*/
    .footerNav ul li a
    {
      font-size:0.750em;
    }
    .footerInnerWrapper p
    {
        font-size:0.625em;
        padding-bottom:0;
        margin-bottom:5px;
    }
    .copyRight
    {
        width:100%;
    }
    #tevaRespLogo
    {
        float:left;
        width:138px;
        margin-top:20px;
    }
    .footerWrapper
    {
        padding-bottom:30px;
    }
    .footerInnerWrapper
    {
        margin-top:0;
    }
    /*Landing Page*/
    .landingOutterWrapper
{
    /*background:url('/Assets/Images/Mobile/landingBg1.png') no-repeat;
    background-size: 100% 100%;*/
    background:none;
}

#landingLeft, #landingRight
{
    width:100%;
    float:none;
    /*padding:0 30px 25px;*/
    text-align:left;
    /*max-width:100%;*/
    overflow: hidden;
    margin:0;
}
    #landingLeft
    {
        /*background-color:rgba(255,255,255,0.5);*/
        background:url('/Assets/Images/Mobile/whiteBg.png') no-repeat;
        background-size:100% 100%;
    }
    #landingRight
    {
        /*background-color:rgba(216,29,46,0.9);*/
          background:url('/Assets/Images/Mobile/redBg.png') no-repeat;
        background-size:100% 100%;
    }
    #landingLeftInner, #landingRightInner
    {
        padding:0 30px 25px;
        width:100%;
        max-width:100%;
        overflow:hidden;
    }
    #landingLeft img
    {
        width:31%;
        float:left;
    }
     #landingRight img
    {
        width:31%;
        float:left;
        margin:25px 0 0 0;
    }
    h3
    {
        font-size:1.125em;
    }
   .landingInnerWrapper h3
    {
     
       float:right;
      
       text-align:center;
     margin: 75px 5% 0 0;
    }
    #landingLeft h3
    {
         width:105px;
        margin: 38px 10% 0 0;
    }
    .landingButtons, .landingButtons:hover, .landingButtons:active, .landingButtons:visited
    {
        width:110px;
        text-align:center;
            padding: 10px 0;
    float: right;
    margin: -65px 9% 0 0;
    }
 /*#landingRight
{
    width:50%;
    float:right;
    margin:4% 0;
    text-align:center;
}*/


  

}

/*digi popup*/
@media only screen and (min-width : 768px)
{
    /*#digipopup
    {
        position: fixed;
        top: 20% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }*/
     /*#digipopup .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }*/
}
@media only screen and (max-width : 768px)
{
     /*#digipopup .modal-dialog {
        margin:30px auto;
    }*/
}
#digipopup .modal-content
{
    background:url('/Assets/Images/Popup/popup-bg.png') no-repeat;
        background-size:100% 100%;
}
#digipopup .modal-dialog
{
    width:360px;
    max-width:100%;
    margin:30px auto;
}
#digipopup .modal-body img
{
    display:block;
    margin:0 auto;
}
#digipopup .modal-body
{
    padding-top:0;
}
#digipopup .modal-header
{
    padding:10px 5px 0 15px; 
    border-bottom:0px;

}
#digipopup .modal-footer
{
    border-top:0px;
    text-align:center;
}
#digipopup .close
{
    opacity:1;
}
    #digipopup .close img
    {
        outline:0;
    }
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}