body
{

background lavender; 
/*font-family: "Rubik",sans-serif;*/
font-family: 'Slabo 27px', serif;
font-size: 16px;

}


h1,h3, h4, h5, h6, p {
   /*font-family: "Rubik",sans-serif;*/
font-family: 'Slabo 27px', serif; 
 
    
}



h1{
/*font-family: "Heebo", sans-serif;*/

font-size: 48px;
font-weight: bold;
 
line-height: 54px;

}

h2{


font-size: 40px;
font-weight: bold;

line-height: 54px;

}

h3{


font-size: 17px;


}

h4{


font-size: 28px;
font-weight: bold;

line-height: 50px;

}
h5{


color: #222222;
font-size: 20px;
font-weight: bold;

line-height: 40px;

}




p{

line-height: 142%
font-size: 16px;
}


optgroup{
 font-size : 13px !important;
} 



.footer
{
	
	margin-top 5%; left: 0; bottom: 0; position:relative; background:rgba(19, 35, 47, 0.8);
}

.b-shadow
{
	padding-top: 20px!important;
	box-shadow: 1px 1px 8px 5px lavender;
min-height: 490px;
	box-shadow 0px 1px 6px rgba(57, 73, 76, 0.35);
}



.featuresimg{
    
box-shadow 0px 0px 30px rgba(73, 78, 92, 0.15);


             }




.home-bg{
	background :#4dabff;#D81B60; #17A2B8; 

    background linear-gradient(rgba(29, 200, 205, 1), rgba(29, 200, 205, 0.9), rgba(29, 200, 205, 0.8), #17A2B8);

	background linear-gradient(rgba(1, 25, 40, 0.7), rgba(1, 25, 40, 0.7)), url('images/back6.PNG'); 
	
backgroundlinear-gradient:(to right, #4dabff 0%, #4dabff 70%, #62ddff 98%);
background: linear-gradient(to right, rgba(182,221,237,1) 0%, rgba(34,181,226,1) 0%, rgba(77,172,255,1) 22%, rgba(77,172,255,1) 36%, rgba(113,205,239,1) 61%, rgba(113,205,239,1) 88%);
	background-size: cover;
	 


}

/*bootstrap edits*/

.btn{

padding-top: 3px;
padding-bottom: 3px;
	border-radius: 2px;
    box-shadow: 0 -2px rgba(0,0,0,.1) inset;
-moz-box-shadow: 0 -2px rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 -2px
rgba(0,0,0,.1) inset;
}


.alert
{

 border-radius: 0px;
 }

.alert{
    padding: 10px 2%;
    background: url(images/bg-alerts.png) #ececec;
text-shadow: 0 1px 0 #ffffff; 
border:0;

}

/*change carret/text on collapse*/
[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}


@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:980px;
  }
}



.btn-danger{
 background: #D81B60;
 border: #D81B60;

}

.btn-primary{
    border: #4dabff;
    background: #4dabff;
}

.btn-secondary{
 
    background: #ececec;
    color: #464a4e;
    border: none;
}


.text-primary{
    color:#4dabff!important;
}
.bg-primary{
   background: #4dabff; 
}

.text-danger{
    color:#D81B60!important;
}

.badge{
  font-size: 15px;  
}

.home-btn
{
 background #4dabff;
 color:white;
 background linear-gradient(to right, rgba(182,221,237,1) 0%, rgba(34,181,226,1) 0%, rgba(77,172,255,1) 22%, rgba(77,172,255,1) 36%, rgba(113,205,239,1) 61%, rgba(113,205,239,1) 88%);
background: #D81B60;

padding: 10px 25px 10px 25px;
 border-radius: 7px;
 font-weight: bold; 
border: 2px solid white; 
 }

.home-btn:hover{
background :white;
 color:#D81B60;  

 border: 2px solid #D81B60; 
                }


.top-home-btn
{
   background :white;
 color:#4dabff; 
 font-weight: bold; 
border-radius: 7px;
 border: 2px solid #4dabff;   
padding: 5px 20px 5px 20px;
  
 }
.top-home-btn:hover{

border: 2px solid white; 
background :#4dabff;
 color:white;
 

        

       }




.centerdiv{
        background: #edf6ff;
          }












/*for sidebar*/


a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

/*for changing color active */
.sidebar-active{               
background: #007bff;
               }
/*for active collapse menu items*/
.sidebar-active2{
/*border-right: 3px solid #D81B60;
background: #6d7fcc;*/
background: rgba(19, 35, 47, 0.1);
}
.countercolor{
color:white;
}

#sidebar {
     min-width: 250px;
    max-width: 250px;
    background:#4dabff; #1DC8CD;
    background #7386D5;
    color: #fff;
    transition: all 0.3s;
    
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
font-size: 15px;
    padding: 20px;
    padding-top: 22px;
    padding-bottom: 30px;
    background #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    padding-top: 0px;
  border-top 1px dotted white;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}



#sidebar ul li a {
border-bottom 1px dotted white;
    padding: 10px;
    font-size: 1.0em;
    /*font-size: 1.09em;*/
    display: block;
  }
/*add n frmat border-rev top last border*/
#sidebar ul li{
border-bottom: 2px solid rgba(0, 123, 255,0.4);
 border-top: 2px solid rgba(113,205,239,1);
  }
#sidebar ul li:first-child {
 border-top: none;
}
#sidebar ul li:last-child {
 border-bottom: none;
}


#sidebar ul li a:hover {
color: white;
background-color: #007bff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background#4dabff;
}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
/*seperate hover effect for dropdown items*/
#sidebar ul ul a:hover {
background: rgba(19, 35, 47, 0.4);
}
/*remove sec border and add diff from drop down li*/
#sidebar ul ul li{
border-top:none;
border-bottom: 1px solid rgba(19, 35, 47, 0.4);
}
#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;  b84d45;   
    background: rgba(19, 35, 47, 0.3);
    color:white;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #D81B60 !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */



/* ---------------------------------------------------
    MEDIAQUERIESmax-width: 768px)
----------------------------------------------------- */
@media (max-width: 900px) {
    #sidebar {        

        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    
}




/*make recaptcha responsive*/
/*set width for first one of homepage*/
#recresponsivetop{
                  
transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0; display: none;
}

@media (max-width: 768px) {
    #recresponsive,  #recresponsivetop {

      transform:scale(0.74);-webkit-transform:scale(0.74);transform-origin:0 0;-webkit-transform-origin:0 0;
    }   
    
}