@charset "utf-8";

/* ===== CUSTOM CSS ===== */
.t-t-types_container,
.t-t-types_container *,
.t-t-types_container *:before,
.t-t-types_container *:after {
    box-sizing: border-box;
    font-family: 'Roboto', arial;
}

/*general*/
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
body {
    margin: 0;
    padding: 0;
}







.t-t-types_container {
    margin: 0 auto;
    width: 980px;
}
.t-t-types_header-title {
    color: #677b8e;
    font: 400 30px Roboto;
    text-transform: uppercase;
    text-align: left;
    padding: 55px 0 60px;
}
.t-t-types_header-title span {
    font-weight: 700;
}
.t-t-types_menu {
    height: 870px;
    position: relative;
    background: url(img/t-t-types-bg.png) no-repeat center 140px;
}
.t-t-types_menu-item {
    position: absolute;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 3px solid #eee;
    display: block;
    text-decoration: none !important;
    outline: 0 none;
    background-position: center;
    background-repeat: no-repeat;
}
.t-t-types_menu-item-health {
    left: 441px;
    top: 31px;
    border-color: rgba(172, 187, 71, 0.4);
    background-image: url(img/t-t-health.png);
}
.t-t-types_menu-item-child {
    left: 612px;
    top: 69px;
    border-color: rgba(59, 85, 154, 0.4);
    background-image: url(img/t-t-child.png);
}
.t-t-types_menu-item-family {
    left: 730px;
    top: 177px;
    border-color: rgba(233, 55, 80, 0.4);
    background-image: url(img/t-t-family.png);
}
.t-t-types_menu-item-may {
    left: 788px;
    top: 331px;
    border-color: rgba(101, 153, 196, 0.4);
    background-image: url(img/t-t-may.png);
}
.t-t-types_menu-item-shopping {
    left: 775px;
    top: 499px;
    border-color: rgba(247, 108, 41, 0.4);
    background-image: url(img/t-t-shopping.png);
}
.t-t-types_menu-item-romantic {
    left: 689px;
    top: 635px;
    border-color: rgba(140, 84, 168, 0.4);
    background-image: url(img/t-t-love.png);
}
.t-t-types_menu-item-exc {
    left: 541px;
    top: 721px;
    border-color: rgba(233, 55, 80, 0.4);
    background-image: url(img/t-t-exc.png);
}
.t-t-types_menu-item-newyear {
    left: 360px;
    top: 723px;
    border-color: rgba(172, 187, 71, 0.4);
    background-image: url(img/t-t-new-year.png);
}
.t-t-types_menu-item-food {
    left: 188px;
    top: 629px;
    border-color: rgba(59, 85, 154, 0.4);
    background-image: url(img/t-t-food.png);
}
.t-t-types_menu-item-wedding {
    left: 111px;
    top: 504px;
    border-color: rgba(233, 55, 80, 0.4);
    background-image: url(img/t-t-wedding.png);
}
.t-t-types_menu-item-cure {
    left: 89px;
    top: 329px;
    border-color: rgba(101, 153, 196, 0.4);
    background-image: url(img/t-t-medic.png);
}
.t-t-types_menu-item-bus {
    left: 140px;
    top: 190px;
    border-color: rgba(247, 108, 41, 0.4);
    background-image: url(img/t-t-bus.png);
}
.t-t-types_menu-item-sport {
    left: 272px;
    top: 74px;
    border-color: rgba(140, 84, 168, 0.4);
    background-image: url(img/t-t-sport.png);
}
.t-t-types_menu-item-health:hover {
    border-color: rgb(172, 187, 71);
}
.t-t-types_menu-item-child:hover {
    border-color: rgb(59, 85, 154);
}
.t-t-types_menu-item-family:hover {
    border-color: rgb(233, 55, 80);
}
.t-t-types_menu-item-may:hover {
    border-color: rgb(101, 153, 196);
}
.t-t-types_menu-item-shopping:hover {
    border-color: rgb(247, 108, 41);
}
.t-t-types_menu-item-romantic:hover {
    border-color: rgb(140, 84, 168);
}
.t-t-types_menu-item-exc:hover {
    border-color: rgb(233, 55, 80);
}
.t-t-types_menu-item-newyear:hover {
    border-color: rgb(172, 187, 71);
}
.t-t-types_menu-item-food:hover {
    border-color: rgb(59, 85, 154);
}
.t-t-types_menu-item-wedding:hover {
    border-color: rgb(233, 55, 80);
}
.t-t-types_menu-item-cure:hover {
    border-color: rgb(101, 153, 196);
}
.t-t-types_menu-item-bus:hover {
    border-color: rgb(247, 108, 41);
}
.t-t-types_menu-item-sport:hover {
    border-color: rgb(140, 84, 168);
}
.t-t-types_menu-item-text {
    position: absolute;
    text-transform: uppercase;
    font: 900 16px Roboto;
}
.t-t-types_menu-item-health .t-t-types_menu-item-text {
    color: #acbb47;
    left: -31px;
    top: -31px;
}
.t-t-types_menu-item-child .t-t-types_menu-item-text {
    color: #3b559a;
    left: 94px;
    top: -11px;
}
.t-t-types_menu-item-family .t-t-types_menu-item-text {
    color: #e93750;
    left: 105px;
    top: 16px;
}
.t-t-types_menu-item-may .t-t-types_menu-item-text {
    color: #6a9dc6;
    left: 100px;
    top: 4px;
}
.t-t-types_menu-item-shopping .t-t-types_menu-item-text {
    color: #f76c29;
    left: 98px;
    top: 78px;
}
.t-t-types_menu-item-romantic .t-t-types_menu-item-text {
    color: #8c54a8;
    left: 83px;
    top: 95px;
}
.t-t-types_menu-item-exc .t-t-types_menu-item-text {
    color: #e93750;
    left: -13px;
    top: 110px;
}
.t-t-types_menu-item-newyear .t-t-types_menu-item-text {
    color: #acbb47;
    left: -8px;
    top: 110px;
}
.t-t-types_menu-item-food .t-t-types_menu-item-text {
    color: #3b559a;
    left: -150px;
    top: 95px;
}
.t-t-types_menu-item-wedding .t-t-types_menu-item-text {
    color: #e93750;
    left: -98px;
    top: 76px;
}
.t-t-types_menu-item-cure .t-t-types_menu-item-text {
    color: #6599c4;
    left: -89px;
    top: 11px;
}
.t-t-types_menu-item-bus .t-t-types_menu-item-text {
    color: #f76c29;
    left: -112px;
    top: 11px;
}
.t-t-types_menu-item-sport .t-t-types_menu-item-text {
    color: #8c54a8;
    left: -98px;
    top: -11px;
}