@font-face {
    font-family: GibsonThin;
    src: url('/css/fonts/gibson-thin.otf');
}

@font-face {
    font-family: Calibri;
    src: url('/css/fonts/Calibri.eot');
    src: url('/css/fonts/Calibri.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/Calibri.woff2') format('woff2'),
    url('/css/fonts/Calibri.woff') format('woff'),
    url('/css/fonts/Calibri.ttf') format('truetype'),
    url('/css/fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    margin: 0;
    padding: 0;
    height:100%;
    width: 100%;
    font-family: "canada-type-gibson",sans-serif;
    font-weight: 300;
}

b, strong{
    font-weight: normal;
}

a:focus {
    outline:0;
}

a:active,
a:hover {
    outline: 0;
}

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

.img_center{
    position: relative;
}
.img_center img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

/*-----   buttons   -----*/
.btn-black,
.text button {
    background: none;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 5px;
    outline: none!important;
    position: relative;
    transition:  box-shadow 0.3s;
    color: #000;
}
.btn-black:after{
    position: absolute;
    bottom: 0; left: 5px; right: 5px;
    height: 1px; background: #000;
    content: " "; display: block;
    transition:  all 0.3s;
}

.btn-black:hover:after{
    left: 0; right: 0;
}

.btn-light{
    background: url("/images/btn-deco.png") no-repeat left 50%;
    box-shadow: none;
    border-radius: 0;
    outline: none!important;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 0 6px 23px;
    letter-spacing: 0.2em;
    font-size: 13px;
    font-weight: 300;
    transition: background 0.3s;
}
.btn-light:hover,
.btn-light:focus
{
    color: #fff;
}
.btn-light:hover{
    background: url("/images/btn-deco.png") no-repeat 3px 50%;
}
.btn-light:active{
    background: url("/images/btn-deco.png") no-repeat 3px 50%;
    box-shadow: none;
}

.btn-light.btn-light-black{
    background: url("/images/btn-deco-black.png") no-repeat left 50%;
    color: #000;
}
.btn-light.btn-light-black:hover{
    background: url("/images/btn-deco-black.png") no-repeat 3px 50%;
}

.btn-light.no-deco{
    background:none;
    padding-left: 0;
}
.btn-light.no-deco:hover{
    background:none;
}


/*-----   end of buttons   -----*/

/*-----   icons   -----*/
.arrow{
    display: inline-block; width: 9px; height: 22px;
    background-size: contain;
    background: no-repeat 50% 50%;
    vertical-align: middle;
}
.arrow.arrow-left{
    background-image: url("/images/arrow-left.png");
}
.arrow.arrow-right{
    background-image: url("/images/arrow-right.png");
}
.arrow.arrow-white.arrow-left{
    background-image: url("/images/arrow-left-w.png");
}
.arrow.arrow-white.arrow-right{
    background-image: url("/images/arrow-right-w.png");
}

/*-----   end of icons   -----*/



/*-----   lightslider   -----*/
.lSAction>a{
    background: none;
    text-align: center;
    width: 40px; height: 40px;
    opacity: 1;
    line-height: 38px;
    vertical-align: middle;
}
.lSAction>.lSPrev{
    left: 2rem;
}
.lSAction>.lSNext{
    right: 2rem;
}
.lSAction>a img{
    display: block;
    margin: auto;
}
.lSSlideOuter .lSPager.lSGallery li{
    border-radius: 5px;
    border: 1px solid #acacac;
}


.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover{
    border: 1px solid #000;
}

.item_view_carousel_wrap .lSAction>a{
    background: rgba(255,255,255, 0.3);
}

.item_view_carousel_wrap .lSAction>.lSPrev{
    left: 0;
}
.item_view_carousel_wrap .lSAction>.lSNext{
    right: 0;
}

/*-----   end of lightslider   -----*/
/*-----   Header   -----*/
.header {
    width: 100%;
    height: 94px;
    position: fixed;
    background: #fff;
    padding: 0 100px;
    z-index: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trademark_logo{
    padding-top: 0 !important;
}

.header .print_logo, .header .print_header_text {
    display: none;
}

.header .header_logo {
}

.header .header_logo a {
}

.header_icons {
    cursor: default;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header_icons .icons_list {
    position: relative;
    display: inline-block;
    padding-left: 10px;
}

.header_icons .icons_list li {
    list-style: none;
}

.header_icons .icons_list > li {
    float: left;
    display: block;
    color: #a8a8a8;
    padding: 0 5px;
    font-size: 15px;
}

.header_icons .icons_list > li a {
    color: inherit;
}

.header_icons .icons_list > li i:hover {
    color: #525252;
    cursor: pointer;
}

.search_box {
    right: 110px;
    padding-left: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: 60px;
}

.search_box .search_box_input {
    width: 290px;
    height: 45px;
    padding-top: 4px;
    background-color: #393939;
    box-shadow: 0 2px 5px;
}

.search_box .search_box_input * {
    display: inline;
}

.search_box .search_box_input button {
    width: 40px;
    background-color: #393939;
    border: none;
    position: relative;
    margin-top: 3px;
    outline:none;
}

.search_box .search_box_input button:active {
    outline:none;
}

.search_box .search_box_input button i {
    color: #ffffff;
    font-size: 15px;
    padding-right: 10px;
}

.search_box .search_box_input button i:hover {
    color: #a8a8a8;
}

.search_box .search_box_input input {
    width: 100%;
    position: absolute;
    border: none;
    padding-left: 40px;
    left: 0;
    border-radius: 0;
    background-color: #393939;
    box-shadow: none;
    font-size: 14px;
    font-weight: lighter;
    color: #919191;
}

.search_box .search_box_arrow {
    height: 10px;
    background: url("../images/search_box_arrow.png") no-repeat right;
}

.navbar_container {
}

.navbar_container .main_menu {
    border: none;
    border-radius: 0;
    background: none;
    margin: 0;
    min-height: 0;
}

.navbar_container .main_menu .navbar-header button {
}

.navbar_container .main_menu .main_menu_list {
    border: none;
    padding: 0;
}

.navbar_container .main_menu .main_menu_list > ul {
    margin: 0;
}

.navbar_container .main_menu .main_menu_list ul li ul {
    background: #f5f5f5;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    left: 0;
    top: 100%;
    margin-top: 19px;
}
.navbar_container .main_menu .main_menu_list ul li ul li{
    margin: 0;
}
.navbar_container .main_menu .main_menu_list ul li ul li a {
    padding: 8px 15px 8px 30px;
    white-space: normal;
    border-bottom: none;
    font-weight: 300;
}
.navbar_container .main_menu .main_menu_list ul li ul li a:hover {
    border-bottom: none;
}

.navbar_container .main_menu .main_menu_list ul li ul li a:hover {
    background: #e0e0e1;
    color: #454545;
}

.navbar_container .main_menu .main_menu_list ul li ul li a i {
    font-size: 20px;
    color: #919191;
    float: right;
    padding-right: 0;
    visibility: hidden;
    position: relative;
    top: -2px;
}

.navbar_container .main_menu .main_menu_list ul li ul li a:hover i {
    visibility: visible;
}

.navbar_container .main_menu .main_menu_list ul > li{
    margin: 0 15px;
}

.navbar_container .main_menu .main_menu_list ul > li a {
    color: #000000;
    text-transform: uppercase;
    font-size: 13px;
    padding: 16px 0;
    border-bottom: 3px solid transparent;
    background: none;
    letter-spacing: 0.2em;
    font-weight: normal;
}

.navbar_container .main_menu .main_menu_list ul > li a:hover,
.navbar_container .main_menu .main_menu_list ul > li.active > a,
.navbar_container .main_menu .main_menu_list ul > li.open > a
{
    border-bottom: 1px solid #737373;
    background: none;
}



@media screen and (max-width: 1100px) {
    .header {
        padding: 0 30px;
    }
}
@media screen and (max-width: 370px) {
    .search_box {
        right: 0;
        width: 100%;
    }

    .search_box .search_box_input {
        width: 100%;
    }

    .search_box .search_box_arrow {
        visibility: hidden;
    }
}


/*-----   Content   -----*/

.content_1200, .content_1600 {
    width: 100%;
    padding-top: 94px;
    padding-bottom: 60px;
    position: relative;
}

.content_1200 .row, .content_1600 .row {
    margin-left: 0;
    margin-right: 0;
}

.content_1200 .container-fluid {
    max-width: 1200px;
    float: none;
    text-align: center;
    padding: 0 15px;
}

.content_1600 .container-fluid {
    max-width: 1630px;
    float: none;
    text-align: center;
    padding: 0 15px;
}


.news {
    /*top: 30px;*/
    margin-top: 30px;
}
.news > a:hover,
.news > a{
    text-decoration: none;
}
/*-----   Titulinis   -----*/
.home-news-slider{
    display: block;
    list-style: none;
    margin: 0; padding: 0;
    height: calc(100vh) !important;
    min-height: 600px;
    overflow: hidden;
}
.home-news-slider > li{
    list-style: 0;
    margin: 0; padding: 0;
    background: center center no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
    width: 100vw;
    display: flex;
    align-items: center;
}
/*
.home-news-slider > li:before{

    content: " ";
    position: absolute;
    background: rgba(0, 0, 0,0.3);
    left: 0; right: 0; width: 100%; height: 100%;
    display: block;
}
*/

.home-news-slider > li .item_comment{
    color: #fff;
    font-weight: 300;
    max-width: 460px;
    margin-right: auto;
    position: relative;
    padding: 30px;
    background: rgba(0,0,0,0.3);
}
.home-news-slider > li .item_comment .item_comment_big{
    font-size: 45px;
    line-height: 100%;
}
.home-news-slider > li .item_comment .item_comment_small{
    font-size: 17px;
    line-height: 200%;
    margin: 2rem 0;
}


.home_item_big {
    max-width: 400px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid white;
    padding: 0;
    cursor: pointer;
}

.home_item_big:hover .overlay {
    display: block;
}

.home_item_big:hover > .item_comment_big {
    display: none;
}

.home_item .overlay {
    background: rgba(0,0,0,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    display: none;
}
.home_item_big > .item_comment_big.black{
    color: #000000;
}
.home_item_big > .item_comment_big {
    position: absolute;
    color: #ffffff;

    text-transform: uppercase;
    text-align: left;
    left: 0;
    padding-top: 4%;
    padding-left: 4%;
    padding-right: 30%;
    width: 100%;
}

.home_item_big .item_comment {
    color: #ffffff;

    padding: 0 17%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home_item_big .item_comment .item_comment_big {
    text-transform: uppercase;
    display: block;
    line-height: 40px;
}

.home_item_big .item_comment .item_comment_small {
    display: block;
    padding-top: 3%;
}

.home_item_small {
    max-width: 400px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid white;
    padding: 0;
    cursor: pointer;
    background: #f7f7f7;
    text-align: left;
}

.home_item_small .item_comment {

    color: #010101;
    padding-top: 4%;
    padding-left: 4%;
    padding-right: 30%;
}

.home_item_small .item_comment .item_comment_big {
    display: block;
    text-transform: uppercase;
    line-height: 5px;
    padding-bottom: 10%;
}

.home_item_small .item_comment .item_comment_small {
    font-family: "AdobeGaramondItalic";
    display: block;
    padding-bottom: 20%;
}

.more_result {
    padding-top: 50px;
    padding-bottom: 20px;
}

.m_res a {
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #626262;

}

.m_res a i {
    margin-left: 7px;
}
.slider-wrap{
    background: rgba(0,0,0,0.8);
    position: relative;
}
.slider-wrap .subscribe{
    position: absolute;
    right: 100px;
    bottom: 3rem;
}
.slider-wrap .slider-pager{
    position: absolute;
    width: 100%;
    bottom: 3rem;
    font-weight: 300;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    pointer-events: none;
}
@media (max-width: 767px) {
    .slider-wrap .slider-pager{
        bottom: 6.7rem;
    }
    .slider-wrap .lSAction>a{
        bottom: 6rem;
        top: auto;
    }
    .slider-wrap .subscribe{
        right: 1rem;
    }


}
/*-----   apatinis headeris   -----*/

.head_section {
    padding-top: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

.head_category, .head_my_album {
    padding: 0;
    padding-bottom: 10px;
}

.head_category {
    text-align: left;
}

.head_category > div {
    display: inline;
}

.head_category div:first-child i {
    display: none;
}

.head_category div:last-child a {
    color: #acacac;
}
.breadcrumb>li a,
.head_category a {
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: #131618;
    display: inline;
    bottom: 1px;
}

.head_category i {
    font-size: 20px;
    font-weight: 100;
    color: #d1d1d1;
    padding-left: 2px;
    padding-right: 7px;
}

.head_my_album {
    text-align: right;
    font-size: 14px;
    color: #000000;
}

.head_my_album > div {
    display: inline-block;
    position: relative;
    bottom: 2px;
}

.head_my_album .my_album_nr {
    color: #a2a2a2;
    padding-left: 5px;
}

.head_my_album i {
    font-size: 20px;
    color: #d1d1d1;
    padding-left: 5px;
}


.head_my_album .my_album_thumb {
    width: 38px;
    height: 26px;
    border: 1px solid #eaeaea;
    margin-left: 10px;
    margin-top: -2px;
}

.head_my_album .my_album_thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
}

/*-----   Projekto perziura   -----*/
.row > div {
    padding: 0;
}
.pr_product .item_view {
    padding-top: 5%;

}
.myalbum_href:hover,
.myalbum_href{
    display: inline;
    float: right;
    color: #000000;
}
.myalbum_href > *{
    float: left;
}
.pr_product .add_to_my_album{
    margin: 30px 0;
}

.item_view_carousel{
    list-style: none;
    padding: 0; margin: 0;
}
.item_view_carousel > li{
    padding: 0;
    display: block;
}
.item_view_carousel > li > a{
    display: block;
}
.item_view_carousel > li > a img{
    display: block;
    margin: auto;
}
/*
.item_view .connected-carousels .stage {
    max-width: 400px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.pr_product .item_view .connected-carousels .stage{
	margin: 20px 0;
	max-width: none;
}

.pr_product .item_view .connected-carousels .stage ul li{
	height: 360px;
}

.item_view .connected-carousels .navigation {
    max-width: 400px;
    margin: 20px auto;
    position: relative;
}

.item_view .connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.item_view .connected-carousels .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.item_view .connected-carousels .carousel li {
    float: left;
}

.item_view .connected-carousels .stage ul li {
    height: 260px;
}

.item_view .connected-carousels .navigation ul li {
    width: 60px;
    height: 45px;
}

.item_view .connected-carousels .carousel-navigation {
}

.item_view .connected-carousels .carousel-navigation li {
    position: relative;
    cursor: pointer;
    border: 1px solid #ffffff;
}
.item_view .connected-carousels .carousel-navigation li:hover{
	border: 1px solid #eaeaea;
}
.item_view .connected-carousels .carousel-navigation li .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
}

.item_view .connected-carousels .carousel-navigation li.active .overlay {
    display: none;
}

.item_view .connected-carousels .navi {
    display: block;
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    color: #000;
    text-align: center;
    font-size: 20px;
}

.item_view .connected-carousels .prev-stage {
    left: 0;
}

.item_view .connected-carousels .next-stage {
    right: 0;
}

.item_view .connected-carousels .navi.inactive {
    display: none;
}

.item_view .connected-carousels .navi i {
    position: relative;
    top: 50%;
    margin-top: -10px;
}

.item_view .connected-carousels .prev-stage:hover span,
.item_view .connected-carousels .next-stage:hover span {
    display: block;
}
*/

.pr_product .description {
    padding: 0 5%;
    text-align: center;
}

.pr_product .description .logo {
    text-align: right;
    height: 140px;
    padding-right: 20px;
}

.pr_product .description .logo img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.pr_product .description .product_name .name {
    font-size: 30px;

}

.pr_product .description .product_name .brand {
    font-size: 14px;
    font-family: Arial;
    color: #838383;
}

.pr_product .description .product_name .wrapper > div {
    display: inline-block;
}

.pr_product .description .product_name .wrapper .line {
    height: 50%;
    border-bottom: 1px solid #000000;
}

.pr_product .description .product_name .wrapper .line_l {
    position: absolute;
    left: 0;
}
.pr_product .description .product_name .wrapper .line_r {
    position: absolute;
    right: 0;
}


.pr_product .description .product_desc {
    font-size: 14px;

    color: #818181;
    padding-top: 0;
}

.pr_product .description .product_dim {
    text-align: left;
    padding-top: 20px;
    color: #818181;
    /*font-size: 15px;*/
    letter-spacing: 0;
    /*line-height: 26px;*/
    /*font-family: GibsonThin, serif;*/
}

.pr_product .description .product_dim div span:first-child {
    color: #171717;
}

.pr_product .description .add_to_album {
    margin-top: 43px;
    margin-bottom: 12%;
}

.pr_product .description .add_to_album a {
    color: #ffffff;
    background-color: #000000;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-size: 13px;
    padding: 16px 25px;
    text-decoration: none;
}

.cycle_slideshow {
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.cycle_slideshow .container-fluid {
    position: relative;
}

.cycle_slideshow .cycle_slider {
    overflow: visible !important;
    position: relative;
}

.cycle_slideshow .cycle_slider, .cycle_slideshow .cycle_slider * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cycle_slideshow .cycle_slider {
}

.cycle_slideshow .cycle_slider a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    height: 560px;
    text-decoration: none;
    text-align: left;
}

.product_slideshow .cycle_slider a {
    height: 560px;
    vertical-align: top;
}

.cycle_slideshow .cycle_slider a > img {
    width: 100%;
    position: static;
    display: block;
}

.cycle_slideshow .slide_title {
    position: relative;
    display: none;
    padding: 5% 25% 0 5%;

    font-size: 30px;
    color: #000000;
    text-transform: uppercase;
    white-space: normal;
}

.cycle_slideshow .slide_title.white{
    color: #ffffff;
}
.cycle_slideshow .cycle-slide:not(.cycle-slide-active) {
    visibility: hidden!important;
}
.cycle_slideshow .cycle-slide-active .slide_title {
    display: block;
}

.cycle_slideshow .cycle_slider .overlay_dark {
    position: absolute;
    top: 0;
    width: inherit;
    height: inherit;
    display: block;
    background: rgba(0,0,0,0.7);
}

.cycle_slideshow .cycle-slide-active .overlay_dark {
    display: none;
}

.cycle_slideshow .control{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    text-align: center;
    z-index: 1000;
    color: #fff;
    font-size: 2rem;
    line-height: 46px;
}

.cycle_slideshow .control-prev {
    left: 0px;
}

.cycle_slideshow .control-next {
    right: 0px;
}

.cycle_slideshow .cycle-pager {
    position: relative;
    text-align: center;
    z-index: 500;
    position: relative;
    display: block;
    height: 20px;
    margin: 30px 0 55px 0;
}

.cycle_slideshow .cycle-pager span {
    position: relative;
    top: 5px;
    text-decoration: none;
    display: inline-block;
    background-color: #8d8d8d;
    margin: 0 12px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    text-indent: -9999px;
    cursor: pointer;
}

.cycle_slideshow .cycle-pager span.cycle-pager-active {
    background-color: #e9e9e9;
}

.cycle_slideshow .cycle-pager > * {
    cursor: pointer;
}



.pr_designer_quote {
    position: relative;
    background-color: #e7e8ea;
    clear: both;
    margin-top: 2rem;
}

.pr_designer_quote .designer {
    position: relative;
    height: 300px;
}


.pr_designer_quote .quote {
    text-align: left;
    padding: 0 4%;
}

.pr_designer_quote .quote span {
    display: block;
}

.pr_designer_quote .quote .big {
    font-size: 18px;
    padding-top: 6%;
    padding-bottom: 3%;
}

.pr_designer_quote .quote .small {

    font-size: 16px;
    padding-bottom: 6%;
}


.related .related_title {
    margin-top: 4%;
    margin-bottom: 3%;
}

.related_title .text_line {

    text-transform: uppercase;
    display: block;
    text-align: center;
}

.related_title .text_line .title {
    display: inline-block;
    font-size: 30px;
    color: #1d1b18;
}

.related_title .text_line .quantity {
    display: inline-block;
    font-size: 24px;
    color: #bebebe;
    padding-left: 15px;
    position: relative; top: -3px;
}

.related_title .line {
    height: 21px;
    border-bottom: 1px solid #000000;
}



.related_slide .carousel-inner .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}

.related_slide .carousel-inner .item > div {
    padding: 0;
    border: 2px solid #ffffff;
}

.related_slide .carousel-inner .item a {
    display: block;
    height: 220px;
}

.related_slide .carousel-controls{
    position: relative;
    display: inline-block;
    width: 60%;
}

.related_slide .carousel-controls .carousel-indicators{
    bottom: 0;
    padding-top: 20px;
}

.related_slide .carousel-control.right,
.related_slide .carousel-control.left{
    background: none;
    padding-top: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.related_slide .carousel-control.right{
    left: auto;
    right: 0;
}

.related_slide .carousel-indicators {
    position: relative;
    padding-top: 35px;
}

.related_slide .carousel-indicators li {
    background-color: #8d8d8d;
    border: none;
    margin: 0 10px;
    width: 10px;
    height: 10px;
}
.related_slide .carousel-indicators li.active {
    background-color: #e9e9e9;
    border: none;
}

.related_slide .overlay {
    background: rgba(0,0,0,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
}

.related_slide .item_comment {

    color: #ffffff;
    padding: 0 15%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.related_slide .item_comment > span {
    display: block;
}

.related_slide .item_comment_big {
    font-size: 24px;
}

.related_slide .item_comment_small {
    font-size: 14px;
}

.related_slide .carousel-inner .item > div:hover .overlay {
    display: block;
}

.back_to_gallery {
    text-align: right;
    height: 120px;
    padding-top: 24px;
    padding-right: 5%;
}

.back_to_gallery a span {
    position: relative;
    bottom: 1px;
}

.back_to_gallery a i {
    padding-right: 20px;
    font-size: 20px;
}

/*-----   produktu sarasas   -----*/

.container-fluid .head_section {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.content_ps .container-fluid {
    max-width: 1400px;
}

.container-fluid .category_filter {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.category_filter div.title {
    text-align: left;
    padding-top: 3%;
    padding-bottom: 3%;
}

.category_filter div span {
    font-size: 34px;
}
.ps_products .clear_3,
.ps_products .clear_2,
.ps_products .clear_4{
    clear: both;
    display: none;
}
.ps_products .clear_2{
    display: block;
}
.ps_products .product {
    border: 2px solid #ffffff;
    text-align: left;
    display: inline;
}
.ps_products .product a {
    text-decoration: none;
    display: block;
}

.ps_products .product .product_name {
    position: relative;
    padding: 5% 0 10% 4%;
}

.ps_products .product .item_comment_small.price{
    font-size: 13px !important;
    line-height: 23px;
    color: #acacac;
    font-weight: 300;
}

.ps_products .product .item_comment_small.trademark{
    font-size: 13px !important;
    line-height: 23px;
    color: #acacac;
    font-weight: 300;
}

.ps_products .product .product_name span {
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
}

.ps_products .product .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 50;
}

.ps_products .product .product_img {
    display: block;
    height: 220px;
}

.ps_products .product .overlay .item_comment {
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ps_products .product .overlay .price {
    line-height: 32px;
    color: #ffffff;
    /*font-family: GibsonThin, serif;*/
    font-weight: 300;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 13px;
}

.ps_products .product .overlay .item_comment .item_comment_big {
    text-transform: uppercase;
    display: block;
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 40px;
    line-height: 32px;
}

.ps_products .product .overlay .item_comment .item-title{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 0 15px;
}

.ps_products .product .overlay .item_comment .item_comment_small {
    display: block;
    padding-top: 1%;
    font-size: 13px !important;
    text-transform: uppercase;
}

.ps_products .product a:hover .overlay {
    display: block;
}

/*-----   Projektu sarasas   -----*/

.category_filter .filter_top {
    padding-top: 6%;
    text-align: right;
}

.category_filter .filter_top ul {
    list-style: none;
    display: inline-block;
    -webkit-padding-start: 0px;
}

.category_filter .filter_top ul li {
    float: left;
    border-bottom: 1px solid #f0f0f0;
}

.category_filter .filter_top ul li a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    margin: 0 23px;
    padding: 0 3px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: -1px;
    padding-bottom: 10px;
}

.category_filter .filter_top ul li:first-child a {
    margin-left: 0px;
}

.category_filter .filter_top ul li:last-child a {
    margin-right: 0px;
}

.category_filter .filter_top ul li a.active,
.category_filter .filter_top ul li a:hover {
    border-bottom: 1px solid black;
}

@media (max-width: 767px) {
    .category_filter .filter_top ul {
        display: inline-block;
        width: 100%;
    }
    .category_filter .filter_top {
        padding-top: 0%;
    }
    .category_filter .filter_top ul li {
        display: block;
        float: none;
        border: none;
    }
    .category_filter .filter_top ul li a {
        display: block;
        margin: 0;
        border: none;
        padding-right: 10px;
        margin-bottom: -1px;
    }
    .category_filter .filter_top ul li a:hover {
        border: none;
        color: #b2b2b2;
    }
    .category_filter .title {
        padding-left: 10px;
    }

}

.container-fluid .project_list {
    max-width: 1400px;
    padding-top: 1%;
    margin-right: auto;
    margin-left: auto;

}


.prj_list_big, .prj_list_small {
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 2px solid #ffffff;
    float: left;
}

.prj_list_big, .prj_list_big a {
    height: 440px;
}


.prj_list_big, .prj_list_big a img.bg{
}

.prj_list_big a, .prj_list_small a {
    display: block;
    text-decoration: none;
}

.prj_list_small, .prj_list_small a {
    height: 220px;
}

@media (max-width: 380px) {
    .prj_list_big, .prj_list_big a {
        height: 300px;
    }

    .prj_list_small, .prj_list_small a {
        height: 150px;
    }
}

.project_list .title {

    text-transform: uppercase;
    color: #000000;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    padding: 3% 0 0 3%;
}
.project_list .title .white{
    color: #ffffff;
}

.project_list .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 100;
}

.project_list .overlay .item_comment {
    text-align: center;
    color: #ffffff;

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project_list .overlay .item_comment .item_comment_big {
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    padding: 0 6%;
}

.project_list .overlay .item_comment .item_comment_small {
    display: block;
    padding-top: 1%;
    font-size: 19px;
}

.project_list .overlay .item_comment .item_comment_line {
    margin-right: auto;
    margin-left: auto;
    height: 2px;
    width: 50%;
    padding-top: 2%;
    border-bottom: 1px solid #9d9a9a;
}

.project_list .overlay .item_comment .item_comment_desc {
    display: block;
    padding: 0 15%;
    padding-top: 2%;
    font-size: 13px;
}

.project_list .prj_list_small .item_comment .item_comment_small {
    font-size: 13px;
}

.project_list a:hover .overlay {
    display: block;
}

.project_list a:hover .title {
    display: none;
}


/*-----   Projekto puslapis   -----*/

.project_site .project_info {
    padding-top: 6%;
}

.project_site .project_info .project_name .name {
    font-size: 30px;

    text-transform: uppercase;
}

.project_site .project_info .project_name .brand {
    font-size: 14px;
    font-family: Arial;
    color: #838383;
}

.project_site .project_info .project_name .wrapper > div {
    display: inline-block;
}

.project_site .project_info .project_name .wrapper .line {
    height: 55%;
    border-bottom: 1px solid #000000;
}

.project_site .project_info .project_name .wrapper .line_l {
    position: absolute;
    left: 0;
}
.project_site .project_info .project_name .wrapper .line_r {
    position: absolute;
    right: 0;
}

.project_site .project_info .project_desc {
    font-size: 15px;

    color: #818181;
    text-align: left;
    padding-top: 0;
    padding-bottom: 35px;
    padding-right: 6%;
}

.project_slideshow .cycle_slider a {
    height: 670px;
    vertical-align: top;
}

.project_slideshow .slide_title {
    padding: 5% 50% 0 5%;
}

/*-----   Gamintoju sarasas   -----*/
.brand_list {
    padding: 3% 0;
}

.brand_list .brand_item {
    height: 180px;
    border: 2px solid #ffffff;
}

.brand_list .filtered {
    opacity: 0.1;
}

@media (max-width: 400px) {
    .brand_list .brand_item {
        height: 160px;
    }
}

@media (max-width: 350px) {
    .brand_list .brand_item {
        float: none;
        width: 100%;
        height: 200px;
    }
}

.brand_list .brand_item a {
    display: block;
    width: 100%;
    height: 100%;
}

.brand_list .brand_item a img,
.brand_list .brand_item .img_wrapper{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.brand_list .brand_item .img_wrapper img{
    top: 0 !important;
    position: absolute !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.brand_list .brand_item{
    opacity: 0.05;
}
.brand_list.showGraysale .brand_item.active .img_wrapper img:first-child,
.brand_list .brand_item.active{
    opacity: 1 !important;
}
.brand_list .brand_item.active .img_wrapper .img_grayscale{
    /*opacity: 1 !important;*/
}
.brand_list .brand_item img{
    z-index: -100;
    position: relative;
}
.brand_list .brand_item_black {
    background-color: #000000;
}
.brand_categories a{
    cursor: pointer;
}

/*-----   Dizaineriai   -----*/


.content_1200 .designers {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 5%;
    margin-top: 3%;
}

.content_1200 .designers .designers_row {
    max-width: 1000px;
}

.designers_row {

    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.designers_about_row {
    clear: both;
    position: relative;
}

.designers .designers_item {
    overflow: hidden;
    border: 1px solid #ffffff;
    position: relative;
    cursor: pointer;
    min-height: 300px;
}

.designers .height_1 {
    height: 235px;
}

.designers .height_2 {
    height: 470px;
}

@media (max-width: 767px) {
    .designers .designers_item {
        height: 200px;
    }
}

.designers .designers_item .item_photo {
    position: absolute;
    width: 100%;
    height: 100%;
}

.designers .designers_item .title {

    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    font-size: 30px;
    line-height: 32px;
    text-align: left;
    padding: 10px 10% 0 13px;
}

.designers .designers_item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 100;
}

.designers .designers_item .overlay .item_comment {
    text-align: center;
    color: #ffffff;

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.designers .designers_item .overlay .item_comment .item_comment_big {
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    padding: 0 6%;
    line-height: 34px;
}

.designers .designers_item .overlay .item_comment .item_comment_line {
    margin-right: auto;
    margin-left: auto;
    height: 2px;
    width: 50%;
    padding-top: 2%;
    border-bottom: 1px solid #9d9a9a;
}

.designers .overlay .item_comment .item_comment_desc {
    display: block;
    padding: 0 15%;
    padding-top: 2%;
    font-size: 13px;
}

@media (max-width: 767px) {
    .designers .designers_item .overlay .item_comment .item_comment_big {
        display: none;
    }

    .designers .designers_item .overlay .item_comment .item_comment_line {
        display: none;
    }

    .designers .overlay .item_comment .item_comment_desc {
        font-size: 12px;
        display: block;
        padding: 0 5%;
        padding-top: 2%;
        font-size: 13px;
    }
}


.designers .prj_list_small .item_comment .item_comment_small {
    font-size: 13px;
}


.designers .designers_item:hover .overlay {
    display: block;
}

.designers .designers_item:hover .title {
    display: none;
}

.designers .designers_item .overlay_active {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
    display: none;
}

.designers .designers_item .overlay_active .item_comment {
    text-align: center;
    color: #ffffff;

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.designers .designers_item .overlay_active .item_comment .item_comment_big {
    position: relative;
    text-transform: uppercase;
    display: block;
    font-size: 30px;
    padding: 0 6%;
    padding-top: 10%;
    line-height: 34px;
}

.designers .designers_item .overlay_active .arrow_down {
    position: relative;
    padding-top: 20px;
}

.content_1200 .designers_sub {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: none;
    border-left: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.content_1200 .designers_sub.designers_details{
    display: block! important;
}

.designer_info {
    background-color: #f5f5f5;
}

.designer_info .main_photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 530px;
}

@media (max-width: 767px) {
    .designer_info .main_photo {
        height: 350px;
    }

    .designers .designers_item .item_photo {
        background-size: contain !important;
    }
}

.designer_info .main_photo a {
    display: block;
    width: 100%;
    height: 100%;
}

.main_photo .overlay_title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 2.5% 0;
}

.main_photo .overlay_title .overlay_content {
    display: block;
    position: relative;
    top: 30%;
}

.main_photo .overlay_title .text_line {

    text-align: center;
}

.main_photo .overlay_title .text_line > span {
    float: none;
    display: block;
}

.main_photo .overlay_title .text_line .title_text {
    text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .main_photo .overlay_title .text_line .title_text {
        font-size: 20px;
    }
    .head_category{
        display: none;
    }
}

.main_photo .overlay_title .text_line .url_link {
    font-size: 14px;
    color: #ffffff;
    position: relative; top: -3px;
}
.project_name .url_link
{
    color: #333;
}

.main_photo .overlay_title .line {
    height: 21px;
    border-bottom: 1px solid #ffffff;
}


.designer_info .description {

    font-size: 15px;
    color: #818181;
    position: relative;
    padding: 4% 6%;
}

.designers_slide {
    background-color: #f5f5f5;
}

.designers_slide .slide_title {
    padding-top: 2%;
    position: relative;
}

.designers_slide .slide_title > div {
    padding-bottom: 2%;
}

.designers_slide .slide_title .title {
    text-align: left;
    padding-left: 10%;
}

.designers_slide .slide_title .title span {

    font-size: 30px;
    text-transform: uppercase;
    color: #1d1b18;
}

.designers_slide .slide_control a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    background: none;
    opacity: 1;
}

.designers_slide .slide_control {
    text-align: right;
    padding-right: 11%;
}

.designers_slide .slide_control * {
    display: inline-block;
}

.designers_slide .slide_control .slide_counter {
    position: relative;
    width: 80px;
    top: 3px;

    font-size: 20px;
    text-align: center;
}

.designers_slide .slide_control a img {
    width: auto;
    height: 39px;
}

.designers_slide .carousel {
    position: relative;
}

.designers_slide .carousel-inner {
    border: 2px solid #f5f5f5;
}

.designers_slide .carousel-inner .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;
}

.designers_slide .carousel-inner .item > div {
    padding: 0;
    border: 2px solid #f5f5f5;
}

.designers_slide .carousel-inner .item a {
    display: block;
    height: 220px;
}

.designers_slide .carousel-indicators {
    position: relative;
    padding-top: 35px;
}

.designers_slide .carousel-indicators li {
    background-color: #8d8d8d;
    border: none;
    margin: 0 10px;
    width: 10px;
    height: 10px;
}
.designers_slide .carousel-indicators li.active {
    background-color: #e9e9e9;
    border: none;
}

.designers_slide .overlay_slide {
    background: rgba(0,0,0,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
}

.designers_slide .item_comment {

    color: #ffffff;
    padding: 0 15%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.designers_slide .item_comment > span {
    display: block;
}

.designers_slide .item_comment_big {
    font-size: 24px;
}

.designers_slide .item_comment_small {
    font-size: 14px;
}

.designers_slide .carousel-inner .item > div:hover .overlay_slide {
    display: block;
}
/*-----   Mano albumas   -----*/
.my_album .my_album_title {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.my_album .my_album_title div {
    text-align: left;
    padding-top: 3%;
}

.my_album .my_album_title div span {
    font-size: 34px;
}

.my_album .my_album_title .title .quantity {
    position: relative;
    padding-left: 10px;
    top: -2px;
    font-size: 24px;
    color: #b2b2b2;
}

.my_album .share_line {
    padding: 3% 0;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.my_album .share_line div {
    display: inline-block;
    margin-bottom: 5px;
}

.my_album .share_line .share_icons {
    position: relative;
    float: left;
}

.my_album .share_line .share_icons > * {
    float: left;
}

.my_album .share_line .share_icons .title {

    font-style: italic;
    font-size: 13px;
    color: #acacac;
    position: relative;
    top: 10px;
    margin-right: 12px;
    padding: 0;
}

.my_album .share_line .share_icons a {
    display: block;
    width: 40px;
    color: #acacac;
    background-color: #f5f5f5;
    padding: 10px;
    margin-right: 9px;
    text-align: center;
}

.my_album .share_line .share_buttons {
    position: relative;
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

.my_album .share_line .share_buttons li {
    display: inline;
    margin-bottom: 5px;
    float: left;
    text-align: center;
}

.my_album .share_line .share_buttons li a i {
    position: relative;
    margin-right: 7px;
}

.my_album .divider {
    float: none;
    height: 1px;
    background-color: #f0f0f0;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.my_album .product_line {
    clear: both;
    position: relative;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}

.my_album .product_line a {
    text-decoration: none;
}

.my_album .product_line:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.my_album .product_line:hover .product_item .product_info .remove_side {
    display: block;
}

.my_album .product_line .product_item {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0;
}

.my_album .product_line .product_item .product_img {
    text-align: center;
}

@media (max-width: 767px) {
    .my_album .product_line .product_item .product_img {
        padding-bottom: 20px;
    }
}

.my_album .product_line .product_item .product_img img {
    margin-right: auto;
    margin-left: auto;
}

.my_album .product_line .product_info {
    text-align: left;
    position: relative;
    padding-left: 5%;
}

.my_album .product_line .product_info .product_name span {
    display: block;
}

.my_album .product_line .product_info .product_name .name {
    font-size: 30px;
    color: #1d1b18;
    line-height: 30px;
    margin-bottom: 4px;
}

.my_album .product_line .product_info .product_name .brand {
    font-family: Arial;
    font-size: 14px;
    color: #838383;
    padding-top: 4px;
}

.my_album .product_line .product_info .product_desc {
    font-size: 12px;
    color: #818181;
    padding-right: 30px;
}

.my_album .product_line .product_info .product_desc .dim {
    padding-top: 6px;
}

.my_album .product_line .product_info .product_desc .dim_mat {
    color: #171717;
}

.my_album .product_line .product_info .comment_block {
    margin-top: 20px;

}

.my_album .product_line .product_info .comment_block span {
    display: block;
}

.my_album .product_line .product_info .comment_block .your_comment {
    font-size: 13px;
    color: #000000;
}

.my_album .product_line .product_info .comment_block .comment {
    font-size: 16px;
    color: #818181;
    padding-top: 10px;
    float: left;
    display: block;
}

.my_album .product_line .product_info .comment_block .remove {
    color: #000000;
    position: relative;
    float: left;
    top: 11px;
    margin-left: 10px;
}

.my_album .product_line .remove_side {
    display: none;
    text-align: right;
    position: absolute;
    top: 7px;

    width: 50px;
    height: 50px;
    right: -5px;
    margin-top: -10px;
}
.my_album .product_line .remove_side img
{
    position: absolute;
    top: 25%;
    left: 25%;
}
.comment_input {
    display: block;
    width: 95%;
}
.loading_gif{
    position: absolute;
    bottom: 0;
    width: 20px;
    height: auto;
    right: 10px;
}
.comment_input textarea {
    width: 100%;
    border: none;
    min-height: 65px;
    border-radius: 0;
    background-color: #ebebeb;
    padding-top: 10px;
    padding-left: 13px;
    box-shadow: none;
    font-size: 12px;
    font-weight: lighter;
    color: #818181;

    font-style: italic;
    resize: none;
}

.comment_input textarea:focus {
    box-shadow: none;
    border: solid 1px #d9d9d9;
}

/*-----   Text Page   -----*/
h1, .h1, h2, .h2, h3, .h3, p, ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}
h1, .h1, h2, .h2, h3, .h3{
    font-weight: 300;
}

.text {
    text-align: left;
}
@media (max-width:500px){
    .text {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.text > * {
    clear: both;
}

/*.text img {
    padding-right: 40px;
    padding-top: 45px;
}*/

.text h1 {
    font-size: 34px;
    line-height: 34px;
    color: #1d1b18;
    padding-top: 45px;
}

.text h2 {

    font-size: 30px;
    line-height: 30px;
    color: #1d1b18;
    text-transform: uppercase;
    padding-top: 45px;
}

.text h3 {
    font-size: 20px;
    line-height: 20px;
    color: #1d1b18;
    padding-top: 35px;
}

.text_h3_upper {

    font-size: 20px;
    color: #1d1b18;
    text-transform: uppercase;
    padding-top: 45px;
}

.text p {
    position: relative;

    font-size: 15px;
    color: #818181;
    padding-top: 30px;
}

.text p.updated, .text p.date {
    position: relative;
    font-family: "Arial";
    font-size: 14px;
    line-height: 14px;
    color: #bebebe;
    display: inline-block;
    padding-top: 10px;
    padding-right: 3px;
}

.text p.date {
    color: #000000;
}

.text a, .text a:hover {
    color: #000000;
}

.text ul, .text ol {
    text-align: left;
    font-size: 15px;
    color: #000000;
    list-style: none;
    margin: 35px 0;
}

.text ul {
    display: inline-block;
    padding-right: 40px;
}

.text ul li {
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.text ul li:before {
    position: absolute;
    top: 1px;
    left: 0;
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 15px;
    color: #000000;
}

.text label {
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    list-style: none;
    cursor: pointer;
}

.text input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    display: none;
}

.text label i {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    width: 11px;
    height: 11px;
    content: " ";
    color: #ffffff;
    border: solid 2px #000000;
}

.text label.active i {
    background-color: #000000;
}

.text ol ol ol label i {
    width: 7px;
    height: 7px;
    border: solid 1px #000000;
    top: -2px;
}
label.checkmark{
    position: relative;
    overflow: hidden;
    padding: 3px 30px;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.checkmark i{
    display:inline-block;
    width:22px;
    height:22px;
    line-height:20px;
    background-color: #e6e6e6;
    font-size:16px;
    text-align:center;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
}
label.checkmark i:before{
    display: none;
}
.checkmark input[type="checkbox"]{
    display: none;
}
label.checkmark.checked i:before{
    display: inline-block;
}
label.checkmark.checked i{
    color:#000;
}
.radio, .checkbox{
    padding-left: 0;
}

ul {
    -webkit-padding-start: 0;
}

.divider {
    float: none;
    height: 1px;
    background-color: #f0f0f0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
}

.text table {
    text-align: left;
    width: 100%;
    margin-top: 20px;
}

.text table th,
.text table td{
    border: none;
}
.text table caption
{
    margin: 0 0 10px;
    color: black;
    font-weight: bold;
}
.text table[border="1"]{
    border: none;
}
.text table[border="1"] tr th,
.text table[border="1"] thead {
    border-bottom: 2px solid #000000;
}

.text table[border="1"] tr {
    border-bottom: 1px solid #e1e1e1;
}

.text table[border="1"] td, .text table[border="1"] th {
    position: relative;
    padding: 12px 0;
    padding-left: 15px;
}

.text table[border="1"] th {
    font-size: 16px;
}

.text table[border="1"] td {
    font-size: 18px;
}

.text table[border="1"] td:first-child,
.text table[border="1"] td:nth-child(2),
.text table[border="1"] td:last-child {

}

.text table[border="1"] tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

/*-----   Uzklausa salonui   -----*/

.shop_request {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 770px;
}
.shop_request .alert{
    margin-top: 20px;
}
.form_view{
    background: #fff;
}
.form_view fieldset,
.form_view label{
    text-align: left;
}
.form_view fieldset.text-center{
    text-align: center;
}
.form_view .request_container{
    padding: 20px;
}
.form_view .main_title{
    height: auto;
    padding: 2rem 25px;
    background-color: #ffffff;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
.form_view input[type="text"],
.form_view  textarea {
    position: relative;
    width: 100%;
    border: none;
    background-color: #e6e6e6;
    padding: 1.5rem 2rem;
}
.form_view fieldset{
    margin-bottom: 20px;
}

.shop_request .main_title {
    position: relative;
    width: 100%;
    background-color: #fff;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    padding: 2rem 0;
    border-bottom: 1px solid #000;
}

.shop_request .request_container {
    position: relative;
    width: 100%;
    height: 90%;
    max-width: 690px;
    margin-right: auto;
    margin-left: auto;
}

.shop_request .main_title span {
    /*
    position: absolute;

    font-size: 20px;
    color: #fffffe;
    padding-left: 4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    */
}

.shop_request .input_items {
    position: relative;
    width: 100%;
    height: 79%;
}

.shop_request .input_item {
    position: relative;
    width: 50%;
    height: 27%;
    float: left;
    padding: 0 2%;
}

.shop_request .input_item .title {
    position: relative;
    width: 100%;
    height: 60%;
}

.shop_request .input_items .title,
.shop_request .input_items .input_field {

    font-size: 18px;
    color: #1d1b18;
}

.shop_request .input_items .input_field {
    font-size: 16px;
}

.shop_request .input_item .title span,
.shop_request .comment_item .title span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop_request .input_item .input_field {
    height: 40%;
    width: 100%;
    position: relative;
}

.shop_request .input_item .input_field input,
.shop_request .comment_item .input_field textarea {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #e6e6e6;
    padding-left: 1rem;
    padding-right: 1rem;
}

.shop_request .input_item .input_field input:focus {
    outline: none;
}

.shop_request .comment_item {
    clear: both;
    position: relative;
    width: 100%;
    height: 46%;
    padding: 0 2%;
}

.shop_request .comment_item .title {
    position: relative;
    width: 100%;
    height: 33%;
}

.shop_request .comment_item .input_field {
    position: relative;
    width: 100%;
    height: 67%;
}

.shop_request .comment_item .input_field textarea {
    border: none;
    border-radius: 0;
    padding-top: 1%;
    padding-left: 1%;
    box-shadow: none;
    resize: none;
}

.shop_request .comment_item .input_field textarea:focus {
    box-shadow: none;
    outline: none;
}
.form_view form{
    padding: 0;
}
#subscribtion_container fieldset.text{
    text-align: center;
}
.shop_request .button_item {
    clear: both;
    position: relative;
    width: 100%;
    height: 21%;
    padding: 0 2%;
}
.shop_request .button_item .loading_gif{
    position: absolute;
    right: 2%;
    top: 45%;
    margin-right: 30px;
}
.shop_request .button_item button {
    position: absolute;
    right: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Open Sans";
    font-size: 14px;
    padding: 10px 42px;
}

.fancybox-overlay {
    background: rgba(19,22,24,0.7);
}

#fancybox-loading div {
    background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-skin {
    position: relative;
    background: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: none;
}
.fancybox-type-ajax.requestBox .fancybox-close {
    top: 18px;
    right: 30px;
}
.requestBox .fancybox-close {
    position: absolute;
    top: 4%;
    right: 35px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 13px;
    height: 12px;
    cursor: pointer;
    z-index: 8040;
    background: url("../images/request_close.png") no-repeat center;
}
.success_msg {
    width: 100%;
    max-width: 700px;
}
.success_msg .main_title {

    font-size: 20px;
    color: #fffffe;
    padding: 21px 30px 21px 4%;
    background-color: #000000;
}
.success_msg .msg_body {
    background: #ffffff;
    padding: 20px 30px;
}
.success_msg .alert {
    margin: 0;
}
.successBox .fancybox-close {
    position: absolute;
    top: 30px;
    right: 35px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 13px;
    height: 12px;
    cursor: pointer;
    z-index: 8040;
    background: url("../images/request_close.png") no-repeat center;
}
.navbar-toggle{
    margin: 0;
}

/*-----   Footer   -----*/
.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #f0f0f0;
}

.footer .credentials_print {
    display: none;
}

.credentials {
    display: inline-block;
    width: 60%;
    float: left;
    padding: 22px 0 20px 29px;
}

.credentials p {
    display: block;
    float: left;
    margin: 0 2px 0 0;
    font-family: Arial;
    color: #777777;
    font-size: 11px;
}

.kryptis_logo {
    display: inline-block;
    width: 40%;
    float: right;
    text-align: right;
    padding: 20px 29px 0 0;
}
.alert{
    padding: 5px 10px;
    border-radius: 0;
    text-align: left;
}
/* ------------------------- serach */
.ac_results{
    background: #131618;
    padding: 0;
}
.ac_results li{
    color: #fff;
    margin: 0;
    padding: 10px;
    border: none;
}
.ac_results .ac_over,
.ac_results li:hover{
    background: #393939;
}

.searchAgain{
    margin-top: 20px;
}
.searchAgain .search_input input,
.searchAgain .search_input .input-group{
    width: 100%;
}
.searchAgain .search_input .input-group .btn-black{
    height: 38px;
}
.searchAgain .search_type{
    padding-top: 10px;
    text-align: left;
}
.searchAgain .search_type label.checkmark {
    font-weight: normal;
}
.white_input{
    color: #767676;
    height: 38px;
    border: 1px solid #b0b0b0;
    background-color: #fff;
    line-height: 38px;
    padding: 0 10px;
}
.search_result{
    text-align: left;
}
.search_result .m_res{
    text-align: center;
}
.search_result .search_info h4{
    font-size: 30px;
    font-weight: lighter;
    color: #1d1b18;

}
.search_result .search_info strong,
.search_result .search_info span{
    font-size: 18px;
    color: #808080;
    font-weight: lighter;

}
.search_result .search_info strong{
    color: #1d1b18;
}
.search_list{
    margin-top: 50px;
}
.search_list .nr{
    font-size: 30px;
    color: #1d1b18;
    position: absolute;
    left: -56px;
    top: -5px;
}
.search_list > li > div{
    position: relative;
}
.search_list > li:first-child{
    border-top: 1px solid #d6d6d6;
}
.search_list > li{
    border-bottom: 1px solid #d6d6d6;
    padding: 2% 30px 2% 56px;
    list-style: none;
    position: relative;
}
.search_list > li .title{
    font-size: 20px;
    text-decoration: none;
    color: #1d1b18;
}
.search_list .summary{
    color: #818181;
    font-size: 16px;
    font-weight: lighter;

    margin-top:2%;
}
.search_list .summary strong{
    background-color: #dedede;
    color: #818181;
    font-weight: normal;
}
.search_list .title strong{
    background-color: #dedede;
    color: #1d1b18;
    font-weight: normal;
}
.search_result .has_image{
    min-height: 110px;
}
.search_result .has_image{
    padding-left: 180px;
}
.search_result .has_image .image_center{
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 110px;
}
.breadcrumb{
    background: none;
    padding: 8px 0;
    margin-bottom: 0;
}
.breadcrumb>li+li:before {
    content: "\f105";

    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 20px;
    font-weight: 100;
    color: #d1d1d1;
    padding-left: 2px;
    padding-right: 7px;

}
.breadcrumb .active a{
    color: #acacac;
}
.image_center > img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
@media (max-width:500px){
    .search_result .has_image{
        padding-left: 0;
        padding-top: 130px;
    }
    .search_result .has_image .image_center{
        top: 5px;
        left: 50%;
        margin-left: -75px;
    }
}
/* --------------------------- */

@media (max-width: 767px) {
    .navbar-nav .dropdown-menu{
        overflow: auto!important;
        max-height: 60vh;
    }
    /*
    .navbar-nav .openSubmenu .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        overflow: auto;
        max-height: 60vh;
    }
  .navbar-nav .openSubmenu .dropdown-menu > li > a,
  .navbar-nav .openSubmenu .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .openSubmenu .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .openSubmenu .dropdown-menu > li > a:hover,
  .navbar-nav .openSubmenu .dropdown-menu > li > a:focus {
    background-image: none;
  }
  */
}

@media (max-width:910px){

    .navbar_container{
        order: 10;
    }
    .navbar_container .main_menu{
        position: static;
    }
    .navbar_container .main_menu .main_menu_list{
        position: absolute;
        top: 100%;
        background: #ffff;
        right: 0;
        max-height: none;
        width: 100%;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }


    .navbar-nav .openSubmenu .dropdown-menu,
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
    }

    .navbar_container .main_menu .main_menu_list ul li ul {
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: none;
    }

    .navbar_container .main_menu .main_menu_list ul > li a {
    }

    .navbar_container .main_menu .main_menu_list ul li ul {
        background: #dedddd;
    }

    .navbar-default .navbar-nav .openSubmenu .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .openSubmenu .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        background: #a8a8a8;
    }

    .navbar-default .navbar-nav .openSubmenu .dropdown-menu>li>a:hover i, .navbar-default .navbar-nav .openSubmenu .dropdown-menu>li>a:focus i,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover i, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus i {
        color: #131618;
    }

    .navbar_container .main_menu .main_menu_list > ul {
        right: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .product_slideshow .cycle_slider a {
        height: 400px;
    }

    .project_slideshow .cycle_slider a {
        height: 450px;
    }

    .related_slide .carousel-inner .item a,
    .designers_slide .carousel-inner .item a {
        height: 170px;
    }
}


@media (max-width: 767px) {
    .designers_slide .slide_title .title {
        text-align: center;
        padding: 0;
    }

    .designers_slide .slide_title .slide_control {
        text-align: center;
        padding: 0;
    }
}

@media (max-width: 680px) {
    .related_slide .carousel-inner .item a,
    .designers_slide .carousel-inner .item a {
        height: 140px;
    }
}

@media (max-width: 500px) {
    .content_1200, .content_1600 {
        padding-bottom: 75px;
    }
}

@media (max-width: 500px) {
    .content_1200, .content_1600 {
        padding-bottom: 90px;
    }
}

@media (max-width: 500px) {
    .pr_related_title .title {
        font-size: 20px;
    }
    .pr_related_title .line {
        height: 15px;
    }

    .related_slide .carousel-inner .item a,
    .designers_slide .carousel-inner .item a {
        height: 100px;
    }
}

@media screen and (max-width: 400px) {

    .news {
        top: 0;
    }

    .content_1200 > div.container-fluid {
        padding: 0;
    }

    .content_1600 > div.container-fluid {
        padding: 0;
    }

    .home_item_big, .home_item_small {
        float: none;
        width: 100%;
    }

    .ps_products .product {
        width: 100%;
    }

    .product_slideshow .cycle_slider a {
        height: 250px;
    }

    .project_slideshow .cycle_slider a {
        height: 250px;
    }

    .related_slide .carousel-inner .item a,
    .designers_slide .carousel-inner .item a  {
        height: 70px;
    }

    .shop_request .main_title span {
        font-size: 16px;
    }

    .shop_request .input_items .title   {
        font-size: 14px;
    }

    .shop_request .input_items .input_field {
        font-size: 10px;
    }

}

@media screen and (max-width: 1600px) {
    .news {
        /*top: 15px;*/
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px){
    .ps_products .clear_3{
        display: block;
    }
    .ps_products .clear_2{
        display: none;
    }
    .form_view .main_title{
        min-width: 400px;
    }
}

@media screen and  (min-width: 992px){
    .ps_products .clear_3{
        display: none;
    }
    .ps_products .clear_4{
        display: block;
    }
}

@media screen and (max-width: 399px) {
    .news {
        /*top: 15px;*/

    }
}

/*effects*/

.category_filter .filter_top ul li a,
.social_links a i,
.icons_list li > *,
.navbar_container .main_menu .main_menu_list > ul a{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ps_products{
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

body.no_tranform .ps_products .product {
    opacity: 1;
}
.ps_products .product{
    opacity: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}
.ps_products .product:nth-of-type(8n+8)
{
    -webkit-animation-delay: .5s; /* Chrome, Safari, Opera */
    animation-delay: .5s;
}
.ps_products .product:nth-of-type(8n+6),
.ps_products .product:nth-of-type(8n+4)
{
    -webkit-animation-delay: .4s; /* Chrome, Safari, Opera */
    animation-delay: .4s;
}
.ps_products .product:nth-of-type(8n+3),
.ps_products .product:nth-of-type(8n+7)
{
    -webkit-animation-delay: .3s; /* Chrome, Safari, Opera */
    animation-delay: .3s;
}
.ps_products .product:nth-of-type(8n+2)
{
    -webkit-animation-delay: .2s; /* Chrome, Safari, Opera */
    animation-delay: .2s;
}
.ps_products .product:nth-of-type(8n+5)
.ps_products .product:nth-of-type(8n+1)
{
    -webkit-animation-delay: .1s; /* Chrome, Safari, Opera */
    animation-delay: .1s;
}

@-webkit-keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1);  -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.navbar-nav>li.dropdown.openSubmenu .dropdown-menu,
.navbar-nav>li.open .dropdown-menu{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-nav>li>.dropdown-menu
{
    -webkit-transform: scaleY(0);
    -moz-transform:    scaleY(0);
    -o-transform:      scaleY(0);
    -ms-transform:     scaleY(0);
    transform: scaleY(0);

    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;

    overflow: hidden;
    display: block;
    height: 0;
}
.navbar-nav>li.dropdown.openSubmenu > .dropdown-menu,
.navbar-nav>li.open>.dropdown-menu
{
    -webkit-transform: scaleY(1);
    -moz-transform:    scaleY(1);
    -o-transform:      scaleY(1);
    -ms-transform:     scaleY(1);
    transform: scaleY(1);
    height: auto;
}
.dropdown-submenu:hover > ul
{
    display: block;
}
.navbar-nav>li>.dropdown-menu{
    overflow: visible;
}
.dropdown-submenu {
    position:relative;
}
.navbar_container .main_menu .main_menu_list ul li.dropdown-submenu ul{
    top:0;left:100%;
    margin-top: 0;
}
.dropdown.openSubmenu > ul{
    display: block;
    width: 100%;
}

.project_list a .overlay,
.designers_slide a .overlay_slide,
.designers .designers_item .overlay,
.news a .overlay,
.related_slide a .overlay,
.ps_products .product .overlay{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    display: block;
}
.project_list a:hover .overlay,
.designers_slide a:hover .overlay_slide,
.designers .designers_item:hover .overlay,
.news a:hover .overlay,
.related_slide a:hover .overlay,
.ps_products .product:hover .overlay
{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    display: block;
}

.h_padding{
    padding-left: 10px;
    padding-right: 10px;
}

.categories {
    text-align: left;
    column-count: 4;
    border-top: 1px solid #000;
    padding: 2rem 0.25rem;
}
.categories > li {
    page-break-inside: avoid;
}
.categories li {
    list-style: none;
}
.categories li ul {
    padding: 0;
    display: inline-block;
}
.categories li h4 {
    padding: 1rem 0;
}
.categories li h4 a {
    font-weight: 300;
    color: #000000;
}
.categories li h4.subcategory a {
    color: #acacac;
}

.tool-tip {
    display: inline-block;
    margin-left: 0.5em;
    position: relative;
}
.tool-tip i {
    color: #818181;
    background-color: #e7e7dd;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-family: GibsonThin, serif;
    font-style: inherit;
    font-weight: 700;
}

.flex-center {
    display: flex;
    align-items: center;
}

.tool-tip i:before {
    content: '';
    width: 0;
    height: 0;

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #818181;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.tool-tip .tool-tip__info {
    display: none;
    background: #EEEAE7;
    position: absolute;
    /*left: 30px;
    top: -50%;*/
    transform: translate(0, -20%);
    z-index: 2;
    padding: 10px 15px;
    width: 260px;

    left: -500%;
    top: 300%;
}

.tool-tip .tool-tip__info .info {
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 26px;
    color: #818181 !important;
    /*font-family: GibsonThin, serif;*/
    /*font-weight: 700;*/
    font-family: "canada-type-gibson",sans-serif;
    font-weight: 400;
}
.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
    display: inline-block;
}

a:focus + .tool-tip .tool-tip__info {
    display: inline-block;
}
