*
{
    padding: 0;
    margin: 0;
}

@font-face
{
    font-family: 'SegoeUI';
    src: url('../Font/SegoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'), url('../Font/SegoeUI/SegoeUI.woff') format('woff'), url('../Font/SegoeUI/SegoeUI.ttf') format('truetype'), url('../Font/SegoeUI/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    background: #fff;
}

.mix-mWaffle
{
    width: 50px;
    margin: 0;
    padding: 0;
    float: left;
    z-index: 9999999;
}

    .mix-mWaffle img
    {
        border: none;
    }

.clearer
{
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

.mix-errorpage-header
{
    width: 100%;
    margin: 0 auto;
    background: #5B9BD5;
    height: 50px;
    font-family: SegoeUI;
}

.mix-errorpage-rightside
{
    float: right;
    margin-right: 10px;
}

    .mix-errorpage-rightside h3, .mix-errorpage-rightside p
    {
        color: #fff;
        float: right;
        text-align: right;
        font-family: 'SegoeUI';
        clear:both;
    }

    .mix-errorpage-rightside h3
    {
        font-size: 17px;
        height: 25px;
    }


.facebook
{
    background: url("../images/facebook.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.twitter
{
    background: url("../images/twitter.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.linkedin
{
    background: url("../images/linkedin.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.googleplus
{
    background: url("../images/google-plus.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.youtube
{
    background: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.instagram
{
    background: url("../images/instagram.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.facebook:hover
{
    background: url("../images/facebook_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.twitter:hover
{
    background: url("../images/twitter_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.linkedin:hover
{
    background: url("../images/linkedin_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.googleplus:hover
{
    background: url("../images/google-plus_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.youtube:hover
{
    background: url("../images/youtube_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.instagram:hover
{
    background: url("../images/instagram_hover.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.mix-errorpage-footer
{
    width: 100%;
    background: #F4F4F4;
    height: 40px;
    font-family: 'SegoeUI';
    position: fixed!important;
    bottom: 0;
    z-index: 99;
}

.social-media-icon
{
    color: black;
    border: 1px solid black;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 28px;
}

    .social-media-icon:hover
    {
        background-color: black;
        color: white;
    }

.social-icon-text
{
    margin-top: 5px;
    font-size: 14px !important;
}

.mars-logo
{
    float: left;
    padding-left: 10px;
    padding-top: 12px;
}

    .mars-logo p
    {
        font-family: 'SegoeUI';
        font-size: 13px;
        color: #040406;
        margin: 0px;
    }

.footer-text
{
    font-family: 'SegoeUI';
    color: #040406;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    height: 20px;
}

    .footer-text p a
    {
        color: #040406;
        text-decoration: none;
    }

.social-icons
{
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}

    .social-icons h3
    {
        font-family: 'SegoeUI';
        font-size: 14px;
        font-weight: 500;
        line-height: 0px;
        margin: 10px 0px 0px 0px;
    }

    .social-icons p
    {
        font-size: 14px;
        line-height: 23px;
        height: 0px;
    }

.social-icons-list
{
    float: left;
    height: 20px;
    margin-top: 5px;
    position: relative;
}

    .social-icons-list ul
    {
        padding: 0;
        margin: 0;
    }

        .social-icons-list ul li,
        .social-icons-list ul li a span
        {
            float: left;
            list-style-type: none;
            margin: 6px;
            height: 25px;
            margin-top: 3px;
            width: 25px;
            cursor: pointer;
            margin-bottom: 0;
        }

#search
{
    height: 125px;
    overflow: hidden;
}


.mix-errorpage-right-contentpart
{
    float: left;
}

.search-box
{
    width: 375px;
    height: 32px;
    margin: 5px 7px;
    border: 1px solid #cfcfcf;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    position: relative;
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 3PX;
}

    .search-box img.search-icon
    {
        cursor: pointer;
        float: right;
    }

.search-icon
{
    cursor: pointer;
    float: right;
}

.search-textbox
{
    border: none;
    height: 30px;
    width: 332px;
    margin: 0;
    position: absolute;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: segoeUI;
}

.mix-errorpage-innercontent
{
    position: relative;
}

.search-box .search-textbox:focus
{
    outline: none;
}
@media (min-width:1280px) and (max-width:1365px)
{
.genie-img
{
    width: 325px;
    float: left;
    margin-top: 10px;
}

}
@media (min-width:1366px)
{
.genie-img
{
    width: 350px;
    float: left;
   
}

}
@media only screen and (min-device-width:1280px) and (max-device-height:600px)
{
    /*.genie-img
    {
        width: 330px!important;
        height: 500px!important;
    }*/
}
    .mix-errorpage-container h1
{
    font-family: 'SegoeUI';
    color: #3b3b3b;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
   
}

.mix-errorpage-container p
{
    font-family: 'SegoeUI';
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
   
}
@media (min-width: 1025px)
{
    .social-icons
    {
        display: block;
        float: right;
    }
    .mix-errorpage-container h1
{
    font-family: 'SegoeUI';
    color: #3b3b3b;
    /*padding-top: 10px;*/
  
    font-size: 29px;
}

.mix-errorpage-container p
{
    font-family: 'SegoeUI';
    color: #000;
   
    font-size: 14px;
}


    .mix-errorpage-left-contentpart
    {
        float: left;
        position: relative;
        margin-top: -23px;
        left: 20px;
    }

    .mix-errorpage-left-contentpart1
    {
        display: none;
    }

    .footer-links
    {
        width: 16%;
        float: left;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait)
{

    .mix-errorpage-innercontent
    {
        padding-top: 170px;
        width:425px;
        margin:0 auto;
    }

    .search-icon
    {
        height: 28px;
    }

    .ms-SearchBox
    {
        WIDTH: 412PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 335px !important;
        padding: 3px 3px 7px 5px !important;
    }

    .mix-errorpage-right-contentpart
    {
        padding-top: 100px;
    }


    .genie-img
    {
        width: 390px!important;
    }

    .mix-errorpage-header
    {
        height: 50px;
        width: 100%;
        margin: 0 auto;
    }

   
    .mix-errorpage-left-contentpart1
    {
        display: block!important;
        float: right;
    }

    .mix-errorpage-left-contentpart
    {
        display: none!important;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape)
{
    .mix-errorpage-innercontent
    {
        padding-top: 170px;
         width:425px;
        margin:0 auto;
    }

    .search-icon
    {
        height: 28px;
    }

    .ms-SearchBox
    {
        WIDTH: 412PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 335px !important;
        padding: 3px 3px 7px 5px !important;
    }

    /*.search-box .search-textbox
    {
        border: none;
        height: 27px;
        width: 227px!important;
        margin: 0;
        position: absolute;
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
    }*/

    .mix-errorpage-right-contentpart
    {
        padding-top: 100px;
    }

    .search-box
    {
        margin: 0 auto;
        margin-top: 10px;
        width: 350px;
        padding: 0px;
        height: 30px;
    }

    .genie-img
    {
        width: 520px!important;
    }

    .mix-errorpage-header
    {
        height: 50px;
        width: 100%;
        margin: 0 auto;
    }

    .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 21px;
    }

    .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 13px;
        padding: 0px;
    }

    .mix-errorpage-left-contentpart1
    {
        display: block!important;
        float: right;
    }

    .mix-errorpage-left-contentpart
    {
        display: none!important;
    }
}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait)
{
    .genie-img {
    width: 390px!important;
}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape)
{
.genie-img {
    width: 520px!important;
}
}
@media (min-width:768px) and (max-width:1024px)
{
    .mix-errorpage-innercontent
    {
        padding-top: 170px;
         width:425px;
        margin:0 auto;
    }

    .mix-errorpage-left-contentpart1
    {
        display: block!important;
        float: right;
    }

    .search-icon
    {
        height: 28px;
    }

    .ms-SearchBox
    {
        WIDTH: 412PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 335px !important;
        padding: 3px 3px 7px 5px !important;
    }


    .mix-errorpage-right-contentpart
    {
        padding-top: 100px;
    }
     .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 21px;
    }

    .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 13px;
        padding: 0px;
    }

    .search-box
    {
        margin: 0 auto;
        margin-top: 10px;
        width: 350px;
        padding: 0px;
        height: 30px;
    }

  
}

@media (max-width:1024px)
{

    .mix-errorpage-footer
    {
        display: none!important;
        height: 0px!important;
    }

    .mix-errorpage-left-contentpart
    {
        display: none!important;
    }

    .search-icon
    {
        margin-top: -1px;
    }

    .mix-mWaffle
    {
        display: none!important;
    }

    .mix-errorpage-responsive
    {
        display: none;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:portrait)
{



    .search-icon
    {
        height: 28px;
    }

 

    .ms-SearchBox
    {
        WIDTH: 290PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 226px !important;
        padding: 3px 3px 7px 5px !important;
    }

    .mix-errorpage-innercontent
    {
        padding-top: 170px;
        width: 300px;
        margin: 0 auto;
    }


    .mix-errorpage-header
    {
        height: 70px;
        width: 100%;
        margin: 0 auto;
    }

   
}

@media (min-width:320px) and (max-width:767px) and (orientation:portrait)
{

    .ms-SearchBox
    {
        WIDTH: 290PX;
        margin-top: 10px !important;
    }
       .genie-img
    {
        position: relative;
        right: 0px;
        float: right;
        width: 210px!important;
    }
    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 226px !important;
        padding: 3px 3px 7px 5px !important;
    }

    .mix-errorpage-innercontent
    {
        padding-top: 170px;
        width: 300px!important;
        margin: 0 auto;
    }

    .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 14px!important;
    }

    .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 13px!important;
        padding: 0px;
    }

    .mix-errorpage-left-contentpart1
    {
        display: block!important;
        float: right!important;
    }
     .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 14px;
    }

    .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 13px;
        padding: 0px;
    }
}

@media (min-width:320px) and (max-width:767px) and (orientation:landscape)
{
    .mix-errorpage-innercontent
    {
        padding-top: 170px;
        width: 380px!important;
        margin: 0 auto;
    }

    

    .ms-SearchBox
    {
        WIDTH: 358PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 285px !important;
        padding: 3px 3px 7px 5px !important;
    }

   
    .mix-errorpage-left-contentpart1
    {
        display: block!important;
        float: right!important;
    }
     .genie-img
    {
        position: relative;
        right: 0px;
        float: right;
        width: 360px!important;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape)
{
    .mix-errorpage-innercontent
    {
        padding-top: 170px;
        width: 380px;
        margin: 0 auto;
    }

    .ms-SearchBox
    {
        WIDTH: 358PX;
        margin-top: 10px !important;
    }

    .ms-SearchBox-field
    {
        border: none!IMPORTANT;
        WIDTH: 285px !important;
        padding: 3px 3px 7px 5px !important;
    }

    .mix-errorpage-header
    {
        min-height: 50px;
        width: 100%;
        margin: 0 auto;
    }

    .search-box .search-textbox
    {
        height: 27px;
        width: 310px;
    }

   
     .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 16px;
        padding: 0px;
    }
    .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 18px;
    }
   
}

@media (max-width:767px)
{
      .mix-errorpage-container p
    {
        font-family: 'SegoeUI';
        font-size: 16px;
        padding: 0px;
    }
    .mix-errorpage-container h1
    {
        font-family: 'SegoeUI';
        color: #3b3b3b;
        font-size: 18px;
    }
    .mix-errorpage-left-contentpart
    {
        display: none;
    }

    .genie-img
    {
        position: relative;
        right: 0px;
        float: right!important;
    }

    .mix-errorpage-rightside p
    {
        color: #fff;
        float: right;
        text-align: justify;
        font-family: 'SegoeUI';
        padding-left: 5px;
        padding-right: 5px;
    }

    .mix-errorpage-right-contentpart
    {
        padding-top: 100px;
    }
}

@media (min-width:1280px)
{

    .search-box .search-textbox
    {
        border: none;
        height: 30px;
        width: 410px!important;
        margin: 0;
        position: absolute;
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .search-box
    {
        width: 460px!important;
        height: 32px;
        margin: 5px 7px;
        border: 1px solid #cfcfcf;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        margin-top: 10px;
        margin-left: 20px;
    }

    .mix-errorpage-right-contentpart
    {
        float: left;
        margin-left: 2%;
    }
}

.mix-errorpage-left-contentpart
{
    float: left;
    position: relative;
    z-index: 99;
}

.mix-errorpage-left-contentpart1
{
    display: none;
}

.mix-errorpage-innercontent
{
    z-index: 9999;
    position: relative;
}

/*.genie-img
{
    width: 370px;
    float: left;
}*/
@media (min-width:1025px) and (max-width:1134px)
{
    .genie-img
    {
        width: 210px;
        float: left;
        margin-top: 10px;
    }
}
@media (min-width:1135px) and (max-width:1279px)
{
    .genie-img
    {
        width: 260px;
        float: left;
        margin-top: 10px;
    }
}

@media (min-width:1370px) and (max-width:1600)
{
    .genie-img
    {
        width: 410px;
    }

  
}

@media (min-width:1601px) 
{
    .genie-img
    {
        width: 510px;
    }

  
}

.ms-SearchBox-clearButton
{
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 40px;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    color: #0078d7;
    text-align: center;
    font-size: 16px;
    float: right;
    right: 0;
}

.ms-SearchBox
{
    border: 1px solid #cfcfcf;
    outline: 1px solid transparent;
}

@media (min-width:1025px)
{
    .searchbox-wrapper-big
    {
        WIDTH: 450PX;
    }

    .searchbox-big
    {
        WIDTH: 368px!important;
    }
    .mix-errorpage-innercontent
    {
        width:600px;
        margin:0 auto;
        top : 50%;
   position : absolute;
   margin-top:-93px;
   left : 50%;
 margin-left:-300px;


    }
}

.ms-SearchBox-field
{
    border: none!IMPORTANT;
    padding: 3px 3px 7px 5px!important;
}

    .ms-SearchBox-field:focus
    {
        background: none!important;
    }

.ms-SearchBox-icon
{
    float: left;
}

.ms-SearchBox:focus
{
    background: none!important;
}

.ms-SearchBox-field:hover
{
    background: none!important;
}

.ms-SearchBox:hover
{
    background: none!important;
}

.fabric-search-icon
{
    /*color: #cfcfcf!important;*/
    color: #666666!important;
}

.fabric-close-icon
{
    /*color: #cfcfcf!important;*/
    color: #666666!important;
    /*display: none!important;*/
}

.ms-SearchBox-clearButton
{
    display: none;
}

.ms-SearchBox:hover
{
    background: none;
}
/* Ie 11*/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
  

    .mix-errorpage-rightside h3
    {
        height: 20px;
    }

    .mix-errorpage-rightside p
    {
        margin-top: 2px;
    }
}*/



/* Ie edge*/
/*@supports (-ms-accelerator:true)
{
    body

{
}

.genie-img
{
    margin-top: 1px;
    height: 530px;
    width: 375px;
}
}*/