/*DDD Exploration*/

html {font-size: 16px;}

p, ul {
    font-family: arial, sans-serif;
    font-size:1.25rem;
    color: #424242;
    }
    
h1, .txt-lgthin {
    font-family: "Times New Roman", Times, serif; 
    color: #000000;  
    font-size: 2rem;  
    text-align: center;
    }
        
.txt-lgthin-gray {
    font-family: "Times New Roman", Times, serif; 
    color: #e8e9eb;  
    font-size: 2rem;  
    text-align: center;
    }
    
.bldital {
    font-weight: bold;
    font-style: italic;
    color: red;
    }

.lt-gry {color: #e8e9eb;}
.wht {color: #ffffff;}
.white {color : #ffffff; text-decoration:none !important;}
.bg-gry-bkgr {background-color: #b2ada7 !important; padding: 1.5rem;} 
.tan1 {font-family: "Times New Roman", Times, serif; color: #cab6a1;}
.fnt-lt-gry {font-family: "Times New Roman", Times, serif; color: #e8e9eb;}
.tan {color: #cab6a1;}
.med-bg-bkgr {background-color: #c3c1c0 !important;}
.red {color: #bf1919;}
.bg-blu-gry {background-color: #505769 !important;}
.bg-bge {background-color: #C5B39F !important;}
.bg-gry {background-color: #b2ada7 !important;}
.bg-lt-gry {background-color: #c0c0bd !important;}

.sm-gld {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.25rem;   
    color: #9d853f;
    font-weight: 400;
    }

.center {
    border: none !important;
    margin: auto;
    width: 80%;
}

.bg-bkgr {
    background-color: #dfdcd9 !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    }
    
.dk-nvy-bkgr {
    background-color: #021630 !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    }
        
.sm-tan {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1rem;   
    color: #cab6a1;
    }
       
.spcl {
    font-family: "Times New Roman", Georgia, serif;
    font-size: 1.75em;
    text-align: center; 
    }
    
hr {
    height: 1px;
    background-color: #cab6a1;
    border: none;
} 
 
.downpd {padding-top: 3rem;}

.footer {
    background-color: #021630 !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    }
    
.display-6 {
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-size: 2rem;
    }
    
.display-7 {
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-size: 2.5rem;
    }    

.toplft-pd {
    padding-top: 3rem;
    padding-left: 5rem;
}
	
.same2 {
    font-family: "Times New Roman", Times, serif; 
    color: #000000; 
    text-align: center; 
    font-size: 1.5em;   
    padding-top: 3%;
    }
    
.pd-lft {padding-left: 3rem;}
    
    
.btn-primary {
    background-color: #cab6a1 !important;
    color: #000000;
    border: none 0;
    }

.btn-primary:hover {
    background-color: #cab6a1 !important;
    color: #ffffff;
    border: none 0;
    }
 
#btn-go-to-top {
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    }

#btn-go-to-top:hover {
    opacity: 0.7;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    }
          
.shadow-nohover {
    background-color: #ffffff;
    padding: 0.625rem;
    box-shadow: 0rem .125rem .25rem -.063rem rgba(0, 0, 0, 0.2), 0rem .25rem .313rem 0rem rgba(0, 0, 0, 0.14), 0rem       .063rem .625rem 0rem rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

a, a:link, a:active, a:hover { border:0rem !important;}

a {text-decoration:none !important;}

.card2{border: 0px;}

.card:hover{box-shadow: 0.313rem 0rem 2.5rem  rgba(0,0,0, .2);}

.navbar {margin-bottom: 2rem; border: 0 !important;}

.navbar li a, .navbar .navbar-brand {color: #000000 !important;}
    
.navbar-nav li a:hover {color: #000 !important;}

.navbar-nav li.active a {
color: #000 !important;
text-decoration: underline !important;
}

.navbar-default .navbar-toggle {border-color: transparent;}
 
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0.625rem 2.5rem 0.625rem 0.625rem;
    }

.dropdown:hover>.dropdown-menu {display: block;}

.open .dropdown-toggle {
    color: #247c7c;
    background-color: #fff !important; 
    }

.dropdown-menu li a {color: #000 !important;}
    

.dropdown-menu li a:hover {color: #000000 !important;}

ul.nav li.dropdown:hover ul.dropdown-menu {display: block;}

div.dropdown-menu {margin-top: 0 !important;}

.navbar .nav-item .dropdown-menu .dropdown-item {color: #000 !important;}

.navbar .nav-item .dropdown-menu .dropdown-item:hover {
    color: #000 !important;
    background-color: #b8b8b8 !important;
    }
    
.dropdown-item.active, .dropdown-item:active  {
    color: #0f7769 !important;
    background-color: #fff !important;
    text-decoration: underline !important;
    }
    
.navbar-nav > li {font-size: 20px;}
.dropdown-menu {font-size: 20px;}
  
.parall {
    height: 70vh;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    display: table;
    background-attachment: fixed;
}


.parallhead { font-weight: 800; font-size: 5vw; color: #fff; line-height: 1em; text-shadow: 4px 4px 10px rgba(0, 0, 0, 1); padding-top:8%; text-align: center; }
.parallbody { font-weight: 100; font-size: 2.5vw; color: #fff; line-height: 1.2em; background-color: rgba(0,0,0,0.5); padding: 3% 8%; text-align: center; }
.parallbody a { border-color: #218bbd; color: #65cdfd; font-weight: 900 }
.parallbody a:hover { border-color: #93dbfc; color: #93dbfc; font-weight: 900 }
.parallbold { font-weight: 900; }

@media screen and (max-width: 768px) {
	.box1 {
	background-attachment: inherit;
	}
}