/*----------------- T O P   T I C K E R -------------*/
#section-1 {
    background-color: rgb(255, 255, 255);
    width: 57%;
    position: relative;
    float: left;
    margin-left: 1%;
    padding: 2% 1.5%;
}

#section-2 {
    background-color: rgba(163, 172, 190, 0);
    width: 40%;
    position: relative;
    float: left;
    padding: 0px 0px;
    margin-bottom: 20px;
}            
            
#right_page .ticker_r_page {
width: 420px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
background-color:  #0093ff;
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover .ticker_r_page {
height: 345px; 
background-color: #007ad4;
}*/
    
#right_page .ticker_r_page h3 {
width: 300px;
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 30px;
}

/*            
#right_page:hover .ticker_r_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#right_page .ticker_r_page ul {
width:450px; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover ul {
top: 10px;
left: 30px;
height: 270px;
}*/            
            
#right_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#right_page {
width: 450px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 50px;
margin-bottom: 20px;
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#right_page:hover {
top: -20px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#right_page .ticker_r_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
} 
            
/*----------------- T O P   T I C K E R   E N D -------------*/
            
#left_page .ticker_page {
width: 420px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover .ticker_page {
height: 345px;
background-color:  #007ad4;
}*/
            
    
#left_page .ticker_page h3 {
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 30px;
}

/*
#left_page:hover .ticker_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#left_page ul {
width: 100%; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover ul {
top: 10px;
left: 30px;
height: 300px;
} */           
            
#left_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#left_page {
width: 450px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#left_page:hover {
top: 40px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#left_page .ticker_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
}
            
            #box-one, box-two {
                border: 0;
                margin: 0;
                padding: 0;
            }
            
/*-------- B O T T O M   T I C K E R   E N D S ---------*/            

@media only screen and (max-width: 1024px) and (min-width: 767px) {
    
#section-1 {
    background-color: rgb(255, 255, 255);
    width: 98%;
    position: relative;
    float: left;
    padding: 2% 1%;
}

#section-2 {
    background-color: rgba(163, 172, 190, 0);
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 100px 0px;
}    

#right_page .ticker_r_page {
width: 300px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
background-color:  #0093ff;
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover .ticker_r_page {
height: 345px; 
background-color: #007ad4;
}*/
    
#right_page .ticker_r_page h3 {
width: 300px;
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*            
#right_page:hover .ticker_r_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#right_page .ticker_r_page ul {
width:450px; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover ul {
top: 10px;
left: 30px;
height: 270px;
}*/            
            
#right_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#right_page {
width: 320px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;   
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#right_page:hover {
top: -20px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#right_page .ticker_r_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
} 
            
/*----------------- T O P   T I C K E R   E N D -------------*/
            
#left_page .ticker_page {
width: 300px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover .ticker_page {
height: 345px;
background-color:  #007ad4;
}*/
            
    
#left_page .ticker_page h3 {
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*
#left_page:hover .ticker_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#left_page ul {
width: 100%; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover ul {
top: 10px;
left: 30px;
height: 300px;
} */           
            
#left_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#left_page {
width: 320px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;   
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#left_page:hover {
top: 40px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#left_page .ticker_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
}
/*-------- B O T T O M   T I C K E R   E N D S ---------*/          

#section-1 {
    background-color: rgb(255, 255, 255);
    max-width: 98%;
    position: relative;
    float: left;
    padding: 2% 1%;
}

#section-2 {
    background-color: rgba(163, 172, 190, 0);
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 20px 0px;
}    

#right_page .ticker_r_page {
width: 300px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
background-color:  #0093ff;
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover .ticker_r_page {
height: 345px; 
background-color: #007ad4;
}*/
    
#right_page .ticker_r_page h3 {
width: 300px;
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*            
#right_page:hover .ticker_r_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#right_page .ticker_r_page ul {
width:450px; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover ul {
top: 10px;
left: 30px;
height: 270px;
}*/            
            
#right_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#right_page {
width: 320px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;   
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#right_page:hover {
top: -20px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#right_page .ticker_r_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
} 
            
/*----------------- T O P   T I C K E R   E N D -------------*/
            
#left_page .ticker_page {
width: 300px;
height: 274px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover .ticker_page {
height: 345px;
background-color:  #007ad4;
}*/
            
    
#left_page .ticker_page h3 {
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*
#left_page:hover .ticker_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#left_page ul {
width: 100%; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover ul {
top: 10px;
left: 30px;
height: 300px;
} */           
            
#left_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#left_page {
width: 320px;
height: 295px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;   
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#left_page:hover {
top: 40px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#left_page .ticker_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
}
/*-------- B O T T O M   T I C K E R   E N D S ---------*/      
    
    #box-one {
        width: 50%;
        position: relative;
        float: left;
    }
    
    #box-two {
        width: 50%;
        position: relative;
        float: right;
    }
    
}
            
@media only screen and (max-width: 766px) and (min-width: 300px) {
   
 #section-1 {
    background-color: rgb(255, 255, 255);
    width: 98%;
    position: relative;
    float: left;
    padding: 2% 1%;
}

#section-2 {
    background-color: rgba(163, 172, 190, 0);
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 20px 0px;
}    

#right_page .ticker_r_page {
width: 300px;
height: 264px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
background-color:  #0093ff;
text-align: left;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover .ticker_r_page {
height: 345px; 
background-color: #007ad4;
}*/
    
#right_page .ticker_r_page h3 {
width: 300px;
top: 10px;
position:  relative;
color: #ffffff;
left: 10px;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*            
#right_page:hover .ticker_r_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#right_page .ticker_r_page ul {
width:450px; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#right_page:hover ul {
top: 10px;
left: 30px;
height: 270px;
}*/            
            
#right_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}

#right_page {
width: 320px;
height: 285px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 40px;
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
transition: all ease-in-out .2s;
}

/*            
#right_page:hover {
top: -20px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#right_page .ticker_r_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
    
} 
            
/*----------------- T O P   T I C K E R   E N D -------------*/
            
#left_page .ticker_page {
width: 300px;
height: 264px;
overflow: hidden;
border: 1px solid rgba(221, 221, 221, 0);
box-shadow: 0px 0px 5px rgba(221, 221, 221, 0);
text-align: left;
transition: all ease-in-out .2s;
}
	
/*
#left_page:hover .ticker_page {            
height: 345px;
background-color:  #007ad4;
}*/
            
    
#left_page .ticker_page h3 {
top: 10px;
position:  relative;
color: #ffffff;
text-align: center;
transition: all ease-in-out .2s;
font-size: 25px;
}

/*
#left_page:hover .ticker_page h3 {
width: 300px;
top: 0px;
left: 105px;
}*/

#left_page ul {
width: 100%; 
height: 290px;
list-style: none;
padding: 0;
top: 0px;
left: 25px;
position:  relative;
font-style: italic;
background-color: #fdfdfd;
transition: all ease-in-out .2s;
}

/*            
#left_page:hover ul {
top: 10px;
left: 30px;
height: 300px;
} */           
            
#left_page ul li {
list-style: none;
height: 65px;
padding:7px;
border-bottom: 1px solid #D6CFB8;
}
	
#left_page {
width: 320px;
height: 285px;
background-color: #0093ff;
border: none;
border-bottom: 0px;
position: relative; 
top: 10px;   
margin: auto;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.42);
}

/*            
#left_page:hover {
top: 40px;
width: 510px;
height: 375px;
background-color: #007ad4;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.42);
}*/
            
#left_page .ticker_page ul li p {
width: 100%;
color: #000;
float: left;
text-align:  left;
left: 10px;
position:  relative;
font-style: normal;
}

	
/*-------- B O T T O M   T I C K E R   E N D S ---------*/     
/*   
#box-one {
        width: 100%;
        position: relative;
        float: left;
}
    
#box-two {
        width: 100%;
        position: relative;
        float: left;
        margin-top: 50px;
}*/

}