/*------------------------------------------------------------------
[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;
}
.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;
}
.navbar .navbar-nav > li:last-child > a {
   border-bottom:0!important;
}
.navbar-nav .open .dropdown-menu li a {
   font-size:13px;
}
.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(255, 255, 255, 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:transparent;
   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; 
}
.navbar-shrink {
  /* -webkit-transition:0.5s;
   -moz-transition:0.5s;
   -ms-transition:0.5s;
   transition:0.5s; */
}
.navbar-brand {
   padding-top: 0px;
}
.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;
}
.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;}
}