channel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 50px;
}

item {
    display: block;
    width: 33%;
    padding: 20px;
}

title {
    display: block;
    color: #0074bc;
    font-size: 30px;
}




.careers #prefooterwrapper, .careers #prefooter {display: none;}



/* Career Site Element */

.ceobgcolor {background: #00ADE6;}

.careerbanner_wrapper {
position: relative;
}


.careerbanner_content {
  margin-top:400px;
  position: absolute;
  top: 50%;
  left: 50%;
  	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.careerbanner_wrapper2 {
position: relative;
background: rgba(255, 255, 255, 0.9);
  top: 50%;
  left: 50%;
  	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding:15px;
  width:auto;
  max-width:440px;
}

.careerbanner_content2 {
  width:auto;
  height:auto;
  max-height:80%;
  padding:0 10px 10px 15px;
  line-height:30px;
}


.careerbanner_wrapper .careerbanner_content h1, .careerbanner_wrapper2 .careerbanner_content2 12 {
font-size:1.8em !important;
font-weight:700;
color:#fff;
line-height:20px;
height:100%;
 }
 
 
  @media only screen and (max-width: 1024px) {
 .careerbanner_content {
  margin-top:-50px !important;
}

.careerbanner_wrapper2 {
/* margin-top:440px; */
position: relative;
background: #f3f4f6;
/* background: rgba(22,68,105,0.8); */
  top: 0;
  left: 0;
  	-webkit-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  padding:20px 15px 15px 15px;
  width:auto;
  max-width:100%;
  margin:20px 0 20px 0;
}

.careerbanner_content2 {
  width:100%;
  height:auto;
  min-height:100px;
}


 }
 
 @media only screen and (max-width: 780px) {

.careerbanner_content {
  margin-top:0 !important;
}



.careerbanner_wrapper2 {
/* margin-top:440px; */
position: relative;
background: #f3f4f6;
/* background: rgba(22,68,105,0.8); */
  top: 0;
  left: 0;
  	-webkit-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  padding:20px 15px 15px 15px;
  width:auto;
  max-width:100%;
  margin:20px 0 20px 0;
}

.careerbanner_content2 {
  width:100%;
  height:auto;
  min-height:100px;
}

}

/*css element */
.socialButtonLink {
	display: block;
	width: 100px;
	height: 100px;
	background: url('/path/to/myImage.png') bottom;
	text-indent: -99999px;
}
.socialButtonLink:hover {
	background-position: 0 0;
}


/* 4 column layout */
.autowide {
  margin: 0 auto;
  width:auto;
  max-width: 1200px;
}
.autowide img {
  float: left;
  margin: 0 .75rem 0 0;
}
.autowide .module {
  margin-bottom: 1rem;
  text-align:center;
}

.autowide .module h1 {
  font-size:1.8em;
  font-weight:700;
  height:70px;
}

.rehap-main-text {
  color:#272725;
  margin:0 0 10px 0;
}

.autowide .module a {
  color:#288ee2;
}

.autowide .module a:hoever {
  color:#0f3d6c;
}


.autowide .module p {
    color:#272725;
      line-height:1.8em;
  padding: .25rem .75rem;
}


/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .autowide .module {
		float: left;
		margin-right: 2.564102564102564%;
		width: 48.717948717948715%;
	}
	.autowide .module:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .autowide .module {
		width: 31.623931623931625%;
	}
	.autowide .module:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .autowide .module {
		width: 23.076923076923077%;
	}
	.autowide .module:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module:nth-child(4n+0) {
		margin-right: 0;
	}
}





/* 3 column layout */

.autowide .module2 {
  margin-bottom: 1rem;
  text-align:center;
}

.autowide .module2 h1 {
  font-size:1.8em;
  font-weight:700;
  height:70px;
}


.autowide .module2 a {
  color:#288ee2;
}

.autowide .module2 a:hoever {
  color:#0f3d6c;
}


.autowide .module2 p {
    color:#272725;
      line-height:1.8em;
  padding: .25rem .75rem;
}


/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .autowide .module2 {
		float: left;
		margin-right: 2.564102564102564%;
		width: 48.717948717948715%;
	}
	.autowide .module2:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .autowide .module2 {
		width: 31.623931623931625%;
	}
	.autowide .module2:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module2:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .autowide .module2 {
		width: 31.623931623931625%;
	}
	.autowide .module2:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.autowide .module2:nth-child(4n+0) {
		margin-right: 0;
	}
}




/* 
   If you have several menus on a same page,
   assign a z-index to each one according to their position
*/

/* Stick Nav */


/*  _______________________________________________

    01 MENU BAR
    _______________________________________________  */




/* 
   If you have several menus on a same page,
   assign a z-index to each one according to their position
*/

#flexinav1 {
    z-index: 300;
}
#flexinav2 {
    z-index: 9997;
}
.flexinav *,
.flexinav *:before,
.flexinav *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flexinav {
    position: relative;
    margin: 0px auto;
    float: left;
    padding: 30px 0 0 0;
    width: 100%;
    height: 65px;
    z-index: 9990;
    font-size: 11px;
    line-height: 21px;
    /* background: #fff; */
    transition: all 0.4s ease;
    margin-top: -100px;
}

.flexinav.sticky {
    height:50px;
    padding: 0 0 0 0;
	-webkit-box-shadow: 0 7px 5px -5px #444;
	   -moz-box-shadow: 0 7px 5px -5px  #444;
	        box-shadow: 0 7px 5px -5px  #444;
	border-bottom:0px solid #ebe9e9;
}

.flexinav img{
position:absolute;
    /*transition: all 0.4s ease;*/
}

.flexinav.sticky img{
position:absolute;
width:30px;
height:30px;
top:5px;
}


.flexinav_fixed {
    /* position: fixed; */
    position: absolute;
    /* top: 0; */
    left: 0;
    /* margin: 0 0 30px 0; */
    margin: -80px 0 0 0;
}


    .flexinav .flexinav_wrapper {
        width:100%;
        max-width: 900px;
        /*margin: 0 auto;*/
            padding: 0;
    clear: both;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    }
    
       
.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon{

    background-image: url(https://www.hss.edu/images/icons/rehap-drop-down.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 100% 20px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    height: 30px;           /* make this the size of your image */
    padding-right: 16px;     /* make text start to the right of the image */
    /*vertical-align: middle;*/ /* align the text vertically centered */
    margin:0 10px 0 15px;
}

.flexinav .flexinav_wrapper .flexinav_menu li:hover .rehap-dropdown-icon{
    background-image: url(https://www.hss.edu/images/icons/rehap-drop-down-hover.png); /* 16px x 16px */
} 

.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon a{
color:#272725;
font-size:1.02em;
text-transform: uppercase;
}

.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon a:hover{
/* color:#00a6e0; */
color:#0074bc;
background-image:none;
background:none;
}



.flexinav .flexinav_wrapper .flexinav_menu li .rehap-search-icon{
    background:url('https://www.hss.edu/images/icons/rehap-search-icon.jpg') no-repeat 0 0;
    width:20px;
    height:18px;
    margin:12px 0 0 15px;
    padding-top:3px;
}

.flexinav .flexinav_wrapper .flexinav_menu li:hover .rehap-search-icon{
    background:url('https://www.hss.edu/images/icons/rehap-search-icon-hov.jpg') no-repeat 0 0;
}

.flexinav .flexinav_wrapper .flexinav_menu li .sports-search-icon{
    background:url('https://www.hss.edu/images/icons/search_icon.png') no-repeat 0 0;
    width:35px;
    height:35px;
    margin:-7px 0 0 0;
}

.flexinav .flexinav_wrapper .flexinav_menu li:hover .sports-search-icon{
    background:url('https://www.hss.edu/images/icons/search_icon_hov.png') no-repeat 0 0;
} 
  
  
   
 
    .flexinav .flexinav_wrapper .flexinav_menu {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    /*float: right;*/
    background: none !important;
    }
        .flexinav .flexinav_wrapper .flexinav_menu_right {
            float: right;
        }
        .flexinav .flexinav_wrapper .flexinav_menu > li {
            float: left;
            padding:0;
            margin: 0;
            /* line-height:50px; */
            font-size: 1.2em;
            position: relative;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s;
            margin-right:20px;
        }
            .flexinav .flexinav_wrapper .flexinav_menu > li.flexnav_mega {
                position: static;
            }

            /* Hover and active states */

            .flexinav .flexinav_wrapper .flexinav_menu > li > a,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                color:#05285f;
                border:3px #fff solid;
                padding:5px 20px 5px 20px;
                background:#fff;  
                /* background: transparent\8;  
                background:rgba(221,221,221,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
                zoom: 1;*/
                font-size:1.2em !important;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li:hover,
            .flexinav .flexinav_wrapper .flexinav_menu > li.active {
                 color:#0081c7;
            }
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li:hover > span > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.active > span > a {
                    color:#0081c7;
               }
            .flexinav .flexinav_wrapper .flexinav_menu > li.noactive {
                /* background: #262626; */
            }
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive > span > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > a,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span,
                .flexinav .flexinav_wrapper .flexinav_menu > li.noactive:hover > span > a {
                    /* color:#eeeeee; */
                }

            .flexinav .flexinav_wrapper .flexinav_menu > li > a,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span,
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                font-size: 11px;
                /* font-weight: bold;
                text-transform: uppercase;
                text-decoration: none; */
                cursor: pointer;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li > span > a {
                margin-left: 14px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li > span + a i {
                margin-right: 0px;
            }
            .flexinav .flexinav_wrapper .flexinav_menu > li i {
                margin-right: 9px;
            }

    /* Logo */

    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo {
        /*width: 170px;*/
        width:280px;
        height: 84px;
        padding: 0;
        margin: 0;
        float: left;
        border:0px !important;
        background: none !important;
        padding-top:40px;
        margin-right:100px;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover {
        background: none;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo > a,
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_logo:hover > a {
       width: 100%;
        height: 84px;
        padding: 0;
        margin: 0;
        float: left;
        background: url('') no-repeat left center;
    }






/*  _______________________________________________

    03 DROP DOWN CONTAINERS
    _______________________________________________  */



/* .flexinav .flexinav_menu .flexinav_ddown {
    position: absolute;
    top:-9999em;
    z-index: 9999;
    background: #ffffff;
    padding: 15px 20px 10px 20px;
    margin: 35px auto;
    opacity: 0;
    display: block;
    border-top:3px #2ea3f2 solid;
    	-webkit-box-shadow: 0 7px 5px -5px #eee;
	   -moz-box-shadow: 0 7px 5px -5px  #eee;
	        box-shadow: 0 7px 5px -5px  #eee;
} */

.flexinav .flexinav_menu .flexinav_ddown {
    position: absolute;
    top:-9999em;
    z-index: 9999;
    background: none;
    padding: 0;
    margin-top: -20px;
    opacity: 0;
    display: block;
    border-top:0px #2ea3f2 solid;
}

.flexinav.sticky .flexinav_menu .flexinav_ddown {
   margin: 20px auto;
}

.flexinav .flexinav_menu .flexinav_ddown_scroll {
    padding: 30px 10px 30px 20px;
}
.flexinav .flexinav_menu .flexinav_ddown_fly_out {
    padding: 30px 0 8px 0;
}
.flexinav .flexinav_menu .flexinav_ddown:before,
.flexinav .flexinav_menu .flexinav_ddown:after {
    display: table;
    content: " ";
}
.flexinav .flexinav_menu .flexinav_ddown:after {
    clear: both;
}

/* Drop Down Sizes */

.flexinav .flexinav_menu .flexinav_ddown_mega {
    width: 960px;
    left:50%;
    margin-left: -480px;
}
.flexinav .flexinav_menu .flexinav_ddown_full {
    width: 100%;
    left:0;
    margin-left: 0;
}
.flexinav .flexinav_menu .flexinav_ddown_960 {
    width:960px;
}
.flexinav .flexinav_menu .flexinav_ddown_880 {
    width:880px;
}
.flexinav .flexinav_menu .flexinav_ddown_800 {
    width:800px;
}
.flexinav .flexinav_menu .flexinav_ddown_720 {
    width:720px;
}
.flexinav .flexinav_menu .flexinav_ddown_640 {
    width:640px;
}
.flexinav .flexinav_menu .flexinav_ddown_560 {
    width:560px;
}
.flexinav .flexinav_menu .flexinav_ddown_480 {
    width:480px;
}
.flexinav .flexinav_menu .flexinav_ddown_400 {
    width:400px;
}
.flexinav .flexinav_menu .flexinav_ddown_320 {
    width:320px;
}
.flexinav .flexinav_menu .flexinav_ddown_240 {
    width:240px;
}
.flexinav .flexinav_menu .flexinav_ddown_160 {
    width:160px;
}
.flexinav .flexinav_menu .flexinav_ddown_80 {
    width:80px;
}
.flexinav .flexinav_menu .flexinav_ddown_960,
.flexinav .flexinav_menu .flexinav_ddown_880,
.flexinav .flexinav_menu .flexinav_ddown_800,
.flexinav .flexinav_menu .flexinav_ddown_720,
.flexinav .flexinav_menu .flexinav_ddown_640,
.flexinav .flexinav_menu .flexinav_ddown_560,
.flexinav .flexinav_menu .flexinav_ddown_480,
.flexinav .flexinav_menu .flexinav_ddown_400,
.flexinav .flexinav_menu .flexinav_ddown_320,
.flexinav .flexinav_menu .flexinav_ddown_240,
.flexinav .flexinav_menu .flexinav_ddown_160,
.flexinav .flexinav_menu .flexinav_ddown_80 {
    margin-left: 0;
}

.flexinav .flexinav_menu .flexinav_ddown_right {
    right:0;
}

/* Show Drop Downs on Mouse Hover */

.flexinav .flexinav_menu li:hover > .flexinav_ddown {
    opacity: 1;
    top:auto;
}




/*  _______________________________________________

    04 DROP DOWN COLUMNS
    _______________________________________________  */




.flexinav .colrow {
    margin-right: -2%;
    margin-left: -2%;
}
.flexinav .colrow:before,
.flexinav .colrow:after {
    display: table;
    content: " ";
}
.flexinav .colrow:after {
    clear: both;
}
.flexinav .col1,
.flexinav .col2,
.flexinav .col3,
.flexinav .col4,
.flexinav .col5,
.flexinav .col6,
.flexinav .col7,
.flexinav .col8,
.flexinav .col9,
.flexinav .col10,
.flexinav .col11,
.flexinav .col12 {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 2%;
    padding-left: 2%;
}
.flexinav .col12 {
    width: 100%;
}
.flexinav .col11 {
    width: 91.66666666666666%;
}
.flexinav .col10 {
    width: 83.33333333333334%;
}
.flexinav .col9 {
    width: 75%;
}
.flexinav .col8 {
    width: 66.66666666666666%;
}
.flexinav .col7 {
    width: 58.333333333333336%;
}
.flexinav .col6 {
    width: 50%;
}
.flexinav .col5 {
    width: 41.66666666666667%;
}
.flexinav .col4 {
    width: 33.33333333333333%;
}
.flexinav .col3 {
    width: 25%;
}
.flexinav .col2 {
    width: 16.666666666666664%;
}
.flexinav .col1 {
    width: 8.333333333333332%;
}



.rehap-mobile {
 visibility: hidden;
}
.sports-mobile {
 visibility: hidden;
}


.onclick-menu {
    /* position: relative;
    display: inline-block; */
     background:url('https://www.hss.edu/images/icons/rehap-search-icon-hov.jpg') no-repeat 0 0;
    width:20px;
    height:18px;
    margin:0 20px 0 5px;
    
}
.onclick-menu:before {
 background:url('https://www.hss.edu/images/icons/rehap-search-icon-hov.jpg') no-repeat 0 0;
    width:20px;
    height:18px;
    margin:0 20px 0 5px;
}

.onclick-menu:hover {
    background:url('https://www.hss.edu/images/icons/rehap-search-icon-hov.jpg') no-repeat 0 0;
}

.onclick-menu:focus {
    /* clicking on label should toggle the menu */
    pointer-events: none;
        background:url('https://www.hss.edu/images/icons/rehap-search-icon-hov.jpg') no-repeat 0 0;
}
.onclick-menu:focus .onclick-menu-content-wrapper {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
        width: 100%;
    height:65px;

}

input:focus  .onclick-menu-content-wrapper {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
        width: 100%;
    height:65px;

}

.onclick-menu-content-wrapper  {
    position:absolute;
    margin:50px auto;
    left:0;
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
    height:65px;
    z-index:1;
    font-size:11px;
    line-height:21px;
    /* background: #262626; */
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
            -webkit-box-shadow:0 0 20px rgba(204,204,204,0.8);
    -moz-box-shadow:0 0 20px rgba(204,204,204,0.8);
    box-shadow:0 0 20px rgba(204,204,204,0.8);

}

.onclick-menu-content {
    position: absolute;
    z-index: 1;

    /* disable visibility by default, delay to enable clicks */
    visibility: hidden;
    transition: visibility 0.5s;
}


/*  _______________________________________________

    08 MOBILE DEVICES
    _______________________________________________  */




/* IE8 */

.flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
    display: none\0/;
}

/* Switch between the desktop and mobile versions */
@media only screen and (min-width: 891px) {

    .flexinav .flexinav_wrapper .flexinav_menu > li {
        display: block;
        z-index: 11111111111;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
        display: none !important;
    }

}



@media only screen and (max-width: 890px) {

    .flexinav_btn {
        display: none;
    }
    .flexinav_fixed {
        position: relative;
        top:auto;
        left:auto;
        margin:0 auto 30px auto;
    }
    .flexinav {
        height: auto;
    }
    .flexinav .flexinav_wrapper .flexinav_menu_right {
        float: left;
        width: 100%;
    }
    .flexinav .flexinav_wrapper .flexinav_menu {
        width: 100%;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li {
        width: 100%;
        display: none;
        float: left;
        color: #272725 !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse {
        width: 100%;
        display: block;
        float: left;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active,
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_active:hover {
        background: #ffffff !important;
        color: #272725 !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive,
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse_noactive:hover {
        background: #ffffff !important;
        color: #272725 !important;
    }

            
    .flexinav .flexinav_wrapper .flexinav_menu > li.flexinav_collapse > span {
        color: #222 !important;
    }
    .flexinav .flexinav_wrapper .flexinav_menu > li:hover {
        box-shadow:none;
    }
        .flexinav .flexinav_wrapper .flexinav_menu > li:first-child {
            margin-left: 0;
        }
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown {
        position: relative !important;
        width: 100%;
        left:0;
        padding: 5px 10px 0 20px;
        border-top:0px #2ea3f2 solid !important;
            	-webkit-box-shadow: 0 0px 0px 0px #fff;
	   -moz-box-shadow: 0 0px 0px 0px  #fff;
	        box-shadow: 0 0px 0px 0px  #fff;
	        margin:15px 0 -30px 0;
    }
    
    /* .flexinav .dropdown_flyout li.last {
        margin-bottom: -13px !important;
    } */
        
    
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col1,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col2,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col3,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col4,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col5,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col6,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col7,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col8,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col9,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col10,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col11,
    .flexinav .flexinav_wrapper .flexinav_menu .flexinav_ddown .col12 {
        width: 100%;

    }
    
    .flexinav .flexinav_menu .flexinav_ddown {
  
    margin: 10px auto;

}

    .flexinav .flexinav_wrapper .flexinav_menu {
        position: relative !important;
    }
    
    .flexinav .flexinav_wrapper .flexinav_menu > li > a {
                padding:0 15px;
                background:none;
            }
            

.rehap-mobile {
visibility:visible;
padding: 30px 0 0 0;
}

.sports-mobile {
visibility:visible;
padding: 30px 0 0 0;
}


.flexinav {
        position: relative !important;
    float: left;
    padding:0 !important;
    width: 100%;
    height:0px;
    z-index: 9990;
    font-size:11px;
    line-height:21px;
    /* background: #262626; */
    background: #fff;
    transition: all 0.4s ease;
    border:none !important;
}

.flexinav.sticky {
        position: relative !important;
    float: left;
    padding:0 !important;
    width: 100%;
    height:0px;
    z-index: 9990;
    font-size:11px;
    line-height:21px;
    /* background: #262626; */
    background: #fff;
    transition: all 0.4s ease;
    border:none !important;
}


.flexinav .flexinav.sticky {
        position: relative !important;
    float: left;
    padding:0;
    width: 100%;
    height:0px;
    z-index: 9990;
    font-size:11px;
    line-height:21px;
    /* background: #262626; */
    background: #fff;
    transition: all 0.4s ease;
    border:none !important;
}


.flexinav.sticky .rehap-mobile {
margin-top:27px;
}

.flexinav.sticky .rehap-mobile img{
width:40px;
height:40px;
}

.flexinav.sticky .flexinav_collapse img{
width:24px;
height:20px;
}

.flexinav.sticky #mobilenav{
margin-top:-30px;
}




.flexinav .flexinav_wrapper {
        position: relative !important;
    border:none !important;
    background-color:#fff !important;
    margin-top:20px;
}

      .flexinav .flexinav_wrapper .flexinav_menu > li,
            .flexinav .flexinav_wrapper .flexinav_menu > li {
             background: #ffffff !important;
                    
            }
            
                
         .flexinav .flexinav_wrapper .flexinav_menu > li:hover,
            .flexinav .flexinav_wrapper .flexinav_menu > li.active {
             background: #ffffff !important;
                    
            }
            

.flexinav .flexinav_wrapper .flexinav_menu {
    position: relative !important;
    padding: 0;
    margin: 40px auto;
    list-style: none;
    float: left;
    -webkit-box-shadow: 0 0 20px rgba(204,204,204,0.8);
    -moz-box-shadow: 0 0 20px rgba(204,204,204,0.8);
    box-shadow: none;
    border: none !important;
    border: 0px;
    background: #ffffff !important;
    color: #272725 !important;
    border: 1px #ddd solid !important;
    width: 90%;
    min-height: 40px;
    padding: 10px;
    }
    
.flexinav_wrapper .flexinav_menu .rehap-dropdown-icon {
margin-top:-20px;
}

.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon{

    background-image: url(); /* 16px x 16px */
    height: 30px;           /* make this the size of your image */
    margin: -20px 10px 0 15px;
}

.flexinav .flexinav_wrapper .flexinav_menu li:hover .rehap-dropdown-icon{
    /* background-image: url(); */ /* 16px x 16px */
}

.flexinav .flexinav_wrapper .flexinav_menu li:hover .rehap-dropdown-icon a{
    color:#272725;
    background-image:none;
}

.flexinav .flexinav_wrapper .flexinav_menu li:active .rehap-dropdown-icon{
    /* background-image: url(); */ /* 16px x 16px */
}

.flexinav .flexinav_wrapper .flexinav_menu li:active .rehap-dropdown-icon a{
    color:#272725;
    background-image:none;
}

.flexinav .flexinav_wrapper .flexinav_menu li:focus .rehap-dropdown-icon{
    /* background-image: url(); */ /* 16px x 16px */
}

.flexinav .flexinav_wrapper .flexinav_menu li:focus .rehap-dropdown-icon a{
    color:#272725;
    background-image:none;
}

.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon a{
color:#272725;
}


.flexinav .flexinav_wrapper .flexinav_menu li .rehap-search-icon{
    visibility:hidden !important;
    display:none !important;
}

.flexinav .flexinav_wrapper .flexinav_menu li .sports-search-icon{
    visibility:hidden !important;
    display:none !important;
}

.flexinav .flexinav_wrapper .flexinav_menu li a{
    color:#272725 !important;
    font-size:12px;
    line-height:80px; 
}

.flexinav .flexinav_wrapper .flexinav_menu li .rehap-dropdown-icon a{
font-size:12px !important;
line-height:30px;
}


.flexinav .dropdown_flyout ul {
liist-style: none !important;
}

.flexinav .dropdown_flyout li {
liist-style: none !important;
}

.dropdown_flyout li a, .flexinav .dropdown_flyout li span {
    font-size:11px;
    border:3px #fff solid !important;
    line-height:20px !important;
    color:#272725 !important;
    text-transform: uppercase;
     font-weight: bold;
}

.dropdown_flyout li a:hover, .flexinav .dropdown_flyout li span {
    /*color:#0074bc !important;*/
    color:#0074bc !important; 
}

.flexinav .flexinav_wrapper .flexinav_menu {
position:relative !important;
}

.flexinav .flexinav_wrapper {
position:relative !important;
}


.flexinav {
position:relative !important;
}

.flexinav_wrapper {
position:relative !important;
}

.flexinav .flexinav_wrapper .flexinav_menu .menu_athr {
margin-top:-30px;
}

}


@media only screen and (min-width: 992px) {

.dropdown_flyout li a, .flexinav .dropdown_flyout li span {
             /*color:#000;*/
                border:3px #eee solid !important;
                padding:5px 20px 5px 20px;
                background:#f5f5f3;  
                /* background: transparent\8;  
                background:rgba(221,221,221,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
                zoom: 1; */
                line-height:40px;
              font-size:1.2em;   
              font-weight:normal;
}

}

@media only screen and (max-width: 801px)  {

.flexinav .flexinav_wrapper .flexinav_menu li a {
line-height:40px;
padding:0 0 0 20px;
margin:0; 
background: none !important
}

.dropdown_flyout li a, .flexinav .dropdown_flyout li span {

                border:none !important;
                line-height:30px !important;
                padding:0 !important;
                margin:0 !important;

}


.flexinav .dropdown_flyout {
margin:-20px 0 30px 20px;
}

}



/* Sticky Nav end */



/* image zoom */
.photo-grid {
	margin: 1em auto;
	max-width: 1100px;
	text-align: center;
}

.photo-grid li {
	/* border: 5px solid white; */
	display: inline-block;
	/*margin: 1em;*/
	margin-right: 1.1em;
		margin-bottom:1.1em;
	width: 312px;
}

.photo-grid img {
	display: block;
	height: auto;
	max-width: 100%;
}

.photo-grid figure {
	height: 312px;
	overflow: hidden;
	position: relative;
	width: 312px;
	/* background-color:#f4f5f4; */
}

.photo-grid figure h1 {
    font-size:.8em;
	color:#fff;
	text-transform: uppercase;
	margin-top:12px;
}

.photo-grid figcaption {
	background: rgba(241,241,240,0.9);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	visibility:hidden;
}


.photo-grid li:hover figcaption {
	opacity: 1;
	visibility:visible;
}

.photo-grid .backgroundimage {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 312px;
}

.photo-grid-center {
position:absolute;
top: 50%;
left: 50%;
	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.photo-grid3 .photo-grid-center {
z-index:3333333333;
}

.photo-grid li:hover .backgroundimage {
	-webkit-transform: scale(1.4);
     -ms-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}

.photo-grid .iconimage {
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 80px;
	height: auto;
}

.photo-grid li:hover .iconimage {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);	
	-moz-transform: scale(0);
	transform: scale(0);
}

.photo-grid .iconimagepop {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);	
	-moz-transform: scale(0);
	transform: scale(0);
	
}

.photo-grid li:hover .iconimagepop {

		-webkit-transition: all 300ms;
		-ms-transition: all 300ms;	
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 30px;
	height:30px;
}


.photo-grid .button_title {
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;	
	-moz-transition: all 300ms;
	transition: all 300ms;
	width:280px;
	font-size:1.0em;
	color:#fff;
	text-transform: uppercase;
	height:50px;
	vertical-align:middle;
	display: flex;
  justify-content: center;
  flex-direction: column;
}

.photo-grid li:hover .button_title {
	-webkit-transform: scale(0);
		-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}

.photo-grid .readmore_btn2 {
border:1px #fff solid; padding:5px; font-size:1.2em; width:40px; color:#fff; margin-top:12px;
}

.photo-grid li:hover .readmore_btn2 {
	-webkit-transform: scale(0);
		-ms-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}



.photo-grid figcaption p {
	display: table-cell;
	font-size: 1.1em;
	position: relative;
    top: -50px;
	width: 280px;
	-webkit-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	color:#808285;
	border-top:solid #808285 1px;
	padding-top:12px;
	text-align:center;
}

.readmore_btn3 {
border:1px #324153 solid; background-color:#324153; padding:10px; font-size:.6em; width:110px; color:#fff;
}

.readmore_btn3:hover; {
border:1px #0074bc solid; background-color:#0074bc; padding:10px; font-size:.6em; width:110px; color:#fff;
}

.photo-grid figcaption .readmore_btn {
/* border:1px #808285 solid; padding:5px; font-size:.7em; max-width:100px; width:auto; font-weight:bold; */
border:1px #fff solid; padding:5px; font-size:.7em; max-width:100px; width:auto; font-weight:bold; color: #fff;
}

.readmore_btn {
border:1px #808285 solid; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold;
}

@media screen and (max-width: 786px){
.readmore_btn {
border:1px #fff solid !important; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold; color:#fff !important;
}

.readmore_btn a {
color:#fff !important;
}
}

.readmore_btn4 {
border:1px #808285 solid; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold;
}

.readmore_btn4:hover {
border:1px #324153 solid; background-color:#324153; color:#fff !important;
}

.readmore_btn5 {
border:1px #fff solid; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold;
}

.readmore_btn5:hover {
border:1px #324153 solid; background-color:#324153; color:#fff !important;
}


.photo-grid figcaption .readmore_btn4 {
border:1px #808285 solid; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold; z-index:55555;
}

.photo-grid figcaption .readmore_btn4:hover {
border:1px #324153 solid; background-color:#324153; color:#fff !important; z-index:55555;
}

.photo-grid figcaption:hover .readmore_btn4 {
border:1px #808285 solid; padding:5px; font-size:.7em; max-width:150px; width:auto; font-weight:bold;
}

.readmore_btn4:hover a {
color:#fff !important;
width:100%;
height:100%;
}


@media screen and (max-width: 786px){

.readmore_btn4 a {
color:#324153 !important;
}
}

.readmore_small_btn {
border:1px #fff solid; padding:5px; font-size:.7em; max-width:30px; width:auto; font-weight:bold color:#fff;
}


.otherpage_btn a{
border:2px #7a7b7e solid; padding:5px 10px 5px 10px; font-size:1.0em; max-width:300px; width:auto; font-weight:bold; color:#7a7b7e !important;
}


.otherpage_btn a:hover {
border:2px #0074bc solid; padding:5px 10px 5px 10px; font-size:1.0em; max-width:300px; width:auto; font-weight:bold; color:#0074bc !important;
}



.otherpage_links {
margin: 30px 0 20px 0; display: flex; justify-content: center;
}

.otherpage_links_mobile {
visibility: hidden;
display:none;
margin: 20px 0 20px 20px;
}

@media screen and (max-width: 1024px){
.otherpage_links {
visibility: hidden;
display:none;
}

.otherpage_links_mobile {
visibility: visible;
display:inline-block;
width:100%;
}

.otherpage_btn a{
font-size:0.8em;
width:auto;
max-width:400px;
}

.otherpage_btn a:hover {
font-size:0.8em;
}

}

@media screen and (max-width: 480px){
.otherpage_links {
visibility: hidden;
display:none;
}

.otherpage_links_mobile {
visibility: visible;
display:inline-block;
margin-top:40px;
margin-bottom:20px;
line-height:20px;
position:relative;
}

.otherpage_btn {
padding:0 0 20px 100px;
width:400px !important;
}

.otherpage_btn a{
font-size:0.8em;
width:auto;
max-width:400px !important;
margin-bottom:10px !important;
}

.otherpage_btn a:hover {
font-size:0.8em;
}

}

.photo-grid figcaption h1 {
	font-size: 1.3em;
	width:312px;
	color:#272725;
}

.photo-grid figcaption .hov_title {
	font-size: 1.3em !important;
	width:312px !important;
	color:#272725 !important;
	line-height:26px !important;
}


.photo-grid li:hover figcaption p {
	-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.photo-grid figcaption {
	background: rgba(241,241,240,1.0);
	color: #808285;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
		-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
		-ms-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}

/* Popup zoom */
.photo-grid2 {
	margin: 1em auto;
	max-width: 1100px;
	text-align: center;
}

.photo-grid2 li {
	/* border: 5px solid white; */
	display: inline-block;
	/*margin: 1em;*/
	margin-right: 1.1em;
	margin-bottom:1.1em;
	width: 225px;
}

.photo-grid2 img {
	display: block;
	height: auto;
	max-width: 100%;
}

.photo-grid2 figure {
	height: 225px;
	overflow: hidden;
	position: relative;
	width: 225px;
	background-color:#f4f5f4;
}


.photo-grid2 li:hover figcaption {
	opacity: 1;
	visibility:visible;
}

.photo-grid2 .backgroundimage {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 225px;
}

.photo-grid2 li:hover .backgroundimage {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}

.photo-grid2 .iconimage {
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 50px;
	height:50px;
}

.photo-grid2 li:hover .iconimage {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}

.photo-grid2 .iconimagepop {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	
}

.photo-grid2 li:hover .iconimagepop {

		-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 30px;
	height:30px;
}

.photo-grid2-button {
    width: 100%;
    /* background: rgba(255,255,255,0.8); */
    color: #324153 !important;
    bottom: 0;
    position: absolute;
    min-height: 70px;
    hieght: auto;
}

.photo-grid2-button-no-effect {
width:100%; /* background: rgba(255,255,255,0.8); */ color: #324153 !important; bottom:0; position:absolute; min-height:70px; hieght:auto;
}

.photo-grid2-button-center {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tilecenter {
background-color:#fff !important; position: relative; margin:0 auto !important; width: auto; height: 472px; padding:30px 0 30px 0; margin-left:auto; margin-right:auto;
}

.tileleft {
background-color:#fff !important; position: relative; margin:0 0 0 50px !important; width: auto; height: 472px; padding:30px 0 30px 0; margin-left:auto; margin-right:auto;
}

.photo-grid2 .button_title {
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width:210px;
	font-size:1.1em;
}

.photo-grid2 li:hover .button_title {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}

.photo-grid2 .button_title_noEffect {
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width:210px;
}

.photo-grid2 li:hover .button_title_noEffect {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}


.photo-grid2 .button_title2 {
	width:210px;
	font-size:1.1em;
}


.photo-grid2 .readmore_btn2 {
border:1px #fff solid; padding:5px; font-size:1.2em; width:40px; color:#fff; margin-top:12px;
}

.photo-grid2 li:hover .readmore_btn2 {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	visibility:hidden;
}


.photo-grid2 figcaption p {
	display: table-cell;
	font-size: .9em;
	position: relative;
    top: -50px;
	width: 210px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	color:#fff;
	border-top:solid #eee 1px;
	padding-top:12px;
	text-align:center;
}

.photo-grid2 figcaption .readmore_btn {
    border: 1px #fff solid;
    padding: 5px;
    font-size: .8em;
    width: 110px;
    margin: 0 auto;
}

.photo-grid2 figcaption h1 {
	font-size: 1.1em;
	width:225px;
	color:#fff;
}

.photo-grid2 figcaption .hov_title {
	font-size: 1.1em !important;
	width:225px !important;
	color:#fff !important;
	line-height:26px !important;
}


.photo-grid2 .photo-grid2-first:hover figcaption {
    opacity: 1;
    visibility: visible;
}

.photo-grid2 li:hover figcaption p {
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);\
		-ms-transform: translateY(40px);
	transform: translateY(40px);
}

.photo-grid2 figcaption {
    background: rgba(50,65,83,0.8);
	color: #fff;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
		visibility:hidden;
}

.physician-tile-h3 {
    margin-bottom: 30px;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    line-height: 1.3;
    color: #272725 !important;
    margin: 0 0 20px 0 !important;
    /* text-align: center; */
    padding-bottom: 0 !important;
    /*text-align:center;*/
}

@media screen and (max-width: 480px) {
.physician-tile-h3 {
    text-align: left;
}
}

.chief-label {
    background: rgba(50,65,83,0.8);
    color: #fff;
    /* margin-top: -30px; */
    position: absolute;
    max-height: 60px;
    height: auto;
    width: 100%
    bottom: 83px !important;
    line-height: 1.4em;
    padding: 8px 3px 8px 3px;
}

@media (max-width: 480px) {
.chief-label {
    background: none;
    color: #666;
    margin-top: 0;
    position: relative;
    height: auto;
    width: 100%;
    bottom: 0 !important;
    padding: 0;
}    
}

/* Grid zoom */
.photo-grid3 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.photo-grid3 .photo-grid3-wrap  {
	/* border: 5px solid white; */
	/*display: inline-block;*/
	margin:0 !important;
	/* width: 100%; */
	padding:0 !important;
	
	background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.9);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;  
	
}


.photo-grid3 img {
	display: block;
	/* height: auto; */
	width: 100%;
	padding:0 !important;
	margin:0 !important;
	filter:none;
}


.photo-grid3 figure {
	overflow: hidden;
	position: relative;
	width: 100%;
		padding:0 !important;
	margin:0 !important;
}


.photo-grid3 figcaption {
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	/*z-index: 100;*/
	z-index: 3333333333;
	
	top: 50%; left: 50%;
		-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	
		-webkit-transition: all 300ms;
		-ms-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
		-ms-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;

}


.photo-grid3 .photo-grid3-wrap:hover figcaption {
	opacity: 1;
	
}


.photo-grid3 .backgroundimage {
	/* display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 100%; */
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
    
   /* display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 100%; */

}

.photo-grid3 .photo-grid3-wrap:hover .backgroundimage {
	/* -webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4); */ 
	
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
	
}


.photo-grid3 .backgroundimage img {
	/* filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1); */

}

.photo-grid3 .photo-grid3-wrap:hover .backgroundimage img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	
		/* -webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4); */ 
}



.photo-grid3 .iconimage {
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 50px;
	height:50px;
}

.photo-grid3 .photo-grid3-wrap:hover .iconimage {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}

.photo-grid3 .iconimagepop {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	
}

.photo-grid3 .photo-grid3-wrap:hover .iconimagepop {

		-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 30px;
	height:30px;
}


.photo-grid3 .button_title {
	-webkit-transition: all 300ms;
	-ms-transition: all 300ms;	
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 100%;
	height:auto;
	/* padding:10px 20px 10px 20px;*/
	font-size:1.4em !important;
	font-weight:bold;
	color:#fff;
	/*background: rgba(0,0,0, 0.5);*/
	/* text-shadow: 1px 1px 1px #272725,3px 3px 5px #272725; */
	text-shadow: 1px 1px 1px #222,2px 2px 3px #222;
    transition: all .3s linear;
    line-height:1.2em;
}

.photo-grid3 .button_title p {
max-width:380px;
width:auto;
}

.photo-grid3 .button_title2 {
	width: 100%;
	height:auto;
	font-weight:bold;
    line-height:1.3em;
}

.photo-grid3 .photo-grid3-wrap:hover .button_title {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);	
	-moz-transform: scale(0);
	transform: scale(0);
}



.photo-grid3 figcaption p {
	display: table-cell;
	font-size: .9em;
	position: relative;
    top: -50px;
	width: 100%;
	-webkit-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	color:#fff;
	/*border-top:solid #eee 1px;*/
	padding-top:12px;
	text-align:center;
}

.sports-contents-btn {

    	position:relative;
    	display:none;
}

.photo-grid3 .photo-grid3-wrap:hover .sports-contents-btn {

	
    	/* position:absolute;*/ 
z-index:222; 
background: rgba(204,204,204,0.8);
border: 2px solid #fff;
border-radius:.3em;
padding: 20px 20px 10px 20px;
max-width:300px; width:auto;
height:auto;
max-height:99%;
min-width:0px;
min-height:0px;
display:block;

}

.sports_btn_ie9 {
display:none;
}

.sports-team-btn {
			-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;	
	transition: all 300ms;
			-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);	
    	transform: translate(-50%, -50%) scale(0);
}

.photo-grid3 .photo-grid3-wrap:hover .sports-team-btn {

		-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);    	
    	position:relative; 
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
z-index:222; 
padding: 10px 20px 10px 20px;
max-width:300px; width:auto;
height:auto;
max-height:99%;
min-width:0px;
min-height:0px;

}

.photo-grid3 figcaption .sports_btn {
/* border:1px #fff solid; padding:5px; font-size:.6em; width:110px; */
             /* position:absolute; */
             color:#0074bc;
                border:2px #fff solid;
                padding:5px 15px 5px 15px;
                background:rgb(245,245,243);  
                background: transparent\8;  
                background:rgba(245,245,243,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
                zoom: 1;  
                font-size:1.0em;
                font-weight:bold;
                width:200px;
                display:block;
}

.photo-grid3 figcaption .sports_btn:hover {
                color:#fff;
                border:2px #324153 solid;
                background:rgb(22,68,105);  
                background: transparent\8;  
                background:rgba(22,68,105,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
                zoom: 1;  
}

.sports_banner_btn {
font-size:1.9em;
border:2px #fff solid;
padding:10px 15px 10px 15px;
color:#05285f;
                background:rgb(245,245,243);  
                background: transparent\8;  
                background:rgba(245,245,243,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); 
}

.sports_banner_btn:hover {
                color:#fff;
                border:2px #324153 solid;
                background:rgb(22,68,105);  
                background: transparent\8;  
                background:rgba(22,68,105,0.8);  
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
}

.photo-grid3 .button_title {
   	height:auto;
	max-height:98%;
    font-size:1.2em;
    /* margin-top:80px; */
}

@media screen and (min-width: 768px) and (max-width: 1380px){
.photo-grid3 figcaption .sports_btn {
                font-size:.8em;
                width:200px;
                padding:0 10px 0 10px;
}

.photo-grid3 .button_title {
	/*height:auto;
	max-height:98%;
    font-size:1.6em;
    margin-top:-30px; */
    /* margin-top:80px; */
    
    height: auto;
    max-height: 98%;
    font-size: 1.2em !important;
    margin-top: -30px;
    width: 200px;
}

}


@media screen and (max-width: 767px) {

.photo-grid3 .photo-grid3-wrap:hover .sports-contents-btn {
height:auto;
max-height:100%;
}


.photo-grid3 figcaption .sports_btn {
                font-size:.8em;
                width:200px;
                /* padding:5px 10px 5px 10px; */
                padding:0px 0px 0px 0px !important;
                margin-bottom:3px !important;
                /* margin-top:-50px !important;*/
                display:block;
}



.photo-grid3 .button_title {
	height:auto;
	max-height:98%;
    font-size:1.1em !important;
    line-height:1.5em !important;
    margin-top:-50px;
}
}


.photo-grid3 figcaption h1 {
	font-size: 1.1em;
	width:100%;
	color:#fff;
}

.photo-grid3 figcaption .hov_title {
	font-size: 1.1em !important;
	width:100% !important;
	color:#fff !important;
	line-height:26px !important;
}


.photo-grid3 .photo-grid3-wrap:hover figcaption p {
	-moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0, 0.5);
  transition: all .3s linear;
}

.tint:hover:before { background: none; }

.rehap-page-full-height {
height:100%;
}

#main-footer {
    position:absolute;
    background-color: #222222;
    text-align:center;
    width:100%;
    overflow: hidden !important; /* FF scroll-bar */
    z-index:1;
}


#rehab-footer {
    padding: .2em 0 .4em 0 /*38px 0px 12px 0px*/;
    clear: both;
    width: 100%;
    text-align:center;
    /* margin: 0 auto; */
    background-color: #171717;
}

#contact-footer {
    position:relative;
    padding: 1.2em 0 1.2em 0 /*38px 0px 12px 0px*/;
    clear: both;
    width: 100%;
    text-align:center;
    /* margin: 0 auto; */
    background-color: #006699;
    color:#fff;
}

#contact-footer a {
    color:#fff;
}

#contact-footer h2 {
font-size:1.8em
    color:#fff;
    line-height:20px;
}

#footer-bottom {
    /*background-color: #171717;*/
    background-color: #171717;
    padding: 15px 0 5px;
}

 
.rehab-navi-head {
  position: fixed;
  width: 100%;
  line-height: 108px;
  height: 208px;
  background: #335C7D;
  transition: all 0.4s ease;
  z-index:999;
}

.rehab-navi-head.sticky {
  font-size: 24px;
  line-height: 48px;
  height: 48px;
  background: #efc47D;
  text-align: left;
  padding-left: 20px;
}



.rehab_container {
	/*position: relative;*/
	/*overflow: hidden;*/
	    font-family: "Benton Sans", arial, sans-serif;
	  min-height: 100%;
	  height:auto;
  overflow: scroll; 
  overflow-x:hidden;
  overflow-y:hidden;
}

.about_us_window {
width: 300px;
height:auto;
max-height:100%;
font-size:.9em;
margin:15px 0 15px; 0
}

#layerbanner_wrapper_mobile {
display:none;
visibility:hidden;
}

/* @media only screen and (max-width: 767px) { */
@media only screen and (max-width: 480px) {
#layerbanner_wrapper {
display:none;
visibility:hidden;
}

#layerbanner_wrapper_mobile {
display:block;
visibility:visible;
}

.about_us_window {
position:relative;
width:100% !important;
}

}


@media only screen and (max-width: 801px) {
#full-slider-wrapper {
/* margin-top:50px; */
margin-top:0;
}

.rehab-slider {
padding-top:50px;
}


.autowide .module h1 {
  font-weight:300;
  color:#272725;
  font-size:1.3em;
  height:30px;
}

}






.meet_btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}


/*
    *,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;    
    box-sizing: inherit;
}
}
*/
 
.container-sports  {
	position: relative;
	overflow: hidden;
}


.menu-trigger-wrapper {
  position: absolute;
  right:25px;
  top:25px;
   z-index:222;
}

.menu-trigger {
  display: block;
  font-size: 20px; /* change this */
  width: 2em;
  height: auto;
   z-index:222;
}


.menu-trigger span {
  background: #fff;
  display: block;
  position: relative;
  -webkit-transform: translate3d(0,0,0);
   -ms-transition: all 0.4s cubic-bezier(0.585, -0.600, 0.430, 1.650);  
  cursor: pointer;
}

.menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
  width: 100%;
  height: .2em;
  -moz-transition:       all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition:         all 0.4s;
  -webkit-transition:    all 0.4s;
  transition:            all 0.4s;
  -webkit-transform: cubic-bezier(0.585, -0.600, 0.430, 1.650);
  cursor: pointer;
}

.menu-trigger span:before, .menu-trigger span:after {
 background: #fff;
  content: " ";
  margin-top: -.6em;
  position: absolute;
}

.menu-trigger span:after {
  margin-top: .6em;
}

.menu-trigger.on span {
  background: transparent;
}

.menu-trigger.on span:before{
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
}

.menu-trigger.on span:after {
  -moz-transform: rotate(-45deg) translate(.45em, -.35em);
  -ms-transform: rotate(-45deg) translate(.45em, -.35em);
  -o-transform: rotate(-45deg) translate(.45em, -.35em);
  -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
  transform: rotate(-45deg) translate(.45em, -.35em);
}


.mp-mobile-menu {
visibility:hidden;
}

@media screen and (max-width: 787px){

.mp-desktop-menu {
display:none;
}

.mp-mobile-menu {
visibility:visible;
}

.menu-trigger2 {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
	margin-top:-30px;
}

.menu-trigger2:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
	content: '';
}
}

.mp-pusher {
	position: relative;
	right: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	right: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(+100%, 0, 0);
	-moz-transform: translate3d(+100%, 0, 0);
	   -ms-transition: all 0.4s cubic-bezier(0.585, -0.600, 0.430, 1.650);
	transform: translate3d(+100%, 0, 0);
}

@media screen and (max-width: 430px){
	.mp-menu {
	width: 240px;
}

}

.mp-level {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #336ca6;
	-webkit-transform: translate3d(+100%, 0, 0);
	-moz-transform: translate3d(+100%, 0, 0);
	   -ms-transition: all 0.4s cubic-bezier(0.585, -0.600, 0.430, 1.650);
	transform: translate3d(+100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after {
	background: rgba(0,0,0,0.3);
}

.mp-pusher::after,
.mp-level::after {
	/* background: rgba(0,0,0,0.3); */
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-ms-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	z-index:100;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-ms-transform: cubic-bezier(0.585, -0.600, 0.430, 1.650);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: cubic-bezier(0.585, -0.600, 0.430, 1.650);	
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: cubic-bezier(0.585, -0.600, 0.430, 1.650);	
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(+100%, 0, 0);
	-ms-transform: cubic-bezier(0.585, -0.600, 0.430, 1.650);	
	-moz-transform: translate3d(+100%, 0, 0);
	transform: translate3d(+100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	/* color: rgba(0,0,0,0.4); */
	color:#fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-ms-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;	
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);	
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-ms-transition: -webkit-transform 0.3s, opacity 0.3s;	
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);	
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.4em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-ms-transition: background 0.3s, box-shadow 0.3s;	
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
		color:#fff;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	/* color: rgba(0,0,0,0.2); */
	color:#fff;
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

@media screen and (max-width: 1024px){
.mp-menu ul {
	padding:0 20px 0 20px;
}

.mp-menu ul li {
	border-bottom:1px solid #295685;
	padding:15px 0 15px 0;
}

.mp-menu ul li:last {
	border-bottom:0px solid #295685;
}

.mp-menu ul li > a {
	display: inline;
	padding: 0;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	text-shadow: 0 0 1px rgba(255,255,255,0);
	font-size: 1.4em;
	color:#fff;
	margin:10px 0 10px 0;
	line-height:1.8em;
}

.mp-level > ul > li:first-child > a {
	box-shadow: none;
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: none;
	box-shadow: none;
}


}




.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-ms-transition: background 0.3s;	
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}


/* ============================================================
  Parallax-v2
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}


/*section.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}*/

/*
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
*/

section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}

section.module.parallax {
  height: 600px;
  max-width: 100%;
  width:auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section.module.parallax2 {
  /*min-height: 600px;
  height:auto;*/
  
/* min-height:600px;
height:100%;
position:relative;

  width: 100%; */
  
      height: auto;
      max-height:1200px;
      min-height:600px;
  width: 100vw;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

#parallax-mobile {

 display:none;
 visibility:hidden;
}


section.module.parallax h1 {
  color: #fff;
  font-size: 1.8em;
  line-height: 40px;
  text-align: center;
  /*text-transform: uppercase;*/
}

section.module.parallax h2 {
  color: #272725;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

section.module.parallax2 h1 {
  color: #fff;
  font-size: 1.8em;
  line-height: 40px;
  text-align: center;
  /*text-transform: uppercase;*/
}

section.module.parallax2 h2 {
  color: #272725;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.full-page-hss-logo {
  position: absolute;
  left:25px;
  top:25px;
  z-index:222;
}

.pagebanner-pattern {
    background-image: url(https://www.hss.edu/images/icons/banner-pattern.png); 
    background-repeat: repeat-x; 
    z-index: 333;
    position:absolute;
    /* top:497px; */
    bottom:0;
    width:100%;
    height:102px;
}


.pagebanner-pattern-sports {
    background-image: url(https://www.hss.edu/images/icons/banner-pattern.png); 
    background-repeat: repeat-x; 
    z-index: 333;
    position:absolute;
    bottom:0;
    width:100%;
    height:102px;
}

@media all and (max-width: 768px) {
.pagebanner-pattern {
    /*top:210px;*/
    /*display:none;*/
    
    /*top: 50%;
left: 50%;
	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/

display:none;

    
}

.pagebanner-pattern-sports {
    /*top:210px;*/
    display:none;
}

}

@media all and (max-width: 1024px) {
  section.module.parallax {
   display:none;
  }
  
  #parallax-mobile {
  visibility:visible;
  z-index:10;
position:relative;
min-width:769px;
    width:100%;
    
    overflow:hidden;
   display:inline;    
/* height:300px; */

}

.careerbanner_wrapper {
position: relative;
}


.careerbanner_content {
  margin-top:-50px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.careerbanner_wrapper .careerbanner_content h1 {
font-size:1.8em !important;
color:#fff;
line-height:20px;
height:100%;
 }
}

@media all and (max-width: 768px) {

  section.module.parallax {
   display:none;
  }
  
  #parallax-mobile {
  visibility:visible;
  z-index:10;
position:relative;
min-width:600px;
    width:100%;
    
    overflow:hidden;
   display:inline;    
/* height:300px; */

}


.careerbanner_wrapper {
position: relative;
}


.careerbanner_content {
  margin-top:-50px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.careerbanner_wrapper .careerbanner_content h1 {
font-size:1.2em !important;
color:#fff;
line-height:20px;
height:100%;
 }
 
  /* #parallax-mobile h1 {
  min-width:300px;
    width:100%;
  margin:5.0em 0 0 .5em;
  text-align:center;
  top:0;
  left:0;
  font-size: 1.5em !important;
  line-height: 30px !important;
  position:absolute;
}*/


.full-page-hss-logo img {
  width:50%;
  height:50%;
  margin-top:-10px;
}

}


@media all and (max-width: 480px) {

.careerbanner_wrapper .careerbanner_content h1 {
font-size:1.1em !important;
 }
}


@media all and (min-width: 991px) {

  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 16px;
  }
  section.module.parallax h1 {
    font-size: 20px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 16px;
  }
  
  section.module p {
    font-size: 16px;
  }
  
}

/* -------------------------------- 

Horizontal-Timeline 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}

.cd-horizontal-timeline .timeline2 {
  position: relative;
  height: 300px;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  	overflow-x: hidden !important;
	overflow-y: auto !important; 
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 300px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  /* bottom: 0; */
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  /* padding-bottom: 15px; */
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  height:100%;
  margin-top:-300px;
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



/* -------------------------------- 

Company Locator

-------------------------------- */

.locatorMap {
   height:100%;
   overflow: hidden;
   position: relative;
}

.locatorMap_listContainer {
   background-color: white;
   box-shadow: 1px 1px 1px 1px black;
}

.locatorMap_listContainer_filter {
   padding: 4px;
}

.locatorMap_listContainer_filter input{
   width: 98%;
   border: 1px solid rgb(207, 207, 207);
   border-radius: 4px;
   padding-left: 2px;
   height: 25px;
   font-size: 18px;
}

.locatorMap_list {
   list-style: none;
   padding: 0px 2px 10px 2px;
   margin: 0px 10px 0px 10px;
   font-family: sans-serif;  
}

.locatorMap_list_item {
   border-bottom: 1px solid rgba(178, 178, 178, 0.57);
   max-height: 72px;   
   padding: 8px 4px 8px 4px;
   overflow: hidden;
   /*text-overflow: ellipsis;   
   white-space: nowrap;*/
   cursor: pointer;
   color:#324153;
}

.locatorMap_list_item:hover {
   background-color: rgba(215, 215, 215, 0.34);
}

.locatorMap_list_item_icon {
   color: rgb(247, 84, 76);
   font-size: 24px;
}

.locatorMap_list--mobile {
   position: absolute;
   width: 100%;
   height: 60%;
   bottom: 0;
   box-shadow: 0px -3px 3px -1px rgba(0, 0, 0, 0.61);
   overflow: hidden;
   overflow-y: auto;
   font-size: 18px;
}

.locatorMap_list--desktop {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 25%;
   display: none;
   box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, 0.60);
   font-size: 16px;
}

.locatorMap_list_close {
   text-align: center;
   font-size: 20px;
   position: relative;
   top: 8px;
   margin-bottom: 8px;
}

.locatorMap_map {
  height: 100%;
  
}

#locatorMap_openList {
   background-color: white;
   padding: 4px;
   font-size: 20px;
   margin-top: 8px;
   box-shadow: rgba(0, 0, 0, 0.42) 0px 0px 1px 2px;
   color:#272725;
}

#locatorMap_contentInfoWindow {
   text-align: center;
   min-width:100%;
   width:auto;
   color:#324153;
}

.locatorMap_contentInfoWindow_title {
   font-size: 16px;
   font-weight: bold;
   line-height:22px;
}

/* #locatorMap_contentInfoWindow a {
   font-size: 16px;
   font-weight: bold;
} */

#locatorMap_contentInfoWindow a {
    font-size: .9em;
    padding: 5px;
    font-size: 1.0em;
    max-width: 150px;
    width: auto;
    /* font-weight: bold; */
    font-weight: 500 !important;
    border: 1px #324153 solid;
    padding: 5px;
}

#locatorMap_contentInfoWindow a:hover {
border: 1px #0074bc solid;
color:#0074bc;
}

/* #locatorMap_contentInfoWindow p {
   width: 98%;
}*/

#locatorMap_contentInfoWindow p {
    width: 98%;
    font-size: 1.2em;
    line-height: 1.8em;
}

.locatorMap_responsiveImg {
   width: 100%;
   height: auto;
   border: 2px solid white;  
   box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.67);
}


/*loader*/
.locatorMap_loader {
   /*margin: 6em auto;*/
   font-size: 6px;
   position: relative;
   text-indent: -9999em;
   border-top: 2.1em solid rgba(255, 255, 255, 0.5);
   border-right: 2.1em solid rgba(255, 255, 255, 0.5);
   border-bottom: 2.1em solid rgba(255, 255, 255, 0.5);
   border-left: 2.1em solid #25C5FF;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation: load8 1.1s infinite linear;
   animation: load8 1.1s infinite linear;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   display: none;
   z-index: 1000;
   box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.6);
}
.locatorMap_loader,
.locatorMap_loader:after {
   border-radius: 50%;
   width: 10em;
   height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*loader end*/

@media (min-width: 768px) {
   #locatorMap_openList {
      display: none;
   }
   .locatorMap_list--mobile {
      display:none;
   }
   .locatorMap_list--desktop {     
      display: block;
      float:left;
      overflow-y: auto;
      overflow-x: hidden;
   }
   #mapContainer_map {
      width: 75%;
      float: right;
   }
}


/* -------------------------------- 

Meet us pop up info

-------------------------------- */

/*
.meet_btn img {
  display:inline;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
  margin-right:15px;
}

.meet_btn img:hover {
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}
*/

.meet_btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.meet_btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}


.modal-box {
 display: none;
  position: absolute;
  /* position: fixed; */
  /* margin:600px auto 0; */
  left: 50%;
  top: 50% !important;
  /* top:500px; */
  	-webkit-transform: translate(-50%, -50%) !important;
     -ms-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  min-width:100%;
  width:auto;
  /* height: 90%; */
 
  margin-left:165px;
  /*margin-top:-280px;*/
  /* top:100px; */
  overflow-y: auto; 
    z-index: 1000;
  /*width: 98%;*/
  background:#eee;;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1); 
  background-clip: padding-box;
}


/*
@media (min-width: 32em) {

.modal-box { width: 70%; }
}
*/

.modal-box header,
.modal-box .modal-header {
  /* padding: 1.25em 1.5em; */
  /* border-bottom: 1px solid #ddd; */
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
.modal-box .modal-body h3 {
	font-size: 1.1em;
	color:#272725;
	font-weight:bold;
}

.modal-box .modal-body { /* padding: 2em 1.5em; */ width:1200px; margin-left:-30px;}
.modal-box .modal-body-small { /* padding: 2em 1.5em; */ width:800px; margin-left:-30px;}


@media only screen and (min-device-width: 768px) and (max-width: 1024px) {
.modal-box {
margin-top:0 !important;
}
.modal-box .modal-body {
width:600px;
}

.modal-box .modal-body-small {
width:600px;
}

}


@media only screen and (max-width:767px){
.modal-box .modal-body {
width:300px;
}

.modal-box .modal-body-small {
width:300px;
}

.modal-box {
/* margin-left:150px; */
/* margin-top:1100px !important; */
/*margin-top:auto !important;
top: 50%;
left: 50%;
	-webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/
margin:auto auto;
	-webkit-transform: none;
     -ms-transform: none;
	-moz-transform: none;
  transform: none;
}
}


/* .modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
} */

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  /* z-index: 2; */
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

.dialog {
  opacity: 0;
  filter: alpha(opacity=0);
  /* position: absolute; */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.3) !important; */ 
}



a.close {
  line-height: 1;
  font-size: 2.1em;
  position: absolute;
  top: 1px;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media only screen and (max-width:767px){
a.close {
  color: #222;
}

}


/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.sports_inside_content {padding: 0; clear:both; display: block; max-width: 1180px; margin: 40px auto;}
.sports_inside_content h1 {font-size:1.8em; font-weight:700; line-height:1.3; text-align: center; color:#272725;}
.sports_inside_content h2 {font-size:1.5em; line-height:1.3; color:#272725;font-weight:600;}
.sports_inside_content h3 {font-size:1.3em; line-height:1.3; padding-bottom:10px; color:#272725;font-weight:600;}
.sports_inside_content p {font-size:1.0em; line-height:32px; color:#272725;}

.tile_inside_content h1 {font-size:1.8em; font-weight:700; line-height:1.3; text-align: center; color:#272725;}
.tile_inside_content h2 {font-size:1.5em; line-height:1.3; color:#272725;font-weight:600;}
.tile_inside_content h3 {font-size:1.3em; line-height:1.3; padding-bottom:10px; color:#272725;font-weight:600;}
.tile_inside_content p {font-size:1.0em; line-height:32px; color:#272725;}

@media only screen and (max-width: 1250px) {
.sports_inside_content {
    padding: 0 10px 0 15px;
    clear: both;
    display: block;
    max-width: 1200px;
    margin: 40px auto;
}
}



.sports_inside_content_large {padding: 0; clear:both; display: block; max-width: 1200px; margin: 0 auto;}
.sports_inside_content_large h1 {font-size:1.8em; font-weight:700; line-height:1.3; color:#272725;}
.sports_inside_content_large h2 {font-size:1.5em; line-height:1.3; margin-top:10px; color:#272725;font-weight:600;}
.sports_inside_content_large h3 {font-size:1.3em; line-height:1.3; padding-bottom:10px; color:#272725;font-weight:600;}
.sports_inside_content_large p {font-size:1.0em; line-height:32px; color:#272725;}

@media only screen and (max-width: 1180px) {
.sports_inside_content_large {
    padding: 0 35px 0 35px;
}
}

.career_inside_content {padding: 0; clear:both; display: block; max-width: 800px; margin: 0 auto;}
.career_inside_content h1 {font-size:1.8em;font-weight:700;}
.career_inside_content h2 {font-size:1.5em;}
.career_inside_content h3 {font-size:1.3em;}
.career_inside_content p {font-size:1.0em; line-height:32px;}

.career_inside_content2 {padding: 0; clear:both; display: block; max-width: 1200px; margin: 0 auto;}
.career_inside_content2 h1 {font-size:1.8em;font-weight:700;}
.career_inside_content2 h2 {font-size:1.5em;}
.career_inside_content2 h3 {font-size:1.3em;}
.career_inside_content2 p {font-size:1.0em;}

.location_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 2%; line-height: 1.6em;}
.location_50-50_col2{float: left; clear:none; width: 45%;margin-left: 2%;line-height: 1.6em;}
.location_50-50_col1 h2, .location_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.location_50-50_col1 a, .location_50-50_col2 a {font-weight: bold;}
.location_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.location_50-50_col1 ul li, .location_50-50_col2 ul li {padding: 0 0 .5em .7em;}

@media screen and (min-width: 768px) and (max-width: 1024px){
.location_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 2%; line-height: 1.6em;}
.location_50-50_col2{float: left; clear:none; width: 45%;margin-left: 6%;line-height: 1.6em;}
.location_50-50_col1 h2, .location_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.location_50-50_col1 a, .location_50-50_col2 a {font-weight: bold;}
.location_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.location_50-50_col1 ul li, .location_50-50_col2 ul li {padding: 0 0 .5em .7em;}
}

@media screen and (max-width: 767px) {
.location_50-50_col1 {float: none; clear:both; width: 94%; margin-left: 0; padding-left:100px;}
.location_50-50_col2{float: none; clear:both; width: 94%;margin-left: 0; margin-top: 1em; margin-bottom:30px; padding-top:20px; padding-left:100px;}
.location_50-50_col1 ul {border: 0;}
.location_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}

ui.dialog{
display:none;
visibility:hidden;
}

.ui.dialog-titlebar {
display:none;
visibility:hidden;
}

.ui.dialog-title {
display:none;
visibility:hidden;
}

.ui-button-text {
display:none;
visibility:hidden;
}

.ui-button-icon-primary {
display:none;
visibility:hidden;
}


/* Sports Website */

@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;	
}

/* CSS Document */
/* ----------------- thumbnails label  -------------------- */
.largeLabel{
	font-family:Arial, Helvetica, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:20px !important;
	color:#009aff !important;
	text-align:center !important;
	font-weight:100 !important;
}

.smallLabel{
	font-family:Arial, Helvetica, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	margin: 6px !important;
	margin-bottom:0px !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
	font-size:13px !important;
	line-height:16px !important;
	color:#444444 !important;
	text-align:center !important;
	font-weight:100 !important;
}

/* -------- lighbox description window  ---------- */
.mediaDescriptionHeader{
	font-family:Arial, Helvetica, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	margin: 6px !important;
	margin-right: 10px !important;
	font-size:22px !important;
	line-height:22px !important;
	color:#009aff;
	font-weight:100 !important;
}

.mediaDescriptionText{
	font-family:Arial, Helvetica, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	margin: 6px !important;
	margin-right: 10px !important;
	font-size:13px !important;
	line-height:18px !important;
	color:#444444;
	font-weight:100 !important;
}

  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

.gridBTN {
      background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;
    z-index:555;
}

.gridBTN img {
      background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;
    z-index:555;    
}

!-- Sports Website Content Grid Layout -->
.grid {
	position: absolute;
	margin: 0 auto;
	
	/*	position: relative;*/
	z-index: 100;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 100%;
	width:auto;
	margin: 0 auto;
	padding: 0 0 6em;
	list-style: none;
	
}

.js .grid::after {
	/* content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background: #252323 url(../img/loading.svg) no-repeat 50% 75px;
	background-size: 60px auto;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s; */
}

.js .grid--loaded::after {
	opacity: 0;
}


/* .grid {
	position: relative;
	z-index: 100;

    	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin:0;
	padding:0;
	list-style: none;
	
	
}*/

.grid {
width: 100%;
	margin:0;
	padding:0;
	/*marign-right:auto;
	margin-left:auto;
	text-align:center;*/
	    background-color:#000;
}

#grid2 {
/* width:100%; */
	margin:0;
	padding:0;
	/*position:relative;*/
	/*marign-right:auto;
	margin-left:auto;
	text-align:center;*/
	height:100%;
	max-width:1250px;
width:auto;
}

.grid2-title {
position:absolute; background-color:none;
max-width:1250px !important;
text-align: center;
}


.grid2-link {
position:absolute; background-color:none;
}

.grid2-link-wrap {
position:absolute; bottom: 0%; background: rgba(255,255,255,0.8); width:100% !important; color:#324153 !important; padding:10px 0 10px 0; height:70px;
}

/*
#grid2 .grid__link:hover .grid2-link-wrap {
position:absolute; bottom: 0%; background: rgba(22,68,105,0.8); width:100% !important; color:#fff !important; padding:10px 0 10px 0; height:70px;
}
*/

#grid2 .grid__link:hover figure{
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.grid:after {
  content: '';
  display: block;
  clear: both;
  /* margin:0 auto;
  margin-left:auto;
  margin-right:auto;
  text-align:center; */
  /* position:relative;
display:block;
margin-left:auto;
margin-right:auto;
margin:0 auto;
width:auto;
*/
}



.grid__item, .grid-sizer {
    /*display: block;
	-webkit-flex: none;
	flex: none; */
	/* width: 33.33%; */
	/* width:33.33%; */
    /*height:230px;*/
    width: 20%;
    width: -webkit-calc( 1/5 * 100% );
    width: calc( 1/5 * 100% );
    padding: 0 !important;
    margin:0 !important;
    float: left;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .grid__item, .grid-sizer {
    /*display: block;
	-webkit-flex: none;
	flex: none; */
	/* width: 33.33%; */
	/* width:33.33%; */
    /*height:230px;*/
    width: 50% !important;
    width: -webkit-calc( 1/2 * 100% );
    width: calc( 1/2 * 100% );
    padding: 0 !important;
    margin:0 !important;
    float: left;
    }
}


@media screen and (max-width: 767px) {
.grid__item, .grid-sizer {
    width: 100% !important;
    padding: 0 !important;
    margin:0 !important;
    float: left;
}

/*.grid__item, .grid-sizer {
    width: 100% !important;
    min-height:300px;
    height:auto;
    padding: 0 !important;
    margin:0 !important;
    float: left;
}*/

}



.grid__link {
	display: block;
	padding: 0;
	margin: 0;
	background: #fff;
}

.grid__button {
position:relative; bottom: 0%; background: rgba(255,255,255,0.8); width:100% !important; color:#324153 !important; padding:10px 0 10px 0;
}

/* .grid__button {
position:relative; bottom: 0%; background: #f4f5f4; width:100% !important; color:#324153 !important; padding:10px 0 10px 0;
}*/


.grid__link:hover .grid__button {
background: rgba(22,68,105,0.8);
color:#fff;
}

.grid__link:hover .photo-grid3 .button_title2 {
color:#fff;
}


.grid__img {
	display: block;
	width: 100%;
}

.grid__item-title {
	font-family: 'Caveat', cursive;
	line-height: 1;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 1em 0.5em;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #698b8d;
	background: #fff;
}


.ui-group {
  display: inline-block;
}

.ui-group select::-ms-expand {
border: 2px solid #d8d8d8;
display: none;
}


.ui-group .selectize-input {
border: 2px solid #d8d8d8;
    width:100%;
    background: none;
    height: 41px;
    line-height: 41px;
    box-sizing: border-box;
    padding: 0 35px 0 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
        border-radius: 3px;
        background: url(https://www.hss.edu/images/icons/dropdownicon.gif) no-repeat;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
        background-position: right 10px bottom 8px;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}

/* color-shape */

.color-shape {
  width: 250px;
  height: 250px;
  margin: 0;
  float: left;
}

/*.element-item {
  width: 250px;
  height: 250px;
  margin: 0;
  float: left; 
} */

.grid_title1 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#272725 !important;
padding:10px 0 10px 0;
margin-top:-80px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}

.grid_title2 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top:-80px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}


.grid_title3 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top:-80px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}

.grid_title4 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top:-80px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}

.grid_title5 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top:-80px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}

.grid_title6 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top:-330px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}


.grid_title7 { 
content: "";
display: flex;
flex-direction: column;
justify-content: center;
width:100% !important;
color:#324153 !important;
padding:10px 0 10px 0;
margin-top: 170px;
height:90px;
pointer-events: none;
/*
background: url('https://www.hss.edu/images/icons/transparent_background.png');
background-color:transparent;
*/

}



.grid_title_link {
width:250px; height:250px; background-color:transparent;
position:absolute;
/*margin-top:-500px;*/
margin-left:-125px;
}



.grid_margin {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
margin: 0 auto;
max-width:1250px;
width:auto;
}

.grid_margin1 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
margin: 0 auto;
max-width:1200px;
width:auto;
}

.grid_margin3 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
width:auto;
margin: 0 auto;
max-width:750px;
}

.grid_margin4 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
width:auto;
margin: 0 auto;
max-width:500px;
}

.grid_margin5 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
width:auto;
margin: 0 auto;
max-width:250px;
}


/* .grid_margin2 {
position:relative;
display:block;
min-width:750px;
width:auto;
margin-left:auto;
margin-right:auto;
}*/

.grid_margin2 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:1250px;
width:auto;
}


.grid_title_link:hover {
color:#fff !important;
background: rgba(255,255,255,0.3) !important;
}

.grid_title_link { 
position:absolute; width:250px; height:250px; background-color:transparent;
margin-top:-500px;
margin-left:-125px;
}



@media screen and (max-width: 1300px) {

.grid_title1 { 
margin-top:-80px;
}

.grid_title2 { 
margin-top:-80px;
}

.grid_title3 { 
margin-top:-80px;
}

.grid_title4 { 
margin-top:-80px;
}

.grid_title5 { 
margin-top:-330px;
}


.grid_title_link { 
margin-top:-1200px;
}


.grid_margin {
/*position:relative;
margin-bottom:-1000px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:800px;
width:auto;
}

.grid2-title {
max-width:800px !important;
width:auto;
}


.grid_margin1 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
margin: 0 auto;
max-width:800px;
width:auto;
}

.grid_margin2 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:800px;
width:auto;
}

.grid_margin3 {
/*position:relative;
margin-bottom:-1000px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:800px;
width:auto;
}

.grid_margin4 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
width:auto;
margin: 0 auto;
max-width:500px;
}

.grid_margin5 {
/*position:relative;
margin-bottom:-500px;*/
/* display:block;*/
margin-left:auto;
margin-right:auto;
width:auto;
margin: 0 auto;
max-width:250px;
}


}

@media screen and (max-width: 780px) {

.grid_title1 { 
margin-top:-80px;
}

.grid_title2 { 
margin-top:-80px;
}


.grid_title3 { 
margin-top:-330px;
}

.grid_title4 { 
margin-top:-330px;
}

.grid_title5 { 
margin-top:-580px;
}

.grid_title6 {
    margin-top: -580px;
}


.grid_title_link { 
margin-top:-1500px;
}


.grid_margin {
/*position:relative;
margin-bottom:-1500px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:500px;
width:auto;
}

.grid_margin1 {
/*position:relative;
margin-bottom:-1500px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:500px;
width:auto;
}


.grid_margin2 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:500px;
width:auto;
}

.grid_margin3 {
/*position:relative;
margin-bottom:-1500px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:500px;
width:auto;
}

.grid_margin4 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:500px;
width:auto;
}

.grid_margin5 {
/*position:relative;
margin-bottom:-1500px;
display:block;*/
margin-left:auto;
margin-right:auto;

max-width:250px;
width:auto;
}
}



@media screen and (max-width: 550px) {

.grid_title1 { 
margin-top:-80px;
}

.grid_title2 { 
margin-top:-330px;
}

.grid_title3 { 
margin-top:-580px;
}

.grid_title4 { 
margin-top:-830px;
}

.grid_title5 { 
margin-top:-1080px;
}

.grid_title6 {
    margin-top: -1330px;
}


.grid_title_link { 
margin-top:-2500px;
}


.grid_margin {
/* position:relative;
margin-bottom:-2500px;
display:block; */
margin-left:auto;
margin-right:auto;

max-width:260px;
width:auto;
}

.grid_margin1 {
/* position:relative;
margin-bottom:-2500px;
display:block; */
margin-left:auto;
margin-right:auto;

max-width:260px;
width:auto;
}


.grid_margin2 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:260px;
width:auto;
}

.grid_margin3 {
/* position:relative;
margin-bottom:-2500px;
display:block; */
margin-left:auto;
margin-right:auto;

max-width:260px;
width:auto;
}

.grid_margin4 {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:260px;
width:auto;
}

.grid_margin5 {
/* position:relative;
margin-bottom:-2500px;
display:block; */
margin-left:auto;
margin-right:auto;

max-width:260px;
width:auto;
}

}





.careers_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 0; line-height: 1.6em;}
.careers_50-50_col2 {float: left; clear:none; width: 53%; padding-left: 20px; line-height: 1.6em;}
.careers_50-50_col1 h2, .careers_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.careers_50-50_col1 a, .careers_50-50_col2 a {font-weight: bold;}
.careers_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.careers_50-50_col1 ul li, .careers_50-50_col2 ul li {padding: 0 0 .5em .7em;}
.careers_50-50_col2 p {color:#808285;}

/*
@media screen and (min-width: 768px) and (max-width: 1024px){
.careers_50-50_col1 {float: left; clear:none; width: 40%; margin-left: 0; line-height: 1.6em;}
.careers_50-50_col2{float: left; clear:none; width: 58%;margin-left: 10px;padding-left:0; line-height: 1.6em;}
.careers_50-50_col1 h2, .careers_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.careers_50-50_col1 a, .careers_50-50_col2 a {font-weight: bold;}
.careers_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.careers_50-50_col1 ul li, .careers_50-50_col2 ul li {padding: 0 0 .5em .7em;}
}
*/

@media screen and (max-width: 1024px) {
.careers_50-50_col1 {float: none; clear:both; width: 100%; margin-left: 0; padding-left:0;}
.careers_50-50_col2{float: none; clear:both; width: 100%; margin-left: 0; margin-top: 1em; margin-bottom:30px; padding:0 10px 0 10px;}
.careers_50-50_col1 ul {border: 0;}
.careers_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}

.careers2_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 0; line-height: 1.3em;}
.careers2_50-50_col2 {float: left; clear:none; width: 53%; padding-left: 20px; line-height: 1.3em;}
.careers2_50-50_col1 h2, .careers2_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.careers2_50-50_col1 a, .careers2_50-50_col2 a {font-weight: bold;}
.careers2_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.careers2_50-50_col1 ul li, .careers2_50-50_col2 ul li {padding: 0 0 .5em .7em;}


@media screen and (max-width: 1024px) {
.careers2_50-50_col1 {float: none; clear:both; width: 100%; margin-left: 0; padding-left:0;}
.careers2_50-50_col2{float: none; clear:both; width: 100%; margin-left: 0; margin-top: 1em; margin-bottom:30px; padding:0 10px 0 10px;}
.careers2_50-50_col1 ul {border: 0;}
.careers2_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers2_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers2_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.careers2_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}

.gm-style .gm-style-iw{margin-left: 10px;}


.singlecolumn h1 {
    font-size: 1.8em;
    font-family: "Benton Sans", arial, sans-serif;
    font-weight:700;
    line-height: 1.5em;
    font-style: normal;
    color: #272725;
    text-align: left;
    /*padding: 0 0 .8em 0;*/
}

/*@media only screen and (max-width: 1180px) {
.singlecolumn h1 {
    padding: 0 .8em .8em 0.8em;
}
}*/

.multilevelpushmenu_wrapper {
	position: absolute;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.multilevelpushmenu_wrapper .levelHolderClass {
	position: absolute;
	overflow: hidden;
	top: 0;
	background: #336ca6;
	width: auto;
	min-height: 100%;
	font-family: 'Benton Sans', sans-serif;
	font-size: 1em;
	zoom: 1;
}


.multilevelpushmenu_wrapper .ltr {
	margin-left: -100%;
	left: 0;
	-moz-box-shadow: 5px 0 5px -5px #1f4164;
	-webkit-box-shadow: 5px 0 5px -5px #1f4164;
	box-shadow: 5px 0 5px -5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2);
}

.multilevelpushmenu_wrapper .rtl {
	margin-right: -100%;
	right: -50px;
	-moz-box-shadow: 5px 0 5px 5px #1f4164;
	-webkit-box-shadow: 5px 0 5px 5px #1f4164;
	box-shadow: 5px 0 5px 5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2);
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
	/* background: #2e6196; */
    background: none !important;
    /*margin-left:-30px;*/
}

.multilevelpushmenu_wrapper h2 {
	/*font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;*/
	padding: 1.5em 2.4em 0 .3em;
	position:absolute;
	display:block;
	z-index:99999;
}

.multilevelpushmenu_wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin:40px 90px 0 10px;
}

.multilevelpushmenu_wrapper li {
	cursor: pointer;
	border-top: 1px solid #295685;
	padding: .4em .4em .4em .4em;
    /* width:350px; */
}

.multilevelpushmenu_wrapper li:first-child {
	border-top: 0px solid #295685;
}

.multilevelpushmenu_wrapper li:last-child {
	border-bottom: 1px solid #295685;
}

.multilevelpushmenu_wrapper li:hover {
	background-color: #295685;
}

.multilevelpushmenu_wrapper a {
	display: inline-block;
	/*outline: none; 
	overflow: hidden;*/
	font-size: 1.0em;
	line-height: 1.4em;
	padding: .2em .2em;
	text-decoration: none;
	color: #fff;
		text-align:left;
		width:100%;
		height:100%;
}

.multilevelpushmenu_wrapper a:hover {
	color: #ffe;
}

.multilevelpushmenu_wrapper .backItemClass {
	display: block;
	padding: 1.5em .4em .4em 1.1em;
	/* background: #2e6196; */
	border-top: 1px solid #295685;
}

.multilevelpushmenu_wrapper .floatRight {
	float: right;
		font-size:1.0em;
}

.multilevelpushmenu_wrapper .floatLeft {
	float: left;
		font-size:1.0em;
		margin-right:10px;
}

.multilevelpushmenu_wrapper .cursorPointer {
	cursor: pointer;
}

.multilevelpushmenu_wrapper .iconSpacing_ltr {
	padding: 0 .4em 0 0;
}

.multilevelpushmenu_wrapper .iconSpacing_rtl {
	padding: 0 0 0 .4em;
}

#menu {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
}


/* Pure Drawer */
/**************
## Animation ##
**************/
/************
## Toggler ##
************/
/***********
## Drawer ##
***********/
/***********
## Pusher ##
***********/
/*******************
## Pusher Overlay ##
*******************/
/**************
## Variables ##
**************/
/*************
## Required ##
*************/
html, body {
  height: 100%;
}

body {
  margin: 0;
}

/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/************
## Toggler ##
************/
.pure-toggle {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.pure-toggle:focus ~ .pure-toggle-label {
  /*border-color: #1fc08e;
  color: #1fc08e;*/
  color: #fff;
}

.pure-toggle-label {
  display: none;
  cursor: pointer;
  display: block;
  /* position: fixed; */
  position:absolute;
  top: 15px;
  z-index: 99;
  /* color: #5d809d; */
  color:#fff;
  width: 70px;
  height: 70px;
  -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
  /* border: 2px solid #5d809d;
  border-radius: 50%; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
 /* -webkit-tap-highlight-color: transparent; */
}

.pure-toggle-label:hover {
  /*border-color: #1fc08e;*/
  color: #1fc08e;
}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  /* background-color: #1fc08e; */
}

.pure-toggle-label:active {
  -webkit-tap-highlight-color: transparent;
}

.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4px;
  width: 35px;
  cursor: pointer;
  /*background: #5d809d; */
  background: #fff;
  display: block;
  content: '';
  /*  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;  */
          transition: all 500ms ease-in-out;
}

.pure-toggle-label .pure-toggle-icon {
  transform: translate3d(-50%, -14px, 0);
  -webkit-transform: translate3d(-50%, -14px, 0);
    /* -ms-transform: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
}

.pure-toggle-label .pure-toggle-icon:before {
  transform: translate3d(-50%, -14px, 0);
  -webkit-transform: translate3d(-50%, -14px, 0);
      /* -ms-transform: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
}

.pure-toggle-label .pure-toggle-icon:after {
  transform: translate3d(-50%, 10px, 0);
  -webkit-transform: translate3d(-50%, 10px, 0);	
  /* -ms-transform: rotate(45deg) translateX(-540px) translateY(-100px); */
}



.pure-toggle-label[data-toggle-label='left'] {
  left: 15px;
  right: auto;
}

.pure-toggle-label[data-toggle-label='right'] {
  right: 28px;
  left: auto;
}

.pure-toggle-label[data-toggle-label='top'] {
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']),
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']),
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']) {
  opacity: 0;
  z-index: -1;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon {
  background-color: transparent;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
  top: 0;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {
  -ms-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after,
.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {
  -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
      transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  top: 10px;
}

/***********
## Drawer ##
***********/
.pure-drawer {
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  visibility: hidden;
  background-color: #374c5d;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-drawer {
    width: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-drawer {
    width: 300px;
  }
}

.pure-drawer[data-position='right'] {
  left: auto;
  right: 0;
}

.pure-drawer[data-position='top'] {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-drawer[data-position='top'] {
    height: 100%;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-drawer[data-position='top'] {
    height: 100px;
  }
}

/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

/***********
## Pusher ##
***********/
.pure-pusher {
  position: relative;
  height: 100%;
  /* overflow-y: auto; */
  left: 0;
  z-index: 2;
  background-color: #fff;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

/*******************
## Pusher Overlay ##
*******************/
.pure-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
  left: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
    left: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
    left: 300px;
  }
}

.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
  right: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
    right: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
    right: 300px;
  }
}

.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
  top: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
    top: 100%;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
    top: 100px;
  }
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 2;
}

/********************************
## Fallback for older browsers ##
********************************/
.no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  left: 100%;
}

@media only screen and (min-width: 40.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}

.no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  left: -100%;
}

@media only screen and (min-width: 40.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    left: -300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    left: -300px;
  }
}

.no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  top: 100%;
}

@media only screen and (min-width: 40.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    top: 100%;
  }
}

@media only screen and (min-width: 64.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    top: 100px;
  }
}

/*****************************
## Effect - Slide in on top ##
*****************************/
/* DRAWER */
[data-effect='pure-effect-slide'] .pure-drawer {
  z-index: 3;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-slide'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-slide'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-slide'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* OVERLAY */
[data-effect='pure-effect-slide'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/********************
## Effect - Reveal ##
********************/
/* DRAWER */
[data-effect='pure-effect-reveal'] .pure-drawer {
  visibility: visible;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

/* PUSHER */
[data-effect='pure-effect-reveal'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-reveal'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/*************************
## Effect - Slide along ##
*************************/
/* DRAWER */
[data-effect='pure-effect-slideAlong'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

[data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

[data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER */
[data-effect='pure-effect-slideAlong'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-slideAlong'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/*******************************
## Effect - Reverse slide out ##
*******************************/
/* DRAWER */
[data-effect='pure-effect-reverseSlide'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

[data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

[data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER */
[data-effect='pure-effect-reverseSlide'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-reverseSlide'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

/*********************************
## Effect 5 - Scale Down Pusher ##
*********************************/
/* DRAWER */
[data-effect='pure-effect-scaleDown'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER CONTAINER */
[data-effect='pure-effect-scaleDown'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

/* PUSHER */
/* Needed for Firefox */
[data-effect='pure-effect-scaleDown'] .pure-pusher-container .pure-pusher {
  z-index: 1;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -300px);
  transform: translate3d(0, 0, -300px);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px);
  }
}

/* OVERLAY */
[data-effect='pure-effect-scaleDown'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/*************************
## Effect - Scale Up ##
*************************/
/* CONTAINER */
[data-effect='pure-effect-scaleUp'] {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

[data-effect='pure-effect-scaleUp'][data-position='left'] {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}

[data-effect='pure-effect-scaleUp'][data-position='right'] {
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effect='pure-effect-scaleUp'][data-position='top'] {
  -webkit-perspective-origin: 50% 0;
  perspective-origin: 50% 0;
}

/* DRAWER */
[data-effect='pure-effect-scaleUp'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(0, 0, -100%);
  transform: translate3d(0, 0, -100%);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left'] {
    -webkit-transform: translate3d(0, 0, -300px);
    transform: translate3d(0, 0, -300px);
  }
}

[data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, -100%);
  transform: translate3d(100%, 0, -100%);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
    -webkit-transform: translate3d(300px, 0, -300px);
    transform: translate3d(300px, 0, -300px);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right'] {
    -webkit-transform: translate3d(300px, 0, -300px);
    transform: translate3d(300px, 0, -300px);
  }
}

[data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, 0, -100%);
  transform: translate3d(0, 0, -100%);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
    -webkit-transform: translate3d(0, 0, -100%);
    transform: translate3d(0, 0, -100%);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top'] {
    -webkit-transform: translate3d(0, 0, -100px);
    transform: translate3d(0, 0, -100px);
  }
}

[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER */
[data-effect='pure-effect-scaleUp'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-scaleUp'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/****************************************
## Effect - Scale and Rotate Pusher ##
****************************************/
/* DRAWER */
[data-effect='pure-effect-scaleRotate'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER CONTAINER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

/* PUSHER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
  transform: translate3d(100px, 0, -600px) rotateY(20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
  transform: translate3d(0, 0, -100px) rotateX(20deg);
}

/* OVERLAY */
[data-effect='pure-effect-scaleRotate'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/**************************
## Effect - Fall in ##
**************************/
/* DRAWER */
[data-effect='pure-effect-fall'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-fall'] .pure-drawer[data-position='left'],
[data-effect='pure-effect-fall'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-fall'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER */
[data-effect='pure-effect-fall'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-fall'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/*********************
## Effect - Push ##
*********************/
/* DRAWER */
[data-effect='pure-effect-push'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-push'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-push'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER */
[data-effect='pure-effect-push'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }
}

[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
}

[data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

@media only screen and (min-width: 40.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@media only screen and (min-width: 64.063em) {
  [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
}

/* OVERLAY */
[data-effect='pure-effect-push'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

/********************
## Effect - Bounce ##
********************/
/* DRAWER */
[data-effect="pure-effect-bounce"] .pure-drawer {
  z-index: 3;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
}

/* OVERLAY */
[data-effect="pure-effect-bounce"] .pure-overlay {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/******************
## Effect - Fade ##
******************/
/* DRAWER */
[data-effect="pure-effect-fade"] .pure-drawer {
  z-index: 3;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
}

/* OVERLAY */
[data-effect="pure-effect-fade"] .pure-overlay {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*******************
## Effect - FlipX ##
*******************/
/* DRAWER */
[data-effect="pure-effect-flipX"] .pure-drawer {
  z-index: 3;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
}

/* OVERLAY */
[data-effect="pure-effect-flipX"] .pure-overlay {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*******************
## Effect - FlipY ##
*******************/
/* DRAWER */
[data-effect="pure-effect-flipY"] .pure-drawer {
  z-index: 3;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
}

/* OVERLAY */
[data-effect="pure-effect-flipY"] .pure-overlay {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/******************
## Effect - Zoom ##
******************/
/* DRAWER */
[data-effect="pure-effect-zoom"] .pure-drawer {
  z-index: 3;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
}

/* OVERLAY */
[data-effect="pure-effect-zoom"] .pure-overlay {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight, [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='left'] {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='right'] {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp, [data-effect="pure-effect-bounce"] .pure-drawer[data-position='top'] {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight, [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft, [data-effect="pure-effect-fade"] .pure-drawer[data-position='left'] {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight, [data-effect="pure-effect-fade"] .pure-drawer[data-position='right'] {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp, [data-effect="pure-effect-fade"] .pure-drawer[data-position='top'] {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX, [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY, [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX, [data-effect="pure-effect-flipX"] .pure-drawer[data-position='left'], [data-effect="pure-effect-flipX"] .pure-drawer[data-position='right'], [data-effect="pure-effect-flipX"] .pure-drawer[data-position='top'] {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY, [data-effect="pure-effect-flipY"] .pure-drawer[data-position='left'], [data-effect="pure-effect-flipY"] .pure-drawer[data-position='right'], [data-effect="pure-effect-flipY"] .pure-drawer[data-position='top'] {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'] {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight, [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'] {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='left'] {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='right'] {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp, [data-effect="pure-effect-zoom"] .pure-drawer[data-position='top'] {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@media only screen and (max-width: 768px) {

.mobile-margin
{
margin-top:-20px;
}
}


#about-mobile-btn {
display:none;
}

@media screen and (max-width: 430px){
#about-mobile-btn {
display:inline-block;
}

#about-desktop-btn {
display:none;
}
}


/*
#navcontainer a.selectedItem {
color: #0074bc;
}*/


.flexinav_menu a:hover, .flexinav_menu a:active, .flexinav_menu a:focus, .flexinav_menu a.thispage {
    color: #0074bc;
    text-decoration: none;
} 

#flexinav_menu ul .current_menu_item > a
{
    color: #0074bc;
    text-decoration: none;
}

.sports-team-sub-btn-wrap {
height:70px;
  /* display : flex;
  align-items : center; */
  margin-top:30px;
  padding: 0; 
  max-width: 1300px; margin: 0 auto;
}

.sports-team-sub-btn {
display : flex;
  align-items : center;
float:left;
margin-right:25px;
}

@media only screen and (max-width: 768px) {

.sports-team-sub-btn {
float:none !important;
}

}

.popup_headline {
border-bottom:1px solid #324153; padding:0 0 5px 0; margin-bottom:15px;
}

.popup_headline h2 {
font-size:1.2em;font-family: "Benton Sans Medium", arial, sans-serif;font-style: normal ;font-weight: normal; color:#324153;
}

.sports_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 0; line-height: 1.6em;}
.sports_50-50_col2 {float: left; clear:none; width: 53%; padding-left: 0px; line-height: 1.6em; margin-left:-30px;}
.sports_50-50_col1 h2, .sports_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.sports_50-50_col a, .sports_50-50_col2 a {font-size:1.0em;font-family: "Benton Sans Medium", arial, sans-serif; font-style: normal; font-weight:normal !important;}
.sports_50-50_col a, .sports_50-50_col2 a:hover {color:#0074bc;}
.sports_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.sports_50-50_col2 ul li {padding: 0 0 .5em 0;}


@media screen and (max-width: 1024px) {
.sports_50-50_col1 {float: none; clear:both; width: 100%; margin-left: 0; padding-left:0;}
.sports_50-50_col2{float: none; clear:both; width: 100%; margin-left: 0; margin-top: 1em; margin-bottom:30px; padding:0 10px 0 10px;}
.sports_50-50_col1 ul {border: 0;}
.sports_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.sports_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.sports_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.sports_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}

.inside_50-50_col1 {float: left; clear:none; width: 50%; margin-left: 2%; line-height: 1.6em;}
.inside_50-50_col2{float: left; clear:none; width: 45%;margin-left: 2%;line-height: 1.6em;}
.inside_50-50_col1 h2, .inside_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.inside_50-50_col1 a, .inside_50-50_col2 a {font-weight: bold;}
.inside_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.inside_50-50_col1 ul li, .inside_50-50_col2 ul li {padding: 0 0 .5em .7em;}

@media screen and (max-width: 767px){
.inside_50-50_col1 {float: none; clear:both; width: 94%; margin-left: 0;}
.inside_50-50_col2{float: none; clear:both; width: 95%;margin-left: 0; margin-top: 1em;}
.inside_50-50_col1 ul {border: 0;}
.inside_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.inside_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.inside_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.inside_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}


/*
.sports_inside_content {
padding: 0; clear:both; display: block; max-width: 1000px; margin: 0 auto;
}
*/
/*
.sports_inside_content a {
font-size:1.1em;
}*/




#sports-footer {
    padding: .2em 0 .4em 0 /*38px 0px 12px 0px*/;
    clear: both;
    width: 100%;
    text-align:center;
    /* margin: 0 auto; */
    background-color: #c6c7c8;
    border:0 !important;
}

#sports-footer .copyright {clear: both; font-size: 0.625em/*10px*/; text-align: center; padding-top: 2.875em /*46px*/; color:#324153;}

/* IE 8,9,10 detection */

#ie9-browser {
display:none;
}

/*
@media screen\0 {
#sports-website {
display:none;
}

.ie9-browser {
display:block;
position:relative; margin-top:30px; margin-bottom:30px; padding:1.0em 0 2.0em 0;
}

}*/



#full_banner_menu {
   
    /* padding:120px 30px; */ 
    padding:10px 15px 15px 15px; 
    position:absolute; 
    z-index:10; 
    color:#fff; 
    /* vertical-align:center; 
    text-shadow: 2px 2px 4px #000000; */
  /* width: 410px; */
      background:rgb(23,36,46); ;  
    background: transparent\9;  
    background:rgba(23,36,46,0.7);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1; 
  /* top: 450px; */
  right: 150px;
  width:auto;
  max-width:480px;
  margin-top: -100px;
}

#full_banner_menu ul, #full_banner_menu_mobile ul {
list-style:none;
}

#full_banner_menu_mobile {
   
display:none;
  
}

#full_banner_menu ul li {
line-height:28px;
text-align:left;
}

#full_banner_menu ul li a{
font-size:.8em;
color:#fff;
}

#full_banner_menu ul li a:hover{
color:#0074bc ;
}


@media (max-width:1140px){

#full_banner_menu {
  /*top: 330px;*/
    right: 10px;
}

}


@media (max-width:980px){

#full_banner_menu {
  display:none;
}

#full_banner_menu_mobile {
   /* display:flex;
   justify-content: center; */
   display:block;
   width:100%;
    padding:35px;
    border-top: 1px solid #eee;
    margin: 0 auto;
    position:relative;
}

#full_banner_menu_mobile ul li {
line-height:33px;
}

#full_banner_menu_mobile ul li a{
font-size:1.2em;
}

#full_banner_menu_mobile ul li a:hover {
color:#0074bc;
}

}

#banner-title {
    position:absolute; 
    z-index:10; 
    color:#fff; 
    top: 300px;
    left: 230px;
}
#banner-title h1 {
    text-align:center;
    color:#fff !important; 
    font-size: 1.8em;
    font-weight:700;
    font-style: italic;
    white-space: nowrap;
    text-shadow: 0px 0px 10px #272725;
}


/* Three Column Content - No Margin-Bottm(Negative Margin Bottom Start */

/* Three Column Content Start */

.contentLayout_30-30-30 {padding: 5px; width: 100%; margin: 0 auto;}
.contentLayout_30-30-30_col1 {width: 32.3%; float: left; padding: 5px 15px; margin-bottom:30px;}
.contentLayout_30-30-30_col2 {width: 32.3%; float: left; padding: 5px 15px; margin-bottom:30px;}
.contentLayout_30-30-30_col3 {width: 32.3%; float: left; padding: 5px 15px; margin-bottom:30px;}

@media screen and (max-width: 980px) {
	.contentLayout_30-30-30 {width: 94%;}
	.contentLayout_30-30-30_col1 {width: 41%; padding: 1% 4%;}
	.contentLayout_30-30-30_col2 {width: 41%; padding: 1% 4%; margin: 0px; float: right;}
    .contentLayout_30-30-30_col3 {clear: both; padding: 1% 4%; width: auto; float: none;}
}

/* for 700px or less */
@media screen and (max-width: 800px) {
    .contentLayout_30-30-30 {text-align:center;}
    .contentLayout_30-30-30_col1 {width: auto; float: none; margin-bottom:0;}
	.contentLayout_30-30-30_col2 {width: auto; float: none; margin-bottom:0;}
    .contentLayout_30-30-30_col3 {width: auto; float: none;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
    .contentLayout_30-30-30 {text-align:center;}
}


/* Three Column Content End */


.contentLayout2_30-30-30 {position:relative; padding: 5px; width: 1200px; margin: 20px auto; margin-top:30px;}
.contentLayout2_30-30-30_col1 {width: 330px; float: left; padding: 5px 25px 5px 0; margin-bottom:-140px; }
.contentLayout2_30-30-30_col2 {width: 330px; float: left; padding: 5px 15px; margin-bottom:-140px;}
.contentLayout2_30-30-30_col3 {width: 330px; float: left; padding: 5px 0 5px 25px; margin-bottom:-140px;  }

.contentLayout2_30-30-30 h2 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.3;
}

.contentLayout2_30-30-30 a {
color:#0074bc;
}

.contentLayout2_30-30-30 a:hover; {
color:#324153 !important; 
}

@media screen and (max-width: 980px) {
	.contentLayout2_30-30-30 {width: 94%;}
	.contentLayout2_30-30-30_col1 {width: 41%; padding: 1% 4%; margin-bottom:-60px; }
	.contentLayout2_30-30-30_col2 {width: 41%; padding: 1% 4%; margin: 0px 0px -60px 5px; float: right;}
    .contentLayout2_30-30-30_col3 {clear: both; padding: 1% 4%; width: auto; float: none; margin-bottom:-60px; }
}

/* for 700px or less */
@media screen and (max-width: 800px) {
    .contentLayout2_30-30-30 {text-align:center;}
    /* .contentLayout2_30-30-30_col1 {width: auto; float: none; margin-bottom:-60px;}
	.contentLayout2_30-30-30_col2 {width: auto; float: none; margin-bottom:-60px;}
    .contentLayout2_30-30-30_col3 {width: auto; float: none; margin-bottom:-60px;}*/
    
    .contentLayout2_30-30-30_col1 {width: auto; float: none; margin:0;}
	.contentLayout2_30-30-30_col2 {width: auto; float: none; margin:0;}
    .contentLayout2_30-30-30_col3 {width: auto; float: none; margin:0; margin-bottom:-250px;}
    
    #open-tab4 {display:none;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
    .contentLayout2_30-30-30 {text-align:center;}
    .contentLayout2_30-30-30_col1 {width: auto; float: none; }
	.contentLayout2_30-30-30_col2 {width: auto; float: none; margin-top:30px;}
    .contentLayout2_30-30-30_col3 {width: auto; float: none; margin-bottom:-450px; margin-top:30px;}
    #open-tab4 {display:none;}
}


/* Three Column Content End */

.tabs-location {
    max-width: 1200px;
    width:auto;
    /* display:inline-block;
    position:relative;
    margin:0 auto; */
  margin:0 auto;
  /* margin-bottom:30px !important; */
}

@media screen and (max-width: 780px) {
.tabs-location {
    max-width: 700px;
    width:auto;
    /* display:inline-block;
    position:relative;
    margin:0 auto; */
  margin:0 auto;
  left:0px;
text-align:center;
}
}

@media screen and (max-width: 480px) {
.tabs-location {
    max-width: 380px;
    width:auto;
    /* display:inline-block;
    position:relative;
    margin:0 auto; */
  margin:0 auto;
  left:0px;
  /*margin-top:80px;*/
  /* margin-bottom:150px; */
text-align:center;
margin-top:-30px !important;
margin-bottom:-10px !important;
}
}

    .tab-links-location {
width:100%;
margin:20px 0 0 10px;
    }
    
    @media screen and (max-width: 800px){
        .tab-links-location {
        width:100%;
        margin-left:0px;
    }
    }
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links-location:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links-location li {
        width: 31%;
        margin-right: 20px;
        float:left;
        list-style:none;
    }
 
        .tab-links-location a {
            padding:9px 15px;
            display:inline-block;
            /* border-radius:3px 3px 0px 0px; */
            /* background:#7FB5DA; */
            /* font-size:16px; */
            /* font-weight:600; */
            /* color:#4c4c4c; */
            transition:all linear 0.15s;
            font-size:1.0em !important;
        }
 
        .tab-links-location a:hover {
                    background:#0074bc;
        color:#fff;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#0074bc;
        color:#fff;
    }
    

 
    /*----- Content of Tabs -----*/
    .tab-content-location {

    /* width:98.3%; */
    width:98%;
    margin-top:10px;
    }
    
    @media screen and (max-width: 767px){
        .tab-content-location {
      width:100%;
      padding:15px;
      margin-left:-10px;
    }
    }
 
 
        .tab-location {
            display:none;
            tab-location
        }
 
        .tab-location.active {
            display:block;
        }


.location-page-button .singlecolumn a {
font-size:.7em !important;
font-weight:normal !important;
}

.location-page-button a {
font-size:.7em !important;
font-weight:normal !important;
}

.location-services-centers h2 {
margin:20px 0 20px 0;
    font-size: 1.5em;
    line-height: 1.4em;
    font-family: "Benton Sans", arial, sans-serif;
    font-style: normal;
    color: #324153;
}

.location_services ul {
list-style: disc;

}


.bitg-widget {
/*
max-width: 200px;
*/
margin: 0 auto;
}
.bitg-widget-grid {
/* text-align: center; */
}
.bitg-widget-link {
display: inline-block;
/* width: 30%; */
margin: 2px 1.5%;
/* Center small images */
vertical-align: middle;
width: auto;
}
.bitg-widget-link img {
border: 0 none;
width: 100%;
/*
max-width: 62px;
max-height: 75px;
*/
}
.bitg-widget-allstories {
/* text-align: center; */
margin: 0.3em 0;
}
.bitg-widget-allstories a {
color: #054D87;
text-decoration: none;
}
/* Desktop/Tablet - 12x1 layout */
@media screen and (min-width: 781px){
.bitg-widget-link{
margin: 0;
margin-left: 0.33%;
width: 8%;
/*max-width: 80px;*/
}
.bitg-widget-link:first-child{
margin-left: 0;
}
}
/* Phablet - 6x2 layout */
@media screen and (min-width: 480px) and (max-width: 780px){
.bitg-widget-grid {
max-width: 600px;
}
.bitg-widget-link{
margin: 4px;
width: 14%;
max-width: 80px;
}
}
/* Phone - 4x3 layout */
@media screen and (max-width: 479px){
.bitg-widget-grid {
max-width: 400px;
}
.bitg-widget-link{
margin: 4px;
width: 20%;
max-width: 80px;
}
}


/* Location styles */

.location-page-button2 a {
    
    line-height: 2.0em;
    font-family: "Benton Sans", arial, sans-serif;
    font-style: normal;
    color: #0074bc;
}

.location-page-button2 a:hover {
    color: #324153;
}

.tab-location h2 {
margin:20px 0 20px 0;
    font-size: 1.5em;
    line-height: 1.4em;
    font-family: "Benton Sans", arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #324153;
}
.tab-location h3 {
    margin:20px 0 10px 0;
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: normal;
    color: #324153;
}

.sports_inside_content_large h3 {
    margin:20px 0 10px 0;
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: normal;
}

.location_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 2%; line-height: 1.6em;}
.location_50-50_col2{float: left; clear:none; width: 45%;margin-left: 2%;line-height: 1.6em;}
.location_50-50_col1 h2, .location_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.location_50-50_col1 a, .location_50-50_col2 a {font-weight: bold;}
.location_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.location_50-50_col1 ul li, .location_50-50_col2 ul li {padding: 0 0 .5em .7em;}

@media screen and (min-width: 768px) and (max-width: 1024px){
.location_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 2%; line-height: 1.6em;}
.location_50-50_col2{float: left; clear:none; width: 45%;margin-left: 6%;line-height: 1.6em;}
.location_50-50_col1 h2, .location_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.location_50-50_col1 a, .location_50-50_col2 a {font-weight: bold;}
.location_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.location_50-50_col1 ul li, .location_50-50_col2 ul li {padding: 0 0 .5em .7em;}
}

@media screen and (max-width: 767px) {
.tab1 p, .tab2 p, .location_50-50_col1 {float: none; clear:both; width: 92%; margin-left: 0;}
.location_50-50_col2{float: none; clear:both; width: 92%;margin-left: 0; margin-top: 1em;}
.location_50-50_col1 ul {border: 0;}
.location_30-70_col1 {float: none; clear:both; width: 92%; margin-left: 3%; line-height: 1.6em;}
.location_30-70_col2 {float: none; clear:both; width: 92%; margin-left: 3%; line-height: 1.6em;}
.location_70-30_col1 {float: left; clear:none; width: 92%; margin-left: 3%; line-height: 1.6em;}
.location_70-30_col2{float: left; clear:none; width: 92%;margin-left: 3%;line-height: 1.6em;}
}


a.locationsitebutton {text-align: center;border: 0;width: 310px; height:38px; /* margin: 0 auto */ margin:0 0 .5em .2em; ;margin-bottom: 13px;padding: 18px 4px 4px 4px;text-transform: uppercase;line-height: 1.4em;font-size: .7em;font-family: "Benton Sans Medium", arial, sans-serif;font-style: normal;font-weight: normal;color: #0074bc;display: block;background-color: #ffffff;border: 1px solid #0074bc; cursor:pointer;}
a.locationsitebutton:hover {background-color: #0074bc; text-decoration: none; color: #ffffff; border: 1px solid #0074bc;}
@media screen and (max-width: 767px){
    .tab-links-location li {width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) { a.locationsitebutton {margin:0 .5em .5em .2em; width: 100%; font-size: .8em;}}
@media screen and (min-width: 768px) and (max-width: 799px) {.tab-links-location li {width: 96%;}}
@media screen and (max-width: 700px) { a.locationsitebutton {margin:0 .5em .5em .5em; width: 90%; font-size: .8em;} }


.location2_50-50_col1 {float: left; clear:none; width: 45%; margin-left: 2%; line-height: 1.3em; font-size:.95em; }
.location2_50-50_col2{float: left; clear:none; width: 45%;margin-left: 2%;line-height: 1.3em; font-size:.95em;}
.location2_50-50_col1 h2, .location2_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.location2_50-50_col1 a, .location2_50-50_col2 a {font-weight: bold;}
.location2_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.location2_50-50_col1 ul li, .location2_50-50_col2 ul li {padding: 0 0 .5em .7em;}

@media screen and (max-width: 767px){
.location2_50-50_col1 {float: none; clear:both; width: 94%; margin-left: 0;}
.location2_50-50_col2{float: none; clear:both; width: 95%;margin-left: 0; margin-top: 1em;}
.location2_50-50_col1 ul {border: 0;}
.location2_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location2_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location2_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.location2_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}


.locationbtn_50-50_col1 {float: left; clear:none; width: 50%; margin-left: 2%; line-height: 1.6em;}
.locationbtn_50-50_col2{float: left; clear:none; width: 42%;margin-left: 2%;line-height: 1.6em;}
.locationbtn_50-50_col1 h2, .locationbtn_50-50_col2 h2{border-bottom: 0px solid #cccccc; margin-bottom:10px;}
.locationbtn_50-50_col1 a, .locationbtn_50-50_col2 a {font-weight: bold;}
.locationbtn_50-50_col1 ul {border-right: 0px solid #cccccc;padding-right: .75em; margin-right: 0!important;}
.locationbtn_50-50_col1 ul li, .locationbtn_50-50_col2 ul li {padding: 0 0 .5em .7em;}

@media screen and (max-width: 767px){
.locationbtn_50-50_col1 {float: none; clear:both; width: 94%; margin-left: 0;}
.locationbtn_50-50_col2{float: none; clear:both; width: 95%;margin-left: 0; margin-top: -12px;}
.locationbtn_50-50_col1 ul {border: 0;}
.locationbtn_30-70_col1 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.locationbtn_30-70_col2 {float: none; clear:both; width: 94%; margin-left: 3%; line-height: 1.6em;}
.locationbtn_70-30_col1 {float: left; clear:none; width: 94%; margin-left: 3%; line-height: 1.6em;}
.locationbtn_70-30_col2{float: left; clear:none; width: 94%;margin-left: 3%;line-height: 1.6em;}
}


#location_physicians_mobile, .location_physicians_mobile
{
visibility:hidden;
display:none;
}

.tab-location-inner {width:94%; margin: 0 15px;}
.tab-location a.sitebutton {width:100%; margin:20px 0 20px -10px; padding:15px; font-size:1.2em;}

.locationbtn_50-50_col1 .location-page-button2 {margin-top: -10px;}
.locationbtn_50-50_col2 .location-page-button2 {padding-top: 12px;}

.location-page-button2 .location-page-phys-wrapper {width:100%; display:table; table-layout:fixed;}
.location-page-button2 .location-page-phys-wrapper .location-page-phys-outer {width:50%; float:left; display:table-cell; margin-right:0; margin-bottom: 20px; min-height: 200px;}
.location-page-button2 .location-page-phys-wrapper .location-page-phys-inner {width:100%; display:table; table-layout:fixed;}
.location-page-button2 .location-page-phys-wrapper .location-page-phys-cell-left {float:left; width:25%; display:table-cell; margin-right:20px;}
.location-page-button2 .location-page-phys-wrapper .location-page-phys-cell-right {float:left; vertical-align:top; width:67%; margin-top:-10px; font-size: .9em;}
.appt-banner {width: 100%; margin: 20px 0px 20px -10px;padding: 15px; font-size: 1.2em;}
.tab-loaction-inner {width:100%; background-color:#eee; margin-left:-10px; padding:15px;}

@media screen and (min-width: 768px) and (max-width: 799px) {
    .location-page-phys-wrapper .location-page-phys-cell-left {width: 21%;}
    .location-page-button2 .location-page-phys-wrapper .location-page-phys-outer {min-height: 260px;}
    .tab-location a.sitebutton {width: 95%; margin-left: 1px;}
}


@media screen and (max-width: 767px){
    #location_physicians_desktop, .location_physicians_desktop {display: none;}
    #location_physicians_mobile, .location_physicians_mobile {visibility: visible;display: block;}
    
    .location-page-button2 .location-page-phys-wrapper {width:100%; float:left; margin-right:20px;}
    .location-page-button2 .location-page-phys-wrapper .location-page-phys-outer {width:100%; float:none; display: block; min-height:auto;}
    .location-page-button2 .location-page-phys-wrapper .location-page-phys-cell-left  {float:left;  width:21%; margin-right: 10px;}
    .location-page-button2 .location-page-phys-wrapper .location-page-phys-cell-right {float:left;  vertical-align:top; width:71.5%; padding:3px;}
    .tab-location a.sitebutton {width: 88%; margin-left: 0px;}
    .location_rightColumn .utilitymodule {margin-left: -10px;}
}

.tab-location ul {
    margin-left: .5em;
    list-style:none;
}

.tab-location ul li {
    font-size: 1em;
    background: url(https://www.hss.edu/images/css/list_bullet.gif) left .7em no-repeat;
    padding: 0 0 .5em .7em;
}

.tab-location ul li a {
    font-weight: bold;
}

.tab-location a {
color: #0074bc;
}

.tab-location a:hover {
color: #0074bc !important;
}

.tab-location ul a:hover; {
color: #324153 !important;
}

.tabs-location h2 {
    font-size: 1.6em;
    line-height: 1.3;
    margin-top: 1em;
    color: #324153;
}

.tab-location h2, .tab-location h3, .tab-location h4 {
    font-family: "Benton Sans Book", arial, sans-serif;
    font-style: normal;
}

.spine-close-btn {
font-size: 2.4em; font-weight: 200; cursor: pointer;
}

@media (max-width:480px){
.spine-close-btn {
font-size: 1.1em; font-weight: 200; cursor: pointer; margin-right:25px;
}
}


.sports_inside_content ul, .career_inside_content ul {margin-left: .5em;}
.sports_inside_content ul li, .career_inside_content ul li {font-size: 1em;background: url(/images/css/list_bullet.gif) left .7em no-repeat; padding: 0 0 .5em .7em;}

.sports_inside_content ul li a, .career_inside_content ul li a {color: #0074bc;}
.sports_inside_content ul li a:hover, .career_inside_content ul li a:hover {color: #324153 !important;}

 /* Main Site top link start */

.header-top-wrapper {
    padding: .07em;
    background: url('https://www.hss.edu/images/icons/hss-back-link.png') 14px 0px no-repeat #001f4e;
    z-index: 9999999 !important;
    position: absolute;
    /* top: 0; */
    min-height: 13px;
    hieght: auto;
    width: 100%;
    top: 0;
        -webkit-transition: background 0.5s ease;;
    -moz-transition:background 0.5s ease;;
    -o-transition:background 0.5s ease;;
    transition:background 0.5s ease;;
}

.header-top-wrapper:hover {
    padding: .07em;
    background: url('https://www.hss.edu/images/icons/hss-back-link.png') 14px -20px no-repeat #001f4e;
    z-index: 999;
    position: absolute;
    /* top: 0; */
    min-height: 13px;
    hieght: auto;
    width: 100%;
}



.header-top-wrapper .header-top-content {
    height: 13px;
   padding-left: 1em;
   padding-top: .4em;
    overflow: hidden;
    background: none;
     transition-timing-function: ease;
-moz-transition-timing-function: ease; 
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease; 
transition-property:height;
-moz-transition-property: height; 
-webkit-transition-property:height; 
-o-transition-property:height;
  transition-duration: 2s;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s; 
-o-transition-duration: 2s; 
}

.header-top-wrapper .header-top-content img {
margin-top:12px;
}


.header-top-wrapper:hover .header-top-content{
    height: 142px;   

}

@media (max-width: 1100px) {
.contactbtndesktop {display:none;}
}


 /* Main Site top link end */ 
 
 
 
 /* Three Column Content - No Negative Margin-bottom Start */

/* .contentLayout3_30-30-30 {position:relative; padding: 5px; width: 1000px; margin: 20px auto;} */
.contentLayout3_30-30-30 {
    position: relative;
    /* padding: 5px; */
    width: 1200px;
    margin: 0 auto;
}

.contentLayout3_30-30-30_col1 {width: 385px; float: left; padding: 5px 25px 5px 0; margin-right: 10px;}
.contentLayout3_30-30-30_col2 {width: 385px; float: left; padding: 5px 15px; margin-right: 10px;}
.contentLayout3_30-30-30_col3 {width: 385px; float: left; padding: 5px 0 5px 25px;  }

.contentLayout3_30-30-30 h2 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.3;
}

.contentLayout3_30-30-30 a {
color:#0074bc;
}

.contentLayout3_30-30-30 a:hover; {
color:#324153 !important; 
}

@media screen and (max-width: 980px) {
	.contentLayout3_30-30-30 {width: 94%;}
	.contentLayout3_30-30-30_col1 {width: auto; padding: 1% 4%; }
	.contentLayout3_30-30-30_col2 {width: auto; padding: 1% 4%; margin: 0px 0px 0px 5px; float: right;}
    .contentLayout3_30-30-30_col3 {clear: both; padding: 1% 4%; width: auto; float: none; }
}

/* for 700px or less */
@media screen and (max-width: 980px) { 
    .contentLayout3_30-30-30 {text-align:center;}
    /* .contentLayout3_30-30-30_col1 {width: auto; float: none; }
	.contentLayout3_30-30-30_col2 {width: auto; float: none;}
    .contentLayout3_30-30-30_col3 {width: auto; float: none;}*/
    
    .contentLayout3_30-30-30_col1 {width: auto; float: none; margin:0;}
	.contentLayout3_30-30-30_col2 {width: auto; float: none; margin:0;}
    .contentLayout3_30-30-30_col3 {width: auto; float: none; margin:0;}
    
    #open-tab4 {display:none;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
    .contentLayout3_30-30-30 {text-align:center;}
    .contentLayout3_30-30-30_col1 {width: auto; float: none; }
	.contentLayout3_30-30-30_col2 {width: auto; float: none; margin-top:30px;}
    .contentLayout3_30-30-30_col3 {width: auto; float: none; margin-top:30px;}
    #open-tab4 {display:none;}
}


/* Three Column Content End */

/* Four Column Content - No Negative Margin-bottom Start */

/* .contentLayout3_20-20-20-20 {
position: relative;
    width: 1000px;
    margin-bottom: -600px;
    left: 50%;
    transform: translate(-50%);
}    
    
    
.contentLayout3_20-20-20-20_col1 {width: 232px; float: left; padding: 5px 0 5px 0; }
.contentLayout3_20-20-20-20_col2 {width: 232px; float: left; padding: 5px 0 5px 10px; }
.contentLayout3_20-20-20-20_col3 {width: 232px; float: left; padding: 5px 0 5px 10px;  }
.contentLayout3_20-20-20-20_col4 {width: 232px; float: left; padding: 5px 0 5px 10px;  } */

.contentLayout3_20-20-20-20 {
    position: relative;
    width: 1200px;
    /* margin-bottom: -600px; */
    left: 50%;
    transform: translate(-50%);
    margin-bottom: 0;
    
}

.contentLayout3_20-20-20-20_col1 {
    width: 23.8%;
    float: left;
    /* padding: 5px 0 5px 10px; */
    margin: 0 .66em .66em 0;
}

.contentLayout3_20-20-20-20_col2 {
    width: 23.8%;
    float: left;
    /* padding: 5px 0 5px 10px; */
    margin: 0 .66em .66em 0;
}
.contentLayout3_20-20-20-20_col3 {
    width: 23.8%;
    float: left;
    /* padding: 5px 0 5px 10px; */
    margin: 0 .66em .66em 0;
}

.contentLayout3_20-20-20-20_col4 {
    width: 23.8%;
    float: left;
}

.contentLayout3_20-20-20-20 h2 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.3;
}

.contentLayout3_20-20-20-20 a {
color:#0074bc;
}

.contentLayout3_20-20-20-20 a:hover; {
color:#324153 !important; 
}

/*@media screen and (max-width: 1200px) {
	.contentLayout3_20-20-20-20 {width: 94%; margin-bottom: 0px;}
	.contentLayout3_20-20-20-20_col1 {width: 22%; padding: 1% 4%; }
	.contentLayout3_20-20-20-20_col2 {width: 22%; padding: 1% 4%; margin: 0px 0px 0px 5px; float: right;}
	.contentLayout3_20-20-20-20_col2 {width: 22%; padding: 1% 4%; margin: 0px 0px 0px 5px; float: right;}	
    .contentLayout3_20-20-20-20_col4 {clear: both; padding: 1% 4%; width: auto; float: none; }
} */

/* for 700px or less */
@media screen and (max-width: 1200px) {
    .contentLayout3_20-20-20-20 {text-align:center;  margin-bottom: -50px; max-width: 95%;}
    .contentLayout3_20-20-20-20_col1 {width: auto; float: none; margin:0; padding: 0 !important;}
	.contentLayout3_20-20-20-20_col2 {width: auto; float: none; margin:0; padding: 0 !important;}
    .contentLayout3_20-20-20-20_col3 {width: auto; float: none; margin:0; padding: 0 !important;}
    .contentLayout3_20-20-20-20_col4 {width: auto; float: none; margin:0; padding: 0 !important;}    
  
}

/* for 480px or less */
@media screen and (max-width: 480px) {
    .contentLayout3_20-20-20-20 {text-align:center;  /*margin-bottom: -100px;*/}
    .contentLayout3_20-20-20-20_col1 {width: auto; float: none; }
	.contentLayout3_20-20-20-20_col2 {width: auto; float: none; margin-top:30px;}
    .contentLayout3_20-20-20-20_col3 {width: auto; float: none; margin-top:30px;}
    .contentLayout3_20-20-20-20_col4 {width: auto; float: none; margin-top:30px;}
}


/* Four Column Content End */


/* Ranking Page - Tony End */


/* Video responsive for full width and height */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	display:flex;
	height: 0;
	margin-bottom:15px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Video responsive for full width and height end */

/* Video responsive for 50% width and height */
.videoWrapper-small {
position: relative;
    /*padding-bottom: 39.25%;*/
    padding-bottom: 0;
    display: flex;
    height: 0;
    margin-bottom: 15px;
    width: 70%;
    height: 50%;
}

@media screen and (max-width: 480px) {
.videoWrapper-small {
    position: relative;
    /*padding-bottom: 59.25%;*/
    padding-bottom: 0;
    display: flex;
    height: 0;
    margin-bottom: 35px;
    width: 100%;
    height: 80%;
}
}

.videoWrapper-small iframe {
	/*position: absolute;*/
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Video responsive for 50% width and height end*/



.fullimage {
width:130%;
}

@media screen and (max-width: 1400px) {
.fullimage {
width: auto;
height: 100%;
margin-left: -100px;
}
}

.mobileshow {
display:none;
}

.desktopshow {
display:block;
}


@media screen and (max-width: 800px){
.desktopshow {
display:none;
}
.mobileshow {
display:block;
}
}

.sports-mobile-btn a {
background-color:#fff !important;
}

.sports-mobile-btn {
background-color:#fff !important;
}

.content-tab-mobile {
display:none !important;
}


@media screen and (max-width: 780px) {
.content-tab-mobile {
display:block !important;
}

.content-tab-desktop {
display:none !important;
}
}



/*-----------------------------------------------------------------------------------

    Shortcodes: toggles-accordions.less

-----------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Toggle
-----------------------------------------------------------------*/


.toggle {
	display: block;
	position: relative;
	margin: 0 0 0 0;
}

.toggle .togglet,
.toggle .toggleta {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 0 0 0 24px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #444;
	cursor: pointer;
}

@media (max-width: 780px) 
{
.toggle .togglet {
margin: 0 auto;
display: flex;
}

.toggle .togglec {
    padding: 13px;
}

}

@media screen and (max-width: 768px) {
.toggle .togglec {
    padding: 0;
    margin: 0 auto;
    justify-content: center;
    width: 330px;
}
}


@media (max-width: 480px) 
{
.toggle .togglet,
.toggle .toggleta {
padding: 0;

}
}


.toggle .togglet i, .toggle .togglet em {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}

.toggle .togglet p {
font-size:1.0em !important;
}

.toggle .toggleta { font-weight: bold; }

.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed { display: none; }

.toggle .togglet em.toggle-open,
.toggle .toggleta em.toggle-closed { display: none; }

.toggle .toggleta i.toggle-open { display: block; }
.toggle .toggleta em.toggle-open { display: block; }


.toggle .togglec {
	display: block;
	position: relative;
	padding: 10px 0 0 24px;
}


/* Toggle - with Title Background
-----------------------------------------------------------------*/

.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
	background-color: #EEE;
	line-height: 44px;
	padding: 0 0 0 36px;
	border-radius: 2px;
}

.toggle.toggle-bg .togglet i {
	left: 14px;
	line-height: 44px;
}

.toggle.toggle-bg .togglec { padding: 12px 0 0 36px; }


/* Toggle - Bordered
-----------------------------------------------------------------*/

.toggle.toggle-border {
	border: 1px solid #CCC;
	border-radius: 4px;
}

.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {
	line-height: 44px;
	padding: 0 15px 0 36px;
}

.toggle.toggle-border .togglet i {
	left: 14px;
	line-height: 44px;
}

.toggle.toggle-border .togglec { padding: 0 15px 15px 36px; }


/* ----------------------------------------------------------------
	Accordions
-----------------------------------------------------------------*/

.accordion { margin-bottom: 20px; }

.acctitle {
	display: block;
	position: relative;
	line-height: 24px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	border-top: 1px dotted #DDD;
	padding: 10px 0 10px 20px;
}

.acctitlec { cursor: auto; }

.acctitle:first-child { border-top: none; }

.acctitle i {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	text-align: center;
	font-size: 14px;
	line-height: 44px;
}

.acctitle i.acc-open,
.acctitlec i.acc-closed { display: none; }

.acctitlec i.acc-open { display: block; }

.acc_content {
	position: relative;
	padding: 0 0 15px 20px;
}


/* Accordion - with Title Background
-----------------------------------------------------------------*/

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
	background-color: #EEE;
	line-height: 44px;
	padding: 0 0 0 36px;
	margin-bottom: 5px;
	border-top: 0;
}

.accordion.accordion-bg .acctitle i {
	left: 14px;
	line-height: 44px;
}

.accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; }


/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
	border: 1px solid #DDD;
	border-radius: 4px;
}

.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
	border-color: #CCC;
	line-height: 44px;
	padding: 0 15px 0 36px;
}

.accordion.accordion-border .acctitle i {
	left: 14px;
	line-height: 44px;
}

.accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; }


/* Accordion - Large
-----------------------------------------------------------------*/

.accordion.accordion-lg .acctitle {
	font-size: 23px;
	line-height: 44px;
	padding-left: 30px;
	font-weight: 400;
}

.accordion.accordion-lg .acctitle i {
	width: 20px;
	font-size: 20px;
	line-height: 64px;
}

.accordion.accordion-lg .acc_content { padding: 10px 0 30px 30px; }



.content-tab-desktop .white {
    text-decoration: none !important;
    color: #fff !important;
}

.content-tab-desktop .white {
	text-decoration: none !important;
	color: #fff !important;
}

.content-tab-desktop a.white:hover { color:#fff !important; text-decoration: underline !important; }


.sports-accordian-sub {
    margin: 1.2em 0 0 0;
}

.sports-accordian-inside-content a {
    color: #0074bc;
}

.sports-meet-the-team-physician {
    float: left;
    text-align: center;
    padding: 10px;
    height: 220px;
}

.sports-meet-the-team-physician h3 {
font-weight:bold;
}

.sports-meet-the-team-physician p {
    font-size: .95em;
    line-height: 1.5em;
}

.sports-meet-the-team-physician a {
    font-weight: normal;
}

.sports-meet-the-team-wrapper { 
padding: 1.2em 0px;
width: 1180px;
}

@media (max-width: 960px) {
.sports-meet-the-team-wrapper { 
width: 700px;
}
}

@media (max-width: 800px) {
.sports-meet-the-team-wrapper { 
width: 100%;
}
}


.sports-safety-tile-tap-margin {
margin-left:150px;
}

@media (max-width: 1005px) {
.sports-safety-tile-tap-margin {
margin-left:0;
}
}


@media screen and (max-width: 780px) {
.tab-tile .togglet .sitebuttonwide {
    font-size: 0.8em;
    padding: 20px !important;
    min-width: 250px;
    width: auto;
    margin-left: 30px;
}
}

@media (max-width: 780px) {
.tab-tile {
margin:20px 0 40px 0;
}

.tab-tile .togglet {
    margin: 0 auto;
    display: block;
}
}

.tab-tile-desktop .tab-content-location {
    margin-top: 55px;
}

@media screen and (max-width: 980px) {
.tab-tile-desktop .tab-content-location {
    margin-top: 70px;
    margin-left: 10px;
}
}

.sports-main-banner {
padding:0 10px 0 20px;
}

.sports-news-main-banner {
margin-top:-50px;
}


@media only screen and (max-width: 800px) {
.sports-main-banner {
/* padding:30px 10px 20px 20px; */
padding-top: 0;
}
.sports-news-main-banner {
margin-top:0;
}
}

.sports-site-nav {
background: rgba(23,36,46,0.7); height: 80px;
}

@media only screen and (max-width: 1250px) {
.sports-site-nav {
    padding-left: 15px;
}
}

@media only screen and (max-width: 890px) {
.sports-site-nav {
background: none; height: 50px;
}
}



/* Modal Popup Add-on */
.close {
	float: right;
	font-size: 21px;
	/* font-weight: bold; */
	font-weight: normal;
	line-height: 1;
	color: #0074bc !important;
	/* text-shadow: 0 1px 0 #ffffff; */
	/* opacity: 0.2;
	filter: alpha(opacity=20); */
}
.close:hover,
.close:focus {
	color: #324153 !important;
	text-decoration: none;
	cursor: pointer;
	/* opacity: 0.5;
	filter: alpha(opacity=50); */
}
button.close {
	padding: 0;
	cursor: pointer;
	/* background: transparent; */
	background: none;
	border: 0;
	-webkit-appearance: none;
}
.modal-open {
	overflow: hidden;
}
.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	overflow-y: auto;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
.modal-content {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-webkit-background-clip: padding-box;
					background-clip: padding-box;
	outline: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0;
	line-height: 1.42857143;
}
.modal-body {
	position: relative;
	padding: 15px;
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
	margin-left: 5px;
	margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}
	.modal-sm {
		width: 300px;
	}
}
@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}


/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8; }

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden; }
	
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box; }

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }

.mfp-align-top .mfp-container:before {
	display: none; }

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }

.mfp-ajax-cur {
	cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
	cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; }

.mfp-loading.mfp-figure {
	display: none; }

.mfp-hide {
	display: none !important; }

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url('../images/preloader-dark.gif') center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
}
	.mfp-preloader a {
		color: #CCC; }
		.mfp-preloader a:hover {
			color: #FFF; }

.mfp-s-ready .mfp-preloader {
	display: none; }

.mfp-s-error .mfp-content {
	display: none; }

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	/* display: block; */
	display:none;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation; }

button::-moz-focus-inner {
	padding: 0;
	border: 0; }

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace; }
	.mfp-close:hover,
	.mfp-close:focus {
		opacity: 1; }
	.mfp-close:active {
		top: 1px; }

.mfp-close-btn-in .mfp-close {
	color: #272725; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap; }

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent; }
	.mfp-arrow:active {
		margin-top: -54px; }
	.mfp-arrow:hover,
	.mfp-arrow:focus {
		opacity: 1; }
	.mfp-arrow:before,
	.mfp-arrow:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 35px;
		margin-left: 35px;
		border: medium inset transparent; }
	.mfp-arrow:after {
		border-top-width: 13px;
		border-bottom-width: 13px;
		top: 8px; }
	.mfp-arrow:before {
		border-top-width: 21px;
		border-bottom-width: 21px;
		opacity: 0.7; }

.mfp-arrow-left {
	left: 0; }
	.mfp-arrow-left:after {
		border-right: 17px solid #FFF;
		margin-left: 31px; }
	.mfp-arrow-left:before {
		margin-left: 25px;
		border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
	right: 0; }
	.mfp-arrow-right:after {
		border-left: 17px solid #FFF;
		margin-left: 39px; }
	.mfp-arrow-right:before {
		border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; }
	.mfp-iframe-holder .mfp-content {
		line-height: 0;
		width: 100%;
		max-width: 900px; }
	.mfp-iframe-holder .mfp-close {
		top: -40px; }

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; }
	.mfp-iframe-scaler iframe {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
		background: #000; }


.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


.new_physician_search_grid_wrap {
/* position:absolute; */
/* background-color:#eee; */
width:90%;
margin: 0 auto;
/* margin-top:-20px; */
}


.physicians-search-mobile {
display:none;
}

@media screen and (max-width: 680px) {
.physicians-search-desktop-tablet {
display:none;
}
.physicians-search-mobile {
display:block;
}
}


/* Star Rating Styles */
.star-rating {padding: 25px 0 15px 0; background-color: #ffffff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 20px;}
.ds-summary h1 {display: none;}
.ds-xofy {float: left; clear: none; margin-right: 4em; margin-top: 4px;}
.ds-ratings {float: left; clear: none; margin-top: -18px;}
.ds-ratings a {
    font-size: 11px;
    top: -2px;
    position: relative;
    color: #0074bc!important;
}

@media (max-width: 419px) {
.ds-xofy {
    margin-bottom: 1em;
}
}

/* Star Rating Styles end */

.auto-center {margin:0 auto;}

.sports-site-name {
    display: block;
    margin-bottom: 0;
    font-size: 34px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    float: left;
    margin-right: 20px;
}

@media only screen and (max-width: 890px) {
.sports-site-name {
    display: none;
    margin-bottom: 25px;
    font-size: 1.3em;
    font-weight: 600;
    text-align: left;
    color: #324153;
    margin: 0px 0 0 40px;
    padding-top: 5px;
}
}

@media only screen and (max-width: 370px) {
.sports-site-name {
    font-size: 1.1em;
}
}

@media only screen and (max-width: 800px) {
.flexinav {
    position: relative !important;
    top: 0;
}
}

/* HSS Main Navi Add-on Styles */



@media only screen and (max-width: 992px) {
#primary-menu {
    margin-top: 12px;
    margin-left: -10px;
    width: 110%;
}
}


#header.sticky-header #header-wrap {
    position: relative !important;
}


#primary-menu ul li.mega-menu {
    position: relative;
}

#header.sticky-header #primary-menu ul > li.mega-menu:after {
    top: 12px;
    display:none;
}

#primary-menu ul li > a {
    /*display: block;
    line-height: 22px;
    padding: 16px 1.38em;
    color: #272725;
    font-weight: normal;
    font-size: 1em;
    transition: all 0.4s ease;*/
    /*height: 46px;*/
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #324153 !important;
    text-decoration: none !important;
}

#header.sticky-header #primary-menu ul > li.mega-menu:nth-child(2):after {
    top: 12px;
    display:none;
}



@media (min-width: 992px) {
.container {
    /* width: 970px; */
    width: auto;
    max-width: 1180px;
    padding: 0 15px 0 15px;
}
}


@media (max-width: 991px) {
#primary-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    /* top: 25px; */
    /* top: -106px; */
    /* margin-top: 14px;*/
    margin-top: -20px;
    left: 0;
    z-index: 1;
    color: #0074bc !important;
}
}

@media (max-width: 991px) {
#header.sticky-header #header-wrap {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: none;
    z-index: 199;
    height: 0 !important;
}
}

.flexinav_margin {
/*margin: 0 !important;*/
}

@media (max-width: 1200px) {
.flexinav_margin {
 margin: 0px 0 0 20px !important;
}
}

@media (max-width: 800px) {
.flexinav_margin {
    margin: 0px 0 0 20px !important;
}
}

@media (max-width: 991px) {
#logo {
    padding: 10px 0 0 0 !important;
}
}

@media screen and (min-width: 980px) {
#menubox {
    min-height: auto;
    height: auto;
    background-color: #fff;
}
}


/*
#prefooterwrapper {
    height: 70px;
}*/


@media only screen and (max-width: 740px) {
#prefooterwrapper {
    height: 58px;
}
}


#toTop {
    width: 37px;
    border: 0;
    background: rgba(0,0,0,0.4);
    text-align: center;
    padding: 4px;
    padding-top: 10px;
    position: fixed;
    bottom: 30px;
    right: 0px;
    cursor: pointer;
    display: none;
    color: #fff!important;
    font-family: "Benton Sans Medium", arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
    -moz-animation: fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
    -o-animation: fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
    animation: fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1);
}

#top-bar {
    position: relative;
    background: none;
    height: auto;
}


@media (min-width: 800px) {
.home-btn {display:none !important;} 
}

.sports-site-name a {color:#fff; text-decoration:none;}    
.sports-site-name a:hover {color:#0074bc; text-decoration:underline;}   

.no-margin {margin:0 !important; padding: 0 !important;}

/*==================================================
 * Effect 1
 * ===============================================*/
.effect1:before, .effect1:after {
    content: none;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0x;
    -moz-border-radius: 100px / 10px;
    border-radius: 0;
}

@media (max-width: 991px) {
.effect1:before, .effect1:after {
content: none;
}
}


.effect1:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.main-navigation-logo {
    position: absolute !important;
    max-width: 65px;
}

@media (max-width: 991px) {
.bootstrap-notebook, .bootstrap-tablet {
    display: block!important;
}
}