/*
Title:   Main Template Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas  */

/* .hoverBorderWrapper > img{width:100%;} */
/* BODY FONT - Applies to everything */
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 19px;
    color: #535353;
    background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 1.5em;
    text-transform: uppercase;
}

h2 {
    font-size: 1.4em;
    text-transform: uppercase;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
    font-weight: bold;
}

/* Several elements using other font */
div.pp_kalypso .ppt,
.flex-caption,
.nivo-caption,
.info_pop .text, .playVideo,
.textpop-style .texts > span,
.ud_counter ul li,
.video-container .captions .line,
.newsletter-signup input[type=submit],
.page-title,
.subtitle,
#sidebar .title,
.shop-latest .tabbable .nav li a,
.topnav > li > a,
nav#main_menu > ul > li > a,
.pricing_table .tb_header h4,
.pricing_table .price,
.process_box .number span,
.shop-features .shop-feature,
.shop-features .shop-feature > h4,
.shop-features .shop-feature > h5 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: #496F9E;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

a:hover {
    color: #6CA5EA;
    text-decoration: none;
}

/* Use fixclear class on parent to clear nested columns */
.fixclear:before, .fixclear:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.fixclear:after {
    clear: both;
}

.fixclear {
    zoom: 1;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.row {
    margin-bottom: 35px;
}

ul.list-style1,
ul.list-style2 {
    margin-left: 0;
}

ul.list-style1 li,
ul.list-style2 li {
    list-style: none;
    background: url(../images/list-style1.png) no-repeat 2px 8px;
    padding-left: 15px;
    margin-bottom: 4px;
}

ul.list-style2 li {
    background: url(../images/list-style2.png) no-repeat 2px 5px;
    padding-left: 25px;
}

#logo {
    float: left;
    margin: 0;
}

#logo a {
    padding: 28px;
    display: block;
    position: relative;
}

header {
    position: absolute;
    width: 100%;
    height: 100px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

header.style1 {
    border-bottom: 2px solid #000;
    border-bottom: 2px solid rgba(0, 0, 0, 0.7);
    border-top: 3px solid #3551DE;
}

header.style1:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -2px;
    border: 5px solid transparent;
    border-top-width: 5px;
    border-top-color: #000;
    border-top-color: rgba(0, 0, 0, 0.7);
}

header.style2 #logo a {
    background: rgba(0, 0, 0, 0.3);
    padding: 25px;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid rgba(0, 0, 0, 0.7);
    border-top: 3px solid #3551DE;
}

header.style2 #logo a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -3px;
    border: 5px solid transparent;
    border-top-width: 5px;
    border-top-color: #000;
    border-top-color: rgba(0, 0, 0, 0.7);
}

header.style2 .topnav.navLeft {
    float: left;
}

header.style3 {
    background: none;
}

header.style3 #logo a {
    background: rgba(0, 0, 0, 0.3);
    padding: 25px;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid rgba(0, 0, 0, 0.7);
    border-top: 3px solid #3551DE;
}

header.style3 #logo a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -3px;
    border: 5px solid transparent;
    border-top-width: 5px;
    border-top-color: #000;
    border-top-color: rgba(0, 0, 0, 0.7);
}

header.style3 .topnav.navLeft {
    float: left;
}

/* TOP NAVIGATION */
.topnav {
    float: right;
    margin: 10px 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 1;
}

.topnav > li {
    float: left;
    margin-left: 25px;
    position: relative;
}

.topnav > li > a {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    display: block;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.topnav > li:hover > a,
.topnav > li > a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.topnav > li > a > span {
    margin-right: 3px;
    margin-top: 0;
}

.topnav li.drop .pPanel {
    position: absolute;
    left: 0;
    width: auto;
    min-width: 120px;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    margin-left: -11px;
}

.topnav li.drop .inner {
    margin: 4px;
    list-style: none;
    background: #f5f5f5;
    padding: 4px 0;
    margin-top: 5px;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.topnav li.drop .inner:after {
    content: "";
    top: -8px;
    position: absolute;
    left: 9px;
    border: 5px solid transparent;
    border-bottom-width: 4px;
    border-bottom-color: #f5f5f5;
}

.topnav li.drop:hover .pPanel {
    opacity: 1;
    filter: alpha(opacity=100);
    height: auto;
}

.topnav li.drop li a {
    font-size: 10px;
    color: #222;
    padding: 0 5px 0 10px;
    display: block;
    text-transform: uppercase;
    margin-top: 1px;
}

.topnav li.drop li.active a,
.topnav li.drop li a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.topnav li.drop li a span {
    float: right;
    opacity: .3;
    filter: alpha(opacity=30);
    margin-top: 2px;
}

.cart_details {
    display: block;
    min-width: 250px;
    padding: 0 10px;
    font-size: 11px;
}

.cart_details .checkout {
    border-left: 1px solid #CCC;
    margin-left: 15px;
    padding-left: 15px;
    display: inline-block;
    color: #3551DE;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
}

.cart_details .checkout:hover {
    color: #333;
}

.cart_details .checkout span {
    margin-top: 1px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/* MAIN NAVIGATION - SUPERFISH */
nav#main_menu {
    float: right;
}

nav#main_menu > ul {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}

nav#main_menu > ul > li {
    float: left;
    margin-top: 3px;
    margin-left: 2px;
}

nav#main_menu > ul > li:first-child {
    margin-left: 0;
}

nav#main_menu > ul > li > a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0 12px 0;
    margin: 0 0 5px;
    display: block;
    border: 0;
    line-height: 1;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

nav#main_menu > ul > li.active > a,
nav#main_menu > ul > li > a:hover,
nav#main_menu > ul > li:hover > a {
    background-color: #3551DE;
    padding: 6px 12px 5px;
    margin: -6px 0 0 0;
}

/*2nd lev */
nav#main_menu > ul > li:hover > ul,
nav#main_menu > ul > li.sfHover > ul {
    top: 28px;
}

nav#main_menu > ul ul {
    background: #f5f5f5;
    padding: 6px 0;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
}

nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {
    background: #CCC;
    background: rgba(255, 255, 255, 0.4);
    height: 1px;
    width: 7px;
    left: 17px;
    top: auto;
    bottom: -3px;
}

nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator {
    display: none;
}

nav#main_menu > ul ul li {
    line-height: 27px;
}

nav#main_menu > ul > li > ul:after {
    content: "";
    top: -10px;
    position: absolute;
    left: 14px;
    border: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-color: #f5f5f5;
}

/*3rd lev */
nav#main_menu > ul ul ul {
    margin-left: 10px;
}

nav#main_menu > ul ul ul.reversed {
    margin-right: 10px;
    margin-left: 0;
}

nav#main_menu > ul > li > ul ul:after {
    content: "";
    top: 6px;
    position: absolute;
    left: -10px;
    border: 5px solid transparent;
    border-right-color: #f5f5f5;
}

nav#main_menu > ul > li > ul ul.reversed:after {
    right: -10px;
    left: auto;
    border-left-color: #f5f5f5;
    border-right-color: transparent;
}

nav#main_menu > ul ul li a {
    color: #535353;
    line-height: 27px;
    font-size: 12px;
    padding: 0 12px;
}

nav#main_menu > ul ul li.active > a,
nav#main_menu > ul ul li.sfHover > a,
nav#main_menu > ul ul li a:hover {
    color: #323232;
    background: rgba(0, 0, 0, 0.04);
    padding-left: 14px
}

nav#main_menu > ul ul .sf-sub-indicator {
    background: #ccc;
    height: 1px;
    width: 7px;
    top: 50%;
    margin-top: -1px;
}

/*2nd lev */
nav#main_menu > ul.dark_nav ul {
    background: #0A0A0A;
    border: 1px solid #000;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

nav#main_menu > ul.dark_nav > li > ul:after {
    border: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-color: #0A0A0A;
}

/*3rd lev */
nav#main_menu > ul.dark_nav > li > ul ul:after {
    border: 6px solid transparent;
    border-right-width: 5px;
    border-right-color: #0A0A0A;
}

nav#main_menu > ul.dark_nav ul li a {
    color: #ACACAC;
}

nav#main_menu > ul.dark_nav ul li.active > a,
nav#main_menu > ul.dark_nav ul li.sfHover > a,
nav#main_menu > ul.dark_nav ul li a:hover {
    color: #ACACAC;
    background: rgba(255, 255, 255, 0.04);
}

nav#main_menu > ul.dark_nav ul .sf-sub-indicator {
    background: #333;
}

/*Usermenu */
nav#usermenu{

}

nav#usermenu {

}

nav#usermenu ul.submenu{
    background: #f5f5f5;
    padding: 6px 0;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
}

/* SEARCH PANEL */
#search {
    float: right;
    clear: right;
    position: relative;
}

#search .search {
    display: none;
    position: absolute;
    right: -10px;
    padding: 30px;
    background: #f4f4f4;
    width: 180px;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}

#search .searchBtn {
    margin: 10px 0 0 10px;
    padding: 8px;
    line-height: 1;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
}

#search .searchBtn:hover {
    background: rgba(0, 0, 0, 0.7);
}

#search .searchBtn.active {
    background: #f4f4f4;
}

#search form {
    margin: 0;
    border-bottom: 1px solid #ccc;
}

#search form:hover {
    border-bottom: 1px solid #b5b5b5;
}

#search form input[type=text] {
    background: none;
    border: none;
    font-size: 12px;
    font-style: italic;
    color: #999;
    width: 155px;
    padding: 5px 0;
    margin: 0;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#search form input[type=text]:focus {
    font-style: normal;
    color: #565656;
}

#search form input[type=submit] {
    width: 20px;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    padding: 0;
    display: inline-block;
}

#page_wrapper {
    position: relative;
}

section#content {
    margin-top: 50px;
}

#page_header.gradient,
#slideshow.gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0); /* IE6-9 */
    background-color: #345370;
}

#page_header,
#slideshow {
    position: relative;
    top: 0;
    z-index: 0;
}

#page_header.nobg,
#slideshow.nobg {
    background: none;
}

#page_header.hasMargin,
#slideshow.hasMargin {
    margin-bottom: 40px;
}

#page_header:after,
#slideshow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/glare-effect.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#page_header.noGlare:after,
#slideshow.noGlare:after {
    background-image: none;
}

#slideshow .container {
    padding: 130px 0 45px;
}

#sparkles {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

#page_header {
    min-height: 100px;
    border-bottom: 6px solid #fff;
}

#page_header .container {
    padding: 130px 0 0;
}

#page_header:before {
    content: '';
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../images/shadow-down.png) no-repeat center top;
    opacity: .6;
    filter: alpha(opacity=60);
}

#page_header .container {
    z-index: 1;
    position: relative;
}

#page_header > .shadowUP:after {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 50%;
    border: 6px solid transparent;
    border-top-color: #fff;
    margin-left: -6px;
}

#page_header .bgback {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#page_header .bgback.bg1 {
    background: url(../images/page-headers/bg1.jpg) no-repeat center top;
}

#page_header .bgback.bg2 {
    background: url(../images/page-headers/xbg2.jpg) no-repeat center top;
}

#page_header .bgback.bg3 {
    background: url(../images/page-headers/xbg3.jpg) no-repeat center top;
}

#page_header .bgback.bg4 {
    background: url(../images/page-headers/xbg4.jpg) no-repeat center top;
}

/* HOLIDAY HEADERS */
.christmas-header #page_header {
    min-height: 400px;
}

.christmas-header #page_header .bgback {
    background: url(../images/holiday_headers/christmas.jpg) no-repeat center top;
}

.christmas-header #logo {
    position: relative;
}

body.christmas-header #logo a {
    padding: 35px 25px 15px;
}

.christmas-header #logo:after {
    content: '';
    width: 50px;
    height: 43px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: 25px;
    z-index: 99999;
    background: url(../images/holiday_headers/christmas_hat.png) no-repeat;
}

.easter-header #page_header {
    min-height: 400px;
}

.easter-header #page_header .bgback {
    background: url(../images/holiday_headers/easter.jpg) no-repeat center top;
}

.oldie #page_header .bgback {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page-headers/bg1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/page-headers/bg1.jpg', sizingMethod='scale')";
}

#page_header .row {
    margin-bottom: 0;
}

#current-date {
    color: #383838;
    font: 10px Arial, Helvetica, sans-serif;
    float: left;
    padding: 3px 10px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.5);
    clear: left;
}

.breadcrumbs {
    margin: 40px 0 8px;
    padding: 0 10px;
    list-style: none;
    background: #000;
    float: left;
}

.breadcrumbs li {
    float: left;
    padding-left: 10px;
    background: url(../images/breadcrumbs-arr.png) no-repeat left center;
    margin-left: 10px;
    color: #eee;
    line-height: 1.9;
    font-size: 13px;
    font-weight: 700;
}

.breadcrumbs li:first-child {
    padding-left: 0;
    background: none;
    margin-left: 0;
}

.breadcrumbs li a {
    color: #fff;
}

.header-titles {
    text-align: right;
}

.header-titles h2 {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    margin-top: 20px
}

.header-titles h4 {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    line-height: 1.8;
    padding: 0 10px;
    margin: 0;
    font-weight: 500;
}

.shadowUP {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../images/shadow-up.png) no-repeat center bottom;
    z-index: 2;
}

.shadowDown {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../images/shadow-down.png) no-repeat center bottom;
    z-index: 2;
}

/* fixed slideshow */
.slider_fixed #slideshow {
    position: fixed;
    padding: 0;
    height: auto;
}

.slider_fixed .inner-page {
    position: relative;
}

#page-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/loader_light.gif) no-repeat center center #333;
    z-index: 999999;
}

#slideshow ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Slideshow background skins */
#slideshow.dark-blue,
#page_header.dark-blue {
    background-color: #345370;
}

/* also default */
#slideshow.normal-blue,
#page_header.normal-blue {
    background-color: #2A8FBD;
}

#slideshow.light-blue,
#page_header.light-blue {
    background-color: #00B4FF;
}

#slideshow.dark-red,
#page_header.dark-red {
    background-color: #A40802;
}

#slideshow.normal-red,
#page_header.normal-red {
    background-color: #F02311;
}

#slideshow.light-red,
#page_header.light-red {
    background-color: #FF4040;
}

#slideshow.dark-green,
#page_header.dark-green {
    background-color: #2A6400;
}

#slideshow.normal-green,
#page_header.normal-green {
    background-color: #7FAF1B;
}

#slideshow.light-green,
#page_header.light-green {
    background-color: #72DB27;
}

#slideshow.dark-gray,
#page_header.dark-gray {
    background-color: #333;
}

#slideshow.normal-gray,
#page_header.normal-gray {
    background-color: #777;
}

#slideshow.light-gray,
#page_header.light-gray {
    background-color: #aaa;
}

#slideshow.yellow,
#page_header.yellow {
    background-color: #FFFF00;
}

#slideshow.purple,
#page_header.purple {
    background-color: #47092E;
}

#slideshow.orange,
#page_header.orange {
    background-color: #FF7213;
}

#slideshow.black,
#page_header.black {
    background-color: #0C0C0C;
}

#slideshow.white,
#page_header.white {
    background-color: #f5f5f5;
}

/* static content in slideshow */
#slideshow .bg-wrapper-image {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background: url(../images/sliders/static/bg1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.oldie #slideshow .bg-wrapper-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sliders/static/bg1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/sliders/static/bg1.jpg', sizingMethod='scale')";
}

#slideshow #bottom_mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
    z-index: 99;
    background: url(../images/bottom_mask.png) no-repeat center top;
}

#slideshow #bottom_mask.mask2 {
    height: 33px;
    background: url(../images/bottom_mask2.png) no-repeat center top;
}

#slideshow .bg-wrapper-png {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background: url(../images/sliders/static/rayoflight.png) no-repeat center center;
}

/* STATIC CONTENT- default */
.static-content {
    color: #fff;
    padding-top: 20px;
}

.static-content h2 {
    font-size: 64px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    line-height: 1.3;
}

.static-content h2.centered {
    text-align: center;
}

.static-content h3 {
    font-size: 32px;
    font-weight: 500;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    line-height: 1.4;
}

.static-content h3 .stronger {
    font-weight: 900;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding-bottom: 2px;
    cursor: help;
}

.static-content h3.centered {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
}

.info_pop {
    width: 290px;
    margin: 50px auto 0;
    padding: 10px 20px;
    position: relative;
    color: #343434;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d1d1d1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, .8);
    -moz-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, .8);
    box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255, 255, 255, .8), inset 0 0 6px rgba(255, 255, 255, .8);
}

.info_pop.left {
    margin-left: 0;
}

.info_pop.right {
    margin-right: 0;
}

.info_pop:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
}

.info_pop[data-arrow=top]:after {
    top: -14px;
    left: 50%;
    margin-left: -7px;
    border-bottom-width: 7px;
    border-bottom-color: #fefefe;
}

.info_pop[data-arrow=bottom]:after {
    bottom: -14px;
    left: 50%;
    margin-left: -7px;
    border-top-width: 7px;
    border-top-color: #fefefe;
}

.info_pop[data-arrow=left]:after {
    left: -14px;
    top: 50%;
    margin-top: -7px;
    border-right-width: 7px;
    border-right-color: #fefefe;
}

.info_pop[data-arrow=right]:after {
    right: -14px;
    top: 50%;
    margin-top: -7px;
    border-left-width: 7px;
    border-left-color: #fefefe;
}

.info_pop .text {
    color: #939393;
    font-size: 24px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-weight: 500;
    line-height: 1.2;
    margin: 5px 0;
}

.info_pop .buyit {
    float: right;
    text-align: center;
    line-height: 20px;
    font-weight: 900;
    color: #3551DE;
    padding: 10px 15px 10px;
    border: 0;
    margin: 13px -20px 0 0;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.info_pop:hover .buyit {
    padding: 10px 30px 10px 15px;
}

.info_pop .buyit:hover {
    color: #222;
    background: rgba(0, 0, 0, 0.2);
}

.animated {
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -ms-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
}

@-webkit-keyframes fadeBoxIn {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes fadeBoxIn {
    0% {
        -moz-transform: scale(1);
        opacity: 0;
    }
    50% {
        -moz-transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes fadeBoxIn {
    0% {
        -o-transform: scale(1);
        opacity: 0;
    }
    50% {
        -o-transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1
    }
}

@keyframes fadeBoxIn {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.fadeBoxIn {
    -webkit-animation-name: fadeBoxIn;
    -moz-animation-name: fadeBoxIn;
    -o-animation-name: fadeBoxIn;
    animation-name: fadeBoxIn;
}

/* STATIC CONTENT- boxes */
.boxes {
    margin-top: 70px;
}

.boxes .info_pop {
    width: auto;
    margin: 0 35px;
}

.boxes .info_pop .title {
    margin-bottom: 10px;
}

.boxes .info_pop img {
    margin-right: 15px;
    float: left;
}

/* STATIC CONTENT - play video */
.video_trigger_container {
    color: white;
    font-size: 11px;
    font-weight: 900;
    width: 150px;
    margin: 50px auto 0;
    display: block;
    text-align: center;
}

.playVideo {
    display: block;
    width: 57px;
    height: 57px;
    background-image: url(../images/icons/ico-playvideo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}

.playVideo:hover {
    background-color: #000;
}

.video-container {
    max-height: 600px;
    overflow: hidden;
    height: 100%;
}

.video-container #the-video,
.video-container #the-video img {
    width: 100% !important;
    height: auto;
}

.video-container #the-video.extplayer {
    height: 600px;
}

.video-container .captions {
    position: absolute;
    bottom: 20%;
    z-index: 1;
    left: 50%;
    width: 960px;
    margin-left: -480px;
}

.video-container .captions .line {
    margin-top: 1px;
    display: inline-block;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.3);
    font-size: 36px;
    color: #fff;
    line-height: 1.4;
}

/* STATIC CONTENT- maps */
.static-content.maps-style {
    padding: 0;
    background: url(../images/loader_light.gif) no-repeat center center;
}

.maps-style .info_pop {
    position: absolute;
    z-index: 1;
    right: 15px;
    bottom: 50px;
}

/* STATIC CONTENT- textpop */
.textpop-style {
    padding-top: 0;
    margin-bottom: 30px;
}

.textpop-style .texts > span {
    display: block;
    color: #eee;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 0;
    cursor: default;
    position: relative;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.textpop-style .texts .line1 {
    font-size: 20px;
    letter-spacing: 10px;
    word-spacing: 5px;
}

.textpop-style .texts .line2 {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 5px;
    word-spacing: 5px;
}

.textpop-style .texts .line3 {
    font-size: 40px;
}

.textpop-style .texts .line4 {
    font-size: 30px;
    letter-spacing: 3px;
    word-spacing: 5px;
    margin-top: 5px;
}

.textpop-style .texts .stronger {
    font-weight: 900;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding-bottom: 2px;
}

.textpop-style .texts > span:hover {
    color: #fff;
    text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

/* STATIC CONTENT- event style */
.static-content.event-style h3 {
    text-align: left;
    font-size: 28px;
    margin-bottom: 50px;
}

.ud_counter {
    margin: 0 0 50px;
}

.ud_counter ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.ud_counter ul li {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 28px;
    font-weight: 700;
    padding: 15px 10px;
    width: 60px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ud_counter ul li:first-child {
    margin-left: 0;
}

.ud_counter ul li span {
    display: block;
    font-size: 13px;
    margin-top: 17px;
    line-height: 1;
}

.ud_counter ul li.till_lauch {
    height: 80px;
    width: 80px;
    padding: 0;
    vertical-align: top;
}

#mail_when_ready {
    float: left;
    margin: 0;
}

#mail_when_ready input[type=submit] {
    vertical-align: top;
}

.static-content .or {
    line-height: 30px;
    margin: 0 20px;
}

.static-content.event-style .or {
    float: left;
}

.static-content.event-style .social-icons li {
    margin: 0 0 0 10px;
}

/* social icons */
.social-icons {
    margin: 0 0 20px;
}

.social-icons li {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
}

.social-icons li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-image: url(../images/social-icons-sprite.png);
    background-repeat: no-repeat;
    position: relative;
    background-color: #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.social-icons li a:hover {
    background-color: #3551DE;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)
}

.social-icons.has_gradient li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0); /* IE6-9 */
}

.social-icons li.social-twitter a {
    background-position: 0 0;
}

.social-icons li.social-dribbble a {
    background-position: -30px 0;
}

.social-icons li.social-facebook a {
    background-position: -60px 0;
}

.social-icons li.social-vk a {
    background-position: -90px 0;
}

.social-icons li.social-flickr a {
    background-position: -120px 0;
}

.social-icons li.social-forrst a {
    background-position: -150px 0;
}

.social-icons li.social-gplus a {
    background-position: -180px 0;
}

.social-icons li.social-gplus2 a {
    background-position: -210px 0;
}

.social-icons li.social-icloud a {
    background-position: -240px 0;
}

.social-icons li.social-lastfm a {
    background-position: -270px 0;
}

.social-icons li.social-linkedin a {
    background-position: -300px 0;
}

.social-icons li.social-myspace a {
    background-position: -330px 0;
}

.social-icons li.social-paypal a {
    background-position: 0 -30px;
}

.social-icons li.social-piacasa a {
    background-position: -30px -30px;
}

.social-icons li.social-pinterest a {
    background-position: -60px -30px;
}

.social-icons li.social-reedit a {
    background-position: -90px -30px;
}

.social-icons li.social-rss a {
    background-position: -120px -30px;
}

.social-icons li.social-skype a {
    background-position: -150px -30px;
}

.social-icons li.social-stumbleupon a {
    background-position: -180px -30px;
}

.social-icons li.social-tumblr a {
    background-position: -210px -30px;
}

.social-icons li.social-vimeo a {
    background-position: -240px -30px;
}

.social-icons li.social-wordpress a {
    background-position: -270px -30px;
}

.social-icons li.social-yahoo a {
    background-position: -300px -30px;
}

.social-icons li.social-youtube a {
    background-position: -330px -30px;
}

.social-icons li.social-blogger a {
    background-position: 0px -60px;
}

.social-icons li.social-deviantart a {
    background-position: -30px -60px;
}

.social-icons li.social-digg a {
    background-position: -60px -60px;
}

.social-icons li.social-foursquare a {
    background-position: -90px -60px;
}

.social-icons li.social-friendfeed a {
    background-position: -120px -60px;
}

.social-icons li.social-mail a {
    background-position: -150px -60px;
}

.social-icons li.social-html5 a {
    background-position: -180px -60px;
}

.social-icons li.social-technorati a {
    background-position: -210px -60px;
}

.social-icons li.social-soundcloud a {
    background-position: -240px -60px;
}

.social-icons li.social-quora a {
    background-position: -270px -60px;
}

.social-icons li.social-bebo a {
    background-position: -300px -60px;
}

.social-icons li.social-aim a {
    background-position: -330px -60px;
}

.social-icons li.social-gosquared a {
    background-position: 0 -90px;
}

.social-icons li.social-dropbox a {
    background-position: -30px -90px;
}

.social-icons li.social-github a {
    background-position: -60px -90px;
}

.social-icons li.social-spotify a {
    background-position: -90px -90px;
}

.social-icons li.social-apple a {
    background-position: -120px -90px;
}

/* colored */
.social-icons.colored li.social-twitter a,
.social-icons.coloredHov li.social-twitter a:hover {
    background-color: #00bdec;
}

.social-icons.colored li.social-dribbble a,
.social-icons.coloredHov li.social-dribbble a:hover {
    background-color: #ef5b92;
}

.social-icons.colored li.social-facebook a,
.social-icons.coloredHov li.social-facebook a:hover {
    background-color: #3b5998;
}

.social-icons.colored li.social-vk a,
.social-icons.coloredHov li.social-vk a:hover {
    background-color: #8dc050;
}

.social-icons.colored li.social-flickr a,
.social-icons.coloredHov li.social-flickr a:hover {
    background-color: #ea2698;
}

.social-icons.colored li.social-forrst a,
.social-icons.coloredHov li.social-forrst a:hover {
    background-color: #366725;
}

.social-icons.colored li.social-gplus a,
.social-icons.coloredHov li.social-gplus a:hover {
    background-color: #d94a39;
}

.social-icons.colored li.social-gplus2 a,
.social-icons.coloredHov li.social-gplus2 a:hover {
    background-color: #d94a39;
}

.social-icons.colored li.social-icloud a,
.social-icons.coloredHov li.social-icloud a:hover {
    background-color: #666666;
}

.social-icons.colored li.social-lastfm a,
.social-icons.coloredHov li.social-lastfm a:hover {
    background-color: #d2013a;
}

.social-icons.colored li.social-linkedin a,
.social-icons.coloredHov li.social-linkedin a:hover {
    background-color: #1b92bd;
}

.social-icons.colored li.social-myspace a,
.social-icons.coloredHov li.social-myspace a:hover {
    background-color: #003398;
}

.social-icons.colored li.social-paypal a,
.social-icons.coloredHov li.social-paypal a:hover {
    background-color: #32689a;
}

.social-icons.colored li.social-piacasa a,
.social-icons.coloredHov li.social-piacasa a:hover {
    background-color: #8e5aa4;
}

.social-icons.colored li.social-pinterest a,
.social-icons.coloredHov li.social-pinterest a:hover {
    background-color: #cb2027;
}

.social-icons.colored li.social-reedit a,
.social-icons.coloredHov li.social-reedit a:hover {
    background-color: #82a6ce;
}

.social-icons.colored li.social-rss a,
.social-icons.coloredHov li.social-rss a:hover {
    background-color: #ff7f00;
}

.social-icons.colored li.social-skype a,
.social-icons.coloredHov li.social-skype a:hover {
    background-color: #18b7f1;
}

.social-icons.colored li.social-stumbleupon a,
.social-icons.coloredHov li.social-stumbleupon a:hover {
    background-color: #229d3d;
}

.social-icons.colored li.social-tumblr a,
.social-icons.coloredHov li.social-tumblr a:hover {
    background-color: #38526d;
}

.social-icons.colored li.social-vimeo a,
.social-icons.coloredHov li.social-vimeo a:hover {
    background-color: #01557a;
}

.social-icons.colored li.social-wordpress a,
.social-icons.coloredHov li.social-wordpress a:hover {
    background-color: #454545;
}

.social-icons.colored li.social-yahoo a,
.social-icons.coloredHov li.social-yahoo a:hover {
    background-color: #ab64bc;
}

.social-icons.colored li.social-youtube a,
.social-icons.coloredHov li.social-youtube a:hover {
    background-color: #d20800;
}

.social-icons.colored li.social-blogger a,
.social-icons.coloredHov li.social-blogger a:hover {
    background-color: #FF7600;
}

.social-icons.colored li.social-deviantart a,
.social-icons.coloredHov li.social-deviantart a:hover {
    background-color: #768C82;
}

.social-icons.colored li.social-digg a,
.social-icons.coloredHov li.social-digg a:hover {
    background-color: #195695;
}

.social-icons.colored li.social-foursquare a,
.social-icons.coloredHov li.social-foursquare a:hover {
    background-color: #1B6CB4;
}

.social-icons.colored li.social-friendfeed a,
.social-icons.coloredHov li.social-friendfeed a:hover {
    background-color: #2F72C4;
}

.social-icons.colored li.social-mail a,
.social-icons.coloredHov li.social-mail a:hover {
    background-color: #b5b5b5;
}

.social-icons.colored li.social-html5 a,
.social-icons.coloredHov li.social-html5 a:hover {
    background-color: #E44D26;
}

.social-icons.colored li.social-technorati a,
.social-icons.coloredHov li.social-technorati a:hover {
    background-color: #55BB00;
}

.social-icons.colored li.social-soundcloud a,
.social-icons.coloredHov li.social-soundcloud a:hover {
    background-color: #db5708;
}

.social-icons.colored li.social-quora a,
.social-icons.coloredHov li.social-quora a:hover {
    background-color: #852828;
}

.social-icons.colored li.social-bebo a,
.social-icons.coloredHov li.social-bebo a:hover {
    background-color: #a03939;
}

.social-icons.colored li.social-aim a,
.social-icons.coloredHov li.social-aim a:hover {
    background-color: #cdae2d;
}

.social-icons.colored li.social-gosquared a,
.social-icons.coloredHov li.social-gosquared a:hover {
    background-color: #556065;
}

.social-icons.colored li.social-dropbox a,
.social-icons.coloredHov li.social-dropbox a:hover {
    background-color: #2d76be;
}

.social-icons.colored li.social-github a,
.social-icons.coloredHov li.social-github a:hover {
    background-color: #667F8E;
}

.social-icons.colored li.social-spotify a,
.social-icons.coloredHov li.social-spotify a:hover {
    background-color: #62aa29;
}

.social-icons.colored li.social-apple a,
.social-icons.coloredHov li.social-apple a:hover {
    background-color: #859dab;
}

.social-icons.colored li a:hover {
    background-color: #121212;
}

.black_border {
    border: 10px solid black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.white_border {
    border: 10px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Static content - product zoom */
.productzoom-style h3 {
    font-size: 28px;
}

#screenshot {
    background: url(../images/sliders/static/screenshot-framed.png) no-repeat center top;
    position: relative;
    padding: 44px 24px 18px;
    width: 620px;
    height: 390px;
}

#screenshot .image {
    position: relative;
}

.loupe {
    cursor: url(../addons/jquery_loupe/blank.png), url(../addons/jquery_loupe/blank.cur), none;
    border: 2px solid white;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    position: absolute;
    display: none;
    width: 150px;
    height: 150px;
    -moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
    -webkit-box-shadow: 0 0 5px #777;
    box-shadow: 0 0 5px #777, 0 0 10px #aaa inset;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#slideshow .static-content .features {
    margin: 30px 0;
}

.static-content .features li {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}

.static-content .features li > span {
    margin: 7px 10px 0 0;
}

.static-content .btn > span {
    margin: 4px 8px 0 0;
}

/* static content - text with register form */
.fancy_register_form {
    padding: 25px 30px;
    max-width: 350px;
    background: rgba(255, 255, 255, 0.3);
    color: #272727;
    position: relative;
}

.fancy_register_form form {
    margin: 0;
}

.fancy_register_form > h4 {
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 500;
}

.fancy_register_form label {
    display: inline-block;
    width: 120px;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.fancy_register_form input {
    margin: 0;
}

.fancy_register_form div {
    margin: 0 0 15px 0;
}

.fancy_register_form .btn {
    margin-left: 124px;
}

.fancy_register_form:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 100px;
    border-top: 25px solid #fff;
    border-right: 25px solid transparent;
    opacity: .3;
    filter: alpha(opacity=30);
}

/* static content - simple */
.static-content.simple {
    color: #8b8b8b;
    text-shadow: 0 2px 0 #fff;
}

.static-content.simple h2,
.static-content.simple h3 {
    text-shadow: 0 2px 0 #fff;
}

.static-content.simple .can_be_used {
    color: #b7b7b7;
    font-weight: 500;
}

.static-content.simple .can_be_used span {
    color: #ff6b6b;
}

.static-content.simple .btn.btn-flat {
    margin-top: 20px;
}

.static-content.simple .btn.btn-flat:hover {
    background: #343434;
}

.static-content.simple .btn.btn-flat:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 40px;
    background: #f5f5f5;
}

.static-content.simple .line {
    float: left;
    width: 100%;
    height: 1px;
    background: #c6c6c6;
    margin-top: -21px;
}

/* Mod Title */
.m_title {
    margin-top: 0;
}

h3.m_title {
    line-height: 1.4;
}

.smallm_title {
    color: #3551DE;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #bcbcbc;
    margin: 0 0 20px;
}

.smallm_title span {
    padding-bottom: 9px;
    display: inline-block;
    border-bottom: 1px solid #bcbcbc;
    position: relative;
}

.smallm_title span:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -2px;
    border: 3px solid transparent;
    border-bottom-color: #bcbcbc;
}

.smallm_title.centered {
    text-align: center;
}

.smallm_title.bigger {
    font-size: 18px;
}

.circle_title {
    color: #3551DE;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    margin-top: 0;
}

.circle_title:after {
    content: '';
    position: absolute;
    left: 55px;
    right: 0;
    bottom: 5px;
    border-bottom: 1px dotted #bbb;
}

.circle_title > span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    background: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.mb_title {
    font-size: 20px;
    background: white;
    display: inline-block;
    padding: 0 10px;
    color: #595959;
    line-height: 1.5;
}

.mb_title img {
    margin-right: 5px;
    margin-top: -3px;
}

/* page title */
.page-title,
.subtitle {
    line-height: 1.4;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cbcbcb;
}

.page-title {
    font-size: 26px;
    color: #050505;
    margin-top: 0;
}

.subtitle {
    font-size: 36px;
    color: #595959;
    font-weight: 300;
}

/* support panel */
#sliding_panel {
    background: #eee;
    height: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
}

#sliding_panel.opened {
    margin-top: 0;
}

#sliding_panel .container {
    padding: 15px 0;
}

#open_sliding_panel span {
    display: none;
}

#open_sliding_panel.active span {
    display: inline-block;
}

#close_sliding_panel {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 14px;
    top: 0;
    background: #CCC;
    padding: 40px 10px 10px 10px;
}

#close_sliding_panel:hover {
    background: #ddd;
}

.how_to_shop > .row {
    font-size: 14px;
    margin-bottom: 20px;
}

.how_to_shop > p {
    font-size: 13px;
    margin-top: 15px;
}

.how_to_shop .number {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    background: #3551DE;
    text-align: center;
    margin-right: 10px;
    font-weight: 900;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/** Login Register stuff */
#register_panel,
.register-panel {
    width: 400px;
}

.login-panel,
.register-panel,
.forgot-panel {
    padding: 20px;
}

.login-panel .m_title,
.register-panel .m_title,
.forgot-panel .m_title {
    font-size: 20px;
    font-weight: 500;
    color: #4a4a4a;
    margin-bottom: 20px;
    line-height: 1;
}

.login-panel .inputbox {
    width: 145px;
    margin: 0 4px 0 0;
    vertical-align: top;
}

.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit] {
    border: 0;
    vertical-align: top;
    height: 30px;
}

.login-panel .create_account,
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit],
.login-panel .login_facebook {
    display: inline-block;
    line-height: 30px;
    background: #E12121;
    color: white;
    font-size: 14px;
    padding: 0 10px;
    margin-right: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.login-panel .create_account:hover,
.login-panel input[type=submit]:hover,
.register-panel input[type=submit]:hover,
.forgot-panel input[type=submit]:hover {
    background: #787878;
}

.login-panel .login_facebook {
    background: #3b5998;
    margin-right: 0;
}

.login-panel .links a,
.register-panel .links a,
.forgot-panel .links a {
    font-size: 10px;
    font-weight: bold;
    color: #898989;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

/** Scroll to top button **/
#totop {
    height: 9px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    right: -50px;
    width: 49px;
    z-index: 9999;
    display: block;
    top: 85%;
    background-image: url("../images/arrow_totop.png");
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #404040;
    font-size: 9px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 28px 0 12px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#totop.on {
    right: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#totop.off {
    right: -59px
}

#totop:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

/** Action Box **/
#action_box {
    padding: 20px 0;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0); /* IE6-9 */
    background-color: #3551DE;
}

#action_box .row {
    margin-bottom: 0;
}

#action_box h4.text {
    margin: 5px 0;
    font-weight: 500;
    font-size: 22px;
}

#action_box:after,
#action_box:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    margin-left: -25%;
    border-radius: 3px;
    border: 8px solid transparent;
    border-top-width: 7px;
    border-top-color: #3551DE;
}

#action_box:after {
    border-top-color: rgba(0, 0, 0, 0.2);
}

#action_box[data-arrowpos=center]:after,
#action_box[data-arrowpos=center]:before {
    margin-left: -7px;
}

#action_box[data-arrowpos=right]:after,
#action_box[data-arrowpos=right]:before {
    margin-left: 25%;
}

/* PORTFOLIO DEVICES SLIDER */
.portfolio-slider-frames {
}

.portfolio-slider-frames h3 {
    font-size: 27x;
    font-weight: 500;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    line-height: 1.4;
    max-width: 860px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.portfolio-slider-frames h3 .stronger {
    font-weight: 900;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding-bottom: 2px;
    cursor: help;
}

/* LAPTOP SLIDER */
.laptop-slider-wrapper {
}

.laptop-slider-wrapper h3 {
    font-size: 27px;
    font-weight: 300;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    line-height: 1.4;
    max-width: 860px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.laptop-slider-wrapper h3 strong {
    font-weight: 500;
}

.laptop-slider-wrapper h3 .stronger {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding-bottom: 2px;
    cursor: help;
}

/* Site Content */

.hoverBorder {
    position: relative;
    display: inline-block;
}

.hoverBorder:hover img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.imgboxes_style1 .hoverBorder h6 {
    position: absolute;
    left: -10px;
    bottom: 11px;
    color: #fff;
    padding: 6px 10px;
    background: #3551DE;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.imgboxes_style1 .hoverBorder:hover h6 {
    left: 15px;
}

.hoverBorderWrapper {
    position: relative;
    display: block;
}

.theHoverBorder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) inset;
}

.theHoverBorder:hover {
    -webkit-box-shadow: 0 0 0 5px #3551DE inset;
    -moz-box-shadow: 0 0 0 5px #3551DE inset;
    box-shadow: 0 0 0 5px #3551DE inset;
}

.plus .theHoverBorder {
    background-position: center center;
}

.plus .theHoverBorder:hover {
    background-image: url(../images/plus01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(35, 35, 35, 0.5);
}

.image-boxes .hoverBorder {
    margin-bottom: 15px;
}

.image-boxes .box {
    margin-bottom: 20px;
}

.slidingDetails {
    position: relative;
    display: block;
    overflow: hidden;
}

.slidingDetails img {
    position: relative;
}

.slidingDetails .details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    visibility: hidden;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    background: #232323;
    background: rgba(35, 35, 35, 0.8);
}

.slidingDetails:hover .details {
    visibility: visible;
    top: 0;
}

.slidingDetails:hover {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

.slidingDetails .details h4 {
    font-size: 14px;
    margin-top: 5px;
}

.slidingDetails .details h6 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

/* tabs style 1 */
.tabs_style1 {
    background: #fff;
    border: 1px solid #ececec;
}

.tabs_style1 > ul.nav {
    margin-bottom: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); /* IE6-9 */
}

.tabs_style1 > ul.nav > li {
    float: left;
    margin-bottom: -1px;
}

.tabs_style1 > ul.nav > li > a {
    padding: 8px 20px;
    line-height: 18px;
    border: 1px solid transparent;
    border-left: 1px solid #fff;
    border-right: 1px solid #ececec;
    color: #343434;
}

.tabs_style1 > ul.nav > li.active > a,
.tabs_style1 > ul.nav > li > a:hover {
    background-color: #fff;
}

.tabs_style1 > ul.nav > li.active > a {
    border-top: 3px solid #3551DE;
    border-left: 0;
    font-weight: 700;
    padding: 6px 20px 10px;
}

.tabs_style1 .tab-content {
    display: table;
    width: 100%;
    padding: 10px 15px 15px;
}

/* tabs style 2 */
.tabs_style2 {
    margin: 10px 0;
}

.tabs_style2 > ul.nav {
    margin-bottom: 10px;
}

.tabs_style2 > ul.nav > li {
    float: left;
    border-left: 1px dotted #ccc;
    line-height: 18px;
}

.tabs_style2 > ul.nav > li:first-child {
    border-left: 0;
}

.tabs_style2 > ul.nav > li:first-child a {
    border-left: 0;
    padding-left: 0;
}

.tabs_style2 > ul.nav > li > a {
    padding: 4px 20px;
    line-height: 18px;
    color: #555;
    font-weight: bold;
}

.tabs_style2 > ul.nav > li.active > a,
.tabs_style2 > ul.nav > li > a:hover {
    background: none;
    color: #222;
}

.tabs_style2 .tab-content {
    display: table;
    width: 100%;
    padding: 0;
}

/* tabs style 3 */
.tabs_style3 {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    position: static;
    overflow: hidden;
}

.tabs_style3 > ul.nav {
    margin-bottom: 0;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(249, 249, 249, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); /* IE6-9 */
}

.tabs_style3 > ul.nav > li {
    float: left;
    margin-bottom: -1px;
}

.tabs_style3 > ul.nav > li > a {
    padding: 8px 20px;
    line-height: 18px;
    border: 1px solid transparent;
    border-left: 1px solid #fff;
    border-right: 1px solid #ececec;
    color: #343434;
}

.tabs_style3 > ul.nav > li.active > a,
.tabs_style3 > ul.nav > li > a:hover {
    background-color: #fff;
}

.tabs_style3 > ul.nav > li.active > a {
    border-left: 0;
    font-weight: 700;
}

.tabs_style3 .tab-content {
    display: table;
    width: 100%;
    padding: 10px 15px 15px;
}

/* tabs style 4 */
.tabs_style4 {
}

.tabs_style4 > ul.nav {
    margin-bottom: 0;
}

.tabs_style4 > ul.nav > li {
    float: left;
    margin-bottom: -1px;
}

.tabs_style4 > ul.nav > li > a {
    padding: 8px 20px;
    line-height: 18px;
    color: #343434;
}

.tabs_style4 > ul.nav > li.active > a,
.tabs_style4 > ul.nav > li > a:hover {
    color: #222;
}

.tabs_style4 > ul.nav > li.active > a {
    background: #fff;
    border: 1px solid #ececec;
    border-bottom: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabs_style4 .tab-content {
    display: table;
    width: 100%;
    padding: 10px 15px 15px;
    border: 1px solid #ececec;
    background: #fff;
}

/* partners carousel */
.partners_carousel h5.title {
    font-weight: 500;
    margin-top: 0;
    text-shadow: 1px 1px 0 #fff
}

.partners_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.partners_carousel li {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 0 0 10px;
}

.partners_carousel li a {
    display: block;
    padding: 10px 0;
    margin: 0px;
    min-height: 46px;
    line-height: 46px;
    border: 4px solid #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}

.partners_carousel li a img {
    opacity: .8;
    filter: alpha(opacity=80);
}

.partners_carousel li a:hover {
    background: #f9f9f9;
    border: 4px solid #eee;
}

.partners_carousel li a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.partners_carousel .controls {
}

.partners_carousel .controls > a {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.partners_carousel .controls > a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.infobox1 {
    text-align: center;
    background: #ececec;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    padding: 20px 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.infobox1 .m_title {
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px;
}

.infobox1:hover {
    background: #e9e9e9;
}

.infobox2 {
    background: #ececec;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    padding: 20px 20px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.infobox2 .m_title {
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px;
}

.infobox2 .btn {
    float: right;
    font-size: 14px;
    margin-top: 5px;
}

.infobox2:hover {
    background: #e9e9e9;
}

.feature_box .box {
    margin-bottom: 15px
}

.feature_box .title {
    font-size: 14px;
    font-weight: 700;
    color: #3551DE;
    text-shadow: 1px 1px 0 white;
    vertical-align: middle;
}

.feature_box.default_style .title > img {
    margin-right: 10px;
}

.feature_box.style2 .box {
    min-height: 90px
}

.feature_box.style2 span.icon {
    margin-right: 14px;
    display: inline-block;
    padding: 8px;
    background: #646464;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.feature_box.style2 span.icon img {
    vertical-align: middle;
}

.feature_box.style2 p {
    margin-left: 50px
}

.feature_box.style3 .box {
    min-height: 90px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.feature_box.style3 .box .title {
    margin-bottom: 25px;
}

.feature_box.style3 span.icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 32px;
    height: 32px;
}

.feature_box.style3 .box:hover {
    background: #3551DE;
    color: #fff;
}

.feature_box.style3 .box:hover .title {
    margin-bottom: 25px;
    color: #fff;
    text-shadow: none;
}

.feature_box.style3 .box:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #fff;
}

.feature_box.style3 .box:hover:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -2px;
    border: 4px solid transparent;
    border-top-color: #fff;
}

.feature_box.style3 span.icon.ico1 {
    background: url(../images/icons/featured_boxes3/ico-01.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico2 {
    background: url(../images/icons/featured_boxes3/ico-02.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico3 {
    background: url(../images/icons/featured_boxes3/ico-03.png) no-repeat center top;
}

.feature_box.style3 span.icon.ico4 {
    background: url(../images/icons/featured_boxes3/ico-04.png) no-repeat center top;
}

.feature_box.style3 .box:hover span.icon {
    background-position: center bottom;
}

.services_box .box {
    margin-bottom: 15px
}

.services_box .title {
    font-size: 14px;
    font-weight: 700;
    color: #3551DE;
    text-shadow: 1px 1px 0 white;
    vertical-align: middle;
}

.services_box .icon {
    float: left;
    width: 80px;
    line-height: 76px;
    background: #646464;
    text-align: center;
    margin-right: 20px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 80px;
}

.services_box .box:hover .icon {
    background: #3551DE;
}

.services_box ul {
    float: left;
}

.latest_posts.default-style .hoverBorder {
    margin-bottom: 10px;
}

.latest_posts.default-style .hoverBorder h6 {
    position: absolute;
    left: -10px;
    bottom: 16px;
    color: #fff;
    padding: 6px 10px;
    background: #3551DE;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.latest_posts.default-style .hoverBorder:hover h6 {
    left: 15px;
    background: #fff;
    color: #3551DE;
}

.latest_posts.default-style a + em {
    font-size: 11px;
    color: #7d7d7d;
}

.latest_posts.default-style .post .m_title {
    font-style: italic;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
}

.latest_posts.style2 {
    position: relative;
}

.latest_posts.style2 .viewall {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 10px;
    font-weight: bold;
    color: #757575;
}

.latest_posts.style2 .viewall:hover {
    color: #111;
}

.latest_posts.style2 ul.posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

.latest_posts.style2 ul.posts li {
    margin-top: 20px;
}

.latest_posts.style2 ul.posts li:first-child {
    margin-top: 0px;
}

.latest_posts.style2 ul.posts .title {
    font-size: 14px;
    font-weight: 700;
    color: #3551DE;
    text-shadow: 1px 1px 0 white;
    vertical-align: middle;
}

.latest_posts.style2 ul.posts .details {
    float: left;
    width: 110px;
}

.latest_posts.style2 ul.posts .details > span {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 10px
}

.latest_posts.style2 ul.posts .details span.date {
    background: #a4a4a4;
    color: #fff;
    padding: 0 5px;
    position: relative
}

.latest_posts.style2 ul.posts .details span.date:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 10px;
    border: 4px solid transparent;
    border-top-color: #a4a4a4;
}

.latest_posts.style2 ul.posts .text {
    margin-left: 110px;
}

.latest_posts.style3 {
    position: relative;
}

.latest_posts.style3 .hoverBorder {
    margin-right: 20px;
    margin-top: 5px;
}

.latest_posts.style3 .viewall {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 10px;
    font-weight: bold;
    color: #757575;
}

.latest_posts.style3 .viewall:hover {
    color: #111;
}

.latest_posts.style3 ul.posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

.latest_posts.style3 ul.posts li {
    margin-top: 15px;
}

.latest_posts.style3 ul.posts li:first-child {
    margin-top: 0px;
}

.latest_posts.style3 ul.posts .title {
    font-size: 13px;
    margin: 0 0 5px;
    font-weight: 700;
    color: #3551DE;
    text-shadow: 1px 1px 0 white;
    vertical-align: middle;
}

.latest_posts.style3 ul.posts .text {
}

/* latest posts - accordion style */
.latest_posts.acc-style {
    position: relative;
}

.latest_posts.acc-style h3.m_title {
    position: absolute;
    top: 14px;
    z-index: 1;
    margin: 0;
}

.latest_posts.acc-style .viewall {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 10px;
    font-weight: bold;
    color: #757575;
    z-index: 1;
}

.latest_posts.acc-style .viewall:hover {
    color: #111;
}

.css3accordion {
    width: 1170px;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
}

/* .css3accordion,
.css3accordion>ul>li .thumb,
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul { height: 202px; } */
.css3accordion > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 2222em;
}

.css3accordion > ul > li {
    width: 272px;
    padding-top: 50px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    border-top: 4px solid #E7E7E7;
    transition: width 0.3s ease 0.2s;
    -moz-transition: width 0.3s ease 0.2s;
    -webkit-transition: width 0.3s ease 0.2s;
    -o-transition: width 0.3s ease 0.2s;
}

.css3accordion > ul > li > .inner-acc {
    width: 585px;
}

.css3accordion > ul > li .thumb {
    max-width: 273px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    opacity: .8;
    filter: alpha(opacity=80);
}

.css3accordion > ul > li.last,
.css3accordion > ul > li:hover {
    width: 585px;
}

.css3accordion > ul > li:hover .thumb {
    opacity: 1;
    filter: alpha(opacity=100);
}

.css3accordion > ul > li.last {
    margin-right: 0;
}

.css3accordion .content > em {
    font-size: 11px;
    color: #7d7d7d;
}

.css3accordion .content > .m_title {
    font-size: 13px;
    line-height: 1.4;
    margin: 10px 0;
}

.css3accordion .text + a {
    font-size: 10px;
    font-weight: bold;
    color: #888;
    display: inline-block;
    margin-top: 5px;
}

/* process steps */
.process_steps {
    overflow: hidden;
    border-radius: 2px;
    margin-bottom: 15px;
}

.process_steps .step {
    float: left;
    width: 25%;
    padding: 15px;
    color: #fff;
    min-height: 230px;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.process_steps .step:after {
    content: '';
    position: absolute;
    top: 15px;
    right: -14px;
    border: 7px solid transparent;
    z-index: 1;
}

.process_steps .step.intro {
    background: #3551DE;
    text-align: left;
}

.process_steps .step.intro:after {
    border-left-color: #3551DE;
}

.process_steps .step.step1 {
    background: #5a5a5a;
}

.process_steps .step.step1:after {
    border-left-color: #5a5a5a;
}

.process_steps .step.step2 {
    background: #4a4a4a;
}

.process_steps .step.step2:after {
    border-left-color: #4a4a4a;
}

.process_steps .step.step3 {
    background: #3e3e3e;
}

.process_steps .step.step3:after {
    display: none;
}

.process_steps .step.intro > h3 {
    margin-top: 0;
    line-height: 1.2;
    font-weight: 500;
}

.process_steps .step.intro > h3 strong {
    font-size: 120%;
    display: block;
}

.process_steps .step.intro > a {
    font-size: 11px;
    font-weight: 700;
    color: #eee;
}

.process_steps .step.intro > a:hover {
    color: #fff;
}

.process_steps .step > div + h3 + p {
    margin-bottom: 0;
}

.process_steps .step .icon {
    margin: 20px 0 15px;
    min-height: 50px;
    line-height: 50px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    33% {
        -webkit-transform: scale(0.9);
    }
    66% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    33% {
        -moz-transform: scale(0.9);
    }
    66% {
        -moz-transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
    }
    33% {
        -ms-transform: scale(0.9);
    }
    66% {
        -ms-transform: scale(1.1);
    }
    100% {
        -ms-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    33% {
        -o-transform: scale(0.9);
    }
    66% {
        -o-transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    33% {
        transform: scale(0.9);
    }
    66% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }
    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-ms-keyframes tada {
    0% {
        -ms-transform: scale(1);
    }
    10%, 20% {
        -ms-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -ms-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -ms-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -ms-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }
    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -ms-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        -webkit-transform: translate(2px, 1px);
    }
    3% {
        -webkit-transform: translate(-1px, -2px);
    }
    6% {
        -webkit-transform: translate(-3px, 0px);
    }
    8% {
        -webkit-transform: translate(0px, 2px);
    }
    10% {
        -webkit-transform: translate(1px, -1px);
    }
    20% {
        -webkit-transform: translate(20px, -20px);
    }
    100% {
        -webkit-transform: translate(120px, -120px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        -moz-transform: translate(2px, 1px);
    }
    3% {
        -moz-transform: translate(-1px, -2px);
    }
    6% {
        -moz-transform: translate(-3px, 0px);
    }
    8% {
        -moz-transform: translate(0px, 2px);
    }
    10% {
        -moz-transform: translate(1px, -1px);
    }
    20% {
        -moz-transform: translate(20px, -20px);
    }
    100% {
        -moz-transform: translate(120px, -120px);
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        -ms-transform: translate(2px, 1px);
    }
    3% {
        -ms-transform: translate(-1px, -2px);
    }
    6% {
        -ms-transform: translate(-3px, 0px);
    }
    8% {
        -ms-transform: translate(0px, 2px);
    }
    10% {
        -ms-transform: translate(1px, -1px);
    }
    20% {
        -ms-transform: translate(20px, -20px);
    }
    100% {
        -ms-transform: translate(120px, -120px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        -o-transform: translate(2px, 1px);
    }
    3% {
        -o-transform: translate(-1px, -2px);
    }
    6% {
        -o-transform: translate(-3px, 0px);
    }
    8% {
        -o-transform: translate(0px, 2px);
    }
    10% {
        -o-transform: translate(1px, -1px);
    }
    20% {
        -o-transform: translate(20px, -20px);
    }
    100% {
        -o-transform: translate(120px, -120px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        transform: translate(2px, 1px);
    }
    3% {
        transform: translate(-1px, -2px);
    }
    6% {
        transform: translate(-3px, 0px);
    }
    8% {
        transform: translate(0px, 2px);
    }
    10% {
        transform: translate(1px, -1px);
    }
    20% {
        transform: translate(20px, -20px);
    }
    100% {
        transform: translate(120px, -120px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -ms-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

.process_steps .step:hover .icon[data-animation=tada] img {
    -webkit-animation: tada ease-in-out 1 normal 800ms;
    -moz-animation: tada ease-in-out 1 normal 800ms;
    -ms-animation: tada ease-in-out 1 normal 800ms;
    -o-animation: tada ease-in-out 1 normal 800ms;
    animation: tada ease-in-out 1 normal 500ms;
}

.process_steps .step:hover .icon[data-animation=pulse] img {
    -webkit-animation: pulse ease-in-out 1 normal 500ms;
    -moz-animation: pulse ease-in-out 1 normal 500ms;
    -ms-animation: pulse ease-in-out 1 normal 500ms;
    -o-animation: pulse ease-in-out 1 normal 500ms;
    animation: pulse ease-in-out 1 normal 500ms;
}

.process_steps .step:hover .icon[data-animation=fadeOutRightBig] img {
    -webkit-animation: fadeOutRightBig ease-out 1 normal 1s;
    -moz-animation: fadeOutRightBig ease-out 1 normal 1s;
    -ms-animation: fadeOutRightBig ease-out 1 normal 1s;
    -o-animation: fadeOutRightBig ease-out 1 normal 1s;
    animation: fadeOutRightBig ease-out 1 normal 1s;
}

/* recent work carousel */
.recentwork_carousel li a:hover .details > .bg,
.recentwork_carousel li .hover .hov,
.recentwork_carousel.style2 li .details {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.recentwork_carousel h5.title {
    font-weight: 500;
    margin-top: 0;
    text-shadow: 1px 1px 0 #fff
}

.recentwork_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
}

.recentwork_carousel li {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 0 0 20px;
}

.recentwork_carousel li a {
    display: block;
    padding: 0;
    margin: 0px;
}

.recentwork_carousel li .hover {
    display: block;
    position: relative;
    overflow: hidden;
}

.recentwork_carousel li .hover .hov {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    background-image: url(../images/plus01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(35, 35, 35, 0.8);
    display: block;
}

.recentwork_carousel li a:hover .hov {
    top: 0;
}

.recentwork_carousel li .details {
    display: block;
    position: relative;
}

.recentwork_carousel li .details > .bg {
    position: absolute;
    top: 0;
    height: 0;
    background: #3551DE;
    width: 100%;
    left: 0;
}

.recentwork_carousel li .details h4 {
    font-size: 14px;
    color: #3551DE;
    padding: 10px 0;
    margin: 0;
    position: relative;
    z-index: 1;
}

.recentwork_carousel li .details h4 + span {
    font-size: 11px;
    display: block;
    color: #343434;
    line-height: 1;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

.recentwork_carousel li a:hover .details > .bg {
    height: 100%;
}

.recentwork_carousel li a:hover .details h4,
.recentwork_carousel li a:hover .details h4 + span {
    color: #fff;
}

.recentwork_carousel .controls > a {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.recentwork_carousel .controls > a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* recent work carousel - style2 */
.recentwork_carousel.style2 {
    position: relative;
}

.recentwork_carousel.style2 .controls {
    position: absolute;
    right: 20px;
    top: 12px;
}

.recentwork_carousel.style2 li {
    padding: 0 20px 0 0;
}

.recentwork_carousel.style2 li > a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.recentwork_carousel.style2 li .details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(1%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 1%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#a6000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.recentwork_carousel.style2 li a:hover .details {
    opacity: 1;
    filter: alpha(opacity=100);
}

.recentwork_carousel.style2 li a .details .plus {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: #3551DE;
    font-size: 16px;
    color: #fff;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -12px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.recentwork_carousel.style2 li a .details h4 {
    position: absolute;
    font-size: 14px;
    top: 65%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
}

.recentwork_carousel.style2 li a .details h4 + span {
    position: absolute;
    font-size: 11px;
    top: 80%;
    left: 0;
    right: 0;
    padding: 0;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
}

/* goboxes */
.gobox {
    background: #797979;
    color: #fff;
    padding: 15px;
    min-height: 100px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.gobox:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

.gobox h4 {
    margin-top: 5px;
}

.gobox:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: #797979;
}

.gobox.ok {
    background: #3551DE;
    font-size: 13px;
    text-transform: uppercase;
}

.gobox.ok:after {
    display: none;
}

.gobox.ok h4 {
    font-size: 26px;
    margin-top: 20px;
}

.gobox.ok > img {
    float: left;
    margin-right: 25px;
    margin-top: 20px;
}

.gray-area {
    background: #ebebeb;
    padding: 30px 0 0;
    margin-bottom: 30px;
}

.gray-area.noMargin {
    margin-bottom: 0;
    padding-bottom: 20px;
}

/* info text box */
.info-text {
    background: #767676;
    color: #fff;
    font-size: 28px;
    line-height: 1.4;
    padding: 15px 20px;
    position: relative;
    -webkit-box-shadow: 3px 3px 0 white;
    -moz-box-shadow: 3px 3px 0 white;
    box-shadow: 3px 3px 0 white;
}

.info-text:after {
    content: '';
    width: 34px;
    height: 34px;
    background: url(../images/info-circle.png);
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/* testimonials carousel */
.testimonials-carousel {
    position: relative;
}

.testimonials-carousel .controls {
    position: absolute;
    right: 0;
    top: 14px;
}

.testimonials-carousel .controls > a {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.testimonials-carousel .controls > a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.testimonials-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.testimonials-carousel ul li {
    float: left;
}

.testimonials-carousel blockquote {
    background: #fff;
    border: 4px solid #eee;
    margin: 0 0 10px;
    padding: 15px;
    font-size: 12px;
    font-style: italic;
    color: #474747;
    position: relative;
}

.testimonials-carousel blockquote:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 15px;
    border: 7px solid transparent;
    border-top-color: #fff;
}

.testimonials-carousel blockquote + h5 {
    margin-top: 0;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

/* FLICKR FEED */
.flickr_feeds {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style: none;
    position: relative;
}

.flickrfeed.loading:after {
    content: 'Loading..';
}

.flickr_feeds li {
    float: left;
    margin: 0 0 20px 20px;
}

.flickr_feeds li a {
    display: block;
    width: 75px;
    position: relative;
}

.flickr_feeds[data-size=small] li a {
    width: 60px;
}

.flickr_feeds li a .hov1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hover-box {
    display: block;
    padding: 15px;
    background: #969696;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

.hover-box:hover {
    background: #3551DE;
    color: #fff;
}

.hover-box.centered {
    text-align: center;
}

.hover-box > img {
    float: left;
    margin: 15px 15px 8px 10px;
}

.hover-box > h3 {
    line-height: 1.1;
    margin-top: 0;
}

.hover-box > h4 {
    line-height: 1.1;
    margin-top: 0;
}

.hover-box > p {
    margin-bottom: 0;
    line-height: 1.1;
}

/* CIRCLE HOVER */
.circlehover {
    width: 110px;
    height: 110px;
    text-align: center;
    color: white;
    font-size: 18px;
    padding: 10px;
    display: table;
    line-height: 1.4;
    background-color: #3551DE;
    position: relative;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
}

.circlehover[data-size="small"] {
    width: 80px;
    height: 80px;
    font-size: 14px;
    padding: 8px;
}

.circlehover[data-size="medium"] {
    width: 95px;
    height: 95px;
    font-size: 16px;
    padding: 10px;
}

.circlehover span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.circlehover:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    background: #3551DE;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.circlehover[data-position="top-left"]:before {
    top: 7px;
    left: 7px;
}

.circlehover[data-position="top-right"]:before {
    top: 7px;
    right: 7px;
    left: auto;
}

.circlehover[data-position="bottom-left"]:before {
    bottom: 7px;
    left: 7px;
    top: auto;
}

.circlehover[data-position="bottom-right"]:before {
    bottom: 7px;
    right: 7px;
    left: auto;
    top: auto;
}

.circlehover[data-position="top"]:before,
.circlehover[data-position="right"]:before,
.circlehover[data-position="left"]:before,
.circlehover[data-position="bottom"]:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.circlehover[data-position="top"]:before {
    top: -10px;
    left: 50%;
    margin-left: -15px;
}

.circlehover[data-position="right"]:before {
    top: 50%;
    right: -10px;
    left: auto;
    margin-top: -15px;
}

.circlehover[data-position="left"]:before {
    top: 50%;
    left: -10px;
    margin-top: -15px;
}

.circlehover[data-position="bottom"]:before {
    bottom: -10px;
    left: 50%;
    margin-left: -15px;
    top: auto;
}

.circlehover[data-position="bottom-right"] {
    -webkit-box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: -3px -3px 1px rgba(0, 0, 0, 0.5);
}

.circlehover:hover {
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.2);
}

.circlehover[data-position="bottom-right"]:hover {
    -webkit-box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
    box-shadow: -5px -5px 1px rgba(0, 0, 0, 0.5);
}

.circlehover[data-align="left"] {
    float: left;
}

.circlehover[data-align="right"] {
    float: right;
}

.circlehover {
    -webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.circlehover.with-symbol > span.text {
}

.circlehover.with-symbol > span.symbol {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 130px;
}

.circlehover.with-symbol:hover > span.text {
    opacity: 0;
    filter: alpha(opacity=0);
}

.circlehover.with-symbol:hover > span.symbol {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* accordions */
.acc-group.default-style {
    margin-bottom: 3px;
}

.acc-group.default-style > button {
    background: none;
    border: 0;
    padding: 4px 10px;
    color: #3551DE;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
}

.acc-group.default-style > button:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/acc-arr1.png) no-repeat center top;
}

.acc-group.default-style > button:hover {
    background: #dcdcdc;
    color: #111;
}

.acc-group.default-style > button.collapsed:after {
    background-position: center bottom;
}

.acc-group.default-style > button.collapsed {
    color: #505050;
}

.acc-group.default-style .content {
    padding: 10px;
}

.acc-group.default-style.tweaked {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 3px;
}

.acc-group.default-style.tweaked > button {
    font-size: 20px;
    line-height: 1.8;
    padding-left: 0;
}

.acc-group.default-style.tweaked > button:after {
    top: 12px;
}

.acc-group.default-style.tweaked .content {
    padding: 10px 0;
}

.acc-group.default-style.tweaked .content > .row {
    margin-bottom: 10px;
}

/* accordions style2 */
.acc-group.style2 {
    margin-bottom: 2px;
    padding: 0;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.acc-group.style2 > button {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 10px;
}

.acc-group.style2 > button:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/acc-arr1.png) no-repeat center top;
    opacity: .4;
    filter: alpha(opacity=40);
}

.acc-group.style2 > button:hover {
}

.acc-group.style2 > button.collapsed:after {
    background-position: center bottom;
}

.acc-group.style2 > button.collapsed {
    color: #505050;
}

.acc-group.style2 .content {
    padding: 10px 15px;
    border-top: 1px solid #E5E5E5;
}

.acc-group.style2 .content p:last-child {
    margin-bottom: 0;
}

/* accordions style3 */
.acc-group.style3 {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.acc-group.style3 > button {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 60px;
    background: none;
    border: 0;
    font-size: 16px
}

.acc-group.style3 > button:after {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    font-size: 40px;
    background: #eee;
    color: #3551DE;
    padding: 7px 6px 13px 14px;
    text-shadow: 0 1px 0 #fff;
}

.acc-group.style3 > button:hover {
    color: #3551DE !important;
}

.acc-group.style3 > button:hover:after {
    color: #3551DE !important;
    background: #e9e9e9;
}

.acc-group.style3 > button.collapsed:after {
    color: #b5b5b5;
    content: '+';
    padding: 10px;
    font-size: 35px;
}

.acc-group.style3 > button.collapsed {
    color: #505050;
}

.acc-group.style3 .content {
    padding: 10px 15px;
}

.acc-group.style3 .content p:last-child {
    margin-bottom: 0;
}

/* Screenshot-box */
.screenshot-box {
    background: #fff;
    border: 1px solid #b3b3b3;
    position: relative;
    padding: 15px 20px 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
}

.screenshot-box .left-side {
    float: left;
    width: 450px;
}

.screenshot-box .left-side h3.title {
    font-size: 19px;
    color: #3551DE;
    line-height: 1.4;
}

.screenshot-box .left-side ul.features {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.screenshot-box .left-side ul.features li {
    padding-left: 35px;
    background: url(../images/ok2.png) no-repeat left center;
    margin-top: 20px;
}

.screenshot-box .left-side ul.features li:first-child {
    margin-top: 0;
}

.screenshot-box .left-side ul.features li h4 {
    font-size: 14px;
    line-height: 1.3;
    margin: 5px 0 0;
}

.screenshot-box .left-side ul.features li h4 + span {
}

.thescreenshot {
    float: right;
    margin-left: 30px;
    width: 580px;
    height: 328px;
    padding: 42px 16px 0 10px;
    position: relative;
    background: url(../images/screenshotbox-bg.png) no-repeat left top;
    margin-top: -40px;
}

.thescreenshot .controls {
    position: absolute;
    top: 15px;
    left: 17px;
    width: 43px;
    height: 19px;
}

.thescreenshot .controls a {
    display: block;
    width: 21px;
    height: 19px;
    float: left;
}

#screenshot-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
}

#screenshot-carousel li {
    float: left
}

/* keywords box */
.keywordbox {
    border-top: 4px solid #ddd;
    position: relative;
    padding-top: 30px;
    font-size: 23px;
    font-style: italic;
    text-align: center;
    color: #8D8D8D;
}

.keywordbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3px;
    border: 6px solid transparent;
    border-top-color: #ddd;
}

#footer {
    background: #2f2f2f;
    padding: 40px 0 20px;
    color: #d5d5d5;
    border-top: 4px solid #fff;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #d5d5d5;
}

#footer .m_title {
    font-size: 14px;
    color: #fff;
    text-shadow: none
}

#footer .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .menu li {
    float: left;
    width: 50%;
}

.newsletter-signup form {
    margin-bottom: 10px;
}

.newsletter-signup input {
    vertical-align: top;
    margin-bottom: 0;
}

.newsletter-signup input[type=text] {
    color: #4d4d4d;
    background: #dddddd;
    border: 1px solid #a3a3a3;
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2) inset;
}

.newsletter-signup input[type=submit] {
    color: #fff;
    background: #3551DE;
    border: 0;
    font-weight: 700;
    font-size: 13px;
    height: 30px;
    padding: 0 15px;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.newsletter-signup input[type=submit]:hover {
    background: #000;
}

.newsletter-signup #result {
    display: inline-block;
    margin-bottom: 10px;
}

.newsletter-signup #result:empty {
    display: inline;
}

.map-link > span {
    margin-top: 2px;
}

#footer .bottom {
    padding-top: 30px;
    border-top: 5px solid #484848;
    color: #8b8c8d;
}

#footer .social-icons {
    float: right;
}

#footer .copyright img {
    float: left;
    margin-right: 20px;
}

#footer .social-icons {
}

#footer .social-icons li.title {
    line-height: 30px;
}

#footer .social-icons li {
    margin: 0 0 0 10px;
}

#footer .social-icons li:first-child {
    margin-left: 0;
}

#footer .contact-details {
    background: url(../images/say_hi.png) no-repeat right top;
}

/* SOCIAL SHARING */
.social-share {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-share li {
    display: inline-block;
    margin-left: 10px;
    width: 90px;
    max-height: 20px;
    vertical-align: top;
}

.social-share li.sc-gplus {
    width: 70px;
}

.social-share li.sc-pinterest > a {
    width: 40px !important;
    margin-left: -40px !important;
    vertical-align: top !important;
}

.social-share.colored {
    margin-top: 15px;
}

.social-share.colored li {
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.social-share.colored li.sc-facebook {
    background: #3B5998;
}

.social-share.colored li.sc-twitter {
    background: #3CF;
}

.social-share.colored li.sc-gplus {
    background: #D34836;
    width: 70px;
}

.social-share.colored li.sc-pinterest {
    background: #CB2027;
}

/* TWITTER FEED */
#twitterFeed {
    background: url(../images/twitter-bird.png) no-repeat 15px center #444;
    font-size: 12px;
    color: #fff;
    padding: 15px 75px 15px 60px;
    position: relative;
    margin-bottom: 15px;
    font-style: italic;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#twitterFeed:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 15px;
    border: 5px solid transparent;
    border-top-color: #444;
}

#twitterFeed ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
}

#twitterFeed .twTime {
    display: inline-block;
    color: #9d9d9d;
    padding-left: 10px;
    border-left: 1px solid #707070;
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 15px;
    bottom: 15px;
    width: 45px;
    vertical-align: middle;
    line-height: 1;
}

/* TESTIMONIALS FADER */
.testimonials_fader ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid #e2e2e2;
    position: relative;
}

.testimonials_fader li {
    position: relative;
    padding: 0 0 0 100px
}

.testimonials_fader ul li:after {
    content: '“';
    position: absolute;
    top: -10px;
    left: 30px;
    font-size: 150px;
    color: #e2e2e2;
    line-height: 1;
    font-family: tahoma;
}

.testimonials_fader li blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font: italic 20px/1.4 Georgia, Arial, sans-serif;
}

.testimonials_fader li blockquote + h6 {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
}

/* TESTIMONIALS BOX */
.testimonial_box {
    float: left;
    padding: 0 25px;
    margin: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.testimonial_box[data-size=small] {
    width: 30%;
}

.testimonial_box[data-size=medium] {
    width: 50%;
}

.testimonial_box[data-size=large] {
    width: 70%;
}

.testimonial_box[data-size=full] {
    width: 100%;
}

.testimonial_box[data-size=onethird] {
    width: 33%;
}

.testimonial_box[data-size=twothirds] {
    width: 66%;
}

.testimonial_box[data-theme=light] blockquote {
    background: #ddd;
    color: #343434;
}

.testimonial_box[data-theme=dark] blockquote {
    background: #707070;
    color: #f5f5f5;
}

.testimonial_box[data-theme=light][data-align=left] blockquote:after {
    border-right-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=left] blockquote:after {
    border-right-color: #707070;
}

.testimonial_box[data-theme=light][data-align=right] blockquote:after {
    border-left-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=right] blockquote:after {
    border-left-color: #707070;
}

.testimonial_box[data-theme=light][data-align=top] blockquote:after {
    border-bottom-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=top] blockquote:after {
    border-bottom-color: #707070;
}

.testimonial_box[data-theme=light][data-align=bottom] blockquote:after {
    border-top-color: #ddd;
}

.testimonial_box[data-theme=dark][data-align=bottom] blockquote:after {
    border-top-color: #707070;
}

.testimonial_box[data-align=left] .details {
    float: left;
    margin-right: 10px;
    width: 90px;
}

.testimonial_box[data-align=left] blockquote {
    margin-left: 90px;
}

.testimonial_box[data-align=left] blockquote:after {
    left: -14px;
    top: 50%;
}

.testimonial_box[data-align=right] .details {
    float: right;
    margin-left: 10px;
    width: 90px;
    text-align: right;
}

.testimonial_box[data-align=right] blockquote {
    margin-right: 90px;
}

.testimonial_box[data-align=right] blockquote:after {
    right: -14px;
    top: 50%;
}

.testimonial_box[data-align=top] .details {
    float: none;
    margin-left: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.testimonial_box[data-align=top] .details img {
    position: absolute;
    top: -5px;
    right: -5px
}

.testimonial_box[data-align=top] .details h6 strong {
    display: block;
}

.testimonial_box[data-align=top] .details h6 {
    margin-top: 0;
}

.testimonial_box[data-align=top] blockquote {
    margin-top: 14px;
    clear: both;
}

.testimonial_box[data-align=top] blockquote:after {
    left: 30px;
    top: -14px;
}

.testimonial_box[data-align=bottom] {
    margin-bottom: 35px
}

.testimonial_box[data-align=bottom] .details {
    position: absolute;
    left: 25px;
    right: 5px;
    top: 100%;
    z-index: 1;
}

.testimonial_box[data-align=bottom] .details img {
    float: right;
    margin-top: -20px;
}

.testimonial_box[data-align=bottom] .details h6 strong {
    display: block;
}

.testimonial_box[data-align=bottom] blockquote {
    margin-bottom: 0;
    float: none;
    position: relative;
    z-index: 0;
}

.testimonial_box[data-align=bottom] blockquote:after {
    left: 30px;
    bottom: -14px;
}

.testimonial_box .details h6 {
    font-size: 10px;
    font-weight: normal;
    margin: 10px 0 0;
    line-height: 1.4;
}

.testimonial_box blockquote {
    margin: 0;
    padding: 15px;
    border: 0;
    font-size: 12px;
    font-style: italic;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.testimonial_box blockquote:after {
    content: '';
    position: absolute;
    border-width: 7px;
    border-style: solid;
    border-color: transparent;
}

/* vertical tabs */
.vertical_tabs {
    background: #fff;
    border: 1px solid #c2c2c2;
    overflow: hidden;
    border-radius: 3px
}

.vertical_tabs .tabbable .nav {
    float: left;
    width: 25%;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    margin: 0 0 -1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vertical_tabs .tabbable .nav > li {
    border-top: 1px solid #c2c2c2;
}

.vertical_tabs .tabbable .nav > li > a {
    line-height: 60px;
    padding-left: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #595959;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 73%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(73%, #ffffff), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 73%, #ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 73%, #ededed 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 73%, #ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}

.vertical_tabs .tabbable .nav > li > a > span {
    padding: 6px 7px 7px 7px;
    background: #646464;
    margin-right: 5px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.vertical_tabs .tabbable .nav > li > a > span span {
    margin: 0;
    vertical-align: middle;
}

.vertical_tabs .tabbable .nav > li > a:hover,
.vertical_tabs .tabbable .nav > li.active > a {
    color: #3551DE;
}

.vertical_tabs .tabbable .nav > li.active > a {
    background: #fff;
    margin-right: -1px;
}

.vertical_tabs .tabbable .nav > li.active > a > span,
.vertical_tabs .tabbable .nav > li > a:hover > span {
    background: #3551DE;
}

.vertical_tabs .tabbable .nav > li:first-child {
    border-top: 0;
}

.vertical_tabs .tabbable .tab-content {
    float: left;
    width: 75%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*stat boxes */
.statbox {
    background: #fff;
    border: 1px solid #c2c2c2;
    padding: 15px;
}

.statbox img {
    float: left;
    margin-right: 20px;
}

.statbox h4 {
    font-size: 30px;
    color: #3551DE;
    line-height: 35px;
    margin-top: 0;
}

.statbox h6 {
    color: #969696;
    margin-bottom: 0;
}

/* skills diagram */
#skills_diagram {
    float: right;
    width: 600px;
    position: relative;
}

#skills_diagram .legend {
    position: absolute;
    right: -60px;
    top: 40px;
    text-align: right;
}

#skills_diagram #thediagram {
    width: 600px;
    height: 500px;
    margin-top: -50px;
    float: right;
}

#skills_diagram .skills {
    margin: 0;
    padding: 0;
    list-style: none;
}

#skills_diagram .skills li {
    float: right;
    clear: both;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    color: white;
    margin-bottom: 1px;
    font-size: 14px;
}

/* PRICING TABLES */
.spacer {
    height: 50px;
}

.no-space {
    margin-left: 0;
}

.no-space [class*="span"] {
    margin-left: 0;
}

.row-fluid.no-space .span1 {
    width: 8.334% !important;
}

.row-fluid.no-space .span2 {
    width: 16.667% !important;
}

.row-fluid.no-space .span3 {
    width: 25% !important;
}

.row-fluid.no-space .span4 {
    width: 33.334% !important;
}

.row-fluid.no-space .span5 {
    width: 41.667% !important;
}

.row-fluid.no-space .span6 {
    width: 50% !important;
}

.row-fluid.no-space .span7 {
    width: 58.333% !important;
}

.row-fluid.no-space .span8 {
    width: 66.666% !important;
}

.row-fluid.no-space .span9 {
    width: 75% !important;
}

.row-fluid.no-space .span10 {
    width: 83.334% !important;
}

.row-fluid.no-space .span11 {
    width: 91.666% !important;
}

.row-fluid.no-space .span12 {
    width: 100% !important;
}

@media (max-width: 767px) {
    .row-fluid.no-space [class*="span"] {
        width: auto !important;
    }
}

.pricing_table {
    text-align: center;
    margin: 25px 0;
}

.pricing_table .tb_header {
    background-color: #8AB623;
}

.pricing_table .tb_header h4 {
    margin: 0;
    padding: 15px 0px;
    border-bottom: 3px solid #5E852C;
    color: white;
    font-size: 20px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    font-weight: 700;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 4px;
}

.pricing_table .price {
    margin: 0;
    padding: 15px 0px;
    border-bottom: 2px solid white;
    font-size: 46px;
    color: #fff;
    text-shadow: 1px 1px 0 black;
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 1;
}

.pricing_table .price p:first-letter {
    font-weight: 300;
    margin-right: 2px;
    font-size: 26px;
}

.pricing_table .price p {
    margin: 0;
}

.pricing_table .price p span {
    display: block;
    padding: 4px;
    font-size: 14px;
    font-weight: 500;
}

.pricing_table .tb_content {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing_table .tb_content li {
    margin: 0;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 2;
}

.pricing_table .tb_content li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

.pricing_table .tb_content li:first-child {
    border-top: 1px solid white;
}

.pricing_table .tb_content li:last-child {
}

.pricing_table .tb_content li hr {
    margin: 10px 50px;
}

.pricing_table .signin {
    padding: 15px 0 15px;
    background: rgba(0, 0, 0, 0.15);
    border-top: 3px solid #5E852C;
}

.pricing_table .pr_table_col {
    background: #fff;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.pricing_table [class*="span"]:nth-child(odd) .pr_table_col {
    background-color: #F1F1F1;
}

.pricing_table .pr_table_col.highlight {
    z-index: 1;
}

.pricing_table .pr_table_col:hover {
    z-index: 2;
}

.pricing_table .pr_table_col.highlight,
.pricing_table .pr_table_col:hover {
    margin-top: -15px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.pricing_table .pr_table_col.highlight .tb_content li,
.pricing_table .pr_table_col:hover .tb_content li {
    padding: 7px 0px;
}

.pricing_table .pr_table_col.highlight .price,
.pricing_table .pr_table_col:hover .price {
    padding: 20px 0px;
}

.pricing_table .pr_table_col {
    -webkit-transition: -webkit-box-shadow 0.2s ease-out;
    -moz-transition: -moz-box-shadow 0.2s ease-out;
    -o-transition: -o-box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out;
}

.pricing_table .pr_table_col.caption_column {
    margin-top: 50px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.pricing_table .pr_table_col.caption_column .tb_header {
    font-size: 18px;
    padding: 41px 0;
    color: #444;
    font-weight: 700;
    border-bottom: 2px solid #fff;
    background: #eee;
    text-shadow: 1px 1px 0 #fff;
}

.pricing_table .pr_table_col.caption_column .tb_content li {
    padding: 5px 0px;
    text-align: left;
    text-indent: 30px;
    background: #eee;
}

/* pricing table skins */
.pr_table_col[data-color=red] .tb_header h4 {
    border-bottom: 3px solid #941414;
}

.pr_table_col[data-color=red] .signin {
    border-top: 3px solid #941414;
}

.pr_table_col[data-color=red] .tb_header {
    background-color: #3551DE;
}

.pr_table_col[data-color=blue] .tb_header h4 {
    border-bottom: 3px solid #345370;
}

.pr_table_col[data-color=blue] .signin {
    border-top: 3px solid #345370;
}

.pr_table_col[data-color=blue] .tb_header {
    background-color: #2A8FBD;
}

.pr_table_col[data-color=green] .tb_header h4 {
    border-bottom: 3px solid #5E852C;
}

.pr_table_col[data-color=green] .signin {
    border-top: 3px solid #5E852C;
}

.pr_table_col[data-color=green] .tb_header {
    background-color: #8AB623;
}

.pr_table_col[data-color=turquoise] .tb_header h4 {
    border-bottom: 3px solid #0A817F;
}

.pr_table_col[data-color=turquoise] .signin {
    border-top: 3px solid #0A817F;
}

.pr_table_col[data-color=turquoise] .tb_header {
    background-color: #12C6C2;
}

.pr_table_col[data-color=orange] .tb_header h4 {
    border-bottom: 3px solid #AF3F08;
}

.pr_table_col[data-color=orange] .signin {
    border-top: 3px solid #AF3F08;
}

.pr_table_col[data-color=orange] .tb_header {
    background-color: #EB540A;
}

.pr_table_col[data-color=purple] .tb_header h4 {
    border-bottom: 3px solid #630C72;
}

.pr_table_col[data-color=purple] .signin {
    border-top: 3px solid #630C72;
}

.pr_table_col[data-color=purple] .tb_header {
    background-color: #8A2D9A;
}

.pr_table_col[data-color=yellow] .tb_header h4 {
    border-bottom: 3px solid #A8A80A;
}

.pr_table_col[data-color=yellow] .signin {
    border-top: 3px solid #A8A80A;
}

.pr_table_col[data-color=yellow] .tb_header {
    background-color: #D6D609;
}

.pr_table_col[data-color=green_lemon] .tb_header h4 {
    border-bottom: 3px solid #708D0B;
}

.pr_table_col[data-color=green_lemon] .signin {
    border-top: 3px solid #708D0B;
}

.pr_table_col[data-color=green_lemon] .tb_header {
    background-color: #9CC607;
}

.pr_table_col[data-color=dark] .tb_header h4 {
    border-bottom: 3px solid #000;
}

.pr_table_col[data-color=dark] .signin {
    border-top: 3px solid #000;
}

.pr_table_col[data-color=dark] .tb_header {
    background-color: #333;
}

.pr_table_col[data-color=light] .tb_header h4 {
    border-bottom: 3px solid #747474;
}

.pr_table_col[data-color=light] .signin {
    border-top: 3px solid #747474;
}

.pr_table_col[data-color=light] .tb_header {
    background-color: #aaa;
}

.pricing_table.rounded-corners [class*="span"]:first-child .tb_header {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover .tb_header,
.pricing_table.rounded-corners .highlight .tb_header {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover,
.pricing_table.rounded-corners .highlight {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pricing_table.rounded-corners .pr_table_col:hover .signin,
.pricing_table.rounded-corners .highlight .signin {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:first-child .signin {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:last-child .signin {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* process boxes */
.process_box {
    position: relative;
    background: #fff;
    border: 2px solid #C5C5C5;
    padding: 0;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.process_box:hover {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 8px rgba(0, 0, 0, 0.3);
}

.process_box:after, .process_box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.process_box.last:after, .process_box.last:before {
    display: none
}

.process_box:after {
    border-color: transparent;
    border-top-color: #eee;
    border-width: 10px;
    margin-left: -10px;
    left: 10%;
}

.process_box:before {
    border-color: transparent;
    border-top-color: #ccc;
    border-width: 13px;
    margin-left: -13px;
    left: 10%;
}

.process_box[data-align=right]:after,
.process_box[data-align=right]:before {
    right: 10%;
    left: auto;
    margin-left: 0;
}

.process_box[data-align=right]:after {
    margin-right: -10px;
}

.process_box[data-align=right]:before {
    margin-right: -13px;
}

.process_box[data-align=center]:after,
.process_box[data-align=center]:before {
    left: 50%;
}

.process_box[data-align=center]:after {
    border-top-color: #fff;
}

.process_box .number {
    padding: 0;
    height: 100%;
    position: absolute;
    background: #eee;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #C5C5C5;
    width: 240px;
    text-align: center;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.process_box .number span {
    font-size: 150px;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    vertical-align: middle;
}

.process_box .content {
    margin-left: 260px;
    padding: 20px 20px 10px 10px;
}

.process_box[data-align=right] .number {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid #C5C5C5;;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.process_box[data-align=right] .content {
    margin-left: auto;
    margin-right: 260px;
    padding: 20px 10px 10px 20px;
}

/* sidebars */
#sidebar {
    background: white;
    padding: 10px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#sidebar .widget {
    margin-bottom: 20px;
}

#sidebar .title {
    color: #050505;
    line-height: 1.4;
    margin-bottom: 15px;
    padding-bottom: 20px;
    position: relative;
    font-size: 18px;
}

#sidebar .title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 25px;
    height: 0;
    border-bottom: 1px solid #CBCBCB;
}

#sidebar .title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #f9f9f9;
}

#sidebar ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar ul.menu li {
    margin-bottom: 0px;
}

#sidebar ul.menu li a {
    color: #595959;
    display: block;
    padding: 4px 0 4px 20px;
    position: relative;
    border-radius: 2px;
}

#sidebar ul.menu li a:after {
    content: '\203A';
    position: absolute;
    left: 7px;
    top: 6px;
    color: #DDD;
    font-size: 16px;
    line-height: 1;
    width: 4px;
    height: 4px;
    font-family: Arial;
}

#sidebar ul.menu li.active a:after,
#sidebar ul.menu li a:hover:after {
    color: white;
    left: 8px;
}

#sidebar ul.menu li.active a,
#sidebar ul.menu li a:hover {
    background: #3551DE;
    color: white;
}

div.cloudBlock a {
    padding: 4px;
    float: left;
    display: block;
}

/* Historic timeline */
.timeline_bar {
    background: url(../images/timeline_bar.png) repeat-y center top;
}

.timeline_bar > .row {
    margin-bottom: 0;
}

.timeline_box {
    background: #fff;
    border-radius: 3px;
    margin: 50px 0 70px;
    padding: 15px;
    position: relative;
}

.timeline_box:after {
    content: '';
    position: absolute;
    top: 20px;
    right: -12px;
    border: 6px solid transparent;
    border-left-color: #fff;
}

div[data-align=right] .timeline_box:after {
    left: -12px;
    right: auto;
    border-left-color: transparent;
    border-right-color: #fff;
}

.timeline_box:before {
    content: '';
    position: absolute;
    top: 20px;
    right: -21px;
    background: #999;
    width: 5px;
    height: 5px;
    border: 3px solid #f5f5f5;
    border-radius: 50%;
}

div[data-align=right] .timeline_box:before {
    right: auto;
    left: -20px;
}

.end_timeline {
    text-align: center;
}

.end_timeline > span {
    background: #fff;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 2;
    display: inline-block;
}

.timeline_box:hover .date,
.timeline_box:hover {
    box-shadow: 0 0 8px rgba(35, 35, 35, 0.2);
}

.timeline_box:hover:before {
    width: 7px;
    height: 7px;
    border: 2px solid #f5f5f5;
}

.timeline_box .date {
    font-size: 18px;
    font-weight: 700;
    background: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    position: absolute;
    top: 11px;
    right: -100px;
    color: #787878;
}

div[data-align=right] .timeline_box .date {
    left: -100px;
    right: auto;
}

/*offline/comming soon page */
.offline-page #background {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #ffffff 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.offline-page .containerbox {
    width: 700px;
    margin: 100px auto 0;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 1;
    padding: 25px;
    box-shadow: 0 10px 20px #CCC;
    border-bottom: 5px solid #3551DE;
    color: #eee;
}

.offline-page #logo {
    float: left;
    text-align: center;
    position: absolute;
    top: 30%;
}

.offline-page .content {
    margin-left: 200px;
    border-left: 1px solid #777;
    padding-left: 20px;
}

.offline-page .containerbox:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 100px;
    border-top: 20px solid #3551DE;
    border-right: 20px solid transparent;
    z-index: 2;
}

.offline-page .ud_counter {
    margin: 40px 0;
}

.offline-page .ud_counter ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.offline-page .ud_counter ul li {
    display: inline-block;
    margin: 0 0 0 18px;
    font-size: 22px;
    font-weight: 700;
    padding: 15px 10px;
    width: 60px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.offline-page .ud_counter ul li:first-child {
    margin-left: 0;
}

.offline-page .ud_counter ul li span {
    display: block;
    font-size: 13px;
    margin-top: 17px;
    line-height: 1;
}

.offline-page .ud_counter ul li.till_lauch {
    height: 80px;
    width: 80px;
    padding: 0;
    vertical-align: top;
}

.offline-page #mail_when_ready {
    float: left;
    margin: 0;
}

.offline-page #mail_when_ready input[type=submit] {
    vertical-align: top;
}

/* testimonial box style 4 */
.testimonial_box4 blockquote {
    background: #fff;
    border: 4px solid #eee;
    margin: 0 0 10px;
    padding: 15px;
    font-size: 12px;
    font-style: italic;
    color: #474747;
    position: relative;
}

.testimonial_box4 blockquote:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 15px;
    border: 7px solid transparent;
    border-top-color: #fff;
}

.testimonial_box4 blockquote + h5 {
    margin-top: 0;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

/* 404 error page */
.error404-page #page_header {
    height: 200px;
    min-height: 0;
}

.error404 {
    margin: 20px auto;
    text-align: center;
    line-height: 1;
}

.error404 h2 {
    font-weight: bold;
    font-size: 260px;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 28px rgba(35, 35, 35, .5);
    text-transform: uppercase;
    margin: 20px 0;
    color: rgba(0, 0, 0, 0)
}

.error404 h3 {
    font-size: 30px;
    text-align: center;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

/* SERVICES STYLE 2 */
.services_box.style2 .box {
    padding: 30px;
    background: #eee;
    height: 300px;
    margin: 0;
    position: relative;
}

.services_box.style2 .box:hover {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px
}

.services_box.style2 .box .title {
    font-size: 22px;
    margin-bottom: 30px;
}

.services_box.style2 .box .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
}

.services_box.style2 .box .icon img {
    vertical-align: middle;
    line-height: 45px;
    display: inline-block;
    margin-top: -2px;
}

.services_box.style2 .box .list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    float: none
}

.services_box.style2 .box .list li {
    line-height: 1;
    padding: 10px 0px;
    border-top: 1px solid #eee;
    color: #3551DE
}

.services_box.style2 .box .list li:first-child {
    border-top: 0;
}

/* team members */
.team_member {
    background: #fff;
    padding: 0 0 5px;
    position: relative;
}

.team_member:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.team_member .details {
    padding: 0 20px 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    background: #fff;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-size: 11px;
}

.team_member:hover .details {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.team_member:hover {
    z-index: 2;
}

.team_member > h4,
.team_member > h6 {
    padding: 0 20px;
}

.team_member .details .social-icons {
    margin: 15px 0;
}

.team_member .details .social-icons li {
    margin: 0 0 0 8px;
}

.team_member .details .social-icons li:first-child {
    margin-left: 0;
}

/* map controls */
#map_controls {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: auto;
    top: 50%;
    margin-top: -45px;
    right: 20px;
    width: 30px;
    background: #3551DE;
    border-radius: 2px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}

#map_controls li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

#map_controls li a:hover {
    background: #111
}

#map_controls li:first-child a {
    border-top: 0;
}

#map_controls li a span {
    margin-top: 6px;
}

/*contact form */
#contact_form .form-horizontal .control-label {
    width: 90px;
    text-align: left;
}

#contact_form .form-horizontal .controls {
    margin-left: 90px;
}

#contact_form textarea {
    height: 100px;
}

/* BLOG */
.eBlog .itemListView {
    margin-bottom: 25px;
}

.eBlog .itemContainer {
    background: #FFF;
    margin-bottom: 35px;
    padding: 15px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    box-shadow: 0 1px 0 #ccc;
    position: relative;
    border-radius: 3px;
}

.eBlog .itemContainer:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 5px;
    content: "";
    border-bottom-color: #ccc !important;
}

.eBlog .post_details {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 10px;
    margin-bottom: 25px;
    text-transform: uppercase;
    padding: 10px 0 10px;
    font-weight: bold;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
    -webkit-transition: opacity 150ms ease-in;
    -moz-transition: opacity 150ms ease-in;
    -o-transition: opacity 150ms ease-in;
    transition: opacity 150ms ease-in;
}

.eBlog .post_details:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.eBlog .post_details [class^="icon-"],
.eBlog .itemLinks li [class^="icon-"],
.eBlog .itemTagsBlock [class^="icon-"] {
    margin: 0 5px 0 0;
    padding: 0;
}

.eBlog .post_details:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 25px;
    height: 0;
    border-bottom: 1px solid #ccc;
}

.eBlog .post_details:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 25px;
    height: 0;
    border-bottom: 1px solid #ccc;
}

.eBlog .post_details .infSep {
    display: inline-block;
    margin: 0 5px;
}

.eBlog .itemReadMore {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 25px;
}

.eBlog .readMore {
    font-size: 14px;
    font-weight: bold;
}

.eBlog .itemLinks {
    padding: 0 !important;
    list-style: none !important;
    font-size: 10px;
    color: #AAA;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
}

.eBlog .itemLinks li {
    float: left;
    margin-left: 0;
    padding-left: 0;
}

.eBlog .itemLinks li:first-child {
    margin-left: 0;
}

.eBlog .itemCategory {
    padding-left: 0;
}

.eBlog .itemDateCreated {
    padding-left: 0;
}

.eBlog .itemTagsBlock,
.eBlog .itemTagsBlock,
.eBlog .userItemTagsBlock {
    padding-left: 0;
    font-size: 10px;
    color: #AAA;
    font-weight: bold;
    text-transform: uppercase;
}

.eBlog .itemTagsBlock > span {
    font-weight: bold;
}

.eBlog .itemTagsBlock ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: inline;
}

.eBlog .itemTagsBlock ul li {
    display: inline;
}

.eBlog .itemTagsBlock ul li a {
}

.eBlog .itemTitle {
    font-weight: bold;
}

div.cloudBlock a {
    padding: 4px;
    float: left;
    display: block;
}

.eBlog .itemSocialSharing {
    margin-bottom: 20px;
}

.eBlog div.itemTwitterButton {
    float: left;
    margin: 2px 20px 0 0;
    width: 80px;
}

.eBlog div.itemFacebookButton {
    float: left;
    margin-right: 20px;
    width: 70px;
}

.eBlog div.itemGooglePlusOneButton {
    float: left;
    width: 70px;
}

/* Pagination */
.pagination {
    margin: 10px 0;
    padding: 10px 0 10px 0px;
    text-align: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.6;
    color: #888;
}

.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.pagination li {
    display: inline;
    margin: 0 5px;
}

.pagination li, .pagination li a, .pagination li span, .pagination p.counter {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {
    border: 0;
}

.pagination li.pagination-start, .pagination li.pagination-start span {
    padding: 0;
}

/* hoverlink effect */
.hoverLink {
    position: relative;
    display: block;
}

.hoverLink img {
    position: relative;
}

.hoverLink > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background: url(../images/transparent_png/black20.png);
    filter: alpha(opacity=0);
    opacity: 0;
}

.hoverLink:hover > span {
}

.hoverLink > span .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    display: block;
    background-image: url(../images/hoverLinkSprite.png);
    background-repeat: no-repeat;
}

.hoverLink > span .icon.image {
    background-position: -72px 0;
}

.hoverLink > span .icon.video {
    background-position: -48px 0;
}

.hoverLink > span .icon.link {
    background-position: -24px 0;
}

.hoverLink > span .icon.extlink {
    background-position: 0 0;
}

body.dark .hoverLink > span .icon.image {
    background-position: -72px -24px;
}

body.dark .hoverLink > span .icon.video {
    background-position: -48px -24px;
}

body.dark .hoverLink > span .icon.link {
    background-position: -24px -24px;
}

body.dark .hoverLink > span .icon.extlink {
    background-position: 0 -24px;
}

/* grayhover effect */
a.grayHover {
    overflow: hidden;
    position: relative;
    display: inline-block;
}

a.grayHover img {
    position: relative;
}

a.grayHover img:first-child {
}

/* PORTFOLIO */
.hg-portfolio .img-intro {
    margin-bottom: 20px;
}

.hg-portfolio-item .img-full {
    margin-bottom: 20px;
}

.hg-portfolio-item .other-images {
    margin: 20px 0 0 -20px;
    padding: 0;
    list-style: none;
}

.hg-portfolio-item .other-images li {
    float: left;
    margin: 0 0 20px 20px;
    list-style: none;
}

.hg-portfolio-item .other-images li iframe {
    padding: 4px;
    border: 1px solid #444;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hg-portfolio-item .itemLinks {
    margin-top: 15px;
}

.hg-portfolio-item .itemSocialSharing > div {
    float: left;
    margin-right: 30px;
}

.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {
    float: none;
    padding-left: 25px;
    width: auto;
}

.hg-portfolio-item .text ul.clearfix:after {
    clear: none;
    zoom: 0;
}

/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title,
.hg-portfolio-sortable h4.title {
    font-weight: bold;
}

.hg-portfolio-sortable #sorting {
    float: right;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 10px;
    background: #eee;
    color: #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hg-portfolio-sortable #sorting ul {
    display: inline-block;
    margin: 0 25px 0 0;
    padding: 0;
    list-style: none;
}

.hg-portfolio-sortable #sort-direction {
    margin-right: 0 !important;
}

.hg-portfolio-sortable #sorting ul li {
    float: left;
    margin-left: 10px;
    line-height: 1;
    margin-bottom: 0;
}

.hg-portfolio-sortable #sorting ul li a {
    color: #595959;
    line-height: 1;
}

.hg-portfolio-sortable #sorting ul li a.selected {
    text-decoration: underline;
}

.hg-portfolio-sortable #sorting .sortTitle {
    line-height: 1;
}

.hg-portfolio-sortable #portfolio-nav {
    margin: 5px 0 20px;
    padding: 0;
    list-style: none;
    float: left;
}

.hg-portfolio-sortable #portfolio-nav li {
    float: left;
    margin-left: 15px;
}

.hg-portfolio-sortable #portfolio-nav li:first-child {
    margin-left: 0;
}

.hg-portfolio-sortable #portfolio-nav li a {
    background: #eee;
    color: #888;
    padding: 8px 10px;
    line-height: 1;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 0;
}

.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {
    background: #3551DE;
    color: #fff;
}

.hg-portfolio-sortable ul#thumbs {
    margin: 0 0 0 -30px;
    padding: 0;
    list-style: none;
    left: 5px;
}

.hg-portfolio-sortable ul#thumbs li {
    float: left;
    width: 270px;
    margin: 10px 5px 20px 25px;
    position: relative;
}

.hg-portfolio-sortable ul#thumbs li .inner-item {
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.hg-portfolio-sortable ul#thumbs li .inner-item:hover {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
}

.hg-portfolio-sortable ul#thumbs li .inner-item h4 {
    margin-top: 10px;
    display: block;
    line-height: 1;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0 6px 10px;
}

.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc {
    font-size: 12px;
    color: #777;
    padding: 0 6px;
    display: block;
}

.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {
    margin-bottom: 10px;
}

.hg-portfolio-sortable ul#thumbs li.isotope-item {
    z-index: 2;
}

.hg-portfolio-sortable ul#thumbs li.isotope-hidden {
    z-index: 1;
}

/* Portfolio carousels */
.ptcarousel {
    max-width: 570px;
    max-height: 360px;
    position: relative;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ptcarousel:after {
    content: '';
    position: absolute;
    left: -34px;
    top: 50%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #ddd;
    z-index: 1;
}

.ptcarousel:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -13px;
    border: 13px solid transparent;
    border-right: 13px solid #fff;
    z-index: 2;
}

.ptcarousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    max-height: 360px;
}

.ptcarousel li {
    float: left;
}

.ptcarousel .controls > a {
    position: absolute;
    left: 15px;
    top: 50%;
    z-index: 1;
    background: #000;
    display: inline-block !important;
    margin: 0;
    margin-top: -12px;
    width: 30px;
    height: 31px;
    text-align: center;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ptcarousel .controls > a.next {
    left: auto;
    right: 15px;
}

.ptcarousel .controls > a span {
    margin: 8px 0 0;
}

.ptcarousel .controls > a:hover {
    background: #3551DE;
}

.ptcarousel:hover .controls a {
    opacity: 1;
    filter: alpha(opacity=100);
}

.itemLinks {
    margin-top: 20px;
}

.itemLinks span a {
    background: #eee;
    padding: 7px 10px;
    line-height: 1;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 15px;
}

.itemLinks span a:hover {
    background: #3551DE;
    color: #fff;
}

/* sitemaps */
.sitemap ul {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.sitemap ul li {
    line-height: 25px;
}

.sitemap ul li a {
    background-image: url(../images/sitemap-arrow.png);
    background-repeat: no-repeat;
}

.sitemap ul li a {
    padding-left: 40px;
    background-position: -270px 7px;
}

.sitemap ul li li a {
    padding-left: 80px;
    background-position: -230px 7px;
}

.sitemap ul li li li a {
    padding-left: 120px;
    background-position: -190px 7px;
}

.sitemap ul li li li li a {
    padding-left: 160px;
    background-position: -150px 7px;
}

.sitemap ul li li li li li a {
    padding-left: 200px;
    background-position: -110px 7px;
}

/* photo gallery */
ul.photo_gallery {
    clear: both;
    list-style: none outside none;
    margin: 8px auto;
    overflow: hidden;
    padding: 8px 0;
}

ul.photo_gallery li {
    background: none !important;
    float: left;
    margin: 5px;
    padding: 0;
    list-style: none;
}

ul.photo_gallery li a img {
}

/* transparent content */
div.pp_kalypso.transparent .pp_content .ppt,
div.pp_kalypso.transparent #pp_full_res .pp_inline {
    color: #ccc;
    margin-right: 20px;
    line-height: 1.4;
}

/* offer-banners */
.offer-banners .hoverBorder {
    margin-bottom: 20px;
}

/* SHOP LATEST // BEST SELLING TABS - CAROUSEL */
.shop-latest .tabbable .nav {
    border-bottom: 3px solid #d5d5d5;
    padding-bottom: 15px;
}

.shop-latest .tabbable .nav li {
    float: left;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 2px solid #d5d5d5;
}

.shop-latest .tabbable .nav li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.shop-latest .tabbable .nav li a {
    font-size: 20px;
    font-weight: 900;
    color: #8c8c8c;
    position: relative;
}

.shop-latest .tabbable .nav li a:hover {
    color: #595959;
    background-color: transparent;
}

.shop-latest .tabbable .nav li.active a {
    color: #3551DE;
    background-color: transparent;
}

.shop-latest .tabbable .nav li.active a:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
    border: 5px solid transparent;
    border-bottom-color: #d5d5d5;
}

.shop-latest .tabbable .shop-latest-carousel {
    margin-right: 40px;
    position: relative;
}

.shop-latest .tabbable .shop-latest-carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 370px;
}

.shop-latest .tabbable .shop-latest-carousel ul li {
    float: left;
    margin-right: 20px;
    width: 270px;
}

.shop-latest .tabbable .shop-latest-carousel .controls {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -40px;
    height: 100%;
    width: 40px;
}

.shop-latest .tabbable .shop-latest-carousel .controls a {
    width: 40px;
    height: 49.5%;
    background: #f1f1f1;
    display: block !important;
    position: absolute;
}

.shop-latest .tabbable .shop-latest-carousel:hover .controls a {
    background: #eee;
}

.shop-latest .tabbable .shop-latest-carousel .controls a:hover {
    background: #dedede;
}

.shop-latest .tabbable .shop-latest-carousel .controls a.prev {
    top: 50%;
}

.shop-latest .tabbable .shop-latest-carousel .controls a span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
}

.shop-latest .tab-content {
    overflow: visible;
}

.shop-latest .tab-content > .tab-pane {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.shop-latest .tab-content > .active {
    visibility: visible;
    height: auto;
}

.product-list-item {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #ededed 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #ffffff 61%, #ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.product-list-item.promo-new:after {
    content: 'NEW';
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    background: #12a1c5;
    line-height: 1;
    padding: 4px 6px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.product-list-item.promo-new:before {
    content: '';
    border: 3px solid transparent;
    border-top-color: #12a1c5;
    position: absolute;
    left: 27px;
    top: 39px;
    z-index: 1;
}

.product-list-item.promo-sale:after {
    content: 'SALE';
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    background: #c51212;
    line-height: 1;
    padding: 4px 6px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.product-list-item.promo-sale:before {
    content: '';
    border: 3px solid transparent;
    border-top-color: #c51212;
    position: absolute;
    left: 27px;
    top: 39px;
    z-index: 1;
}

.product-list-item > .hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    box-shadow: inset 0 0 0 2px #e8e8e8;
}

.product-list-item .image {
    text-align: center;
    line-height: 251px;
    max-height: 251px;
}

.product-list-item .details {
    background: #f3f3f3;
    padding: 15px;
    border-top: 1px solid #E8E8E8;
}

.product-list-item .details h3 {
    font-size: 14px;
    color: #2f2f2f;
    line-height: 1.3;
    margin: 0 0 10px
}

.product-list-item .details p.desc {
    font-size: 12px;
    font-style: italic;
    color: #939393;
    line-height: 1.3;
}

.product-list-item .details .actions {
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 10px;
    width: 0;
    overflow: hidden;
    line-height: 1;
}

.product-list-item .details .actions a {
    display: inline-block;
    background: #3551DE;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    padding: 4px 6px;
    white-space: nowrap;
    margin-bottom: 3px;
}

.product-list-item .details .actions a:hover {
    background: #333;
}

.product-list-item .price {
    color: #565656;
    font-size: 20px;
    font-weight: 700;
    line-height: 1
}

.product-list-item .price:first-letter {
    font-size: 12px;
    vertical-align: top;
}

.product-list-item .price small {
    font-size: 13px;
    font-weight:;
    position: relative;
    color: #777;
    line-height: 1;
    vertical-align: top;
}

.product-list-item .price small:after {
    content: '';
    width: 34px;
    height: 0px;
    border-top: 1px solid #999;
    position: absolute;
    left: -2px;
    top: 9px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.product-list-item:hover .details {
    background: #edecec;
}

.product-list-item:hover .details h3 {
    color: #3551DE;
}

.product-list-item:hover .details .actions {
    width: 140px;
    right: 4px;
}

.product-list-item:hover > .hover {
    box-shadow: inset 0 0 0 4px #9c9c9c;
}

.product-list-item .details h3,
.product-list-item > .hover,
.product-list-item .details,
.product-list-item .details .actions,
.shop-latest .tabbable .shop-latest-carousel .controls a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* limited offers carousel */
.limited-offers-carousel {
    position: relative;
    width: 712px;
}

#limited_offers {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 194px;
}

#limited_offers li {
    float: left;
    margin-right: 20px;
    width: 158px;
    position: relative;
    border: 2px solid #e8e8e8;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%, #ffffff), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 61%, #f0f0f0 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, #ffffff 61%, #f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

#limited_offers li:hover {
    border: 2px solid #bbb;
}

#limited_offers li .image {
    max-height: 120px;
    line-height: 120px;
    margin: 10px;
}

#limited_offers li:after {
    content: attr(data-discount);
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    background: #c51212;
    line-height: 1;
    padding: 4px 6px;
    position: absolute;
    left: 10px;
    top: 10px;
}

#limited_offers li:before {
    content: '';
    border: 3px solid transparent;
    border-top-color: #c51212;
    position: absolute;
    left: 17px;
    top: 29px;
    z-index: 1;
}

#limited_offers li h5 {
    margin: 0 0 10px;
    line-height: 1
}

#limited_offers li h6 {
    margin: 0 0 15px;
    line-height: 1;
    font-size: 11px;
}

#limited_offers li {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.limited-offers-carousel .controls {
    width: 58px;
    background: #fff;
    position: absolute;
    border: 2px solid #e8e8e8;
    text-align: center;
    right: -58px;
    top: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.limited-offers-carousel .controls:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 44px;
    left: 5px;
    border-top: 1px solid #e8e8e8;
}

.limited-offers-carousel .controls a {
    position: absolute;
    width: 54px;
    height: 50%;
    display: block !important;
    opacity: .5;
    filter: alpha(opacity=50);
}

.limited-offers-carousel .controls a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.limited-offers-carousel .controls a.prev {
    top: 50%;
}

.limited-offers-carousel .controls a span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
}

.adbox.video {
    position: relative;
}

.adbox.video:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.4)
}

.adbox.video .video_trigger_container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -75px;
    margin-top: 70px
}

/* shop-features */
.shop-features {
    margin-bottom: 0;
}

.shop-features .title {
    margin: 0;
    line-height: 1.3;
}

.shop-features .shop-feature {
    background: #969696;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
}

.shop-features .shop-feature:hover {
    background: #3551DE;
}

.shop-features .shop-feature > img {
    float: left;
    margin: 0 20px 0 0;
}

.shop-features .shop-feature > h4 {
    line-height: 1;
    margin: 0 0 7px;
    font-size: 18px;
    font-weight: 900;
}

.shop-features .shop-feature > h5 {
    line-height: 1;
    margin: 0;
    font-weight: 700;
}

/* PRODUCT PAGE */
.product-gallery {
    border: 1px solid #EAEAEA;
    background: #fff;
    width: 100%;
    min-height: 300px;
    padding-bottom: 10px;
}

.product-gallery .big_image {
    width: 100%;
    text-align: center;
}

.product-gallery ul.thumbs {
    padding: 10px 0 0 10px;
    list-style: none;
    margin: 0;
}

.product-gallery ul.thumbs li {
    float: left;
    margin-left: 10px;
}

.product-gallery ul.thumbs li:first-child {
    margin-left: 0;
}

.product-gallery ul.thumbs li img {
    border: 1px solid #EAEAEA;
    padding: 2px;
}

.product-gallery ul.thumbs li img:hover {
    border: 1px solid #EEE;
}

.product-page .main-data {
    font-size: 11px;
}

.product-page .main-data .name {
    font-size: 32px;
    line-height: 1.4;
}

.product-page .main-data .regular_price span {
    text-decoration: line-through;
}

.product-page .main-data .price span {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.product-page .main-data .price .to_wishlist {
    float: right;
    line-height: 3;
    margin-right: 30px;
}

.to_cart .quantitiy {
    float: left;
    width: 50px;
}

.to_cart .quantitiy label {
    font-size: 11px;
    display: block;
}

.to_cart .quantitiy #qty {
    padding: 5px;
    width: 50px;
}

.to_cart .addtocart {
    margin-left: 30px;
    margin-top: 25px;
    font-size: 14px;
}

/* site helpers */
.noBgImage {
    background-image: none;
}

.full_width {
    max-width: 100%;
}

.text_align_left {
    text-align: left !important;
}

.text_align_right {
    text-align: right !important;
}

.text_align_center {
    text-align: center !important;
}

/* custom buttons */
.btn-flat {
    background: #3551DE;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    border: 0;
}

.btn-flat:hover {
    background: #343434;
    color: #fff;
}

.redbtn {
    background: #3551DE;
}

/* css transitions - reducing transitions lines */
nav#main_menu li a,
.topnav li.drop .pPanel,
#totop,
.info_pop .buyit,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.slidingDetails .details,
.slidingDetails,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.css3accordion > ul > li .thumb,
.gobox, .hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls > a,
.shop-features .shop-feature {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    *padding-top: 19px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
    margin-top: -20px;
    padding-top: 15px;
}

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {
    margin-bottom: 0;
}

/* Special grid styles
-------------------------------------------------- */
.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 40px;
    line-height: 40px;
}

.show-grid:hover [class*="span"] {
    background: #ddd;
}

.show-grid .show-grid {
    margin-top: 0;
    margin-bottom: 0;
}

.show-grid .show-grid [class*="span"] {
    background-color: #ccc;
}

.catalog {
}

.catalog #content {
    background: #fff;
    padding: 1em 2em;
}

.catalog #sidebar {
    background: #fff;
}

.catalog .cars .span2 {
    text-align: center;
}

.catalog .modification a {
    border-bottom: 1px dotted #333;
}

.commontehs a {
    color: #4d939e;
}

.modificationColumns dl {
    line-height: 1.7em;
    background: url("/images/bmw//logos_dots.gif") repeat-x scroll 0 1.1em rgba(0, 0, 0, 0);
    overflow: hidden;
}

.modificationColumns dd {
    float: left;
    background: #fff;
    margin: 0;
    padding-right: 5px;
}

.modificationColumns dt {
    float: right;
    background: #fff;
    margin: 0;
    padding-left: 5px;
}

.middleLine {
    border-color: #bcc3bc;
    border-style: dotted;
    border-width: 1px 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px 0;
}

.toggleMap {
    position: relative;
    margin-bottom: 3em;
}

.toggleMapBox {
    background: #none repeat scroll 0 0 #e7ebe6;
    border: 4px solid #e7ebe6;
    box-shadow: 0 3px 3px #999;
    border-radius: 5px;
}

.toggleMapClosed {
    overflow: hidden;
    height: 40px;
}

.toggleMap a.btn {
    position: absolute;
    left: 220px;
    bottom: -15px;
}

.review {
    font-size: 0.8em;
    margin: 0;
    text-align: left;
}

.rating-big .rating-bar-progress {
    background-position: 0 -28px;
}

.rating-big .rating-bar, .rating-big .rating-bar-progress {
    background-image: url("/images/rating-big.png");
    height: 28px;
    width: 140px;
}

/* Странца отзывов*/
.reviews #content {
    background: #fff;
    padding: 1em 2em;
}

.rating-bar {
    float: left;
    margin-right: 1em;
}

.rating-bar, .rating-bar-progress {
    background: url("/images/rating.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    text-align: left;
    width: 80px;
}

.rating-bar-progress {
    background-position: 0 -14px;
}

.reviewpage table {
    border-bottom: 5px solid #e6ecec;
}

.reviewpage table tr td {
    vertical-align: top;
}

.reviewpage table tr td.therd {
    border-right: 1px solid #e6ecec;
    width: 33%;
    padding: 0 1em 0 1em;
}

.reviewpage table tr td.therd:first-child {
    padding-left: 0em;
}

.reviewpage table tr td.carprops {
    padding-left: 1em;
}

.reviewpage table tr td.carprops dd {
    float: right;
}

.reviewpage table tr td.carprops dt {
    float: left;
    display: block;
    overflow: hidden;
}

.reviewpage table tr td.carprops dl {
    padding: 1em 0;
    white-space: nowrap;
    margin-top: 0;
}

.reviewpage table tr td.carprops dl + dl {
    border-top: 1px solid #e6ecec;
}

.reviewpage .rewiewimage {
    position: relative;
}

.reviewpage .rewiew_person {
    position: absolute;
    left: 1em;
    top: 1em;
    background: #000;
}

.reviewpage .slogan {
    position: absolute;
    left: 2em;
    bottom: 1em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px #999;
    font-style: italic;
}

.reviewpage .slogan h2:before {
    content: "«";
}

.reviewpage .slogan h2:after {
    content: "»";
}

.reviewpage .worth h3 > span {
    color: green;
}

.reviewpage .limitation h3 > span {
    color: red;
}

/* Странциа автосалонов */
.salontitle {
    font-size: 1.4em;
}

.autosalun .salon td {
    padding: 0.5em 0;
}

.autosalun .salon thead {
    font-weight: bold;
}

.autosalun .salon-address p {
    display: table;
}

.autosalun .salon-address p i {
    display: table-cell;
    color: #ddd;
    padding-right: 0.2em;
}

.autosalun .salon-address p span {
    display: table-cell;
    vertical-align: middle;
}

.autosalun h3.m_title {
    font-size: 1em;
    display: none;
}

.reviewpage .maincontent {
    background: #fff;
    padding: 1em 2em;
}

.rating-big {
    text-align: center;
}

.rating-big .rating-bar-progress {
    background-position: 0 -28px;
}

.rating-bar, .reviewpage .rating-bar-progress {
    display: inline-block;
    text-align: left;
}

li .rating-box {
    float: right;
    white-space: nowrap;
}

.rating-big .rating-count {
    color: #8f8f8f;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: baseline;
    font-size: 2em;
}

li .rating-count {
    color: #8f8f8f;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: baseline;
}

.rating-summary {
    list-style-type: none;
    margin: 0;
}

.rating-summary li {
    white-space: nowrap;
}

.rating-summary li {
    margin: 15px 0 0;
}

.rating-summary .rating-bar, .rating-summary .rating-bar-progress {
    background: url("/images/rating.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    text-align: left;
    width: 80px;
}

.rating-summary .rating-bar-progress {
    background-position: 0 -14px;
}

.rating-summary .rating-summary-name {
    overflow: hidden;
}

.rating-summary .rating-summary-name span {
    display: inline-block;
    font-size: 13px;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.checkboxes label input {
}

#review_comment .textareaComment {
    width: 100%;
}

#review_comment .inputtext {
    width: 100%;
}

#review_comment .review_bg {
    background: #ccc;
    padding: 1em;
}

.contentbox {
    background: #fff;
    padding: 2em 1em
}

/*.contentbox > div{text-align:center;}*/

/* Кнопки соц сетей */
.publish_at .btns .facebook {
    background-position: 0px 0px;
}

.publish_at .btns .twitter {
    background-position: 0px -48px;
}

.publish_at .btns .vkontakte {
    background-position: 0px -96px;
}

.publish_at .btns a {
    display: inline-block;
    margin-left: 7px;
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
    float: left;
    background: url('/images/soc_btn.gif') no-repeat scroll 0px 0px transparent;
}

.publish_at {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.4em;
}

.publish_at .btns {
    float: right;
    display: block;
}

.publish_at .hr {
    float: left;
    width: 150px;
}

.l-leftSidebar {
    background: #fff;
    padding: 1em;
}

.l-leftSidebar a.change {
    border-bottom: 1px dotted #333;
}

.l-leftSidebar .searchRegion {
    margin-bottom: 1em;
}

.l-leftSidebar .hr {
    font-weight: bold;
}

.l-leftSidebar .checkboxes {
}

.l-leftSidebar .checkboxes input {
    margin-right: 10px;
}

.mapContent p {
    padding-left: 110px;
}