/******************************************************************


	------------------------
	-- TABLE OF CONTENTS --
	------------------------
	
	--  01. Responsive video content
    --  02. Section --> About SSC
 
 
 ******************************************************************/




/** 1. Container for responsive video content
*******************************************************************/

/** First define the container **/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

/** Then define the iframe withing the container **/

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/** x. Section --> insight
*******************************************************************/

.navigation-button
{
    position: absolute;
    z-index: 10;
    top: 11;
    right: 0;

    cursor: pointer;
}

.navigation-button p
{
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 6rem;

    width: 9rem;
    height: 9rem;
    margin: 0;
    padding: 0;

    -webkit-transition: .1s ease;
         -o-transition: .1s ease;
            transition: .1s ease;
    text-align: center;
    letter-spacing: .01em;

    color:#fff;
    border-radius: 100px;
    background: none;
}

.navigation-button p:after
{
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;

    color: #fff;

    content: '';
    -webkit-transition: .1s ease;
         -o-transition: .1s ease;
            transition: .1s ease;


    
    border-width: 0 15rem 15rem 0;
    border-style: solid;
    border-color: transparent #d80247 transparent transparent;

}

.navigation-button p:hover
{
    color:#111;
    border-color: transparent #cccccc transparent transparent;
}

.navigation-button p:hover:after
{
    color: #111;
    border-color: transparent #cccccc transparent transparent;
}

@media (max-width:700px)
{
    html
    {
        font-size: 8px !important;
    }
}

@media (max-width:500px)
{
    html
    {
        font-size: 6px !important;
    }
}

@media (orientation:landscape) and (max-height:420px)
{
    html
    {
        font-size: 8px !important;
    }
}


/** 2. Section --> High-Profile Compliance
*******************************************************************/

#hpc h4
{

    margin-bottom: 1em;

}

#hpc .container-fluid
{

    width: 100%;
    margin: auto;
    margin-bottom: 2em;

}

#hpc .container-mid
{
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

}

#hpc .container-fluid p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;
    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hpc .container-fluid p.subline
{
    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hpc .container-fluid p.bodyline
{ 
    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hpc .container-fluid a
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: none;

}

#hpc .container-fluid a:hover
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color:#111;
    background: #cccccc;
    border-radius: 10%;
    background: none;

}

#hpc .container-fluid a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;
    /* background: #13bbbd;*/
    background: #d80247; 

}

#hpc .container-fluid a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#hpc .container-fluid a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease; 
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #cccccc;

}

#hpc .container-fluid a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#hpc .container-fluid a i
{
    position: relative;
    z-index: 2;
}

#hpc .hpc-item
{
    margin-top: 4rem;
}

#hpc .hpc-item i
{
    display: inline-block;

    width: 2em;
    margin-right: .8em;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    /* background: #13bbbd; */
    background: #710e0b;
}

#hpc .hpc-item h5
{
    display: inline-block;

    vertical-align: middle;
}

#hpc .hpc-item p, p.subline
{    
    margin-top: 1.6em;
    margin-bottom: 0;
}
/*
#hpc .feature-item i
{

    display: inline-block;

    width: 2em;
    margin-right: .8em;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: #710e0b ; 
}
*/
#hpc .feature-item p, p.opentext
{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.85rem;
    line-height: 2em;

    /* display: inline-block; */

    margin: 0;
    margin-right: .8em;

    vertical-align: left;

    color: #222;
}
/*
#hpc .feature-item i:hover
{
    display: inline-block;

    width: 2em;
    margin-right: .8em;

    text-align: center;
    vertical-align: middle;

    color: #222;
    border-radius: 10%;
    background: #710e0b ; 
}
*/
#hpc .features-list
{
    margin-bottom: 0;
    padding: 0;

    list-style: none;
}

#hpc .featuress-list li
{
    display: block;
    
}
/*
#hpc .features-list li button
{ 
    font-weight: 400;

    position: relative;

    display: block;

    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;;
    padding: 10;
    text-align: left;

    border: none;
    border-radius: 10;

    background-color: none;

}

#hpc .features-list li button:after
{
    position: absolute;
    top: 50%;
    right: 0;

    content: '\f078';
   -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #fff;
}
*/

#hpc .features-list li button
{
    background-color: #d80247;
    color: #fff;
    font-weight: bolder;
    border-color: #222;

    margin-top: 1em;

    width: 100%;

}

#hpc .features-list li button:hover
{
    background-color:#ccc;
    color:#222;

    width: 100%;

}

#hpc .features-list li button i
{

    margin-left: 1em;
    margin-right: 1em;
}

#hpc .features-list li .well
{
    font-weight: 400;
    min-height: 20px;
    margin-bottom: 0;
    padding: 0;
    /* padding-top: 2.5rem;
    padding-bottom: 2.5rem; */
    padding-top: 0;
    padding-bottom: 0;


    -webkit-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease;

    border: none;
    border-radius: 0;
   /* background-color: rgba(0,0,0,0); */
   background: #ebeeed;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#hpc .features-list li .well p
{
    text-align :left;
    font-weight: lighter;

    font-family: 'Open Sans', sans-serif;
    color: #222;
    background: #ebeeed; 

}

#hpc .features-list .well p
{
    text-align :left;
    font-weight: lighter;

    font-family: 'Open Sans', sans-serif;
    color: #222;
    background: #ebeeed; 

}

#hpc .collapse
{

    background: #ebeeed; 

}


#hpc .container-tail
{
    position:relative;
    align-content: center;
 
    width: 100%;
    margin: auto;
    margin-top: 4em;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 

}

#hpc .container-tail p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;

    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: 1em;

    vertical-align: middle;
}

#hpc .container-tail a
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: none;
}

#hpc .container-tail a:hover
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color:#222;
    border-radius: 10%;
    background:#cccccc;
}

#hpc .container-tail a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;
    /* background: #13bbbd;*/
    background: #d80247; 
}

#hpc .container-tail a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#hpc .container-tail a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease; 
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #cccccc;
}

#hpc .container-tail a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#hpc .container-tail a i
{
    position: relative;
    z-index: 2;
}


@media (max-width:768px)
{
    #hpc .hpc-item
    {
        text-align: center !important;
    }
}




/** 2. Section --> How We Can Help (hwch)
*******************************************************************/

#hwch .container-fluid
{
    width: 100%;
    margin: auto;
}

#hwch .container-right
{
/*    width: 100%; */
    text-align: right;
/*    margin: auto; */
    margin-right: 2em;

}

#hwch .container-mid
{
    /* position: absolute;
    top: 50%; */

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#hwch .container-mid h1
{
    line-height: 1.2em;

    margin-top: 0;
    margin-bottom: 1em;
}

#hwch h4
{
    display: inline-block;

    vertical-align: middle;
}


#hwch .container-mid p.mover
{
    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hwch .container-mid p.subline
{
    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hwch .container-mid p.linktext
{
    font-style: italic;

    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}

#hwch .container-mid a
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 100%;
    background: none;
}

#hwch .container-mid a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 100%;
    /* background: #13bbbd; */
    background: #710e0b;
}

#hwch .container-mid a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#hwch .container-mid a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 100%;
    background: #222;
}

#hwch .container-mid a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#hwch .container-mid a i
{
    position: relative;
    z-index: 2;
}


/** 2. Section -->  Proof of Concept Introduction (poci)
*******************************************************************/

#poci .container-fluid .poci-stages p.subline
{
    display: inline-block;

    margin: 0;
    margin-right: .2em;

    vertical-align: middle;
}
/*
#poci .container-fluid p.subline ul li
{
    display: inline-block;

    margin: 0;
    margin-right: .2em;

    vertical-align: middle;
}

*/
#poci .container-fluid ul li {


     margin-right: .2em;
    font-size: 1.85rem;
    line-height: 2em;
 
    text-align: left;
    vertical-align: middle;

    color: #111;

/*
    text-align: left;
  background: #cce5ff;
  color: darkblue;
  margin: 5px;
*/
}

#poci .container-fluid p.subline-bold
{    
    font-weight: bold;

    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}
/*

#poci .container-fluid .poci-stages a
{
    

    color: #fff;
   
}

#poci .container-fluid .poci-stages a:before
{
    
    background: #d80247;
}

*/

#poci .container-fluid p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;
    
    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: 1em;

    vertical-align: middle;
}

/*

#poci .container-fluid a
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: none;
}

#poci .container-fluid a:before
{
    line-height: 2em;
    
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 2em;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;

    background: #d80247;
}

#poci .container-fluid a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#poci .container-fluid a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #222;
}

#poci .container-fluid a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#poci .container-fluid a i
{
    position: relative;
    z-index: 2;
}

*/

#poci .container-tail
{
    position:relative;
    align-content: center;

    width: 100%;
    margin: auto;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 

}


#poci .container-tail p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;
    
    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: 1em;

    vertical-align: middle; 
}


#poci .container-tail a
{
    line-height: 2em;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: none;
}

#poci .container-tail a:hover
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color:#222;
    border-radius: 10%;
    background: none;
}

#poci .container-tail a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;
    /* background: #13bbbd;*/
    background: #d80247; 
}

#poci .container-tail a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#poci .container-tail a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease; 
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #cccccc;
}

#poci .container-tail a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#poci .container-tail a i
{
    position: relative;
    z-index: 2;
}



/** 7. Content Area --> About Stirling Siri
*******************************************************************/
#assc
 .container-fluid
{
 
    width: 100%;

}

#assc .container-mid h1
{
    line-height: 1.2em;

    margin-top: 0;
    margin-bottom: 1em;
}

#assc h4
{
   /* font-weight: 400; */

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 1em;
    



}

#assc .skill-item i
{
    display: inline-block;

    width: 2em;
    margin-right: .8em;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: #710e0b ; 
}

#assc .skill-item p.opentext
{
    font-family: 'Open Sans', sans-serif;

    /* display: inline-block; */

    margin: 0;
    margin-right: .8em;

    vertical-align: left;

    color: #222;
}

#assc .skill-item i:hover
{
    display: inline-block;

    width: 2em;
    margin-right: .8em;

    text-align: center;
    vertical-align: middle;

    color: #222;
    border-radius: 10%;
    background: #710e0b ; 
}

#assc .skills-list
{
    margin-bottom: 0;
    padding: 0;

    list-style: none;
}

#assc .skills-list li
{
    display: block;
    
}

#assc .skills-list li button
{ 
    font-weight: 400;
    line-height: 3.4em;

    position: relative;

    display: block;

    width: 100%;
    margin-bottom: 1rem;
    padding: 50;
    text-align: left;

    border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 10;

    background-color: none;

}

#assc .skills-list li button:after
{
    position: absolute;
    top: 50%;
    right: 0;

    content: '\f078';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    /* color: #fff; */
}

#assc .skills-list li .well
{
    font-weight: 400;
    min-height: 20px;
    margin-bottom: 0;
    padding: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;

    -webkit-transition: 1s ease;
         -o-transition: 1s ease;
            transition: 1s ease;

    border: none;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
            box-shadow: none;
}



#assc .assc-expertise p.subline
{   
    display: inline-block;

    margin: 0;
    margin-right: .2em;

    vertical-align: middle;
}

#assc .assc-expertise p.subline-bold
{    
    font-weight: bold;

    display: inline-block;

    margin: 0;
    margin-right: .8em;

    vertical-align: middle;
}


#assc .container-fluid .assc-expertise a
{
    

    color: #fff;
   
}

#assc .container-fluid .assc-expertise a:before
{
    
    background: #d80247;
}

#assc .assc-expertise
{
    padding-top: 2rem;
    padding-bottom: 1rem;

    
}

#assc .assc-expertise .assc-expertise-item
{
    margin-bottom: 5rem;

}

#assc .assc-expertise .assc-expertise-item .well
{
    background-color: #ebeeed;
}

#assc .assc-expertise .assc-expertise-item p
{
    text-align:left;
    font-weight: lighter;

    font-size: 1.85rem;
    line-height: 2em;
    
    color: #222;

}

#assc .assc-expertise .assc-expertise-item img
{
    max-width: 75%;
    object-fit: contain;

}

#assc .assc-expertise .assc-expertise-item button
{
    background-color: #d80247;
    color: #fff;
    font-weight: bolder;

    width: 100%;

}

#assc .assc-expertise .assc-expertise-item i
{

    margin-left: 1em;
    margin-right: 1em;
}

#assc .assc-expertise .assc-expertise-item button:hover
{
    background-color:#ccc;
    color:#222;

    width: 100%;

}

#assc .assc-expertise .assc-expertise-item:last-child
{
    margin-bottom: 0;
}

@media (max-width:768px)
{
    #assc .assc-expertise .assc-expertise-item img
    {
        margin: 0 auto 3rem auto;
    }

    #assc .assc-expertise .assc-expertise-item button
    {
        margin: 0 auto 3rem auto;
    }

    #assc .assc-expertise .assc-expertise-item .text-left
    {
        text-align: center;
    }
}

#assc .container-mid p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;
    
    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: 1em;

    vertical-align: middle; 
}

#assc .container-mid a
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #222;
    border-radius: 100%;
    background: none;
}

#assc .container-mid a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    /* color: #fff;   */      
    border-radius: 100%;
    /* background: #13bbbd; */
    background: #d80247;
}


#assc .container-mid a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#assc .container-mid a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    color: #222;
    border-radius: 100%;
    background: #cccccc;
}

#assc .container-mid a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#assc .container-mid a i
{
    position: relative;
    z-index: 2;
   
}

#assc .container-tail
{
    position:relative;
    align-content: center;

    width: 100%;
    margin: auto;
    margin-top: 4em;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); 

}


#assc .container-tail p.linktext
{
    font-size: 1.5rem;
    line-height: 1.74em;
    
    font-style: italic; 

    display: inline-block;

    margin: 0;
    margin-right: 1em;

    vertical-align: middle; 
}


#assc .container-tail a
{
    line-height: 2em;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 10%;
    background: none;
}

#assc .container-tail a:hover
{
    line-height: 2em;
    
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 2em;
    margin: 0;
    padding: 0;

    -webkit-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    text-align: center;
    vertical-align: middle;

    color:#222;
    border-radius: 10%;
    background: none;
}

#assc .container-tail a:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;
    /* background: #13bbbd;*/
    background: #d80247; 
}

#assc .container-tail a:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#assc .container-tail a:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease; 
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #cccccc;
}

#assc .container-tail a:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#assc .container-tail a i
{
    position: relative;
    z-index: 2;
}

#assc .animation-container
{
    -webkit-transition: .5s ease;
         -o-transition: .5s ease;
            transition: .5s ease;
}

#assc .animation-container.animation-fade
{
    opacity: 0;
}

#assc .animation-container.animation-fade.run-animation
{
    opacity: 1;
}

#assc .animation-container.animation-fade-up
{
    -webkit-transform: translateY(10vh);
        -ms-transform: translateY(10vh);
            transform: translateY(10vh);

    opacity: 0;
}

#assc .animation-container.animation-fade-up.run-animation
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

#assc .animation-container.animation-fade-down
{
    -webkit-transform: translateY(-10vh);
        -ms-transform: translateY(-10vh);
            transform: translateY(-10vh);

    opacity: 0;
}

#assc .animation-container.animation-fade-down.run-animation
{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

#assc .animation-container.animation-fade-left
{
    -webkit-transform: translateX(10vh);
        -ms-transform: translateX(10vh);
            transform: translateX(10vh);

    opacity: 0;
}

#assc .animation-container.animation-fade-left.run-animation
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

#assc .animation-container.animation-fade-right
{
    -webkit-transform: translateX(-10vh);
        -ms-transform: translateX(-10vh);
            transform: translateX(-10vh);

    opacity: 0;
}

#assc .animation-container.animation-fade-right.run-animation
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

@media (max-width:1200px)
{
    #assc
    {
        height: auto;
    }

    #assc .container-mid
    {
        position: relative;
        top: 0;

        margin: 15vh 0;

        -webkit-transform: translate(0);
            -ms-transform: translate(0);
                transform: translate(0);
    }
}


/** 3. Section --> Footer
*******************************************************************/

#footer .container-fluid p
{
    font-size: 0.75em;
    line-height: 1em;

    padding-top: 1.5em;
    height: 1.25em;

    color: #222;
    text-align: left;


}



#footer .site-terms
{
    margin: 0;
    padding: 0;
    padding-top: 1.5em;

    list-style: none;
}

#footer .site-terms p
{
    color: #222;
    margin-left: 10em;
    padding-left: 10em;

}


#footer .site-terms li
{
    font-size: 0.75em;
    line-height: 1em;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 10em;
    height: 1.25em;
    margin: 0;
    margin-right: 1em;

    text-align: center;

    color: #fff;
    border-radius: 10%;
    background: none;
}

#footer .site-terms li:last-child
{
    margin-right: 0;
}

#footer .site-terms li:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    border-radius: 10%;
    /* background: #13bbbd; */
    background: #d80247;
}

#footer .site-terms li:hover:before
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

#footer .site-terms li:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .15s ease;
         -o-transition: .15s ease;
            transition: .15s ease;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    border-radius: 10%;
    background: #cccccc;
}

#footer .site-terms li:hover:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#footer .site-terms li a
{
    font-size: inherit;

    position: relative;
    z-index: 3;

    display: block;

    color: #fff;
    border: none;
}

#footer .site-terms li a:hover
{
    color: #222;
    font-weight: bold;

}


#footer .f-item .f-lightbox-wrapper
{
    position: absolute;

    display: none;

    opacity: 0;
}

.featherlight .featherlight-content
{
    max-height: 95%;
    padding: 0;

    border-bottom: 0;
}

.featherlight .featherlight-content .footer-lightbox h1,
.featherlight .featherlight-content .footer-lightbox h2,
.featherlight .featherlight-content .footer-lightbox h3,
.featherlight .featherlight-content .footer-lightbox h4,
.featherlight .featherlight-content .footer-lightbox h5,
.featherlight .featherlight-content .footer-lightbox h6,
.featherlight .featherlight-content .footer-lightbox p,
.featherlight .featherlight-content .footer-lightbox ol,
.featherlight .featherlight-content .footer-lightbox li
{
    color: #111;
}

.featherlight .featherlight-content  .featherlight-close-icon
{
    font-size: 2.4rem;
    line-height: 2.4em;

    top: .7em;
    left: .7em;

    width: 2.4em;

    border-radius: 100%;
    outline: none !important;
    background: white;
}

.featherlight .featherlight-content .footer-lightbox
{
    max-width: 1400px;
    padding: 0 0 10vh 0;

    text-align: center;
}

.featherlight .featherlight-content .footer-lightbox img
{
    margin: 0 auto 7vh auto;
}

.featherlight .featherlight-content .footer-lightbox .description
{
    max-width: 700px;
    margin: 0 auto;
    padding: 0 5rem;
}

.featherlight .featherlight-content .footer-lightbox .description h4
{
    margin-bottom: .25em;

    text-align: center;
}

.featherlight .featherlight-content .footer-lightbox .description h5
{
    margin-bottom: .25em;

    text-align: left;
}

.featherlight .featherlight-content .footer-lightbox .description h6
{
    margin-bottom: .25em;

    text-align: center;

    font-size: 1em;
}

.featherlight .featherlight-content .footer-lightbox .description p.subline
{
    margin-bottom: 2em;

    letter-spacing: .025em;
}

.featherlight .featherlight-content .footer-lightbox .description p
{
    margin-bottom: 2em;

    text-align: left;
}

.featherlight .featherlight-content .footer-lightbox .description ol
{
    margin-bottom: 2em;

    text-align: left;
}

.featherlight .featherlight-content .footer-lightbox .description ul
{
    margin-bottom: 2em;

    text-align: left;
}

.featherlight .featherlight-content .footer-lightbox .description li
{
    margin-bottom: 1em;

    text-align: left;

    font-size: 1.1em;

    line-height: 2em;
}