@import url('font-awesome.min.css');

/* import FontAwesome stylesheet */

@import url('../fonts/CenturyGothic/CenturyGothic.css');
body, html {
    padding: 0;
    margin: 0;
    font-family: 'Raleway';
}
header {
    z-index: 9999;
    position: fixed;
    background-color:white;
    border-bottom: 1px #eee solid;
    top: 0;
    width: 100%;
    height: 80px;
}
.logo {
    margin-top: 15px;
    float: left;
    width: 30%;
}
.menu {
    margin-top: 30px;
    float: right;
    width: 70%;
    text-align: right;
}
.menu li {
    position: relative;
    list-style-type: none!important;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
}
.menu li:last-child
{
    margin-right: 0px!important;
}

/* DROPDOWN */

.dropdown {
    opacity: 0;
    position: absolute!important;
    top: 30px!important;
    width: 100%;
    background: white!important;
}
.dropdown>a {
    font-size: 13px;
    clear: both;
    display: block!important;
    color: black;
    text-align: left;
    font-weight: 400;
    padding: 1em 1em;
}
.dropdown>a:hover
{
    color: black;
    background-color: #f5f3ec;
}
.dropdown>a:last-child {
    border-bottom: 0;
}

/*ANIMATE DROPDOWN*/

.dropdown-fade {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.dropdown-fade2 {
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.dropdown-hide {
    display: none;
    position: absolute;
    clear: both;
    width: 100%;
    top: 60px;
    z-index: 99999999;
    background-color: white;
    left: 0;
}

/*END ANIMATE DROPDOWN*/

.menu>li>a {
    line-height: 1;
    display: inline-block;
    font-weight: 400;
    color: black;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}
.menu>li>a:after {
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    margin-top: 6px;
    background-color: rgba(59, 89, 152, 1);
    transition: width .3s ease-in-out;
}
.menu>li>a:hover:after, .menu>li>a:focus:after {
    width: 100%;
}
.menu>li>a:last-child {
    margin-right: 0;
}

/*NAV MENU*/
.navmenu_a
{
    line-height: 1;
    display: inline-block;
    font-weight: 300;
    color: grey;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}
.navmenu_a:hover, .navmenu_a:focus
{
    color: grey;
}
.navmenu_a:after
{
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    margin-top: 6px;
    background-color: rgba(59, 89, 152, 1);
    transition: width .3s ease-in-out;
}
.navmenu_a:hover:after, .navmenu_a:focus:after {
    width: 100%;
}

.navmenu {
    margin-top: 30px;
    float: right;
    width: 70%;
    text-align: right;
}
.navmenu i {
    font-size: 25px;
    color: rgba(59, 89, 152, 1);
}
.navmenu-container {
    opacity: 0;
    position: absolute;
    clear: both;
    width: 100%;
    top: 60px;
    z-index: 99999999;
    background-color: white;
    left: 0;
    border-bottom: 1px #eee solid;
}
.navmenu-container-fade {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.navmenu-container-fade2 {
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.navmenu-container-hide {
    display: none;
    position: absolute;
    clear: both;
    width: 100%;
    top: 60px;
    z-index: 99999999;
    background-color: white;
    left: 0;
}
#nav>.container>li {
    list-style-type: none!important;
    border-bottom: 1px #eee solid;
    padding: 5px;
    text-align: right;
}
#nav>.container>li:last-child {
    border-bottom: 0;
}
#nav>.container>li>a {
    font-weight: 400;
    color: grey;
}

/*END NAV MENU*/

.footerlnk {
    margin-top: 50px;
    width: 100%;
    text-align: right;
}
.footerlnk span {
    font-size: 16px;
    color: #a6a7aa;
}
a {
    font-weight: 700;
    text-decoration: none!important;
    color: #81848f;
}
a:focus, a:hover, a:active {
    outline: 0;
    color: #999caa;
    text-decoration: none;
}

/*MAIN CONTENT*/

.maincontent {
    margin-top: -101px;
    padding-top: 101px;
    width: 100%;
}
.wrapcontent {
    margin-top: 20px;
}
.wrapcontent p:first-child {
    margin-top: 0;
}
.wrapcontent p {
    text-align: justify;
}
.imgblock img {
    cursor: pointer;
}

/* ACTIVITY */

.activitybutton:first-child {
    margin-top: 0;
}
#actbutton1 {
    background: url(http://khrimli.com/img/advokat.jpg);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#actbutton1:hover {
    background-color: transparent;
}
#actbutton2 {
    margin-top: 20px;
    margin-bottom: 20px;
    background: url(http://khrimli.com/img/sud.png);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#actbutton2:hover {
    background-color: transparent;
}
#actbutton3 {
    margin-bottom: 20px;
    background: url(http://library.vsau.ru/wp-content/uploads/2012/11/slider-img1.jpg);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#actbutton3:hover {
    background-color: transparent;
}
#actbutton4 {
    background: url(http://khrimli.com/img/advokat.jpg);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#actbutton4:hover {
    background-color: transparent;
}
.book {
    padding: 15px;
    padding-left: 0!important;
    padding-top: 0!important;
}
.book:first-child {
    margin-top: 0!important;
}

.mt {
    margin-top: 10px;
    color: #82bb37;
}
.footer {
    bottom: 0;
    border-top: 1px #eee solid;
    background-color: white;
    z-index: 9999;
    position: relative;
    clear: both;
    height: 69px;
}
.footer>.footcont a {
    font-weight: 400;
    padding-top: 30px;
    float: right;
    line-height: 1;
    display: inline-block;
    font-weight: 400;
    color: grey;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    margin-right: 15px;
}
.footer>.footcont a:after {
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    margin-top: 6px;
    background-color: rgba(59, 89, 152, 1);
    transition: width .3s ease-in-out;
}
.footer>.footcont a:hover:after, .footer>.footcont a:focus:after {
    width: 100%;
}
.pr {
    text-align: right!important;
}
.numbers {
    font-family: 'CenturyGothic-Regular';
}
.reviews h2 {
    margin-top: 0!important;
    padding-top: 0!important;
}
.commentitem {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #eee solid;
}
.commentitem:first-child {
    margin-top: 0;
}
.commentitem:last-child {
    border-bottom: 0;
}
.commentitem>.date {
    float: right;
}
.commentitem b {
    font-size: 18px;
}
input[type="text"] {
    -webkit-appearance: none;
    font-family: 'Raleway';
    margin-top: 10px;
    width: 100%;
    height: 30px;
    padding: 5px;
    border-radius: 5px;
    border: 1px #eee solid;
    outline-color: rgba(59, 89, 152, 0.5);
}
input[type="text"]:first-child {
    margin-top: 0;
}
textarea {
    -webkit-appearance: none;
    font-family: 'Raleway';
    margin-top: 10px;
    width: 100%;
    height: 200px;
    padding: 5px;
    border-radius: 5px;
    border: 1px #eee solid;
    outline-color: rgba(59, 89, 152, 0.5);
    margin-bottom: 10px;
}
label {
    width: 27px;
    height: 25px;
    display: inline-block;
    position: relative;
}
input[type="radio"] {
    display: none;
}
input[type="radio"]+span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/uncheck.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
input[type="radio"]:checked+span {
    background: url(../img/check.png) no-repeat;
}
.ltext {
    position: relative;
    top: -7;
    display: inline-block;
    font-size: 14px;
}
.aboutblock {
    padding-bottom: 15px;
    border-bottom: 1px #eee solid;
    margin-bottom: 15px;
}
.aboutblock h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.commentdate {
    float: right;
}
.linkswarrows
{
    margin-top: 30px;
    text-indent: 0px!important;
}
.linkswarrows a
{
    display: block;
}
.linkswarrows a::before
{
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
    margin-right: 15px;
}
@media (min-width: 239px) {
    .viberbtn
    {
        line-height: 30px;
        display: inline-block;
        width: 96%;
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 8px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none!important;
        background: rgba(124, 81, 158, 1);
        color: white!important;
        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    .viberbtn:hover {
        color: white!important;
        background: rgba(124, 81, 158, 0.8);
    }
    #khrimli {
        width: 290px;
        height: 450px;
        margin-bottom: 15px;
        cursor:pointer;
    }
    #sudyi {
        width: 100%;
        margin-bottom: 15px;
        cursor:pointer;
    }

    .navmenu, .navmenu-container {
        display: inline!important;
    }
    .menu {
        display: none!important;
    }
    .buybtnEl {
        border-radius: 5px;
        margin-top: 15px;
        font-weight: 400;
        font-size: 13px;
        text-decoration: none!important;
        padding-left: 9px!important;
        padding-right: 15px!important;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
        background: rgba(59, 89, 152, 1);
        color: white;
        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    .buybtnEl:hover {
        color: white;
        background: rgba(59, 89, 152, 0.8);
    }
    .buybtnWr {
        border-radius: 5px;
        background: rgba(59, 89, 152, 1);
        font-weight: 400;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        color: white;
        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    .buybtnWr:hover {
        color: white;
        background: rgba(59, 89, 152, 0.8);
    }
    @media (min-width: 310px) {
        .myworks{
            font-size: 20px;
        }
        .aboutblock h2 {
            font-size: 20px;
        }
        .date {
            display: block!important;
            margin-top: 15px!important;
        }
        .bigh {
            font-size: 20px!important;
        }
        .phone {
            font-weight: 100;
            display: block;
        }
        .email {
            display: block;
        }
        #i1 {
            margin-bottom: 20px!important;
            width: 100%!important;
            height: 380px!important;
            background: url(../img/bg1.jpg)!important;
            background-size: cover!important;
            background-position: -100px 0!Important;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        .maincontent {
            background-position: -1150px 0px!important;
        }
        .container {
            width: 300px;
            margin: 0 auto;
        }
        .footcont {
            width: 300px;
            margin: 0 auto;
            text-align: center!important;
        }
        .footcont a {
            float: none!important;
        }
        /*CONTENTBLOCK*/
        .contentblock {
            width: 100%;
        }
        /**/
        .activitypage {
            min-height: 553px!important;
        }
        .payform {
            width: 300px!important;
            margin: 0 auto;
        }
        /* PROMO */
        .promo-block-title {
            font-size: 30px;
            color: #fff;
            line-height: 1;
            padding-bottom: 15px;
            margin-bottom: 0;
        }
        .promo {
            width: 240px;
            padding-top: 140px!important;
        }
        .promo span{
            font-size: 14px;
            color: #fff;
        }
        .promo hr {
            border: 0;
            height: 3px;
            background-color: rgba(255, 255, 255, .8);
            width: 240px;
            display: block;
        }
        .blogitem {
            min-height: 500px!important;
        }
        .blogleft {
            width: 100%;
            float: none;
        }
        .blogleft img {
            width: 100%;
            height: 180px;
        }
        .blogright {
            position: inherit;
            width: 100%;
            float: none;
        }
        .blogitem {
            width: 100%;
            height: 23.8%;
        }
        .blogright h1 {
            margin-top: 0;
            padding-top: 0;
            font-size: 20px;
            font-weight: 700;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 20px;
        }
        .blogright a {
            color: black;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        .blogright a:focus, .blogright a:hover, .blogright a:active {
            outline: 0;
            color: #999caa;
            text-decoration: none;
        }
        .blogitem:first-child {
            margin-top: 0!important;
        }
        .blogitem>hr {
            border: 0;
            height: 1px;
            background-color: #eee;
        }
        .blogitem:last-child>hr {
            height: 0;
        }
        .readbtn {
            display: inline-block;
            margin-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 8px;
            padding-bottom: 8px;
            border-radius: 5px;
            font-weight: 400;
            font-size: 16px;
            text-decoration: none!important;
            background: rgba(59, 89, 152, 1);
            color: white!important;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        .readbtn:hover {
            color: white!important;
            background: rgba(59, 89, 152, 0.8);
        }
        .pagination {
            clear: both;
        }
        .pagination a {
            font-weight: 300;
            margin-right: 20px;
        }
        /**/
        .activitypage {
            min-height: 553px!important;
        }
        /**/
        .reviews {
            margin-top: 20px;
            display: block;
            width: 100%;
            min-height: 300px;
            padding-bottom: 15px;
        }
        .commentform {
            width: 100%!important;
            padding-bottom: 15px;
        }
        .buybtnWr {
            margin-right: 0!important;
            padding-left: 0!important;
            padding-right: 0!important;
            margin-top: 10px;
            margin-bottom: 20px;
            display: block;
            text-align: center;
            margin-right: 0!important;
            padding-left: 0px!important;
            padding-right: 0px!important;
        }
        .buybtnEl {
            padding-left: 0!important;
            padding-right: 0!important;
            display: block;
            text-align: center;
            margin-top: 0!important;
            margin-right: 0!important;
            padding-left: 0px!important;
            padding-right: 0px!important;
        }
        /* */
        .book {
            min-height: 460px!important;
            padding: 0!important;
        }
        .bookleft {
            width: 100%!important;
            float: none;
        }
        .bookleft img {
            width: 100%;
            height: 180px;
        }
        .bookright {
            width: 100%;
            float: none;
        }
        .bookright h1 {
            font-size: 20px;
            font-weight: 700;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 20px;
        }
        .seebook {
            margin-right: 60px;
            font-weight: 400;
        }
        .seebook:after {
            content: "\f105";
            font-family: FontAwesome;
            position: relative;
            margin-left: 15px;
        }
        /* */
        .activitybutton {
            position: relative;
            cursor: pointer;
            height: 23%!important;
            border: 1px #eee solid;
            color: white;
            padding-left: 40px;
        }
        .activitybutton:after {
            content: "\f105";
            font-family: FontAwesome;
            position: absolute;
            top: 24%!important;
            right: 40px!important;
            font-size: 60px;
        }
        .activitybutton h1 {
            padding-top: 9%!important;
            font-size: 20px;
        }
        /*SIDEBAR*/
        .sidebar {
            width: 100%!important;
            display: block;
            margin-bottom: 15px;
        }
        .sidebar>.content h1 {
            text-align: left;
            margin-bottom: 0!important;
            padding-bottom: 0!important;
            font-size: 20px;
            color: black;
        }
        .sidebar>.content a {
            margin-top: 15px;
            text-align: left;
            display: block;
            position: relative!important;
            font-weight: 400;
            color: black;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
            outline: 0;
            color: #999caa;
            text-decoration: none;
        }
        .sidebar>.content a::before {
            content: "\f104";
            font-family: FontAwesome;
            margin-right: 10px;
        }
        .line {
            display: block;
            padding-bottom: 10px;
            border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
        }
        .sidebar>.content>.line {
            top: 20px!important;
        }
        /**/
        .lftbgimg {
            float: left;
            width: 100%;
        }
        #i5 {
            width: 100%;
            height: 250px;
            background: url(../img/medal1.jpg);
            background-size: cover;
            background-blend-mode: multiply;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        #i5:hover {
            background-color: transparent;
        }
        .rghtbgimg {
            float: right;
            width: 100%;
        }
        #i6 {
            width: 100%;
            height: 300px;
            background: url(../img/medal2.jpg);
            background-size: cover;
            background-blend-mode: multiply;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        #i6:hover {
            background-color: transparent;
        }
        #i7 {
            float: left;
            width: 49.99%;
            height: 250px;
            background: url(../img/medal3.jpg);
            background-size: cover;
            background-blend-mode: multiply;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        #i7:hover {
            background-color: transparent;
        }
        #i8 {
            float: right;
            width: 49.99%;
            height: 250px;
            background: url(../img/medal1.jpg);
            background-size: cover;
            background-blend-mode: multiply;
            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        }
        #i8:hover {
            background-color: transparent;
        }
        @media (min-width: 310px),(min-height: 450px) {
            .maincontent {
                background-position: -200px 0px!important;
            }
            .date {
                display: block!important;
                margin-top: 15px!important;
            }
            .bigh {
                font-size: 20px!important;
            }
            .phone {
                font-weight: 100;
                display: block;
            }
            .email {
                display: block;
            }
            #i1 {
                margin-bottom: 20px!important;
                width: 100%!important;
                height: 380px!important;
                background: url(../img/bg1.jpg)!important;
                background-size: cover!important;
                background-position: -100px 0!Important;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            .container {
                width: 290px;
                margin: 0 auto;
            }
            .footcont {
                width: 290px;
                margin: 0 auto;
                text-align: center!important;
            }
            .footcont a {
                float: none!important;
            }
            /*CONTENTBLOCK*/
            .contentblock {
                width: 100%;
            }
            /**/
            .activitypage {
                min-height: 0px!important;
            }
            .payform {
                width: 290px!important;
                margin: 0 auto;
            }
            /* PROMO */
            .promo-block-title {
                font-size: 30px;
                color: #fff;
                line-height: 1;
                padding-bottom: 15px;
                margin-bottom: 0;
            }
            .promo {
                width: 240px;
                padding-top: 120px!important;
            }
            .promo span{
                font-size: 14px;
                color: #fff;
            }
            .promo hr {
                border: 0;
                height: 3px;
                background-color: rgba(255, 255, 255, .8);
                width: 240px;
                display: block;
            }
            .blogitem {
                min-height: 550px!important;
            }
            .blogleft {
                width: 100%;
                float: none;
            }
            .blogleft img {
                width: 100%;
                height: 180px;
            }
            .blogright {
                position: inherit;
                width: 100%;
                float: none;
            }
            .blogitem {
                width: 100%;
                height: 23.8%;
            }
            .blogright h1 {
                margin-top: 15px!important;
                padding-top: 0;
                font-size: 20px;
                font-weight: 700;
                margin-top: 0;
                padding-top: 0;
                margin-bottom: 20px;
            }
            .blogright a {
                color: black;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            .blogright a:focus, .blogright a:hover, .blogright a:active {
                outline: 0;
                color: #999caa;
                text-decoration: none;
            }
            .blogitem:first-child {
                margin-top: 0!important;
            }
            .blogitem>hr {
                border: 0;
                height: 1px;
                background-color: #eee;
            }
            .blogitem:last-child>hr {
                height: 0;
            }
            .readbtn {
                display: inline-block;
                margin-bottom: 20px;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 8px;
                padding-bottom: 8px;
                border-radius: 5px;
                font-weight: 400;
                font-size: 16px;
                text-decoration: none!important;
                background: rgba(59, 89, 152, 1);
                color: white!important;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            .readbtn:hover {
                color: white!important;
                background: rgba(59, 89, 152, 0.8);
            }
            .pagination {
                clear: both;
            }
            .pagination a {
                font-weight: 300;
                margin-right: 20px;
            }
            /**/
            .activitypage {
                min-height: 0px!important;
            }
            /**/
            .reviews {
                margin-top: 20px;
                display: block;
                width: 100%;
                min-height: 300px;
                padding-bottom: 15px;
            }
            .commentform {
                width: 100%!important;
                padding-bottom: 15px;
            }
            .buybtnWr {
                margin-right: 0!important;
                padding-left: 0!important;
                padding-right: 0!important;
                margin-top: 10px;
                margin-bottom: 20px;
                display: block;
                text-align: center;
                margin-right: 0!important;
                padding-left: 0px!important;
                padding-right: 0px!important;
            }
            .buybtnEl {
                padding-left: 0!important;
                padding-right: 0!important;
                display: block;
                text-align: center;
                margin-top: 0!important;
                margin-right: 0!important;
                padding-left: 0px!important;
                padding-right: 0px!important;
            }
            /* */
            .book {
                min-height: 460px!important;
                padding: 0!important;
            }
            .bookleft {
                width: 100%!important;
                float: none;
            }
            .bookleft img {
                width: 100%;
                height: 180px;
            }
            .bookright {
                width: 100%;
                float: none;
            }
            .bookright h1 {
                font-size: 20px;
                font-weight: 700;
                margin-top: 0;
                padding-top: 0;
                margin-bottom: 20px;
            }
            .seebook {
                margin-right: 60px;
                font-weight: 400;
            }
            .seebook:after {
                content: "\f105";
                font-family: FontAwesome;
                position: relative;
                margin-left: 15px;
            }
            /* */
            .activitybutton {
                position: relative;
                cursor: pointer;
                height: 23%!important;
                border: 1px #eee solid;
                color: white;
                padding-left: 40px;
            }
            .activitybutton:after {
                content: "\f105";
                font-family: FontAwesome;
                position: absolute;
                top: 24%!important;
                right: 40px!important;
                font-size: 60px;
            }
            .activitybutton h1 {
                padding-top: 9%!important;
                font-size: 20px;
            }
            /*SIDEBAR*/
            .sidebar {
                width: 100%!important;
                display: block;
                margin-bottom: 15px;
            }
            .sidebar>.content h1 {
                text-align: left;
                margin-bottom: 0!important;
                padding-bottom: 0!important;
                font-size: 20px;
                color: black;
            }
            .sidebar>.content a {
                margin-top: 15px;
                text-align: left;
                display: block;
                position: relative!important;
                font-weight: 400;
                color: black;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                outline: 0;
                color: #999caa;
                text-decoration: none;
            }
            .sidebar>.content a::before {
                content: "\f104";
                font-family: FontAwesome;
                margin-right: 10px;
            }
            .line {
                display: block;
                padding-bottom: 10px;
                border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
            }
            .sidebar>.content>.line {
                top: 20px!important;
            }
            /**/
            .lftbgimg {
                float: left;
                width: 100%;
            }
            #i5 {
                width: 100%;
                height: 250px;
                background: url(../img/medal1.jpg);
                background-size: cover;
                background-blend-mode: multiply;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            #i5:hover {
                background-color: transparent;
            }
            .rghtbgimg {
                float: right;
                width: 100%;
            }
            #i6 {
                width: 100%;
                height: 300px;
                background: url(../img/medal2.jpg);
                background-size: cover;
                background-blend-mode: multiply;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            #i6:hover {
                background-color: transparent;
            }
            #i7 {
                float: left;
                width: 49.99%;
                height: 250px;
                background: url(../img/medal3.jpg);
                background-size: cover;
                background-blend-mode: multiply;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            #i7:hover {
                background-color: transparent;
            }
            #i8 {
                float: right;
                width: 49.99%;
                height: 250px;
                background: url(../img/medal1.jpg);
                background-size: cover;
                background-blend-mode: multiply;
                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
            }
            #i8:hover {
                background-color: transparent;
            }
            @media (min-width: 359px), (min-height: 570px) {
                .date {
                    display: block!important;
                    margin-top: 15px!important;
                }
                .bigh {
                    font-size: 20px!important;
                }
                .phone {
                    font-weight: 100;
                    display: block;
                }
                .email {
                    display: block;
                }
                #i1 {
                    margin-bottom: 20px!important;
                    width: 100%!important;
                    height: 380px!important;
                    background: url(../img/bg1.jpg)!important;
                    background-size: cover!important;
                    background-position: -100px 0!Important;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                .maincontent {
                    background-position: -260px 0px!important;
                }
                .container {
                    width: 340px;
                    margin: 0 auto;
                }
                .footcont {
                    width: 340px;
                    margin: 0 auto;
                    text-align: center!important;
                }
                .footcont a {
                    float: none!important;
                }
                /*CONTENTBLOCK*/
                .contentblock {
                    width: 100%;
                }
                /**/
                .activitypage {
                    min-height: 0px!important;
                }
                .payform {
                    width: 300px!important;
                    margin: 0 auto;
                }
                /* PROMO */
                .promo-block-title {
                    font-size: 30px;
                    color: #fff;
                    line-height: 1;
                    padding-bottom: 15px;
                    margin-bottom: 0;
                }
                .promo {
                    width: 240px;
                    padding-top: 180px!important;
                }
                .promo span{
                    font-size: 14px;
                    color: #fff;
                }
                .promo hr {
                    border: 0;
                    height: 3px;
                    background-color: rgba(255, 255, 255, .8);
                    width: 240px;
                    display: block;
                }
                .blogitem {
                    min-height: 500px!important;
                }
                .blogleft {
                    width: 100%;
                    float: none;
                }
                .blogleft img {
                    width: 100%;
                    height: 180px;
                }
                .blogright {
                    position: inherit;
                    width: 100%;
                    float: none;
                }
                .blogitem {
                    width: 100%;
                    height: 23.8%;
                }
                .blogright h1 {
                    margin-top: 0;
                    padding-top: 0;
                    font-size: 20px;
                    font-weight: 700;
                    margin-top: 0;
                    padding-top: 0;
                    margin-bottom: 20px;
                }
                .blogright a {
                    color: black;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                .blogright a:focus, .blogright a:hover, .blogright a:active {
                    outline: 0;
                    color: #999caa;
                    text-decoration: none;
                }
                .blogitem:first-child {
                    margin-top: 0!important;
                }
                .blogitem>hr {
                    border: 0;
                    height: 1px;
                    background-color: #eee;
                }
                .blogitem:last-child>hr {
                    height: 0;
                }
                .readbtn {
                    display: inline-block;
                    margin-bottom: 20px;
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    border-radius: 5px;
                    font-weight: 400;
                    font-size: 16px;
                    text-decoration: none!important;
                    background: rgba(59, 89, 152, 1);
                    color: white!important;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                .readbtn:hover {
                    color: white!important;
                    background: rgba(59, 89, 152, 0.8);
                }
                .pagination {
                    clear: both;
                }
                .pagination a {
                    font-weight: 300;
                    margin-right: 20px;
                }
                /**/
                .activitypage {
                    min-height: 553px!important;
                }
                /**/
                .reviews {
                    margin-top: 20px;
                    display: block;
                    width: 100%;
                    min-height: 300px;
                    padding-bottom: 15px;
                }
                .commentform {
                    width: 100%!important;
                    padding-bottom: 15px;
                }
                .buybtnWr {
                    margin-right: 0!important;
                    padding-left: 0!important;
                    padding-right: 0!important;
                    margin-top: 10px;
                    margin-bottom: 20px;
                    display: block;
                    text-align: center;
                    margin-right: 0!important;
                    padding-left: 0px!important;
                    padding-right: 0px!important;
                }
                .buybtnEl {
                    padding-left: 0!important;
                    padding-right: 0!important;
                    display: block;
                    text-align: center;
                    margin-top: 0!important;
                    margin-right: 0!important;
                    padding-left: 0px!important;
                    padding-right: 0px!important;
                }
                /* */
                .book {
                    min-height: 460px!important;
                    padding: 0!important;
                }
                .bookleft {
                    width: 100%!important;
                    float: none;
                }
                .bookleft img {
                    width: 100%;
                    height: 180px;
                }
                .bookright {
                    width: 100%;
                    float: none;
                }
                .bookright h1 {
                    font-size: 20px;
                    font-weight: 700;
                    margin-top: 0;
                    padding-top: 0;
                    margin-bottom: 20px;
                }
                .seebook {
                    display: block;
                    margin-right: 0;
                    font-weight: 400;
                }
                .seebook:after {
                    content: "\f105";
                    font-family: FontAwesome;
                    position: relative;
                    margin-left: 15px;
                }
                /* */
                .activitybutton {
                    position: relative;
                    cursor: pointer;
                    height: 23%!important;
                    border: 1px #eee solid;
                    color: white;
                    padding-left: 40px;
                }
                .activitybutton:after {
                    content: "\f105";
                    font-family: FontAwesome;
                    position: absolute;
                    top: 24%!important;
                    right: 40px!important;
                    font-size: 60px;
                }
                .activitybutton h1 {
                    padding-top: 9%!important;
                    font-size: 20px;
                }
                /*SIDEBAR*/
                .sidebar {
                    width: 100%!important;
                    display: block;
                    margin-bottom: 15px;
                }
                .sidebar>.content h1 {
                    text-align: left;
                    margin-bottom: 0!important;
                    padding-bottom: 0!important;
                    font-size: 20px;
                    color: black;
                }
                .sidebar>.content a {
                    margin-top: 15px;
                    text-align: left;
                    display: block;
                    position: relative!important;
                    font-weight: 400;
                    color: black;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                    outline: 0;
                    color: #999caa;
                    text-decoration: none;
                }
                .sidebar>.content a::before {
                    content: "\f104";
                    font-family: FontAwesome;
                    margin-right: 10px;
                }
                .line {
                    display: block;
                    padding-bottom: 10px;
                    border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                }
                .sidebar>.content>.line {
                    top: 20px!important;
                }
                /**/
                .lftbgimg {
                    float: left;
                    width: 100%;
                }
                #i5 {
                    width: 100%;
                    height: 250px;
                    background: url(../img/medal1.jpg);
                    background-size: cover;
                    background-blend-mode: multiply;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                #i5:hover {
                    background-color: transparent;
                }
                .rghtbgimg {
                    float: right;
                    width: 100%;
                }
                #i6 {
                    width: 100%;
                    height: 300px;
                    background: url(../img/medal2.jpg);
                    background-size: cover;
                    background-blend-mode: multiply;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                #i6:hover {
                    background-color: transparent;
                }
                #i7 {
                    float: left;
                    width: 49.99%;
                    height: 250px;
                    background: url(../img/medal3.jpg);
                    background-size: cover;
                    background-blend-mode: multiply;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                #i7:hover {
                    background-color: transparent;
                }
                #i8 {
                    float: right;
                    width: 49.99%;
                    height: 250px;
                    background: url(../img/medal1.jpg);
                    background-size: cover;
                    background-blend-mode: multiply;
                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                }
                #i8:hover {
                    background-color: transparent;
                }
                @media (min-width: 359px),(min-height: 650px) {
                    .date {
                        display: block!important;
                        margin-top: 15px!important;
                    }
                    .bigh {
                        font-size: 20px!important;
                    }
                    .phone {
                        font-weight: 100;
                        display: block;
                    }
                    .email {
                        display: block;
                    }
                    #i1 {
                        margin-bottom: 20px!important;
                        width: 100%!important;
                        height: 380px!important;
                        background: url(../img/bg1.jpg)!important;
                        background-size: cover!important;
                        background-position: -100px 0!Important;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    @media (min-height: 550px)
                    {
                        .promo {
                            width: 240px;
                            padding-top: 140px!important;
                        }
                        .maincontent {
                            background-position: -250px 0px!important;
                        }
                    }
                    @media (min-height: 600px)
                    {
                        .promo {
                            width: 240px;
                            padding-top: 180px!important;
                        }
                        .maincontent {
                            background-position: -300px 0px!important;
                        }
                    }
                    .container {
                        width: 340px;
                        margin: 0 auto;
                    }
                    .footcont {
                        width: 340px;
                        margin: 0 auto;
                        text-align: center!important;
                    }
                    .footcont a {
                        float: none!important;
                    }
                    /*CONTENTBLOCK*/
                    .contentblock {
                        width: 100%;
                    }
                    /**/
                    .activitypage {
                        min-height: 0px!important;
                    }
                    .payform {
                        width: 300px!important;
                        margin: 0 auto;
                    }
                    /* PROMO */
                    .promo-block-title {
                        font-size: 30px;
                        color: #fff;
                        line-height: 1;
                        padding-bottom: 15px;
                        margin-bottom: 0;
                    }
                    .promo span{
                        font-size: 14px;
                        color: #fff;
                    }
                    .promo hr {
                        border: 0;
                        height: 3px;
                        background-color: rgba(255, 255, 255, .8);
                        width: 240px;
                        display: block;
                    }
                    .blogitem {
                        min-height: 500px!important;
                    }
                    .blogleft {
                        width: 100%;
                        float: none;
                    }
                    .blogleft img {
                        width: 100%;
                        height: 180px;
                    }
                    .blogright {
                        position: inherit;
                        width: 100%;
                        float: none;
                    }
                    .blogitem {
                        width: 100%;
                        height: 23.8%;
                    }
                    .blogright h1 {
                        margin-top: 0;
                        padding-top: 0;
                        font-size: 20px;
                        font-weight: 700;
                        margin-top: 0;
                        padding-top: 0;
                        margin-bottom: 20px;
                    }
                    .blogright a {
                        color: black;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    .blogright a:focus, .blogright a:hover, .blogright a:active {
                        outline: 0;
                        color: #999caa;
                        text-decoration: none;
                    }
                    .blogitem:first-child {
                        margin-top: 0!important;
                    }
                    .blogitem>hr {
                        border: 0;
                        height: 1px;
                        background-color: #eee;
                    }
                    .blogitem:last-child>hr {
                        height: 0;
                    }
                    .readbtn {
                        display: inline-block;
                        margin-bottom: 20px;
                        padding-left: 20px;
                        padding-right: 20px;
                        padding-top: 8px;
                        padding-bottom: 8px;
                        border-radius: 5px;
                        font-weight: 400;
                        font-size: 16px;
                        text-decoration: none!important;
                        background: rgba(59, 89, 152, 1);
                        color: white!important;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    .readbtn:hover {
                        color: white!important;
                        background: rgba(59, 89, 152, 0.8);
                    }
                    .pagination {
                        clear: both;
                    }
                    .pagination a {
                        font-weight: 300;
                        margin-right: 20px;
                    }
                    /**/
                    .activitypage {
                        min-height: 0px!important;
                    }
                    /**/
                    .reviews {
                        margin-top: 20px;
                        display: block;
                        width: 100%;
                        min-height: 300px;
                        padding-bottom: 15px;
                    }
                    .commentform {
                        width: 100%!important;
                        padding-bottom: 15px;
                    }
                    .buybtnWr {
                        margin-right: 0!important;
                        padding-left: 0!important;
                        padding-right: 0!important;
                        margin-top: 10px;
                        margin-bottom: 20px;
                        display: block;
                        text-align: center;
                        margin-right: 0!important;
                        padding-left: 0px!important;
                        padding-right: 0px!important;
                    }
                    .buybtnEl {
                        padding-left: 0!important;
                        padding-right: 0!important;
                        display: block;
                        text-align: center;
                        margin-top: 0!important;
                        margin-right: 0!important;
                        padding-left: 0px!important;
                        padding-right: 0px!important;
                    }
                    /* */
                    .book {
                        min-height: 460px!important;
                        padding: 0!important;
                    }
                    .bookleft {
                        width: 100%!important;
                        float: none;
                    }
                    .bookleft img {
                        width: 100%;
                        height: 180px;
                    }
                    .bookright {
                        width: 100%;
                        float: none;
                    }
                    .bookright h1 {
                        font-size: 20px;
                        font-weight: 700;
                        margin-top: 0;
                        padding-top: 0;
                        margin-bottom: 20px;
                    }
                    .seebook {
                        display: block;
                        margin-right: 0;
                        font-weight: 400;
                    }
                    .seebook:after {
                        content: "\f105";
                        font-family: FontAwesome;
                        position: relative;
                        margin-left: 15px;
                    }
                    /* */
                    .activitybutton {
                        position: relative;
                        cursor: pointer;
                        height: 23%!important;
                        border: 1px #eee solid;
                        color: white;
                        padding-left: 40px;
                    }
                    .activitybutton:after {
                        content: "\f105";
                        font-family: FontAwesome;
                        position: absolute;
                        top: 24%!important;
                        right: 40px!important;
                        font-size: 60px;
                    }
                    .activitybutton h1 {
                        padding-top: 9%!important;
                        font-size: 20px;
                    }
                    /*SIDEBAR*/
                    .sidebar {
                        width: 100%!important;
                        display: block;
                        margin-bottom: 15px;
                    }
                    .sidebar>.content h1 {
                        text-align: left;
                        margin-bottom: 0!important;
                        padding-bottom: 0!important;
                        font-size: 20px;
                        color: black;
                    }
                    .sidebar>.content a {
                        margin-top: 15px;
                        text-align: left;
                        display: block;
                        position: relative!important;
                        font-weight: 400;
                        color: black;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                        outline: 0;
                        color: #999caa;
                        text-decoration: none;
                    }
                    .sidebar>.content a::before {
                        content: "\f104";
                        font-family: FontAwesome;
                        margin-right: 10px;
                    }
                    .line {
                        display: block;
                        padding-bottom: 10px;
                        border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                    }
                    .sidebar>.content>.line {
                        top: 20px!important;
                    }
                    /**/
                    .lftbgimg {
                        float: left;
                        width: 100%;
                    }
                    #i5 {
                        width: 100%;
                        height: 250px;
                        background: url(../img/medal1.jpg);
                        background-size: cover;
                        background-blend-mode: multiply;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    #i5:hover {
                        background-color: transparent;
                    }
                    .rghtbgimg {
                        float: right;
                        width: 100%;
                    }
                    #i6 {
                        width: 100%;
                        height: 300px;
                        background: url(../img/medal2.jpg);
                        background-size: cover;
                        background-blend-mode: multiply;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    #i6:hover {
                        background-color: transparent;
                    }
                    #i7 {
                        float: left;
                        width: 49.99%;
                        height: 250px;
                        background: url(../img/medal3.jpg);
                        background-size: cover;
                        background-blend-mode: multiply;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    #i7:hover {
                        background-color: transparent;
                    }
                    #i8 {
                        float: right;
                        width: 49.99%;
                        height: 250px;
                        background: url(../img/medal1.jpg);
                        background-size: cover;
                        background-blend-mode: multiply;
                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                    }
                    #i8:hover {
                        background-color: transparent;
                    }
                    @media (min-width: 410px) {
                        .date {
                            display: block!important;
                            margin-top: 15px!important;
                        }
                        .bigh {
                            font-size: 20px!important;
                        }
                        .phone {
                            font-weight: 100;
                            display: block;
                        }
                        .email {
                            display: block;
                        }
                        #i1 {
                            margin-bottom: 20px !important;
                            width: 100% !important;
                            height: 380px !important;
                            background: url(../img/bg1.jpg) !important;
                            background-size: cover !important;
                            background-position: -100px 0 !Important;
                            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        }
                        .activitybutton h1 {
                            font-size: 37px!important;
                        }
                        .container {
                            width: 390px;
                            margin: 0 auto;
                        }
                        .footcont {
                            width: 390px;
                            margin: 0 auto;
                            text-align: center!important;
                        }
                        .footcont a {
                            float: none!important;
                        }
                        /*CONTENTBLOCK*/
                        .contentblock {
                            width: 100%;
                        }
                        /**/
                        .activitypage {
                            min-height: 0px!important;
                        }
                        .payform {
                            width: 300px!important;
                            margin: 0 auto;
                        }
                        /* PROMO */
                        .promo-block-title {
                            font-size: 32px;
                            color: #fff;
                            line-height: 1;
                            padding-bottom: 15px;
                            margin-bottom: 0;
                        }
                        .promo {
                            width: 260px;
                            padding-top: 200px!important;
                        }
                        .promo span{
                            font-size: 16px;
                            color: #fff;
                        }
                        .promo hr {
                            border: 0;
                            height: 3px;
                            background-color: rgba(255, 255, 255, .8);
                            width: 260px;
                            display: block;
                        }
                        .blogitem {
                            min-height: 500px!important;
                        }
                        .blogleft {
                            width: 100%;
                            float: none;
                        }
                        .blogleft img {
                            width: 100%;
                            height: 200px;
                        }
                        .blogright {
                            position: inherit;
                            width: 100%;
                            float: none;
                        }
                        .blogitem {
                            width: 100%;
                            height: 23.8%;
                        }
                        .blogright h1 {
                            margin-top: 0;
                            padding-top: 0;
                            font-size: 20px;
                            font-weight: 700;
                            margin-top: 0;
                            padding-top: 0;
                            margin-bottom: 20px;
                        }
                        .blogright a {
                            color: black;
                            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        }
                        .blogright a:focus, .blogright a:hover, .blogright a:active {
                            outline: 0;
                            color: #999caa;
                            text-decoration: none;
                        }
                        .blogitem:first-child {
                            margin-top: 0!important;
                        }
                        .blogitem>hr {
                            border: 0;
                            height: 1px;
                            background-color: #eee;
                        }
                        .blogitem:last-child>hr {
                            height: 0;
                        }
                        .readbtn {
                            display: inline-block;
                            margin-bottom: 20px;
                            padding-left: 20px;
                            padding-right: 20px;
                            padding-top: 8px;
                            padding-bottom: 8px;
                            border-radius: 5px;
                            font-weight: 400;
                            font-size: 16px;
                            text-decoration: none!important;
                            background: rgba(59, 89, 152, 1);
                            color: white!important;
                            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        }
                        .readbtn:hover {
                            color: white!important;
                            background: rgba(59, 89, 152, 0.8);
                        }
                        .pagination {
                            clear: both;
                        }
                        .pagination a {
                            font-weight: 300;
                            margin-right: 20px;
                        }
                        /**/
                        .activitypage {
                            min-height: 553px!important;
                        }
                        /**/
                        .reviews {
                            margin-top: 20px;
                            display: block;
                            width: 100%;
                            min-height: 300px;
                            padding-bottom: 15px;
                        }
                        .commentform {
                            width: 100%!important;
                            padding-bottom: 15px;
                        }
                        .buybtnWr {
                            margin-right: 0!important;
                            padding-left: 0!important;
                            padding-right: 0!important;
                            margin-top: 10px;
                            margin-bottom: 20px;
                            display: block;
                            text-align: center;
                            margin-right: 0!important;
                            padding-left: 0px!important;
                            padding-right: 0px!important;
                        }
                        .buybtnEl {
                            padding-left: 0!important;
                            padding-right: 0!important;
                            display: block;
                            text-align: center;
                            margin-top: 0!important;
                            margin-right: 0!important;
                            padding-left: 0px!important;
                            padding-right: 0px!important;
                        }
                        /* */
                        .book {
                            min-height: 460px!important;
                            padding: 0!important;
                        }
                        .bookleft {
                            width: 100%!important;
                            float: none;
                        }
                        .bookleft img {
                            width: 100%;
                            height: 180px;
                        }
                        .bookright {
                            width: 100%;
                            float: none;
                        }
                        .bookright h1 {
                            font-size: 20px;
                            font-weight: 700;
                            margin-top: 0;
                            padding-top: 0;
                            margin-bottom: 20px;
                        }
                        .seebook {
                            display: inline!important;
                            margin-right: 60px!important;
                            font-weight: 400;
                        }
                        .seebook:after {
                            content: "\f105";
                            font-family: FontAwesome;
                            position: relative;
                            margin-left: 15px;
                        }
                        /* */
                        .activitybutton {
                            position: relative;
                            cursor: pointer;
                            height: 23%!important;
                            border: 1px #eee solid;
                            color: white;
                            padding-left: 40px;
                        }
                        .activitybutton:after {
                            content: "\f105";
                            font-family: FontAwesome;
                            position: absolute;
                            top: 24%!important;
                            right: 40px!important;
                            font-size: 60px;
                        }
                        .activitybutton h1 {
                            padding-top: 9%!important;
                            font-size: 20px;
                        }
                        @media (max-height: 320px)
                        {
                            .maincontent {
                                background-position: 0 0px!important;
                            }
                            /* PROMO */
                            .promo {
                                width: 260px;
                                padding-top: 20px!important;
                            }
                            .activitybutton {
                                position: relative;
                                cursor: pointer;
                                height: 180px!important;
                                border: 1px #eee solid;
                                color: white;
                                padding-left: 40px;
                            }
                        }
                        /*SIDEBAR*/
                        .sidebar {
                            width: 100%!important;
                            display: block;
                            margin-bottom: 15px;
                        }
                        .sidebar>.content h1 {
                            text-align: left;
                            margin-bottom: 0!important;
                            padding-bottom: 0!important;
                            font-size: 20px;
                            color: black;
                        }
                        .sidebar>.content a {
                            margin-top: 15px;
                            text-align: left;
                            display: block;
                            position: relative!important;
                            font-weight: 400;
                            color: black;
                            -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                        }
                        .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                            outline: 0;
                            color: #999caa;
                            text-decoration: none;
                        }
                        .sidebar>.content a::before {
                            content: "\f104";
                            font-family: FontAwesome;
                            margin-right: 10px;
                        }
                        .line {
                            display: block;
                            padding-bottom: 10px;
                            border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                        }
                        .sidebar>.content>.line {
                            top: 20px!important;
                        }
                        @media (min-width: 620px) {
                            .viberbtn
                            {
                                line-height: 30px;
                                display: inline-block;
                                width: 190px;
                                margin-top: 5px;
                                margin-bottom: 15px;
                                padding: 8px;
                                border-radius: 5px;
                                font-weight: 400;
                                font-size: 16px;
                                text-decoration: none!important;
                                background: rgba(124, 81, 158, 1);
                                color: white!important;
                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            }
                            .viberbtn:hover {
                                color: white!important;
                                background: rgba(124, 81, 158, 0.8);
                            }
                            .date {
                                display: block!important;
                                margin-top: 15px!important;
                            }
                            .bigh {
                                font-size: 20px!important;
                            }
                            .phone {
                                font-weight: 100;
                                display: block;
                            }
                            .email {
                                display: block;
                            }
                            #i1 {
                                margin-bottom: 20px!important;
                                width: 100%!important;
                                height: 380px!important;
                                background: url(../img/bg1.jpg)!important;
                                background-size: cover!important;
                                background-position: -100px 0!Important;
                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            }
                            .maincontent {
                                background-position: -400px 0!important;
                            }
                            .activitybutton h1 {
                                font-size: 37px!important;
                            }
                            .container {
                                width: 610px;
                                margin: 0 auto;
                            }
                            .footcont {
                                width: 610px;
                                margin: 0 auto;
                                text-align: center!important;
                            }
                            .footcont a {
                                float: none!important;
                            }
                            /*CONTENTBLOCK*/
                            .contentblock {
                                width: 100%;
                            }
                            /**/
                            .activitypage {
                                min-height: 553px!important;
                            }
                            .payform {
                                width: 300px!important;
                                margin: 0 auto;
                            }
                            /* PROMO */
                            .promo-block-title {
                                font-size: 45px;
                                color: #fff;
                                line-height: 1;
                                padding-bottom: 15px;
                                margin-bottom: 0;
                            }
                            .promo {
                                width: 320px;
                                padding-top: 280px!important;
                            }
                            .promo span{
                                font-size: 16px;
                                color: #fff;
                            }
                            .promo hr {
                                border: 0;
                                height: 3px;
                                background-color: rgba(255, 255, 255, .8);
                                width: 320px;
                                display: block;
                            }
                            @media (min-height: 270px)
                            {
                                .maincontent {
                                    background-position: 0 0px!important;
                                }
                                .promo {
                                    width: 250px;
                                    padding-top: 10px!important;
                                }
                                .promo-block-title {
                                    font-size: 30px;
                                    color: #fff;
                                    line-height: 1;
                                    padding-bottom: 5px;
                                    margin-bottom: 0;
                                }
                                .promo span{
                                    font-size: 14px;
                                    color: #fff;
                                }
                                .promo hr {
                                    border: 0;
                                    height: 3px;
                                    background-color: rgba(255, 255, 255, .8);
                                    width: 250px!important;
                                    display: block;
                                }
                            }
                            .blogitem {
                                min-height: 500px!important;
                            }
                            .blogleft {
                                width: 100%;
                                float: none;
                            }
                            .blogleft img {
                                width: 100%;
                                height: 230px;
                            }
                            .blogright {
                                position: inherit;
                                width: 100%;
                                float: none;
                            }
                            .blogitem {
                                width: 100%;
                                height: 23.8%;
                            }
                            .blogright h1 {
                                margin-top: 0;
                                padding-top: 0;
                                font-size: 20px;
                                font-weight: 700;
                                margin-top: 0;
                                padding-top: 0;
                                margin-bottom: 20px;
                            }
                            .blogright a {
                                color: black;
                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            }
                            .blogright a:focus, .blogright a:hover, .blogright a:active {
                                outline: 0;
                                color: #999caa;
                                text-decoration: none;
                            }
                            .blogitem:first-child {
                                margin-top: 0!important;
                            }
                            .blogitem>hr {
                                border: 0;
                                height: 1px;
                                background-color: #eee;
                            }
                            .blogitem:last-child>hr {
                                height: 0;
                            }
                            .readbtn {
                                display: inline-block;
                                margin-bottom: 20px;
                                padding-left: 20px;
                                padding-right: 20px;
                                padding-top: 8px;
                                padding-bottom: 8px;
                                border-radius: 5px;
                                font-weight: 400;
                                font-size: 16px;
                                text-decoration: none!important;
                                background: rgba(59, 89, 152, 1);
                                color: white!important;
                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            }
                            .readbtn:hover {
                                color: white!important;
                                background: rgba(59, 89, 152, 0.8);
                            }
                            .pagination {
                                clear: both;
                            }
                            .pagination a {
                                font-weight: 300;
                                margin-right: 20px;
                            }
                            /**/
                            .activitypage {
                                min-height: 553px!important;
                            }
                            /**/
                            .reviews {
                                margin-top: 20px;
                                display: block;
                                width: 100%;
                                min-height: 300px;
                                padding-bottom: 15px;
                            }
                            .commentform {
                                width: 100%!important;
                                padding-bottom: 15px;
                            }
                            .buybtnWr {
                                margin-right: 0!important;
                                padding-left: 0!important;
                                padding-right: 0!important;
                                margin-top: 10px;
                                margin-bottom: 20px;
                                display: block;
                                text-align: center;
                                margin-right: 0!important;
                                padding-left: 0px!important;
                                padding-right: 0px!important;
                            }
                            .buybtnEl {
                                padding-left: 0!important;
                                padding-right: 0!important;
                                display: block;
                                text-align: center;
                                margin-top: 0!important;
                                margin-right: 0!important;
                                padding-left: 0px!important;
                                padding-right: 0px!important;
                            }
                            /* */
                            .book {
                                min-height: 460px!important;
                                padding: 0!important;
                            }
                            .bookleft {
                                width: 100%!important;
                                float: none;
                            }
                            .bookleft img {
                                width: 100%;
                                height: 180px;
                            }
                            .bookright {
                                width: 100%;
                                float: none;
                            }
                            .bookright h1 {
                                font-size: 20px;
                                font-weight: 700;
                                margin-top: 0;
                                padding-top: 0;
                                margin-bottom: 20px;
                            }
                            .seebook {
                                margin-right: 60px;
                                font-weight: 400;
                            }
                            .seebook:after {
                                content: "\f105";
                                font-family: FontAwesome;
                                position: relative;
                                margin-left: 15px;
                            }
                            /* */
                            .activitybutton {
                                position: relative;
                                cursor: pointer;
                                height: 180px!important;
                                border: 1px #eee solid;
                                color: white;
                                padding-left: 40px;
                            }
                            .activitybutton:after {
                                content: "\f105";
                                font-family: FontAwesome;
                                position: absolute;
                                top: 24%!important;
                                right: 40px!important;
                                font-size: 60px;
                            }
                            .activitybutton h1 {
                                padding-top: 9%!important;
                                font-size: 20px;
                            }
                            /*SIDEBAR*/
                            .sidebar {
                                width: 100%!important;
                                display: block;
                                margin-bottom: 15px;
                            }
                            .sidebar>.content h1 {
                                text-align: left;
                                margin-bottom: 0!important;
                                padding-bottom: 0!important;
                                font-size: 20px;
                                color: black;
                            }
                            .sidebar>.content a {
                                margin-top: 15px;
                                text-align: left;
                                display: block;
                                position: relative!important;
                                font-weight: 400;
                                color: black;
                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                            }
                            .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                                outline: 0;
                                color: #999caa;
                                text-decoration: none;
                            }
                            .sidebar>.content a::before {
                                content: "\f104";
                                font-family: FontAwesome;
                                margin-right: 10px;
                            }
                            .line {
                                display: block;
                                padding-bottom: 10px;
                                border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                            }
                            .sidebar>.content>.line {
                                top: 20px!important;
                            }
                            @media (min-width: 735px) {
                                .lftbgimg {
                                    float: left;
                                    width: 49.7%;
                                }
                                #i5 {
                                    width: 100%;
                                    height: 350px;
                                    background: url(../img/medal1.jpg);
                                    background-size: cover;
                                    background-blend-mode: multiply;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                #i5:hover {
                                    background-color: transparent;
                                }
                                .rghtbgimg {
                                    float: right;
                                    width: 100%;
                                }
                                #i6 {
                                    width: 100%;
                                    height: 300px;
                                    background: url(../img/medal2.jpg);
                                    background-size: cover;
                                    background-blend-mode: multiply;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                #i6:hover {
                                    background-color: transparent;
                                }
                                #i7 {
                                    float: left;
                                    width: 49.6%;
                                    margin-top: 5px;
                                    height: 250px;
                                    background: url(../img/medal3.jpg);
                                    background-size: cover;
                                    background-blend-mode: multiply;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                #i7:hover {
                                    background-color: transparent;
                                }
                                #i8 {
                                    float: right;
                                    width: 49.6%;
                                    margin-top: 5px;
                                    height: 250px;
                                    background: url(../img/medal1.jpg);
                                    background-size: cover;
                                    background-blend-mode: multiply;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                #i8:hover {
                                    background-color: transparent;
                                }
                                /**/
                                .date {
                                    display: inline!important;
                                    margin-top: 15px!important;
                                }
                                .bigh {
                                    font-size: 27px!important;
                                }
                                .phone {
                                    font-weight: 100;
                                    display: inline!important;
                                }
                                .email {
                                    display: inline!important;
                                }
                                #i1 {
                                    margin-bottom: 20px!important;
                                    width: 100%!important;
                                    height: 380px!important;
                                    background: url(../img/bg1.jpg)!important;
                                    background-size: cover!important;
                                    background-blend-mode: multiply!important;
                                    background-position: 0 0!important;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                #i1:hover {
                                    background-color: transparent!important;
                                }
                                .reviews {
                                    margin-top: 20px!important;
                                    display: inline-block!important;
                                    width: 49.5%!important;
                                    min-height: 300px!important;
                                    padding-right: 15px!important;
                                    padding-bottom: 15px!important;
                                    border-right: 1px #eee solid!important;
                                }
                                .blogleft {
                                    width: 31%;
                                    float: left;
                                }
                                .blogleft img {
                                    width: 100%;
                                    height: 190px!important;
                                }
                                .blogright {
                                    position: relative;
                                    width: 54%;
                                    float: left;
                                    padding-left: 55px!important;
                                }
                                .blogitem {
                                    width: 100%;
                                    height: 23.8%;
                                }
                                .blogright h1 {
                                    margin-top: 0;
                                    padding-top: 0;
                                    font-size: 20px;
                                    font-weight: 700;
                                    margin-top: 0;
                                    padding-top: 0;
                                    margin-bottom: 20px;
                                }
                                .blogright a {
                                    color: black;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                .blogright a:focus, .blogright a:hover, .blogright a:active {
                                    outline: 0;
                                    color: #999caa;
                                    text-decoration: none;
                                }
                                .blogitem:first-child {
                                    margin-top: 0!important;
                                }
                                .blogitem>hr {
                                    border: 0;
                                    height: 1px;
                                    background-color: #eee;
                                }
                                .blogitem:last-child>hr {
                                    height: 0;
                                }
                                .readbtn {
                                    display: inline-block;
                                    margin-bottom: 20px;
                                    padding-left: 20px;
                                    padding-right: 20px;
                                    padding-top: 8px;
                                    padding-bottom: 8px;
                                    border-radius: 5px;
                                    font-weight: 400;
                                    font-size: 16px;
                                    text-decoration: none!important;
                                    background: rgba(59, 89, 152, 1);
                                    color: white!important;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                .readbtn:hover {
                                    color: white!important;
                                    background: rgba(59, 89, 152, 0.8);
                                }
                                .pagination {
                                    clear: both;
                                }
                                .pagination a {
                                    font-weight: 300;
                                    margin-right: 20px;
                                }
                                .book {
                                    padding: 15px!important;
                                }
                                .payform {
                                    width: 400px!important;
                                    margin: 0 auto;
                                }
                                .container {
                                    width: 715px;
                                    margin: 0 auto;
                                }
                                .footcont {
                                    width: 715px;
                                    margin: 0 auto;
                                    text-align: auto!important;
                                }
                                .footcont a {
                                    float: right!important;
                                }
                                .comments {
                                    float: left;
                                    width: 49%;
                                }
                                .fcomment {
                                    border-left: 1px #eee solid;
                                    float: left;
                                    width: 49%;
                                    padding-left: 10px;
                                }
                                .control {
                                    width: 100%;
                                    min-height: 40px;
                                    font-size: 16px;
                                    border: 1px #eee solid;
                                    margin-top: 10px;
                                }
                                .control:first-child {
                                    margin-top: 0;
                                }
                                /*CONTENTBLOCK*/
                                .contentblock {
                                    width: 100%;
                                }
                                /**/
                                .activitypage {
                                    min-height: 553px!important;
                                }
                                /* PROMO */
                                @media (min-height: 270px)
                                {
                                    .maincontent {
                                        background-position: 0 0px!important;
                                    }
                                    .promo {
                                        width: 250px;
                                        padding-top: 10px!important;
                                    }
                                    .promo-block-title {
                                        font-size: 30px!important;
                                        color: #fff;
                                        line-height: 1;
                                        padding-bottom: 5px;
                                        margin-bottom: 0;
                                    }
                                    .promo span{
                                        font-size: 14px;
                                        color: #fff;
                                    }
                                    .promo hr {
                                        border: 0;
                                        height: 3px;
                                        background-color: rgba(255, 255, 255, .8);
                                        width: 250px!important;
                                        display: block;
                                    }
                                }
                                @media (min-height: 400px)
                                {
                                    .maincontent {
                                        background-position: 0 0px!important;
                                    }
                                    .promo {
                                        width: 300px;
                                        padding-top: 30px!important;
                                    }
                                    .promo-block-title {
                                        font-size: 50px;
                                        color: #fff;
                                        line-height: 1;
                                        padding-bottom: 15px;
                                        margin-bottom: 0;
                                    }
                                    .promo span{
                                        font-size: 16px;
                                        color: #fff;
                                    }
                                    .promo hr {
                                        border: 0;
                                        height: 3px;
                                        background-color: rgba(255, 255, 255, .8);
                                        width: 300px!important;
                                        display: block;
                                    }
                                }
                                @media (min-height: 600px)
                                {
                                    .maincontent {
                                        background-position: 0 0px!important;
                                    }
                                    .promo-block-title {
                                        font-size: 70px!important;
                                        color: #fff;
                                        line-height: 1;
                                        padding-bottom: 15px;
                                        margin-bottom: 0;
                                    }
                                    .promo {
                                        width: 400px!important;
                                        padding-top: 100px!important;
                                    }
                                    .promo span{
                                        font-size: 18px!important;
                                        color: #fff;
                                    }
                                    .promo hr {
                                        border: 0;
                                        height: 3px;
                                        background-color: rgba(255, 255, 255, .8);
                                        width: 400px!important;
                                        display: block;
                                    }
                                }
                                .blogitem {
                                    min-height: 210px!important;
                                }
                                /**/
                                .activitypage {
                                    min-height: 560px!important;
                                }
                                /**/
                                .commentform {
                                    float: right;
                                    width: 45%!important;
                                    padding-left: 15px;
                                    padding-bottom: 15px;
                                }
                                .buybtnWr {
                                    display: block;
                                    width: 100px;
                                    padding-top: 8px!important;
                                    padding-bottom: 8px!important;
                                    padding-left: 20px!important;
                                    padding-right: 20px!important;
                                    border-radius: 5px;
                                    font-weight: 400;
                                    font-size: 16px;
                                    text-align: center;
                                }
                                /* */
                                .book {
                                    min-height: 260px!important;
                                }
                                .bookleft {
                                    width: 220px!important;
                                    float: left;
                                }
                                .bookleft img {
                                    width: 100%;
                                    height: 140px!important;
                                }
                                .bookright {
                                    padding-left: 15px!important;
                                    width: 60%;
                                    height: 210px!important;
                                    float: left;
                                }
                                .bookright h1 {
                                    font-size: 20px;
                                    font-weight: 700;
                                    margin-top: 0;
                                    padding-top: 0;
                                    margin-bottom: 20px;
                                }
                                .seebook {
                                    margin-right: 60px;
                                    font-weight: 400;
                                }
                                .seebook:after {
                                    content: "\f105";
                                    font-family: FontAwesome;
                                    position: relative;
                                    margin-left: 15px;
                                }
                                /* */
                                .activitybutton {
                                    position: relative;
                                    cursor: pointer;
                                    height: 200px!important;
                                    border: 1px #eee solid;
                                    color: white;
                                    padding-left: 40px;
                                }
                                .activitybutton:after {
                                    content: "\f105";
                                    font-family: FontAwesome;
                                    position: absolute;
                                    top: 32%!important;
                                    right: 40px!important;
                                    font-size: 100px;
                                }
                                .activitybutton h1 {
                                    padding-top: 9%!important;
                                }
                                /*SIDEBAR*/
                                .sidebar {
                                    width: 100%!important;
                                    display: block;
                                    margin-bottom: 15px;
                                }
                                .sidebar>.content h1 {
                                    text-align: left;
                                    margin-bottom: 0!important;
                                    padding-bottom: 0!important;
                                    font-size: 20px;
                                    color: black;
                                }
                                .sidebar>.content a {
                                    margin-top: 15px;
                                    text-align: left;
                                    display: block;
                                    position: relative!important;
                                    font-weight: 400;
                                    color: black;
                                    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                }
                                .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                                    outline: 0;
                                    color: #999caa;
                                    text-decoration: none;
                                }
                                .sidebar>.content a::before {
                                    content: "\f104";
                                    font-family: FontAwesome;
                                    margin-right: 10px;
                                }
                                .line {
                                    display: block;
                                    padding-bottom: 10px;
                                    border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                                }
                                .sidebar>.content>.line {
                                    top: 20px!important;
                                }
                                @media (min-width: 920px) {
                                    .aboutblock h2 {
                                        font-size: 27px;
                                    }
                                    .myworks{
                                        font-size: 27px;
                                    }
                                    .maincontent {
                                        background-position: 0 100px!important;
                                    }
                                    /*CONTENTBLOCK*/
                                    .contentblock {
                                        width: calc(100% - 276px)!important;
                                        padding-left: 20px!important;
                                        display: inline-block!important;
                                        border-left: 1px #eee solid!important;
                                    }
                                    /*SIDEBAR*/
                                    .sidebar {
                                        margin-bottom: 0!important;
                                        width: 250px!important;
                                        display: inline-block!important;
                                    }
                                    .sidebar>.content h1 {
                                        text-align: right;
                                        display: inline;
                                        font-size: 27px;
                                        color: black;
                                    }
                                    .sidebar>.content a {
                                        margin-top: 0!important;
                                        top: 100px!important;
                                        left: auto!important;
                                        position: fixed!important;
                                        font-weight: 400;
                                        color: black;
                                        -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                        -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                        -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                        -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                        transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
                                    }
                                    .sidebar>.content a:focus, .sidebar>.content a:hover, .sidebar>.content a:active {
                                        outline: 0;
                                        color: #999caa;
                                        text-decoration: none;
                                    }
                                    .sidebar>.content a::before {
                                        content: "\f104";
                                        font-family: FontAwesome;
                                        margin-right: 10px;
                                    }
                                    .line {
                                        display: inline-block;
                                        padding-bottom: 10px;
                                        border-bottom: 3px rgba(59, 89, 152, 0.5) solid;
                                    }
                                    /**/
                                    .activitypage {
                                        min-height: 553px!important;
                                    }
                                    /**/
                                    .container {
                                        width: 900px;
                                        margin: 0 auto;
                                    }
                                    .footcont {
                                        width: 900px;
                                        margin: 0 auto;
                                    }
                                    .navmenu, .navmenu-container {
                                        display: none!important;
                                    }
                                    .menu {
                                        display: inline!important;
                                    }
                                    /* PROMO */
                                    .promo-block-title {
                                        font-size: 70px;
                                        color: #fff;
                                        line-height: 1;
                                        padding-bottom: 15px;
                                        margin-bottom: 0;
                                    }
                                    .promo {
                                        width: 400px!important;
                                        padding-top: 50px!important;
                                    }
                                    .promo span{
                                        font-size: 20px;
                                        color: #fff;
                                    }
                                    .promo hr {
                                        border: 0;
                                        height: 3px;
                                        background-color: rgba(255, 255, 255, .8);
                                        width: 400px!important;
                                        display: block;
                                    }
                                    .blogitem {
                                        width: 100%;
                                        height: 23.8%;
                                    }
                                    .blogitem {
                                        min-height: 210px!important;
                                    }
                                    /**/
                                    .activitypage {
                                        min-height: 553px!important;
                                    }
                                    /**/
                                    .commentform {
                                        float: right;
                                        width: 45%!important;
                                        padding-left: 15px;
                                        padding-bottom: 15px;
                                    }
                                    .buybtnWr {
                                        display: block;
                                        width: 100px;
                                        padding-top: 8px!important;
                                        padding-bottom: 8px!important;
                                        padding-left: 20px!important;
                                        padding-right: 20px!important;
                                        border-radius: 5px;
                                        font-weight: 400;
                                        font-size: 16px;
                                        text-align: center;
                                    }
                                    /* */
                                    .book {
                                        min-height: 260px!important;
                                    }
                                    .bookleft {
                                        width: 220px!important;
                                        float: left;
                                    }
                                    .bookleft img {
                                        width: 100%;
                                        height: 140px!important;
                                    }
                                    .bookright {
                                        padding-left: 15px!important;
                                        width: 60%;
                                        height: 210px!important;
                                        float: left;
                                    }
                                    .bookright h1 {
                                        font-size: 20px;
                                        font-weight: 700;
                                        margin-top: 0;
                                        padding-top: 0;
                                        margin-bottom: 20px;
                                    }
                                    .seebook {
                                        margin-right: 60px;
                                        font-weight: 400;
                                    }
                                    .seebook:after {
                                        content: "\f105";
                                        font-family: FontAwesome;
                                        position: relative;
                                        margin-left: 15px;
                                    }
                                    /* */
                                    .activitybutton {
                                        position: relative;
                                        cursor: pointer;
                                        height: 35%!important;
                                        border: 1px #eee solid;
                                        color: white;
                                        padding-left: 40px;
                                    }
                                    .activitybutton:after {
                                        content: "\f105";
                                        font-family: FontAwesome;
                                        position: absolute;
                                        top: 25%!important;
                                        right: 40px!important;
                                        font-size: 100px;
                                    }
                                    .activitybutton h1 {
                                        padding-top: 6%!important;
                                    }
                                    .sidebar>.content>.line {
                                        position: fixed;
                                        top: 300px!important;
                                    }
                                    @media (min-width: 980px) {
                                        .container {
                                            width: 967px;
                                            margin: 0 auto;
                                        }
                                        .footcont {
                                            width: 967px;
                                            margin: 0 auto;
                                        }
                                        @media (min-width: 1020px){
                                            .maincontent {
                                                background-position: 0 100px!important;
                                            }
                                            .blogitem {
                                                width: 100%;
                                                height: 23.8%;
                                            }
                                            #i5 {
                                                width: 100%!important;
                                                height: 350px!important;
                                                background: url(../img/medal1.jpg)!important;
                                                background-size: cover!important;
                                                background-color: rgba(0, 0, 0, 0.5)!important;
                                                background-blend-mode: multiply!important;
                                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                            }
                                            #i5:hover {
                                                background-color: transparent!important;
                                            }
                                            .rghtbgimg {
                                                float: right;
                                                width: 100%;
                                            }
                                            #i6 {
                                                width: 100%!important;
                                                height: 250px!important;
                                                background: url(../img/medal2.jpg)!important;
                                                background-size: cover!important;
                                                background-color: rgba(0, 0, 0, 0.5)!important;
                                                background-blend-mode: multiply!important;
                                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                            }
                                            #i6:hover {
                                                background-color: transparent!important;
                                            }
                                            #i7 {
                                                float: left!important;
                                                width: 49.99%!important;
                                                margin-top: 0!important;
                                                height: 225px!important;
                                                background: url(../img/medal3.jpg)!important;
                                                background-size: cover!important;
                                                background-color: rgba(0, 0, 0, 0.5)!important;
                                                background-blend-mode: multiply!important;
                                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                            }
                                            #i7:hover {
                                                background-color: transparent!important;
                                            }
                                            #i8 {
                                                float: right!important;
                                                width: 49.99%!important;
                                                margin-top: 0!important;
                                                height: 225px!important;
                                                background: url(../img/medal1.jpg)!important;
                                                background-size: cover!important;
                                                background-color: rgba(0, 0, 0, 0.5)!important;
                                                background-blend-mode: multiply!important;
                                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                            }
                                            #i8:hover {
                                                background-color: transparent!important;
                                            }
                                            #i1 {
                                                margin-bottom: 20px!important;
                                                width: 100%!important;
                                                height: 380px!important;
                                                background: url(../img/bg1.jpg)!important;
                                                background-size: cover!important;
                                                background-blend-mode: multiply!important;
                                                background-color: rgba(0, 0, 0, 0.5)!important;
                                                background-position: 0 0!important;
                                                -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                                transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)!important;
                                            }
                                            #i1:hover {
                                                background-color: transparent!important;
                                            }
                                            .blogitem {
                                                min-height: 210px!important;
                                            }
                                            /**/
                                            .commentform {
                                                float: right;
                                                width: 45%!important;
                                                padding-left: 15px;
                                                padding-bottom: 15px;
                                            }
                                            .buybtnWr {
                                                display: block;
                                                width: 100px;
                                                padding-top: 8px!important;
                                                padding-bottom: 8px!important;
                                                padding-left: 20px!important;
                                                padding-right: 20px!important;
                                                border-radius: 5px;
                                                font-weight: 400;
                                                font-size: 16px;
                                                text-align: center;
                                            }
                                            /* */
                                            .book {
                                                min-height: 260px!important;
                                            }
                                            .bookleft {
                                                width: 220px!important;
                                                float: left;
                                            }
                                            .bookleft img {
                                                width: 100%;
                                                height: 140px!important;
                                            }
                                            .bookright {
                                                padding-left: 15px!important;
                                                width: 60%;
                                                height: 210px!important;
                                                float: left;
                                            }
                                            .bookright h1 {
                                                font-size: 20px;
                                                font-weight: 700;
                                                margin-top: 0;
                                                padding-top: 0;
                                                margin-bottom: 20px;
                                            }
                                            .seebook {
                                                margin-right: 60px;
                                                font-weight: 400;
                                            }
                                            .seebook:after {
                                                content: "\f105";
                                                font-family: FontAwesome;
                                                position: relative;
                                                margin-left: 15px;
                                            }
                                            /* */
                                            .activitybutton {
                                                position: relative;
                                                cursor: pointer;
                                                height: 35%!important;
                                                border: 1px #eee solid;
                                                color: white;
                                                padding-left: 40px;
                                            }
                                            .activitybutton:after {
                                                content: "\f105";
                                                font-family: FontAwesome;
                                                position: absolute;
                                                top: 25%!important;
                                                right: 40px!important;
                                                font-size: 100px;
                                            }
                                            .activitybutton h1 {
                                                padding-top: 9%!important;
                                            }
                                            @media (min-height: 500px)
                                            {
                                                /**/
                                                .activitypage {
                                                    min-height: 453px!important;
                                                }
                                                .promo {
                                                    width: 300px;
                                                    padding-top: 50px!important;
                                                }
                                                .sidebar>.content>.line {
                                                    position: fixed;
                                                    top: 300px!important;
                                                }
                                            }
                                            @media (min-height: 600px)
                                            {
                                                /**/
                                                .activitypage {
                                                    min-height: 363px!important;
                                                }
                                                .promo {
                                                    width: 300px;
                                                    padding-top: 170px!important;
                                                }
                                                .sidebar>.content>.line {
                                                    position: fixed;
                                                    top: 350px!important;
                                                }
                                            }
                                            /* PROMO */
                                            .promo-block-title {
                                                font-size: 50px;
                                                color: #fff;
                                                line-height: 1;
                                                padding-bottom: 15px;
                                                margin-bottom: 0;
                                            }
                                            .promo span{
                                                font-size: 20px;
                                                color: #fff;
                                            }
                                            .promo hr {
                                                border: 0;
                                                height: 3px;
                                                background-color: rgba(255, 255, 255, .8);
                                                width: 300px;
                                                display: block;
                                            }
                                            @media (min-width: 1200px){
                                                .maincontent {
                                                    background-position: 0 100px!important;
                                                }
                                                .blogitem {
                                                    width: 100%;
                                                    height: 23.8%;
                                                }
                                                /* */
                                                .book {
                                                    min-height: auto!important;
                                                }
                                                /* */
                                                .blogitem {
                                                    min-height: auto!important;
                                                }
                                                /**/
                                                .commentform {
                                                    float: right;
                                                    width: 47%!important;
                                                    padding-left: 15px;
                                                    padding-bottom: 15px;
                                                }
                                                .buybtnWr {
                                                    display: block;
                                                    width: 100px;
                                                    padding-top: 8px!important;
                                                    padding-bottom: 8px!important;
                                                    padding-left: 20px!important;
                                                    padding-right: 20px!important;
                                                    border-radius: 5px;
                                                    font-weight: 400;
                                                    font-size: 16px;
                                                    text-align: center;
                                                }
                                                /* */
                                                @media (min-height: 550px)
                                                {
                                                    .book {
                                                        min-height: auto!important;
                                                        height: 37%!important;
                                                    }
                                                }
                                                @media (min-height: 620px)
                                                {
                                                    .book {
                                                        min-height: auto!important;
                                                        height: 23%!important;
                                                    }
                                                }
                                                .bookleft {
                                                    width: 28%!important;
                                                    float: left;
                                                }
                                                .bookleft img {
                                                    width: 100%;
                                                    height: 190px!important;
                                                }
                                                .bookright {
                                                    padding-left: 55px!important;
                                                    width: 54%;
                                                    float: left;
                                                    height: auto!important;
                                                }
                                                .bookright h1 {
                                                    font-size: 20px;
                                                    font-weight: 700;
                                                    margin-top: 0;
                                                    padding-top: 0;
                                                    margin-bottom: 20px;
                                                }
                                                .seebook {
                                                    margin-right: 60px;
                                                    font-weight: 400;
                                                }
                                                .seebook:after {
                                                    content: "\f105";
                                                    font-family: FontAwesome;
                                                    position: relative;
                                                    margin-left: 15px;
                                                }
                                                /* */
                                                .activitybutton {
                                                    position: relative;
                                                    cursor: pointer;
                                                    height: 35%!important;
                                                    border: 1px #eee solid;
                                                    color: white;
                                                    padding-left: 40px;
                                                }
                                                .activitybutton:after {
                                                    content: "\f105";
                                                    font-family: FontAwesome;
                                                    position: absolute;
                                                    top: 30%!important;
                                                    right: 40px!important;
                                                    font-size: 100px;
                                                }
                                                .activitybutton h1 {
                                                    padding-top: 9%!important;
                                                }
                                                /* */
                                                .sidebar>.content>.line {
                                                    position: fixed;
                                                    top: 360px!important;
                                                }
                                                /* PROMO */
                                                .promo-block-title {
                                                    font-size: 70px;
                                                    color: #fff;
                                                    line-height: 1;
                                                    padding-bottom: 15px;
                                                    margin-bottom: 0;
                                                }
                                                @media (min-height: 400px)
                                                {
                                                    /**/
                                                    .activitypage {
                                                        min-height: 579px!important;
                                                    }
                                                    .promo {
                                                        width: 400px;
                                                        padding-top: 120px!important;
                                                    }
                                                    .promo span{
                                                        font-size: 25px;
                                                        color: #fff;
                                                    }
                                                    .promo hr {
                                                        border: 0;
                                                        height: 3px;
                                                        background-color: rgba(255, 255, 255, .8);
                                                        width: 400px;
                                                        display: block;
                                                    }
                                                }
                                                @media (min-height: 700px)
                                                {
                                                    /**/
                                                    .activitypage {
                                                        min-height: 610px!important;
                                                    }
                                                    .promo {
                                                        width: 400px;
                                                        padding-top: 180px!important;
                                                    }
                                                    .promo span{
                                                        font-size: 25px;
                                                        color: #fff;
                                                    }
                                                    .promo hr {
                                                        border: 0;
                                                        height: 3px;
                                                        background-color: rgba(255, 255, 255, .8);
                                                        width: 400px;
                                                        display: block;
                                                    }
                                                }
                                                .buybtnEl {
                                                    font-size: 16px;
                                                }
                                                .buybtnWr {
                                                    padding-top: 8px!important;
                                                    padding-bottom: 8px!important;
                                                    padding-left: 20px!important;
                                                    padding-right: 20px!important;
                                                    font-size: 16px;
                                                }
                                                .footcont {
                                                    width: 1197px;
                                                    margin: 0 auto;
                                                }
                                                .container {
                                                    width: 1197px;
                                                    margin: 0 auto;
                                                }
                                                @media (min-width: 1340px) {
                                                    .maincontent {
                                                        background-position: 0 100px!important;
                                                    }
                                                    .blogitem {
                                                        width: 100%;
                                                        height: 35%;
                                                    }
                                                    /* */
                                                    .book {
                                                        min-height: auto!important;
                                                    }
                                                    /* */
                                                    .blogitem {
                                                        min-height: auto!important;
                                                    }
                                                    /**/
                                                    @media(min-height: 550px)
                                                    {
                                                        .activitypage {
                                                            min-height: 410px!important;
                                                        }
                                                        /**/
                                                    }
                                                    @media(min-height: 700px)
                                                    {
                                                        .activitypage {
                                                            min-height: 543px!important;
                                                        }
                                                    }
                                                    @media(min-height: 800px)
                                                    {
                                                        .activitypage {
                                                            min-height: 668px!important;
                                                        }
                                                    }
                                                    .commentform {
                                                        float: right;
                                                        width: 47%!important;
                                                        padding-left: 15px;
                                                        padding-bottom: 15px;
                                                    }
                                                    .buybtnWr {
                                                        display: block;
                                                        width: 100px;
                                                        padding-top: 8px!important;
                                                        padding-bottom: 8px!important;
                                                        padding-left: 20px!important;
                                                        padding-right: 20px!important;
                                                        border-radius: 5px;
                                                        font-weight: 400;
                                                        font-size: 16px;
                                                        text-align: center;
                                                    }
                                                    /* */
                                                    @media (min-height: 550px)
                                                    {
                                                        .book {
                                                            min-height: auto!important;
                                                            height: 29%!important;
                                                        }
                                                    }
                                                    @media (min-height: 700px)
                                                    {
                                                        .book {
                                                            min-height: auto!important;
                                                            height: 22%!important;
                                                        }
                                                    }
                                                    .bookleft {
                                                        width: 28%!important;
                                                        float: left;
                                                    }
                                                    .bookleft img {
                                                        width: 100%;
                                                        height: 190px!important;
                                                    }
                                                    .bookright {
                                                        padding-left: 55px!important;
                                                        width: 54%;
                                                        float: left;
                                                        height: auto!important;
                                                    }
                                                    .bookright h1 {
                                                        font-size: 20px;
                                                        font-weight: 700;
                                                        margin-top: 0;
                                                        padding-top: 0;
                                                        margin-bottom: 20px;
                                                    }
                                                    .seebook {
                                                        margin-right: 60px;
                                                        font-weight: 400;
                                                    }
                                                    .seebook:after {
                                                        content: "\f105";
                                                        font-family: FontAwesome;
                                                        position: relative;
                                                        margin-left: 15px;
                                                    }
                                                    /* */
                                                    .activitybutton {
                                                        position: relative;
                                                        cursor: pointer;
                                                        height: 32%!important;
                                                        border: 1px #eee solid;
                                                        color: white;
                                                        padding-left: 40px;
                                                    }
                                                    .activitybutton:after {
                                                        content: "\f105";
                                                        font-family: FontAwesome;
                                                        position: absolute;
                                                        top: 26%!important;
                                                        right: 40px!important;
                                                        font-size: 100px;
                                                    }
                                                    .activitybutton h1 {
                                                        padding-top: 4%!important;
                                                    }
                                                    /* */
                                                    .sidebar>.content>.line {
                                                        position: fixed;
                                                        top: 360px!important;
                                                    }
                                                    /* PROMO */
                                                    .promo-block-title {
                                                        font-size: 70px;
                                                        color: #fff;
                                                        line-height: 1;
                                                        padding-bottom: 15px;
                                                        margin-bottom: 0;
                                                    }
                                                    .promo {
                                                        width: 400px;
                                                        padding-top: 120px!important;
                                                    }
                                                    .promo span{
                                                        font-size: 25px;
                                                        color: #fff;
                                                    }
                                                    .promo hr {
                                                        border: 0;
                                                        height: 3px;
                                                        background-color: rgba(255, 255, 255, .8);
                                                        width: 400px;
                                                        display: block;
                                                    }
                                                    .buybtnEl {
                                                        font-size: 16px;
                                                    }
                                                    .buybtnWr {
                                                        padding-top: 8px!important;
                                                        padding-bottom: 8px!important;
                                                        padding-left: 20px!important;
                                                        padding-right: 20px!important;
                                                        border-radius: 5px;
                                                        font-weight: 400;
                                                        font-size: 16px;
                                                    }
                                                    .footcont {
                                                        width: 1197px;
                                                        margin: 0 auto;
                                                    }
                                                    .container {
                                                        width: 1197px;
                                                        margin: 0 auto;
                                                    }
                                                    .sidebar>.content>.line {
                                                        position: fixed;
                                                        top: 280px!important;
                                                    }
                                                    @media (min-width: 1400px) {
                                                        .maincontent {
                                                            background-position: 0 100px!important;
                                                        }
                                                        .blogitem {
                                                            width: 100%;
                                                            height: 24%;
                                                        }
                                                        .activitypage {
                                                            min-height: 750px!important;
                                                        }
                                                        /**/
                                                        .commentform {
                                                            float: right;
                                                            width: 47%!important;
                                                            padding-left: 15px;
                                                            padding-bottom: 15px;
                                                        }
                                                        /* */
                                                        .bookleft {
                                                            width: 31%!important;
                                                            float: left;
                                                        }
                                                        .bookleft img {
                                                            width: 100%;
                                                            height: 190px!important;
                                                        }
                                                        .bookright {
                                                            padding-left: 55px!important;
                                                            width: 54%;
                                                            float: left;
                                                        }
                                                        .bookright h1 {
                                                            font-size: 20px;
                                                            font-weight: 700;
                                                            margin-top: 0;
                                                            padding-top: 0;
                                                            margin-bottom: 20px;
                                                        }
                                                        .seebook {
                                                            margin-right: 60px;
                                                            font-weight: 400;
                                                        }
                                                        .seebook:after {
                                                            content: "\f105";
                                                            font-family: FontAwesome;
                                                            position: relative;
                                                            margin-left: 15px;
                                                        }
                                                        /* */
                                                        .activitybutton {
                                                            position: relative;
                                                            cursor: pointer;
                                                            height: 37.5%!important;
                                                            border: 1px #eee solid;
                                                            color: white;
                                                            padding-left: 40px;
                                                        }
                                                        .activitybutton:after {
                                                            content: "\f105";
                                                            font-family: FontAwesome;
                                                            position: absolute;
                                                            top: 35%!important;
                                                            right: 40px!important;
                                                            font-size: 100px;
                                                        }
                                                        .activitybutton h1 {
                                                            padding-top: 13%!important;
                                                        }
                                                        /* */
                                                        .sidebar>.content>.line {
                                                            position: fixed;
                                                            top: 450px!important;
                                                        }
                                                        /* PROMO */
                                                        .promo-block-title {
                                                            font-size: 70px;
                                                            color: #fff;
                                                            line-height: 1;
                                                            padding-bottom: 15px;
                                                            margin-bottom: 0;
                                                        }
                                                        .promo {
                                                            width: 400px;
                                                            padding-top: 250px!important;
                                                        }
                                                        .promo span{
                                                            font-size: 25px;
                                                            color: #fff;
                                                        }
                                                        .promo hr {
                                                            border: 0;
                                                            height: 3px;
                                                            background-color: rgba(255, 255, 255, .8);
                                                            width: 400px;
                                                            display: block;
                                                        }
                                                        .buybtnEl {
                                                            font-size: 16px;
                                                        }
                                                        .buybtnWr {
                                                            padding-top: 8px!important;
                                                            padding-bottom: 8px!important;
                                                            padding-left: 20px!important;
                                                            padding-right: 20px!important;
                                                            border-radius: 5px;
                                                            font-weight: 400;
                                                            font-size: 16px;
                                                        }
                                                        .footcont {
                                                            width: 1197px;
                                                            margin: 0 auto;
                                                        }
                                                        .container {
                                                            width: 1197px;
                                                            margin: 0 auto;
                                                        }
                                                        @media (min-width: 1600px)
                                                        {
                                                            .maincontent {
                                                                background-position: 0 100px!important;
                                                            }
                                                            @media(min-height: 980px)
                                                            {
                                                                .activitypage {
                                                                    min-height: 770px!important;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}



#doc_01 {
	width: 600px;
	max-width: 100%;
}