/*define all colors in lessstyles.less*/



html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll;   
}

body {
    margin-top: 120px;
    margin-bottom: 20px;     
}

.maxWidth {
    max-width: 1170px;
}

.navbar-header, .navbar-nav{
    margin-top: 20px;
    margin-bottom: 15px;
}

.page-header {
    margin-top: 0;
}

.panel-body {
    padding-top: 0;
}


.featuredImg {
    
    margin-bottom: 30px;
    height: auto;
    
    width: 100%;;    
}

.featuredImgStartPage {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -30px;
    height: auto;
    
    width: 100%;;    
}




#legalLink {    
    max-width: 300px; /*a little bit lower than 1170/3=390*/    
}


#legalLink:hover{
	text-decoration: overline underline;
    
    -webkit-transform: scale(1.4) translateX(2em);
    transform: scale(1.4) translateX(2em);    
    
    -webkit-transition: all 1.3s ease 0s;
    transition: all 1.3s ease 0s;    
}


.navbar-fixed-bottom {
    background-image: url(../images/banner-bottom-small.jpg);
}

.myfooter {
    background-image: url(../images/banner-bottom-small.jpg);
/*    background-color: #393434;*/
    bottom: 0;
    position: absolute;    
    
    /*margin-bottom: 100px ! important; */
}

.myfooter > div > div > div > p { /*Copyright and Name*/
    color: black;    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes wiggle {
     0%   {-webkit-transform: /*rotate(0deg) */scale(1.3);}    
    30% {-webkit-transform: /*rotate(0deg) */scale(1.5);}    
    100% {-webkit-transform: /*rotate(0deg) */scale(1.3);} 
}


/* Standard syntax */
@keyframes wiggle {
    0%   {transform: /*rotate(0deg) */scale(1.3);}    
    30% {transform: /*rotate(0deg) */scale(1.5);}    
    100% {transform: /*rotate(0deg) */scale(1.3);}   
}


.navbar-brand:hover {
    
    -webkit-animation-name: wiggle; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */       
    
    animation-name: wiggle;
    animation-duration: 1s;   
    
}


.nav li:hover{
    -webkit-transform: scale(1.05);  
    -webkit-transition: all 0.3s ease 0s;     
    
    transform: scale(1.05);  
    transition: all 0.3s ease 0s; 
}



.mynavbarbutton{    
    vertical-align: middle;
}

@media (max-width:1200px){
    #mySidebar {
        margin-bottom: 160px;
    }
}

@media (max-width:935px) and (min-width:768px) { 
     .navbar-brand > center > p > b{  /*Brand Title*/
        font-size: 1.9em ! important;        
        margin-right: -26px;
        margin-left: -0.7em;
        vertical-align: middle;        
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    } 
    .navbar-brand > center > p{  /*Brand Subtitle*/
        font-size: 0.9em ! important;        
        margin-right: -26px;
        margin-left: -0.7em;
        vertical-align: middle;        
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }    
    .nav > li > a > center > p {  
        font-size: 1.2em ! important;
        font-weight: regular ! important;
        
       
    }
     .nav > li  {    
         
         margin-left: 35px;
         margin-right: -35px;
         
        
    }
/*    some changes are also made in the script myadapter.js    (adding and removing line breaks on smartphone view)*/
}


@media (max-width:767px){
    .navbar-brand{
        margin-left: -15px;
        margin-top: 4px;
        padding-left: 40px;
        margin-right: 30px;
        vertical-align: middle;
        
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    
    .nav > li > a > center > p {  
        font-size: 1.8em ! important;
        font-weight: normal ! important;
        margin-top: 1em;
        margin-bottom: 1em ! important;
            
    }
    
    
    
  
}


@media (min-width:417px){ /*330*/
    .navbar-brand{
        margin-top: 4px;
        padding-left: 40px;
        margin-right: 30px;
        vertical-align: middle;
        
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}


@media  (max-width:416px){ /*329*/    
    .navbar-brand{
        margin-top: 10px;
        margin-left: -30px;
        margin-right: -100px;
        
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    
}


@media (max-width:330px){ /*250*/   
    .navbar-brand{
        margin-top: 15px;
        margin-left: -60px;
        margin-right: -200px;
        
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    
}



@media (max-width:260px){  
    .navbar-brand{
        margin-top: 15px;
        margin-left: -130px;
        margin-right: -200px;
        
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    
}







.my-sidebar-box{
    margin-bottom: 30px;
}











.carousel {    
    left:  5%;
    right: 95%;
    width: 90%;    
}

.carousel-inner {
    margin-left: 10%;
    width: 80%;
}

/*.carousel-inner .active img { 
    transform: scale(1.2);
    padding: 20px;
}*/

/*.carousel-inner .active.left img { 
    transform: translateX(-200px);
    visibility: visible !important;
    padding: 20px;
}*/




.embeddedPDF {
    min-height: 1000px;
    min-width: 100%;
}



.twitter-follow-button{
  margin-top: 3.5%;        
}

@media (max-width:767px){
    .twitter-follow-button{
        margin-top: 5px;  
        margin-left: 13px;
    }
}