#main { min-height: 975px; }
#root { width: 100%!important; max-width: 100%!important; margin: 0 auto; background: #fff; }
#box1 { font-family: Open Sans,Arial,sans-serif!important; width: 100%; min-width: 248px; height: 80px; position: fixed; top: 0; z-index: 999; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); }
    #box1 .header { max-width: 1080px; width: 100%; display: table; margin: 13px auto 0 auto; }
        #box1 .header .logo { width: 229px; height: 54px; float: left; margin: 0 23px 0 0; transition: all .5s; }
        #box1 .header .navmenu { float: right; margin: 19px 15px 0 0; transition: all .5s; }
            #box1 .header .navmenu .menu ul li .home_lnk { background: url(/img/menu_homeico.png) no-repeat; width: 21px; height: 19px; margin-top: -6px; display: block; }
        #box1 .header .manu_fytbtn { line-height: initial; margin: 15px 0 0 6px; font-size: 14px; text-decoration: none; padding: 4px 8px; background: #f59138; border-bottom: solid 2px #cc792f; color: #fff!important; border-radius: 4px; float: left; transition: background-color .2s ease-out 0s; }
            #box1 .header .manu_fytbtn:hover { background: #fa9e4d; }
            #box1 .header .manu_fytbtn:active { background: #cc792f; border-top: solid 2px #ad6728; border-bottom: none; }
        #box1 .header .navmenu ul,
        li { list-style: none; margin: 0; }
        #box1 .header .navmenu li { float: left; display: block; padding: 0 10px; color: #75818f; font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
            #box1 .header .navmenu li .Usericon { text-decoration: none; color: #3e3e3e; }
            #box1 .header .navmenu li a:hover { color: #f25f9d; }

        #box1 .header .omenu { float: right; margin: 15px; display: none; }

            #box1 .header .omenu div.dropdown { position: relative; }

            #box1 .header .omenu .shadow_sbmnu { background-color: rgba(101, 23, 23, .35); position: absolute; right: 0; top: 81px; z-index: 12; }

            #box1 .header .omenu .submenu { width: 0; height: 0; overflow: hidden; margin: 0 0 3px 3px; background: #fff; color: #3e3e3e; text-align: center; }

                #box1 .header .omenu .submenu hr { margin: 0 auto!important; padding: 0!important; width: 90%; height: 0; border-bottom: solid 1px #eaf9fb; border-top: none; }

                #Top_UsrName2,
                #box1 .header .omenu .submenu a { cursor: pointer; text-decoration: none; height: 38px; line-height: 38px; color: #3e3e3e; display: table; width: 100%; }

                    #Top_UsrName2:hover,
                    #box1 .header .omenu .submenu a:hover { background: #eaf9fb; }

                #box1 .header .omenu .submenu input { border: none; outline: 0; background-color: transparent; margin: 0; width: 100%; cursor: pointer; text-decoration: none; padding: 10px; color: #3e3e3e; display: block; }

                #box1 .header .omenu .submenu #Top_dv_sbmnuUsrs2 { display: table; width: 100%; }

                #box1 .header .omenu .submenu input:hover { background: #eaf9fb; }

            #box1 .header .omenu .account { border: solid 1px #14b9d5; display: table; padding: 1px 4px; border-radius: 4px; }

                #box1 .header .omenu .account img { display: inline-table; margin: 3px 0; float: left; }

                #box1 .header .omenu .account span { display: inline-table; vertical-align: top; color: #14b9d5; font-size: 12pt; margin: 4px 0 0 3px; }

.menu { display: table; width: 100%; }
    .menu ul li a { color: rgba(0,0,0,.6); text-decoration: none; display: block; position: relative; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .menu i.navigation-icon-user { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE5IDIwIj4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPiAgICAgICAgPHBhdGggZD0iTTE4IDE4Ljg1N0gxYzAtNC42OTQgMy44MDQtOC41IDguNS04LjVzOC41IDMuODA2IDguNSA4LjV6TTEzLjc1IDUuMjVBNC4yNTIgNC4yNTIgMCAwIDEgOS41IDkuNWE0LjI1MiA0LjI1MiAwIDAgMS00LjI1LTQuMjVBNC4yNTIgNC4yNTIgMCAwIDEgOS41IDFhNC4yNTIgNC4yNTIgMCAwIDEgNC4yNSA0LjI1eiIvPiAgICA8L2c+PC9zdmc+); width: 19px; height: 20px; }
        .menu i.navigation-icon-user:hover { background: url(https://cdn.dsmcdn.com/frontend/web/assets/images/svg/navigation-user-orange.svg) no-repeat center center; }
    .menu i { transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -webkit-transition-duration: .2s; transition-timing-function: linear; -webkit-transition-timing-function: linear; display: inline-block; float: none; }
    .menu i { display: inline-block; float: none; }
.icon { float: left; background-repeat: no-repeat; }
.icon { display: inline-block; }
#topenakpratik_usr_pnl { position: relative; padding-bottom: 10px!important; }
    #topenakpratik_usr_pnl:hover i.navigation-icon-user { background: url(https://cdn.dsmcdn.com/frontend/web/assets/images/svg/navigation-user-orange.svg) no-repeat center center; }
#OpnrMenu { position: absolute; top: 30px; right: -45px; background-color: #fff; border: solid 1px #dedede; width: 182px; }
    #OpnrMenu:before { content: ""; position: absolute; top: -11px; left: 93px; width: 19px; height: 12px; display: block; background: url(https://cdn.dsmcdn.com/frontend/web/assets/images/svg/arrow-tooltip.svg) no-repeat 0 0; }
    #OpnrMenu ul { display: table; }
        #OpnrMenu ul li { height: 34px; line-height: 34px; padding: 0 10px!important; }
            #OpnrMenu ul li:first-child { padding-top: 10px !important; }
            #OpnrMenu ul li:last-child { padding-bottom: 10px !important; }
            #OpnrMenu ul li a { display: inline-block; width: 135px; height: 27px; float: left; text-align: left!important; text-decoration: inherit; font-size: 14px; color: #000; }
            #OpnrMenu ul li .icon { margin-top: 11px; margin-left: 5px; float: left; }
            #OpnrMenu ul li .icon-rezerv { width: 12px; height: 13px; padding-right: 10px; background: url(https://cdn.dsmcdn.com/frontend/web/assets/images/svg/my-orders.svg) no-repeat 0 0; background-position: 0 0; }
            #OpnrMenu ul li .icon.icon-logout { background: url(https://cdn.dsmcdn.com/frontend/web/assets/images/svg/logout.svg) no-repeat 0 0; width: 12px; height: 12px; padding-right: 10px; }
.lnk_ico { width: auto!important; margin: 0 0 0 2px!important; padding: 0!important; font-size: 11px; display: inline-block!important; vertical-align: top; }
#box6 .content .uyegiris .giris_pnl { width: 60%; display: table; transition: all .3s; margin: 0 auto; }
#box6 .pgh1 { font-size: 36px; float: left; width: 100%; text-align: center; color: #505050; font-family: Arial; font-weight: 100; margin: 151px 0 25px 0; }
#box6 h3 { font-size: 18px; width: 70%; text-align: center; color: #666; font-family: Arial; font-weight: 100; margin: 15px 0; margin: 0 auto; line-height: 25px; }
#box6 .content .aarrow { width: 80%; height: 52px; margin: auto; background: url(/img/aarrow.png) no-repeat top center; }
#box6 .content .uyegiris { width: 85%; margin: 0 auto; padding: 20px 0; display: table; }
    #box6 .content .uyegiris .giris_pnl { width: 60%; display: table; transition: all .3s; margin: 0 auto; }
    #box6 .content .uyegiris .giris { width: 90%; padding: 20px; float: right; margin: 0 auto; margin-bottom: 25px; background: #f8fcfd; border: 1px solid #dae4eb; }
        #box6 .content .uyegiris .giris .blkusrnm span { margin: 0 2px 0 2px; }
        #box6 .content .uyegiris .giris .inp { padding-left: 10px; width: 59%; border: 1px solid #14B9D5; height: 35px; line-height: 35px; margin: 5px 5px 5px 30px; }
        #box6 .content .uyegiris .giris .blkpass span { margin: 0 22px 0 2px; }
        #box6 .content .uyegiris .giris .gbtn { width: 170px; float: right; border: none; outline: none; font-size: 12pt; color: #fff; background: #14b9d5; border-bottom: solid 2px #11a2ba; margin: 5px 15px 0 0; padding: 10px 10px; font-weight: 600; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: background-color 0.2s ease-out 0s; }
            #box6 .content .uyegiris .giris .gbtn:hover { background: #17c5e3; cursor: pointer; }
            #box6 .content .uyegiris .giris .gbtn:active { background: #13b2cc; border-top: solid 2px #119eb5; border-bottom: none; }
.rmbrme { margin: 9px 15px 9px 92px; }
    .rmbrme a { color: #14b9d5; padding: 16px 10px 16px 0; }
#dv_lbl { margin-left: 30px; color: #f37e6b; }
#a_forgetPassword { padding: 16px 10px 16px 0; color: red; display: inline-block; }

@media only screen and (max-width:1180px) {
    #box1 .header .logo { margin: 0 25px 0 15px; }
}

@media only screen and (max-width:1135px) {
    #box1 .header .manu_fytbtn { margin-left: 30%; font-size: 15px; }
    #box1 .header .logo { margin-right: 0; }
}

@media only screen and (max-width:990px) {
    #box1 .header .manu_fytbtn { margin-left: 25%; }
    #box1 .header #Top_Bnaozl,
    #box1 .header .navmenu,
    #box1 .header .signin { display: none; }
    #box1 .header .omenu { display: block; }
}

@media only screen and (max-width:970px) {
    .app_blcok span { display: block; margin-bottom: 20px; padding: 0 10px; }
}

@media only screen and (max-width:768px) {
    #box6 .content .uyegiris .giris { width: 75%; float: none; display: table; }
    #box6 .content .uyegiris .giris_pnl { width: 100%; }
}

@media only screen and (max-width:760px) {
    #box1 .header .omenu { margin-left: 20%; }
    #box1 .header .manu_fytbtn { margin-left: 20%; }
    #box6 .content .uyegiris { width: 100%; float: none; }
        #box6 .content .uyegiris .giris { padding: 4%; width: 92%; float: none; border-left: 0; border-right: 0; margin-bottom: 20px; }
            #box6 .content .uyegiris .giris .blkusrnm span { margin: 0; }
            #box6 .content .uyegiris .giris .inp { padding-left: 5px; margin-left: 0; margin-right: 0; width: 97.7%; }
    .rmbrme { margin-left: 0; }
}

@media only screen and (max-width:640px) {
    #box1 .header .manu_fytbtn { margin-left: 15%; }
    #box1 .header .omenu .submenu { width: 100%!important; margin-left: 0; }
    #box1 .header .omenu .shadow_sbmnu { width: 100%; }
    #box1 { position: static; height: 67px; }
        #box1 .header .omenu .shadow_sbmnu { top: 80px; }
    .MobileOffrButton { display: block; }
    #box6 h2 { margin-top: 70px; }
}

@media only screen and (max-width:595px) {
    #box1 .header .omenu { margin-left: 15%; }
}

@media only screen and (max-width:560px) {
    #Insrance_Add { width: 344px; }
        #Insrance_Add h6 { font-size: 28px; }
}

@media only screen and (max-width:540px) {
    #box1 .header .omenu { margin-left: 10%; }
    #box1 .header .manu_fytbtn { margin-left: 10%; }
}

@media only screen and (max-width:480px) {
    #box1 .header .omenu { margin-left: 0; float: right; margin-right: 5%; }
    #box1 .header .manu_fytbtn { display: none; }
}

@media only screen and (max-width:320px) {
    #Insrance_Add { width: 295px; }
        #Insrance_Add h6 { font-size: 24px; }
}

@media only screen and (max-width:300px) {
    .app_blcok a:last-child { display: block; margin: 0!important; }
    .app_blcok a:first-child { margin: 0 0 5px 0!important; }
}