body 
{
    width:100%;
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased !important;
    -moz-text-size-adjust:auto;
    -webkit-text-size-adjust:auto;
    -ms-text-size-adjust:auto;
    /*background-color: hsl(205, 50%, 45%);*/
    background-color: hsl(205, 50%, 25%);
}
/*-------------------/////////////////////////------backtop------////////////////////////--------------------*/
        #backtop 
        {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:hsl(208, 0%, 50%);  
            opacity:0.5;
            height:40px;
            width:40px;
            line-height:40px;
            font-size:14px;
            border-radius:50%;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;
            display:none;
        }
        #backtop:hover 
        {
            opacity:0.8;
            background-color:hsl(208, 0%, 50%);  
        }
        #backtop.mcOut 
        {
            opacity:0;
        }
/* ---------------- For Animation on Scroll ---------------- */
        .slideanim 
        {
        visibility:hidden;
        visibility:visible\9;/*For old IE browsers IE6-8 */
        }
        .slideanim.slide 
        {
        visibility: visible; 
        animation:slide 1s;
        }
        .slideanim::after 
        {
        /* useful when its child elements are float:left; */
        content: "";
        display: table;
        clear: both;
        }

        @keyframes slide 
        {
        0% 
        {
        opacity: 0;
        transform: translateY(50%);
        } 
        100% 
        {
        opacity: 1;
        transform: translateY(0);
        } 
        }

@media only screen  and (max-width:450px) 
{
body 
{
    background-color: hsl(205, 70%, 11%);
}
}

* {
     margin: 0; 
     padding: 0; 
     border: none;
}
    @font-face 
    {
    font-family:simplifica;
    src: url('../fonts/simplifica.ttf');
    }
    @font-face 
    {
    font-family:Roboto-Light;
    src: url('../fonts/Roboto-Light.ttf');
    }
    @font-face 
    {
    font-family:Roboto-Condensed;
    src: url('../fonts/Roboto-Condensed.ttf');
    }
    @font-face 
    {
    font-family:Roboto-Medium;
    src: url('../fonts/Roboto-Medium.ttf');
    }
    @font-face 
    {
    font-family:Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
    }
    @font-face 
    {
    font-family:Roboto-Thin;
    src: url('../fonts/Roboto-Thin.ttf');
    }

    @font-face 
    {
    font-family:sfRegular;
    src: url('../fonts/System San Francisco Display Regular.ttf');
    }
    @font-face 
    {
    font-family:sfThin;
    src: url('../fonts/System San Francisco Display Thin.ttf');
    }
    @font-face 
    {
    font-family:sfUltralight;
    src: url('../fonts/System San Francisco Display Ultralight.ttf');
    }


/*-----------------------------------////////////////////--------header--------////////////////////---------------------------------*/

header 
{
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*opacity:0.9;*/
    background:rgba(0, 150, 180, 1);
    background: -webkit-linear-gradient(top left, rgba(0, 160, 190, 1), rgba(0, 160, 190, 1)); 
    background: -o-linear-gradient(top left, rgba(0, 160, 190, 1), rgba(0, 160, 190, 1)); 
    background: -moz-linear-gradient(top left, rgba(0, 160, 190, 1), rgba(0, 160, 190, 1)); 
    background: linear-gradient(to top left, rgba(0, 165, 195, 1), rgba(0, 165, 195, 1)); 
     /*background-color: hsl(192, 100%, 40%);*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*logo*/
header img 
{
    width:22%;
    clear:right;
	position:relative; 
	margin:2%; 
    float:left;
	max-height:100%;
	max-width:100%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*manu buttons*/
header nav 
{
    display: inline-block;
    float: right;
    margin-right:6%;
    margin-top:40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header nav a 
{
    text-decoration: none;
    font-family: Roboto-Light;
    line-height: 150px;
    margin-left: 30px;
    color: white;
    font-size:18px;
    letter-spacing:0.03em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation: kktext 3s;
    -moz-animation: kktext 3s;
}
header nav a:hover
 {
    color: #9fdbfc;
}

/*Header smaller*/
header.smaller 
{
    height:130px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}

header.smaller img 
{
    width:14%;
	margin:1%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
	header.smaller nav
{
    margin-top:30px;
    display: inline-block;
    float: right;
    margin-right:6%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller nav a 
{
    line-height: 75px;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

 @media only screen and (min-width:1441px) and (max-width:1600px) 
{
header 
{
    width: 100%;
    height: 170px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*opacity:0.9;*/
     background-color: hsl(192, 100%, 40%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*logo*/
header img 
{
    width:22%;
    clear:right;
	position:relative; 
	margin:1.5%; 
    float:left;
	max-height:100%;
	max-width:100%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*manu buttons*/
header nav 
{
    display: inline-block;
    float: right;
    margin-right:6%;
    margin-top:10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header nav a 
{
    text-decoration: none;
    font-family: Roboto-Light;
    line-height: 150px;
    margin-left: 30px;
    color: white;
    /*font-weight: 700;*/
    font-size:18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation: kktext 3s;
    -moz-animation: kktext 3s;
}
header nav a:hover
 {
    color: #9fdbfc;
}

/*Header smaller*/
header.smaller 
{
    height:90px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}

header.smaller img 
{
    width:14%;
	margin:0.5%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
	header.smaller nav
{
    margin-top:5px;
    display: inline-block;
    float: right;
    margin-right:6%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller nav a 
{
    line-height: 75px;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
}

 @media only screen and (min-width:1001px) and (max-width:1440px) 
{
header 
{
    width: 100%;
    height: 170px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*opacity:0.9;*/
     background-color: hsl(192, 100%, 40%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*logo*/
header img 
{
    width:22%;
    clear:right;
	position:relative; 
	margin:2%; 
    float:left;
	max-height:100%;
	max-width:100%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*manu buttons*/
header nav 
{
    display: inline-block;
    float: right;
    margin-right:6%;
    margin-top:10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header nav a 
{
    text-decoration: none;
    font-family: Roboto-Light;
    line-height: 150px;
    margin-left: 30px;
    color: white;
    /*font-weight: 700;*/
    font-size:18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation: kktext 3s;
    -moz-animation: kktext 3s;
}
header nav a:hover
 {
    color: #9fdbfc;
}

/*Header smaller*/
header.smaller 
{
    height:90px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}

header.smaller img 
{
    width:14%;
	margin:1%; 
	background-repeat:no-repeat;
	background-size:contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
	header.smaller nav
{
    margin-top:5px;
    display: inline-block;
    float: right;
    margin-right:6%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller nav a 
{
    line-height: 75px;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
}
 @media only screen and (min-width:801px) and (max-width:1000px) 
{
    
     header 
    {
    height:150px;
    }
    header.smaller 
    {
    height:150px;
    }
    .margintop 
    {
    margin-top:180px;
    }
    header nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:50px !important;
    }
    header nav a
    {
    text-align:center;
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    }

    header.smaller nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:88px !important;
    }
    header.smaller nav a
    {
    text-align:center;
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    }

    header img, header.smaller img
    {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;   
    width:190px;  
    margin-top:20px;
    }  
   
}


 @media only screen and (min-width:601px) and (max-width:800px) 
{
    
    header 
    {
    height:150px;
    }
    header.smaller 
    {
    height:150px;
    }
    .margintop 
    {
    margin-top:180px;
    }
    header nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:50px !important;
    }
    header nav a
    {
    text-align:center;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    }

    header.smaller nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:88px !important;
    }
    header.smaller nav a
    {
    text-align:center;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    }

    header img, header.smaller img
    {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;   
    width:190px;  
    margin-top:20px;
    }  
}

 @media only screen and (min-width:464px) and (max-width:600px) 
{
    
    header 
    {
    height:150px;
    }
    header.smaller 
    {
    height:150px;
    }
    .margintop 
    {
    margin-top:180px;
    }
    header nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:50px !important;
    }
    header nav a
    {
    text-align:center;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    }

    header.smaller nav 
    {
    display:block;
    margin:0 auto;
    text-align:center;    
    width:100%;
    margin-top:88px !important;
    }
    header.smaller nav a
    {
    text-align:center;
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    }

    header img, header.smaller img
    {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;   
    width:180px;  
    margin-top:6%;
    }  
}


 @media only screen and (min-width:451px) and (max-width:463px) 
{
    
    header 
    {
    height:120px;
    }
    header.smaller 
    {
    height:120px;
    }
    .margintop 
    {
    margin-top:150px;
    }
    header.smaller nav 
    {
     display:none;
    }
    header nav 
    {
     display:none;
    }
    header img, header.smaller img
    {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;   
    width:190px;  
    margin-top:6%;
    }  
    .responsivebutton 
    {
        height:auto;
        position:fixed;
        width:100%; 
        background-color:transparent;  
        z-index:999;
        padding:0;
    }
}

 @media only screen and (max-width:450px) 
{
    
    header 
    {
    background:hsl(192, 100%, 40%);
    background: -webkit-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: -o-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: -moz-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: linear-gradient(to top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    height:100px;
    }
    header.smaller 
    {
    height:100px;
    }
    .margintop 
    {
    margin-top:90px;
    }
    header.smaller nav 
    {
     display:none;
    }
    header nav 
    {
     display:none;
    }
    header img, header.smaller img
    {
    position: absolute;
    left: 0;
    right:40px;
    margin-left: auto;
    margin-right: auto;   
    width:200px;  
    margin-top:15px;
    }  
    .responsivebutton 
    {
        height:auto;
        position:fixed;
        width:100%; 
        background-color:transparent;  
        z-index:999;
        padding:0;
    }
}
@media only screen and (min-width: 300px) and (max-width: 680px) and (orientation: landscape) 
{
    header 
    {
    background:hsl(192, 100%, 40%);
    background: -webkit-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: -o-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: -moz-linear-gradient(top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    background: linear-gradient(to top left, hsl(192, 100%, 40%), hsl(192, 100%, 40%)); 
    height:55px;
    display:inline;
    }
    header.smaller 
    {
    display:inline;
    height:55px;
    }
    header img, header.smaller img
    {
    float:left; 
    margin-left: 0;
    width:20%;  
    margin:1%;
    }  

    .margintop 
    {
    margin-top:-50px;
    }
    header nav 
    {
    float:right;
    text-align:right;    
    width:80%;
    padding-right:10px;
    margin-top:-48px !important;
    }
    header nav a
    {
    text-align:center;
    margin-left:7px;
    margin-right:7px;
    font-size:12px;
    }

    header.smaller nav 
    {
    float:right;
    text-align:right;    
    padding-right:10px;
    width:80%;
    margin-top:-11px !important;
    }
    header.smaller nav a
    {
    text-align:center;
    margin-left:7px;
    margin-right:7px;
    font-size:12px;
    }

}
@media only screen and (min-width: 630px) and (max-width: 680px) and (orientation: landscape)
{
    .spacetop
    {
    display:none;
    }
    .spacesmall 
    {
    padding-top:5px;
    padding-bottom:5px;
    }
    .spacemedium 
    {
    padding-top:8px;
    padding-bottom:8px;
    }
    .spacebig
    {
    padding-top:15px;
    padding-bottom:15px;
    }
}

/*------------------------------ Expanding text --------------------------*/
        #grow input:checked 
        {
            color: red;
        }

        #more-button:hover 
        {
            color: black;
        }

        #grow {
            -moz-transition: height .5s;
            -ms-transition: height .5s;
            -o-transition: height .5s;
            -webkit-transition: height .5s;
            transition: height .5s;
            height: 0;
            overflow: hidden;
        }

/*-----------------------------------////////////////////--------slider--------////////////////////---------------------------------*/
 .slider 
 {
  max-width:100%;
  height:650px;
  margin: 0 auto;
  position: relative;
  margin-top:9%;
 }

.slide1,.slide2,.slide3,.slide4 
{
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 
{
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) ), url('../Images/OT.jpeg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size: cover;
        animation:fade 20s infinite;
        -webkit-animation:fade 20s infinite;
}
.slide2 {
        background: linear-gradient(rgba(0, 0, 80, 0.1), rgba(0, 0, 80, 0.1) ), url('../Images/Leonard full 2020.jpeg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size: cover;
        animation:fade2 20s infinite;
        -webkit-animation:fade2 20s infinite;
}
.slide3 
{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url('../Images/gynecologist.jpeg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size: cover;
        animation:fade3 20s infinite;
        -webkit-animation:fade3 20s infinite;
}
.slide4 
{
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url('../Images/icuhome.jpeg');
        background-repeat:no-repeat;
        background-position:center center;
        background-size: cover;
        animation:fade4 20s infinite;
        -webkit-animation:fade4 20s infinite;
}
    .video 
    {
        width:7%;
        margin-top: -3.5%;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        z-index:1;
    }

@media only screen and (min-width:801px) and (max-width:1000px) 
{
 .slider 
 {
  width:100%;
  height:450px;
  margin: 0 auto;
  position: relative;
  margin-top:11%;
 }
.desc 
{
        font-size:25px;
        line-height:150%;
        margin-top:200px;
}


.slide1 , .slide2, .slide3 
{
    background-size:cover;
}
.video 
    {
    width:8%;
    margin-top:-4%;
    }

}


@media only screen and (min-width:701px) and (max-width:800px) 
{
 .slider 
 {
  width:100%;
  height:400px;
  margin: 0 auto;
  position: relative;
  margin-top:14%;
 }
.desc 
{
        font-size:25px;
        line-height:150%;
        margin-top:180px;
}


.slide1 , .slide2, .slide3 
{
    background-size:cover;
}
.video 
    {
    width:9%;
    margin-top:-4.5%;
    }

}

@media only screen and (min-width:601px) and (max-width:700px) 
{

    .slider 
    {
    width:100%;
    height:400px;
    margin: 0 auto;
    position: relative;
    margin-top:16%;
    }
    .desc 
    {
            font-size:25px;
            line-height:150%;
            margin-top:180px;
    }
    .slide1 , .slide2, .slide3 
    {
    background-size:cover;
    }
    .video 
    {
    width:10%;
    margin-top:-5%;
    }
}


@media only screen and (min-width:464px) and (max-width:600px) 
{
 .slider 
 {
  width:100%;
  height:350px;
  margin: 0 auto;
  position: relative;
  margin-top:19%;
 }
.desc 
{
        width:60%;
        font-size:25px;
        line-height:130%;
        margin-top:140px;
}

.slide1 , .slide2, .slide3 
{
    background-size:cover;
}
.video 
    {
    width:12%;
    margin-top:-6%;
    }

}


@media only screen and (min-width:401px) and (max-width:463px) 
{
 .slider 
 {
  width:90%;
  height:250px;
  margin: 0 auto;
  position: relative;
  margin-top:12%;
 }
.desc 
{
        width:80%;
        font-size:20px;
        line-height:130%;
        margin-top:80px;
}

.slide1 , .slide2, .slide3 
{
    background-size:cover;
}
.video 
    {
    width:14%;
    margin-top:-7%;
    }

}


@media only screen and (min-width:300px) and (max-width:400px) 
{
 .slider 
 {
  width:100%;
  height:250px;
  margin: 0 auto;
  position: relative;
  margin-top:12%;
 }

.desc 
{
        font-family:Roboto-Thin;
        width:80%;
        font-size:18px;
        line-height:100%;
        margin-top:100px;
}

.slide1 , .slide2, .slide3 
{
    background-size:cover;
}
.video 
    {
    width:15%;
    margin-top:-7.5%;
    }

}
    @media only screen and (min-width: 300px) and (max-width: 680px) and (orientation: landscape) 
    {
     .slider 
     {
      width:96%;
      height:250px;
      margin: 0 auto;
      position: relative;
      margin-top:1%;
     }
    .desc 
    {
            width:60%;
            font-size:25px;
            line-height:130%;
            margin-top:80px;
    }
    }

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity:0}
  66.666% { opacity: 0}
  88.888% { opacity: 1} 
  100% { opacity: 0}
}

/*-----------------------------------////////////////////--------quotes--------////////////////////---------------------------------*/

.quotescontainer 
{
        width:100%; 
        background:hsl(188, 100%, 40%);
        background: -webkit-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
        background: -o-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
        background: -moz-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
        background: linear-gradient(to top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%));   
        padding:80px 0 80px 0;
}

.quoted 
{
    color:hsl(190, 100%, 80%);
    text-align:center;
    width:35%; 
    margin:0 auto; 
    display:block; 
    line-height:120%; 
    font-family:simplifica;
    font-size:28px;  
    letter-spacing:0.05em;  
}
.quotedsmall 
{
    color:hsl(205, 100%, 100%);
    width:50%; 
    margin:0 auto; 
    display:block; 
    line-height:170%; 
    font-family:Roboto-Light;
    letter-spacing:0.05em;  
    font-size:14px;  
}
.bqstart 
{
        color:hsl(205, 100%, 98%);
        position:absolute;
        text-align:center;
        height: 45px;
        margin-top: -1px;
        padding-top:10px;
        margin-left:-35px;
        margin-bottom:-30px;
        font-size:300%;
        font-family:Roboto-Light;
        margin-right:30px;
    }

 .bqend {
        color:hsl(205, 100%, 98%);
        position: absolute;
        height: 25px;
        margin-top: 0;
        line-height:35px;
        font-size:300%;
        font-family:Roboto-Light;
        padding-top:10px;
        margin-left: 0;
     }


@media only screen and (min-width:801px) and (max-width:1000px) 
{
    .quotescontainer 
    {
    padding:50px 0 50px 0;
    width:100%; 
    background:hsl(188, 100%, 40%);
    background: -webkit-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
    background: -o-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
    background: -moz-linear-gradient(top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%)); 
    background: linear-gradient(to top right, hsl(188, 100%, 40%),  hsl(188, 85%, 50%));   
    }
    .quoted 
    {
    color:hsl(190, 100%, 80%);
    width:50%; 
    line-height:130%; 
    }
    .quotedsmall 
    {
    color:hsl(200, 11%, 100%);
    font-size:14px;  
    }
    .bqstart 
    {
    font-size: 300%;
    margin-left:-30px;
    margin-top: 0;
    }

    .bqend {
    position: absolute;
    height: 25px;
    margin-top: 0;
    line-height: 25px;
    font-size:300%;
    font-family:Roboto-Light;
    padding-top:15px;
    margin-left:-1px;
    }
}

@media only screen and (min-width:401px) and (max-width:800px) 
{
    .quotescontainer 
    {
    padding:50px 0 50px 0;
    width:100%; 
    background:hsl(195, 80%, 50%);
    background: -webkit-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: -o-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: -moz-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: linear-gradient(to bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    }
    .quoted 
    {
    color:hsl(190, 100%, 80%);
    width:50%; 
    font-size:24px;  
    line-height:120%; 
    }
    .quotedsmall 
    {
    color:hsl(200, 11%, 100%);
    font-size:12px;  
    }
    .bqstart 
    {
    font-size: 300%;
    margin-left:-28px;
    margin-top:-5px;
    }

    .bqend {
    position: absolute;
    height: 25px;
    line-height: 25px;
    padding-top:10px;
    font-size:300%;
    font-family:Roboto-Light;
    margin-left:-3px;
    margin-top:1px;
    }
}


@media only screen and  (max-width:400px) 
{
    .quotescontainer 
    {
    padding:50px 0 50px 0;
    width:100%; 
    background:hsl(195, 80%, 50%);
    background: -webkit-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: -o-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: -moz-linear-gradient(bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    background: linear-gradient(to bottom right, hsl(195, 80%, 50%), hsl(195, 80%, 38%)); 
    }
    .quoted 
    {
    width:90%; 
    line-height:150%; 
    font-size:14px;  
    color:hsl(210, 100%, 100%);
    font-family:Roboto-thin;
    }
    .quotedsmall 
    {
    color:hsl(210, 100%, 100%);
    font-family:Roboto-thin;
    font-size:12px;  
    }
    .bqstart 
    {
    color:hsl(210, 100%, 100%);
    font-size: 300%;
    margin-top:-5px;
    font-family:Roboto-thin;
    margin-left:-15px;
    }

    .bqend 
    {
    color:hsl(210, 100%, 100%);
    font-family:Roboto-thin;
    position: absolute;
    height: 25px;
    line-height: 25px;
    padding-top:10px;
    font-size:300%;
    margin-top:-5px;
    margin-left:3px;
    }
}

/*-----------------------------------////////////////////--------icons--------////////////////////---------------------------------*/

    .svgicons 
    {
    width:15%; 
    display:block; 
    margin:0 auto;
    }
    @media only screen and  (min-width:401px) and  (max-width:600px) 
    {
    .svgicons 
    {
    width:30%; 
    }
    }

    @media only screen and  (max-width:400px) 
    {
    .svgicons 
    {
    width:40%; 
    }
    }
/*-----------------------------------////////////////////--------basictext--------////////////////////---------------------------------*/
.basictext 
{
    color:hsl(200, 100%, 92%);
	margin:0 auto;
	max-width:70%;
	text-align:left;
	font-family:Roboto-thin;
	line-height: 180%;
	font-size:20px;
    letter-spacing:0.05em;
}
.blueheaderhome, .blueheader 
{
    /*width:35%;*/
    line-height:120%;
    text-align:center;
    font-family:Roboto-Thin;
    font-size:40px; 
    letter-spacing:0.02em;
    color:hsl(186, 100%, 50%); 
}
    .readmore 
    {
    display:block; 
    margin:0 auto; 
	font-family:Roboto-Light;
    background-color: transparent; 
    font-size: 18px; 
    letter-spacing:0.05em;
    color:hsl(195, 50%, 48%); 
    margin-top: 10px;
    margin-bottom: 10px;
    cursor:pointer;
    }
.readmore:hover 
{
color:red;
}

/*-----------------------------------////////////////////--------buttonborder--------////////////////////---------------------------------*/

    .buttonborder 
    {
    display:block; 
    margin:0 auto; 
    width:18%; 
    padding:2px; 
    border-radius:50px; 
    height:70px; 
    background:hsl(200, 100%, 50%);
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%));     
    margin-top:50px;
    margin-bottom:50px;     
    }

    .button 
    {
    display:block; 
    margin:0 auto; 
    width:100%; 
    height:70px; 
    border-radius:inherit; 
    background-color:hsl(205, 50%, 25%);        
    line-height:70px;
    font-family: Roboto-Light; 
    font-size:22px;
    letter-spacing:0.05em;
    text-align:center;
    color:hsl(193, 100%, 70%);
    }

    .buttonborderbig 
    {
    display:block; 
    margin:0 auto; 
    width:33%; 
    padding:2px; 
    border-radius:50px; 
    height:70px; 
    background:hsl(200, 100%, 50%);
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%));  
    margin-top:50px;
    margin-bottom:50px;     
    }
    .buttonbig 
    {
    display:block; 
    margin:0 auto; 
    width:100%; 
    height:70px; 
    border-radius:inherit; 
    background-color:hsl(205, 50%, 25%);        
    line-height:70px;
    font-family: Roboto-Light; 
    font-size:22px;
    letter-spacing:0.05em;
    text-align:center;
    color:hsl(193, 100%, 70%);
    }
   .mybold 
    {
	font-family:Roboto-light;
    letter-spacing:0.06em;
    }
@media only screen and (min-width:601px) and (max-width:1000px) 
{
.basictext 
{
	margin:0 auto;
	max-width:75%;
	text-align:left;
	font-family:Roboto-Thin;
	line-height: 190%;
    letter-spacing:0.05em;
	font-size:16px;
}
.blueheaderhome, .blueheader 
{
    margin:0 auto;
    display:block;
    width:80%;
    line-height:110%;
    text-align:center;
    font-family:Roboto-Thin; 
    letter-spacing:0.05em;
    font-size:30px; 
    color:hsl(187, 85%, 50%);
}
   .mybold 
    {
	font-family:Roboto-light;
    letter-spacing:0.06em;
    }
    .buttonborder 
    {
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));   
    width:30%; 
    height:60px; 
    }
    .button 
    {
    height:60px;
    color:hsl(195, 100%, 70%);
    line-height:60px; 
    letter-spacing:0.06em;
    font-size:18px;
    }
    .buttonborderbig 
    {
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));   
    width:45%; 
    height:60px; 
}
    .buttonbig 
    {
    height:60px;
    line-height:60px; 
    color:hsl(195, 100%, 70%);
    letter-spacing:0.06em;
    font-size:18px;
    }
}

@media only screen and (min-width:451px) and (max-width:600px) 
{
.basictext 
{
	margin:0 auto;
	max-width:85%;
	text-align:left;
	font-family:Roboto-Thin;
	line-height: 180%;
    letter-spacing:0.05em;
	font-size:16px;
}
.blueheaderhome, .blueheader 
{
    margin:0 auto;
    display:block;
    width:70%;
    line-height:110%;
    text-align:center;
    font-family:Roboto-Thin; 
    letter-spacing:0.05em;
    font-size:28px; 
    color:hsl(187, 85%, 50%);
}

    .buttonborder 
    {
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));   
    padding:1px; 
    width:35%; 
    height:50px;
}
    .button 
    {
    height:50px;
    line-height:50px; 
    color:hsl(195, 100%, 70%);
    letter-spacing:0.05em;
    font-size:14px;
    }
    .buttonborderbig 
    {
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));   
    padding:1px; 
    width:45%; 
    height:50px; 
    }
    .buttonbig 
    {
    height:50px;
    color:hsl(195, 100%, 70%);
    line-height:50px; 
    letter-spacing:0.05em;
    font-size:14px;
    }
   .mybold 
    {
	font-family:Roboto-Light;
    letter-spacing:0.05em;
    }
}


@media only screen and (max-width:450px) 
{
.basictext 
{
    color:hsl(210, 100%, 90%);
	margin:0 auto;
	max-width:88%;
	text-align:left;
    font-family:Roboto-Thin; 
	line-height: 180%;
	font-size:72%;
    letter-spacing:0.04em; 
}
.blueheaderhome, .blueheader 
{
    margin:0 auto;
    display:block;
    width:80%;
    line-height:100%;
    margin-top:2%;
    margin-bottom:1%;
    text-align:center;
    font-family:Roboto-Thin;
    letter-spacing:0.03em; 
    font-size:24px; 
    color:hsl(187, 85%, 50%);
}

    .buttonborder 
    {
    background:hsl(200, 100%, 50%);
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));   
    width:40%; 
    padding:1px; 
    height:50px; 
    }
    .button 
    {
    height:50px;
    line-height:50px; 
    background-color:hsl(205, 70%, 11%);
    color:hsl(195, 100%, 70%);
    letter-spacing:0.03em; 
    font-size:14px;
    }
    .buttonborderbig 
    {
    background:hsl(200, 100%, 50%);
    background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%)); 
    background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(165, 75%, 50%));     
    padding:1px; 
    width:65%; 
    height:50px; 
    }
    .buttonbig 
    {
    height:50px;
    line-height:50px; 
    background-color:hsl(205, 70%, 11%);
    color:hsl(195, 100%, 70%);
    letter-spacing:0.03em; 
    font-size:14px;
    }
    .readmore 
    {
    color:hsl(210, 100%, 95%);
    letter-spacing:0.03em; 
    font-size: 14px; 
    }
   .mybold 
    {
    letter-spacing:0.03em; 
	font-family:Roboto-thin;
    }

}


/*-----------------------------------common blue colour links ---------------------*/

.blueahref 
{
text-decoration:none;
}
.blueahref div
{
    text-decoration:none;
    color:hsl(200, 80%, 90%);
    font-family:Calibri;
    font-size:14px;
}
.bluelinks 
{
    bottom:50px;
    right:50px;
    width:15%;
    display:block;
    margin:0 auto;
    background-color:hsl(200, 50%, 50%);
    text-align: center;
    height:auto;
    padding:1%;
    border-radius:3%;
    margin-top:50px;
   margin-bottom:50px;
}
.bluelinks a 
{
    text-decoration: none; 
    font-family: calibri; 
    font-size: 16px; 
    color:black;
}
    .bluelinks:hover 
    {
     color:lightgrey !important;
    }


/*-------------------/////////////////////////------spaces------////////////////////////--------------------*/
    .spacetop
    {
    padding-top:40px;
    padding-bottom:40px;
    }
    .spacesmall 
    {
    padding-top:10px;
    padding-bottom:10px;
    }
    .spacemedium 
    {
    padding-top:15px;
    padding-bottom:15px;
    }
    .spacebig
    {
    padding-top:25px;
    padding-bottom:25px;
    }


    @media only screen and (min-width:851px) and (max-width:1050px)
    {
    .spacetop
    {
    padding-top:40px;
    padding-bottom:40px;
    }
    .spacesmall 
    {
    padding-top:5px;
    padding-bottom:5px;
    }
    .spacemedium 
    {
    padding-top:10px;
    padding-bottom:10px;
    }
    .spacebig
    {
    padding-top:18px;
    padding-bottom:18px;
    }
    }
    @media only screen and (min-width:651px) and (max-width:850px)
    {
    .spacetop
    {
    padding-top:40px;
    padding-bottom:40px;
    }
    .spacesmall 
    {
    padding-top:5px;
    padding-bottom:5px;
    }
    .spacemedium 
    {
    padding-top:10px;
    padding-bottom:10px;
    }
    .spacebig
    {
    padding-top:18px;
    padding-bottom:18px;
    }
    }

    @media only screen and (min-width:451px) and (max-width:650px)
    {
    .spacetop
    {
    padding-top:35px;
    padding-bottom:35px;
    }
    .spacesmall 
    {
    padding-top:5px;
    padding-bottom:5px;
    }
    .spacemedium 
    {
    padding-top:10px;
    padding-bottom:10px;
    }
    .spacebig
    {
    padding-top:18px;
    padding-bottom:18px;
    }
    }

    @media only screen and (max-width:450px)
    {
    .spacetop
    {
    padding-top:20px;
    padding-bottom:20px;
    }
    .spacesmall 
    {
    padding-top:5px;
    padding-bottom:5px;
    }
    .spacemedium 
    {
    padding-top:8px;
    padding-bottom:8px;
    }
    .spacebig
    {
    padding-top:15px;
    padding-bottom:15px;
    }
    }




/*-------------------/////////////////////////------ffooter------////////////////////////--------------------*/

.ffooter
{
    box-sizing:content-box; 
    display:block;
    margin:0 auto;
    width:100%;
    height:auto;
    background-color:hsl(205, 50%, 25%);
    background-image:url('../icons/intersecting-circles.svg');
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='hsl(205, 50%, 30%)' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");*/
    padding:6% 0 3% 0;
    border-top:4px solid hsl(205, 50%, 23%);
}
.fcatagorycontainer
{
    margin-left:17%;
    margin-bottom:60px;
}
.fcatagories
{
    display:inline-block;
    width:18%;
    margin:0 1% 0 1%;
    height:auto;
}
.ftitle
{
    font-family:Roboto-Light;
    letter-spacing:0.03em;
    font-size:16px;
    color:hsl(188, 100%, 50%);
    margin:5% 0 5% 20%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.flinks
{
    font-family:Roboto-Light;
    letter-spacing:0.05em;
    font-size:12px;
    color:hsl(208, 100%, 85%);
    display:block;
    text-decoration:none;
    margin:8% 0 8% 20%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.flinks:hover
{
    color:hsl(340, 1%, 100%);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.copyright
{
    font-family:Roboto-Light;
    letter-spacing:0.05em;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    color:hsl(208, 100%, 85%);
}

@media only screen and (min-width:1251px) and (max-width:1350px)
{
.ffooter
{
    padding:5% 0 3% 0;
}
.fcatagorycontainer
{
    margin-left:18%;
}
.fcatagories
{
    width:18%;
    margin:0 1% 0 1%;
}
.ftitle
{
    margin:5% 0 5% 20%;

}
.flinks
{
    font-size:12px;
    margin:8% 0 8% 20%;

}

.copyright
{
    font-size:12px;
}
}

@media only screen and (min-width:1151px) and (max-width:1250px)
{
.ffooter
{
    padding:7% 0 3% 0;
}
.fcatagorycontainer
{
    margin-left:15%;
}
.fcatagories
{
    width:18%;
    margin:0 1% 0 1%;
}
.ftitle
{

    margin:5% 0 5% 20%;
}
.flinks
{
    margin:8% 0 8% 20%;
    font-size:12px;
}

.copyright
{
    font-size:12px;
}
}

@media only screen and (min-width:1051px) and (max-width:1150px)
{
.ffooter
{
    padding:7% 0 3% 0;
}
.fcatagorycontainer
{
    margin-left:14%;
}
.fcatagories
{
    width:19%;
    margin:0 1% 0 1%;
}
.ftitle
{
    margin:5% 0 5% 20%;
}
.flinks
{
    font-size:12px;
    margin:8% 0 8% 20%;

}

.copyright
{

    font-size:12px;

}
}

@media only screen and (min-width:901px) and (max-width:1050px)
{
.ffooter
{
    padding:7% 0 3% 0;
}
.fcatagorycontainer
{
    margin-left:11%;
}
.fcatagories
{
    width:20%;
    margin:0 1% 0 1%;
}
.ftitle
{
    font-size:14px;
    margin:5% 0 5% 20%;
}
.flinks
{
    font-size:12px;
    margin:8% 0 8% 20%;
}


.copyright
{
    font-size:12px;
}
}
@media only screen and (min-width:751px) and (max-width:900px)
{
.ffooter
{
    padding:10% 0 5% 0;
}
.fcatagorycontainer
{
    width:70%;
    margin-left:23%;
}
.fcatagories
{
    display:inline-block;
    width:40%;
    margin:5% 1% 5% 1%;
}
.ftitle
{
    font-size:14px;
    margin:5% 0 5% 20%;

}
.flinks
{
    font-size:12px;
    margin:4% 0 4% 20%;

}

.copyright
{
    font-size:12px;
}

}
@media only screen and (min-width:551px) and (max-width:750px)
{
.ffooter
{
    padding:10% 0 5% 0;
}
.fcatagorycontainer
{
    width:70%;
    margin-left:20%;
}
.fcatagories
{
    width:45%;
    margin:5% 1% 2% 1%;
}
.ftitle
{
    font-size:14px;
    margin:6% 0 6% 20%;

}
.flinks
{
   font-size:12px;
   margin:6% 0 6% 20%;

}


.copyright
{
    font-size:12px;
}
}
@media only screen and (min-width:451px) and (max-width:550px)
{
.ffooter
{
    padding:10% 0 5% 0;
}
.fcatagorycontainer
{
    width:80%;
    margin-left:15%;
}
.fcatagories
{
    width:45%;
    margin:5% 1% 2% 1%;
}
.ftitle
{
    font-size:12px;
    margin:5% 0 5% 20%;

}
.flinks
{
    font-size:10px;
    margin:6% 0 6% 20%;
}


.copyright
{
    font-size:12px;
}
}

@media only screen and (max-width:450px)
{
.ffooter
{
    background-color:hsl(205, 70%, 11%);
    background-image:url('//icons/intersecting-circles-mobiles.svg');
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='hsl(205, 70%, 14%)' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");*/
    box-sizing:content-box; 
    display:block;
    margin:0 auto;
    width:100%;
    height:auto;
    padding:15% 0 10% 0;
    border-top:10px solid hsl(205, 70%, 9%);

}
.fcatagorycontainer
{
    margin-left:8%;
}
.fcatagories
{
    display:inline-block;
    width:45%;
    margin:5% 1% 5% 1%;
    height:auto;
}
.ftitle
{
    font-family:Roboto-Light;
    letter-spacing:0.03em; 
    font-size:14px;
    color:hsl(190, 100%, 70%);
    margin:7% 0 2% 20%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.flinks
{
    font-family:Roboto-Thin;
    letter-spacing:0.04em; 
    font-size:12px;
    display:block;
    text-decoration:none;
    margin:8% 0 8% 20%;
    color:hsl(203, 100%, 85%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.flinks:hover
{
    color:hsl(340, 1%, 100%);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.fcatagorycontainer2
{
    margin-left:0;
}
.fcatagories1
{
    display:block;
    width:100%;
    font-family:Roboto-Thin;
    letter-spacing:0.04em; 
    font-size:11px;
    color:hsl(203, 100%, 85%);
    line-height:190%;
    margin-top:50px;
    margin-bottom:30px;
    text-align:center;

}
.fcatagories1 span
{
    font-family:simplifica;
    letter-spacing:0.1em;
    font-size:18px;
    color:hsl(203, 100%, 85%);
}
.fcatagories2
{
    display:block;
    width:100%;
    margin:0 auto;
    font-family:Roboto-Thin;
    letter-spacing:0.04em; 
    font-size:11px;
    color:hsl(203, 100%, 85%);
    line-height:190%;
    margin-top:30px;
    margin-bottom:10px;
    margin-left:0px;
    text-align:center;

}
.fcatagories2 span
{
    font-family:Roboto-Thin;
    letter-spacing:0.05em;
    font-size:14px;
    color:hsl(203, 100%, 85%);
}

.fcatagories3
{
    display:block;
    width:77%;
    margin:0 auto;
    font-family:Roboto-Thin;
    letter-spacing:0.04em; 
    font-size:11px;
    color:hsl(203, 100%, 85%);
    line-height:190%;
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
}
.fcatagories3 span
{
    letter-spacing:0.1em;
    font-size:16px;
    color:hsl(203, 100%, 85%);
}
.copyright
{
    text-align:center;
    text-decoration:none;
    font-family:Roboto-Thin;
    letter-spacing:0.04em; 
    font-size:11px;
    color:hsl(203, 100%, 85%);
}

}

























/*-----------------------------------scrollbar and animations---------------------------------*/

    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 50%, 25%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 50%, 25%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 50%, 25%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background: hsl(194, 100%, 40%);
    border: thin solid ;
    border-radius:10px;
    }
    @media only screen and (max-width:450px) 
    {
    ::-webkit-scrollbar 
    {
    background-color:hsl(205, 70%, 11%);
    }
    ::-webkit-scrollbar-button 
    {
    background-color:hsl(205, 70%, 11%);
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 70%, 11%) !important;
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 70%, 11%);
    border:none;
    }
}

    @keyframes kktext
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:white;
    }
    }
    @-webkit-keyframes kktext
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:white;
    }
    }
    @-moz-keyframes kktext
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:white;
    
    }
    }

    @keyframes basictexta
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:black;
    }
    }
    @-webkit-keyframes basictexta
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:black;
    }
    }
    @-moz-keyframes basictexta
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:black;
    
    }
    }
    @keyframes blueheader
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:#1982BB;
    }
    }
    @-webkit-keyframes blueheader
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:#1982BB;
    }
    }
    @-moz-keyframes blueheader
    {
    from
    {
    color:transparent;
    }
    to
    {
    color:#1982BB;
    
    }
    }


   .scrollup 
    {
    width:8%;
    position: fixed;
    bottom:320px;
    right:4%;
    display: none;
    /*text-indent: -9999px;*/

    }