body{}
a{
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:tallop 0.3s;transition:all 0.3s;
}
/*.contrast *{color:#fff !important;} disable overruling all foreground colors -AR- */ 
img{max-width:100%;height:auto!important;}
/*-- Top --*/
.atop{padding:10px 0;}
.atop a{color:#444;line-height:30px;}
.atop .social a i{background:#444;color:white;height:30px;width:30px;text-align:center;line-height:30px;border-radius:50%;margin:0px 3px;}
.atop .social a:hover{text-decoration:none;}
/*-- Navigation --*/
.navbar-toggle{border:1px solid white;}
.navbar-toggle span{background:white;}
.nav >li >a:hover,.nav >li >a:focus,.nav >li >a:active,.nav >li.current >a,.nav >li.active >a,.nav >li.open >a,.nav >li.open >a:hover{
    background:transparent;
}
.nav li{position:relative;}
.nav >li.open >ul{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    list-style-type:none;
    padding:0px;
    margin:0px;
    z-index:99;
    width:180px;
    border:1px solid #e6e6e6;
    border-top:none;
    background:white;
    margin-top:1px;
}
.nav >li.open:hover >ul{
    display:block;
}
.nav li ul li a{
    color:#444 !important;
    padding:8px 20px;
    display:block;
    background:white;
}
/*.nav li ul li a:hover,.nav >li >ul >li.current >a,.nav >li >ul >li.active >a{text-decoration:none;color:#337AB7 !important;}See PKN_Kollum.css for changes.*/ 
.nav >li.open >ul li + li a{
    border-top:1px solid #e6e6e6;
}
.nav >li.open >ul li ul{
    display:none;
    position:absolute;
    top:0%;
    right:100%;
    list-style-type:none;
    padding:0px;
    margin:0px;
    z-index:99;
    width:180px;
    border:1px solid #e6e6e6;
    background:white;
    border-top:none;
}
.nav >li.open >ul li:hover ul{
    display:block;
}
.nav >li.open >ul li.open a,.nav >li.open >ul li.open a:hover{
    background:white;
    border-top:1px solid #e6e6e6;
}
.nav >li.open >ul >li:hover ul li ul{
    display:none;
    border-top:none;
}
.nav >li.open >ul >li ul li:hover ul{
    display:block;
}
/*.page-header{margin-top:0px;padding-top:0px;padding-left:20px;} See PKN_Kollum.css for changes.
.page-header h1{margin-top:0px;color: chocolate;}*/
/*-- Content -- */
.content{margin:0px 0;background: white;}
/*-- Sidebar -- */
.sidebar *:first-child{margin-top:0px;}
.sidebar h2{color: #D2691E;},.sidebar h3{font-size:24px;color: #D2691E;}/* changed color --AR--*/
/*-- Footer -- */
.footer{margin-bottom:20px;}
.footer .contrast{border-radius:5px;}
.footer [class*= "col- " ]{padding-top:15px;padding-bottom:15px;}
/*-- Responsive --*/
@media (min-width:768px){.phone,.social{padding:0 30px;}
#navbar{padding-right:20px;}}
@media (max-width:767px){.navbar{border-radius:5px;}
.atop,.footer,.text-right{text-align:center;}
.phone,.social{padding:5px 15px;}
.nav li.open ul,.nav li.open ul li ul,.nav li.open ul li ul li ul,.nav li.open ul li:hover ul li ul{display:block;padding-left:0px;margin-left:0px;width:100%;position:relative;right:auto;top:auto;border:none;/*max-height: none !important;    height: auto !important;    overflow: auto;*/background-color:transparent;}
.nav >li.open >ul >li >a,.nav >li.open >ul >li >ul >li >a,.nav >li.open >ul >li >ul >li >ul >li >a{background:transparent !important;color:white !important;}
.nav li + li a{border-top:1px solid #b0c4de!important;}}