body { margin: 0; padding: 0; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; background: url('geveze_background_1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #ffffff; }

.background_pattern { position: fixed; z-index: 1; width: 100%; height: 100%; background: url('background_pattern.png'); }
.background_filter { position: fixed; z-index: 2; width: 100%; height: 100%; background: rgba(51,122,183,0.7); }

.wrapper { position: relative; z-index: 3; }

.container { width: 980px; margin: 0 auto; }

* { box-sizing: border-box; }

.header { padding-top: 40px; }
.header:after { clear: both; display: block; content: ''; }
.header .logo { float: left; width: 40%; }
.header .header_right { float: right; width: 60%; padding-bottom: 10px; background: url('gradient_white_line.png') no-repeat bottom right; }
.header .header_right .top_menu { float: right; }
.header .header_right .top_menu:after { clear: both; display: block; content: ''; }
.header .header_right .top_menu .top_menu_item { float: left; padding: 0 0 10px 30px; }
.header .header_right .top_menu .top_menu_item a { color: #dddddd; text-decoration: none; }
.header .header_right .top_menu .top_menu_item a:hover { color: #ffffff; }
.header .header_right .top_menu .top_menu_item a i { padding-right: 5px; }

.content { margin-top: 20px; }
.content:after { clear: both; display: block; content: ''; }
.content .quick_connect_chat { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(14,60,96,0.25); border: 1px solid rgba(255,255,255,0.25); -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.35); box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.35); width: 35%; float: left; padding: 20px;  }
.content .quick_connect_chat .quick_connect_chat_header { font-size: 14px; color: #ffffff; }
.content .quick_connect_chat .quick_connect_chat_header:after { clear: both; display: block; content: ''; }
.content .quick_connect_chat .quick_connect_chat_header h5 { color: #91ff01; font-size: 22px; margin: 0; padding: 0; float: left; }
.content .quick_connect_chat .quick_connect_chat_header .online_counter { float: right; line-height: 34px; }
.content .quick_connect_chat .quick_form_item { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; background: #ffffff; color: #c7c6c6; font-size: 22px; margin-top: 10px; line-height: 32px; }
.content .quick_connect_chat .quick_form_item i { padding-right: 10px; }
.content .quick_connect_chat .quick_form_item input { width: 80%; height: 32px; border: 0; }
.content .quick_connect_chat .quick_form_submit { margin-top: 10px; }
.content .quick_connect_chat .quick_form_submit input { background: #78d203; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; cursor: pointer; width: 100%; height: 52px; font-family: 'PT Sans Narrow', sans-serif; font-size: 24px; color: #ffffff; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.35); text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35); font-weight: 700; }
.content .quick_connect_chat .quick_form_submit input:hover { background: #64af02; }
.content .slogan { float: right; width: 65%; padding-left: 40px; text-align: right; }
.content .slogan h1 { font-size: 48px; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.35); margin: 0; padding: 0; }
.content .slogan p { font-size: 18px; margin: 0; padding: 0; color: #dddddd; }
.content .slogan h5 { font-size: 24px; margin: 0; padding: 0; }

.middle_content { margin-top: 80px; }
.middle_content a { text-decoration: none; color: #ffffff; }
.middle_content:after { clear: both; display: block; content: ''; }
.middle_content .middle_content_item { width: 33%; float: left; height: 118px; opacity: 0.7; }
.middle_content .middle_content_item:hover { opacity: 1; }
.middle_content .middle_content_item.mobile_app { background: url('image_mobile_app.png') no-repeat; padding-left: 110px; }
.middle_content .middle_content_item.add_your_site { background: url('image_add_your_site.png') no-repeat; padding-left: 100px; }
.middle_content .middle_content_item.mirc { background: url('image_mirc.png') no-repeat; padding-left: 80px; }
.middle_content .middle_content_item h2 { margin: 0; padding: 0; font-size: 30px; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25); }
.middle_content .middle_content_item p { margin: 0; padding: 0 10px 0 0; font-size: 14px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); }

.bottom_content { margin-top: 60px; padding: 20px; background: rgba(255,255,255,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bottom_content h2 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #0096ff; color: #0096ff; font-size: 30px; text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.35); }
.bottom_content p { margin: 0; padding: 0; color: #333333; font-size: 16px; text-align: justify; }

.footer { border-top: 4px solid #00233c; background: #ffffff; padding-bottom: 100px; margin-top: 60px; }
.footer:after { clear: both; display: block; content: ''; }
.footer .footer_left { width: 50%; float: left; }
.footer .footer_left a { color: #c3c3c3; text-decoration: none; }
.footer .footer_left a:hover { color: #9d9b9b; }
.footer .footer_left p { color: #c3c3c3; margin: 0; padding: 0; }
.footer .footer_left .social_networks { margin-top: 20px; }
.footer .footer_left .social_networks:after { clear: both; display: block; content: ''; }
.footer .footer_left .social_networks .social_network_item { float: left; padding-right: 10px; font-size: 24px; }
.footer .footer_right { width: 50%; float: left; text-align: right; }
.footer .footer_right p { color: #c3c3c3; }

.transition {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}