@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext);

body {
    color: #505050;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    background-color: #ffffff;
}
/* Global Typography */

/* Heading Typo */
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin: 0px 0px 8px 0px;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333333;
}

p a {
    color: #333333;
}
/* Peragraph Typo */
p {
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    line-height: 1.8;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover{
    color:#e12330;
}

a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}

ul {
    margin-bottom: 0px;
}

figure {
    margin-bottom: 6px;
    position: relative;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

img {
    max-width: 100%;
}

.sponsor {
    transition: 0.2s;
}

.sponsor:hover{
    transform: scale(1.04);
}

strong {
    color: #333333;
}

iframe {
    border: none;
    float: left;
    width: 100%;
}
/* Form Input Typo */
select {
    border: 1px solid #d2d2d2;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}

label {
    color: #333333;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}

button {
    border: none;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
        box-sizing: border-box;
    border: 1px solid #d2d2d2;
    color: #3d3d3d;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
}

form p {
    float: left;
    position: relative;
    width: 100%;
}

form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
/* ThemeUnit Style's */
li {
    line-height: 28px;
    list-style: disc outside none;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
	list-style: decimal;
	width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
    width: 100%;
}
th {
    text-align: left;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 7px;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top: 1px solid #d2d2d2;}
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {border-bottom: 0;}
table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 16px;
}
p ins {
    color: #999;
}
dl dd {
    margin-left: 20px;
}
address {
    font-style: italic;
}

/* START OF MY CSS*/

#home-background {
    position: relative;
    isolation: isolate;
    background: #212121;
}

    #home-background::after {
        content: '';
        position: absolute;
        background: #dddddd;
        background-image: url('../../Images/gw_sportsBackground.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        inset: 0;
        z-index: -1;
        opacity: .8;
    }

#bud-background {
    height: 1080px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat;
    background: url('../images/Bud_Background.png');
    background-size: cover;
}

#my-club {
    height: 50px;
    margin-top:3%;
}

#my-club-logo {
    width: 540px;
    display: block;
    margin-left: 5%;
    margin-right: auto;
}
#center-image {
    content: url(/Images/2019/GC-PickEmPool-Web_1920x1080-v01.jpg);
}
#registration-form {
  margin-top:15%;
  margin-left:30%;
}

#registration-info li{
  list-style-type: none;
  margin-right:70%;
}

hr {
  width:50%;
}

.reg-input {
  font-weight:lighter;
  width:170px;
  border: 1px solid grey;
  border-radius: 5px 5px;
  margin-right:17%;
  margin-left:0.5%;
}

.reg-bold, #register {
  margin-bottom:0.5%;
  text-align:right;
  font-weight:bold;
}

#reg-header, #reg-footer {
  color:grey
}


#register {
  margin-left:12.5%;
  margin-top:1%;
  text-decoration: none;
  border:1px solid lightgrey;
  padding: 0.5% 1%;
  border-radius: 5%;
}

.birth-month,.birth-day,.birth-year {
  width:74px;
  margin-left:1%;
}

/*END OF MY CSS*/

.fullsection {
    width: 100%;
    padding: 0px;
}
.fullsection .row {
    margin: 0px;
}
.fullsection [class*="col-md-"] {
    padding: 0px;
}
[class*="item-size-"] {
    float: left;
}
.item-size-100 {
    width: 100%;
}
.item-size-75 {
    width: 75%;
}
.item-size-50 {
    width: 50%;
}
.item-size-25 {
    width: 25%;
}
.theme-margin {
    margin-bottom: 30px;
    float: left;
}
.full-content {
    width: 100%;
    float: left;
    padding: 0px;
}
.full-content .row { margin: 0px; }
.thememargin { margin: 0px 0px 30px 0px; }
.kd-pagesection {
    float: left;
    width: 100%;
}
::-webkit-input-placeholder {color: #666666;}
:-moz-placeholder { color: #666666; opacity: 1; }
::-moz-placeholder { color: #666666; opacity: 1; }
:-ms-input-placeholder {color: #666666;}

.s9-newsletter ::-webkit-input-placeholder,header ::-webkit-input-placeholder,footer ::-webkit-input-placeholder {color: #fff;}
.s9-newsletter :-moz-placeholder,header :-moz-placeholder,footer :-moz-placeholder { color: #fff; opacity: 1; }
.s9-newsletter ::-moz-placeholder,header ::-moz-placeholder,footer ::-moz-placeholder { color: #fff; opacity: 1; }
.s9-newsletter :-ms-input-placeholder,header :-ms-input-placeholder,footer :-ms-input-placeholder {color: #fff;}

.s9-modren-btn,.add_to_cart,.s9-fixer-title,.s9-time-zoon time,.s9-blog-btn,.s9-modrenbtn,.s9-table caption {
    font-family: 'Oswald', sans-serif;
}
.admin-info h5 span {
    font-family: 'Open Sans', sans-serif;
}
::selection {
    background: #3297FD;
    color: #ffffff;
}
::-webkit-selection {
    background: #eb1a1a;
    color: #ffffff;
}
::-moz-selection {
    background: #eb1a1a;
    color: #ffffff;
}
audio, video {
    width: 100%;
    float: left;
}
.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.s9-wrapper .s9-header-absolute.kf_sticky{
	position:fixed;
	left:0;
	top:0;
	z-index:10000;
}
.s9-wrapper .s9-header-absolute.kf_sticky  .s9-topbar{
	display:none;
}

.s9-thumb img{
	height:100%;
}
.s9-result-list.shape-view.margin-bottom .col-md-6.no-margin{
	margin-bottom:0px;
}
.s9-result-list.shape-view.margin-bottom .col-md-6{
	margin-bottom:80px;
}
.s9-content.k-no-padding-margin,
.no-margin-padding .s9-gallery ul li{
	margin:0px;
	padding:0px;
}
.owl-carousel-team  .owl-controls .owl-prev:hover i,
.owl-carousel-team  .owl-controls .owl-next:hover i{color:#fff !important}

/*body{background-color:rgba(255,255,255,0.7);}
.s9-wrapper { background:#fff;width: 1200px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.6);position:relative; }*/

.padding-30-topbottom{
	padding:30px 0px;
}
.s9-padding-bottom-40{
	padding:0px 0px 40px 0px;
}
.margin-top-minus-40{
	margin-top:-40px;
	width:100%;
}
.bg-white{
	background:#fff;
}
.top_player_section{
	float:left;
	width:100%;
	padding: 30px 0px 18px 0px;
	margin-bottom: 40px;
}
.project_fact_inline{
	padding: 55px 0px 40px 0px; background: #195D10;
}
.s9-next-match-stat{float:left;width:100%; padding: 30px 0px 18px 0px; margin-bottom: 40px;}
.margin-bottom-40{
	margin-bottom:40px;
}
.s9-modern-expert-blogger{
	background: url(../extra-images/bg-football-para.jpg); padding: 25px 0px 40px 0px; background-size: cover; margin-bottom: 40px;
}
.s9-matches-gallery{
	padding: 10px 0px 50px 0px;
}
.s9-woo-products-style{
	background: url(../extra-images/bg-football-para.jpg) no-repeat; background-color: #373737; padding: 40px 0px 18px 0px; margin-bottom: 40px;
}
.padding-top-bottom{
	padding: 10px 0px 10px 0px;
}
.s9-bg-color {
    background-color: #da2127;
}
.s9-bg-pattern{
	background:url(../extra-images/pattren-bg1.jpg);
}
.s9-404-error{
	background: url(../extra-images/undercunstruction-bg.jpg);
	margin-top: -40px;
	padding: 40px 0px 80px 0px;
}
.padding-top-40{
	padding-top:40px;
}
.padding-bottom-0{
	padding-bottom:0px;
}
.padding-bottom-30{
	margin:0px 0px 30px 0px;
}
.margin-bottom-50{
	margin:0px 0px 50px 0px;
}
.margin-top-bottom-30{
	margin:30px 0px 30px 0px;
}
.margin-top30-bottom10{
	margin:30px 0px 10px 0px;
}
.margin-top30-bottom80{
	margin:30px 0px 80px 0px;
}
.margin-top10-bottom80{
	margin:10px 0px 80px 0px;
}
.margin-top5-bottom10-flat{
	margin:5px 0px 10px 0px;
}
.margin-top-30{
	margin-top:30px;
}
.color-black{
	color:#000;
}
.color-white{
	color:#fff;
}
.padding-top-bottom-10{
	padding:10px 0px 10px 0px;
}
.margin-top30-bottom-80{
	margin:30px 0px 80px 0px;
}
.s9-team-info-bg{
	background: url(../extra-images/teamfull-bg.jpg);
}
.padding-top-40{
	padding-top: 40px;
}
.padding-bottom-30{
	padding-bottom:30px;
}
.padding-bottom-30-flat{
	padding: 0px 0px 30px 0px;;
}
.padding-bottom-18-flat{
	padding: 0px 0px 18px 0px;
}
.padding-bottom-50-flat{
	padding: 0px 0px 50px 0px;;
}
.width-80-percent{
	width:80%;
}
.margin-top10-bottom30-flat{
	margin: 10px 0px 30px 0px;;
}
.margin-bottom-10-flat{
	margin: 0px 0px 10px 0px;;
}
.map-canvas{
	width:100%;
	height:350px;
	float:left;
}
.skill-bg-1{
	background-color:#e05100;
}
.skill-bg-2{
	background-color:#ffb20e;
}
.skill-bg-3{
	background-color:#1dbb90;
}
.skill-bg-4{
	background-color:#1eaace;
}

.s9-wrap-boxed .eccaption{top:40%;}
.s9-wrap-boxed .main-content{background:#fff;}
.s9-wrap-boxed {background:#fff;width: 1200px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);position:relative;}

#picks-page {
    margin-top: 12%;
}

#versus-info {
    /*height: 191px;
    width: 200px;*/
    background-color: lightgrey;
    text-align: center;
    line-height: .8em;
    font-size: .9em;
    min-height: 214px;
    /*position: absolute;*/
    /*left: 29%;
    margin-left: 14%;*/
    z-index: 1000;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
}

.versus-team1 {
    text-align: right;
}

.versus-img1 {
    margin-left: -45%;
}

.versus-img2 {
    margin-left: 45%;
}

.checkbox1 {
    float: left;
}

.checkbox2 {
    float: right;
}

.checkbox1, .checkbox2 {
    /* All browsers except webkit*/
    transform: scale(3);
    /* Webkit browsers*/
    -webkit-transform: scale(3);
}

.paddingClass {
    margin: 40px;
    padding: 20px;
}

.btn.blue:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #3598dc;
    border-color: #3598dc;
}

    .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #15527c;
    }

    .btn.blue:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #1f78b5;
    }

    .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #217ebd;
        border-color: #1f78b5;
    }

        .btn.blue:not(.btn-outline):active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active.focus,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #1c699f;
            border-color: #15527c;
        }

    .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline)[disabled]:hover, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.blue:not(.btn-outline):hover,
    fieldset[disabled] .btn.blue:not(.btn-outline):focus,
    fieldset[disabled] .btn.blue:not(.btn-outline).focus {
        background-color: #3598dc;
        border-color: #3598dc;
    }

    .btn.blue:not(.btn-outline) .badge {
        color: #3598dc;
        background-color: #FFFFFF;
    }

.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc;
    background: none;
}

    .btn.btn-outline.blue:hover, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:focus, .btn.btn-outline.blue.active {
        border-color: #3598dc;
        color: #FFFFFF;
        background-color: #3598dc;
    }

/* large icons */
.btn.m-icon-big {
    padding: 9px 16px 8px 16px;
}

    .btn.m-icon-big.m-icon-only {
        padding: 9px 8px 8px 0px;
    }

    .btn.m-icon-big [class^="m-icon-big-"] {
        margin: 0 0 0 10px;
    }

.btn.m-icon-ony > i {
    margin-left: 0px;
}

.util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
    margin-bottom: 5px !important;
}
.btn {
    outline: none !important;
    box-shadow: none !important;
}

    .btn:hover {
        transition: all 0.3s;
    }

    .btn:not(.btn-sm):not(.btn-lg) {
        line-height: 1.44;
    }

    .btn.green:not(.btn-outline) {
        color: #FFFFFF;
        background-color: #32c5d2;
        border-color: #32c5d2;
    }

        .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus {
            color: #FFFFFF;
            background-color: #26a1ab;
            border-color: #18666d;
        }

        .btn.green:not(.btn-outline):hover {
            color: #FFFFFF;
            background-color: #26a1ab;
            border-color: #2499a3;
        }

        .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
        .open > .btn.green:not(.btn-outline).dropdown-toggle {
            color: #FFFFFF;
            background-color: #26a1ab;
            border-color: #2499a3;
        }

            .btn.green:not(.btn-outline):active:hover, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active.focus,
            .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,
            .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,
            .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {
                color: #FFFFFF;
                background-color: #1f858e;
                border-color: #18666d;
            }

        .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
        .open > .btn.green:not(.btn-outline).dropdown-toggle {
            background-image: none;
        }

        .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline)[disabled]:hover, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled].focus,
        fieldset[disabled] .btn.green:not(.btn-outline):hover,
        fieldset[disabled] .btn.green:not(.btn-outline):focus,
        fieldset[disabled] .btn.green:not(.btn-outline).focus {
            background-color: #32c5d2;
            border-color: #32c5d2;
        }

        .btn.green:not(.btn-outline) .badge {
            color: #32c5d2;
            background-color: #FFFFFF;
        }

    .btn.btn-outline.green {
        border-color: #32c5d2;
        color: #32c5d2;
        background: none;
    }

        .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active {
            border-color: #32c5d2;
            color: #FFFFFF;
            background-color: #32c5d2;
        }
    .btn.red:not(.btn-outline) {
        color: #ffffff;
        background-color: #e7505a;
        border-color: #e7505a;
    }

        .btn.red:not(.btn-outline):focus, .btn.red:not(.btn-outline).focus {
            color: #ffffff;
            background-color: #e12330;
            border-color: #a1161f;
        }

        .btn.red:not(.btn-outline):hover {
            color: #ffffff;
            background-color: #e12330;
            border-color: #dc1e2b;
        }

        .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
        .open > .btn.red:not(.btn-outline).dropdown-toggle {
            color: #ffffff;
            background-color: #e12330;
            border-color: #dc1e2b;
        }

            .btn.red:not(.btn-outline):active:hover, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active.focus,
            .open > .btn.red:not(.btn-outline).dropdown-toggle:hover,
            .open > .btn.red:not(.btn-outline).dropdown-toggle:focus,
            .open > .btn.red:not(.btn-outline).dropdown-toggle.focus {
                color: #ffffff;
                background-color: #c51b26;
                border-color: #a1161f;
            }

        .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline).active,
        .open > .btn.red:not(.btn-outline).dropdown-toggle {
            background-image: none;
        }

        .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline)[disabled]:hover, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled].focus,
        fieldset[disabled] .btn.red:not(.btn-outline):hover,
        fieldset[disabled] .btn.red:not(.btn-outline):focus,
        fieldset[disabled] .btn.red:not(.btn-outline).focus {
            background-color: #e7505a;
            border-color: #e7505a;
        }

        .btn.red:not(.btn-outline) .badge {
            color: #e7505a;
            background-color: #ffffff;
        }

    .btn.btn-outline.red {
        border-color: #e7505a;
        color: #e7505a;
        background: none;
    }

        .btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
            border-color: #e7505a;
            color: #ffffff;
            background-color: #e7505a;
        }


/*QUICKNAV*/
.quick-nav {
    position: fixed;
    z-index: 10103;
    top: 50%;
    right: 10px;
    margin-top: -230px;
    pointer-events: none;
}

    .quick-nav .quick-nav-bg {
        /* this is the stretching navigation background */
        position: absolute;
        z-index: 10102;
        top: 0;
        right: 0;
        width: 60px;
        height: 80px;
        border-radius: 30px !important;
        background: red;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        webkit-transition: height .2s, box-shadow .2s;
        -moz-transition: height .2s, box-shadow .2s;
        -ms-transition: height .2s, box-shadow .2s;
        -o-transition: height .2s, box-shadow .2s;
        transition: height .2s, box-shadow .2s;
    }

    .quick-nav.nav-is-visible {
        pointer-events: auto;
    }

        .quick-nav.nav-is-visible .quick-nav-bg {
            height: 100%;
            box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
        }

.quick-nav-trigger {
    position: absolute;
    z-index: 10103;
    top: 0;
    right: 0;
    height: 80px;
    width: 60px;
    border-radius: 50% !important;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    pointer-events: auto;
}

    .quick-nav-trigger span,
    .quick-nav-trigger span::after,
    .quick-nav-trigger span::before {
        /* this is the hamburger icon */
        position: absolute;
        width: 16px;
        height: 3px;
        background-color: #ffffff;
    }

    .quick-nav-trigger span {
        /* middle line of the hamburger icon */
        webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        -ms-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        transition: background-color 0.2s;
        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%);
    }

        .quick-nav-trigger span::after,
        .quick-nav-trigger span::before {
            /* top and bottom lines of the hamburger icon */
            content: '';
            top: 0;
            left: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            webkit-transition: transform 0.2s;
            -moz-transition: transform 0.2s;
            -ms-transition: transform 0.2s;
            -o-transition: transform 0.2s;
            transition: transform 0.2s;
        }

        .quick-nav-trigger span::before {
            webkit-transform: translateY(-6px);
            -moz-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            -o-transform: translateY(-6px);
            transform: translateY(-6px);
        }

        .quick-nav-trigger span::after {
            webkit-transform: translateY(6px);
            -moz-transform: translateY(6px);
            -ms-transform: translateY(6px);
            -o-transform: translateY(6px);
            transform: translateY(6px);
        }

.no-touch .quick-nav-trigger:hover ~ .quick-nav-bg {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.nav-is-visible .quick-nav-trigger span {
    background-color: transparent;
}

    .nav-is-visible .quick-nav-trigger span::before {
        webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav-is-visible .quick-nav-trigger span::after {
        webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.quick-nav ul {
    position: relative;
    z-index: 10103;
    padding: 60px 0 0;
    visibility: hidden;
    webkit-transition: visibility 0.3s;
    -moz-transition: visibility 0.3s;
    -ms-transition: visibility 0.3s;
    -o-transition: visibility 0.3s;
    transition: visibility 0.3s;
    text-align: right;
    list-style: none;
}

    .quick-nav ul > li a {
        position: relative;
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 calc(1em + 60px) 0 1em;
        font-size: 1.4rem;
        webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        -ms-transition: color 0.2s;
        -o-transition: color 0.2s;
        transition: color 0.2s;
    }

        .quick-nav ul > li a:hover {
            text-decoration: none;
        }

            .quick-nav ul > li a:hover > span {
                text-decoration: none;
            }

        .quick-nav ul > li a > i {
            /* navigation item icons */
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            font-size: 18px;
            right: 24px;
            top: 16px;
            color: #ebebeb;
        }

        .quick-nav ul > li a::before {
            /* line visible next to the active navigation item */
            content: '';
            position: absolute;
            width: 3px;
            height: 16px;
            top: 50%;
            right: 60px;
            webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
            -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
            -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
            -o-transform: translateX(3px) translateY(-50%) scaleY(0);
            transform: translateX(3px) translateY(-50%) scaleY(0);
            background-color: #FF3F3F;
        }

    .quick-nav ul > li span {
        /* navigation item labels */
        color: #ebebeb;
        font-weight: 400;
        display: block;
        opacity: 0;
        webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
    }

    .quick-nav ul > li:last-child {
        padding-bottom: 10px;
    }

.quick-nav.nav-is-visible ul {
    visibility: visible;
}

    .quick-nav.nav-is-visible ul a::after {
        /* navigation item icons */
        webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        -webkit-animation: scaleIn 0.15s backwards;
        -o-animation: scaleIn 0.15s backwards;
        animation: scaleIn 0.15s backwards;
        webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .quick-nav.nav-is-visible ul a:hover::after {
        opacity: 1;
    }

    .quick-nav.nav-is-visible ul a:hover::before {
        webkit-transform: translateX(3px) translateY(-50%) scaleY(2);
        -moz-transform: translateX(3px) translateY(-50%) scaleY(2);
        -ms-transform: translateX(3px) translateY(-50%) scaleY(2);
        -o-transform: translateX(3px) translateY(-50%) scaleY(2);
        transform: translateX(3px) translateY(-50%) scaleY(2);
        webkit-transition: transform 0.15s 0.3s;
        -moz-transition: transform 0.15s 0.3s;
        -ms-transition: transform 0.15s 0.3s;
        -o-transition: transform 0.15s 0.3s;
        transition: transform 0.15s 0.3s;
    }

    .quick-nav.nav-is-visible ul a:hover > span {
        color: white;
    }

    .quick-nav.nav-is-visible ul a:hover > i {
        color: #fafafa;
    }

    .quick-nav.nav-is-visible ul span {
        opacity: 1;
        webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation: slideIn 0.15s backwards;
        -o-animation: slideIn 0.15s backwards;
        animation: slideIn 0.15s backwards;
        webkit-transition: transform 0.2s;
        -moz-transition: transform 0.2s;
        -ms-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        transition: transform 0.2s;
    }

.no-touch .quick-nav.nav-is-visible ul a:hover::after {
    opacity: 1;
}

.no-touch .quick-nav.nav-is-visible ul a:hover span {
    webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

.quick-nav-overlay {
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 10101;
    background: transparent;
}

.quick-nav.nav-is-visible + .quick-nav-overlay {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    -webkit-transition: background .7s ease-out;
    -moz-transition: background .7s ease-out;
    -o-transition: background .7s ease-out;
    transition: background .7s ease-out;
}

@media (max-width: 991px) {
    /* 991px */
    .quick-nav {
        top: 120px;
        margin-top: 0;
    }
}
@media (max-width: 600px) {
    #home_link{
        display:none
    }
}