﻿/*----- Custom Styles -----*/
header .telephoneNo
{
    font-size: 2em; 
    color: #366092;
    position:absolute;
    right:15px;
    bottom:40px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.sticky-menu-active header .telephoneNo
{
    bottom:10px;
}

.telephoneNo .fa
{
    margin:0 5px 0 0;
}

.font18 { font-size: 18px !important; }
.font24 { font-size: 24px !important; }
.font36 { font-size: 36px !important; }
.font48 { font-size: 48px !important; }
.font60 { font-size: 60px !important; }
.font120 { font-size: 120px !important; }
.font240 { font-size: 240px !important; }

.vertical-center 
{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.top-buffer { margin-top:32px; }

.bottom-buffer { margin-bottom:32px; }

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
img.desaturate:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

@media (min-width: 992px)
{
    html header .nav-bar-primary nav ul.nav-main > li > a {
        color: #ffffff;
    }
    header.nav-bar .nav-main-collapse
    {
        background: #2c80c5;
    }
    ul.nav-pills>li.active>a
    {
        background-color: #2c80c5;
    }
    .nav-pills>li>a {
        border-radius: 0px;
    }
}
@media (max-width: 991px)
{
    header .social-icons 
    {
        display:block;
    }
    header.nav-bar .btn-responsive-nav {
        top: 40px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
    }
    
    header .telephoneNo
    {
        right:80px;
        font-size:1.5em;
    }
    header .logo img {
        width: 180px;
        height:29px !important; 
    }
    .sticky-menu-active header .logo img 
    {
        height:29px !important; 
    }
    
    .sticky-menu-active header .header-top, .sticky-menu-active header nav ul.nav-top {
        display: none;
    }
    .sticky-menu-active header.nav-bar .btn-responsive-nav {
        top: 63px;
    }
}


@media only screen and (min-width: 0px) and (max-width: 479px) 
{
    header .social-icons 
    {
        display:block;
    }
    header .telephoneNo
    {
        display:none; 
    }
        
    .LoginPanel{
		width: 100%;
		padding:0;
	}
		
	.dnnLoginService input[type="text"], .dnnLoginService input[type="password"]{
		min-width: 100%;
        width: 100%;
	}
		
	.dnnFormItem > label.dnnFormLabel, .dnnLabel{
		width: auto;
	}
		
	div.dnnRegistrationForm{
		min-width: 100%;
        width: 100%;
	}
		
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea{
		max-width: 100%;
        width: 100%;
	}
		
	.dnnFormMessage{
		max-width: 100%;
	}
		
	div.dnnRegistrationForm .dnnForm{
		width:100%;
	}
    
    .sticky-menu-active header .header-top, .sticky-menu-active header nav ul.nav-top {
        display: none;
    }
}