.navbar-nav > li {
    float: left;
    padding: 0 36px 0 46px;
}
.navbar-nav > li > a {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
/*.nav.navbar-nav a:hover {border-bottom: 1px solid;}*/

.nav > li > a {
    display: block;
    position: relative;
    padding: 0;
}
.logo {
    float: left;
    padding-top: 0;
}
.top-nav {
    width: 100%;
}
/* navigation */

#navbar {
    background: #243ea8 none repeat scroll 0 0;
    float: left;
    margin-top: 19px;
    width: 100%;
    padding: 18px 0 10px;
}
.nav.navbar-nav a {
    padding: 0 0 8px !important;
    width: auto;
    font-size: 16px;
    border-bottom: 1px solid #243EA8;
}
.nav.navbar-nav a:hover {
    border-bottom: 1px solid #fff;
}
.nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: calc(1) !important;
    width: 100% !important;
}
.inner.footer {
    background: #243ea8 none repeat scroll 0 0;
    margin: 0 20px;
    padding: 23px 0 9px;
}
.inner.footer > p {
    color: #fff;
    font-size: 14px;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background: none !important;
    text-decoration: none;
}
.nav.navbar-nav li ul {
    border-bottom: 0 none;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
}
#menu li {
    background: #243EA8 none repeat scroll 0 0;
    list-style: outside none none;
    padding: 3px 11px;
    text-align: left;
    width: 100%;
}
#menu li a {
    border: medium none;
}
.nav.navbar-nav li:hover ul {
    display: block;
}
.navbar-toggle {
    background: #000 none repeat scroll 0 0;
    color: #243EA8;
}
.inner.banner {
    padding-top: 0;
}
.middle {
    margin: 26px 0;
}
.middle p {
    color: #1d1c1c;
    font-size: 16px;
    line-height: 26px;
    /*text-align: left*/
    
    ;
}
.inner.footer {
    background: #243ea8 none repeat scroll 0 0;
    margin: auto;
    padding: 30px 0 10px;
    width: 100%;
}
.footer p {
    color: #1d1c1c;
}
/* responsive css here */

@media only screen and (min-width: 980px) and (max-width: 1024px) {
    .cover-container {
        width: 920px !important;
    }
    .inner.footer {
        margin: auto;
        width: 100%;
    }
    .navbar-nav > li {
        float: left;
        padding: 0 36px 0 29px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 979px) {
    .cover-container {
        width: 768px !important;
    }
    .inner.footer {
        margin: auto;
        width: 100%;
    }
    .navbar-nav > li {
        float: left;
        padding: 0 26px 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
    .cover-container {
        width: 700px !important;
    }
    .navbar-nav > li {
        float: left;
        padding: 0 22px 0 2px;
    }
    .inner.footer {
        margin: auto;
        width: 100%;
    }
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
    .cover-container {
        width: 600px !important;
    }
    .navbar-nav {
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
        text-align: left;
        width: 100%;
        padding: 5px 55px 4px 19px;
    }
    .inner.footer {
        margin: auto;
        width: 100%;
    }
    .masthead-brand {
        color: #1d1c1c;
        font-family: "engravers_mtregular";
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .navbar-toggle {
        background: #243EA8 !important;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
    }
    .nav.navbar-nav a {
        text-align: center;
        border-bottom: none;
    }
    .nav.navbar-nav a:hover {
        text-align: center;
        border-bottom: none;
    }
    .dropdown-content {
        background-color: #f9f9f9;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        display: block;
        left: 159px;
        min-width: 160px;
        position: absolute;
        text-align: center;
        top: 32px;
        z-index: 9999;
    }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
    .cover-container {
        width: 450px !important;
    }
    .navbar-nav {
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
        text-align: left;
        width: 100%;
    }
    .masthead-brand {
        color: #1d1c1c;
        font-family: "engravers_mtregular";
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .navbar-toggle {
        background: #243EA8 !important;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
    }
    .nav.navbar-nav a {
        text-align: center;
        border-bottom: none;
    }
    .nav.navbar-nav a:hover {
        text-align: center;
        border-bottom: none;
    }
    .dropdown-content {
        background-color: #f9f9f9;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        display: block;
        left: 121px;
        min-width: 160px;
        position: absolute;
        text-align: center;
        top: 22px;
        z-index: 9999;
    }
    .nav > li {
        width: 100% !important;
    }
}
@media only screen and (min-width: 360px) and (max-width: 480px) {
    .cover-container {
        width: 340px !important;
    }
    .masthead-brand {
        color: #1d1c1c;
        font-family: "engravers_mtregular";
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .navbar-toggle {
        background: #243EA8 !important;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
    }
    .logo {
        float: none;
        padding-top: 0;
    }
    .inner.footer > p {
        color: #fff;
        font-size: 12px;
    }
    .navbar-nav {
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
        padding: 5px 55px 4px 27px;
    }
    .nav.navbar-nav a {
        text-align: center;
        border-bottom: none;
    }
    .nav.navbar-nav a:hover {
        text-align: center;
        border-bottom: none;
    }
    .dropdown-content {
        background-color: #f9f9f9;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        display: block;
        left: 0;
        min-width: 160px;
        position: absolute;
        text-align: center;
        top: 30px;
        z-index: 9999;
    }
    .nav > li {
        width: 100% !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
    .cover-container {
        width: 280px !important;
    }
    .navbar-nav {
        margin: 0 !important;
    }
    .navbar-nav > li {
        float: left;
        padding: 5px 55px 4px 27px;
    }
    .masthead-brand {
        color: #1d1c1c;
        font-family: "engravers_mtregular";
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .navbar-toggle {
        background: #243EA8 !important;
    }
    .navbar-toggle .icon-bar {
        background: #fff none repeat scroll 0 0;
    }
    .logo {
        float: none;
        padding-top: 0;
    }
    .inner.footer > p {
        color: #fff;
        font-size: 12px;
    }
    .nav.navbar-nav a {
        text-align: center;
        border-bottom: none;
        font-size: 14px;
    }
    .nav.navbar-nav a:hover {
        text-align: center;
        border-bottom: none;
    }
    .dropdown-content {
        background-color: #f9f9f9;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        display: block;
        left: 0;
        min-width: 160px;
        position: absolute;
        text-align: center;
        top: 31px;
        z-index: 9999;
    }
    .nav > li {
        width: 100% !important;
    }
}
.margin-top-sm {
    margin-top: 10px;
}
.margin-top-md {
    margin-top: 20px;
}

/* Login/Register Begin */
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
    body {
        background-color: #f9f9f9 !important;
        font-family: 'Open Sans', sans-serif!important;
        font-size:11px;
    }
    .well{
        background-color:#fff!important;
        border-radius:0!important;
        border:black solid 1px;
    }

    .well.login-box {
        /*width:400px; */
        border:#d1d1d1 solid 1px;
        margin:0 auto;
        margin-top:30px;
    }
    .well.login-box legend {
      font-size:26px;
      text-align:center;
      font-weight:300;
    }
    .well.login-box label {
      font-weight:300;
      font-size:13px;
      
    }
    .well.login-box input[type="text"] {
      box-shadow:none;
      border-color:#ddd;
      border-radius:0;
    }

    .well.welcome-text{
        font-size:21px;
    }

    /* Notifications */

    .notification{
        position:fixed;
        top: 20px;
        right:0;
        background-color:#FF4136;
        padding: 20px;
        color: #fff;
        font-size:21px;
        display:none;
    }
    .notification-success{
      background-color:#3D9970;
    }

    .notification-show{
        display:block!important;
    }

    /*Loged in*/
    .btn-default {
        color: #333;
        background-color: #f9f9f9;
        border-color: #ccc;
        border: 1px solid;
        text-align: center;
        cursor: pointer;
        color: #5e5e5e;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f9f9f9)), #f9f9f9;
        background: -moz-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
        background: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
        background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
        border-color: #c3c3c3 #c3c3c3 #bebebe;
        -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
        box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    }
/* Login/Register Ends */

/* Portlet Start  */
    .row-no-gutter {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .row-no-gutter [class*="col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    #card {
        background: #fff;
        position: relative;

        -webkit-box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);
        -moz-box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);
        box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);

        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;  
    }

    .city-selected {
        position: relative;
        overflow: hidden;
        min-height: 200px;
        background: #3D6AA2;
    }

    article {
        position: relative;
        z-index: 2;
        color: #fff;
        padding: 20px;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .info .city,
    .night {
        font-size: 24px;
        font-weight: 200;
        position: relative;


        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .info .city:after {
        content: '';
        width: 15px;
        /*height: 2px;*/
        background: #fff;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    .city span {
        color: #fff;
        font-size: 13px;
        font-weight: bold;

        text-transform: lowercase;
        text-align: left;
    }

    .night {
        font-size: 15px;
        text-transform: uppercase;
    }

    .icon {
        width: 84px;
        height: 84px;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;

        overflow: visible;

    }


    .temp {
        font-size: 21px;
        display: block;
        position: relative;
        font-weight: 200;
    }

    .temp a, .temp a:hover {
        color: #fff;
    }

    svg {
        color: #fff;
        fill: currentColor;
    }


    .wind svg {
        width: 18px;
        height: 18px;
        margin-top: 20px;
        margin-right: 10px;
        vertical-align: bottom;
    }

    .wind span {
        font-size: 13px;
        text-transform: uppercase;
    }

    .city-selected:hover figure {
        opacity: 0.4;
    }


    figure {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-position: center;
        background-size: cover;
        opacity: 0.1;
        z-index: 1;

        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .days .row [class*="col-"]:nth-child(2) .day  {
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: #eaeaea;
    }

    .days .row [class*="col-"] {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;  
    }

    .days .row [class*="col-"]:hover{
        background: #eaeaea;
    }

    .days .day {
        padding: 10px 0px;
        text-align: center;

    }

    .days .day h1 {
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .days .day svg {
        color: #000;
        width: 32px;
        height: 32px;
    }
/* Portlet Ends */

/* Print Begin */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    /*@page { margin: 0; }
    body  { margin: 1.6cm; }*/
    @page{size:auto; margin-bottom:5mm;margin-top:5mm;}

}
/* Print Begin */

img {
    image-orientation: from-image;
}


/* 24th august 2022 */
.newsletter_middle .middle table tr td {
    white-space: nowrap;
} 
/* //24th august 2022 */