.FormUserInput {
    color: #FFF
}

.FormUserInput input {
    margin-top: 3px;
    background: #FFF!important
}

.formSpace {
    margin-top: 10px!important
}

.formSpace2 {
    margin-top: 39px!important
}

.LoginCheckbox input[type=checkbox] {
    margin-top: -1px!important;
    width: 22px;
    height: 22px;
    content: '';
    background-color: #F3F3F3!important;
    border-top: none;
    border-right: none;
    -moz-appearance: checkbox
}

.LoginCheckbox label {
    padding-left: 6px
}

.LoginTextBox {
    width: 94%;
    margin-bottom: 0!important
}

.LoginLabelError {
    color: #ff0!important
}

.LoginLabelForgotten {
    text-align: right!important;
    color: #fff;
    font-size: 13px
}

.LoginLabelForgotten a {
    color: #ff0!important
}

.LoginButton {
    position: relative;
    vertical-align: top;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #666!important;
    text-align: center;
    background: #fff;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.LoginButton:hover {
    color: #FFF!important;
    background: #666
}

.LoginButton:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.LoginTable {
    margin-top: 25px;
    margin-bottom: 5px
}

.LoginTable .minWidth {
    min-width: 75px
}

.quadbluelogin,
.quadbluehover,
.quadbluedomain {
    min-height: 190px
}

.quadblueloginForm {
    min-height: 310px
}

.quadgreyproduct,
.quadblueproduct {
    min-height: 80px
}

div.quadblue {
    background-color: #00ABE5;
    padding: 20px
}

div.quadblue a {
    color: #fff
}

div.quadblue p {
    color: #fff
}

div.quadblue h2 {
    color: #fff
}

div.quadblue h3 {
    color: #fff
}

div.quadblueproduct {
    background-color: #00ABE5;
    padding: 15px;
    text-align: center
}

div.quadblueproduct p {
    color: #fff
}

div.quadblueproduct h2 {
    color: #fff
}

div.quadbluefeatures {
    background-color: #00ABE5;
    padding: 15px;
    text-align: center
}

div.quadbluefeatures p {
    color: #fff
}

div.quadbluefeatures h2 {
    color: #fff
}

div.quadblueaboutdetail {
    background-color: #00ABE5;
    padding: 10px;
    text-align: center;
    min-height: 100px
}

div.quadblueaboutdetail p {
    color: #fff
}

div.quadblueaboutdetail h3 {
    color: #fff
}

div.quadbluesupportdetail {
    background-color: #00ABE5;
    padding: 10px;
    text-align: center;
    min-height: 100px
}

div.quadbluesupportdetail p {
    color: #fff
}

div.quadbluesupportdetail h3 {
    color: #fff
}

div.quadbluehover {
    background-color: #00ABE5;
    padding: 20px
}

div.quadbluehover a {
    color: #fff
}

div.quadbluehover p {
    color: #fff
}

div.quadbluehover h2 {
    color: #fff
}

div.quadbluehover h3 {
    color: #fff
}

div.quadbluehover:hover {
    background-color: #ededed
}

div.quadbluehover:hover a {
    color: #666
}

div.quadbluehover:hover p {
    color: #666
}

div.quadbluehover:hover h2 {
    color: #666
}

div.quadbluehover:hover h3 {
    color: #666
}

div.quadblueproducthover {
    background-color: #00ABE5;
    padding: 15px;
    text-align: center;
    cursor: pointer
}

div.quadblueproducthover p {
    color: #fff
}

div.quadblueproducthover h2 {
    color: #fff
}

div.quadblueproducthover h3 {
    color: #fff
}

div.quadblueproducthover:hover {
    background-color: #ededed
}

div.quadblueproducthover:hover p {
    color: #666
}

div.quadblueproducthover:hover h2 {
    color: #666
}

div.quadblueproducthover:hover h3 {
    color: #666
}

div.quadbluelogin {
    background-color: #00ABE5;
    padding: 20px
}

div.quadbluelogin p {
    color: #fff
}

div.quadbluelogin h2 {
    color: #fff;
    padding-bottom: 5px
}

div.quadblueloginForm {
    background-color: #00ABE5;
    padding: 20px
}

div.quadblueloginForm p {
    color: #fff
}

div.quadblueloginForm h2 {
    color: #fff;
    padding-bottom: 5px
}

div.quadblueloginForm h4 {
    color: #fff
}

div.quadbluedomain {
    background-color: #00ABE5;
    padding: 20px
}

div.quadbluedomain p {
    color: #fff
}

div.quadbluedomain h2 {
    color: #fff
}

div.quadgrey {
    background-color: #efefef;
    padding: 15px
}

div.quadgrey p {
    color: #666
}

div.quadgrey h2 {
    color: #666
}

div.quadgreyproduct {
    background-color: #efefef;
    padding: 15px;
    text-align: center
}

div.quadgreyproduct p {
    color: #666
}

div.quadgreyproduct h2 {
    color: #666
}

div.quadgreyfeatures {
    background-color: #efefef;
    padding: 15px;
    text-align: center
}

div.quadgreyfeatures p {
    color: #666
}

div.quadgreyfeatures h2 {
    color: #666
}

div.quadgreysidebar {
    background-color: #efefef;
    padding: 15px;
    margin-bottom: 20px
}

div.quadgreysidebar p {
    color: #666
}

div.quadgreysidebar h2 {
    color: #666
}

div.quadgreyabout {
    background-color: #efefef;
    padding: 15px;
    text-align: center;
    min-height: 170px
}

div.quadgreyabout p {
    color: #666
}

div.quadgreyabout h3 {
    color: #666
}

div.quadgreyaboutdetail {
    background-color: #efefef;
    padding: 10px;
    text-align: center;
    min-height: 100px
}

div.quadgreyaboutdetail p {
    color: #666
}

div.quadgreyaboutdetail h3 {
    color: #666
}

div.quadgreywhiteaboutdetailreferenzen {
    border-style: solid;
    border-color: #efefef;
    border-width: 1px;
    padding: 10px;
    text-align: center;
    min-height: 100px
}

div.quadgreywhiteaboutdetailreferenzen p {
    color: #666
}

div.quadgreywhiteaboutdetailreferenzen h3 {
    color: #666
}

div.quadgreysupport {
    background-color: #efefef;
    padding: 15px;
    text-align: center;
    min-height: 170px
}

div.quadgreysupport p {
    color: #666
}

div.quadgreysupport h3 {
    color: #666
}

div.quadgreysupportdetail {
    background-color: #efefef;
    padding: 10px;
    text-align: center;
    min-height: 100px
}

div.quadgreysupportdetail p {
    color: #666
}

div.quadgreysupportdetail h3 {
    color: #666
}

div.quadgreyproducthover {
    background-color: #efefef;
    padding: 15px;
    text-align: center;
    cursor: pointer
}

div.quadgreyproducthover p {
    color: #666
}

div.quadgreyproducthover h2 {
    color: #666
}

div.quadgreyproducthover h3 {
    color: #666
}

div.quadgreyproducthover:hover {
    background-color: #00ABE5
}

div.quadgreyproducthover:hover p {
    color: #fff
}

div.quadgreyproducthover:hover h2 {
    color: #fff
}

div.quadgreyproducthover:hover h3 {
    color: #fff
}

div.quadgreyhover {
    background-color: #ededed;
    padding: 20px
}

div.quadgreyhover a {
    color: #666
}

div.quadgreyhover p {
    color: #666
}

div.quadgreyhover h2 {
    color: #666
}

div.quadgreyhover h3 {
    color: #666
}

div.quadgreyhover:hover {
    background-color: #00ABE5
}

div.quadgreyhover:hover a {
    color: #FFF
}

div.quadgreyhover:hover p {
    color: #FFF
}

div.quadgreyhover:hover h2 {
    color: #FFF
}

div.quadgreyhover:hover h3 {
    color: #FFF
}

div.quadgreen {
    background-color: #6c9;
    padding: 15px
}

div.quadgreen p {
    color: #fff
}

div.quadgreen h2 {
    color: #fff
}

div.quadgreenfeatures {
    background-color: #6c9;
    padding: 15px;
    text-align: center
}

div.quadgreenfeatures p {
    color: #fff
}

div.quadgreenfeatures h2 {
    color: #fff
}

div.quadgreensidebar {
    background-color: #6c9;
    padding: 15px;
    margin-bottom: 20px
}

div.quadgreensidebar p {
    color: #FFF
}

div.quadgreensidebar h2 {
    color: #FFF
}

@media (min-width: 768px) and (max-width: 979px) {
    .quadgreyproduct,
    .quadblueproduct,
    .quadgreyfeatures,
    .quadgreenfeatures {
        min-height: 180px
    }
    div.quadblueproduct h3 {
        font-size: 18px
    }
    div.quadblueproduct p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyproduct h3 {
        font-size: 18px
    }
    div.quadgreyproduct p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyabout h3 {
        font-size: 18px
    }
    div.quadgreyabout p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadbluehover h2 {
        font-size: 18px
    }
    div.quadbluehover p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadbluelogin h2 {
        font-size: 18px
    }
    div.quadblueloginForm h2 {
        font-size: 18px
    }
    div.quadblueloginForm h4 {
        font-size: 16px
    }
    div.quadbluedomain h2 {
        font-size: 18px
    }
    div.quadgreenfeatures p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreenfeatures h2 {
        font-size: 18px
    }
    div.quadgreyfeatures p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyfeatures h3 {
        font-size: 16px!important
    }
    div.quadgreysidebar p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreysidebar h2 {
        font-size: 16px!important
    }
    div.quadgreysidebar h3 {
        font-size: 16px!important
    }
}

@media (min-width: 1200px) {
    .quadgreyproduct,
    .quadblueproduct,
    .quadgreyfeatures,
    .quadgreenfeatures {
        min-height: 190px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .quadgreyproduct,
    .quadblueproduct,
    .quadgreyfeatures,
    .quadgreenfeatures {
        min-height: 180px
    }
    div.quadblueproduct h3 {
        font-size: 18px
    }
    div.quadblueproduct p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyproduct h3 {
        font-size: 18px
    }
    div.quadgreyproduct p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyabout h3 {
        font-size: 18px
    }
    div.quadgreyabout p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadbluehover h2 {
        font-size: 18px
    }
    div.quadbluehover p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadbluelogin h2 {
        font-size: 18px
    }
    div.quadblueloginForm h2 {
        font-size: 18px
    }
    div.quadblueloginForm h4 {
        font-size: 16px
    }
    div.quadbluedomain h2 {
        font-size: 18px
    }
    div.quadgreenfeatures p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreenfeatures h2 {
        font-size: 18px
    }
    div.quadgreyfeatures p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreyfeatures h3 {
        font-size: 16px
    }
    div.quadgreysidebar p {
        font-size: 14px;
        word-wrap: break-word
    }
    div.quadgreysidebar h2 {
        font-size: 16px!important
    }
    div.quadgreysidebar h3 {
        font-size: 16px!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .quadgreyproduct,
    .quadblueproduct {
        min-height: 375px
    }
    .quadgreyfeatures {
        min-height: 210px
    }
    .quadgreenfeatures {
        min-height: 195px
    }
}

@media (max-width: 767px) {
    .quadgreenfeatures {
        min-height: 100px
    }
}

@media (max-width: 480px) {
    .quadgreenfeatures {
        min-height: 120px
    }
}

.spacingTop60 {
    margin-top: 60px
}

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

.feature-center {
    display: table;
    border: 0 solid gray;
    height: 230px
}

.feature-verticalmiddle {
    display: table-cell;
    vertical-align: middle;
    padding: 5px
}

.button-green {
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #FFF!important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #6c9!important;
    border: 0;
    border-bottom: 2px solid #6c9;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #ededed
}

.button-green:hover {
    color: #6c9!important;
    background: #FFF!important
}

.button-green-big {
    background: none repeat scroll 0 0 #6c9!important;
    color: #fff!important;
    padding: 10px!important;
    font-size: 20px!important;
    border-bottom: 2px solid #6c9!important
}

.button-green-big:hover {
    color: #6c9!important;
    background: #FFF!important;
    border-bottom: 2px solid #6c9
}

.button-grey {
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #FFF!important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #666!important;
    border: 0;
    border-bottom: 2px solid #666;
    cursor: pointer
}

.button-grey:hover {
    color: #666!important;
    background: #FFF!important
}
.buttonGreyWeebly {
    color: #FFF!important;
    background: #666!important;
    border-bottom: 2px solid #666;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
	margin: 5px auto auto; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.buttonGreyWeebly:hover {
    color: #666!important;
    background: #FFF!important;
    border-bottom: 2px solid #666;
}

.button-grey-big {
    background: none repeat scroll 0 0 #666!important;
    color: #fff!important;
    padding: 10px!important;
    font-size: 20px!important;
    border-bottom: 2px solid #666
}

.button-grey-big:hover {
    color: #666!important;
    background: #FFF!important;
    border-bottom: 2px solid #666
}

.button-red-big {
    background: none repeat scroll 0 0 #e74c3c!important;
    color: #fff!important;
    padding: 10px!important;
    font-size: 20px!important;
    border-bottom: 2px solid #e74c3c;
}

.button-red-big:hover {
    color: #e74c3c!important;
    background: #FFF!important;
    border-bottom: 2px solid #e74c3c
}

.button-red {
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #FFF!important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #e74c3c!important;
    border: 0;
    border-bottom: 2px solid #e74c3c;
    cursor: pointer
}

.button-red:hover {
    color: #e74c3c!important;
    background: #FFF!important
}

.buttonRedWeebly {
    color: #FFF!important;
    background: #e74c3c!important;
    border-bottom: 2px solid #e74c3c;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
	margin: 5px auto auto; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.buttonRedWeebly:hover {
    color: #e74c3c!important;
    background: #FFF!important;
    border-bottom: 2px solid #e74c3c;
}

.buttonBlueWeebly {
    color: #FFF!important;
    background: #00abe5!important;
    border-bottom: 2px solid #00abe5;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
	margin: 5px auto auto; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.buttonBlueWeebly:hover {
    color: #00abe5!important;
    background: #FFF!important;
    border-bottom: 2px solid #00abe5;
}

.buttonBlueWeeblyBig {
    color: #FFF!important;
    background: #00abe5!important;
    border-bottom: 2px solid #00abe5;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 20px;
    text-align: center;
    /* border: 0; */
    cursor: pointer;
	margin: 5px auto auto; 
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.buttonBlueWeeblyBig:hover {
    color: #00abe5!important;
    background: #FFF!important;
    border-bottom: 2px solid #00abe5;
}
.buttonGreenWeeblyBig {
    color: #FFF!important;
    background: #6c9!important;
    border-bottom: 2px solid #6c9;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 20px;
    text-align: center;
    /* border: 0; */
    cursor: pointer;
	margin: 5px auto auto; 
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.buttonGreenWeeblyBig:hover {
    color: #6c9!important;
    background: #FFF!important;
    border-bottom: 2px solid #6c9;
}


.white-button {
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #666;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #fff;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.white-button:hover {
    color: #FFF;
    background: #666
}

.white-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.blue-button {
    position: relative;
    vertical-align: top;
    height: 39px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #3498db;
    border: 0;
    cursor: pointer
}

.blue-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.green-button {
    position: relative;
    vertical-align: top;
    height: 39px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #2BBD1B;
    border: 0;
    cursor: pointer
}

.green-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-button {
    position: relative;
    vertical-align: top;
    height: 30px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #3498db;
    border: 0;
    cursor: pointer
}

.login-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-button-header {
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #3498db;
    border: 0;
    cursor: pointer
}

.button {
    position: relative;
    display: inline-block;
    height: 25px;
    padding-top: 5px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: #f5f5f5
}

.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.button:active,
.button.active {
    background-color: #ccc
}

.button:first-child {
    *margin-left: 0
}

.button:hover,
.button:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.button:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.button.active,
.button:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.button.disabled,
.button[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

ol,
ul {
    color: #666
}

code {
    font-family: consolas
}

.thelist ul {
    /* color: #ccc; */
    list-style-type: none;
}

.thelist ul li {
    position: relative;
    /* font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif; */
    margin-bottom: 5px!important;
}

.thelist li p {
    /* font: 12px/1.5 Helvetica, sans-serif; */
    font-size: 16px;
    /* padding-left: 60px; */
    margin-left: -16px!important;
    /* color: #555; */
}

.2017BlueButton {
    position: relative;
    vertical-align: top;
    height: 39px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #3498db;
    border: 0;
    cursor: pointer;
    border-style: solid;
    border-bottom: thick dotted #3498db;
}

.2017BlueButton:hover {
    background: #FFFFFF;
    color: #3498db;
    border-style: solid;
    border-bottom: thick dotted #3498db;
}

.2017GreyButton {
    position: relative;
    vertical-align: top;
    height: 39px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #cccccc!important;
    border: 0;
    cursor: pointer;
    margin: 5px auto auto;
    padding: 15px;
    color: #ffffff ! important;
}

.2017GreyButton:hover {
    background: #FFFFFF;
    color: #333333;
    border-style: solid;
    border-bottom: thick dotted #cccccc;
}

.red-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    /*height:39px;*/
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #e74c3c;
    border: 0;
    cursor: pointer
}


/* .red-button:hover{color: #e74c3c!important; background: #FFF; border-bottom: 2px solid #e74c3c;} */

.red-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.grey-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    /*height:39px;*/
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #666666;
    border: 0;
    cursor: pointer
}

.grey-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}


/* responsive youtube embedded video */
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}