/*
Wezz kék: #29abe2
*/

@import url(https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300&subset=latin,latin-ext);

@import url('reset.css');


/*******************************************************************************************************************
 * ÁLTALÁNOS
******************************************************************************************************************/
body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #8d8d8d;
    font-size: 18px;
    text-align: center;
}
.w_wrap
{
    background: url('/img/Homepage/main_bg_mobile.jpg') center center;
    background-attachment: fixed;
}

h2 {
    color: #29abe2;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 35px;
}

h3 {
    font-size: 20px;
    line-height: 30px;
}

h4 {
    font-size: 32px;
    margin-bottom: 25px;
    color: #444445;
    text-align: center;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 100;
}

.w_input_row {
    margin-bottom: 15px;
}

.w_input_row > * {
    vertical-align: middle;
}

.w_hint {
    font-size: 12px !important;
}

.w_highlight {
    color: #29abe2;
}

[type="text"],
[type="password"],
textarea {
    width: 100%;
    background: #fafafa;
    color: #666;
    border: solid 1px #c6cacc;
    padding: 12px;
    display: block;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[type="text"]:focus,
[type="password"]:focus,
textarea:focus {
    border: solid 1px #949799;
}

input:-webkit-autofill {
    background: #fafafa !important;
    -webkit-box-shadow:0 0 0 50px #fafafa inset;
    -webkit-text-fill-color: #8d8d8d;
}

*::-webkit-input-placeholder {
    color: #b2b2b2;
}

*:-moz-placeholder {
    color: #b2b2b2;
}

*::-moz-placeholder {
    color: #b2b2b2;
}

*:-ms-input-placeholder {
    color: #b2b2b2;
}

.w_error {
    border: solid 1px #e3a696 !important;
    -webkit-box-shadow: 0 0 2px 1px #f3d5cd !important;
    -moz-box-shadow: 0 0 2px 1px #f3d5cd !important;
    -ms-box-shadow: 0 0 2px 1px #f3d5cd !important;
    box-shadow: 0 0 2px 1px #f3d5cd !important;
}

.w_error_msg {
    display: none;
    color: #c48271;
    margin: 8px 0;
    font-size: 13px;
    text-align: left;
}

.w_block_arrow {
    width: 33px;
    height: 8px;
    margin: auto;
    background: url('/img/Homepage/block_arrows.png') center center no-repeat;
}

.w_block_arrow.w_black_arrow {
    background-position: 0 0;
}

.w_block_arrow.w_white_arrow {
    background-position: 0 -8px;
}

.w_block_arrow.w_dark_gray_arrow {
    background-position: 0 -16px;
}

.w_block_arrow.w_blue_arrow {
    background-position: 0 -24px;
}

.w_block_arrow.w_gray_arrow {
    background-position: 0 -32px;
}


/*******************************************************************************************************************
 * GOMBOK
******************************************************************************************************************/
.w_button {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
}

.w_button_primary {
    background-color: #29abe2;
    color: #fff;
}

.w_button_primary.w_button_loading {
    background: url('/img/primary_button_loading.gif') #29abe2 center center no-repeat;
    color: transparent !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.w_button_secondary {
    background-color: #fff;
    color: #29abe2;
}

.w_button_secondary.w_button_loading {
    background: url('/img/secondary_button_loading.gif') #fff center center no-repeat;
    color: transparent !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.w_button_large {
    height: 46px;
    line-height: 46px;
    font-size: 13px;
}

.w_button_primary_preloader {
    background: url('/img/primary_button_loading.gif') #29abe2 center center no-repeat;
    color: transparent !important;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}


/*******************************************************************************************************************
 * FEJLÉC
******************************************************************************************************************/
#w_header_container {
    width: 100%;
}

#w_header_container_inner {
    width: 100%;
    height: 100%;
    padding: 100px 20px 50px 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#w_logo {
    width: 50px;
    height: 20px;
    background: url('/img/Homepage/logo_white.png') center center no-repeat;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

#w_header_container h1 {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
}

#w_header_container b h1 {
    font-weight: 800;
    margin-bottom: 5px;
}

#w_header_container h3 {
    color: #fff;
    line-height: 30px;
    margin: 18px 0 22px;
}


/*******************************************************************************************************************
 * MENÜ
******************************************************************************************************************/
#w_menu_button {
    width: 30px;
    height: 30px;
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.w_menu_line {
    width: 30px;
    height: 4px;
    background: #fff;
    margin-bottom: 4px;
}

#w_menu {
    width: 80%;
    max-width: 300px;
    left: -100%;
    height: 150%;
    position: fixed;
    z-index: 15;
    background: rgba(0,0,0,.95);
    -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.25);
}

#w_menu ul li a {
    width: 100%;
    height: 70px;
    line-height: 70px;
    display: block;
    text-align: left;
    text-indent: 20px;
    font-family: Arimo, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    border-bottom: solid 1px #303233;
}

#w_menu ul li a:hover {
    background: #29abe2;
    color: #fff !important;
}

#w_menu ul li a.w_active {
    color: #29abe2;
}

/*******************************************************************************************************************
 * ANIMÁCIÓ
******************************************************************************************************************/
#w_animation_container {
    background: #fff;
}

#w_animation_container_inner {
    padding: 30px 20px;
}

#w_animation {
    width: 100%;
    max-height: 200px;
    margin-top: 20px;
    overflow: hidden;
}

/* Optimalizálás felbontásokra */
@media screen and (min-width: 800px) {

    #w_animation {
        max-height: 300px;
    }
}


/*******************************************************************************************************************
 * VIDEO
******************************************************************************************************************/
#w_video_container {
    background: #444445;
    position: relative;
}

#w_video_container_inner {
    padding: 50px 20px;
}

#w_play_video {
    width: 54px;
    height: 54px;
    margin: 0 auto 20px;
    background: url('/img/Homepage/play_icon_2.png') center center no-repeat;
    display: block;
}

#w_video_container p {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#w_youtube_video_overlay {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    background: rgba(0,0,0,.9);
    z-index: 20;
}

#w_youtube_video {
    max-width: 100%;
    max-height: 100%;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#w_close_video {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 30px;
    text-align: center;
    color: #fff;
    z-index: 100;
}

#w_close_video:active {
    color: #999;
}


/*******************************************************************************************************************
 * TEMPLATEK
******************************************************************************************************************/


.w_temps_nav_right:focus{
    border:0;
    outline:0;
}
.w_temps_nav_left:focus{
    outline:0;
    border:0;
}
.w_temps_nav_right
{
    cursor: pointer;
    position: absolute;
    left: calc(100% - 60px);
    z-index: 100;
    width: 60px!important;
    content: ""!important;
    background: url('../img/WezzpageHome/aboutUs/ar_right_m.png')!important;
    background-repeat: no-repeat!important;
    background-size: 50% 50%;
    background-position: center center!important;
}
.w_temps_nav_left
{
    cursor: pointer;
    position: absolute;
    right:calc(100% - 60px);
    z-index:100;
    width:60px!important;
    content: ""!important;
    background:url('../img/WezzpageHome/aboutUs/ar_left_m.png')!important;
    background-repeat: no-repeat!important;
    background-size: 50% 50%;
    background-position: center center!important;
}

#w_template_container {
    background: #fff;
}

#w_template_container_inner {
    padding: 30px 0;
}

#w_template_container h2 {
    margin: 0 20px;
}

#w_template_container h3 {
    margin: 30px 20px;
}

#w_templates {
    height: 100%;
    overflow: hidden;
}

#w_templates_row {
    width: 99999px;
}

.w_template_block {
    border: solid 1px #e5e5e5;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 20px;
    /*margin: 0 10px;*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.w_template_block_header {
    width: 100%;
    height: 25px;
    background: #e5e5e5;
}

.w_template_block_header .w_dot_container {
    width: 35px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
}

.w_template_block_header .w_dot {
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
}

.w_template_block img {
    width: 100%;
    height: auto;
    cursor: pointer;
}


/* Optimalizálás felbontásokra */
@media screen and (min-width: 600px) {

    .w_template_block {
        margin: 0 100px;
    }
}


/*******************************************************************************************************************
 * FUNKCIÓK
******************************************************************************************************************/
#w_features_container {
}

#w_features_container_inner {
    /*padding: 50px 20px;*/
    padding: 30px 15%;
}

#w_features_container h2 {
    color: #fff;
}

.w_feature_icon {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
    display: inline-block;
    background: url('/img/Homepage/features.png');
}

/* Ikonok */
.w_feature_icon.w_responsive_icon {
    background-position: 0 0;
}

.w_feature_icon.w_seo_icon {
    background-position: -100px 0;
}

.w_feature_icon.w_social_icon {
    background-position: -200px 0;
}

.w_feature_icon.w_domain_icon {
    background-position: -300px 0;
}

.w_feature_icon.w_language_icon {
    background-position: -400px 0;
}

.w_feature_icon.w_helpcenter_icon {
    background-position: -500px 0;
}

.w_feature_title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.w_feature_description {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}

.w_feature_block_separator_block {
    width: 300px;
    padding: 0 50px 10px;
    display: inline-block;
}

.w_feature_block_separator {
    width: 70%;
    height: 1px;
    background: rgba(255,255,255,.3);
    margin: 30px auto;
}


/*******************************************************************************************************************
 * REGISZTRÁCIÓ
******************************************************************************************************************/
#w_registration_block {
    background-color: #ebebeb;
}

#w_registration_block h2 {
    margin-bottom: 10px;
}

#w_registration_block h3 {
    margin-bottom: 20px;
}

#w_registration_block_inner {
    padding: 30px 20px;
}

#w_submit_registration {
    margin-top: 20px;
}

#w_successful_registration_window {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    padding: 20px;
    background: url('/img/Homepage/main_bg_mobile.jpg') center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#w_successful_registration_window h2,
#w_successful_registration_window h3 {
    color: #fff;
    margin: 0;
}

#w_successful_registration_window h3 {
    margin-bottom: 20px;
}

.w_devices_icon {
    width: 99px;
    height: 55px;
    background: url('/img/Homepage/devices_icon.png') center center no-repeat;
    margin: 40px auto;
}


/*******************************************************************************************************************
 * ÜGYFÉLSZOLGÁLAT
******************************************************************************************************************/
#w_contact_container {
    background: #ebebeb;
}

#w_contact_container_inner {
    padding: 30px 20px;
}

#w_phone_icon {
    width: 26px;
    height: 48px;
    background: url('/img/Homepage/phone_icon.png') center center no-repeat;
    margin: 0 auto;
}

#w_email_icon {
    width: 48px;
    height: 32px;
    background: url('/img/Homepage/email_icon.png') center center no-repeat;
    margin: 0 auto;
}

#w_contact_container p {
    margin-top: 15px;
}

.w_contact_separator {
    width: 50%;
    height: 1px;
    background: #dadee0;
    margin: 30px auto;
}


/*******************************************************************************************************************
 * KÖZÖSSÉGI LINKEK
******************************************************************************************************************/
#w_social_media_container {
    padding: 30px 0;
}

#w_social_media_icon_container {
    text-align: center;
}

.w_social_media_icon {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    background: url('/img/Homepage/social_media_icons_mobile.png');
}

/* Ikonok */
.w_facebook_icon {
    background-position: 0 0;
}

.w_youtube_icon {
    background-position: -50px 0;
}

.w_vimeo_icon {
    background-position: -100px 0;
}

.w_google_plus_icon {
    background-position: -150px 0;
}

.w_twitter_icon {
    background-position: -200px 0;
}

.w_instagram_icon {
    background-position: -250px 0;
}

/*******************************************************************************************************************
 * RÓLUNK
******************************************************************************************************************/

.w_team_top
{
    width:100%;
    background-color: white;
}
.w_mobile_container
{
    width: 100%;
    margin:auto;
}

.members_cont
{
    width:70%;
    margin-top:10px;
    display: inline-block;
}



.w_about_us_member .w_thumb
{
    border:2px solid white;
    box-shadow: 0 0 0 2px #e6e6e6;
    width:75%;
    margin:auto;
    border-radius:100%;
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.w_about_us_member .w_thumb:hover
{
    box-shadow: 0 0 0 2px #29abe2;
    background-size:110%;
}

.w_about_us_member .w_sub_t
{
    text-align: center!important;
    line-height: 15px;
    margin-bottom:15px!important;
}


.w_about_us_member .w_text .w_name
{
    padding:10px;
    color:black;
    font-weight: bold;
    font-size:18px;
}

.w_last
{
    display: inline-block!important;
    width: 100%!important;
}

.w_last .w_about_us_member
{
    float: none!important;
    margin:0 auto!important;
}
@media screen and (orientation:portrait)
{
    .w_about_us_member
    {
        float:left;
        width: 100%;
        margin:auto;
        margin-bottom:20px;
        margin-top:20px;
    }
    .w_about_us_member .w_text
    {
        font-family: 'Source Sans Pro', sans-serif;
        text-align: center;
        line-height: 26px;
        width:120%;
        margin-left:-10%;
    }
}

@media screen and (orientation:landscape)
{
    .w_about_us_member .w_text
    {
        font-family: 'Source Sans Pro', sans-serif;
        text-align: center;
        line-height: 26px;
        width:100%;
        margin-left:0%;
    }
    .w_about_us_member
    {
        min-height: 520px;
        float:left;
        width: 50%;
        margin:auto;
        margin-bottom:20px;
        margin-top:20px;
    }
}
.w_about_us_bottom
{
    margin-top:30px;
    padding-bottom:30px;
}
.w_about_us_bottom h3
{

    line-height: 26px;
    width:80%;
    margin-left:10%;
    font-size:18px;
}


/*******************************************************************************************************************
 * Referenciák
******************************************************************************************************************/

.w_ref_nav img
{
    opacity:0.8;
    position:relative;
}
.w_ref_nav_left img
{

}
.w_ref_nav_right img
{
}
.w_ref_nav img:hover
{
    opacity:1;
}

#w_refs_container
{
    padding: 0px 0;
    height:680px;
    background-color:white;
}
#w_refs_container h2
{
    margin-bottom:25px!important;
}
.w_container
{
    padding-top:30px;
}
#w_refs_container .w_refs_slider
{
    position:absolute;
    left:0;
    width:100%;
}
.w_ref_nav_right:focus{
    border:0;
    outline:0;
}
.w_ref_nav_left:focus{
    outline:0;
    border:0;
}
.w_ref_nav_right
{
    cursor: pointer;
    position: absolute;
    left:calc(100% - 60px);
    z-index:100;
    height:500px!important;
    width:60px!important;
    content: ""!important;
    background:url('../img/WezzpageHome/aboutUs/ar_right_m.png')!important;
    background-repeat: no-repeat!important;
    background-size: 50% 50%;
    background-position: center center!important;
    margin-top:-150px;
}
.w_ref_nav_left
{
    cursor: pointer;
    position: absolute;
    right:calc(100% - 60px);
    z-index:100;
    height:500px!important;
    width:60px!important;
    content: ""!important;
    background:url('../img/WezzpageHome/aboutUs/ar_left_m.png')!important;
    background-repeat: no-repeat!important;
    background-size: 50% 50%;
    background-position: center center!important;
    margin-top:-150px;
}
.slick-prev:before
{
    content: ""!important;
}
.slick-next
{
    height:640px!important;
    width:30px!important;
    content: ""!important;
    background:url('../img/WezzpageHome/aboutUs/ar_right.png')!important;
    background-size:contain!important;
    background-repeat: no-repeat!important;
    right:50px!important;
}
.slick-next:before
{
    content: ""!important;
}
.slick-prev
{
    height:56px!important;
    width:30px!important;
    content: ""!important;
    background:url('../img/WezzpageHome/aboutUs/ar_left.png')!important;
    background-size:cover!important;
    left:50px!important;
}
.slick-prev:before
{
    content: ""!important;
}
@-webkit-keyframes fade {
    0%
    {
        opacity:0;
    }
    100%
    {
        opacity:1;
    }
}
@-webkit-keyframes fade_2 {
    0%
    {
        opacity:1;
    }
    100%
    {
        opacity:0;
    }
}
@-moz-keyframes fade {
    0%
    {
        opacity:0;
    }
    100%
    {
        opacity:1;
    }
}
@-moz-keyframes fade_2 {
    0%
    {
        opacity:1;
    }
    100%
    {
        opacity:0;
    }
}
@-ms-keyframes fade {
    0%
    {
        opacity:0;
    }
    100%
    {
        opacity:1;
    }
}
@-ms-keyframes fade_2 {
    0%
    {
        opacity:1;
    }
    100%
    {
        opacity:0;
    }
}
@-o-keyframes fade {
    0%
    {
        opacity:0;
    }
    100%
    {
        opacity:1;
    }
}
@-o-keyframes fade_2 {
    0%
    {
        opacity:1;
    }
    100%
    {
        opacity:0;
    }
}
#w_refs_container .w_slider_cont
{
    position:absolute;
    left:0;
    overflow: hidden;
    z-index:0;
}
#w_refs_container .w_slider_cont .w_slider_inner
{
    position: relative;
    margin:auto;
    display: inline-block;
}
.w_ref_current
{
    opacity:1!important;
    -webkit-transform:scale(1)!important;
    -moz-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    -o-transform:scale(1)!important;
}

.w_ref_current .w_slide_thumb
{
    -webkit-animation: thumb 1000s 0s forwards; /* Chrome, Safari, Opera */
    -moz-animation: thumb 1000s 0s forwards; /* Chrome, Safari, Opera */
    -ms-animation: thumb 1000s 0s forwards; /* Chrome, Safari, Opera */
    -o-animation: thumb 1000s 0s forwards; /* Chrome, Safari, Opera */
}
@-webkit-keyframes thumb {
    0%   {-webkit-transform: scale(1); height: 186px; width: 186px; }
    100%   {-webkit-transform: scale(1); height: 186px; width: 186px;}
}
.w_ref_current .w_slide_link
{
    opacity:1;
}
.w_ref_current .w_slide_text
{
    opacity:1;
}

.w_ref_current .w_slide_name
{
    opacity:1;
}
.w_ref_current .w_slide_circle
{
    opacity:1;
}


.slick-slide.slick-active.slick-center .w_to_middle_from_left
{
    -webkit-animation: to_middle_2 2s 0s forwards; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function:ease-in;
    -moz-animation: to_middle_2 2s 0s forwards; /* Chrome, Safari, Opera */
    -moz-animation-timing-function:ease-in;
    -ms-animation: to_middle_2 2s 0s forwards; /* Chrome, Safari, Opera */
    -ms-animation-timing-function:ease-in;
    -o-animation: to_middle_2 2s 0s forwards; /* Chrome, Safari, Opera */
    -o-animation-timing-function:ease-in;
}
@-webkit-keyframes to_middle_2 {
    0%
    {
        -webkit-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -webkit-transform:translateX(70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -webkit-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -webkit-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
@-moz-keyframes to_middle_2 {
    0%
    {
        -moz-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -moz-transform:translateX(70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -moz-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -moz-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
@-ms-keyframes to_middle_2 {
    0%
    {
        -ms-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -ms-transform:translateX(70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -ms-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -ms-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
@-o-keyframes to_middle_2 {
    0%
    {
        -o-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -o-transform:translateX(70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -o-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -o-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
.slick-slide.slick-active.slick-center .w_to_middle_from_right
{
    -webkit-animation: to_middle 2s 0s forwards; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function:ease-in;
    -o-animation: to_middle 2s 0s forwards; /* Chrome, Safari, Opera */
    -o-animation-timing-function:ease-in;
    -ms-animation: to_middle 2s 0s forwards; /* Chrome, Safari, Opera */
    -ms-animation-timing-function:ease-in;
    -moz-animation: to_middle 2s 0s forwards; /* Chrome, Safari, Opera */
    -moz-animation-timing-function:ease-in;
}
@-webkit-keyframes to_middle {
    0%
    {
        -webkit-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -webkit-transform:translateX(-70px) translateY(0px) scale(0.9); opacity:1;
    }
    35%
    {
        -webkit-transform:translateX(0px) translateY(0px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -webkit-transform:translateX(0px) translateY(0px)  scale(1); opacity:1;
    }
}
@-moz-keyframes to_middle {
    0%
    {
        -moz-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -moz-transform:translateX(-70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -moz-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -moz-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
@-ms-keyframes to_middle {
    0%
    {
        -ms-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -ms-transform:translateX(-70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -ms-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -ms-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
@-o-keyframes to_middle {
    0%
    {
        -o-transform:translateX(0px) translateY(0px) scale(0.7); opacity:0.5;
    }
    20%
    {
        -o-transform:translateX(-70px) translateY(32px) scale(0.9); opacity:1;
    }
    35%
    {
        -o-transform:translateX(0px) translateY(36px) scale(1); opacity:1;
        /* margin-top:73px; */
    }
    100%
    {
        -o-transform:translateX(0px) translateY(36px)  scale(1); opacity:1;
    }
}
.anim_to_left
{
    -webkit-animation: anim_to_left 1s 1s; /* Chrome, Safari, Opera */
    -moz-animation: anim_to_left 1s 1s; /* Chrome, Safari, Opera */
    -ms-animation: anim_to_left 1s 1s; /* Chrome, Safari, Opera */
    -o-animation: anim_to_left 1s 1s; /* Chrome, Safari, Opera */
}
@-webkit-keyframes anim_to_left {
    0%   {-webkit-transform: translateX(0%);}
    100% {-webkit-transform: translateX(21.5%);}
}
@-moz-keyframes anim_to_left {
    0%   {-moz-transform: translateX(0%);}
    100% {-moz-transform: translateX(21.5%);}
}
@-ms-keyframes anim_to_left {
    0%   {-ms-transform: translateX(0%);}
    100% {-ms-transform: translateX(21.5%);}
}
@-o-keyframes anim_to_left {
    0%   {-o-transform: translateX(0%);}
    100% {-o-transform: translateX(21.5%);}
}
.anim_to_right
{
    -webkit-animation: anim_to_right 1s 1s; /* Chrome, Safari, Opera */
    -moz-animation: anim_to_right 1s 1s; /* Chrome, Safari, Opera */
    -ms-animation: anim_to_right 1s 1s; /* Chrome, Safari, Opera */
    -o-animation: anim_to_right 1s 1s; /* Chrome, Safari, Opera */
}
@-webkit-keyframes anim_to_right {
    0%   {-webkit-transform: translateX(0%);}
    100% {-webkit-transform: translateX(-21.5%);}
}
@-moz-keyframes anim_to_right {
    0%   {-moz-transform: translateX(0%);}
    100% {-moz-transform: translateX(-21.5%);}
}
@-ms-keyframes anim_to_right {
    0%   {-ms-transform: translateX(0%);}
    100% {-ms-transform: translateX(-21.5%);}
}
@-o-keyframes anim_to_right {
    0%   {-o-transform: translateX(0%);}
    100% {-o-transform: translateX(-21.5%);}
}
.anim_to_out
{
    opacity:0.5!important;
    -webkit-animation: anim_to_out 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -webkit-transform:translateY(-15px);
    -moz-animation: anim_to_out 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -moz-transform:translateY(-15px);
    -ms-animation: anim_to_out 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -ms-transform:translateY(-15px);
    -o-animation: anim_to_out 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -o-transform:translateY(-15px);

}
.anim_to_in
{
    opacity:0!important;
    -webkit-animation: anim_to_in 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -moz-animation: anim_to_in 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -ms-animation: anim_to_in 0.5s 1.0s forwards; /* Chrome, Safari, Opera */
    -o-animation: anim_to_in 0.5s 1.0s forwards; /* Chrome, Safari, Opera */

}
@-webkit-keyframes anim_to_in {
    0%   {opacity:0;}
    100% { opacity:0.5;}
}
@-webkit-keyframes anim_to_out {
    0%   {opacity:0.5;}
    100% { opacity:0.0;}
}
@-moz-keyframes anim_to_in {
    0%   {opacity:0;}
    100% { opacity:0.5;}
}
@-moz-keyframes anim_to_out {
    0%   {opacity:0.5;}
    100% { opacity:0.0;}
}
@-ms-keyframes anim_to_in {
    0%   {opacity:0;}
    100% { opacity:0.5;}
}
@-ms-keyframes anim_to_out {
    0%   {opacity:0.5;}
    100% { opacity:0.0;}
}
@-o-keyframes anim_to_in {
    0%   {opacity:0;}
    100% { opacity:0.5;}
}
@-o-keyframes anim_to_out {
    0%   {opacity:0.5;}
    100% { opacity:0.0;}
}


.w_current_ref_rev
{
    opacity:1!important;
    -webkit-transform:scale(1)!important;
    -moz-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    -o-transform:scale(1)!important;
}
.w_current_ref_rev .w_slide_link
{
    opacity:0;
}
.w_current_ref_rev .w_slide_text
{
    opacity:0;
}

.w_current_ref_rev .w_slide_name
{
    opacity:0;
}
.w_current_ref_rev .w_slide_circle
{
    opacity:1;
}

.w_current_ref_rev .w_slide_line
{
    -webkit-animation: line_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -moz-animation: line_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -ms-animation: line_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -o-animation: line_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */

    opacity:1!important;
}

.w_current_ref_rev .w_slide_circle
{
    -webkit-animation: circle_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -moz-animation: circle_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -ms-animation: circle_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -o-animation: circle_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    opacity:1!important;
}
.w_current_ref_rev .w_slide_name
{
    -webkit-animation: text_rev 0.4s 0.0s forwards!important; /* Chrome, Safari, Opera */
    -moz-animation: text_rev 0.4s 0.0s forwards!important; /* Chrome, Safari, Opera */
    -ms-animation: text_rev 0.4s 0.0s forwards!important; /* Chrome, Safari, Opera */
    -o-animation: text_rev 0.4s 0.0s forwards!important; /* Chrome, Safari, Opera */
}
.w_current_ref_rev .w_slide_text
{
    -webkit-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -moz-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -ms-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -o-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
}
.w_current_ref_rev .w_slide_link
{
    -webkit-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -moz-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -ms-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
    -o-animation: text_rev 0.4s 0.0s forwards!important;; /* Chrome, Safari, Opera */
}
@-webkit-keyframes line_rev {
    0%   {height: 60px; -webkit-transform: scaleY(1); -webkit-transform-origin: top center; opacity:1;}
    40% {height:60px; -webkit-transform: scaleY(1.5); -webkit-transform-origin: top center; opacity:1;}
    100% {height:0px; -webkit-transform: scaleY(1); -webkit-transform-origin: top center; opacity:0;}
}
@-moz-keyframes line_rev {
    0%   {height: 60px; -moz-transform: scaleY(1); -moz-transform-origin: top center; opacity:1;}
    40% {height:60px; -moz-transform: scaleY(1.5); -moz-transform-origin: top center; opacity:1;}
    100% {height:0px; -moz-transform: scaleY(1); -moz-transform-origin: top center; opacity:0;}
}
@-ms-keyframes line_rev {
    0%   {height: 60px; -ms-transform: scaleY(1); -ms-transform-origin: top center; opacity:1;}
    40% {height:60px; -ms-transform: scaleY(1.5); -ms-transform-origin: top center; opacity:1;}
    100% {height:0px; -ms-transform: scaleY(1); -ms-transform-origin: top center; opacity:0;}
}
@-o-keyframes line_rev {
    0%   {height: 60px; -o-transform: scaleY(1); -o-transform-origin: top center; opacity:1;}
    40% {height:60px; -o-transform: scaleY(1.5); -o-transform-origin: top center; opacity:1;}
    100% {height:0px; -o-transform: scaleY(1); -o-transform-origin: top center; opacity:0;}
}
@-webkit-keyframes circle_rev{
    0%   {-webkit-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-webkit-transform: translateY(20px) scale(1); opacity:1;}
    100% {-webkit-transform: translateY(-30px) scale(0); opacity:0;}
}
@-moz-keyframes circle_rev{
    0%   {-moz-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-moz-transform: translateY(20px) scale(1); opacity:1;}
    100% {-moz-transform: translateY(-30px) scale(0); opacity:0;}
}

@-ms-keyframes circle_rev{
    0%   {-ms-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-ms-transform: translateY(20px) scale(1); opacity:1;}
    100% {-ms-transform: translateY(-30px) scale(0); opacity:0;}
}

@-o-keyframes circle_rev{
    0%   {-o-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-o-transform: translateY(20px) scale(1); opacity:1;}
    100% {-o-transform: translateY(-30px) scale(0); opacity:0;}
}


@-webkit-keyframes text_rev {
    0%   {-webkit-transform: translateY(-20px) scale(1); opacity:1;}
    50%   {-webkit-transform: translateY(50px) scale(1); opacity:1;}
    100% {-webkit-transform: translateY(-30px) scale(0); opacity:0;}
}

@-moz-keyframes text_rev {
    0%   {-moz-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-moz-transform: translateY(20px) scale(1); opacity:1;}
    100% {-moz-transform: translateY(-30px) scale(0); opacity:0;}
}


@-ms-keyframes text_rev {
    0%   {-ms-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-ms-transform: translateY(20px) scale(1); opacity:1;}
    100% {-ms-transform: translateY(-30px) scale(0); opacity:0;}
}


@-o-keyframes text_rev {
    0%   {-o-transform: translateY(0px) scale(1); opacity:1;}
    50%   {-o-transform: translateY(20px) scale(1); opacity:1;}
    100% {-o-transform: translateY(-30px) scale(0); opacity:0;}
}


/*Mobile Referenciák */

#w_references {
    height: 100%;
    overflow: hidden;
}

#w_references_row {
    width: 99999px;
}

.w_references_block {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
}

.w_slide_cont
{

    opacity:1;
    z-index:10;
    width:100%;
    position:relative;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom:70px;
    margin-top:5px;
}
#w_refs_container  .w_slide_cont .w_slide_thumb
{
    z-index:10;
    margin-left:60px;
    margin-right:60px;
    margin:Auto;
    width:180px;
    height:180px;
    border-radius:100%;
    border:3px solid white;
    box-shadow:0 0 0 2px #29abe2;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;

}
#w_refs_container  .w_slide_cont .w_slide_line
{
    opacity:0;
    border-radius:2px;
    width:2px;
    height:40px;
    background-color: #29abe2;
    margin: auto;
}
#w_refs_container  .w_slide_cont .w_slide_circle
{
    opacity:0;
    font-weight: bold;
    width:25px;
    height:25px;
    border-radius: 100%;
    margin: auto;
    text-indent: 1px;
    text-align: center;
    font-size:45px;
    line-height: 46px;
    color:#ffffff;
    background-color: #29abe2;
}
#w_refs_container  .w_slide_cont .w_slide_name
{
    opacity:0;
    font-family: 'Source Sans Pro Semibold', sans-serif;
    font-size:19px;
    text-align: center;
    padding:15px;
    margin-top:10px;
}

#w_refs_container  .w_slide_cont .w_slide_text
{
    opacity:0;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
    width:90%;
    margin:Auto;
    font-size:18px;
    line-height: 28px;
    position:relative;
}
#w_refs_container  .w_slide_cont .w_slide_link
{
    opacity:0;
    padding-top:15px;
    font-family: 'Source Sans Pro Semibold', sans-serif;
    font-size:15px;
    text-align: center;
}
.w_current_ref  .w_slide_line
{
    -webkit-animation: line 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -moz-animation: line 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -ms-animation: line 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -o-animation: line 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    opacity:0!important;
    z-index:0;
}
@-webkit-keyframes line {
    0%   {height: 0px; -webkit-transform: scaleY(1); -webkit-transform-origin: top center; opacity:0;}
    50% {height:40px; -webkit-transform: scaleY(1.7); -webkit-transform-origin: top center; opacity:1;}
    100% {height:40px; -webkit-transform: scaleY(1); -webkit-transform-origin: top center; opacity:1;}
}
@-moz-keyframes line {
    0%   {height: 0px; -moz-transform: scaleY(1); -moz-transform-origin: top center; opacity:0;}
    50% {height:40px; -moz-transform: scaleY(1.7); -moz-transform-origin: top center; opacity:1;}
    100% {height:40px; -moz-transform: scaleY(1); -moz-transform-origin: top center; opacity:1;}
}
@-ms-keyframes line {
    0%   {height: 0px; -ms-transform: scaleY(1); -ms-transform-origin: top center; opacity:0;}
    50% {height:40px; -ms-transform: scaleY(1.7); -ms-transform-origin: top center; opacity:1;}
    100% {height:40px; -ms-transform: scaleY(1); -ms-transform-origin: top center; opacity:1;}
}
@-o-keyframes line {
    0%   {height: 0px; -o-transform: scaleY(1); -o-transform-origin: top center; opacity:0;}
    50% {height:40px; -o-transform: scaleY(1.7); -o-transform-origin: top center; opacity:1;}
    100% {height:40px; -o-transform: scaleY(1); -o-transform-origin: top center; opacity:1;}
}
.w_current_ref .w_slide_circle
{
    z-index:0;
    -webkit-animation: circle_ 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -moz-animation: circle_ 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -ms-animation: circle_ 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
    -o-animation: circle_ 0.4s 0.8s forwards; /* Chrome, Safari, Opera */
}
@-webkit-keyframes circle_ {
    0%   {-webkit-transform: translateY(-30px) scale(0); opacity:0;}
    50%   {-webkit-transform: translateY(20px) scale(1); opacity:1;}
    100% {-webkit-transform: translateY(0px) scale(1); opacity:1;}
}
@-moz-keyframes circle_ {
    0%   {-moz-transform: translateY(-30px) scale(0); opacity:0;}
    50%   {-moz-transform: translateY(20px) scale(1); opacity:1;}
    100% {-moz-transform: translateY(0px) scale(1); opacity:1;}
}
@-ms-keyframes circle_ {
    0%   {-ms-transform: translateY(-30px) scale(0); opacity:0;}
    50%   {-ms-transform: translateY(20px) scale(1); opacity:1;}
    100% {-ms-transform: translateY(0px) scale(1); opacity:1;}
}
@-o-keyframes circle_ {
    0%   {-o-transform: translateY(-30px) scale(0); opacity:0;}
    50%   {-o-transform: translateY(20px) scale(1); opacity:1;}
    100% {-o-transform: translateY(0px) scale(1); opacity:1;}
}

.w_current_ref .w_slide_name
{
    -webkit-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -moz-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -ms-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -o-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
}
.w_current_ref .w_slide_text
{
    -webkit-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -moz-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -ms-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
    -o-animation: text 0.2s 1.0s forwards; /* Chrome, Safari, Opera */
}
.w_current_ref .w_slide_link
{
    -webkit-animation: text 0.3s 1.4s forwards; /* Chrome, Safari, Opera */
    -moz-animation: text 0.3s 1.4s forwards; /* Chrome, Safari, Opera */
    -ms-animation: text 0.3s 1.4s forwards; /* Chrome, Safari, Opera */
    -o-animation: text 0.3s 1.4s forwards; /* Chrome, Safari, Opera */
}
@-webkit-keyframes text {
    0%   {-webkit-transform: translateY(50px); opacity:0;}
    100% {-webkit-transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes text {
    0%   {-moz-transform: translateY(50px); opacity:0;}
    100% {-moz-transform: translateY(0px);opacity: 1;}
}
@-ms-keyframes text {
    0%   {-ms-transform: translateY(50px); opacity:0;}
    100% {-md-transform: translateY(0px);opacity: 1;}
}
@-o-keyframes text {
    0%   {-o-transform: translateY(50px); opacity:0;}
    100% {-o-transform: translateY(0px);opacity: 1;}
}


.w_mobile_menu
{
    right: 0px;
    overflow: auto;
    padding: 5px;
    display: block;
    position: absolute;
    max-width: 250px;
    width: 80%;
    height: 100%;
    z-index: -1;
    background: #444445;
}
.w_mobile_menu .cats li
{
    display: inline-block;
    width:100%;
    color:white;
    font-size:17px;
    padding:15px;
    border-bottom:solid 1px rgba(77, 77, 77, 0.77);
    list-style:none;
    font-family:Arimo, Arial, sans-serif;
    padding-left:0px;
    padding-right: 0px;
}
.w_mobile_menu .cats li a
{
    float: left;
    width:100%;
    color:white;
}

.mobile-overlay
{
    display:none;
    z-index:100000;
    position: fixed;
    width:100%;
    height:100%;
    background-color: transparent;
    top:0;
    right:250px;
}

.wrap_closed
{
    -webkit-animation: close_m 0.3s linear forwards;
    -moz-animation: close_m 0.3s linear forwards;
    -ms-animation: close_m 0.3s linear forwards;
    -o-animation: close_m 0.3s linear forwards;
    animation: close_m 0.3s linear forwards;
}
@-webkit-keyframes close_m {
    0% {
        -webkit-transform: translate(-260px);
    }
    100% {
        -webkit-transform: translate(0px);
    }
}
@-moz-keyframes close_m {
    0% {
        -moz-transform: translate(-260px);
    }
    100% {
        -moz-transform: translate(0px);
    }
}
@-ms-keyframes close_m {
    0% {
        -ms-transform: translate(-260px);
    }
    100% {
        -ms-transform: translate(0px);
    }
}
@-o-keyframes close_m {
    0% {
        -o-transform: translate(-260px);
    }
    100% {
        -o-transform: translate(0px);
    }
}
.wrap_opened
{
    position:fixed!important;
    -webkit-animation: open_m 0.3s linear forwards;
    -moz-animation: open_m 0.3s linear forwards;
    -ms-animation: open_m 0.3s linear forwards;
    -o-animation: open_m 0.3s linear forwards;
    animation: open_m 0.3s linear forwards;
}
@-webkit-keyframes open_m {
    0% {
        -webkit-transform: translate(0px);
    }
    100% {

        -webkit-transform: translate(-260px);
    }
}
@-moz-keyframes open_m {
    0% {
        -moz-transform: translate(0px);
    }
    100% {
        -moz-transform: translate(-260px);
    }
}
@-ms-keyframes open_m {
    0% {
        -ms-transform: translate(0px);
    }
    100% {
        -ms-transform: translate(-260px);
    }
}
@-o-keyframes open_m {
    0% {
        -o-transform: translate(0px);
    }
    100% {
        -o-transform: translate(-260px);
    }
}


/*******************************************************************************************************************
 * Csomagok
******************************************************************************************************************/
#w_package_block
{
    background: #ffffff;
    width: 100%;
}/*******************************************************************************************************************
 * CSOMAGOK
******************************************************************************************************************/
.w_package_cont
{
    display: inline-block;
    width: 99%;
}
#w_packages_container {
    padding: 70px 0;
    background: #f5f5f5;
    text-align: center;
}

#w_package_block h2 {
    margin-top:30px;
    margin-bottom: 5px;
}

#w_package_block h3 {
    margin-top:15px;
    margin-bottom: 50px;
}

.w_package_block {
    /*width: 350px;*/
    width: 88%;
    background: #fff;
    border: solid 1px #e0e0e0;
    text-align: center;
    /*margin: 0 20px;*/
    margin: 0 6%;
    margin-bottom:20px;
    display: inline-block;
}

.w_package_block.w_large {
    /*width: 400px;*/
}

.w_package_block.w_large .w_package_block_body {
    padding: 15px 0;
}

.w_package_block_header {
    background: #fafafa;
    border-bottom: solid 1px #e0e0e0;
    padding: 20px 0;
}

.w_package_name {
    font-size: 26px;
    color: #444445;
    margin-bottom: 10px;
}

.w_package_price {
    font-size: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #29abe2;
}

sup {
    vertical-align: top;
    font-size: 20px;
}

.w_package_comment {
    font-style: italic;
    margin-top: 5px;
}

.w_package_block_body {
    padding: 15px 0;
}

.w_package_block_body span {
    margin-bottom: 20px;
    display: inline-block;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.w_package_block_body span:hover {
    color: #444445;
    cursor: pointer;
}

#w_packages_comment {
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #444445;
    margin: 40px 0;
}