@charset "utf-8";

html {
    height: 100%;
    background: rgba(255,255,255,1);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 52%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1 );
}

body {
    font-family: "Open Sans", serif;
    background: transparent;
    padding-top: 60px;
    padding-bottom: 120px;

}

h1,h2,h3,h4 {
    margin-top: 0;
}

h2 {
    font-size: 20px;
    font-weight: 800;
}

h3 {
    font-size: 20px;
    font-weight: 800;
}

.logo {
    margin: auto;
}

.wrapper {
    max-width: 1160px;
    margin: auto;
    background-color: #FFF;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-radius: 4px;
}

.wrapper-inner {
    padding: 40px;
}

.title {
    text-align: center;
    padding:100px 0;
    background: url("../img/bg-title.jpg") no-repeat center center;
}

.title h1 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 0;
    color: #FFF;
}

.title p {
    margin: 0;
    color: rgba(255,255,255,.5);
}

.title img {
    margin: auto;
}

.option-panel h2 {
    font-size: 16px;
    font-weight: 800;
}

.nav>li>a {
    color: #000;
    padding: 4px 8px;
    font-weight: 600;
}


/* Mobile First */

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}

/* Non-mobile First */

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

    body {
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper {
        box-shadow: none;
        border-radius: 0;
    }

    .wrapper-inner {
        padding: 10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}

.amazon-color {
    color: #ff9700
}

.basecamp-color {
    color: #6bbd6d
}

.behance-color {
    color: #053eff
}

.blogger-color {
    color: #fb8f3d
}

.box-color {
    color: #1277bc
}

.delicious-color {
    color: #205cc0
}

.dribbble-color {
    color: #ea4c89
}

.dropbox-color {
    color: #0d84de
}

.ebay-color {
    color: #083790
}

.facebook-color {
    color: #3b5998
}

.flickr-color {
    color: #ff0084
}

.forrst-color {
    color: #5b9a68
}

.foursquare-color {
    color: #207dc5
}

.github-color {
    color: #333
}

.google-plus-color {
    color: #dd4b39
}

.instagram-color {
    color: #396d9a
}

.kippt-color {
    color: #e03500
}

.linkedin-color {
    color: #007bb6
}

.lukkin-color {
    color: #c90000
}

.path-color {
    color: #e41f11
}

.pinterest-color {
    color: #e0242a
}

.pocket-color {
    color: #ee4056
}

.quora-color {
    color: #a82400
}

.rss-color {
    color: #ee802f
}

.skype-color {
    color: #ee802f
}

.souncloud-color {
    color: #ff3a00
}

.spotify-color {
    color: #81b71a
}

.tumblr-color {
    color: #35465c
}

.twitter-color {
    color: #00aced
}

.vimeo-color {
    color: #48b6ed
}

.wordpress-color {
    color: #21759b
}

.yahoo-color {
    color: #7b0099
}

.yelp-color {
    color: #c30f00
}

.youtube-color {
    color: #b00
}

.stumbleupon-color {
    color: #EB4823
}

.bg-amazon-color {
    background-color: #ff9700
}

.bg-basecamp-color {
    background-color: #6bbd6d
}

.bg-behance-color {
    background-color: #053eff
}

.bg-blogger-color {
    background-color: #fb8f3d
}

.bg-box-color {
    background-color: #1277bc
}

.bg-delicious-color {
    background-color: #205cc0
}

.bg-dribbble-color {
    background-color: #ea4c89
}

.bg-dropbox-color {
    background-color: #0d84de
}

.bg-ebay-color {
    background-color: #083790
}

.bg-facebook-color {
    background-color: #3b5998
}

.bg-flickr-color {
    background-color: #ff0084
}

.bg-forrst-color {
    background-color: #5b9a68
}

.bg-foursquare-color {
    background-color: #207dc5
}

.bg-github-color {
    background-color: #333
}

.bg-google-plus-color {
    background-color: #dd4b39
}

.bg-instagram-color {
    background-color: #396d9a
}

.bg-kippt-color {
    background-color: #e03500
}

.bg-linkedin-color {
    background-color: #007bb6
}

.bg-lukkin-color {
    background-color: #c90000
}

.bg-path-color {
    background-color: #e41f11
}

.bg-pinterest-color {
    background-color: #e0242a
}

.bg-pocket-color {
    background-color: #ee4056
}

.bg-quora-color {
    background-color: #a82400
}

.bg-rss-color {
    background-color: #ee802f
}

.bg-skype-color {
    background-color: #ee802f
}

.bg-souncloud-color {
    background-color: #ff3a00
}

.bg-spotify-color {
    background-color: #81b71a
}

.bg-tumblr-color {
    background-color: #35465c
}

.bg-twitter-color {
    background-color: #00aced
}

.bg-vimeo-color {
    background-color: #48b6ed
}

.bg-wordpress-color {
    background-color: #21759b
}

.bg-yahoo-color {
    background-color: #7b0099
}

.bg-yelp-color {
    background-color: #c30f00
}

.bg-youtube-color {
    background-color: #b00
}

.bg-stumbleupon-color {
    background-color: #EB4823
}

.border-amazon-color {
    border-color: #ff9700
}

.border-basecamp-color {
    border-color: #6bbd6d
}

.border-behance-color {
    border-color: #053eff
}

.border-blogger-color {
    border-color: #fb8f3d
}

.border-box-color {
    border-color: #1277bc
}

.border-delicious-color {
    border-color: #205cc0
}

.border-dribbble-color {
    border-color: #ea4c89
}

.border-dropbox-color {
    border-color: #0d84de
}

.border-ebay-color {
    border-color: #083790
}

.border-facebook-color {
    border-color: #3b5998
}

.border-flickr-color {
    border-color: #ff0084
}

.border-forrst-color {
    border-color: #5b9a68
}

.border-foursquare-color {
    border-color: #207dc5
}

.border-github-color {
    border-color: #333
}

.border-google-plus-color {
    border-color: #dd4b39
}

.border-instagram-color {
    border-color: #396d9a
}

.border-kippt-color {
    border-color: #e03500
}

.border-linkedin-color {
    border-color: #007bb6
}

.border-lukkin-color {
    border-color: #c90000
}

.border-path-color {
    border-color: #e41f11
}

.border-pinterest-color {
    border-color: #e0242a
}

.border-pocket-color {
    border-color: #ee4056
}

.border-quora-color {
    border-color: #a82400
}

.border-rss-color {
    border-color: #ee802f
}

.border-skype-color {
    border-color: #ee802f
}

.border-souncloud-color {
    border-color: #ff3a00
}

.border-spotify-color {
    border-color: #81b71a
}

.border-tumblr-color {
    border-color: #35465c
}

.border-twitter-color {
    border-color: #00aced
}

.border-vimeo-color {
    border-color: #48b6ed
}

.border-wordpress-color {
    border-color: #21759b
}

.border-yahoo-color {
    border-color: #7b0099
}

.border-yelp-color {
    border-color: #c30f00
}

.border-youtube-color {
    border-color: #b00
}

.border-stumbleupon-color {
    border-color: #EB4823
}