/* ################################################################
Author URI: http://www.creativewebdesign.no/
Description: 100% Responsive, Highly Customizable, Unlimited color schemes and SEO Friendly Theme using Twitter Bootstrap, Search Engine Friendly.

    1)   GENERAL STRUCTURES
    2)   HEADER TOP SECTION

    3)   MAIN SIDE SECTION
            3.1)  SLIDER  SECTION
            3.2)  PRODUCTS SECTION
            3.3)  OVERVIEW SECTION
            3.4)  PICTURE SECTION
            3.5)  ARTICLES SECTION
    4) FOOTER: CONTACT SECTION;
    5) AGENTS PAGE
    6) ABOUT PAGE
    7) SUPPORT

    ..)  RESPONSIVE SECTION

################################################################# */
/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,600italic,700,800,400italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,900,700,600,500,300,200,100);


/* ======================
   1. GENERAL SECTION
 ====================== */
* {
    margin: 0;
    padding: 0px;
}
html,body{
  width:100%;
    height: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    background: #fff;
    color: #656565;
    padding: 0;
    margin: 0;
    overflow: visible;
    padding-top: 54px;
    
}
a :active, a:hover {
color:#2968a0;
}
h1{
    text-transform: uppercase;
 
}
 h2.main-header{
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 2rem;
    color:#666;
   


 }
  h2.main-header:after {
     background: none repeat scroll 0 0 rgba(150,150,150, 0.3);
     bottom: -10px;
     content: "";
     display: block;
     height: 1px;
     position: relative;
     width: 20rem;
     margin:auto;
 }
  h2.service-header{
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 1rem;
    color:#666;
   


 }
 h2.service-header2{
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 1rem;
    color:#666;
   


 }
  h2.service-header:after {
     background: none repeat scroll 0 0 rgba(150,150,150, 0.3);
     bottom: -10px;
     content: "";
     display: block;
     height: 1px;
     position: relative;
     width: 20rem;
     margin:auto;
 }

 p.service-underheader{
    font-style:italic; font-size:0.8rem !important; text-align:center!important; width:60%; margin:auto; padding-bottom:3rem; color:#777
 }




 /* ############# table color ###################*/
 .black{
    background-color: rgba(0,0,0,0.8);


 }
  .green{
    background-color: rgba(48,144,103,0.8);
    
 }
   .lila{
    background-color: rgba(125,71,130,0.8);
    
 }
   .blue{
    background-color: rgba(42,104,160,0.8);
    
 }
 table th{
    color:#fff;
    border-right:3px solid #fff;
    text-align: center;

 }
  table td{
    color:#666;
    border-right:3px solid #fff;
    background-color: #f4f4f4;
    text-align: center;
    border-bottom: 3px solid #fff;


 }
 table td:last-child, th:last-child{
  border-right:0px solid #fff;

 }
 table.table-sm td{
    font-size: 0.7rem;
 }

 .table-sm td, .table-sm th {
    padding: 0.1rem;
}

/* =======================
   2. HEADER TOP SECTION
========================= */
.navbar{
    background-color: #fff;
    padding:10px;
    box-shadow: 2px 1px 20px 1px rgba(102,102,102, 0.3);
}


.navbar-brand > img{
    max-height: 40px;
}

.nav-link{
    font-size: 0.95rem;

}
.nav-link > .btn{
    margin-top:-5px;

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link .active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link{
    color:#2968a0;
    
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color:#2968a0;
}


.second-navbar{
  position:fixed;
  top:56px;
  width:100%; 
  height:75px; 
  background-color:#fff;
  color: #ddd;
  z-index:9999;
  display:none;
   box-shadow:  5px 15px 15px rgba(102,102,102, 0.1);

  
}
/* ======================
   3. MAIN SIDE SECTION
 ====================== */

    /*--------------------
    3.1)  SLIDER  SECTION
    ---------------------*/


header.masthead {
    background: #ffffff url('/template/images/bg/main-bg.jpg') no-repeat center 70px fixed;
 -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}
header.servhead {
    background: #ffffff url('/template/images/bg/tjenester-bg.jpg') no-repeat center 70px fixed;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}
header.branhead {
    background: #ffffff url('/template/images/bg/branch-bg.jpg') no-repeat center center fixed;
     -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   

}
header.prodhead {
    background: #ffffff url('/template/images/products/products_top.png') no-repeat center 70px fixed;
  
    -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

header > .overlay {
    padding: 5rem 0;
    text-align: center;
    background: rgba(210, 210, 210, 0.1);
}


.display-1{
    font-size: 2.5rem;
 
    color:#666;

}
.display-4{
    font-size: 1.6rem;
    

}
.display-5{
    font-size: 1.4rem;
    font-weight: 300;
    

}
    /*--------------------
    3.2)  PRODUCTS SECTION
    ---------------------*/

#products{

background-color: #fff;
padding:3rem 0;
}

#products h1{
    text-align: center;
}
 #products .nav > .nav-item > .nav-link > img {
    max-height: 150px;
}
 #products .nav > .nav-item:last-child img{
    border-left:1px solid #ddd;
    padding-left:35px;
}

 #products .nav > .nav-item > .nav-link {
    border-bottom: 1px solid #ddd;
 }
  #products .nav > .nav-item >  a{
    text-align: center;
    text-transform: capitalize;
    color:#666;
 }
 #products .nav > .nav-item >  .nav-link:focus, #products .nav > .nav-item > .active {
      border-bottom: 1px solid #666 !important;
}
#products .tab-content > .tab-pane {
    padding: 2rem 0;
} 
#products .tab-content > .tab-pane h4{
   font-size: 1.4rem;
   font-weight: 300;
} 

#products .tab-content > .tab-pane p{
    font-size: 0.8rem;
    text-align: justify;
     font-weight: 300;
}
.products-small-nav li{
  padding: 1rem 0.5rem;
}
.products-small-nav{
  margin-left:10rem;
}
ul.products-small-nav li:first-child .btn-outline-secondary{
  border-color: #309067;
  color:#309067;

}
ul.products-small-nav li:first-child .btn-outline-secondary:hover,ul.products-small-nav li:first-child .btn-outline-secondary:focus {
  background-color: #309067;
  color:#fff;

}
ul.products-small-nav li:nth-child(1) .btn-outline-secondary{
  border-color: #309067;
  color:#309067;

}
ul.products-small-nav li:nth-child(1) .btn-outline-secondary:hover,ul.products-small-nav li:nth-child(1) .btn-outline-secondary:focus, ul.products-small-nav li:nth-child(1) .active .btn-outline-secondary {
  background-color: #309067;
  color:#fff; 

}
ul.products-small-nav li:nth-child(2) .btn-outline-secondary{
  border-color: #7d478b;
  color:#7d478b;

}
ul.products-small-nav li:nth-child(2) .btn-outline-secondary:hover,ul.products-small-nav li:nth-child(2) .btn-outline-secondary:focus, ul.products-small-nav li:nth-child(2) .active .btn-outline-secondary {
  background-color: #7d478b;
  color:#fff; 

}
ul.products-small-nav li:nth-child(3) .btn-outline-secondary{
  border-color: #2968a0;
  color:#2968a0;

}
ul.products-small-nav li:nth-child(3) .btn-outline-secondary:hover,ul.products-small-nav li:nth-child(3) .btn-outline-secondary:focus, ul.products-small-nav li:nth-child(3) .active .btn-outline-secondary {
  background-color: #2968a0;
  color:#fff; 

}
ul.products-small-nav li:nth-child(4) .btn-outline-secondary{
  border-color: #3c3c3b;
  color:#3c3c3b;

}
ul.products-small-nav li:nth-child(4) .btn-outline-secondary:hover,ul.products-small-nav li:nth-child(4) .btn-outline-secondary:focus, ul.products-small-nav li:nth-child(4) .active .btn-outline-secondary {
  background-color: #3c3c3b;
  color:#fff; 

}

table.faded-table tr:first-child td {

  
}
table.faded-table tr:nth-child(2) td {

   -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
   mask-image:linear-gradient(rgba(0, 0, 0, 0.5), transparent);

}
/* ---- MODULER - Tjenester ----*/

#moduls{

background-color: #fff;
padding:3rem 0;
}

#moduls h1{
    text-align: center;
}
 #moduls .nav > .nav-item > .nav-link > img {
    max-height: 120px;
}
 #moduls .nav > .nav-item > .nav-link {
    border-bottom: 1px solid #ddd;
 }
 #moduls .nav > .nav-item >  a{
    color: #888 ;
    font-size:0.8rem;
    text-align: center;
 }
 #moduls .nav > .nav-item >  a:hover{
    color: #555 ;

 }
 #moduls .nav > .nav-item >  .nav-link >  .fa{
    padding-bottom: 1rem;
    color:#888;
 }
 #moduls .nav > .nav-item >   .active >  .fa{
    padding-bottom: 1rem;
    color:#555 !important;
 }
  #moduls .nav > .nav-item >  .nav-link >  .fa:hover{
    padding-bottom: 1rem;
    color:#555;
 }

 #moduls .nav > .nav-item >  .nav-link:focus, #moduls .nav > .nav-item > .active {
      border-bottom: 1px solid #666;
      color:#555;
  
}
#moduls .tab-content > .tab-pane {
    padding: 3rem 0;
} 

#moduls .photo{
    -moz-box-shadow:    inset 0 0 10px #666;
   -webkit-box-shadow: inset 0 0 10px #666;
   box-shadow:         inset 0 0 10px #666; 
   max-height: 300px;
   height:300px;
   width:100%;
   -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-right: 10px solid #fff;


} 
#moduls p, ul{
    font-size: 0.85rem;
    text-align: justify;
}
#moduls .tab-content .row{
    background-color: #f3f3f3;
}


.hover{
     background-color: rgba(42,104,160,0.5);
     color:#333;
}

/* ########### icon sets  ################ */
.bicon{
    height: 50px;
    line-height: 50px;
    width: 50px;
    display: inline-block;
    
   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
     left: -3rem;
    position: absolute;
    text-align: center;
    
    
}


 /* ########### end of icon sets  ################ */

 /*--------------------
    3.2)  OVERVIEW SECTION
    ---------------------*/

#overview{


padding:4rem 0;

background-color:  #f7f7f7;
background-image: url(/template/images/bg/overview_bg.png);

background-repeat: no-repeat;
background-position: top right;
}
#overview-wh{


padding:7rem 0;

background-color:  #fff;



}
#overview-wh ul li, #overview ul li{

padding:1rem 0;

}
#overview-blue{


padding:7rem 0;

background-color:  #2a68a0;

background-repeat: no-repeat;
background-position: 0rem 2rem;
background-size: auto 100%;
color:#fff;
}
#overview-gr{


padding:4rem 0;

background-color:  #f7f7f7;

background-repeat: no-repeat;
background-position: 0rem 2rem;
background-size: auto 100%;
}

#overview-gr .carousel-inner {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 80%;
    height: auto;
}
#overview-gr .carousel-item.active,
#overview-gr .carousel-item-next,
#overview-gr .carousel-item-prev{
 display:block !important;
}



#overview-gr .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23666\' viewBox=\'0 0 8 8\'%3E%3Cpath d=\'M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3E%3C/svg%3E");
}
#overview-gr .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23666\' viewBox=\'0 0 8 8\'%3E%3Cpath d=\'M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3E%3C/svg%3E");
}

#overview-gr .carousel-indicators {
    -moz-box-pack: center;
    bottom: -50px;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: outside none none;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 0;
    position: absolute;
    right: 0;
    z-index: 15;
}
#overview-gr .carousel-indicators li {
    -moz-box-flex: 1;
    background-color: rgba(0,0,0, 0.5);
    cursor: pointer;
    flex: 1 0 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    max-width: 30px;
    position: relative;
    text-indent: -999px;
}
#overview-gr .carousel-indicators li::before {
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%;
}
#overview-gr .carousel-indicators li::after {
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}
#overview-gr .carousel-indicators .active {
    background-color: #999;
}
#overview-gr .carousel-caption {
    top: -20px;
    color: #333;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    z-index: 10;
}


#overview-sec{


padding:3rem 0;

background-color:  #f7f7f7;

}
#overview-sec ul{


margin-left: 3rem;

}
#overview-sec ul li p{


font-size: 0.9rem;
font-weight: 300;

}
#overview-sec ul  li h4 {
    font-size: 1.4rem;
    font-weight: 300;
}
#overview-third{


padding:3rem 0;

background-color:  #fff;

}
#overview-third ul{


margin-left: 3rem;

}
#overview-third  p{


font-size: 1.3rem;
font-weight: 300;
line-height: 1.8rem;

}
#overview-third ul  li h4 {
    font-size: 1.4rem;
    font-weight: 300;
}

#overview-dark{


padding:3rem 0;

background-color:  #e3e3e3;

}

#overview-dark p{
  font-size: 1rem;
font-weight: 300;

}
#overview-dark ul{


margin-left: 3rem;


}
#overview-dark ul li {


font-size: 0.8rem;
font-weight: 300;

}
#overview-dark ul  li h4 {
    font-size: 1.3rem;
    font-weight: 300;



}


.ticon{
    height: 60px;
    line-height: 60px;
    display: inline-block;
    
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
     left: -0.5rem;
    position: absolute;
    text-align: center;
    
    width: 60px;
}
.ta-one{ 
    
    background-position: -6px -805px;
}
.ta-two{  
    
    background-position: -6px -843px;
}
.ta-three{  
    
    background-position: -6px -882px;
}
.ta-four{  
    
    background-position: -4px -921px;
}

#branch{


padding:3rem 0;

background-color:  #fff;

background-repeat: no-repeat;
background-position: 0rem 2rem;
background-size: auto 100%;
}
.branch-box{
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 324px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);

border:4px solid #fff;
padding:2em;
}

.branch-box h3{
    
    font-weight: 300;
    text-align: center;
    font-size:1.3rem;
}
.branch-box p{
    text-align: justify;
    font-size: 300;
}
.branch-box img {
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

 /*--------------------
    3.3)  NONAME SECTION
    ---------------------*/

#noname{






    background: url('/template/images/bg/testimonial-bg.jpg') no-repeat top center fixed;
    -webkit-background-size:  cover;
    -moz-background-size:  cover;
    background-size:  cover;
    -o-background-size: cover;
    height: 950px;
}

#noname > .overlay {
    
    text-align: center;
  
   
    height:100%;
}
.abouthead > .overlay {
    text-align: center;
    background-color: rgba(255, 255, 255,0.2);
    height:100%;
  
}

 /*--------------------
    3.4)  ARTICLES SECTION
    ---------------------*/

#articles{


padding:3rem 0;
 box-shadow: 10px 8px 54px 0 rgba(0, 0, 0, 0.1)

}
.article-box{
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);

border:4px solid #fff;
padding:2em;
}

 .col-md-4 > .article-box > h5{
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 1.1rem;
    max-height: 45px;
    min-height: 45px;
  }
   .col-md-10 > .article-box > h5{
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
   
  }
.article-box p{
    text-align: justify;
    font-size: 300;
    font-size:0.8rem;
}
.article-box .short{
   max-height: 110px;
    min-height: 110px;
}

.col-md-10> .article-box > .photo{
  height:370px;
  width:100%;
  background-position: center;
  background-size: 100% auto;
  margin-bottom:3rem;
}
 .col-md-4 > .article-box >.photo{
  height:170px;
  width:100%;
   background-position: center;
  background-size: 100% auto;
  margin-bottom:1rem;
}
#articles .btn-secondary {
    color:#999 !important;
    font-weight: 300;
}
.article-box img{
    padding-bottom:2rem;
    width:100%;
    height:200px;
}
#articles .smallOne{
  white-space: nowrap;
overflow: hidden;
  text-overflow: ellipsis;

}
/*--------------------
4)  FOOTER: ONTACT SECTION
    ---------------------*/

#contact{


padding:3rem 0;
background-color: #efefef;
 font-weight: 300;
 color:#444;

}

.social-media{
        display: block;
        margin-top: 10px;
    }
    .social-media ul{
        margin: 0;
        padding: 0;
        display: block;
    }
    .social-media ul li{
        list-style: none;
        display: inline-block;
        margin-right: 3px;
        float: left;
    }
    .social-media ul li a{
        color: #999;
    }
    .social-media ul li a i{
        height: 35px;
        width: 35px;
        font-size: 20px;
        border: 1px solid #999;
        text-align: center;
        padding: 7px 0;
    }
    .social-media ul li a:hover i{
        background: #666;
        border: 1px solid #666;
        color:#efefef;
    }    
 
#contact h5{
    font-size: 1rem;
    
    text-transform: capitalize;
    color:#333;

}

#contact .contact{
    padding-top: 1rem;

}

#contact a{
  color:#333;
}

/* ======================
   5. AGENTS PAGE
 ====================== */

.agenthead {
    background: #ffffff url('/template/images/bg/agent-bg.jpg') no-repeat center -200px fixed;

    -webkit-background-size:cover;
     -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   

}
#agents{
padding:3rem 0;
text-align: center;
}

#agents h4{
    text-transform: uppercase;
    font-size: 1rem;
    padding-bottom: 2rem;
}
#agents .agent-box img{
width:30%;
}
#agents .agent-box p{
    font-size:0.7rem;
    text-align: justify;
}
#agents h5{
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

#agents-contact{
    padding:3rem 0;

background-color:  #f7f7f7;
}

#agents-contact h3{
    font-size:1.4rem;
    font-weight: 300;
    text-transform: uppercase;
    color:#ef4769;
    padding-bottom: 1rem;
}
#agents-contact h3 > span{
     color:#2968a0;
 }

#agents-contact .fa{
    color:#2968a0;
    font-size:0.7rem;
    padding-top:0.15rem;

}
#agents-contact li{
    font-weight: 300;
    line-height: 26px;

}
.aicon{
    height: 26px;
    line-height: 26px;
    display: inline-block;
    
    background-image: url(/template/images/agents/contact_icons.png);
    background-repeat: no-repeat;
     left: 3.14286rem;
    position: absolute;
    text-align: center;
    
    width: 2.14286em;
}
.a-one{ 
    
    background-position: 0px 4px;
}
.a-two{  
    
    background-position: 0px -24px;
}
.a-three{  
    
    background-position: 0px -53px;

}
.business-card{
    border:1px solid #999; border-radius:5px; padding:2rem; display: inline-table; width:100%
}
.business-card-text{
    float:left;
}
.business-card-text > ul{
    margin-left:2rem;
    margin-top:5rem ;
}
.business-card-text > h4{
  color:#2968a0;
  font-size:1rem;
  font-weight: 700;
  margin:0;
}
.business-card-text > p{
    font-weight: 700;
    }

.business-card-bg{
    float:right;
}

/* ======================
   6. ABOUT PAGE
 ====================== */

 .abouthead {
    background: #ffffff url('/template/images/bg/about-bg.jpg') no-repeat center -280px fixed;

     -webkit-background-size:100% auto;
     -moz-background-size:100% auto;
    background-size:100% auto;
    -o-background-size:100% auto;
   
   

}
#about{
      padding:3rem 0;
}
#about p{
    font-size:0.8rem;
    text-align: justify;
}


#about-staff{
     padding:3rem 0;
     background-color:  #f7f7f7;


}
#about-staff .staff-photo{
padding-right:0.6rem; border-right:1px solid #ddd; background-color: #f7f7f7;
}
#about-staff h4{
     
color:#666;
margin-bottom: 0;
padding-bottom: 0.6rem;
font-size: 1.1rem;

}
#about-staff h5{
    font-weight: 400;
    font-size: 0.7rem;
    padding-bottom: 0.6rem;
    color:#888;
}
#about-staff .staff-info{
 background-color:#ededed;
}
#about-staff h5:after {
     background: none repeat scroll 0 0 rgba(150,150,150, 0.3);
     bottom: -10px;
     content: "";
     display: block;
     height: 1px;
     position: relative;
     width: 7rem;
     margin:auto;
     margin-bottom: 1rem;
 }
 #about-staff p{
    padding-bottom:0px;
    margin: 0.3rem;
    margin:auto;
 }
 #about-staff p > span{
    color:#999;

 }
 #about-contact{
      padding:3rem 0;
}
#about-contact .about-map{
     box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 324px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);
}
.about-box h5{
  font-weight: 300;
  font-size:1rem;
}
 #map {
                width: 100%;
                height: 250px;
            }
/* ======================
    7. PODUCTS PAGE
 ====================== */
#products-page{

background-color: #fff;
padding:3rem 0;
}

 #products-all{
      padding:3rem 0;
      background-color: #fff;

}
 #products-mini-first{
      padding:3rem 0 0 0;
      background-color: rgba(48, 144, 103,0.1);
    }


 #products-standard-first{
      padding:3rem 0  0 0;
      background-color: rgba(125, 71, 139, 0.1);

}
 
 #products-pluss-first{
      padding:3rem 0  0 0;
      background-color: rgba(42, 104, 160, 0.1);

}

 #products-proff-first{
      padding:3rem 0  0 0;
      background-color: rgba(60, 60, 59, 0.1);

}
 
#products-page p.service-underheader, #products-mini-second p.service-underheader {
    color: #777;
    font-size: 0.8rem;
    font-style: italic;
    margin: auto;
    padding-bottom: 1rem;
    text-align: center;
    width: 80%;
}
.m{
   background-color:rgba(48,144,103, 0.6) !important;
   color:#fff;
}
.s{
   background-color:rgba(125, 71, 139, 0.6) !important;
   color:#fff;
}
.p{
   background-color:rgba(42, 104, 160, 0.6) !important;
   color:#fff;
}
.pr{
   background-color:rgba(60, 60, 59, 0.6) !important;
   color:#fff;
}
.product-description h5{
    font-size:1.5rem;
   
    font-weight: 300;
   color:#2968a0;
    
}

.product-description p{
    font-size:0.8rem;
    text-align: justify;
    font-weight: 300;
}

.product-description-list p{
    font-size:0.8rem;
    text-align: justify;
    font-weight: 300;
}
.product-description-list h4{
   font-size: 1.4rem;
    font-weight: 300;
}



.product-description li{
   font-size:0.8rem;
    text-align: justify;
    font-weight: 300;

}
.product-description ul{
    margin-left: 1rem;
}
.product-description .btn-outline-secondary {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff;
    font-size:0.8rem;
    cursor: pointer;
}
#products-adds{
    padding:3rem 0;
    background-color:#f7f7f7;
}







/*==================================
BRANCH PAGE
======================================*/
#branch-module{


background-color: #fff;
padding:3rem 0;

}

#branch-module .nav > .nav-item > .nav-link > img {
    max-height: 120px;
}
#branch-module .nav > .nav-item > .nav-link {
    border-bottom: 1px solid #ddd;
 }
#branch-module .nav > .nav-item >  a{
    color: #888 ;
    font-size:0.8rem;
    text-align: center;
 }
#branch-module .nav > .nav-item >  a:hover{
    color: #555 ;

 }
#branch-module .nav > .nav-item >  .nav-link >  .fa{
    padding-bottom: 1rem;
    color:#888;
 }
#branch-module .nav > .nav-item >   .active >  .fa{
    padding-bottom: 1rem;
    color:#555 !important;
 }
 #branch-module .nav > .nav-item >  .nav-link >  .fa:hover{
    padding-bottom: 1rem;
    color:#555;
 }

#branch-module .nav > .nav-item >  .nav-link:focus, 
{ border-bottom: 1px solid #666 !important;
      color:#555;}

#branch-module .nav > .nav-item > .active {
      border-bottom: 1px solid #666 !important;
      color:#555;
  
}
#branch-module .tab-content > .tab-pane {
    padding: 3rem 0;
} 
.branch-grey{
  background-color: #f3f3f3;
}
.branch-light-grey{
  background-color: #f9f9f9;
}
.branch-dark-grey{
  background-color: #e1e1e1;
}
.branch-white{
  background-color: #fff;
}
.branch-description{
  padding:2rem 4rem;
}
.branch-description h4{
  font-weight: 300;
  font-size: 1.8rem;


}

.branch-description p{
  font-weight: 300;
  font-size:0.8rem;
  text-align: justify;

  
}
#branch-module .shadow{
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.3);

}


.middle {
  margin:auto;
  height:100%;
  display:table;
}

.middle div{
    vertical-align: middle;
  display:table-cell;
}

#BranchSeconHeader ul li{
  text-align: center;

}
#BranchSeconHeader ul li a{
  color: #888 ;
    font-size:0.7rem;
    text-align: center;
  
}
#BranchSeconHeader ul li a{
  color: #888 ;
    font-size:0.7rem;
    text-align: center;
  
}
#BranchSeconHeader ul li a.active{
  color: #555;
  
}
.branhead  > .overlay {
    text-align: center;
    background-color: rgba(255, 255, 255,0.2);
    height:100%;
  
}

/*==================================
SUPPORT
===================================*/

    .support .bottom-text h1 {
      font-size: 2.2rem;
      font-weight: 100;
      
      
      color:#666}

    .support .bottom-text  p {
      font-size: 1rem;
      font-weight: 300;
      margin-bottom: 1rem;
      color:#666 }

header.support{

background: #ffffff url("/template/images/bg/support-bg.jpg") no-repeat;
  
    -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-bottom:1px solid #f7f7f7;
}
#support{

background-color: #fff;
padding:3rem 0;
}

#support h1{
    text-align: center;
}

#support .nav > .nav-item > .nav-link {
    border:1px solid #ddd ;
    margin: 0 10px;
    width:150px;
    height:120px;
    padding:20px 0px 0px 0px;

}
 #support .nav > .nav-item >  a{
    color: #888 ;
    font-size:0.8rem;
    text-align: center;
 }
 #support .nav > .nav-item >  a:hover{
    color: #555 ;

 }
 #support .nav > .nav-item >  .nav-link >  .fa{
    padding-bottom: 1rem;
    color:#888;
 }
 #support .nav > .nav-item >   .active >  .fa{
    padding-bottom: 1rem;
    color:#555 !important;
 }
  #support .nav > .nav-item >  .nav-link >  .fa:hover{
    padding-bottom: 1rem;
    color:#555;
 }

 #support .nav > .nav-item >  .nav-link:focus, #support .nav > .nav-item > .active {
      border-bottom: 1px solid #666;
      color:#555;
  
}
#support .tab-content > .tab-pane {
    padding: 3rem 0;
    
} 
#support h2.service-header::after {
   
    width: 30rem;
}

#support h2.service-header {
    font-size:1.7rem;
}
#support p.service-underheader {
   
    width: 80%;
}
#support .photo{
    -moz-box-shadow:    inset 0 0 10px #666;
   -webkit-box-shadow: inset 0 0 10px #666;
   box-shadow:         inset 0 0 10px #666; 
   max-height: 300px;
   height:300px;
   width:100%;
   -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-right: 10px solid #fff;


} 
#support p, ul{
    font-size: 0.85rem;
    text-align: justify;
}


#support #accordion a{
  color:#666;
  font-size: 1.3rem;
  font-weight: 300;

}
.hover{
     background-color: rgba(42,104,160,0.5);
     color:#333;
}
#livesearch{
  padding:2rem 1rem;
  text-align:left;
  background-color: #fff;
  z-index:99;
}
#livesearch a{
  color:#333;
  font-weight: 400 !important;

}

/*===============================
AGENTPORTAL
=================================*/
#navbarMain h3{
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  color:#2b69a0;
   letter-spacing: 6px;
}


#agentportal  .bg-inverse{
  background-color: #666 !important;
  padding:3rem 0;
}


#agentportal  .bg-inverse .list-group-item:first-child {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}
#agentportal  .bg-inverse .list-group-item:last-child {
    border-bottom-left-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    margin-bottom: 0;
}

#agentportal  .bg-inverse .list-group-item {
    
    background-color: #555;
    border: 1px solid rgba(0, 0, 0, 0.125);
   
}
#agentportal  .bg-inverse .list-group-item a{
    
    color:#fff;
}
#agentportal  .bg-inverse .list-group-item a:hover{
    
    color:#fff;
    text-decoration: none;
}
#agentportal  .bg-inverse .list-group-item:hover{
    
       background-color: #444;
}
#agentportal .no-padding{
  padding: 0 !important;
}
#news, #download{
  background-color: #fff;
  padding:3rem 0;

}
#leads{
  background-color: #f7f7f7;
  padding:3rem 0;

}
#leads table.table tr th, #leads table.table tr td{
  text-align: left !important;
  vertical-align: middle;


}

tr.main-row{
  background-color: #2b69a1;
  font-size: 1rem;
  text-transform: uppercase;
  
  border-bottom:5px solid #f7f7f7;
  border-top:5px solid #f7f7f7;
}
tr.main-row th{
  font-weight: 300 !important;
}
.bx-wrapper{
margin:10px auto;
}

#download table.table tr th, #download table.table tr td{
  text-align: center !important;
  vertical-align: middle;


}
#download table.table tr td ul{
  padding:1% 10%;
  font-size:0.8rem;
}
#download table.table tr td h5{
   font-weight: 300 !important;
   font-size:1rem;
}
#download  table.table tbody tr:nth-of-type(2n+1) td{
    background-color: rgba(0, 0, 0, 0.05) !important;
}
/* ======================
    RESPONSIVE SECTION
 ====================== */

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }

    header > .overlay {
       /* padding: 21rem 0 12rem 0 ;*/
       height: 100%
    }
    
} 





@media (min-width: 1680px) {
header.masthead{
     height:600px ;
    -webkit-background-size:auto 600px !important;
     -moz-background-size: auto 600px !important;
    background-size: auto 600px !important;
    -o-background-size: auto 600px !important;
}
header.servhead{
     height:560px ;
    -webkit-background-size:auto 570px !important;
     -moz-background-size: auto 560px !important;
    background-size: auto 570px !important;
    -o-background-size: auto 560px !important;
}
header.branhead{
     height:600px ;
 
}

header.prodhead{
     height:600px ;
     background-position: center 15px;
      -webkit-background-size:auto 640px !important;
     -moz-background-size: auto 640px !important;
    background-size: auto 640px !important;
    -o-background-size: auto 640px !important;
   
}
header.support{
     height:890px ;
     background-position:  center -280px;
   
}
header.support .bottom-text{

  margin-top:600px;
  height:100%;
}
.agenthead{
       height:565px ;
       background-position: center -300px;
}
.abouthead{
       height:600px ;
       background-position: center -100px;
}
#overview{
  background-size: auto 140%;
}
   
}

@media (max-width: 1440px) {
header.masthead{
     height:600px ;
    -webkit-background-size:auto 600px !important;
     -moz-background-size: auto 600px !important;
    background-size: auto 600px !important;
    -o-background-size: auto 600px !important;
}
header.servhead{
     height:560px ;
    -webkit-background-size:auto 570px !important;
     -moz-background-size: auto 560px !important;
    background-size: auto 570px !important;
    -o-background-size: auto 560px !important;
}
header.support{
     height:656px ;
     background-position:  center -200px;
   
}
header.support .bottom-text{

  margin-top:330px;
  height:100%;
}
header.prodhead{
     height:560px ;
    -webkit-background-size:auto 570px !important;
     -moz-background-size: auto 560px !important;
    background-size: auto 570px !important;
    -o-background-size: auto 560px !important;
}

header.branhead{
     height:560px ;
    
    
}

.agenthead{
       height:550px ;
       background-position: center -340px;
}

.abouthead{
       height:550px ;
       background-position: center -100px;
}
}

@media (max-width: 1366px) {
header.masthead {
    height:300px;
    -webkit-background-size:auto 300px !important;
     -moz-background-size: auto 300px !important;
    background-size: auto 300px !important;
    -o-background-size: auto 300px !important;

}
header.prodhead {
    height:300px ;
    -webkit-background-size:auto 300px !important;
     -moz-background-size: auto 300px !important;
    background-size: auto 300px !important;
    -o-background-size: auto 300px !important;

}
header.servhead {
    height:300px ;
    -webkit-background-size:auto 300px !important;
     -moz-background-size: auto 300px !important;
    background-size: auto 300px !important;
    -o-background-size: auto 300px !important;

}
header.branhead{
     height:300px ;
 
}
#overview{
  background-size: auto 90%;
}
.agenthead{
       height:300px;
}
.abouthead{
    height:300px;
     -webkit-background-size:cover !important;
     -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
}
}
@media (max-width: 640px) {
header{}

}
@media (max-width: 450px) {
header{}
}