* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    padding: 0 8px;
}

.h1, h1, .fa-3x {
    font-size: 3em;
}

.h2, h2, .fa-h2 {
    font-size: 2em;
}

.h3, h3, .fa-2x {
    font-size: 2em;
}

.h4, h4, .fa-h4 {
    font-size: 1.5em;
}

.h5, h5, .fa-h5 {
    font-size: 1.17em;
}

.h6, h6, .fa-h6 {
    font-size: 1em;
}

a {
    color: #918AED;
}

a:focus,a:hover {
    color: #6456B9;
    text-decoration: underline;
}

.middle {
    vertical-align: middle;
}

.bold {
    font-weight: 500;
}

.light {
    font-weight: 300;
}

.primary {
    color: #918AED;
}

.secondary {
    color: #959595;
}

.headline {
    font-weight: 400;

.dot:after {
    content: "·";
}

.content p {
    margin-top: 29px;
    font-size: 21px;
    line-height: 1.58;
    letter-spacing: -.003em;
    font-weight: 400;
    font-style: normal;
    font-family: "Lato","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.zoom:hover,.zoom:active {
    color: #FFF;
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.zoom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.form-control-custom {
    margin: 10px 10px 5px 0;
    width: 300px;
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 16px;
}

.in {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.btn-primary-custom {
    background: -webkit-linear-gradient(#6D99ED,#7464ED);
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    border-color: rgba(74,64,142,0.50);
    padding: 5px 20px;
}

.btn-primary-custom:hover {
    border-color: rgba(74,64,142,0.75);
}

.btn-default-custom {
    background: -webkit-linear-gradient(#FFF,#ECE9E6);
    color: #414345;
    border-radius: 5px;
    font-size: 18px;
    padding: 5px 20px;
}

.circle-icon {
    background: -webkit-linear-gradient(#6D99ED,#7464ED);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.circle-icon2 {
    background: -webkit-linear-gradient(#6D99ED,#7464ED);
    padding: 30px;
    border-radius: 50%;
}

.social {
    color: #7E70EC;
    border: none;
    background: transparent;
}

.btn-text {
    display: inline;
    font-size: 18px;
    letter-spacing: .024em;
}

.btn-text-share {
    display: inline;
    font-size: 12px;
    letter-spacing: .024em;
    vertical-align: top;
}

.btn {
    color: #fff;
    position: relative;
    border-radius: 4px;
    background-clip: padding-box !important;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.2);
    font-size: 18px;
    margin-top: -5px;
}

.btn:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: '';
    z-index: -1;
    border-radius: 4px;
}

.btn:hover {
    color: #fff;
    position: relative;
    border: 1px solid transparent;
    border-color: transparent;
    border-radius: 4px;
    background-clip: padding-box;
}

.btn:hover::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: '';
    z-index: -1;
    border-radius: 4px;
}

.btn:focus {
    outline: none;
    color: #fff;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    background-clip: padding-box;
}

.btn:focus::after {
    outline: none;
    color: #fff;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: '';
    z-index: -1;
    border-radius: 4px;
}

.btn:active {
    outline: none !important;
    border-color: transparent;
    color: #fff;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    background-clip: padding-box;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}

.btn:active::after {
    outline: none;
    color: #fff;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: '';
    z-index: -1;
    border-radius: 4px;
}

.btn-share {
    border-radius: 50%;
    padding: 0px 0px;
    width: 25px;
    height: 25px;
}

.btn-share:after,.btn-share:hover,.btn-share:hover::after,.btn-share:focus,.btn-share:focus::after,.btn-share:active,.btn-share:active::after {
    border-radius: 50%;
}

.cloud {
    background: -webkit-linear-gradient(#FCFCFC,#D3D3D3);
    text-shadow: 1px 1px #C4C4C4;
    color: #7F7E7E;
}

.cloud:after {
    background: -webkit-linear-gradient(#FFF,#D2D1D1);
    box-shadow: inset 0 0 9px #B3B3B3;
}

.cloud:hover {
    background: -webkit-linear-gradient(#6C89C3,#4A6EA6);
    text-shadow: 1px 1px #465B7B;
}

.cloud:hover::after {
    background: -webkit-linear-gradient(#7489B3,#536B8D);
    box-shadow: inset 0 0 9px #5076B2;
}

.cloud:active {
    background: -webkit-linear-gradient(#6580B6,#436498);
    text-shadow: 1px 1px #3D506C;
}

.cloud:active::after {
    background: -webkit-linear-gradient(#576788,#394961);
    box-shadow: inset 0 0 9px #3F5D8C;
}

.btn-primary {
    background: transparent;
    border: 1px solid #918AED;
    text-shadow: 1px 1px #EAEAEA;
    color:#918AED;
}

.btn-primary:after {
    box-shadow: inset 0 0 4px #6D68B3;
}

.btn-primary:hover {
    background: -webkit-linear-gradient(#6C89C3,#4A6EA6);
    text-shadow: 1px 1px #465B7B;
    transition: 100ms background-color,100ms border-color,100ms color,100ms fill;
}

.btn-primary:hover::after {
    background: -webkit-linear-gradient(#7489B3,#536B8D);
    box-shadow: inset 0 0 9px #5076B2;
}

.btn-primary:active {
    background: -webkit-linear-gradient(#6580B6,#436498);
    text-shadow: 1px 1px #3D506C;
}

.btn-primary:active::after {
    background: -webkit-linear-gradient(#576788,#394961);
    box-shadow: inset 0 0 9px #3F5D8C;
}

.facebook {
    background: -webkit-linear-gradient(#7392D0,#4E71B6);
    text-shadow: 1px 1px #50678B;
}

.facebook:after {
    background: -webkit-linear-gradient(#7392D0,#5076B2);
    box-shadow: inset 0 0 9px #5076B2;
}

.facebook:hover {
    background: -webkit-linear-gradient(#6C89C3,#4A6EA6);
    text-shadow: 1px 1px #465B7B;
}

.facebook:hover::after {
    background: -webkit-linear-gradient(#7489B3,#536B8D);
    box-shadow: inset 0 0 9px #5076B2;
}

.facebook:active {
    background: -webkit-linear-gradient(#6580B6,#436498);
    text-shadow: 1px 1px #3D506C;
}

.facebook:active::after {
    background: -webkit-linear-gradient(#576788,#394961);
    box-shadow: inset 0 0 9px #3F5D8C;
}

.twitter {
    background: -webkit-linear-gradient(#57C9F5,#33A4D2);
    text-shadow: 1px 1px #059BCB;
}

.twitter:after {
    background: -webkit-linear-gradient(#90CAE0,#238DB5);
    box-shadow: inset 0 0 9px #58CFFC;
}

.twitter:hover {
    background: -webkit-linear-gradient(#51BCE5,#2E97C2);
    text-shadow: 1px 1px #186F8B;
}

.twitter:hover::after {
    background: -webkit-linear-gradient(#80B5C9,#1E7B9E);
    box-shadow: inset 0 0 9px #4FBBE4;
}

.twitter:active {
    background: -webkit-linear-gradient(#47A4C8,#2782A7);
    text-shadow: 1px 1px #145D72;
}

.twitter:active::after {
    background: -webkit-linear-gradient(#628C98,#196987);
    box-shadow: inset 0 0 9px #46A7CC;
}

.github {
    background: -webkit-linear-gradient(#6A6A69,#2A2A2A);
    text-shadow: 1px 1px #141414;
}

.github:after {
    background: -webkit-linear-gradient(#5C5B5B,#141414);
    box-shadow: inset 0 0 9px #70706F;
}

.github:hover {
    background: -webkit-linear-gradient(#646463,#262626);
    text-shadow: 1px 1px #1E1E1E;
}

.github:hover::after {
    background: -webkit-linear-gradient(#4D4D4D,#121212);
    box-shadow: inset 0 0 9px #646463;
}

.github:active {
    background: -webkit-linear-gradient(#5D5E5D,#222221);
    text-shadow: 1px 1px #090909;
}

.github:active::after {
    background: -webkit-linear-gradient(#434343,#000);
    box-shadow: inset 0 0 9px #626261;
}

.google {
    background: -webkit-linear-gradient(#D8523D,#D3503C);
    text-shadow: 1px 1px #B04332;
}

.google-icon {
    color: #D8523D;
}

.facebook-icon {
    color: #7392D0;
}

.twitter-icon {
    color: #57C9F5;
}

.cloud-icon {
    color: #7F7E7E;
}

.google:after {
    background: -webkit-linear-gradient(#F3674C,#B34C38);
    box-shadow: inset 0 0 9px #E46047;
}

.google:hover {
    background: -webkit-linear-gradient(#D14F3B,#CB4D3A);
    text-shadow: 1px 1px #9D3B2C;
}

.google:hover::after {
    background: -webkit-linear-gradient(#E76249,#AD4A36);
    box-shadow: inset 0 0 9px #DA5C44;
}

.google:active {
    background: -webkit-linear-gradient(#C54A37,#BC4736);
    text-shadow: 1px 1px #8F3629;
}

.google:active::after {
    background: -webkit-linear-gradient(#D85D46,#9F4432);
    box-shadow: inset 0 0 9px #CC563F;
}

.daplie {
    background: -webkit-linear-gradient(#6D99ED, #7464ED);
    text-shadow: 1px 1px #7A72C4;
}

.daplie:after {
    background: -webkit-linear-gradient(#638AD6, #695BD6);
    box-shadow: inset 0 0 9px #9B90FF;
}

.daplie:hover {
    background: -webkit-linear-gradient(#5A7DC2, #6053C4);
    text-shadow: 1px 1px #7068B3;
}

.daplie:hover::after {
    background: -webkit-linear-gradient(#5272B1, #574CAF);
    box-shadow: inset 0 0 9px #968CF5;
}

.daplie:active {
    background: -webkit-linear-gradient(#456094, #453C8A);
    text-shadow: 1px 1px #675FA5;
}

.daplie:active::after {
    background: -webkit-linear-gradient(#34486F, #37306E);
    box-shadow: inset 0 0 9px #8C82E7;
}

.daplie-circle:after {
    background: -webkit-linear-gradient(#638AD6, #695BD6);
    box-shadow: inset 0 0 9px #9B90FF;
}

.daplie-circle:hover::after {
    background: -webkit-linear-gradient(#5272B1, #574CAF);
    box-shadow: inset 0 0 9px #968CF5;
}

.daplie-circle:active::after {
    background: -webkit-linear-gradient(#34486F, #37306E);
    box-shadow: inset 0 0 9px #8C82E7;
}