    html {
            scroll-behavior: smooth;
                }
	    body{
	        /*background-color:#2251CF;*/
	        background-color:#7CD1B8;
	        font-family: 'Roboto', sans-serif;
	        
	    }
	    .skype-button{
	        display:none;
	    }
	    .top__background{
	        /*background-color:#1fa7da;*/
	        background-color:#4C5270;
	    }
	    .header{
	        border-radius:10px;
	        box-shadow:2px 2px 5px 1px #5D6D7E;
	        
	    }
	    
	    @keyframes animatelogo{
	        0%{
	            transform:translate(5px,5px);
	        }
	        100%{
	            transform:translate(0px,0px);
	        }
	    }
	    .footer .logo img{
	        animation:animatelogo 2s linear 2s infinite alternate;
	    }
	    #main-navigation{
	        border-radius:10px;
	        box-shadow:2px 2px 5px 1px #5D6D7E;
	    }
	    #form{
	        border-radius:10px;
	        box-shadow:2px 2px 5px 1px #5D6D7E;
	    }
	    .jumbotron{
	        box-shadow:2px 2px 5px 1px #5D6D7E;
	    }
	    .content-container{
	        border-radius:10px;
	        box-shadow:2px 2px 5px 1px #5D6D7E;
	    }
	    /*#skype{*/
	        /*box-shadow:2px 2px 5px 1px #5D6D7E;*/
	    /*}*/
	    .footer{
	    
         background-color:#4C5270;
	        color:#FDFEFE;
	    }
	    /*.footer-top{*/
	        /*height:100px;*/
	    /*}*/
	    .footer-top .container .row a {
	        /*color:#ebebed;*/
	        color:#f0faf7;
	    }
	    .footer-top .container .row a:hover{
	        
	        color:#7CD1B8;
	    }
	     @keyframes filcolor{
	        from{
	            color:#7CD1B8;
	        }
	        to{
	            color:#f0faf7;
	        }
	    }
	    .footer-top .container .row i{
	        color:#f0faf7;
	        animation:filcolor 2s ease 2s infinite alternate;
	        
	    }
	    .footer .widget-social-icons{
	        float:right;
	        
	    }
	    .footer-top .container .row .ico{
	        margin-bottom:5px;
	    }
	    .footer-top .logo{
	        /*margin-top:30px;*/
	        margin-left:100px;
	    }
	    
	    .widget-icon-box .icon-box .fa {
            /*color: #1fa7da;*/
            color:#4C5270;
        }
        .widget-icon-box .icon-box .fa:hover {
            /*color: #5499C7;*/
            color:#45d3a9;
        }
        .social-icons__link {
                /*background-color: #1fa7da;*/
                background-color:#4C5270;
            color: #fff;
        }
        
        .social-icons__link:hover {
                /*background-color: #5499C7;*/
                background-color:#45d3a9;
            color: #fff;
        }
               .footer a {
            /*color: #fff;*/
            /*color:#f0faf7;*/
            color:black;
       }
       .footer a:hover {
            /*color: #154360;*/
            /*color:rgb(239,127,26);*/
            color:#f0faf7;
            text-decoration:none;
       }
       .footer-bottom .container{
           /*color:#f0faf7;*/
           color:black;
       }
       

       
       /*.icon-box__subtitle, .widget-icon-box .icon-box, .textwidget {*/
           /*color: #5D6D7E;*/
       /*   }*/
          .header .logo img{
              width:110px;
          }
          .header-widgets .btn {
            height:40px;
            width:40px;
            background-color:#4C5270;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .header-widgets .btn:hover {
            
            /*background-color:#cd84f1;*/
            /*background-color:rgba(252, 144, 134, 0.6)*/
            background-color:#45d3a9;
        }
        
        
        .header-widgets .btn .fa{
            
            color:#fff;
        }
        .toTop{
            /*background-color:rgb(252, 144, 134);*/
            background-color:#4C5270;
            border-radius:50px;
            z-index:1099;
            display:none;
        }
        #dropdown{
            display:none;
        }
        .footer-gradient{
            background:none;
        }
        
        .accordion a::after,a.active::after {
    font-family: 'Ionicons';
    content: '\f218';
    position: absolute;
    float: right;
    right: -1rem;
    /*color: #7288a2;*/
    color:black;
    padding: 5px;
    width: 30px;
    text-align: center;
}

#style-5::-webkit-scrollbar-thumb{
            background-color:rgb(76,82,112);
        }
        
        .main-navigation .current_page_item>a, .main-navigation>li:hover>a {
                background:rgba(76,82,112,0.2);
            }
        
        #socialIcon{
            display:none;
        }
        #sidenav{
            display:none;
        }
        
        
        .logo {
	    margin-top:10px;
	}
	.logo a:hover{
	    text-decoration: none;
	}
	
	/*scrollbar*/
	.scrollbars
{
	
	/*float: left;*/
	/*height: 1048px;*/
	height: 600px;
	width: 100%;
	
	overflow-y: scroll;
	margin-bottom: 25px;
	
	
	
}
.scrollbars1
{
	
	/*float: left;*/
	/*height: 1048px;*/
	height: 920px;
	width: 100%;
	
	overflow-y: scroll;
	margin-bottom: 25px;
	
	
	
}

.force-overflow
{
	min-height: 450px;
	margin-top:-38px;

	
}


/*
 *  STYLE 5
 */

#style-5::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar-thumb
{
	/*<!--background-color: #0ae;-->*/
	
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}



.timeline-Footer {
    padding: 20px !important;
	}
	
	/*.sidebar .widget {

    padding: 20px 10px 0 10px;
	}*/
	.u-floatLeft{
	color:#FFF;
	}
	.twitter-timeline{
	margin-bottom:200px
	}
        /*totop*/
        	#title{
                    color:#34495E;
                    font-family: 'Roboto', sans-serif;
                }
				#text{
				    font-size: 16px;
					/*<!--line-height: 2em;-->*/
					line-height:2rem;
					
					}
					#text a,p{
					    color:#1C2833;
					text-align:justify;
					}
					#text a:hover,p:hover{
					    /*color:salmon;*/
					    color:#4c5270;
					}
					
					.toTop{
                    text-decoration:none;
                    width:50px;
                    height:50px;
                    position:fixed;
                    bottom:50px;
                    right:30px;
                    font-size:25px;
                    text-align:center;
                    line-height:50px;
                    /*background:#1fa7da;*/
                    border-radius:50px;
                   
                }
                .toTop i{
                    /*background:#004526;*/
                    color:white;
                    
                    
                }
                .toTop:hover{
                    transform:translateY(-10px);
                }
                @media (max-width: 800px) {
                 .toTop{
                   opacity:0;
                }
                }
                /*testimonial*/
                .main-navigation>li>a::after {

    content: "";
  
	}
			  #form1{
	            background-color:transparent;
	            
	        }
	        #form1 h4{
	            border: 1px solid;
    border-radius: 5px;
    background-color: whitesmoke;
    padding: 5px;
    box-shadow: 1px 1px 5px 1px #5d6d7e;
	        }
	        
		  #rsection{
                width: 100%;
                overflow: hidden;
                height: 950px;
                /*<!--height:100%;-->*/
                
               }
               
               
               
               #rcontainer{
                height:100%;
                width:230px;
                color:black;
                font-family: 'Roboto', sans-serif;
                /*<!--width:100%;-->*/
               }
               
               
               .card{
                border-radius: 10px;
    border: 0px solid transparent;
    box-shadow: 2px 2px 5px 1px #5d6d7e;
    padding: 8px 5px;
    background-color: lightgray;
    position:relative;
               }
               
               
               .card .card-text{
               /*<!--font-family: 'Montserrat',sans-serif;-->*/
                font-family: 'Roboto', sans-serif;
                font-size:13px;
                font-style: oblique;
                padding:5px;
                text-align:center;
                /*<!--font-weight:10px;-->*/
                border-top:hidden;
                border-bottom:hidden;
                border-left:1px dashed #5D6D7E;
                border-right:1px dashed #5D6D7E;
                /*<!--margin:0 10px 0px 10px;-->*/
                
    
            
                
               }
               .card .card-body .row{
                display: grid;
                align-items: center;
                justify-items: center;
               }
               
               .card .card-body .row >h5{
               position: absolute;
               bottom:-25px;
               /*<!--left:42px;-->*/
    
                border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    background-color: whitesmoke;
    z-index: 1;
    
    
    
    
               }
	   @media only screen and (max-width: 992px){
	       #socialIcon{
	           display:block;
	           margin-left:25px;
	       }
	         .footer .widget-social-icons{
	        float:left;
	        
	    }
	       
	       .footer-top .container .row{
	           display:grid;
	           justify-content:center;
	           
	       }
	       .footer-top .header-widgets__widget{
	           border-top:none;
	       }
	       .footer-top .widget {
                margin: 15px 0 0 55px;
            }
            .footer-top .logo {
            /* margin-top: 30px; */
            margin-left: 50px;
            }
            .navbar-toggle {
    background-color: #1fa7da;
    margin-top:35px;
                
            }
            .icon-box{
                margin-left:80px;
            }
            .navbar-toggle:hover {
    background-color: #5499C7;
                
            }
            .header-widgets{
              display:none;
          }
          .sidebar nav{
              display:none;
          }
          #form{
              display:none;
          }

/*#dropdown{*/
/*            display:block;*/
/*            width:170px;*/
            /*height:300px;*/
/*            position:relative;*/
/*            color:white;*/
/*            right:10px;*/
/*            top:40px;*/
/*            float:right;*/
/*        }*/
/*        #dropdown .click{*/
/*            background-color:#fff;*/
            
/*        }*/
/*        #dropdown i{*/
/*            font-size:30px;*/
            /*color:#1fa7da;*/
/*            color:#4c5270;*/
/*            float:right;*/
/*        }*/
/*        #dropdown .click:hover{*/
            /*background-color:#5499C7;*/
/*        }*/
/*        .click,.links{*/
/*            padding:5px;*/
/*            border:none;*/
/*            outline:none;*/
/*            font-size:12px;*/
/*            width:170px;*/
/*            transition:0.3s;*/
/*        }*/
/*        .list{*/
/*            position:absolute;*/
            /*position:fixed;*/
/*            transform:scaleY(0);*/
/*            transform-origin:top;*/
/*            transform:0.3s;*/
/*            z-index:100;*/
            
/*        }*/
/*        .newlist{*/
/*            transform:scaleY(1);*/
            
/*        }*/
/*        .links{*/
            /*background-color:#1fa7da;*/
/*            background-color:#7cd1b8;*/
/*            text-decoration:none;*/
/*            color:#000;*/
/*            text-align:center;*/
/*            padding-top:1px;*/
/*            margin:0 auto;*/
/*            border-bottom:1px solid #fff;*/
/*        }*/
/*        .links:hover{*/
/*            background-color:#4c5270;*/
            /*transform:scaleY(1.1);*/
/*            color:#fff;*/
/*        }*/
         
          #sidenav{
	                /*display:block;*/
	                display:flex;
	                justify-content:space-evenly;
	                align-items:start;
			        position:absolute;
			        width:100%;
			        height:100%;
			        /*right:-300px;*/
			        left:100%;
			        padding-top:30px;
			        /*background:#4C5270;*/
			        background: rgb(121,236,202);
                    background: linear-gradient(180deg, rgba(121,236,202,1) 0%, rgba(76,82,112,1) 100%);
			        z-index:100;
			        transition:.4s;
			        
			    }
			    #sidenav.active{
			        /*right:0;*/
			        left:0;
			    }
			    
			    #sidenav ul li{
			        list-style:none;
			        font-size:17px;
			        padding:10px;
			        margin-top: 10px;
                    font-family: Roboto,sans-serif;
                    font-weight: bold;
			    }
			    #sidenav ul li a{
			        color:#212F3D;
			        
			    }
			    
			    .cross{
			        /*margin-top:-220px;*/
			        transform:rotate(45deg);
			        font-size:30px;
			        color:#212F3D;
			    }
			    .toggle-btn{
			        position:absolute;
			        top:45px;
			        right:60px;
			    }
			    .toggle-btn span{
			        width:35px;
			        height:4px;
			        display:block;
			        margin-top:4px;
			        background:#4C5270;
			    }
         
         .accordion .accordion-item a{
             padding:1rem 4rem 1rem 1rem;
         }
         .footer .row .widget-social-icons{
            display:flex;
            margin-left:30px;
        }
        
        #rsection{
            width:100%;
        }
        #rsection #rcontainer{
                /*height:100%;*/
                /*width:230px;*/
                width:100%;
               }
        #rsection #rcontainer marquee{
                /*width:230px;*/
                width:100%;
               }

            
	   }