/********************** DEFAULT STYLES **********************/

*, body {
    margin: 0;
    padding: 0;
   /* overflow-x: hidden;*/
}

.clear {
    clear: both;
}

/* --------------- navigation --------------- */

nav {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    background-color: #1b75bb;
}

.uppernav {
    width: 100%;
    background-color: #1b75bb;
}

    .uppernav img {
        display: block;
        margin: auto;
    }

.navbar {
    background-color: #035684 !important;
}

    .nav-link {
        color: white !important;
        transition: 0.3s;
    }
    .nav-link:hover {
        color: #d6de23 !important;
    }

    .socialiconscontainer a {
        color: white !important;
        transition: 0.3s;
    }
    .socialiconscontainer a:hover {
        color: #d6de23 !important;
    }

    .navbar-toggler-icon {
        background-image: url('../images/toggler_white.svg') !important;
    }

    .gsc-control-cse {
        background-color: #035684 !important;
        border: 0px !important;
        padding: 0px !important;
    }

        .gsc-input-box {
            border-radius: 0px !important;
        }

        .gsc-search-button {
            border-radius: 2px !important;
            border: 0px !important;
            background-color: #1b75bb !important;
            transition: 0.3s;
        }
            .gsc-search-button:hover {
                background-color: #d6de23 !important;
            }
            .gsc-search-button:active {
                background-color: #d6de23 !important;
            }

/* --------------- footer --------------- */

    footer  {
        width: 100%;
        background-color: #035684;
        padding: 20px;
        color: #B1CDEF;
        font-family: 'Montserrat', sans-serif;
    }

    .OTAlogo {
    }

    .sitemap {
    }
        .sitemap a {
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0px;
            color: #d6de23;
            transition: 0.3s;
            text-decoration: none;
            padding: 0 6px;
        }
            .sitemap a:hover {
                color: #fff;
            }
            .sitemap a:active {
                color: #fff;
            }

    .OTAaddress {
    }


/************************************************************/

@media screen and (min-width: 280px)  {

/* --------------- navigation --------------- */

    nav {
        /*position: relative;*/
    }

    /*uppernav*/

    .uppernav {
        padding: 24px 0;
    }

        .uppernav img {
            width: 200px;
        }

    /*lowernav*/

    .navbar-toggler {
        display: block;
        margin: auto;
        border: 0px;
        color: white;
    }

    .navbar-nav {
        padding-top: 12px;
    }

        .nav-item {
            margin: 5px 0 !important;
        }

            .nav-link {
                text-align: center;
                font-size: 1.25em;
            }

    hr {
        color: white;
    }

    .socialiconscontainer {
        width: 200px;
        margin: 24px auto;
    }
        .socialiconscontainer i {
            font-size: 2em;
            text-align: center;
            width: 24px;
            margin: 0 6px;
        }

    .searchcontainer {
        margin-top: 24px;
        margin-bottom: 12px;
    }

        .gsc-input-box {
            margin-right: 6px;
            padding: 0px !important;
        }

        .gsc-search-button {
            padding: 0px;
        }

            .gsc-search-button-v2 {
                padding: 10px 24px !important;
            }

            .gsib_a input {
                background-size: auto 50% !important;
                background-position: 50% !important;
            }

/* --------------- footer --------------- */

footer {
    padding: 24px;
    text-align: center;
}

    .OTAlogo {
        width: 100%;
        margin-bottom: 24px;
    }
        .OTAlogo img {
            width: 60%;
        }

    .sitemap {
        color: white;
        width: 100%;
        margin: 48px 0;
    }
        .sitemap a {
            font-size: 0.9em;
        }

    .OTAaddress {
        color: white;
        width: 100%;
        margin-top: 24px;
    }

        .OTAaddress p {
            font-size: 0.75em;
        }

    #clearfooter p {
        font-size: 0.75em;
    }

}

/************************************************************/

@media screen and (min-width: 320px)  {


}

/************************************************************/

@media screen and (min-width: 375px)  {


}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

@media screen and (min-width: 414px)  {


}

/************************************************************/

@media screen and (min-width: 480px)  {

}

/************************************************************/

@media screen and (min-width: 568px) {

    .searchcontainer {
        width: 300px;
        margin: 24px auto 12px auto;
    }

/* --------------- footer --------------- */

footer {
    padding: 24px;
}

    .OTAlogo {
        float: left;
        width: 33%;
        margin: 0;
    }
        .OTAlogo img {
            width: 40%;
            float: left;
            margin: 0;
        }

    .sitemap {
        float: left;
        width: 33%;
        margin: 0;
    }   
        .sitemap p {
            font-size: 0.6em;
        }
        .sitemap a {
            font-size: 0.6em;
        }

    .OTAaddress {
        float: left;
        width: 33%;
        text-align: right;
        margin: 0;
    }

        .OTAaddress p {
            font-size: 0.6em;
        }

    #clearfooter p {
        font-size: 0.6em;
    }

}

/************************************************************/

@media screen and (min-width: 667px) {

/* --------------- footer --------------- */

footer {
}
    .OTAlogo {
        margin: 0;
    }
        .OTAlogo img {
            width: 82px;
            height: auto;
        }

    .sitemap {
        margin: 24px 0 0 0;
    } 

    .OTAaddress {
        margin: 12px 0 0 0;
    }

}

/************************************************************/

@media screen and (min-width: 736px)  {


}

/************************************************************/

@media screen and (min-width: 768px)  {


}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {

 

}

/************************************************************/

@media screen and (min-width: 992px)  {

    nav {
        position: fixed;
        top: 0;
        z-index: 1000;
    }

    hr {
        display: none;
    }

    /*uppernav*/

    .uppernav img {
        width: 180px;
    }

    /*lowernav*/

    .navbar {
        padding: 0px !important;
    }

    .navbar-nav {
        padding-top: 0px;
        margin-right: 0px !important;
        width: 33%;
    }

        .nav-item {
            margin: 0 !important;
        }

            .nav-link {
                text-align: center;
                font-size: 0.9em;
                padding: 0 8px !important;
            }

    hr {
        color: white;
    }

    .socialiconscontainer {
        /*width: 110px;*/
        width: 33%;
        height: 24px;
        margin: 8px auto;
        padding: 0 0 0 5px;
    }

        .socialbuttons {
            width: 137px;
            height: auto;
            display: block;
            margin: auto;
        }

        .socialiconscontainer i {
            font-size: 1.5em;
            text-align: center;
            width: 24px;
            height: 24px;
            margin: 0 0px;
        }

    .searchcontainer {
        width: 33%;
        margin-top: 4px;
        margin-bottom: 0px;
    }

        .searchbox {
            width: 250px;
            float: right;
        }

        .gsc-input {
            padding-right: 4px !important;
        }

        .gsc-input-box {
            height: 27px !important;
            margin-right: 4px;
            padding: 0px !important;
        }
            .gsc-input-box table {
                height: 27px !important;
            }

            #gs_tti50 {
                padding: 1px 4px;
            }

            .gsib_a {
                height: 27px !important;
                padding: 0px;
            }
                .gsib_a input {
                    background-size: auto 40% !important;
                    background-position: 50% !important;
                }

        .gsc-search-button {
            padding: 0px;
        }

            .gsc-search-button-v2 {
                padding: 6px 24px !important;
            }

}

/************************************************************/

@media screen and (min-width: 1024px)  {

}

/************************************************************/

@media screen and (min-width: 1115px)  {

				
}

/************************************************************/

@media screen and (min-width: 1266px)  {

}

/************************************************************/

@media screen and (min-width: 1280px)  {

}

/************************************************************/

@media screen and (min-width: 1366px)  {

}

/************************************************************/


@media screen and (min-width: 1600px)  {

}

/************************************************************/

@media screen and (min-width: 1920px)  {

}

/************************************************************/