/*
Theme Name: MetroDir
Theme URI: http://uouapps.com/wp/metrodir
Description: MetroDir (Desktop, tablet, mobile phone and other device)
Tags: one-column, right-sidebar, custom-menu
Author: UOU apps
Author URI: http://uouapps.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
*/


@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin,latin-ext);

/**********************************************************/
/***************************RESET**************************/
/**********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
}

/**********************************************************/
/***************************GLOBAL*************************/
/**********************************************************/

html {
    overflow-y: scroll;
    height: 100%;
}

body {
    font-family: Lato, Tahoma;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    height: 100%;
}

section {
    min-height: 100%;
}

a, a:hover,
input, input:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

.opacity {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 & - */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease; /* Mozilla fix */
}

.opacity:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease; /* Mozilla fix */
}

.clear {
    height: 0;
    clear: both;
}

.box-container {
    margin: 0 auto;
    width: 940px;
    padding: 0 10px;
}

input, textarea {
    display: block;
}

select {
    float: left;
}

textarea {
    padding: 10px 15px;
    line-height: 18px;
    resize: vertical;
    margin: 0;
}

input[type="text"],
input[type="password"] {
    height: 18px;
    padding: 10px 15px;
    line-height: 18px;
    margin: 0;
}

div.submit {
    position: relative;
    height: 38px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit i {
    height: 38px;
    width: 38px;

    line-height: 38px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit:hover i {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.submit input[type="submit"] {
    position: absolute;
    height: 40px;
    line-height: 40px;
    margin: 0;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: none;
    background: none;
    display: block;
    font-weight: bold;
    cursor: pointer;
    width: 120px;
}

input[type="checkbox"],
input[type="radio"] {
    display:none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    cursor: pointer;
    height: 28px;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    display: block;
    float: left;
    height: 14px;
    width: 14px;
    margin: 5px 10px 0 0;
    font-family: FontAwesome;
    font-size: 1.3em;
    text-align: center;
    line-height: 14px;
}

input[type="checkbox"] + label::before {
    content: "\f096";
    border-radius: 2px;
}

input[type="checkbox"] + label:hover:before {
    content: "\f0c8";
}

input[type="checkbox"]:checked + label::before {
    content: "\f14a";
}

input[type="radio"] + label::before {
    content: "\f10c";
    border-radius: 6px;
}

input[type="radio"] + label:hover:before {
    content: "\f111";
}

input[type="radio"]:checked + label::before {
    content: "\f192";
}

/**********************************************************/
/*********************WP*CSS*CLASS*:)*SORRY****************/
/**********************************************************/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

/**********************************************************/
/********************EDITOR*SUPPORT*TAGS*******************/
/**********************************************************/

div.body p {
    padding: 10px 0;
}

big {
    font-size: 133%;
}

strong,
b {
    font-weight: 600;
}

em,
i {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

div.body ol {
    list-style-type: decimal;
    padding-left: 40px;
}

div.body ul {
    list-style-type: circle;
    padding-left: 40px;
}

blockquote {
    padding: 25px 45px ;
    position: relative;
    margin: 10px 0;
}

blockquote:before,
blockquote:after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 2em;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

blockquote:before {
    top: 10px; left: 10px;
    content: "\f10d";
}

blockquote:after {
    bottom: 10px; right: 10px;
    content: "\f10e";
}

/**********************************************************/
/************************SHORTCODES************************/
/**********************************************************/

/*************************BUTTONS*************************/

a.button-default,
a.button-second,
a.button-background,
a.button-grey,
a.button-hover {
    display: block;
    width: 218px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 10px 0;
    border: 1px solid transparent;
    font-weight: bold;
}

a.button-default i,
a.button-second i,
a.button-background i,
a.button-grey i,
a.button-hover i {
    padding-right: 5px;
}

/**************************COLUMNS*************************/

div.text-column.column-one {
    width: 100%;
    float: left;
}

div.text-column.column-half {
    width: 50%;
    float: left;
}

div.text-column.column-one-third {
    width: 33%;
    float: left;
}

div.text-column.column-two-third {
    width: 66%;
    float: left;
}

/***********************NOTIFICATION***********************/

div.notification-general,
div.notification-success,
div.notification-error,
div.notification-notice {
    padding: 20px;
    margin: 10px 0;
}

/***************************LISTS**************************/

div.list-title {
    font-weight: bold;
}

ul.list-bullets,
ul.list-check {
    padding-left: 0 !important;
}

ul.list-bullets li,
ul.list-check li {
    list-style: none;
    list-style-image: none;
}

ul.list-bullets li:before,
ul.list-check li:before {
    display: block;
    float: left;
    font-family: FontAwesome;
    text-align: left;
}

ul.list-bullets li:before {
    width: 14px;
    content: "\f111";
    font-size: 50%;
}

ul.list-check li:before {
    width: 20px;
    content: "\f00c";
}

/****************************TABS**************************/

div.tabs ul {
    padding-left: 0 !important;
    clear: both;
    height: 40px;
}

div.tabs ul li {
    float: left;
    list-style: none;
    list-style-image: none;
    height: 40px;
    margin-right: 2px;
}

div.tabs ul li a {
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

div.tab-content {
    clear: both;
    padding: 30px;
    border-top: none !important;
}

/**********************************************************/
/*************************UI*STYLES************************/
/**********************************************************/

.ui-helper-hidden-accessible {
    display: none;
}

/**********************************************************/
/************************AUTOCOMPLETE**********************/
/**********************************************************/

ul.ui-autocomplete {
    width: 262px !important;
    max-height: 418px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 200;
}

ul.ui-autocomplete li a {
    display: block;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 20px !important;
    overflow: hidden;
    margin-bottom: 2px !important;
    border: none;
    cursor: pointer;
}

ul.ui-autocomplete li a:hover {
    margin: 0 0 2px 0 !important;
}

/**********************************************************/
/***********************SELECTBOX*LIST*********************/
/**********************************************************/

div.jquery-selectbox-list {
    max-height: 418px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    top: 40px !important;
    border: none !important;
    background: none !important;
}

div.jquery-selectbox-list span.jquery-selectbox-item {
    display: block;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 20px !important;
    overflow: hidden;
    margin-bottom: 2px !important;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: Lato, Tahoma;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div.jquery-selectbox-list span.jquery-selectbox-item:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

/**********************************************************/
/*************************SCROLL*TOP***********************/
/**********************************************************/

a.scrollTop {
    bottom: 0;
    display: none;
    right: 0;
    position: fixed;
    z-index: 300;
}

a.scrollTop div#up_container {
    padding: 20px;
}

a.scrollTop div#up_container span {
    display: block;
    height: 60px;
    width: 60px;
}

a.scrollTop div#up_container span i {
    display: block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    -webkit-transition: font-size 0.2s ease;
    -moz-transition: font-size 0.2s ease; /* Mozilla fix */
}

a.scrollTop:hover div#up_container span i {
    font-size: 3em;
    -webkit-transition: font-size 0.2s ease;
    -moz-transition: font-size 0.2s ease; /* Mozilla fix */
}

/**********************************************************/
/**************************MESSAGE*************************/
/**********************************************************/

div#message {
    line-height: 20px;
    padding: 5px 0;
    font-weight: bold;
}

div#message.form {
    padding: 5px 15px;
    margin-bottom: 20px;
}

/**********************************************************/
/***********************THEME*SWITCHER*********************/
/**********************************************************/

.theme-switcher {
    position: fixed;
    top: 10%;
    left: 0;
    width: 200px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e6e6e6;
    z-index: 1000;
}

.theme-switcher .switcher-toggle-button {
    position: absolute;
    right: -51px;
    top: -1px;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}

.theme-switcher .switcher-toggle-button i {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.theme-switcher .label {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.theme-switcher .color-switcher {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    overflow: hidden;
}

.theme-switcher .color-switcher li {
    float: left;
    width: 200px;
    height: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.theme-switcher .color-switcher li > div {
    float: left;
    width: 100px;
    height: 30px;
}

.theme-switcher .color-switcher li > i {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #40555c;
    position: absolute;
    top: 5px;
    left: 90px;
    background: white;
}

.theme-switcher .color-switcher li.first div.first-color {
    background: #1570a6;
}

.theme-switcher .color-switcher li.first div.second-color {
    background: #7fba00;
}

.theme-switcher .color-switcher li.second div.first-color {
    background: #1a1a1a;
}

.theme-switcher .color-switcher li.second div.second-color {
    background: #32beeb;
}

.theme-switcher .color-switcher li.third div.first-color {
    background: #363b3f;
}

.theme-switcher .color-switcher li.third div.second-color {
    background: #e14d43;
}

.theme-switcher .color-switcher li.fourth div.first-color {
    background: #523f6d;
}

.theme-switcher .color-switcher li.fourth div.second-color {
    background: #a3b745;
}

.theme-switcher .layout-switcher {
    margin-bottom: 10px;
    width: 200px;
    height: 30px;
}

.theme-switcher .background-switcher {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.theme-switcher .background-switcher li {
    width: 200px;
    height: 60px;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.theme-switcher .background-switcher li > i {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #40555c;
    position: absolute;
    top: 5px;
    left: 5px;
    background: white;
}

.theme-switcher .background-switcher li.background-1 {
    background: url(images/demo/bg1-thumbnail.jpg) no-repeat center center;
}

.theme-switcher .background-switcher li.background-2 {
    background: url(images/demo/bg2-thumbnail.jpg) no-repeat center center;
}

.theme-switcher .background-switcher li.background-3 {
    background: url(images/demo/bg3-thumbnail.jpg) no-repeat center center;
}


body.background-1 {
    background: url(images/demo/city.jpg) center top;
    background-attachment: fixed;
}

body.background-2 {
    background: url(images/demo/earth.jpg) center top;
    background-attachment: fixed;
}

body.background-3 {
    background: url(images/demo/ny.jpg) center top;
    background-attachment: fixed;
}

/**********************************************************/
/************************BREADCRUMBS***********************/
/**********************************************************/

div#breadcrumbs {
    background-position: center center;
    height: 110px;
}

div#breadcrumbs div.breadcrumbs-page-title {
    float: left;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 40px 0;
    max-width: 35%;
    overflow: hidden;
}

div#breadcrumbs div.breadcrumbs-page-title h1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
    -moz-opacity: 0; /* Mozilla 1.6 */
    -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    margin: -20px 0 0 0;
}

div#breadcrumbs div.breadcrumbs {
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 40px 0;
    max-width: 65%;
    overflow: hidden;
}

div#breadcrumbs div.breadcrumbs > div > span {
    max-width: 30%;
    overflow: hidden;
}

div#breadcrumbs div.breadcrumbs i {
    padding: 0 10px;
}

/**********************************************************/
/***************************HEADER*************************/
/**********************************************************/

div#header {
    padding: 20px 10px 0 10px;
}

div#user-links-panel {
    height: 40px;
    margin-bottom: 10px;
}

div#user-links-panel ul.social-links {
    float: right;
}

div#navigation {
    padding-bottom: 10px;
}

/*************************USER*LINKS***********************/

div.user-links-container {
    float: left;
    height: 40px;
}

div.user-links-container ul.user-links > li {
    float: left;
    height: 40px;
    display: block;
}

div.user-links-container ul.user-links > li > a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-weight: bold;
}

div.user-links-container ul.user-links > li > a i {
    margin-right: 10px;
}

div.user-links-container ul.user-links li.login {
    position: relative;
}

/************************LOGIN*FORM************************/

form#login-form {
    position: absolute;
    left: 0;
    top: -400px;
    z-index: 850;
}

div#login-form-container {
    display: none;
    padding: 20px;
}

form#login-form input#user_login,
form#login-form input#user_pass {
    padding: 7px 10px;
    line-height: 24px;
    height: 24px;
    width: 250px;
    margin-bottom: 20px;
}

form#login-form input[type="submit"] {
    height: 40px;
    padding: 0 25px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

form#login-form a.password-restore {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    font-weight: bold;
}

div#login-shadow {
    display: none;
    width: 100%;
    z-index: 800;
    position: fixed;
}

/**************************LANG*BAR************************/

div#user-links-panel div.lang-bar {
    float: right;
    cursor: pointer;
    height: 40px;
    margin-right: 10px;
    padding: 0 5px;
    position: relative;
}

div#user-links-panel div.lang-bar div.language-label {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

div#user-links-panel div.lang-bar div.language-label i {
    margin-right: 10px;
}

div#user-links-panel div.lang-bar div.language-label span {
    padding-left: 5px;
    font-weight: normal;
}

div#user-links-panel div.lang-bar div.language-label.code span {
    text-transform: uppercase;
}

div#user-links-panel div.lang-bar div.language-label.flag span {
    display: block;
    float: right;
    height: 40px;
}

div#user-links-panel div.lang-bar div.language-label.flag span img {
    padding: 14px 0;
}

div#user-links-panel div.lang-bar ul.languages {
    display: none;
    position: absolute;
    z-index: 100;
    top: 30px;
    left: 83px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
    -moz-opacity: 0; /* Mozilla 1.6 & - */
    -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0 ease;
    -moz-transition: opacity 0 ease; /* Mozilla fix */
}

div#user-links-panel div.lang-bar ul.languages.code {
    left: 73px;
}

div#user-links-panel div.lang-bar ul.languages.flag {
    left: 73px;
}

div#user-links-panel div.lang-bar:hover ul.languages {
    display: block;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 & - */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease; /* Mozilla fix */
}

div#user-links-panel div.lang-bar ul.languages li a {
    padding: 0 10px;
    display: block;
    line-height: 25px;
}

div#user-links-panel div.lang-bar ul.languages.code li a {
    text-transform: uppercase;
    padding: 0 20px;
}

div#user-links-panel div.lang-bar ul.languages.flag li a {
    padding: 0 20px;
}

/************************SOCIAL*LINKS**********************/

ul.social-links li {
    float: left;
    width: 30px;
    height: 30px;
    padding: 5px 5px 5px 0;
}

ul.social-links li a {
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

/****************************LOGO**************************/

div#navigation div#logo {
    float: left;
    height: 140px;
}

div#navigation div#logo a {
    display: block;
    margin-top: 35px;
    -webkit-transition: none;
    -moz-transition: none; /* Mozilla fix */
}

div#navigation div#logo a img,
div#navigation div#logo a img:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div#header-style-two div#navigation div#logo {
    height: 84px;
}

div#header-style-two div#navigation div#logo a {
    margin-top: 20px;
}

/*************************MAIN*MENU************************/

div#navigation div#main-menu {
    float: right;
}

div#navigation div#main-menu > div > ul > li {
    float: left;
}

div#navigation div#main-menu > div > ul > li > ul {
    display: none;
    width: 230px;
    z-index: 220;
    position: absolute;
}

div#navigation div#main-menu > div > ul > li > ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
    margin-bottom: 2px;
}

div#navigation div#main-menu > div > ul > li > ul li.menu-item-has-children {
    position: relative;
}

div#navigation div#main-menu > div > ul > li > ul li.menu-item-has-children:after {
    content: "\f0da";
    position: absolute;
    right: 5px;
    top: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-family: FontAwesome;
}

div#navigation div#main-menu > div > ul > li > ul > li.menu-item-has-children ul {
    position: absolute;
    top: 0;
    left: 232px;
    width: 230px;
}

/********************HEADER*STYLE*ONE*MENU*****************/

div#header-style-one div#navigation div#main-menu > div > ul {
    margin-left: -10px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li {
    width: 109px;
    height: 140px;
    padding-left: 10px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li:nth-child(even) {
    padding-left: 9px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a {
    width: 109px;
    height: 140px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a:hover i {
    font-size: 3em;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a div.menu-image {
    display: block;
    width: 109px;
    height: 109px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a div.menu-image i {
    display: block;
    width: 109px;
    height: 109px;
    text-align: center;
    line-height: 109px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease; /* Mozilla fix */
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a:hover div.menu-image,
div#header-style-one div#navigation div#main-menu > div > ul > li > a:hover div.menu-image i,
div#header-style-one div#navigation div#main-menu > div > ul > li.current_page_item > a div.menu-image,
div#header-style-one div#navigation div#main-menu > div > ul > li.current_page_parent > a div.menu-image,
div#header-style-one div#navigation div#main-menu > div > ul > li.current_page_item > a div.menu-image i,
div#header-style-one div#navigation div#main-menu > div > ul > li.current_page_parent > a div.menu-image i {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease; /* Mozilla fix */
}

div#header-style-one div#navigation div#main-menu > div > ul > li > a div.menu-text {
    display: block;
    width: 109px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > ul i {
    padding-right: 10px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > ul a > div {
    float: left;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > ul a > div.menu-image {
    width: 26px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li > ul a > div.menu-image i {
    width: 26px;
}

div#header-style-one div#navigation div#main-menu > div > ul > li:last-child > ul {
    margin-left: -120px;
}

/********************HEADER*STYLE*TWO*MENU*****************/

div#header-style-two div#navigation div#main-menu > div > ul {
    margin: 20px 0;
    height: 44px;
}

div#header-style-two div#navigation div#main-menu > div > ul > li {
    height: 44px;
    position: relative;
}

div#header-style-two div#navigation div#main-menu > div > ul > li a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 17px;
}

div#header-style-two div#navigation div#main-menu > div > ul > li > ul {
    top: 46px;
}

/**********************************************************/
/**************************SEARCH**************************/
/**********************************************************/

div#search {
    height: 40px;
    padding: 10px 0;
    min-width: 960px;
    position: relative;
}

div#search div#search-shadow {
    position: absolute;
    width: 100%;
    height: 60px;
    display: none;
    top: 0;
    z-index: 50;
}

/***********************DEFAULT*SEARCH*********************/

div#search div.advanced-search-control,
div#search form#default-search,
div#search form#advanced-search {
    float: left;
}

div#search div.advanced-search-control {
    margin-right: 10px;
    position: relative;
    z-index: 60;
}

div#search div.advanced-search-control a {
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
}

div#search div.advanced-search-control a.hide {
    display: none;
}

div#search form#default-search input[type="text"] {
    float: left;
    width: 229px;
    margin-right: 10px;
}

div#search div.submit {
    float: left;
    width: 98px;
    padding: 0 10px;
}

div#search div.submit input[type="submit"] {
    padding: 0 0 0 20px;
}

div#search form#default-search div.jquery-selectbox,
div#search-sorting form div.jquery-selectbox {
    margin: 0 10px 0 0;
    height: 38px;
}

div#search-sorting form div.jquery-selectbox {
    width: 96px !important;
}

div#search-sorting form div.jquery-selectbox-list {
    width: 97px !important;
    overflow-y: hidden !important;
}

div#search form#default-search div.jquery-selectbox-list {
    top: 39px !important;
}

div#search.with-advanced div.jquery-selectbox-list {
    width: 218px !important;
}

div#search.without-advanced div.jquery-selectbox-list {
    width: 268px !important;
}

div#search form#advanced-search div.clearfix div.jquery-selectbox-list {
    width: 495px !important;
}

div#search form#advanced-search div.location-fields.clearfix div.jquery-selectbox-list {
    width: 160px !important;
}

div#search.with-advanced form#default-search div.jquery-selectbox {
    width: 216px !important;
}

div#search.without-advanced form#default-search div.jquery-selectbox {
    width: 266px !important;
}

div#search form#default-search div.jquery-selectbox span.jquery-selectbox-currentItem,
div#search-sorting form div.jquery-selectbox span.jquery-selectbox-currentItem {
    height: 18px;
    padding: 10px 15px;
    line-height: 18px;
    font-size: 14px;
    font-family: Lato, Tahoma;
}

div#search form#default-search div.jquery-selectbox div.jquery-selectbox-moreButton,
div#search-sorting form div.jquery-selectbox div.jquery-selectbox-moreButton {
    height: 40px;
    width: 40px;
    margin: -1px -1px 0 0;
    text-align: center;
    line-height: 40px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#search form#default-search div.jquery-selectbox div.jquery-selectbox-moreButton:before,
div#search-sorting form div.jquery-selectbox div.jquery-selectbox-moreButton:before {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3333333333333333em;
}

div#search form#default-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:before,
div#search-sorting form div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:before {
    content: "\f077";
}

div#search form#default-search div.jquery-selectbox div.jquery-selectbox-moreButton:hover,
div#search form#default-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton,
div#search-sorting form div.jquery-selectbox div.jquery-selectbox-moreButton:hover,
div#search-sorting form div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton,
div#search form#default-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:hover,
div#search-sorting form div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

/**********************ADVANCED*SEARCH*********************/

div#search div#adv-search-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -9999px;
    height: 446px;
    z-index: 210;
}

div#search form#advanced-search {
    padding: 16px 0 0 50px;
    width: 890px;
}

div#search form#advanced-search div.submit {
    float: left;
    margin: 10px 0 20px 650px;
}

div#search form#advanced-search div.clearfix {
    clear: both;
    height: 60px;
}

div#search form#advanced-search div.clearfix div.label {
    font-weight: bold;
    width: 275px;
    height: 60px;
    line-height: 60px;
    float: left;
}

div#search form#advanced-search div.clearfix div.slider {
    float: left;
    width: 495px;
    height: 12px;
    margin: 24px 0;
    position: relative;
}

div#search form#advanced-search div.clearfix div.slider > div {
    height: 12px;
}

div#search form#advanced-search div.clearfix div.slider > a {
    position: absolute;
    top: 0;
    margin: -2px 0 -2px -8px;
    height: 15px;
    width: 15px;
    -webkit-transition: none;
    -moz-transition: none; /* Mozilla fix */
}

div#search form#advanced-search div.clearfix div.slider-value {
    float: left;
    min-width: 60px;
    height: 60px;
    padding: 0 0 0 20px;
    font-weight: bold;
    line-height: 60px;
}

div#search form#advanced-search div.clearfix input[type="text"] {
    border: none;
    float: left;
    height: 20px;
    padding: 10px 15px;
    line-height: 20px;
    margin: 10px 0;
    width: 465px;
}

div#search form#advanced-search div.location-fields.clearfix input[type="text"] {
    width: 128px;
    margin: 10px 10px 10px 0;
}

div#search form#advanced-search div.jquery-selectbox {
    margin: 10px 10px 10px 0;
    height: 40px;
    border: none;
    width: 495px !important;
}

div#search form#advanced-search div.jquery-selectbox span.jquery-selectbox-currentItem {
    height: 20px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 14px;
    font-family: Lato, Tahoma;
}

div#search form#advanced-search div.jquery-selectbox div.jquery-selectbox-moreButton {
    height: 40px;
    width: 40px;
    margin: 0;
    text-align: center;
    line-height: 40px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#search form#advanced-search div.jquery-selectbox div.jquery-selectbox-moreButton:before {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3333333333333333em;
}

div#search form#advanced-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:before {
    content: "\f077";
}

div#search form#advanced-search div.jquery-selectbox div.jquery-selectbox-moreButton:hover,
div#search form#advanced-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#search form#advanced-search div.jquery-selectbox.selecthover div.jquery-selectbox-moreButton:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#search form#advanced-search div.location-fields.clearfix div.jquery-selectbox {
    width: 160px !important;
}

/**********************************************************/
/***************************MAP****************************/
/**********************************************************/

div#map-wrapper {
    position: relative;
    min-width: 960px;
}

div#map-wrapper div#map {
    height: 485px;
}

div#street-view {
    min-width: 960px;
    height: 487px;
}

div#street-view iframe {
    display: block;
    height: 485px;
}

div#map-wrapper div.map-control.show {
    display: none;
}

div#map-wrapper div.map-control {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#map-wrapper div.map-control a {
    display: block;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
}

div#map-wrapper div.map-control:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div#map-wrapper div.map-control a i {
    margin-right: 10px;
}

div#map-trobber {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

div#map-error {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
}

div#map-error span {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: -25px 0 0 -100px;
}

div.disable-map-control {
    height: 60px;
    width: 60px;
    position: absolute;
    right: 0;
    top: 1px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div.disable-map-control:hover {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div.disable-map-control a {
    display: block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 70px;
}

/**************************MARKERS*************************/

div.gm-style-iw-marker {
    z-index: 500 !important;
}

div.gm-style-iw-marker-over {
    z-index: 550 !important;
}

div.gm-style-iw-marker > div:first-child,
div.gm-style-iw-marker > div:last-child,
div.gm-style-iw-marker-over > div:first-child,
div.gm-style-iw-marker-over > div:last-child {
    display: none;
}

div.gm-style-iw {
    overflow: visible !important;
    top: 0 !important;
    position: relative !important;
    left: 0 !important;
}

div.gm-style-iw > div {
    overflow: visible !important;
}

div.gomapMarker span {
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -44px;
    left: 22px;
    -webkit-transition: border-left-color 0.5s ease;
    -moz-transition: border-left-color 0.5s ease; /* Mozilla fix */
}

div.gm-style-iw-marker div.gomapMarker:hover div.marker-on-map {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div.gm-style-iw-marker div.gomapMarker:hover > span {
    -webkit-transition: border-left-color 0.5s ease;
    -moz-transition: border-left-color 0.5s ease; /* Mozilla fix */
}

div.gm-style-iw-marker div.gomapMarker:hover div.marker-on-map i.marker-icon {
    font-size: 1.3333em;
    -webkit-transition: font-size 0.25s ease;
    -moz-transition: font-size 0.25s ease; /* Mozilla fix */
}

div.marker-on-map {
    position: absolute;
    bottom: -24px;
    left: 22px;
    height: 40px;
    width: 40px;
    z-index: 1500;
    line-height: 40px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease; /* Mozilla fix */
}

div.marker-on-map i.marker-icon {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: font-size 0.3s ease;
    -moz-transition: font-size 0.3s ease; /* Mozilla fix */
}

div.marker-on-map div.marker-content {
    display: none;
    width: 400px;
    height: 150px;
    top: 0;
    left: 0;
    position: absolute;
}

div.marker-on-map div.marker-content div.marker-image {
    width: 150px;
    height: 150px;
    float: left;
}

div.marker-on-map div.marker-content div.marker-image a {
    display: block;
    width: 150px;
    height: 150px;
}

div.marker-on-map div.marker-content div.marker-image a img {
    width: 150px !important;
    height: 150px !important;
}

div.marker-on-map div.marker-content div.marker-description {
    width: 210px;
    height: 110px;
    padding: 20px;
    float: left;
}

div.marker-on-map div.marker-content div.marker-description div,
div.marker-on-map div.marker-content div.marker-description a {
    font-family: Lato;
    line-height: 20px;
}

div.marker-on-map div.marker-content div.marker-description div.marker-name {
    height: 20px;
    overflow: hidden;
}

div.marker-on-map div.marker-content div.marker-description div.marker-name a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    height: 20px;
    line-height: 20px;
}

div.marker-on-map div.marker-content div.marker-description div.marker-rating {
    height: 24px;
    line-height: 24px;
}

div.marker-on-map div.marker-content div.marker-description div.marker-address {
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    margin: 0 0 5px 0;
    overflow: hidden;
}

div.marker-on-map div.marker-content div.marker-description div.marker-link a {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    display: block;
}

div.marker-on-map div.marker-content div.marker-description div.marker-link a i {
    padding-right: 6px;
}

div.marker-on-map div.marker-close,
div.marker-on-map div.marker-close i {
    display: none;
}

div.marker-on-map:hover div.marker-close i {
    display: block;
}

div.marker-on-map div.marker-close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

div.marker-on-map div.marker-close i {
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

/**********************************************************/
/*********************INDUSTRIES*TABS**********************/
/**********************************************************/

div#industries-tabs {
    height: 60px;
    clear: both;
    min-width: 960px;
}

ul.industries-tabs {
    height: 60px;
    overflow: hidden;
    clear: both;
    max-width: 940px;
}

ul.industries-tabs li {
    float: left;
    height: 60px;
    margin-left: 10px;
}

ul.industries-tabs li.first {
    margin-left: 0;
}

ul.industries-tabs li.label {
    line-height: 60px;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 0;
    width: 200px;
}

ul.industries-tabs li a {
    display: block;
    height: 38px;
    width: 38px;
    margin: 10px 0;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 38px;
    text-align: center;
}

ul.industries-tabs li a i {
    display: block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    -webkit-transition: font-size 0.25s ease;
    -moz-transition: font-size 0.25s ease; /* Mozilla fix */
}

ul.industries-tabs li a:hover i {
    font-size: 1.333333em;
    -webkit-transition: font-size 0.25s ease;
    -moz-transition: font-size 0.25s ease; /* Mozilla fix */
}

/**********************************************************/
/**************************CONTENT*************************/
/**********************************************************/

div#content {
    min-width: 960px;
}

div#content-center,
div.content-center {
    float: left;
    width: 620px;
}

div#content-inner.sidebar-right div#content-center,
div#content-inner.sidebar-right div.content-center {
    margin-right: 20px;
}

div#content-inner.sidebar-left div#content-center,
div#content-inner.sidebar-left div.content-center {
    margin-left: 20px;
}

div#content-center div.title {
    font-weight: 300;
    font-size: 18px;
    padding: 40px 0;
    text-transform: uppercase;
}

/**********************************************************/
/**************************SIDEBAR*************************/
/**********************************************************/

div#content-inner.sidebar-right div#sidebar {
    float: right;
}

div#content-inner.sidebar-left div#sidebar {
    float: left;
}

div#sidebar {
    width: 300px;
    padding-bottom: 40px;
}

div#sidebar > div {
    margin: 40px 0 0 0;
}

div#sidebar div.title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

div#sidebar div.block-title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}

div#sidebar ul li {
    height: 30px;
}

div#sidebar ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
}

div#sidebar ul li a:hover {
    padding: 0 0 0 20px;
}

div.sidebar-post {
    height: 80px;
    margin-bottom: 20px;
}

div.sidebar-post div.sidebar-post-image {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
}

div.sidebar-post div.sidebar-post-content {
    width: 300px;
    height: 80px;
    overflow: hidden;
}

div.sidebar-post.with-image div.sidebar-post-content {
    width: 210px;
    float: left;
}

div.sidebar-post div.sidebar-post-content div.sidebar-post-title a {
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    display: block;
}

div#latest-posts div.sidebar-post div.sidebar-post-content div.sidebar-post-title a {
    height: 60px;
}

div.sidebar-post div.sidebar-post-content div.sidebar-post-desc {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

div.sidebar-post div.sidebar-post-content div.sidebar-post-more {
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

div.sidebar-post div.sidebar-post-content div.sidebar-post-more i {
    margin-right: 5px;
}

div#two-images-banner a {
    width: 140px;
    height: 140px;
    display: block;
    float: left;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

div#two-images-banner a:first-child {
    margin-right: 20px;
}

div#one-image-banner a {
    width: 300px;
    height: 250px;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

div#sidebar div#lang_sel,
div#sidebar form#searchform {
    display: none;
}

/**********************SIDEBAR*SEARCH**********************/

form#sidebar-search {
    height: 40px;
    margin-bottom: 40px;
}

form#sidebar-search input {
    display: block;
    float: left;
    width: 40px;
}

form#sidebar-search input[type="text"] {
    width: 228px;
    padding-right: 55px;
}

form#sidebar-search div.submit {
    font-size: 0;
    width: 38px;
    height: 38px;
    margin-left: -40px;
    float: right;
}

form#sidebar-search div.submit i {
    text-align: center;
    font-size: 14px;
}

/**********************BLOG*CATEGORIES*********************/

div#blog-categories ul li {
    height: 50px;
}

div#blog-categories ul li a {
    height: 50px;
    line-height: 50px;
}

div#blog-categories ul li.active a {
    padding: 0 0 0 20px;
}

/***********************COMPANY*PAGE***********************/

div#company-page-map {
    width: 300px;
    height: 300px;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease; /* Mozilla fix */
}

div#company-page-map:hover {
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease; /* Mozilla fix */
}

div#content.company div#sidebar table,
div#content.company div#sidebar table tr {
    width: 100%;
}

div#content.company div#sidebar table tr td {
    width: 48%;
    padding: 1%;
}

div#content.company div#sidebar table tr td.detail-label {
    font-weight: bold;
}

div#content.company div#sidebar form#contact-single-message-form input[type="text"],
div#content.company div#sidebar form#contact-single-message-form textarea {
    width: 268px;
    margin-bottom: 10px;
}

div#content.company div#sidebar form#contact-single-message-form textarea {
    height: 100px;
}

div#content.company div#sidebar form#contact-single-message-form div.submit input[type="submit"] {
    padding-left: 20px;
    width: 300px;
}

div#content.company div#sidebar form#contact-single-message-form div.submit i {
    padding-left: 95px;
}

/**********************************************************/
/*************************ERROR*404************************/
/**********************************************************/

div#error-no-found div.title {
    font-weight: 300;
    font-size: 18px;
    padding: 40px 0;
    text-transform: uppercase;
}

div#error-no-found div.text {
    line-height: 20px;
    padding: 5px 0;
    text-transform: uppercase;
}

/**********************************************************/
/*************************CONTACT*US***********************/
/**********************************************************/

div#contact-page-map {
    width: 616px;
    height: 336px;
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease; /* Mozilla fix */
}

div#contact-page-map:hover {
    -webkit-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease; /* Mozilla fix */
}

div#contact-message form,
div#comment-message form,
div#respond form {
    padding: 40px;
}

div#respond form {
    margin-bottom: 40px;
}

div#contact-message form input[type="text"],
div#comment-message form input[type="text"],
div#respond form input[type="text"] {
    margin: 0 0 20px 0;
    width: 508px;
}

div#contact-message form input[type="text"].one-line,
div#comment-message form input[type="text"].one-line,
div#respond form input[type="text"].one-line {
    width: 228px;
    float: left;
}

div#contact-message form input[type="text"][name="name"].one-line,
div#comment-message form input[type="text"][name="author"].one-line,
div#respond form input[type="text"][name="author"].one-line {
    margin-right: 20px;
}

div#contact-message form textarea,
div#comment-message form textarea,
div#respond form textarea {
    width: 508px;
    min-height: 160px;
}

div#contact-message form div.submit,
div#comment-message form div.submit,
div#respond form div.submit {
    padding: 0 15px;
    margin-top: 20px;
    width: 108px;
}

div#contact-message form input[type="submit"],
div#comment-message form input[type="submit"],
div#respond form input[type="submit"] {
    padding-left: 20px;
    width: 140px;

}

div#contact-message form input[type="submit"]:hover,
div#comment-message form input[type="submit"]:hover,
div#respond form input[type="submit"]:hover {

}

div#contact-details div.company-address,
div#contact-details div.company-hours {
    float: left;
    width: 300px;
}

div#contact-details div.company-address {
    margin-right: 20px;
}

div#contact-details div.company-address div.detail {
    height: 40px;
    margin-bottom: 20px;
}

div#contact-details div.company-address div.detail.email {
    margin-bottom: 0;
}

div#contact-details div.company-address div.detail > div {
    float: left;
    height: 40px;
}

div#contact-details div.company-address div.detail div.detail-icon {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

div#contact-details div.company-address div.detail div.detail-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease; /* Mozilla fix */
}

div#contact-details div.company-address div.detail:hover div.detail-icon i {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease; /* Mozilla fix */
}

div#contact-details div.company-address div.detail div.detail-content {
    height: 40px;
    width: 250px;
    line-height: 20px;
    overflow: hidden;
}

div#contact-details div.company-address div.detail div.detail-content span {
    font-weight: bold;
}

div#contact-details div.company-hours table {
    width: 100%;
}

div#contact-details div.company-hours table tr {
    height: 40px;
}

div#contact-details div.company-hours table tr td.opening-label {
    font-weight: bold;
}

/**********************************************************/
/**************************ABOUT*US************************/
/**********************************************************/

div#about-us-block {
    padding: 40px 0;
    margin: 0 -10px;
}

div#about-us-block div.person {
    float: left;
    width: 300px;
    height: 420px;
    margin: 10px;
}

div#about-us-block div.person div.person-photo {
    width: 300px;
    height: 300px;
}

div#about-us-block div.person div.person-photo img {
    width: 300px !important;
    height: 300px !important;
}

div#about-us-block div.person div.person-description {
    padding: 15px 20px 0 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 25px;
}

div#about-us-block div.person div.person-description div.name {
    font-size: 18px;
}

div#about-us-block div.person div.social-1 ul { width: 35px; }
div#about-us-block div.person div.social-2 ul { width: 70px; }
div#about-us-block div.person div.social-3 ul { width: 105px; }
div#about-us-block div.person div.social-4 ul { width: 140px; }
div#about-us-block div.person div.social-5 ul { width: 175px; }
div#about-us-block div.person div.social-6 ul { width: 210px; }

div#about-us-block div.person div.person-social ul {
    margin: 0 auto;
    display: block;
    height: 40px;
}

/**********************************************************/
/*************************SIMPLE*PAGE**********************/
/**********************************************************/

div#content.sample div#content-center {
    padding: 40px 0;
}

div#content.sample div.project-image {
    width: 940px;
    height: 460px;
    margin: 40px 0 0 0;
}

div#content.sample div.project-image img {
    width: 940px !important;
    height: 460px !important;
}

/**********************************************************/
/****************CATEGORY*AND*BLOG*LIST*PAGE***************/
/**********************************************************/

div#content.caterogy-list div#content-center,
div#content.blog-list div#content-center {
    padding-bottom: 40px;
}

div#content.blog-list-search div#content-center {
    padding-bottom: 40px;
}

div#content.blog-list-search div#content-center div.title {
    padding: 40px 0 0 0;
}

div.blog-list-preview {
    margin-top: 40px;
}

div.blog-list-preview div.blog-list-image {
    margin-bottom: 4px;
    width: 620px;
    height: 330px;
}

div.blog-list-preview div.blog-list-image a {
    width: 620px;
    height: 330px;
    display: block;
}

div.blog-list-preview div.blog-list-image a img {
    width: 620px !important;
    height: 330px !important;
}

div.blog-list-preview div.blog-list-title-comments {
    height: 40px;
    margin-bottom: 4px;
}

div.blog-list-preview div.blog-list-title-comments div.blog-list-title {
    float: left;
    height: 40px;
}

div.blog-list-preview div.blog-list-title-comments div.blog-list-title a {
    padding: 5px 0 5px 20px;
    line-height: 30px;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
}

div.blog-list-preview div.blog-list-title-comments div.blog-list-comments {
    float: right;
    height: 40px;
}

div.blog-list-preview div.blog-list-title-comments div.blog-list-comments a {
    padding: 5px 15px;
    line-height: 30px;
    display: block;
    font-weight: bold;
}

div.blog-list-preview div.blog-list-title-comments div.blog-list-comments a i {
    padding-right: 5px;
}

div.blog-list-preview div.blog-list-description {
    margin-bottom: 4px;
    padding: 12px 20px;
}

div.blog-list-preview div.blog-list-links {
    height: 40px;
}

div.blog-list-preview div.blog-list-links div.blog-list-meta {
    float: left;
    padding: 5px 0 5px 20px;
    line-height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    width: 480px;
    height: 30px;
}

div.blog-list-preview div.blog-list-links div.blog-list-meta i {
    padding-right: 8px;
}

div.blog-list-preview div.blog-list-links div.blog-list-meta > span {
    padding-right: 8px;
    height: 30px;
    display: block;
    float: left;
}

div.blog-list-preview div.blog-list-links div.blog-list-more-link {
    float: right;
    height: 40px;
}

div.blog-list-preview div.blog-list-links div.blog-list-more-link a {
    display: block;
    height: 38px;
    padding: 0 10px;
    line-height: 38px;
    font-weight: bold;
}

div.blog-list-preview div.blog-list-links div.blog-list-more-link a i {
    padding-right: 8px;
}

div.older-posts {
    height: 40px;
    margin-top: 40px;
}

div.older-posts a {
    float: right;
    display: block;
    height: 38px;
    padding: 0 10px;
    line-height: 38px;
    margin-left: 4px;
    font-weight: bold;
}

div.older-posts a i {
    padding-right: 8px;
}

/**********************************************************/
/**************************BLOG*PAGE***********************/
/**********************************************************/

div#content.blog-post div#content-center {
    padding: 40px 0;
}

div.blog-post-image {
    width: 620px;
    height: 330px;
    margin-bottom: 30px;
}

div.blog-post-image a {
    display: block;
    width: 620px;
    height: 330px;
}

div.blog-post-image a img {
    width: 620px !important;
    height: 330px !important;
}

div.blog-post-info {
    margin: 30px 0 20px 0;
    height: 40px;
}

div.blog-post-info div.blog-post-meta {
    float: left;
    padding: 5px 0 5px 20px;
    line-height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    width: 390px;
    height: 30px;
}

div.blog-post-info div.blog-post-meta > span {
    padding-right: 8px;
}

div.blog-post-info div.blog-post-social {
    float: right;
}

/**********************************************************/
/*********************COMPANY*LIST*PAGE********************/
/**********************************************************/

div#content.company-list div#content-center div.title {
    padding: 40px 0 20px 0;
}

div#content.company-list div#content-center div.pager-top {
    margin-top: -84px;
}

div#content.company-list div#content-center div.pager-top div.pager {
    margin: 40px 0 16px 0;
}

div.company-listing {
    padding: 20px 0;
    height: 140px;
    overflow: hidden;
    position: relative;
}

div.company-listing-image {
    width: 140px;
    height: 140px;
    float: left;
}

div.company-listing-image img {
    width: 140px !important;
    height: 140px !important;
}

div.company-listing-body {
    padding: 0 20px;
    float: left;
    width: 440px;
    height: 140px;
    overflow: hidden;
}

div.company-listing-edit-link {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
}

div.company-listing-edit-link a {
    display: block;
    line-height: 20px;
    height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

div.company-listing:hover div.company-listing-edit-link  {
    display: block;
}

div.company-listing-title {
    overflow: hidden;
    height: 20px;
    padding: 0 40px 0 0;
}

div.company-listing-title a {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    height: 20px;
}

div.company-listing-categories {
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

div.company-listing-text {
    line-height: 20px;
    height: 40px;
    margin: 15px 0;
    overflow: hidden;
}

div.company-listing-body.with-rating div.company-listing-text {
    margin: 5px 0;
}

div.company-listing-rating {
    margin: 5px 0 0 0;
}

div.company-listing-more a {
    font-weight: bold;
}

div.company-listing-more i {
    padding-right: 8px;
}

/**********************************************************/
/************************COMPANY*PAGE**********************/
/**********************************************************/

div#content.company ul.company-tabs {
    padding: 40px 0 0 0;
    height: 40px;
}

div#content.company ul.company-tabs li {
    float: left;
    height: 40px;
    margin: 0 2px 0 0;
}

div#content.company ul.company-tabs li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: bold;
}

/************************COMPANY*TAB***********************/

div#content.company div#company-tabs-page div#content-center,
div#content-inner.company-single div#content-center {
    padding: 40px 0 0 0;
}

div#company-page-photo div {
    width: 620px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

div#company-page-info {
    padding: 40px 0 0 0;
}

div.company-page-thumabnail-social {
    width: 120px;
    float: left;
}

div.company-page-thumabnail img {
    display: block;
    width: 120px !important;
    height: 120px !important;
}

div.company-page-social {
    margin: 4px 0 0 0;
    padding: 5px 5px 10px 10px;
}

div.company-page-social li {
    padding: 5px 5px 0 0;
}

div.company-page-info-description {
    padding-left: 140px;
}

div.company-page-title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
}

div.company-page-categories a {
    font-weight: bold;
}

div.company-page-representation {
    font-weight: bold;
}

div.company-page-representation,
div.company-page-description {
    padding: 20px 0 0 0;
    line-height: 20px;
}

div.company-page-content {
    clear: both;
}

div.company-page-content div.title {
    padding: 40px 0 30px 0 !important;
}

div.company-page-tags div.title {
    padding: 30px 0 40px 0 !important;
}

div.company-page-tags ul li {
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    float: left;
    margin: 0 10px 10px 0;
}

/***********************PORTFOLIO*TAB**********************/

div#portfolio-container {
    padding: 40px 0;
}

div#portfolio-container.column-2 {
    margin: -20px;
}

div#portfolio-container.column-3,
div#portfolio-container.column-4 {
    margin: -10px;
}

div#portfolio-container.column-1 div.portfolio-item {
    margin-bottom: 40px;
}

div#portfolio-container.column-2 div.portfolio-item {
    margin: 20px;
    float: left;
}

div#portfolio-container.column-3 div.portfolio-item,
div#portfolio-container.column-4 div.portfolio-item {
    margin: 10px;
    float: left;
}

div#portfolio-container.column-1 div.portfolio-item:last-child {
    margin-bottom: 0;
}

div#portfolio-container div.portfolio-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#portfolio-container.column-1 div.portfolio-image {
    width: 940px;
    height: 460px;
}

div#portfolio-container.column-2 div.portfolio-image {
    width: 450px;
    height: 230px;
}

div#portfolio-container.column-3 div.portfolio-image {
    width: 300px;
    height: 160px;
}

div#portfolio-container.column-4 div.portfolio-image {
    width: 220px;
    height: 140px;
}

div#portfolio-container div.portfolio-description {
    margin-top: 2px;
}

div#portfolio-container.column-1 div.portfolio-description {
    height: 60px;
}

div#portfolio-container.column-2 div.portfolio-description,
div#portfolio-container.column-3 div.portfolio-description {
    height: 40px;
}

div#portfolio-container.column-4 div.portfolio-description {
    height: 30px;
}

div#portfolio-container div.portfolio-description div.portfolio-title {
    float: left;
    height: 20px;
    line-height: 20px;
}

div#portfolio-container.column-1 div.portfolio-description div.portfolio-title {
    padding: 20px;
    font-size: 18px;
    text-transform: uppercase;
}

div#portfolio-container.column-2 div.portfolio-description div.portfolio-title {
    padding: 10px 15px;
    font-size: 16px;
    text-transform: uppercase;
}

div#portfolio-container.column-3 div.portfolio-description div.portfolio-title {
    padding: 10px 15px;
    font-size: 14px;
}

div#portfolio-container.column-4 div.portfolio-description div.portfolio-title {
    padding: 5px 10px;
    font-size: 12px;
}

div#portfolio-container div.portfolio-description div.portfolio-zoom,
div#portfolio-container div.portfolio-description div.portfolio-link {
    float: right;
}

div#portfolio-container.column-1 div.portfolio-description div.portfolio-zoom,
div#portfolio-container.column-1 div.portfolio-description div.portfolio-link {
    width: 60px;
    height: 60px;
}

div#portfolio-container.column-2 div.portfolio-description div.portfolio-zoom,
div#portfolio-container.column-2 div.portfolio-description div.portfolio-link,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-zoom,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-link {
    width: 40px;
    height: 40px;
}

div#portfolio-container.column-4 div.portfolio-description div.portfolio-zoom,
div#portfolio-container.column-4 div.portfolio-description div.portfolio-link {
    width: 30px;
    height: 30px;
}

div#portfolio-container div.portfolio-description div.portfolio-zoom a,
div#portfolio-container div.portfolio-description div.portfolio-link a {
    display: block;
}

div#portfolio-container.column-1 div.portfolio-description div.portfolio-zoom a,
div#portfolio-container.column-1 div.portfolio-description div.portfolio-link a {
    width: 60px;
    height: 60px;
}

div#portfolio-container.column-2 div.portfolio-description div.portfolio-zoom a,
div#portfolio-container.column-2 div.portfolio-description div.portfolio-link a,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-zoom a,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-link a {
    width: 40px;
    height: 40px;
}

div#portfolio-container.column-3 div.portfolio-description div.portfolio-zoom a,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-link a {
    width: 30px;
    height: 30px;
}

div#portfolio-container div.portfolio-description div.portfolio-zoom a i,
div#portfolio-container div.portfolio-description div.portfolio-link a i {
    display: block;
    text-align: center;
}

div#portfolio-container.column-1 div.portfolio-description div.portfolio-zoom a i,
div#portfolio-container.column-1 div.portfolio-description div.portfolio-link a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 2em;
}

div#portfolio-container.column-2 div.portfolio-description div.portfolio-zoom a i,
div#portfolio-container.column-2 div.portfolio-description div.portfolio-link a i,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-zoom a i,
div#portfolio-container.column-3 div.portfolio-description div.portfolio-link a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.333333em;
}

div#portfolio-container.column-4 div.portfolio-description div.portfolio-zoom a i,
div#portfolio-container.column-4 div.portfolio-description div.portfolio-link a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1em;
}

/************************EVENTS*TAB************************/

img.event-trobber {
    display: block;
    padding: 157px 245px;
    width: 130px;
    height: 16px;
}

div#content.company div#company-tabs-events div.content-center {
    padding: 40px 0;
}

div#events_list ul {
    margin-top: -20px;
}

div#events_list ul li {
    padding: 10px 0;
    clear: both;
    height: inherit;
}

div#events_list ul li div.event-date {
    float: left;
    width: 40px;
    height: 60px;
    padding-right: 10px;
    text-align: center;
    font-weight: bold;
}

div#events_list ul li div.event-day-month {
    width: 40px;
    height: 40px;
}

div#events_list ul li div.event-day {
    font-size: 18px;
    line-height: 26px;
}

div#events_list ul li div.event-month {
    line-height: 16px;
    margin-top: -4px;
}

div#events_list ul li div.event-desc-title {
    line-height: 20px;
    margin-top: -4px;
}

div#events_list ul li div.event-desc-title a {
    font-weight: bold;
    line-height: 20px;
    height: inherit;
}

div#events_list ul li div.event-desc-place {
    line-height: 20px;
}

div#events_list ul li div.event-year,
div#events_list ul li div.event-desc-autor {
    line-height: 20px;
}

div#content.company div#company-tabs-events ul.social-links li {
    border: none;
    height: 30px;
}

div#content.company div#company-tabs-events ul.social-links li a:hover {
    padding: 0;
    color: inherit;
}

div#content.company div#company-tabs-events div.ajax-content div.blog-list-preview {
    margin: 0;
}

div#content.company div#company-tabs-events div.ajax-content div.blog-list-preview div.blog-list-title-comments div.blog-list-title a:hover {
    color: inherit;
}

/*************************BLOG*TAB*************************/

div#company-tabs-blog div#content-center {
    padding: 0 0 40px 0;
}

/**********************************************************/
/***********************SEARCHS*PAGES**********************/
/**********************************************************/

div#content.search-adv div#content-center,
div#content.search-list div#content-center {
    padding-bottom: 40px;
}

div#content.search-list div#content-center div.title.category {
    padding: 40px 0 20px 0;
}

div#search-sorting {
    clear: both;
    margin: -10px 0 20px 0;
}

div#search-sorting label {
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    padding-right: 15px;
    line-height: 40px;
}
div#search-sorting .jquery-selectbox-currentItem {
    text-transform:capitalize;
}

/**********************************************************/
/***************************PAGER**************************/
/**********************************************************/

div.pager {
    margin: 40px 0;
    clear: both;
    height: 30px;
}

div.pager ul {
    float: right;
    height: 30px;
}

div.pager ul li {
    float: left;
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

div.pager ul li a {
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
}

/**********************************************************/
/**************************COMMENTS************************/
/**********************************************************/

div.older-coments {
    height: 40px;
    margin-top: 40px;
}

div.older-coments a {
    float: right;
    display: block;
    height: 38px;
    padding: 0 10px;
    line-height: 38px;
    margin-left: 4px;
    font-weight: bold;
}

div.older-coments a i {
    padding-right: 8px;
}

#reply-title {
    position: relative;
}

#reply-title small {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 0 40px 0;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}

#reply-title:hover small {
    display: block;
}

div#comments div.title {
    padding: 20px 0 40px 0 !important;
}

div#comments.with-rating div.title {
    padding: 40px 0 !important;
}

.logged-in-as {
    height: 30px;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}

ul.commentlist ul.children li.comment div.comment {
    padding-left: 20px;
}

ul.commentlist li.comment,
ul.commentlist div.comment {
    clear: both;
}

ul.commentlist div.comment {
    padding-bottom: 20px;
}

ul.commentlist div.comment div.comment-user-picture {
    float: left;
    width: 80px;
    height: 80px;
}

ul.commentlist div.comment div.comment-user-picture img {
    width: 80px !important;
    height: 80px !important;
}

ul.commentlist div.comment div.comment-body {
    padding-left: 100px;
    position: relative;
}

ul.commentlist div.comment div.comment-body div.comment-links {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

ul.commentlist div.comment div.comment-body div.comment-links a {
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.commentlist div.comment:hover div.comment-body div.comment-links {
    display: block;
}

ul.commentlist div.comment div.comment-body div.comment-author {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

/**********************************************************/
/***************************RATING*************************/
/**********************************************************/

div.rating-stars-box i {
    display: block;
    width: 59px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    float: left;
    margin-right: -1px;
}

div.rating-send {
    padding: 40px;
}

div.rating-details {
    float: left;
}

div.rating-details input,
div.rating-details textarea {
    margin-bottom: 20px;
    width: 230px;
}

div.rating-details button {
    height: 38px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    cursor: pointer;
    font-weight: bold;
    padding: 0 15px;
    margin: 0;
}

div.rating-details button:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

div.rating-details textarea {
    min-height: 138px;
}

div.ratings {
    float: right;
}

div.rating > div {
    float: left;
}

div.rating {
    height: 38px;
    line-height: 38px;
    margin-bottom: 20px;
    padding: 0 15px;
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease; /* Mozilla fix */
}

div.rating:hover {
    -webkit-transition: border 0.5s ease;
    -moz-transition: border 0.5s ease; /* Mozilla fix */
}

div.rating div.rating-title {
    width: 100px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}


div.rating:hover div.rating-title {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

div.rating i {
    height: 30px;
    width: 25px;
    text-align: center;
    line-height: 30px;
    margin: 4px 0;
    cursor: pointer;
    display: block;
    float: left;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

div.rating:hover i {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease; /* Mozilla fix */
}

div.user-rating {
    padding-bottom: 20px;
}

div.user-rating div.value {
    position: relative;
    width: 108px;
    height: 38px;
    text-align: center;
    line-height: 19px;
    padding: 20px;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.user-rating div.value:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Mozilla fix */
}

div.user-rating div.value div.showall {
    text-transform: uppercase;
    font-weight: bold;
}

div.user-rating div.value div.user-values {
    position: absolute;
    display: none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE 5.5+*/
    -moz-opacity: 0; /* Mozilla 1.6 */
    -khtml-opacity: 0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    width: 488px;
    height: 38px;
    line-height: 19px;
    padding: 20px;
    top: -1px;
    left: 170px;
}

div.user-rating div.value div.user-values div.user-rating-send {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
}

div.user-rating div.value:hover div.user-values {
    display: block;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1; /* Mozilla 1.6 */
    -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

div.user-rating div.stars-description {
    padding-left: 170px;
}

div.user-rating div.stars-description div.stars-name {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

/**********************************************************/
/*********************WELCOME*AND*CUSTOM*******************/
/**********************************************************/

div#welcome,
div#custom-home-block {
    padding: 40px 0;
}

div#welcome div.welcome-left {
    float: left;
    width: 120px;
    height: 88px;
}

div#welcome div.welcome-right {
    float: left;
    padding: 15px 0;
    width: 820px;
}

div#welcome div.title,
div#custom-home-block div.title {
    font-weight: 300;
    font-size: 18px;
}

div#welcome div.welcome-text,
div#custom-home-block div.custom-home-block-text {
    line-height: 20px;
    padding: 5px 0;
    text-transform: uppercase;
}

/**********************************************************/
/**********************CATEGORIES*MENU*********************/
/**********************************************************/

div#categories {
    padding: 35px 10px;
}

div#categories ul {
    margin: 0 -5px;
}

div#categories ul li.categories-menu-item,
div#categories ul li.categories-menu-item-image {
    float: left;
    width: 180px;
    height: 160px;
    margin: 5px;
}

div#categories ul li.categories-menu-item a,
div#categories ul li.categories-menu-item-image a {
    display: block;
    width: 180px;
    height: 160px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#categories ul li.categories-menu-item a i {
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transition: font-size 0.25s ease;
    -moz-transition: font-size 0.25s ease; /* Mozilla fix */
}

div#categories ul li.categories-menu-item a span.name,
div#categories ul li.categories-menu-item-image a span.name {
    position: absolute;
    bottom: 15px;
    left: 20px;
    display: block;
    line-height: 20px;
    overflow: hidden;
    height: 20px;
    font-weight: bold;
}

div#categories ul li.categories-menu-item a span.count {
    position: absolute;
    right: 15px;
    bottom: 15px;
    line-height: 25px;
    padding: 0 8px;
    font-weight: 900;
}

div#categories ul li.categories-menu-item a:hover i {
    font-size: 6em;
    -webkit-transition: font-size 0.25s ease;
    -moz-transition: font-size 0.25s ease; /* Mozilla fix */
}

/**********************************************************/
/*************************FEATURED*************************/
/**********************************************************/

div#featured-companies {
    padding: 30px 0;
}

div#featured-companies div.title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

div#featured-companies ul.slides {
    height: 220px;
    padding-top: 30px;
}

div#featured-companies ul.slides li {
    height: 220px;
}

div#featured-carusel {
    position: relative;
}

div#featured-carusel ol {
    position: absolute;
    right: 0;
    top: -20px;
}

div#featured-carusel ol li {
    float: left;
    height: 26px;
    width: 18px;
    margin-left: 10px;
    text-align: center;
}

div#featured-carusel ol li a {
    display: block;
    height: 23px;
    width: 18px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    font-weight: bold;
}

div#featured-companies div.featured-companies-desc {
    width: 880px;
    height: 160px;
    padding: 30px;
}

div#featured-companies li.with-image div.featured-companies-image {
    float: left;
    width: 220px;
    height: 220px;
}

div#featured-companies li.with-image  div.featured-companies-image img {
    width: 220px !important;
    height: 220px !important;
}

div#featured-companies li.with-image div.featured-companies-desc {
    float: left;
    width: 660px;
    height: 160px;
    padding: 30px;
}

div#featured-companies div.featured-companies-desc div.featured-companies-title a {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

div#featured-companies div.featured-companies-desc div.featured-companies-categories {
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

div#featured-companies div.featured-companies-desc div.featured-companies-rating {
    padding: 2px 0 0 0;
}

div#featured-companies div.featured-companies-desc div.featured-companies-description {
    margin: 20px 0;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

div#featured-companies div.featured-companies-desc.with-rating div.featured-companies-description {
    margin: 5px 0 10px 0;
}

div#featured-companies div.featured-companies-desc div.featured-companies-more {
    height: 40px;
    line-height: 40px;
}

div#featured-companies div.featured-companies-desc div.featured-companies-more a {
    padding: 10px 15px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
}

div#featured-companies div.featured-companies-desc div.featured-companies-more a i {
    padding-right: 10px;
}

/**********************************************************/
/*************************SUBSCRIBE************************/
/**********************************************************/

div#subscribe {
    padding: 40px 0 0 0;
}

div#subscribe div.title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

/**************************PRICING*************************/

div#subscribe div.pricing-table {
    padding: 40px 0;
    margin: 0 -10px;
}

div#subscribe div.pricing-table div.pricing-column {
    float: left;
    width: 220px;
    margin: 0 10px;
}

div#subscribe div.pricing-table div.pricing-column > div {
    margin-bottom: 2px;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-header {
    height: 20px;
    padding: 15px 0;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost {
    height: 100px;
    overflow: hidden;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost div.price-free {
    text-align: center;
    line-height: 100px;
    font-weight: 300;
    font-size: 60px;
    text-transform: uppercase;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost div.price-currency {
    font-size: 30px;
    min-width: 40px;
    text-align: right;
    line-height: 30px;
    height: 30px;
    padding: 35px 0 35px 10px;
    float: left;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost div.price-big {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    height: 60px;
    padding: 20px 2px 20px 2px;
    float: left;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost div.price-small {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
    height: 34px;
    padding: 22px 0 0 0;
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cost div.price-period {
    text-transform: uppercase;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

div#subscribe div.pricing-table div.pricing-column div.pricing-cell {
    height: 20px;
    padding: 15px 0;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
}

/************************SUBSCRIPTION**********************/

div#subscribe div.subscription-table {
    padding: 40px 0;
    margin: 0 -10px;
}

div#subscribe div.subscription-table div.subscription-column {
    float: left;
    margin: 0 10px;
    width: 460px;
    padding: 0 0 35px 0;
    min-height: 282px;
}

div#subscribe div.subscription-table div.subscription-column div.subscription-header {
    height: 20px;
    padding: 15px 0;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

div#subscribe div.subscription-table div.subscription-column div.subscription-body > label {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    height: 20px;
    padding: 40px 0 20px 0;
}

div#subscribe div.subscription-table div.subscription-column ul.radio-buttons {
    padding: 0 0 0 145px;
}

div#subscribe div.subscription-table div.subscription-column ul.radio-buttons li {
    padding: 5px 0;
}

div#subscribe div.subscription-table div.subscription-column input[type="text"] {
    width: 350px;
    margin: 5px 40px;
}

div#subscribe div.subscription-table div.subscription-footer {
    clear: both;
    padding: 40px;
    text-align: center;
    margin: 20px 10px 0 10px;
}

div#subscribe div.subscription-table div.subscription-footer div.submit {
    margin: 0 auto;
    width: 218px;
    height: 48px;
    line-height: 20px;
    text-align: left;
}

div#subscribe div.subscription-table div.subscription-footer div.submit i {
    height: 48px;
    width: 48px;
    line-height: 48px;
    margin-left: 68px;
}

div#subscribe div.subscription-table div.subscription-footer div.submit input[type="submit"] {
    height: 50px;
    text-align: center;
    padding-left: 20px;
    line-height: 48px;
    width: 220px;
}

/**********************************************************/
/*************************PARTNERS*************************/
/**********************************************************/

div#partners {
    padding: 30px 0;
}

div#partners div.title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

div#partners-carusel {
    position: relative;
}
div#partners-carusel ul {
    padding-top: 30px;
}

div#partners-carusel ul li a,
div#partners-carusel ul li span {
    float: left;
    display: block;
    width: 180px;
    height: 120px;
    margin: 4px;
}

div#partners-carusel ol {
    position: absolute;
    right: 0;
    top: -20px;
}

div#partners-carusel ol li {
    float: left;
    height: 14px;
    width: 14px;
    margin-left: 6px;
}

div#partners-carusel ol li a {
    display: block;
    height: 12px;
    width: 12px;
    font-size: 0;
    cursor: pointer;
}

/**********************************************************/
/**************************FOOTER**************************/
/**********************************************************/

div#footer {
    height: 266px;
    overflow: hidden;
    min-width: 960px;
}

div#footer div.block {
    float: left;
    width: 220px;
    margin: 0 20px 40px 0;
}

div#footer div.flickr-feed.block,
div#footer div.block:last-child {
    margin-right: 0;
}

div#footer div.block div.title h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 30px 0;
    line-height: 20px;
    width: 220px;
    overflow: hidden;
}

div#footer div.block div.block-content {
    height: 146px;
    width: 220px;
    overflow: hidden;
}

div#footer div.description-text div.block-content {
    padding: 12px 10px 14px 20px;
    height: 120px;
    width: 190px;
}

div#footer div.description-text div.block-content p {
    height: 120px;
    width: 190px;
    overflow: hidden;
}

/***********************TWITTER*BLOCK**********************/

div#footer div.twitter-feed div.block-content iframe {
    height: 146px !important;
    width: 220px !important;
    border-radius: 0 !important;
}

/*********************RECENT*POSTS*BLOCK*******************/

div#footer div.recent-posts div.block-content ul {
    clear: both;
    height: 146px;
    width: 220px;
}

div#footer div.recent-posts div.block-content ul li {
    height: 47px;
    padding-bottom: 2px;
}

div#footer div.recent-posts div.block-content ul li:last-child {
    height: 48px;
    padding-bottom: 0;
}

div#footer div.recent-posts div.block-content ul li a {
    display: block;
    line-height: 47px;
    height: 47px;
    width: 180px;
    padding: 0 20px;
    overflow: hidden;
}

div#footer div.recent-posts div.block-content ul li:last-child a {
    line-height: 48px;
    height: 48px;
}

/**********************FLICKR*FEED*BLOCK*******************/

div#footer div.flickr-feed div.block-content ul {
    clear: both;
    margin: -1px;
    height: 148px;
    width: 222px;
}

div#footer div.flickr-feed div.block-content ul li {
    float: left;
    height: 72px;
    width: 72px;
    padding: 1px;
}

div#footer div.flickr-feed div.block-content ul li a {
    display: block;
    height: 72px;
    width: 72px;
}

div#footer div.flickr-feed div.block-content ul li a img {
    height: 72px !important;
    width: 72px !important;
}

/**********************************************************/
/*************************COPYRIGHT************************/
/**********************************************************/

div#copyright {
    height: 40px;
    min-width: 960px;
}

div#copyright div.copyright-text {
    float: left;
    height: 40px;
    line-height: 40px;
}

div#copyright ul.social-links {
    float: right;
}

div#copyright ul.social-links li:last-child {
    padding: 5px 0;
}