html, body {
    overflow-x: hidden;
}
body {
        color: #777;
        background-color: #fff;
        position: relative;
}

p {
    margin: 0px;
}

.pure-img-responsive {
        max-width: 100%;
        height: auto;
}

.profile_container {
    display:block;
    position:relative;
    margin: 0 auto;
}
.cover {
    display:block;
    position:relative;
    height:100%;
    overflow:hidden;
}
.cover img {
    min-width: 100%;
    max-width:100%;
}
.profile {
    display:block;
    position:relative;
    z-index:999;
}
.profile-img {
    z-index: 999;
}

.round-img {
    border-radius:50%;
}

.center-item-h {
 display: block;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
}

/*
Add transition to containers so they can push in and out.
*/
#layout,
#menu,
.menu-link {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        z-index: 999999999 !important;
}

/*
This is the parent `<div>` that contains the menu and the content area.
*/
#layout {
        position: relative;
        padding-left: 0;
}
        #layout.active #menu {
                left: 150px;
                width: 150px;
        }

        #layout.active .menu-link {
                left: 150px;
        }
/*
The content `<div>` is where all your content goes.
*/


 
.header {
     margin: 0 auto;
     padding-top: 0 ;
     padding-bottom: 0 ;
     padding-right: 0 ;
     padding-left: 0 ;
     max-width: 1000px;
          background-color: none;
          	
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Open Sans;
}


.header .tab {
    background-color: #000;
    padding-top: 30px ;
    padding-bottom: 30px ;			
    font-weight: bold!important;	
    color:#fff !important; 
    font-family: Open Sans;
    font-size: 16px; 	
display: block;
    width: 100%;
    text-decoration: none;
    z-index: 9999999999;
}

 .header .tab {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;
                       
}

    
.header .tab {
    background: -webkit-linear-gradient(, ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(, ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(, ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(, ); /* Standard syntax */
}
.header .widget {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0; 
    font-family: Open Sans !important; 
}

.header .widget .widget-content{	
    padding: 0px;
    line-height: 1.6;
        background-color: none;
    font-size: 16px;
    color:#fff !important; 
}

 
.content {
     margin: 0 auto;
     padding-top: 0 ;
     padding-bottom: 20px ;
     padding-right: 20px ;
     padding-left: 20px ;
     max-width: 1000px;
          background-color: #32323a;
     color: #ffffff;     	
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Open Sans;
}


.content .tab {
    background-color: #157853;
    padding-top: 30px ;
    padding-bottom: 30px ;			
    font-weight: bold!important;	
    color:#ffffff !important; 
    font-family: Open Sans;
    font-size: 16px; 	
display: block;
    width: 100%;
    text-decoration: none;
    z-index: 9999999999;
}

 .content .tab {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;
                       
}

            .content .first-tab {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        }
        
        .content .last-tab {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        }
        
    
.content .tab {
    background: -webkit-linear-gradient(#157853, #0e4f37); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#157853, #0e4f37); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#157853, #0e4f37); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#157853, #0e4f37); /* Standard syntax */
}
.content .widget {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0; 
    font-family: Open Sans !important; 
}

.content .widget .widget-content{	
    padding: 10px;
    line-height: 1.6;
        background-color: #ffffff;
    font-size: 16px;
    color:#333333 !important; 
}

 
.footer {
     margin: 0 auto;
     padding-top: 0 ;
     padding-bottom: 0 ;
     padding-right: 0 ;
     padding-left: 0 ;
     max-width: 1000px;
          background-color: none;
          	
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Open Sans;
}


.footer .tab {
    background-color: #1f2023;
    padding-top: 30px ;
    padding-bottom: 30px ;			
    font-weight: bold!important;	
    color:#fff !important; 
    font-family: Open Sans;
    font-size: 16px; 	
display: block;
    width: 100%;
    text-decoration: none;
    z-index: 9999999999;
}

 .footer .tab {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;
                       
}

    
.footer .tab {
    background: -webkit-linear-gradient(#1f2023, #1f2023); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1f2023, #1f2023); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1f2023, #1f2023); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1f2023, #1f2023); /* Standard syntax */
}
.footer .widget {
    padding-bottom: 0;
    padding-top: 1px;
    padding-right: 0;
    padding-left: 0; 
    font-family: Open Sans !important; 
}

.footer .widget .widget-content{	
    padding: 0px;
    line-height: 1.6;
        background-color: none;
    font-size: 16px;
    color:#fff !important; 
}

 
.test {
     margin: 0 auto;
     padding-top: 0 ;
     padding-bottom: 0 ;
     padding-right: 0 ;
     padding-left: 0 ;
     max-width: 1000px;
          background-color: none;
          	
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Open Sans;
}


.test .tab {
    background-color: #000;
    padding-top: 30px ;
    padding-bottom: 30px ;			
    font-weight: bold!important;	
    color:#fff !important; 
    font-family: Open Sans;
    font-size: 16px; 	
display: block;
    width: 100%;
    text-decoration: none;
    z-index: 9999999999;
}

 .test .tab {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;
                       
}

    
.test .tab {
    background: -webkit-linear-gradient(, ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(, ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(, ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(, ); /* Standard syntax */
}
.test .widget {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0; 
    font-family: Open Sans !important; 
}

.test .widget .widget-content{	
    padding: 0px;
    line-height: 1.6;
        background-color: none;
    font-size: 16px;
    color:#fff !important; 
}

/* -- Google Fonts -------------------------------------*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}

.content-subhead {
        margin: 50px 0 20px 0;
        font-weight: 300;
        color: #888;
}

/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/

#menu {
        margin-left: -150px; /* "#menu" width */
        width: 150px;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1000; /* so the menu or its navicon stays above all content */
        background: #191818;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
}
        /*
        All anchors inside the menu should be styled like this.
        */
        #menu a {
                color: #999;
                border: none;
                padding: 0.6em 0 0.6em 0.6em;
        }

        /*
        Remove all background/borders, since we are applying them to #menu.
        */
         #menu .pure-menu,
         #menu .pure-menu ul {
                border: none;
                background: transparent;
        }

        /*
        Add that light border to separate items into groups.
        */
        #menu .pure-menu ul,
        #menu .pure-menu .menu-item-divided {
                border-top: 1px solid #333;
        }
                /*
                Change color of the anchor links on hover/focus.
                */
                #menu .pure-menu li a:hover,
                #menu .pure-menu li a:focus {
                        background: #333;
                }

        /*
        This styles the selected menu item `<li>`.
        */
        #menu .pure-menu-selected,
        #menu .pure-menu-heading {
                background: #1f8dd6;
        }
                /*
                This styles a link within a selected menu item `<li>`.
                */
                #menu .pure-menu-selected a {
                        color: #fff;
                }

        /*
        This styles the menu heading.
        */
        #menu .pure-menu-heading {
                font-size: 110%;
                color: #fff;
                margin: 0;
        }

/* -- Dynamic Button For Responsive Menu -------------------------------------*/

/*
The button to open/close the Menu is custom-made and not part of Pure. Here's
how it works:
*/

/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
        position: fixed;
        display: none; /* show this only on small screens */
        top: 0;
        left: 0; /* "#menu width" */
        background: #000;
        background: rgba(0,0,0,0.7);
        font-size: 10px; /* change this value to increase/decrease button size */
        z-index: 10;
        width: 2em;
        height: auto;
        padding: 2.1em 1.6em;
}

        .menu-link:hover,
        .menu-link:focus {
                background: #000;
        }

        .menu-link span {
                position: relative;
                display: block;
        }

        .menu-link span,
        .menu-link span:before,
        .menu-link span:after {
                background-color: #fff;
                width: 100%;
                height: 0.2em;
        }

                .menu-link span:before,
                .menu-link span:after {
                        position: absolute;
                        margin-top: -0.6em;
                        content: " ";
                }

                .menu-link span:after {
                        margin-top: 0.6em;
                }


/* -- Responsive Styles (Media Queries) ------------------------------------- */

/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
@media (min-width: 48em) {



        #layout {
                left: 0;
        }
        #menu {
                left: 150px;
        }

        .menu-link {
                position: fixed;
                left: 150px;
                display: none;
        }

        #layout.active .menu-link {
                left: 150px;
        }
}

@media (max-width: 48em) {
        /* Only apply this when the window is small. Otherwise, the following
        case results in extra padding on the left:
                * Make the window small.
                * Tap the menu to trigger the active state.
                * Make the window large again.
        */
        #layout.active {
                position: relative;
                left: 150px;
        }
}

/* -- Widget Styles (custom added entries) ----------------------------------------------------------------------------- */

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;	
}

.title-content h2{	
     margin: 0;
     padding-bottom: 10px;
}


.text-left {
    float:left!important;	
    font-size: 13px;
    font-weight: bold!important;
    color: black!important;	
    text-transform: uppercase;	
}

 .text-center{
    width: 100%;
    text-align: center;
}

.tab .expand-tab{
    float: right;
    margin-right: 10px;
    margin-left: -10px;
 }
    
.plus{
     font-size: 30px;
 }

 .link-right {
    float:right!important;	
    font-size: 13px;
    font-weight: bold!important;
    color: black!important;	
    z-index:999999999!important;			
}

 p{				
    line-height:20px!important;
    margin-bottom:0px; 
    padding-bottom:0px;
    display:block;	
}

.atoggle-decoration-v6{	
    background-color:rgba(0,0,0,0.1);	
    height:1px;	
    display:block;	
    margin-top:10px;	
    margin-bottom:10px;
}

.social-links
{
    width: 100%;
    margin: auto;
    overflow: hidden;
    text-align: center;	
    padding-bottom:15px;
    float: left;
}

.social-links a
{
    display: inline-block;
    background-color: 0!important;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-top: 10px;
    border: none;
    margin: auto;
}

.social-links img
{
    width: 12vw;
    max-width: 70px;
}

.contact-links
{
    width: 100%;
    margin: auto;
    overflow: hidden;
    text-align: center;	
    float: left;
    padding-bottom:10px;
}

.contact-links a
{
    display: inline-block;
    background-color: 0!important;
    padding-right: 16px;
    padding-top: 15px;
    border: none;
    margin: auto;
}

.contact-links img
{
    width: 15vw;
    max-width: 70px;
}

.video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.image-slider{

}

.profile-photo{
    padding:0;
}

.profile-photo img{
    padding-top:10px;
}

.profile-photo h2{
    font-size: calc(18px + 2vw);
    line-height: 100%;
    text-align: right;
}

.profile-photo h3{
    font-size: calc(12px + 1vw);
    line-height: 100%;
    text-align: right;
}

.profile-left-text {
    padding-right:10px !important;
}

.formValidationError{
    margin-bottom:-15px;
}

.formErrorsWrap{
    overflow:visible!important;
}

.formValidationError p{
    text-align:center;
    color:#d63c3c!important;
    margin:8px 0px;
    display:block;
    background-image:none;
    text-transform:uppercase;
    padding-left:0px;
}

.formValidationError .red-notification p{
    background-image:none!important;
    display:block!important;
    padding-left:0px!important;
    text-align:center!important;
}

.loader {
    margin-left:auto;
    margin-right:auto;
    background-image: url(../images/loader.gif);
    background-size: 100px 100px;
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
}

.credit {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-right:auto;
        margin-left:auto;
    display: block;
    position: relative;
    text-align:center!important;
    font-size: 12px;
}

.credit a {
color:#e73030 !important;
}

.small-notification{	margin-bottom:10px;	}
.small-notification p{	margin: 10px 13px; padding-bottom:2px; line-height:18px;	}
.red-notification{		background-color: rgba(219, 84, 84, 0.5);	border-radius:5px;	border:solid 1px #c24747;}
.green-notification{ background-color: rgba(18, 140, 57, 0.91);	border-radius:5px;	border:solid 1px rgba(10, 73, 30, 0.91); padding:8px; text-align:center!important; color:rgba(2, 51, 18, 0.91)}