* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
@font-face {
    src: url('../motken.ttf');
    font-family: motken;
}
@font-face {
    src: url('../thuluth-decorated.ttf');
    font-family: 'thuluth-decorated';
}
body { background-color: #000 }
                                                      /*            WEBPAGE    */
/* Start Header */
.header { width: 466px; color: #FFF; margin: 0px auto }

.header h1 {
    font-size: 85px;
    margin: 0;
    font-weight: bold;
    font-family: 'thuluth-decorated';
    text-align: center
}
.header h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    padding-left: 1px;
    font-weight: bold;
    font-family: cursive;
    letter-spacing: 5px;
    padding-bottom: 32px;
    margin: 0
}
/* End Header */

/* Start Calc */
.calc { margin: 70px auto 0; color: #FFF; text-align: center; font-size: 40px; padding: 33px 0; font-family: 'motken', 'Amiri', serif }

.calc p { margin: 0; font-weight: bold; font-family: 'motken', 'Amiri', serif; font-size: 58px; padding-top: 10px }
/* End Calc */

/* Start Pricing */
.pricing { margin: 23px auto 0; color: #FFF; text-align: center }

.pricing p {
    width: 389px;
    height: 110px;
    padding-top: 9px;
    font-size: 70px;
    font-weight: bold;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 0px;
    font-family: 'motken', 'Amiri', serif
}
.pricing .table span {
    display: inline-block;
    width: 242px;
    height: 46px;
    background-color: #FFF;
    color: #000;
    margin-top: 5px;
    font-size: 28px;
    border-radius: 4px;
    font-family: 'motken', 'Amiri', serif;
    padding-top: 5px;
    font-weight: bold;
}
.pricing .table a {
    display: inline-block;
}

.pricing .uniq span { background-color: #000; color: #FFF; border: 1px solid #6f6f6f }

.pricing .uniq span input {
    background-color: #000;
    color: #FFF;
    border: none;
    font-size: 25px;
}

.pricing .uniq { padding-bottom: 5px }

.pricing .global { border: 1px solid #bbb }
/* End Pricing */

.data  {
    margin: 20px auto;
    color: #FFF;
    text-align: center;
}
.data label {
    font-size: 30px;
    margin-right: 10px;
}
.data input {
    height: 30px;
}

/* Start Link */
.link { margin: 19px auto; text-align: center; font-size: 40px; font-weight: bold; font-family: 'motken', 'Amiri', serif; }
a {
    color: #FFF;
    text-decoration: none;
}

.link a {
    text-decoration: none;
    display: inline-block;
    width: 278px;
    background-color: #4848da69;
    color: #FFF;
    border: 1px solid #c1dcfd;
    border-radius: 8px;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-box-shadow: 3px 3px 5px #666979eb inset, -3px -3px 5px #000 inset;
    -moz-box-shadow: 3px 3px 5px #666979eb inset, -3px -3px 5px #000 inset;
    -o-box-shadow: 3px 3px 5px #666979eb inset, -3px -3px 5px #000 inset;
    box-shadow:3px 3px 5px #666979eb inset, -3px -3px 5px #000 inset
}
.link a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
/* End Link */