/*------------------------------------------------------------------
[responsive Stylesheet - responsive.css]

Project:	    North Col Theme
Version:	    1.1
Last update:	2015-06-03
Assigned to:	XlntCode, Peter Björk
Primary use:	Multi Purpose Business Theme 
-------------------------------------------------------------------*/

@import "/fonts/css/et-line.css";
@import "/fonts/css/xlntcode.css";

/* ==============================================================
   Media queries
   ============================================================== */
@media (max-width: 480px) { /* mobile only */
    .countdown li span { 
        font-size: 26px;
        color: #666;  
    }
    .countdown li.seperator {
        font-size: 26px;
        line-height: 34px;
        vertical-align: top!important;
        padding: 0 5px;
        color: #666;
    }
    .countdown li p {
        font-size: 14px;
        margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
    h2 { 
        font-size:24px;
    } 
    .navbar .navbar-nav > li > a {
        font-size:13px;
        font-weight: 400;
    }
    #portfolio .filter-button, #portfolio-mp .filter-button {
        margin-bottom:5px;
    }
    #tab-content {
        margin-bottom:15px;
    }
    .nav-tabs > li > a {
        padding-left:7px; padding-right:8px;
        font-size:14px;
    }
    #section-news .panel-footer, #section-news-mp .panel-footer {
        padding-left:3px; padding-right:3px;
    }
    #section-news .btn, #section-news-mp .btn {
        margin-right:1px;
        margin-left:1px;
    }
    .banner {
        margin-top:70px;}
    a.gmap-btn {
        text-align: center!important;}
}
@media screen and (max-width:991px) {
    /* ---Custom pages: 404 error, under construction, coming soon -pages--- */
    .error-page .container, .under-construction .container  {
        margin-top:70px;
        padding:15px 15px 30px;
    }
    .coming-soon .container {
        width:auto!important;
        padding:20px 15px 40px;
        margin-top:70px;
    }
    .error-page h1, .under-construction h1,  .coming-soon h1 {
        font-size:32px;
        text-transform:uppercase;
    }
    .error-page .large-404-text, .under-construction .large-under-construction-text {
        font-size:24px;
        text-transform:uppercase;
        padding:0px;
        line-height:1;
    }
    .embed-responsive {
        margin-top:0px;
    }
    /* ---Align btn to center--- */
    .services-alt-button   {
        text-align:center;
    }
    /* ---Revolution Slider--- */ 
    .banner-fullscreen {
        margin-top:0px;
    }
    #section-news .btn {
        margin-right:1px;
        margin-left:1px;
    }
    .contact-details {
        padding-bottom:20px;
    }
    /* ---Navbar--- */
    .navbar-brand {
        float: left;
        padding: 12px 15px 12px 15px;
        font-size: 18px;
        line-height: 20px;
        height: 70px; 
        display: none;
    }

    .navbar-brand img {

    }

    .navbar {
        border-bottom: 1px solid rgba(204, 204, 204, .5);
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 18px;
        margin-bottom: 18px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
    }
    .navbar .navbar-nav > li > a {
        font-size:13px;
        font-weight: 300;
        border-bottom:1px solid #ededed;
        text-decoration: none;
    }
    .navbar .navbar-nav > li:last-child > a {
        border-bottom:0!important;
    }
    .navbar-nav .open .dropdown-menu li a {
        font-size:13px;
        text-decoration: none;
    }
    .navbar-nav .dropdown-menu li:last-child a  { 
        border-bottom:none;
    }
    /* ---Open Icon--- */
    .dropdown>a:after   {
        content: "\f107"; /* Angle Down */
        font-family:'FontAwesome';
        font-size:13px;
        padding-left:0px;
        float:right;
        width:20px;
        height:20px;
        line-height:20px;
        background:#fff;
        border:1px solid #ccc; 
        webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius:50%;  
        text-align:center;
        position:absolute;
        right:10px;
    }
    .dropdown-submenu>a:after    {
        content: "\f107"; /* Angle Down */
        font-family:'FontAwesome';
        font-size:13px;
        padding-left:0px;
        width:20px;
        height:20px;
        line-height:20px;
        background:#fff;
        border:1px solid #ccc; 
        webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius:50%;  
        text-align:center;
        position:absolute;
        right:10px;
    }
    /* ---Close Icon--- */
    .navbar .navbar-nav > .open > a:after ,  .dropdown-menu > .open > a:after   {
        content: "\f106"; /* Angle Up */
        font-family:'FontAwesome';
        font-size:13px;
        padding-left:0px;
        float:right;
        width:20px;
        height:20px;
        line-height:18px;
        background:#ededed;
        border:1px solid #ccc; 
        webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius:50%;  
        text-align:center;
        color:#282828;
        position:absolute;
        right:10px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 15px 10px 30px;
        border-bottom:1px solid #ededed;
    }
    .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
        padding: 10px 15px 10px 45px;
        border-bottom:1px solid #ededed;
    }
    /* ---Navbar shrink / Full height--- */ 
    .nav-height   {
        background: transparent;   
        -webkit-transition:0.5s;
        -moz-transition:0.5s;
        -ms-transition:0.5s;
        transition:0.5s;
        border-bottom:1px solid transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .nav-height .container   {
        max-height:70px;
    }
    .nav-height ul   {
        background: rgba(237, 237, 237, 1);
    }
    .navbar-shrink   {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
        -webkit-transition:0.5s;
        -moz-transition:0.5s;
        -ms-transition:0.5s;
        transition:0.5s;
    }
    .nav-height.navbar-shrink   {
        -webkit-transition:0.5s;
        -moz-transition:0.5s;
        -ms-transition:0.5s;
        transition:0.5s;
    }
    .nav.navbar-nav.navbar-right {
        border:1px solid #ededed;
        border-top-color: transparent;
    }
    /* --Fixed white background - !!no transition-- */
    .nav-height.white-bgr  {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
    }
    .nav-height.white-bgr.navbar-shrink  {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;}

    /* --Navbar search-- */
    .navbar-search {
        padding: 6px 10px;
        min-width: 250px;
        max-width:none;}
}

@media screen and (max-width:1199px) { 
    /* ---Align sections & certain divs to center--- */
    .forgot-password  {
        text-align:center !important
    }
}
@media screen and (min-width:768px) {  
    .copy-footer, .app-copy-footer {
        float:left;
    }
    .social, .app-social { 
        float: right;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-nav li a {	
        padding-left:8px;
        padding-right:8px;
    }
    .mega-menu .list-unstyled li a  {	
        padding-left:0px;
        padding-right:0px;
    }
    #section-news .panel-footer, #section-news-2 .panel-footer {
        padding-left:5px; padding-right:5px;
    }
    #section-news .btn, #section-news-alt .btn, #section-news-mp .btn {
        margin-right:1px;
        margin-left:1px;
        margin-top:5px;}
}
@media screen and (min-width:992px) {
    /* ---------------------------------
       Navbar
       --------------------------------- */
    .navbar {
        background:rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
    }
    .nav-height  {
        background: url(/img/bgr-top-menu.jpg)  center top no-repeat;;
        background-size: cover;
        border-bottom:none;
        /*-webkit-transition:0.5s;
         -moz-transition:0.5s;
         -ms-transition:0.5s;
         transition:0.5s; */
    }
    .nav-height .navbar-right li a      {
        padding-top: 25px;
        padding-bottom: 24px;
        -webkit-transition:padding 0.5s, color 0.5s;
        -moz-transition:padding 0.5s, color 0.5s;
        -ms-transition:padding 0.5s, color 0.5s;
        transition:padding 0.5s, color 0.5s; 
        text-decoration: none;
    }
    .navbar-shrink {
        /* -webkit-transition:0.5s;
         -moz-transition:0.5s;
         -ms-transition:0.5s;
         transition:0.5s; */
    }
    .navbar-brand {
        padding-top: 0px; 
        display: none;
    }
    .navbar-brand img {
        padding-top:12px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;   
    }
    .white-bgr .navbar-brand img {
        padding-top:10px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
    }
    .nav-height.navbar-shrink li a   {
        padding-top: 20px;
        /*padding-bottom: 20px;*/
        padding-bottom: 19px;
        -webkit-transition:0.5s;
        -moz-transition:0.5s;
        -ms-transition:0.5s;
        transition:0.5s;
    }
    .nav-height.navbar-shrink  {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
    }
    .navbar-shrink .navbar-brand img {
        padding-top:5px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
    }
    .nav-height.white-bgr  {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
    }
    .nav-height.white-bgr.navbar-shrink  {
        background: rgba(255, 255, 255, 1);
        border-bottom:1px solid #ededed;
    }

    .navbar-nav > li > .dropdown-menu {
        background: #fff;
        padding-top:0px;
        border: 1px solid #ededed;
        margin-top: 0px;
    }
    .navbar-nav .dropdown-menu li a {
        font-weight:400;
        padding-top:10px; 
        padding-bottom:10px;
        font-size:13px;
    }
    .navbar-nav .dropdown-submenu .dropdown-menu li a  {
        border-bottom:1px solid #ededed!important;
    }
    .navbar-nav .dropdown-submenu > .dropdown-menu li:last-child a  {
        border-bottom:none!important;
    }
    .navbar-nav .dropdown-menu li a { 
        border-bottom:1px solid #ededed;
        text-decoration: none;
    }
    .navbar-nav .dropdown-menu li:last-child a  { 
        border-bottom:none;   
    }
    .dropdown-submenu>.dropdown-menu{
        border:1px solid #ededed; 
    }
    /* ---Dropdown animation + submenu--- */
    .open > .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);  
        opacity:1;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);  
        opacity:1;
    }
    .dropdown-menu {
        padding:0px;
        opacity:.3;
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-animation-fill-mode: forwards; 
        -moz-animation-fill-mode: forwards;  
        -ms-animation-fill-mode: forwards;   
        animation-fill-mode: forwards; 
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        display: block; 
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
    }
    .dropdown.no-caret>a:after {
        content:normal; 
    }
    /* ---Navbar End--- */
    .services-slide-margin {
        margin-top:20px;}
}
@media screen and (min-width:1200px) {
    .dropdown:hover > .dropdown-menu,  .dropdown-submenu:hover > .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);  
        opacity:1;}
}