@import"css/bootstrap-responsive.css";
@import"css/composer-custom.css";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}

input[type=submit] {
    -webkit-appearance: none;
}
html, body {
    overflow-x: hidden;
    position: relative;
}

::-moz-selection {
    background-color: #1abc9c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

::-webkit-selection {
    background-color: #1abc9c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

::selection {
    background-color: #1abc9c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
body {
    background: #f5f5f5;
    font-family: "Lato", sans-serif;
    color: #777;
    font-size: 13px;
    background-color: #f5f5f5;
    line-height: 21px;
}
ol, ul {
    list-style: none;
}
input[type=text]::-ms-clear {
    display: none;
}
p:empty {
    display: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family: 'basic-icons';
    src: url("font/basic-icons/font/fontello.eot");
    src: url("font/basic-icons/font/fontello.eot?#iefix") format('embedded-opentype'), url("font/basic-icons/font/fontello.woff") format('woff'), url("font/basic-icons/font/fontello.ttf") format('truetype'), url("font/basic-icons/font/fontello.svg#fontello") format('svg');
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    height: auto;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
}
[class^="elloicon-"]:before, [class*=" elloicon-"]:before {
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    text-decoration: inherit;
    font-family: 'basic-icons';
    font-style: normal;
    font-weight: normal !important;
    speak: none;
    line-height: 1em;
    margin-left: .2em;
}
.elloicon-behance:before {
    content: '\60';
}
.elloicon-blogger:before {
    content: '\ac';
}
.elloicon-delicious:before {
    content: '\31';
}
.elloicon-deviantart:before {
    content: '\21';
}
.elloicon-digg:before {
    content: '\32';
}
.elloicon-dribbble:before {
    content: '\22';
}
.elloicon-facebook:before {
    content: '\33';
}
.elloicon-flickr:before {
    content: '\a3';
}
.elloicon-forrst:before {
    content: '\34';
}
.elloicon-github:before {
    content: '\24';
}
.elloicon-googleplus:before {
    content: '\35';
}
.elloicon-instagram:before {
    content: '\25';
}
.elloicon-linkedin:before {
    content: '\36';
}
.elloicon-myspace:before {
    content: '\5e';
}
.elloicon-pinterest:before {
    content: '\37';
}
.elloicon-reddit:before {
    content: '\26';
}
.elloicon-rss:before {
    content: '\38';
}
.elloicon-skype:before {
    content: '\2a';
}
.elloicon-soundcloud:before {
    content: '\39';
}
.elloicon-stumbleupon:before {
    content: '\28';
}
.elloicon-tumblr:before {
    content: '\30';
}
.elloicon-twitter:before {
    content: '\29';
}
.elloicon-vimeo:before {
    content: '\2d';
}
.elloicon-wordpress:before {
    content: '\5f';
}
.elloicon-youtube:before {
    content: '\3d';
}
.elloicon-audio:before {
    content: '\71';
}
.elloicon-gallery:before {
    content: '\51';
}
.elloicon-image:before {
    content: '\77';
}
.elloicon-link:before {
    content: '\57';
}
.elloicon-pencil:before {
    content: '\65';
}
.elloicon-quote:before {
    content: '\45';
}
.elloicon-user:before {
    content: '\72';
}
.elloicon-video:before {
    content: '\52';
}
.elloicon-cancel-circle:before {
    content: '\74';
}
.elloicon-check:before {
    content: '\54';
}
.elloicon-info:before {
    content: '\79';
}
.elloicon-question:before {
    content: '\59';
}
.elloicon-warning:before {
    content: '\75';
}
.elloicon-arrow-left:before {
    content: '\61';
}
.elloicon-arrow-right:before {
    content: '\41';
}
.elloicon-arrow-left-open:before {
    content: '\73';
}
.elloicon-arrow-right-open:before {
    content: '\53';
}
.elloicon-arrow-left-thin:before {
    content: '\64';
}
.elloicon-arrow-right-thin:before {
    content: '\44';
}
.elloicon-arrow-left-thin-small:before {
    content: '\66';
}
.elloicon-arrow-right-thin-small:before {
    content: '\46';
}
.elloicon-left-circle:before {
    content: '\67';
}
.elloicon-right-circle:before {
    content: '\47';
}
.elloicon-left-dir:before {
    content: '\68';
}
.elloicon-right-dir:before {
    content: '\48';
}
.elloicon-minus:before {
    content: '\6a';
}
.elloicon-plus:before {
    content: '\4a';
}
.elloicon-minus-circle:before {
    content: '\6b';
}
.elloicon-plus-circle:before {
    content: '\4b';
}
.elloicon-up:before {
    content: '\6c';
}
.elloicon-down:before {
    content: '\4c';
}
.elloicon-attachment:before {
    content: '\5c';
}
.elloicon-bookmark:before {
    content: '\7c';
}
.elloicon-bullet:before {
    content: '\7a';
}
.elloicon-bullet-large:before {
    content: '\5a';
}
.elloicon-camera:before {
    content: '\78';
}
.elloicon-cancel:before {
    content: '\58';
}
.elloicon-clock:before {
    content: '\63';
}
.elloicon-cloud:before {
    content: '\43';
}
.elloicon-comment:before {
    content: '\76';
}
.elloicon-comments:before {
    content: '\56';
}

.elloicon-views:before {
    content: '\36';
}

.elloicon-download:before {
    content: '\62';
}
.elloicon-location:before {
    content: '\42';
}
.elloicon-menu:before {
    content: '\6e';
}
.elloicon-mail:before {
    content: '\2f';
}
.elloicon-mail-alt:before {
    content: '\3f';
}
.elloicon-phone:before {
    content: '\4e';
}
.elloicon-quote-alt:before {
    content: '\6d';
}
.elloicon-quote-left:before {
    content: '\4d';
}
.elloicon-quote-right:before {
    content: '\2c';
}
.elloicon-search:before {
    content: '\3c';
}
.elloicon-tag:before {
    content: '\2e';
}
.elloicon-tags:before {
    content: '\3e';
}

.elloicon-edit:before {
    content: '\65';
}
.elloicon-pause:before {
    content: '\E800';
}

.elloicon-edit {
    font-size: 24px;
    margin: 6px 0 0 -40px;
}

.social-icon.size-s {
    width: 16px;
    height: 16px;
    font-size: 10px;
}
.social-icon.size-m {
    width: 24px;
    height: 24px;
    font-size: 14px;
}
.social-icon.size-l {
    width: 32px;
    height: 32px;
    font-size: 18px;
}
.social-icon.size-xl {
    width: 48px;
    height: 48px;
    font-size: 22px;
}


@font-face {
    font-family: 'fontello';
    src: url('font/fontello-efa20193/font/font/fontello.eot?54301336');
    src: url('font/fontello-efa20193/font/fontello.eot?54301336#iefix') format('embedded-opentype'),
    url('font/fontello-efa20193/font/fontello.woff2?54301336') format('woff2'),
    url('font/fontello-efa20193/font/fontello.woff?54301336') format('woff'),
    url('font/fontello-efa20193/font/fontello.ttf?54301336') format('truetype'),
    url('font/fontello-efa20193/font/fontello.svg?54301336#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?54301336#fontello') format('svg');
  }
}
*/

[class^="player-icon-"]:before, [class*=" player-icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.player-icon-play:before { content: '\e800'; } /* '' */
.player-icon-play-circled2:before { content: '\e801'; } /* '' */
.player-icon-stop:before { content: '\e802'; } /* '' */
.player-icon-pause:before { content: '\e803'; } /* '' */
.player-icon-to-end:before { content: '\e804'; } /* '' */
.player-icon-to-end-alt:before { content: '\e805'; } /* '' */
.player-icon-to-start:before { content: '\e806'; } /* '' */
.player-icon-to-start-alt:before { content: '\e807'; } /* '' */
.player-icon-fast-fw:before { content: '\e808'; } /* '' */
.player-icon-thumbs-down:before { content: '\e809'; } /* '' */
.player-icon-fast-bw:before { content: '\e80a'; } /* '' */
.player-icon-thumbs-up:before { content: '\e80b'; } /* '' */
.player-icon-volume-off:before { content: '\e80c'; } /* '' */
.player-icon-volume-down:before { content: '\e80d'; } /* '' */
.player-icon-volume-up:before { content: '\e80e'; } /* '' */
.player-icon-resize-full:before { content: '\e80f'; } /* '' */
.player-icon-resize-small:before { content: '\e810'; } /* '' */
.player-icon-heart:before { content: '\e811'; } /* '' */
.player-icon-heart-empty:before { content: '\e812'; } /* '' */
.player-icon-play-circled:before { content: '\f144'; } /* '' */
.player-icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.player-icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.player-icon-share:before { content: '\f1e0'; } /* '' */
.player-icon-share-squared:before { content: '\f1e1'; } /* '' */


/*=============== wordpress specific styles ===============*/
.wp-caption {
    font-size:11px;
    margin:0;
    padding:0;
    overflow:hidden;
}
.wp-caption img {
    display:block;
    padding:0;
    margin:5px 0 4px 5px !important;
}
.wp-caption-text {
    display:inline;
    margin:0;
    padding:0 0 5px 7px;
    display:block;
} 
.sticky {}
.gallery-caption {}
.bypostauthor {}

.alignnone {
    padding:4px 0 4px 0;
    display:block;
    clear:both;	
}
.aligncenter, div.aligncenter {
    display:block;
    clear:both;
    margin:0 auto;
    padding:6px 0 6px 0;
    text-align:center;
}
.alignright, a img.alignright {
    float:right;
    margin:5px 0 7px 18px;
}
.alignleft, a img.alignleft {
    float:left;
    margin:5px 18px 7px 0;
}
.side-box {
    padding: 10px 0;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    background-color: #E6E6E6;
    text-align: center;
}
.side-box a:link, .side-box a:visited {
    font-weight: normal;
    color: #06c55b;
    font-size: 12px;
}
#wpadminbar {
    z-index: 1000000!important;
}
table {
    font-size: 12px;
    margin-bottom: 20px;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: "Lato", sans-serif;
    border: 1px solid #e0e0e0;
    padding: 8px 9px;
    outline: none;
    font-size: 13px;
    color: #888;
    margin: 0;
    max-width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    transition: border .2s linear;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
}
textarea {
    overflow: auto;
    vertical-align: top;
    padding: 10px;
    width: 98%;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    outline: 0;
    border-color: #1abc9c;
}
input[type="button"] {
    border: none;
}

button[type="button"],button[type="submit"] {
    border: none;
}
.wp-caption {
    border: 1px solid #e4e4e4;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}
.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 5px;
}
em {
    font-style: italic;
}
caption, th, td {
    font-weight: normal;
   /* text-align: left;*/
}
.clear {
    clear: both;
}
.subheader {
    color: #6F6F6F;
    margin-bottom: 15px;
}
a {
    color: #1abc9c;
    text-decoration: none;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}
a:hover {
    color: inherit;
}
h1, h2, h3, h4, h5, h6 {
    color: #444;
    margin-bottom: 7px;
}
h1 {
    font-size: 34px;
    line-height: 45px;
}
h2 {
    font-size: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    /*line-height: 36px;*/
}
h3 {
    font-size: 20px;
    margin-bottom: 20px;
    /*padding-top: 20px;*/
}
h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
h5 {
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
h6 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}
.bold, strong, b {
    font-weight: bold !important;
    color: #000;
}

.light {
    text-transform: none;
}
.text-align-center {
    text-align: center;
}
p {
    font-size:13px;
    padding-bottom: 20px;
    line-height: 21px;
}
.row .col p:last-child {
    padding-bottom: 0px;
}
.container .row:last-child {
    padding-bottom: 0px;
}

.mainpostconntents blockquote {
    font-style:italic;
    line-height: 22px;
    font-size: 14px;
    background:#f1f1f1;
    padding:15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}
blockquote p {
    padding-bottom:0px;
}
blockquote cite {
    padding-top:10px;
    display:block;
    font-weight:bold;

}
.gallery-item img {
    border:none !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
}
.buttonShadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

}
.btn {
    display: inline-block;
    background: #1abc9c;
    color: #fff;
    padding: 10px 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn:hover {
    background: #333;
    color: #fff;
}
.btn.darkBtn {
    background: #333;
    color: #fff;

}
.btn.darkBtn:hover {
    background: #1abc9c;
    color: #fff;
}
.TextCenter , .center {
    text-align:center;
}
/* Table
====================================*/
.hentry table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border:none;
    margin-bottom: 15px;
    -webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}

.hentry table th {
    border: 1px solid #e0e0e0;
    border-right: none;
    background-color: #fafafa;
    text-align: left;
    padding: 10px 15px;
    color: #444;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
}

.hentry table td:last-child {
    border-right: 1px solid #e0e0e0;
}

.hentry table th:last-child {
    border-right: 1px solid #e0e0e0;
}

.hentry table td {
    padding: 10px 15px;
    border: #e0e0e0 1px solid;
    border-top: none;
    border-right: none;
}

.hentry table tr:hover td {background-color: #fafafa;}

dt {
    font-weight: bold;
    margin-bottom:5px;
}
dd {
    padding-left: 30px;
    min-height:35px;
    margin-bottom:10px;
}
/*.mainpostconntents ul {
    margin-left:10px;
    margin-bottom:5px;
}*/
.mainpostconntents ul li {
    padding:3px 0px;
}
.mainpostconntents ol {
    margin-bottom:5px;
    /*margin-left:10px;*/
}
.mainpostconntents ol li {
    list-style-type:decimal;
}

.mainpostconntents p {
    padding-bottom: 5px;
}

.post .favorites {
    float: right;
    margin-top: -20px;
}

.post .favorites .elloicon-edit {
    margin-top: 20px; 
    
}

code, pre {
    background:#f1f1f1;
    padding:5px 20px 5px 20px;
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
    font-size: 11px;
    line-height:19px !important;
    margin:10px 0 10px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
pre {
    display: block;
    font-size: 13px;
    line-height: 22px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0;
}
pre ol, code ol, pre ol li, code ol li {
    padding:0;
    margin:0;
}
pre br, code br {
    display:none;	
}
/*-------------------------------------------------------------------------*/
/*	2. Header + Search Bar Styles + Main Navigation
/*-------------------------------------------------------------------------*/
#headerContainer {
    height: 100px;
    overflow:hidden	
}
#showcase-bar {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    background: #ffffff;
    background: rgba(255, 255, 255, .95);
    padding:10px 0px;
    position: fixed;
    top: -200px;
    width: 100%;
    z-index: 105;
    color: #656565;
}
.topBar {
    background:#1abc9c;
    padding:7px 0px;
}
.topCustomMessage p {
    line-height:30px;
    padding-bottom:0px !important;
    color:#fff;
}
.topCustomMessage p a {
    margin:0px 5px 0px 0px;
    color:#fff;
}
.topBar .topSocial {
    float:right;
    padding-top:3px;
}
.topBar .topSocial a {
    font-size:15px !important;
    color: rgba(0, 0, 0, 0.30);

}
.topBar .topSocial a:hover {
    color: #fff;
}
#headerSection {
    padding:10px 0px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);

    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    z-index: 99999;
    overflow: visible!important;
}
.headerCenter .logo {
    width:98%;
    text-align:center;
    margin-bottom:15px;
}
.headerCenter .navSection {


}
.headerCenter .mainMenuContainer {
    overflow:visible;
    margin-left:auto;
    margin-right:auto;
}
.headerCenter .mainMenuContainer ul {

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

.logo {
    margin-top: 5px;
    font-size:28px;
    color:#333;
}
.logo a {
    color:#333;
}
.logo .logoretina {
    display:none;
}

.logo h1 { text-indent: -9999px; height: 1px; width: 1;}
.mainMenuContainer {
    margin-top: 10px;

}

.mobileMenu {
    display:none;
}
.mainMenuContainer ul {
    float: right;
    overflow: visible!important;
}
.mainMenuContainer ul li {
    float: right;
}
.mainMenuContainer > ul > li {
    float: left;
}
.mainMenuContainer > ul > li > a {
    padding: 0px 10px 0px 10px;
    display: block;
    color: #555;
    font-size: 13px;
    line-height: 14px;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}
html:not(.js) .mainMenuContainer > ul > li > a {
}
.mainMenuContainer ul li a:hover, .mainMenuContainer .sf-menu li.sfHover > a, .mainMenuContainer .sf-menu li.current_page_ancestor > a, .mainMenuContainer .sf-menu li.current-menu-item > a, .mainMenuContainer .sf-menu li.current-menu-ancestor > a, .mainMenuContainer .sf-menu li.current_page_item > a {
    color:#1abc9c;
}
.mainMenuContainer .sf-menu li.current_page_item > a .sf-sub-indicator [class^="icon-"], .mainMenuContainer .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"] {
}
.mainMenuContainer ul li a {
    color: #888;
}
.sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="icon-"], .sf-menu > li.current_page_item > a > .sf-sub-indicator [class^="icon-"] {
}
.sf-menu ul li.current_page_item > a, .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a {
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10.8em;
    top: -10px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {

}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sub-menu {
    z-index: 3;
}
.sf-menu {
    float: left;

}
.sf-menu li li a, .sf-menu li li a:visited {
    padding-left: 1.25em;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0 none;
}
.sf-menu ul li a {
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.04);
}
.sf-sub-indicator {
    display: inline-block;
    width: 10px;
    position: relative;
    left: 8px;
    height: 10px;
}
.sf-sub-indicator [class^="icon-"], .sf-sub-indicator [class*=" icon-"] {
    color: #888;
    font-size: 12px;
    line-height: 16px;
    height: auto;
    background-color: transparent;
}
.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active, .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a {
    color: #ccc;
}
.sf-shadow ul.sf-shadow-off {
    background: none repeat scroll 0 0 transparent;
}
.sf-vertical, .sf-vertical li {
    width: 100%;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
}
.sf-menu, .sf-menu * {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 10;
}
.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 30em;
    margin-left: -10.5em;
}
.sf-menu ul li, .sf-menu ul li li {
    font-size: 13px;
    width: 33%;
}
.sf-menu ul li:last-child a {
    border-bottom: medium none;
}
.sf-menu li:hover {
    visibility: inherit;
    
}
.sf-menu li {
    float: left;
    line-height: 13px!important;
    font-size: 13px!important;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 55px;
    z-index: 999;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 15em;
    top: 0px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 15em;
    top: 0;
}
.sf-menu a.sf-with-ul {
    min-width: 1px;
    padding-right: 16px!important;
}
header .sf-menu li ul li a {
    font-size: 12px;
    line-height: 13px;
    color: #bbb;
    transition: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a {
    background-color: rgba(0,0,0,0.1)!important;
    color:#ccc;
}
.sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"] {
}
.sf-menu li ul li .sf-sub-indicator {
    right: 14px;
    left: auto;
    top: 14px;
    display: block;
    position: absolute;
}
.sf-menu li ul, .sf-menu li li ul {
    background-color: #333!important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.sf-menu li li ul {
    left: 15em!important;
}
.sf-menu {
    float: right;
}
.sf-menu a {
    margin: 0 1px;
    padding: 0.75em 1em 32px;
    text-decoration: none;
}
.sf-menu ul li {
    font-weight: normal;
}
.sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a {
    box-shadow: none;
}
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active {
    border-radius: 0 0 0 0;
    box-shadow: none;
    text-shadow: none;
}

.show-menu {
    margin: 0 auto;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    line-height: 20px;
    color: #555;
}
#headerSection .show-menu {
    color: #555;
    padding: 6px 10px;
}
.show-menu:hover {
    text-decoration: none;
}
.show-menu i {
    float: right;
    line-height: 20px;
    font-size: 18px;
}

#header-searchform {
    float: right;
    margin: 3px 0 0 10px;
}
#header-searchform input {
    margin: 0;
    padding: 8px 0 8px 34px;
    width: 0px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    background: url(images/smallsearch.png) no-repeat 10px 8px;
    border: none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
}
#header-searchform input:focus {
    font-size: 12px;

    width: 115px;
    border: none;
    color: #555555;
    background-color: #efefef;
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    cursor: text;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#header-searchform #header-searchsubmit {
    display: none;
}
/* Hide Search Submit button */
#featuredWrapper {
    width: 100%!important;
    overflow: hidden;
    position: relative;
    /*-webkit-box-shadow: inset 0px 0px 10px rgba(50, 50, 50, 0.30);*/
    /*-moz-box-shadow: inset 0px 0px 10px rgba(50, 50, 50, 0.30);*/
    /*box-shadow: inset 0px 0px 10px rgba(50, 50, 50, 0.30);*/
    background-attachment: fixed;
    }

/***************** Orbit ******************/
#featured {

    height: 700px !important;

}
#featured article {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    height: 700px !important;
    width: 100%;
    background-color: #000;
}

div.slider-nav span {
    display: block;
    width: 54px;
    height: 93px;
    top: 350px !important;
    cursor: pointer;
}
div.slider-nav > span {
    margin-top: 0px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
div.slider-nav span.right, div.slider-nav span.left, div.slider-nav span.right span, div.slider-nav span.left span {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    -o-border-radius: 1px 1px 1px 1px;
}
.orbit-wrapper div.slider-nav span.right {
    right: 20px;
    background: url(images/bigright.png) no-repeat;
    width: 54px;
    height: 93px;
}
body[data-smooth-scrolling="1"] .orbit-wrapper div.slider-nav span.right {
    right: 15px;
}
.orbit-wrapper div.slider-nav span.left {
    background: url(images/bigleft.png) no-repeat;
    left: 20px;
    width: 54px;
    height: 93px;
}
div.slider-nav span.right:hover span.white, div.slider-nav span.left:hover span.white {
    opacity: 1;
}
div.slider-nav > span:hover {
    opacity: 0.5;
}

#featured .orbit-slide article .container {
    text-align: center;
    padding:150px 0px 0px 0px; 
}
#featured article .post-title h2 {

    font-family: 'Lato';
}
#featured article .post-title h2 span {
    padding: 4px 0px;

    color: #fff;
    display: block;
    clear: both;
    font-weight: 800;
    font-size: 40px;
    line-height:50px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;



}
#featured article .post-title p {
    font-size:20px;
    line-height:24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#featured article .post-title a {
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-size:14px;
    font-weight: 600;
    display:inline-block;
    margin-top: 15px;
    padding: 10px 18px;
    text-transform: uppercase;
    margin-right:auto;
    margin-left:auto;
    background:#1abc9c;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
}
#featured article .post-title a:hover {
    background: rgba(0, 0, 0, 0.6);
}
div.timer {
    top: 80px !important;
}

#titleWrapper {
    height: 120px!important;
    background: #ececec;
    overflow: hidden;
}
#landingHeader {
    height:350px;
    padding:25px 0px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    image-rendering: optimizeQuality;
}
#landingHeader .mainMenuContainer ul li a {
    color:#333;
}
#landingHeader .mainMenuContainer ul li a {
    color:#333;
}
#landingHeader .sf-menu li ul li a {
    color:#ccc;
}
#landingHeader .sf-menu li ul li a:hover {
    color:#333;
}



#content {
    position: relative;
    overflow:hidden;
}
.home #content {
    overflow:visible !important;
} 
.landingPage {
    padding:30px 0px;

}
.landingPage .flexslider {

    background: transparent;
    border: none;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.mainPageTitle {	
    overflow: hidden;
    background: #f1f1f1;

    border-bottom: solid 1px #e6e6e6;
    padding: 20px 0px 20px 0px;
    margin-bottom: 40px;
    position:relative;
}
.emptyPageTitle {
    overflow: hidden;
    padding: 20px 0px 20px 0px;
}
.emptyPageTitle h1 {font-size: 24px; text-align: center;}
.emptyPageTitle p {text-align: justify;}
#pageHeader {
    width: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    height: 370px;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    image-rendering: optimizeQuality;
    position:relative;
    position:relative;
}
.pageTitleBg {
    margin-bottom:30px;
    padding-bottom:0px;
    padding-top:0px;
    border-bottom:none;
    border-top:none;
    position:relative;

}
.pageTitleBg #pageHeader {
    height: 350px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.20);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.20);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: optimizeQuality;
    margin-top:-10px;
    position:relative;
}
.pageHeaderContent {
    position:absolute;
    top:130px;
}
.pageHeaderContent h1 {
    font-size: 49px;
    line-height: 49px;
    margin-bottom: 4px;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.pageHeaderContent .subheader {
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.singlemainPageTitle {
    background: transparent;
    border-bottom: none;
    margin-bottom:10px;
}
.singlemainPageTitle {
    background: transparent;
    border-bottom: none;
    margin-bottom:10px;
}
.singlemainPageTitle .container {
    border-bottom: solid 1px #e6e6e6;

}
.projectPageTitle {
    background:#1abc9c;
    border-bottom:none;
    padding:40px 0px;
    color:#fff;

}
.pageTitleContent {
    border-bottom: solid 1px #e6e6e6;
}

.projectPageTitle .pageTitleContent h1 {
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    margin-bottom:15px;

}
.projectPageTitle .span12 {
    text-align:center;
}
.projectPageTitle .projectsnav {
    float: none;

}
.projectDatesmall {
    font-size:12px !important;
}
.projectsnav {
    float:right;
    padding-top:6px;
}
.projectsnav a {
    padding:10px 15px !important;
    font-size:13px;
    display: inline-block;
    padding: 10px 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #333;
    color: #fff;

}
.projectsnav a:hover {
    background: #1abc9c;
}
.pageTitleContent {
    overflow: hidden;
}
.singlemainPageTitle .pageTitleContent {
    overflow: hidden;
    padding-top:5px;
}
.singlemainPageTitle .pageTitleContent p {
    font-size:14px;
}
.pageTitleContent h1 {
    font-size: 18px;
    line-height: 28px;
    color: #444;
    margin: 0;
}
.pageTitleContent h6 {

    color: #aaaaaa;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.pageTitleContent #breadcrumbs {
    font-size: 11px;
    color: #aaaaaa;
    line-height: 28px;

}
#crumbs {
    float:right;
}
#crumbs .breadcrumbs-title {
    margin-right:5px;
}

.pageTitleContent #breadcrumbs.breadrcumbpadding {
    padding-top: 12px;
}
.pageTitleContent #breadcrumbs a {
    color: #aaaaaa;
}
.pageTitleContent #breadcrumbs a:hover {
    color: #289dcc;
}
#mainTagline {
    overflow: hidden;
    background: #1abc9c;
    padding: 25px 0px 0px 0px;
    margin-bottom: 40px;
}

#mainTagline h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
#mainTagline p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
}
.calltoactionButton {
    overflow: hidden;
}
.calltoactionButton a {
    background: rgba(0, 0, 0, 0.3);
    float: right;

}
#mainTagline .calltoactionButton {
    margin-bottom:20px;
}
.calltoaction2 {
    overflow: hidden;
    text-align: center;

}
.calltoaction2 .calltoactionButton a {
    float: none;

}
#pageWrap {
    overflow: visible;
}
.mainPage {
    margin-bottom:40px;
    overflow:hidden;
}
.fullPageContent {
    margin-bottom:30px;

}
.servicesColumns, .servicesColumns2, .servicesColumns3 {
    overflow: hidden;
    margin-bottom: 15px;
}
.icon-box {
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 12px;

    line-height: 21px;
}
.icon-box-container {
    margin: 40px 0 45px 0;
    float: left;
}
.icon-box-container p {
    margin: 0;
}
.icon-box p, .icon-box h4 {
    margin-left: 40px;
    font-size:16px;
}
.icon-box h4 {
    font-weight:bold;
}
.icon-box p {
    font-size: 14px;

    line-height: 21px;
}
.default_style.icon-box i {
    float: left;
    font-size: 28px;
    color: #404040;
}
.icon_bacground.icon-box i {
    float: left;
    font-size: 14px;
    color: #fff;
    background: #1abc9c;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.icon_bacground.icon-box p, .icon_bacground.icon-box h4 {
    margin-left: 45px;
}
.centered_content.icon-box , .icon_background_with_centerd_content.icon-box {
    text-align:center !important;
}
.centered_content.icon-box i {
    float: none !important;
    display:block;
    font-size: 45px;
    margin-bottom:15px;
    color: #949494;
    text-shadow: 1px 1px 0px #fff;
    width: auto;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    line-height: normal !important;
}
.centered_content.icon-box p, .centered_content.icon-box h4 {
    margin-left: 0px !important;
}
.icon_background_with_centerd_content.icon-box i {
    float: none !important;
    display:block !important;
    font-size: 45px;
    margin-bottom:15px;
    color: #737373;
    background:#ececec;
    text-align:center;
    width:100px;
    height:100px;
    text-shadow: 1px 1px 0px #fff;
    margin-left:auto;
    margin-right:auto;
    line-height: 100px !important;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.icon_background_with_centerd_content.icon-box:hover i {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background:#1abc9c;
}
.icon_background_with_centerd_content.icon-box p, .icon_background_with_centerd_content.icon-box h4 {
    margin-left: 0px !important;
}
.hexagon_icon.icon-box {
    position:relative;

}


.hexagon_icon.icon-box > span {
    position: absolute;
    width: 98px;
    height: 106px;
    line-height: 102px;
    top: 0;
    left: 50%;
    margin-left: -49px;
    font-size: 50px;
    background: #eee;
    text-align: center;
    margin-left:90px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.hexagon_icon.icon-box > span:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -49px;
    width: 98px;
    height: 106px;
    background: url("images/overlay-hexagon.png");
}
.hexagon_icon.icon-box:hover > span {
    background: #1abc9c;
    color: #fff;
}
.hexagon_icon.icon-box .iconboxContent {
    padding-top: 140px;
    text-align: center;
}
.hexagon_icon.icon-box p, .hexagon_icon.icon-box h4 {
    display:inline-block;
    margin-left: 0px !important;
}
.servicesButtons {
    overflow: hidden;
    margin-bottom: 50px;
}
.servicesButtonsContent {
    overflow: hidden;
}
.servicesButtonsList {
    width: 290px;
    margin: 0px auto;
}
.servicesButtonsList span {
    margin: 0px 10px;

}
.servicesButtonsList a {
    padding: 5px 15px;
}
/***************** carouFredSel ******************/
.mainTitle {
    overflow: hidden;
    margin-bottom: 15px;
    text-align:center;
}
.mailcolTitle {
    display:inline-block;
    margin:0px auto 10px auto;
    font-weight:bold;
    color: #494949;
    text-transform: uppercase;
    border-bottom:solid 1px #f1f1f1;
    padding:0px 20px 10px 20px;
    font-size:20px;

}
.mailcolTitle a {

    color: #494949;


}
.mailcolTitle span, .mailcolTitle span a {
    font-size: 13px;
    letter-spacing: 1px;
    color: #494949;
    text-transform: capitalize;

}
.testimonialsWrap {

    padding:30px 0px 15px 0px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);

}
.staff {
    background:#fff;
    padding:30px 0px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    margin-bottom:50px;
}
.clients {
    padding-bottom:50px;
    overflow:hidden;
}
.clientlist .clientItem div:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.clientlist .clientItem div {
    background:#fff;
    padding:10px 0px;
    border: 1px solid #e7e7e7;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.clientlist .clientItem a {
    display: block;
    width: 100%;
    height: 100%;
}
.clientlist .clientItem div img {
    height: 100px;

    text-align: center;
    vertical-align: middle;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.clientlist .clientItem div:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.calltoAction {
    color: #fff;
    background: #1abc9c;
    padding: 30px 0px;

    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);


    overflow:hidden;

    position:relative;

}

.calltoAction-overlay {

}
.calltoAction .container {
    position:relative;
    z-index:99;
}
.calltoAction h4,.calltoAction p {
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.calltoAction h4 {
    font-size:22px;
    line-height: 30px;
}
.calltoAction p {
    font-size:15px;
}
.recentWork {
    overflow: visible;

    background: #fff;
    padding: 30px 0px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    position: relative;

}


.carouselControl {
    float: right;
    overflow: hidden;
}
.recentWork .carousel-next ,.recentWork .carousel-prev {
    display: block;
    height: 100%;
    position: absolute;

    background: #2c2c2c;
    width:40px;
    text-align: center;
    vertical-align: middle;	
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.recentWork .carousel-next i {
    position: absolute;
    color:#fff;
    font-size: 18px;
    right: 50%;
    top: 50%;
    margin-right:-8px;
}
.recentWork .carousel-next {

    right: 0px;
    top: 0px;



}
.recentWork .carousel-prev {

    left:0px;
    top:0px;


}
.recentWork .carousel-prev i {
    position: absolute;
    color:#fff;
    font-size: 18px;
    left: 50%;
    top: 50%;
    margin-left:-8px;
}
.recentWork .carousel-next:hover,.recentWork .carousel-prev:hover {
    background: #1abc9c;
}
.carouselControl a {
    display: inline-block;
    margin-left: 3px;
    text-align: center;
    background-color: #ebebeb;
    color: #666;
    cursor: pointer;
    text-shadow: 1px 1px 0px #fff;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    background-repeat: no-repeat!important;
    height: 20px;
    width: 20px;
    padding-bottom:3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
}
.carouselControl a:hover {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #1abc9c;
    color: #fff;
}
.carouselControl a i {
    font-size: 10px;
    line-height: 20px;
}
.carouselWrap, .caroufredselwrapper {
    overflow: hidden;
}

#skorpik-news-box{
    position: relative;
    display: block;
    overflow: hidden;
}
.caroufredsel_wrapper {
    width: 2000px;
}
.skorpik-news {
    height: 569px;
    overflow: hidden;
}
.recentProject {
    overflow: hidden;
    float: left;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    padding-bottom:20px;
}
.recentProject:hover {
    background: #1abc9c;
    color:#fff;

}

.oneProject {
    overflow:hidden;
}
.oneProject:hover {
    background:transparent;
    color:#555;
}

.oneProject .projectItem {
    position: relative;
    overflow: hidden;
    overflow: hidden;
    width: 270px;
    height: 200px;
    margin-right: 20px;
    float:left;
}
.oneProject .projectItem img {
    width: 270px;
    height: 200px;
}
.span2 .projectItem {
    position: relative;
    overflow: hidden;
    width: 170px;
    height: 120px;
    margin-bottom: 10px;
}
.span2 .projectItem img {
    width: 170px;
    height: 120px;

}
.span3 .projectItem {
    position: relative;
    overflow: hidden;
    width: 270px;
    height: 200px;
    margin-bottom: 10px;
}
.span3 .projectItem img {
    width: 270px;
    height: 200px;
}
.span4 .projectItem {
    position: relative;
    overflow: hidden;
    width: 370px;
    height: 240px;
    margin-bottom: 10px;
}
.span4 .projectItem img {
    width: 370px;
    height: 240px;
}
.span6 .projectItem {
    position: relative;
    overflow: hidden;
    width: 570px;
    height: 370px;
    margin-bottom: 10px;
}
.span6 .projectItem img {
    width: 570px;
    height: 370px;
}
.projectItem .projectInfo {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    text-align: center;
    background:rgba(0,0,0,0.70);


}
.projectInfoData {
    margin-top:50%;

}

.projectItem .projectInfo a {
    background-color: #1abc9c;
    padding: 9px 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff!important;
    font-size: 12px!important;
    margin: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;

}
.projectItem .projectInfo a:hover {
    background-color: rgba(0, 0, 0, 0.7);


}

.projectDetails {
    overflow:hidden;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
.oneProject .projectDetails .projectMeta {
    overflow:hidden;
    margin-bottom:15px;
}
.projectTitle {
    font-weight:bold;
    text-rendering: optimizeLegibility;		
}
.span2 .projectDetails h5.projectTitle,.span2 .projectDetails h5.projectTitle a {
    font-size:13px !important;

}
.projectTitle a {
    color:#333;
}
.recentWork .projectMeta {
    overflow: hidden;
    border-bottom:none;
}
.recentProject:hover .projectDetails {
    padding:0px 15px 0px 15px;

}
.oneProject:hover .projectDetails {
    padding:0px;
}
.recentProject:hover .projectTitle a {
    color:#fff;
}
.oneProject:hover .projectTitle a {
    background:transparent;
    color:#555;
}
.projectDate {
    float: right;
    font-size: 11px;
}
.projectLike {
    float: right;
    font-size: 11px;
}
.loveThis {
    background: url(images/icons/heart.png) no-repeat left center;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    color: #666;
}
.testimonials {
    overflow: hidden;

}


ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: none;

}
li.bjqs-slide {
    position: absolute;
    display: none;
}
ul.bjqs-controls {
    display:none;
}
ul.bjqs-controls.v-centered li a {
    display: inline-block !important;
    margin-left: 2px;
    text-align: center;
    background-color: #ebebeb;
    color: #666;
    cursor: pointer;
    text-shadow: 1px 1px 0px #fff;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    background-repeat: no-repeat!important;

    height: 20px;
    width: 20px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
}
ul.bjqs-controls.v-centered li a i {
    line-height: 20px;
    font-size: 10px;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
    position: absolute;
    right: 0px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
    position: absolute;
    right: 25px;
}
.bjqs-markers {
    display:none !important;
}
.testimonialsList {
    overflow: hidden;
    position: relative;
}
.testimonialItem {
    overflow: hidden;

}
.authorAvatar {

    margin: 0px auto;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.authorAvatar img {
    width: 100px;
    height: 100px;
}
.testimonialContent {
    overflow: hidden;


}
.testimonialContent p {
    display: block;
    font-size:14px;
}

.recentPosts {
    overflow: hidden;
    padding:30px 0px;
}
.recentPosts .rcentPost {
    overflow: hidden;
}
.recentPostDate {
    background: #1abc9c;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 60px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 15px;

}
.recentPostDate span {
    display: block;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.postMonth {
    border-bottom:solid 1px rgba(255, 255, 255, 0.3);
    font-size: 14px;
    padding: 2px 0px;
    text-transform: uppercase;
    background: #2d2d2d;

}
.postDay {
    text-transform: uppercase;
    padding-top:5px;
    font-size: 22px;
}
.postYear {
}
.recentPostTitle a {
    color: #555;
    font-weight:bold;
    text-transform:capitalize;
}
.contentBottom {
    overflow: hidden;
    background: #f1f1f1;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.02);

}
.latestTwittsSection {
    overflow: hidden;
    padding: 20px 0px 15px 0px;
    height:40px;
}

.latestTwitts .social-icon {
    float: left;
    display: inline-block;
    font-size: 40px;
    margin-right: 50px;
    color:#2caae1;
}
.contentBottom .twitter-widget {
    padding-top:5px;
}
.latestTwitts a {
    color: #666;
}
.twitterButtons {
    float:right;

}
.twitterButtons a {
    background:#2caae1;

    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.newsletterSection {
    padding-top: 20px;
    overflow:hidden;
}
.newsletterSection h6 {
    font-weight:bold;
}
.newsletterForm {
    overflow: hidden;
    padding-bottom: 15px;

}
.mc-embedded-subscribe-form {
    overflow: hidden;
}
.subscribe-text {
    border: 1px solid #2d2d2d;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background: #393939;
    padding: 15px 10px;
    height: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 240px;
    color: #999;
    font-size: 12px;
}
.subscribe-button {
    border: none;
    cursor: pointer;
    display: inline-block;
    float: right;

    font-size:13px;

}
.subscribe-button:hover {
    background: #585858;
}
.footer {
    background: #1d1d1d;
    overflow: hidden;
    padding-top: 6px;
}
.footerWidgets {
    background: #2c2c2c;
    border-top: solid 1px #353535;
    border-bottom: solid 1px #353535;
    overflow: hidden;
    padding: 30px 0px 50px 0px;
}
.footerWidget {
    overflow: hidden;
    margin-bottom:20px;
}
.footerWidget h4 {
    font-size: 15px;
    color:#fff;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    font-style: normal;
    text-rendering: optimizeLegibility;
}
.footerWidget ul {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.footerWidget ul li {
    padding: 5px 0px;
    overflow:hidden;
}
.footerWidget ul li a {
    display: inline-block;
}
.footerWidget ul li .post-date {
    display: block;
    font-size: 11px;
    color: #555555;
}
.footerWidget ul li, .footerWidget ul li a {
    color: #acacac;
}
.text_widget {
    overflow: hidden;
}
.text_widget img {
    margin-bottom: 10px;
}
.footerWidget .aboutDetails {
    overflow: hidden;
}
.footerWidget .aboutDetails li {
    float: left;
    width: 270px;
    margin-right: 15px;
    padding: 3px 0px;
    color: #555555;
    font-size: 12px;
}
.footerWidget .aboutDetails li a {
    color: #636363;
}
.footerWidget .aboutDetails li:nth-child(2), .footerWidget .aboutDetails li:nth-child(4) {
    margin-right: 0px;
}
.footerWidget .aboutSocial {
    overflow: hidden;
}
.footerWidget .aboutSocial a {
    display: inline-block;
}
.flickr_badge_wrapper {
    padding: 0px !important;
}
.footerWidgets .flickr_badge_image {
    float: left;
    width: 57px;
    height: 57px;
    margin-right: 14px;
    margin-bottom: 14px;
}
.footerWidgets .span3 .flickr_badge_image:nth-child(4n+1) {
    margin-right: 0px !important;
    float: right;
}
.footerWidgets .span6 .flickr_badge_image:nth-child(8n+1) {
    margin-left: 0px !important;
    float: right;
}
.footerWidgets .flickr_badge_image a img {
    width: 57px;
    height: 57px;
}
.footerWidgets .posts_images .widgetPostImage a img {
    width: 57px;
    height: 57px;
}	
.footerWidgets .posts_images .widgetPostImage {
    float: left;
    width: 57px;
    height: 57px;
    margin-right: 14px;
    margin-bottom: 14px;
}	

.footerWidgets .span3 .posts_images .widgetPostImage:nth-child(4n+0) {
    margin-right: 0px !important;
    float: right;
}
.footerWidgets .span6 .posts_images .widgetPostImage:nth-child(8n+1) {
    margin-left: 0px !important;
    float: right;
}	
.footerWidgets .span6 .posts_images .widgetPostImage:nth-child(5n+0) {
    margin-right: 14px;
}
.footerWidgets #calendar_wrap table, .footerWidgets #calendar_wrap th, .footerWidgets #calendar_wrap td, .footerWidgets #calendar_wrap tr {
    border: 1px solid #292929 !important;
}
.footerWidgets #calendar_wrap th {
    color: #ccc;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #454545;
}
.footerWidgets .tagcloud a {
    color: #ccc;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #3d3d3d;

}
.footerWidgets .newslettermail {
    width: 250px;
    margin-bottom:10px;
}
.footerWidgets input[type="text"],.footerWidgets  input[type="password"], .footerWidgets input[type="email"],.footerWidgets  textarea,.footerWidgets  select {
    border: 1px solid #252525;
    color: #ccc;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #3d3d3d;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
.footerWidgets input[type="text"]:focus,.footerWidgets  input[type="password"]:focus, .footerWidgets input[type="email"]:focus,.footerWidgets  textarea:focus{
    border: 1px solid #272727;
    background: #2f2f2f;
}
.footerWidgets .contact-widget .button {
    background: #3d3d3d;

}
.footerWidgets .contact-widget .button:hover {
    background:#1abc9c;
    color:#fff;
}
.footerWidgets .rc_img {
    float: left;

}

.footerWidgets .vtitle{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-top: 5px;
}

.blog_post a {
    display:block !important;
}

.copyrights {
    overflow: hidden;
    padding: 25px 0px 5px 0px;
    font-size: 11px;
}
.copyrights a {
    color: #636363;
}
.siteFooterMenu {
    float: right;
}
.footersocial {
    float: right;
}
.footersocial a {
    font-size:16px !important;
}
.footersocial a:hover {
    color:#1abc9c;
}
.siteFooterMenu li {
    float: left;
    font-size: 11px;
    color: #636363;
    margin-left: 7px;
}
.siteFooterMenu li a {
    float: left;
    font-size: 11px;
    color: #636363;
}
/*Blog Style*/

.post {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    min-height: 350px;  
}
.postside {
    float: left;
    width: 70px;
    margin-right: 20px;
}
.postFormat {
    background: #1abc9c;
    height: 60px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;


}

.postFormat span {
    color: white;
    font-weight: bold;
}

.formatICon {
    background: url(images/postformat-icons.png) no-repeat 0 0;
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 20px;
}
.formatICon {
    background: url(images/postformat-icons.png) no-repeat 0 0;
}
.format-standard .formatICon {
    background-position: 0 0;
}
.format-image .formatICon {
    background-position: 0 -18px;
}
.format-video .formatICon {
    background-position: 0 -36px;
}
.format-audio .formatICon {
    background-position: 0 -54px;
}
.format-quote .formatICon {
    background-position: 0 -72px;
}
.format-link .formatICon {
    background-position: 0 -90px;
}
.format-chat .formatICon {
    background-position: 0 -108px;
}
.format-status .formatICon {
    background-position: 0 -126px;
}
.format-aside .formatICon {
    background-position: 0 -144px;
}
.format-gallery .formatICon {
    background-position: 0 -162px;
}
.postDate {
    background: #e7e7e7;
    width: 70px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 10px;
}
.postDate span {
    
}
.postDate .postMonth {
    display: block;
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    border-bottom:solid 1px rgba(255, 255, 255, 0.2);
    font-size: 14px;
    padding: 2px 0px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    background: #2d2d2d;
    margin-bottom:5px;

}
.postDate .postDay {
    display: block;
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    font-weight:bold;
    font-size: 25px;
    padding-top:5px;
}
.postDate .postYear {
    display: block;
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}
.like-count {
    margin-left: 20px;

}
.recentWork .like-count {


}
.like-count a {
    color: #333;
}
.like-count .icon, .comment-count .icon, .published .icon {
    background-image: url(images/sprite.png);
}
.like-count .icon {
    background-position: 0 -19px;
    width: 13px;
    height: 11px;
    float: left;
    margin: 4px 5px 0 0;
}
.like-count a:hover .icon, .like-count a.active .icon {
    background-position: -15px -19px;
}
.postContent {
    overflow: hidden;
    /*width: 670px;*/
}
.single-post .postContent,.page-template-default .postContent {
    overflow: hidden;
    width: 770px;
}
.postContent img {
    margin: 0 15px 5px 0;
}
.postContent h2 a {
    display: block;
    margin-bottom: 15px;
}
.postMeta {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.postMeta li {
    display: inline-block;
    margin-right: 15px;
    color: #5f5f5f;
    max-width: 400px;
}
.postMeta li a {
    color: #5f5f5f;
}
.postMeta li i {
    margin-right: 5px;
    color: #cacaca;
    font-size: 14px;
}
.postContent {
    margin-bottom: 15px;
}
h2.mainPostTitle {
    padding-top:0px !important;
}
.more-link {
    display: block;
    /*margin-top: 25px;*/
}
.postMore {
    padding: 7px 20px;
    
}
.postFloat {
    float: right;
}
/*Post Formats*/
.format-quote .quote-wrap {
    position:relative;
    overflow:hidden;
    margin-bottom: 30px;
    background:#1abc9c;

    padding:30px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.format-quote .quote-wrap:hover {
    background:#333;
}
.format-quote .quote-wrap blockquote {
    font-size:16px;
    line-height:24px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.format-quote .quote-wrap .icon {
    display:block;
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:20px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}





.format-image .imageThumb {
    overflow:hidden;
    margin-bottom:15px;
}

.postAudio {
    overflow:hidden;
    margin-bottom:20px;
}

/* =front team -------------------------------------------------------------- */
.team_custom_title { color:#fff !important; margin-bottom: 20px}
#team-division-box h1 {font-size:25px; font-weight:300; margin: 0 0 10px;  	padding-top: 8px; color:#fff !important;  }
.teammember h2{font-size: 15px !important; text-align: center; margin: -20px 0 0;}
.team-division { overflow: hidden;}
#team-division-box {  background: none repeat scroll 0 0 #FAAE33;  padding-bottom: 32px; }
#full-client-box {/*padding-bottom:42px;*/}
.team-box.row-fluid { }
.team-box.row-fluid .team-box-mid.span4 {  margin-left: 0;   margin-right: 15px; margin-bottom: 30px; max-width: 300px; }
.team-box.row-fluid .team-box-mid.span4.no-margin {   margin-right: 0;}
.team_name { font-size: 16px; font-weight: 400;   text-transform: capitalize; margin: 38px 0 0 10px; position: absolute;}
.team_custom_title.title_center,.team_custom_title.title_center  h3 {  text-align: center;  color: #222;  }
#team-division-box .border_center {  border-bottom: 1px solid #fff;  display: block;  margin: 0 auto 10px;  width: 100px;  }
#team-division-box.about-template{   padding-top: 43px;padding-bottom: 25px;}
.teammember {  border-top: 30px solid #e74c3c; border-bottom: 1px solid;color: #838383;margin-top:20px;padding: 0 25px 5px;     background: #fff; }
.teammember > a {  cursor: pointer;border: 5px solid transparent;  border-radius: 100% 100% 100% 100%;  display: block;  height: 60px;  margin: -70px -25px 10px; width: 60px;  }
.teammember img.teammember_img {height: 60px; width: 60px; box-shadow: 0 0 0 5px #F54336 ; border-radius: 50%;}
.teammember .icomm-text {  border-bottom: 1px solid #EEEEEE;  line-height: 20px;  padding-bottom: 10px;  text-align: center; }
.teammember strong {  display: block;  padding-bottom: 6px;  text-align: center;    text-transform: capitalize;font-weight:400;}
.teamsocial {  margin-bottom: 10px; margin-left: 0; margin-right: 0; position: relative; text-align: center; top: 1px;}
.teamsocial li:first-child {}
.teamsocial li {  float: none;  display: inline-block;  font-size: 28px;  list-style-type: none;  margin: 0 0 -5px 1px;  text-align: center;  }
.teamsocial li a{  display: block;  height: 36px;  width: 36px;  transition: all 0.6s linear 0s;	-webkit-transition: all 0.6s linear 0s;-moz-transition: all 0.6s linear 0s;-o-transition: all 0.6s linear 0s;}
/* =front Statics

/* skorpik news -------------------------------------------------------------- */

.news-box .container {overflow: hidden;}
.news-box h1 {
     color: #fff;
     text-align: center;
     padding-top: 10px;
 }

.news-box h1:after {
    display: table;
    line-height: 0;
    content: "";
    border-bottom: 1px solid #fff;
    width: 30%;
    text-align: center;
    margin: 10px auto 0;
}

.news-box .main-title {margin-bottom: -20px;}

.news-box .main-title p {
    text-align: center;
    margin: 10px 50px 0;
}
.news-box .main-title p { color: floralwhite;}

.news-box article{
    margin-top: 5px;
    margin-bottom: 30px;
    background-color: #fff;
    border-bottom: 1px solid #F54336;
}

.news-box article .img-container {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.news-box article img{
    min-width: 100%;
    height: 100%;
    float: none !important;
    text-align: center;
    position: absolute;
}

.news-box article .content {
    border-top: 6px solid #F54336;
    padding: 5px 20px;
    height: 200px;
}

.skorpik-news-box { background-color: #428bca;}

/* Custom Top News -------------------------------------------------------------- */

.custom-top-news-box {background-color: #9b59b6;}

.custom-top-news article img{
    min-width: 100%;
    height: auto !important;
}
#custom-top-news-box {
    margin-left: 0;
}


/* jPlayer
 * ---------------------------------------------------- */
.jp-jplayer {
    background-color: #555555;
    max-width: 100%;
    height: auto;

}
.jp-jplayer img, .jp-jplayer video {
    display: block;
    width: 100%;
    height: auto
}
.jp-video, .jp-audio {
    border: 1px solid #181818;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 99.832%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
}
.jp-interface {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #333333;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#3d3d3d), to(#333333));
    background-image: -moz-linear-gradient(#3d3d3d, #333333);
    background-image: -ms-linear-gradient(#3d3d3d, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(#3d3d3d, #333333);
    background-image: -o-linear-gradient(#3d3d3d, #333333);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#333333', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#333333', GradientType=0)";
    background-image: linear-gradient(#3d3d3d, #333333);
    z-index: 100;
   
}
.jp-controls {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.jp-controls:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 90px;
    width: 0;
    height: 50px;
    border-left: 1px solid #252525;
    border-right: 1px solid #444;
}
.jp-controls li {
    display: inline;
}
.jp-controls a {
    border-bottom: none;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}
.jp-play, .jp-pause, .jp-mute, .jp-unmute {
    z-index: 1;
    outline: none;
}

.jp-play {
    background: url('images/play.png') no-repeat center center;
    width: 15px;
    height:15px;
    margin-top:18px;
    margin-left:20px;
}
.jp-pause {
    display: none;
    width: 16px;
    height:18px;
    background: url('images/pause.png') no-repeat center center;
    margin-top:18px;
    margin-left:20px;
}
.jp-next {
    width: 32px;
    height: 18px;
    background: url('images/next.png') no-repeat center center;
    margin-top: 17px;
    margin-left: 45px;
    z-index: 100;
}

.jp-current-time {
    margin-left: 110px;
}

.jp-duration{
    float: right;
    margin-right: 45px;
    margin-top: -20px;
}

.jp-toggles {
    display: none;
}

.jp-mute, .jp-unmute {
    display: block;
    position: absolute;
    top: 0;
    right: 55px;
}
.jp-mute {
    background: url('images/mute-off.png') no-repeat center center;
    width:17px;
    height:13px;
    margin-top:20px;
    margin-left:18px;
}
.jp-unmute {
    background: url('images/mute-on.png') no-repeat center center;
    width:17px;
    height:13px;
    margin-top:20px;
    margin-left:18px;
}
.jp-play:hover, .jp-pause:hover, .jp-mute:hover, .jp-unmute:hover {

}
.jp-volume-bar-container {

}
.jp-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 0 95px 0 100px;
    margin-top: 18px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 15px;
}
.jp-seek-bar, .jp-play-bar {
    width: 0px;
    height: 15px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
.jp-seek-bar {
    cursor: pointer;
    position: relative;
    z-index: 999;
    background: #464849;
}
.jp-seek-bar:before {
    content: " ";
    display: block;
    background: transparent;
    border: 1px solid;
    border-color: #212424 #262929 #262929;
    height: 15px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
.jp-play-bar {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: progress 0.75s linear infinite;
    -moz-animation: progress 0.75s linear infinite;
    -o-animation: progress 0.75s linear infinite;
    -ms-animation: progress 0.75s linear infinite;
    animation: progress 0.75s linear infinite;
}

#searhMusic{
    
}

/* jp-playlist 
------------------------------------------------*/

.jp-playlist li {
padding: 7px !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-color: #ececec;
font-size: 13px;
padding: 8px 0px;
border-bottom: solid 1px #e7e7e7;
cursor: pointer;
}

.jp-playlist li.jp-playlist-current {
    background-color: #e74c3c;
    
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #ff2d2d;
}
.jp-playlist li.jp-playlist-current a.jp-playlist-current {
    color: #fff;
}

.jp-playlist .jp-free-media {
    float: right;
}


/* VOLUME BAR
----------------------------------------------- */
.jp-volume-bar {
    float: right;
    z-index: 99;
    position: relative;
    margin: 18px 10px 12px;
    width: 40px;
    height: 15px;
    cursor: pointer;
    background: #262929;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -khtml-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
.jp-volume-bar:before {
    content: " ";
    position: absolute;
    top: -17px;
    left: -35px;
    width: 0;
    height: 50px;
    border-left: 1px solid #252525;
    border-right: 1px solid #444;
}
.jp-volume-bar-value {
    width: 0px;
    height: 15px;

    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
/* Diagonal Background Bars */
.jp-play-bar, .jp-volume-bar-value {
    -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -khtml-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -o-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    background-color: #1abc9c;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fff200), to(#fcc500));
    background-image: -moz-linear-gradient(#fff200, #fcc500);
    background-image: -ms-linear-gradient(#fff200, #fcc500);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fcc500));
    background-image: -webkit-linear-gradient(#fff200, #fcc500);
    background-image: -o-linear-gradient(#fff200, #fcc500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff200', endColorstr='#fcc500', GradientType=0)";
    background-image: linear-gradient(#fff200, #fcc500);
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}




.videoContainer {
    overflow:hidden;
    margin-bottom:20px;
}



.linkContainer {
    position:relative;
    overflow:hidden;
    margin-bottom: 15px;
    background:#1abc9c;

    padding:30px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.linkContainer:hover {
    background:#333;
}
.linkContent {
    float:left;
    margin-right:15px;
}
.linkContainer h3 {
    font-size:16px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.linkContainer span {
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.linkContainer .icon {
    display:block;
    width:50px;
    float:right;
    font-size:50px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}


.galleryContainer {
    position:relative;
    margin-bottom:20px;
}
.galleryflexslider {
    overflow:hidden;
    width:670px;
}
.galleryflexslider img {
    width:670px;
}
.galleryContainer .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
}





.bigflexslider {
    position:relative;
    margin-bottom:20px;
}





.single-post .galleryflexslider {
    overflow:hidden;
    width:770px;
}
.single-post .galleryflexslider img {
    width:770px;
}
.postNavigationContainer {
    text-align:right;
    margin-bottom:10px;
}
.postNavArrow a {
    display:inline-block;
    color:#868686;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
    background:#e4e4e4;
    width:24px;
    height:24px;
    text-align:center;
    line-height:24px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}
.postNavArrow a:hover {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #1abc9c;
    color:#fff;
}
.postMoreMeta {

}
.postMoreMeta li {
    display:inline-block;
    float:right;
    margin-left:15px;
}
.postTags {
    overflow:hidden;
    margin-bottom:20px;

}
.postTags h6 {
    float:left;
    margin-right:15px;
    line-height:28px;
}
.postTags a {
    font-size: 12px;
    color: #333;
    display: block;
    text-align: center;
    background: #e7e7e7;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 4px 10px;
    margin-right: 7px;
    margin-bottom: 7px;
}
.postTags a:hover {
    background: #1abc9c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.authorBio {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    padding-top: 20px;
    border-top:solid 1px #e7e7e7;		
}
.authorBio img {
    margin-bottom: 0px;
    margin-right:20px;
    float: left;
}
.authorBio .authorContent {
    overflow:hidden;
}
.authorBio .authorContent h4 {
    font-size:14px;
    font-weight:bold;
}
.authorBio .clear {
    padding-bottom: 0px;
}


.relatedPosts {
    overflow:hidden;
    margin-bottom:20px;
}
.relatedPosts h4 {
    margin-bottom:20px;
    float:left;
    font-weight:bold;
}
.rt-carousel-wrapper {

}

#related-carousel-list { height: 340px;}

#related-carousel-list li {
    overflow: hidden;
    float: left;
    width:170px;
    margin-right:30px;
    border-radius: 5px;
}
#featuredWrapper {height: 360px; padding-top: 5px;}
#featuredWrapper #related-carousel-list li { width: 240px; margin: 0 10px; position: relative; height: 97%;}
#featuredWrapper .carouselControl {margin-bottom: 10px; }

#related-carousel-list li .slider-title {
    position: absolute;
    bottom:0;
    padding: 0 5px;
    background: rgba(0,0,0,.75);
    width: 96%;
}

#related-carousel-list li .slider-title h4 {text-align: center;}

.relatedimage {
    overflow:hidden;
    margin-bottom:15px;
    width:170px;
    /*height:140px;*/
}
.relatedimage img {
    width:170px;
    /*height:140px;*/
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.4);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

#featuredWrapper .relatedimage img { position: absolute; height: 360px; width: 160%; left: -30%; top: -10%; }

#related-carousel-list li h6 {
    font-size:13px;
    text-transform:capitalize;
    line-height:20px;
}

#respond {
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 0px!important;
}

#respond > p {
    margin-bottom: 10px;
}

.comment-list {
    margin-bottom: 40px!important;
    margin-left: 0px!important;	
}

.comment-list li {
    list-style: none!important;
}

.comment-list li.comment > div {
    background-color: #f4f4f4;
    margin: 0;
    overflow: hidden;
    padding: 25px;
    margin-top: 2em;
    position: relative;
    padding-left: 116px;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.comment-list .children {
    margin-left: 0px!important;
    padding-left: 40px;
    border-left: 1px solid #e7e7e7;
    background-repeat: no-repeat;
    background-position: left 20px;
    background-image: url(images/line.jpg);
}

.comment-list li.comment > div img.avatar {
    position: absolute;
    left: 29px;
    top: 29px;
}

.comment-list .reply {
    position: absolute;
    top: 29px; 
    right: 29px;	
}

.comment-list .reply a {   
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px 7px;
    font-size: 11px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #333333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

}

.comment-list .comment-author {
    color: #333;

}
.comment-list .comment-meta {
    font-size: 11px;
    line-height: 15px;
}

.comment-list .comment-meta a {
    color: #999;
}

.comment-list .comment-meta a:hover {
    color: #1abc9c;
}

.comment-list .reply a:hover {
    background-color: #1abc9c;
}

.comment-list li.comment > div p {
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom:7px;
}

#respond h3 .cancel-comment-reply {
    display: inline-block;	
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    font-size:14px;
    border-left: 1px solid #dddddd;
}

.comment-author a {
    color: inherit;
}
#respond {
    overflow:hidden;
    margin-bottom:30px;
}
.commentsFormInputs {
    overflow:hidden;
    margin-bottom:14px;
}
.commentsFormInputs div {
    overflow:hidden;
    float:left;
    margin-right: 2%;
    width: 32.0%;
}
.commentsFormInputs div:last-child {
    margin-right:0px;
}
.commentsFormInputs div label {
    display:block;
    margin-bottom:5px;
}
.commentsFormInputs div label span {
    color:#d43945;
}
.commentsFormInputs input {
    width: 90%;
    display:block;
    padding:13px 10px;
    margin-bottom:5px;
}
.textareaComment {
    overflow:hidden;
    margin-bottom:15px;
}
.textareaComment textarea {
    width: 97%;
    padding:10px;
    height:250px;
    margin-bottom:5px;
}
#respond #submit {
    border:none;
    font-size:13px;
    cursor:pointer;
    padding:13px 20px;
} 
/*Sidebar*/

.sidebar {
    overflow: hidden;
}
.widget {
    overflow: hidden;
    margin-bottom: 30px;
}
.widget h4 {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.widget h4 a {

    color: #444;

}
.widget select {
    -webkit-appearance: button;
    -webkit-user-select: none;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
    display: inline;
    margin: 0px 1px 0px 1px;
    width: auto;
    height: auto;
    background: #fff url(images/ot-select.png) no-repeat right center;
    padding: 7px 30px 7px 13px;
    min-width: 99%;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    cursor: pointer;

    font-size: 12px;
}
.widget ul {
    padding: 0px;
    margin: 0px;
}
.widget ul li {
    font-size:13px;
    color: #666;
    padding: 8px 0px;
    border-bottom: solid 1px #e7e7e7;
}

.widget ul li a {
    font-size: 13px ;
    /*color: #666;*/
}
.widget ul li .sub-menu {
    margin-left: 0px!important;

    border-left: 1px solid #e7e7e7;

}
.widget ul li .sub-menu li {
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left 20px;
    border-bottom:none;
    background-image: url(images/line.jpg);
}
#searchform {
    overflow: hidden;
    height: 38px;
}
#searchformtext, #story {
    width: 348px;
}
.socialCounters {
    overflow: hidden;
}
.socialCountCol {
    display: inline-block;
    width: 65px;
    height: 80px;
    margin-right: 8px;
    background: #e7e7e7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    overflow: hidden;
}
.socialCountCol:last-child {
    margin-right: 0px;
}
.socialCountCol .icon {
    height: 45px;
    display: block;

}
.socialCountCol .icon i {
    display: block;
    overflow: hidden;
    font-size: 25px;
    padding-top: 12px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);

}
.socialCountCol .count {
    display: block;
    padding-top: 5px;
    font: 12px 'Lato', Tahoma, Geneva, sans-serif;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.rssCount  {
    background: #fb7922;
}
.twitterCount  {
    background: #41abe1;
}
.facebookCount {
    background: #3a599a;
}
.youtubeCount {
    background: #c01302;
}
.dribbbleCount {
    background: #ea4c89;
}
.socialCountCol:hover {
    background:#333;
}
/* TABS -------------- */

.sideTabs {
    overflow: hidden;
}
.tab_wrap {
    overflow: hidden;
}
.sideTabs ul.tabNav {
    padding: 0px !important;
    float: left;
    width: 370px;
    height: 38px;
    margin-bottom: 15px;

}

.sideTabs ul.tabNavs {
    padding: 0px !important;
    /*float: left;*/
    width: 100%;
    height: 38px;
    margin-bottom: 15px;
    
}

.sideTabs ul.tabNav li, .sideTabs ul.tabNavs li {
    padding: 0px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.sideTabs ul.tabNavs li {
    margin: 3px;
}

.sideTabs ul.tabNav li a, .sideTabs ul.tabNavs li a {
    display: block;
    padding: 7px 0px !important;
    text-align: center;
    border-right: solid 1px #e4e3e3;
    color: #444444;
    font: 13px 'Lato', Tahoma, Geneva, sans-serif;
    background: #ececec;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.sideTabs ul.tabNav .firstTab a {

}
.sideTabs ul.tabNav li a:hover {
}
.sideTabs ul.tabNav li, .sideTabs ul.tabNavs li {
    float: left;
    width: 25%;
}
.sideTabs ul.tabNavs li{
     width: 24%;
}
.sideTabs ul.tabNav li:first-child > a {
}
.sideTabs ul.tabNav li.active {
}
.sideTabs ul.tabNav li.active a, .sideTabs ul.tabNavs li.active a {
    background: #1abc9c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.tabPopular ul, .tabRecent ul, .tabComments ul {
    padding: 0px !important;
}
.tabPopular {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tabRecent {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tabComments {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tabTag {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sideTabs .tabContent, .sideTabs .tabContents {
    clear: both;
    overflow: hidden;
    top: 5px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.sideTabsPosts {
    overflow: hidden;
}
.sideTabs .tabContent ul li, .sideTabs .tabContents ul li {
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: none;
}
.sideTabs .tabContent ul li:first-child, .sideTabs .tabContents ul li:first-child {
    padding-top: 0px;
}
.sideTabs .tabContent ul li:last-child, .sideTabs .tabContents ul li:last-child {
    padding-bottom: 0px;
}
.tabsPostThumb {
    float: left;
    margin-right: 15px;
    width: 75px;
    height: 65px;
}
.tabsPostThumb img {
    width: 75px;
    /*height: 65px;*/
}
.tabsPostDetails {
    overflow: hidden;
}
.tabsPostDetails h6 a {
    color: #666;
    font-size: 14px;
}
.tabTags a {
    text-transform: capitalize;
    color: #333;
    display: block;
    text-align: center;
    background: #e7e7e7;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 4px 10px;
    margin-right: 5px;
    margin-bottom:5px;
    /*font-size: 12px !important;*/
}
.tabTags a:hover {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
    background-color: #1abc9c;
}
.newsletterForm {
    overflow: hidden;
}
.newslettermail {
    width: 260px;
}
.newslettersubmit {
    background: #ed7d0b;
    border: none;
    cursor: pointer;
}

.widget_categories ul li, .widget_archive ul li, .widget_pages ul li {
    width: 170px;
    max-width: 170px;
    float: left;
    margin-right: 30px;
}
.widget_categories ul li:nth-child(2n+0), .widget_archive ul li:nth-child(2n+0), .widget_pages ul li:nth-child(2n+0) {
    margin-right: 0px;
}
#calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr {
    padding: 8px;
    border: 1px solid #e7e7e7;
    border-collapse: collapse;
}
#calendar_wrap #wp-calendar {
    width: 100%;
    color: #888;
}
#calendar_wrap #wp-calendar caption {
    font-size:14px ;
    color: #777;
    padding: 10px 0px 10px 1px;
    text-align: center;
}
#calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td {
    border: 1px solid #e7e7e7;
    text-align: center;
}
#calendar_wrap th {
    font-size:14px ;
    line-height: 20px;
    background: #F9F9F9;
    color: #444;
    text-shadow: white 0 1px 0px;
}
#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today {
    background: #1abc9c;
}
#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a {
    color: #FFF;
}
.tagcloud {
    overflow:hidden;
}
.tagcloud a {
    text-transform: capitalize;
    color: #333;
    display: block;
    text-align: center;
    background: #e7e7e7;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 4px 10px;
    margin-right: 5px;
    margin-bottom:5px;
    font-size: 12px !important;
}
.tagcloud a:hover {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
    background-color: #1abc9c;
}



.sideNavigation {
    float: left;
    overflow: hidden;
    width: 200px;

    margin-bottom:20px;



}
.sideNavigation li {

}
.sideNavigation li a {
    display: block;
    padding: 8px 14px;
    font-family: 'Lato';
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size:13px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
    color: #666;
}
.sideNavigation li a:hover {
    background: #f9f9f9;
    padding-left:20px;
}

div.contact-widget #widgetcontactForm {
}
.footerWidget #widgetcontactForm {
    padding: 0px !important;
}
div.contact-widget input[type="text"] {

    padding: 8px 10px;
    width: 65%;
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
div.contact-widget textarea {

    padding: 10px;
    color: #999;
    width: 90%;
    height: 60px;
    font-size: 12px;
}

div.contact-widget .error {
}
div.contact-widget .button {
    font-size: 13px;
    cursor: pointer;
    border: none;
    color: #fff;
    margin-top:10px;
}
div.contact-widget .button:hover {
    background: #333;
}
div.contact-widget .screenReader {
    display:none;
}

.lioLatestPosts {
    overflow: hidden;
}
.lioLatestProjects {
    overflow: hidden;
}
.lioLatestProjects .recentProject {
    margin-bottom:20px;
}
.lioLatestPosts .lioLatestPost {
    overflow: hidden;
}
.lioLatestPosts .lioLatestPost .liopostThumb {
    float: left;
    width: 75px;
    height: 65px;
    overflow: hidden;
    margin: 0px 10px 0px 0px;
}
.lioLatestPosts .lioLatestPost .liopostThumb a img {
    width: 75px;
    height: 65px;
}
.lioLatestPosts .lioLatestPost h1 a {
}
.LioCatPostsThumb {
    float: left;
    overflow: hidden;
}
.lioPosMeta {
    overflow: hidden;
    padding: 0px !important;
    margin: 0px !important;
}
.lioPosMeta span {
    display: block !important;
    overflow: hidden;
}
.lioPosMeta span, .lioPosMeta span a {
    font-size: 11px;
    color: #444;
    display: inline-block;
    margin-right: 10px;
    padding-top: 0px !important;
    padding-bottom: 0px !important
}


#login-form {

}
#login-form #log, #login-form #pwd {
    padding: 10px;
    min-width: 175px;
    display: block;
    width: 348px;
    margin-bottom: 10px;
}

#login-form .login-button {
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
}
#login-form .login-button:hover {
    color: white;
    padding: 10px;
    background-color: #333333;
    cursor: pointer;
}
#rememberme {
}
#login-form p {
    padding-bottom: 0;
}
ul.login-links {
    padding: 0px !important;
    overflow: hidden;
}
.widget ul.login-links li {
    background: none;
    float: left;
    margin-right: 15px;
    border-bottom: none;
}

#user-login {
    overflow:hidden;
}
.widget.login-widget .author-avatar, .widget.widget_author .author-avatar {
    float: left;
    margin-right: 15px;
    width: 80px;
    height: 80px;
}
#user-login .author-avatar  {
    width:60px;
    height:60px;
    padding-top:5px;
}
.allAuthorPosts {
    cursor: pointer !important;
    display: block;

}
.allAuthorPosts:hover {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    background: #333333;
}
#user-login ul {
    margin-bottom: 10px;
    padding: 0px !important;
    overflow: hidden;
}
.widget.login-widget #user-login ul li {
    display: block;
    padding: 0px !important;
}
.widget.login-widget #user-login ul li a {
    padding: 1px 0px;
}
.widget.login-widget .author-social {
    text-align: center;
    display: block;
    overflow: hidden;
}
.widget.widget_author .author-social {
    text-align: center;
    float: left !important;
    overflow: hidden;
}
.widget.login-widget .author-social a, .widget.widget_author .author-social a {
    width: 21px !important;
}
.widget.login-widget #user-login ul li {
    border-bottom: dashed 1px #ececec;
}


.widget #flickr_badge_wrapper {
    overflow: hidden;

}
.widget .flickr_badge_image {
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #FAFAFA;
    padding: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget .flickr_badge_image:nth-child(5n+1) {
    margin-right:0px;

}
.widget .flickr_badge_image a img {
    width: 65px;
    height: 65px;
    margin-bottom: 0px;
    padding: 0px;
}
.widget.comments .blog_post {
    overflow: hidden;
    margin: 0px !important;

}

.posts_imagescontent {
    overflow: hidden;
}
.posts_images .widgetPostImage {
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.posts_images .widgetPostImage a img {
    width: 65px;
    height: 65px;
}
.posts_images .widgetPostImage:nth-child(5n+0) {
    margin-right: 0px;
}
.rc_img {
    float: left;
    margin-right: 15px;
    margin-bottom: 0px !important;
    width: 60px;
    height: 60px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rc_img img {
    margin: 0px !important;
    padding: 0px !important;
}
.widget.comments .blog_post p {
    display: block;
    margin: 0px !important;
    overflow: hidden;
}
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-items-filter {

    margin: 0px 0px 20px 0px;
    overflow: hidden;
}
.no-js #portfolio-items-filter {
    display: none;
}
#portfolio-items-filter li {
    display: inline-block;

    list-style: none;
    margin: 0;
}
#portfolio-items-filter li:first-child {
    margin-top: 5px;
    margin-right: 5px;
}
.ie7 #portfolio-items-filter li:first-child {
    display: none !important;
}
#portfolio-items-filter a {
    background: #1abc9c;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 0 5px 5px;
    padding: 5px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: background .2s ease;
    -o-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -webkit-transition: background .2s ease;
}
.ie7 #portfolio-items-filter a {
    display: block !important;
    margin: 0 0 5px 5px !important;
    padding: 5px 10px !important;
    width: auto !important;
}
#portfolio-items-filter a:hover {
    background: #3a3a3a;
}
#portfolio-items article {
    margin-bottom: 20px;
}
#portfolio-items .project-meta {
    display: block;
    margin: 0;
    padding: 20px 0 0;
}
/* Isotope */

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    z-index: 2;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: top, left, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
/* -------------------------------------------------- */
/*	Single Project
/* -------------------------------------------------- */

.project-title {
    color: #3a3a3a;
    font-size: 32px;
    font-weight: 400;
}
.portfolio-pagination {
    float: right;
    margin: -58px 0 0;
}
.portfolio-pagination li {
    display: inline-block;
    list-style: none;
    line-height: 25px;
    margin: 0;
}
.ie7 .portfolio-pagination li {
    display: inline;
}
.portfolio-pagination .prev {
    border-right: 1px solid #e8e8e8;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.single-project .page-header .button {
    color: #a1a1a1;
    font-style: italic;
    margin-top: -5px;
}
.single-project .page-header a:hover {
    color: #f15a23;
}
.single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}
.no-js .single-project .image-gallery-slider > ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.staff {
    overflow:hidden;
}



.memberSocial {
    overflow:hidden;
    text-align:center;
    margin-bottom:15px;
}

.memberProfile  {
    border: none;
    cursor: pointer;
    display: inline-block;
    font: 12px 'Lato', Tahoma, Geneva, sans-serif;
}

.memberSocial a {
    display:inline-block;
    font-size:16px;
    color:#575757;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}
.memberSocial .elloicon-twitter:hover {
    color:#0598c9;
}
.memberSocial .elloicon-facebook:hover {
    color:#435fac;
}
.memberSocial .elloicon-behance:hover {
    color:#0188f5;
}
.memberSocial .elloicon-vimeo:hover {
    color:#01a5cd;
}
.memberSocial .elloicon-skype:hover {
    color:#24c1ef;
}
.memberSocial .elloicon-linkedin:hover {
    color:#2b83b6;
}
.memberSocial .elloicon-google-plus:hover {
    color:#c51f26;
}
.memberSocial .elloicon-forrst:hover {
    color:#4c8247;
}
.memberSocial .elloicon-dribbble:hover {
    color:#db4780;
}

.projectslider {
    margin-bottom:20px;
}
.projectShare {
    margin-bottom:20px;
    border-bottom:solid 1px #e7e7e7;
    padding-bottom:15px;
    overflow:hidden;
}
.projectShare .projectShareTitle {
    float:left;
    display:inline-block;
    margin-right:10px;
}
.projectShareButtons {
    overflow:hidden;

}

.sharebox{
    overflow:hidden;
}

.sharebox a.facebook,
.sharebox a.twitter,
.sharebox a.google,
.sharebox a.tumblr,
.sharebox a.email{
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('images/social.png');
    float: left;
}

.sharebox a.twitter{
    background-position: 0 -32px;
}

.sharebox a.google{
    background-position: 0 -64px;
}

.sharebox a.tumblr{
    background-position: 0 -96px;
}

.sharebox a.email{
    background-position: 0 -128px;
}

.sharebox input{
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    color: #7A7A7A;
    font-size: 10px;
    padding: 7px;
    width: 205px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

.sharebox.show{
    display: block;
}

.projectflexslider {
    margin-bottom:0px !important;
}

.projectSidebar {
    overflow:hidden;

}
.projectDetails {
    overflow:hidden;

}
.projectDetails h6 {
    margin-bottom:15px;
    font-weight:bold;
}
.projectSidebar .projectMeta {
    overflow:hidden;
    margin-bottom:20px;
    border-bottom:solid 1px #e7e7e7;
    padding-bottom:5px;
}

.projectMeta ul {
    padding:0xp;
    margin:0px;
}
.projectMeta ul li {
    display:inline-block;
    float:left;
    margin-right:10px;
}
.projectMeta ul li:last-child  {
    float:right;
}
.projectDescription {
    overflow:hidden;
    margin-bottom:20px;
}
.projectSkills {
    overflow:hidden;
    margin-bottom:20px;
}
.projectSkills ul li {
    border-bottom:solid 1px #e7e7e7;
    padding:7px 0px;
    color:#555;
}
.projectSkills ul li strong {
    color:#555;
    margin-right:3px;
}
.projectSkills ul li:first-child {
    padding-top:0px;
}
.projectSkills ul li:last-child {
    border-bottom:none;
}

.projectLargeThumb {
    width:100%;
    overflow:hidden;
}
.projectLargeThumb img {
    width:100%;
}

.fullWidthPage {
    padding:20px 0px;
}

.relatedProjects {
    overflow:hidden;
    margin-bottom:30px;
}

.relatedProjects .relatedTitle {
    overflow:hidden;
    margin-bottom:20px;
    float:left;
}
.singleProjectFullContent  {
    padding:10px 0px 0px 0px;
}









/***************** Contact ******************/

html:not(.js) #GoogleMap {

}

#GoogleMap {
    width: 100%;
    height: 450px;

    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
    border-bottom:solid 1px #fff;
}

#GoogleMap div {
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
}

.contactInfo {
    overflow:hidden;
}
.contactInfo h5 {
    margin-bottom:20px;
}
.contactInfo ul {
    margin-bottom:30px;
}
.contactInfo ul li {
    padding:2px 0px;
    color:#555;
}
.contactInfo ul li strong {
    color:#555;
    margin-right:3px;
}
.contactInfo ul li:first-child {
    padding-top:0px;
}
.contactSocial {
    overflow:hidden;
}
.contactSocial a {
    display:inline-block;
    font-size:16px;
    color:#575757;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}
/***************** Bar graph ******************/

.progressBar {
    text-align: left!important;
    margin: 0px!important;	
}

.progressBar li {
    list-style: none!important;
}

.progressBar li:last-child span {
    margin-bottom: 0px;
}

.progressBar li .progressWarp {
    margin-bottom:13px;
    background-color: #e3e3e3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ebebeb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
}

.progressBar li span {
    height: 15px;
    width: 0px;
    display: block;
    background-color: #1abc9c;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}

.progressBar li p {
    padding-bottom: 2px;
}

.progressBar li span {
    overflow: visible!important;
    position: relative;
}

.progressBar li span strong {
    position: absolute;
    right: -0px;
    top: -25px;
    padding: 4px 7px!important;
    background-color: #333;
    color: #fff;
    line-height: 12px!important;
    font-size: 11px!important;
    opacity: 0;
    display: block;
    font-family: 'Lato';
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
}

.progressBar li span strong:after {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    width: 0;
}

.progressBar li span strong.full:after {
    left: 15px;
}




.testimonialsList {
    overflow: hidden;
    position: relative;
}
.testimonialItem {
    overflow: hidden;
}
.authorAvatar {
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.authorAvatar img {
    width: 100px;
    height: 100px;
}
.testimonialContent {
    overflow: hidden;
    font: 13px 'OpenSansItalic', Tahoma, Geneva, sans-serif;
}
.testimonialContent p {
    display: block;
}



#to-top {
    display: block;
    position: fixed;
    right: 17px;
    bottom: -50px;
    padding: 11px 13px;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    z-index: 10000;
    height: 20px;
    width: 20px;
    text-shadow: 1px 1px 0px #fff;
    background-color: #dadada;
    color: #777;
    text-align: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    -webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
#to-top i {
    font-size: 30px;
    line-height: 20px;
}
#to-top:hover, #to-top.dark:hover {
    background-color: #1abc9c;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
}
#to-top.dark {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #444;
    color: #fff;
}
body[data-smooth-scrolling="1"] #to-top {
    right: 33px;
}

.mainPagination {
    overflow:hidden;
}
.pagesNambers {
    overflow:hidden;
    float:left;
}
.pagination {
    display: block;
    padding-right: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
    clear: left;
}
.pagination a, .pagination a:link, .pagination a:visited {
    font-size:13px;
    font-weight:bold;
    color: #333;
    display: block;
    text-align: center;
    background: #e7e7e7;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 7px 15px;
    margin-right: 7px;
}
.pagination a:hover {
    color: #ccc;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    background: #3b3b3b;
}
.pagination span.pages {
    display: block;
}

.pagination span.nav_ext {
    float: left;
    margin-right: 5px;
}

.pagination span.current {
    font-size:13px;
    font-weight:bold;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-right: 7px;
    background: #1abc9c;
    color: white;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    padding: 7px 15px;
    float: left;
}
.paginationLinks {
    float:right;
    overflow:hidden;
}
.paginationLinks a {
    display:inline-block;
    margin-left:5px;
    font-size:13px;
    font-weight:bold;
    color: #ccc;
    text-align: center;
    background: #3b3b3b;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 7px 15px;
}
.paginationLinks a:hover {
    color: #333;
    background: #e7e7e7;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}


.wpcf7-submit {
    display: block;
    text-align: center;
    margin-right: 7px;
    border:none;
    background: #333;
    color: #fff;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    font-size: 13px;
    cursor: pointer;
    padding: 13px 20px;

}
.wpcf7-submit:hover {
    background:#1abc9c;
}

.error {
    overflow:hidden;
    text-align:center;
}
.errorMessage {
    text-align: center;
    font-size: 150px;
    line-height:150px;
    color: #1abc9c;
    margin-bottom:20px;
}
.errorMessage2 {
    text-align: center;
    display: block;
    color: #333;
    font-size: 16px;
    line-height:40px;
}
.error p {
    color: #555;
    margin-bottom: 15px;
    line-height:40px;
}
#subsearch {
    overflow:hidden;
    margin-bottom:40px;
}

#page-loading {
    text-align:center;
    line-height:35px;
    background:url(images/loading.gif) no-repeat left center;
    padding-left:40px;
    display:block;
    width:250px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}
.dribblebox {
    overflow:hidden;
    margin-bottom:25px;
    position:relative;

}
.dribblebox img {
    overflow:hidden;
    width:270px;

    margin:0px !important;
    padding:0px !important;
}
.dribblebox .overlay {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0px;
    cursor: pointer;
    background: #1abc9c;

}
.dribblebox .overlay a {
    margin-top:30%;
    display:inline-block;
    padding:5px 10px;
    color:#fff;
    background:#2c2c2c;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}
.dribblebox .overlay a:hover {
    background:rgba(0,0,0,0.9);
    color:#ccc;
}
.dribblebox .overlay .boxZoom {
    float:left;	
    margin-left:80px;
}
.dribblebox .overlay .boxDetails {
    float:right;
    margin-right:80px;	
}
.flickrbox {
    margin-bottom:20px;
}
.flickrbox img {
    width:170px;

    margin-bottom: 0px;
}
/* #Retina Styles
================================================== */


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {


    #logo a {
        display:none;
    }
    #logo a.logoretina {
        display:block !important;
    }

    #header-searchform input {
        background-image: url('images/smallsearch@2x.png');
        background-size: 30px 30px;
        padding: 13px 0 13px 44px;
    }


}





.recentMember {
    padding: 0;

    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    text-align: center;
    position: relative;
    transition: all linear 0.25s;
    -ms-transition: all linear 0.25s;
    -moz-transition: all linear 0.25s;
    -webkit-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;

}
.recentMembers {
    display: inline-block;
}

.recentMember:hover {

    
}

.staff .recentMember:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    z-index:999;
}

.imgCircle {



}
.recentMember{
    padding-bottom: 50px; 
}

.recentMember img {
    margin-bottom: -40px;
    
    width: 60px;
    height: 60px;
    border: 10px solid #FFF;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;


}
.recentMember h5 {
    color:#fff;
}
.recentMember h4 {
    padding:15px 0;
    font-weight:bold;
}
.recentMember h4 a {
    color:#333;
}
.recentMembers:hover .recentMemberAvatar {
    width: 80px;
    height: 80px;
    border: 10px solid #1abc9c;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}




.sPersonCard {
    overflow:hidden;

}
.sPersonCard .memberSocial {
    text-align:left;
}

.sPersonCard h3 {
    margin-bottom:10px;

}
.sPersonCard h5 {
    margin-bottom:10px;
    font-size:15px;
    color:#666;
}
.sPersonCard h6 {
    margin-bottom:10px;
    font-size:12px;
    color:#666;
}

.singleTeamTitle .container {
    border-bottom:none;
}
.exInfoMeta {
    padding-bottom:15px;
    border-bottom: solid 1px #e6e6e6;
    margin-bottom:15px;
}
.exInfoMeta li {
    padding:4px 0px;
}
.exInfoMeta li i {
    font-size:16px;
    margin-right:10px;
}
.exInfoMeta li span {
    color:#555;
    margin-right:10px;
    min-width:100px;
    display:inline-block;
}



.postPassowdBox {

    overflow: hidden;
    margin-bottom: 20px;
    color: #B94A48;
    padding: 20px;
}
.postPassowdBox span {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}
.postPassowd {
    border: 1px solid #d6d6d6;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    background: #fafafa;
    padding: 10px;
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
}

.postPassowdBox .postPassowdgo {
    font-weight: bold;
    border:none;
    z-index: 3000;
    background: #e74c3c;
    color: #fff !important;
    text-shadow: 1px 1px 1px #b92121;
    padding: 10px;
    cursor: pointer;
    margin-left:10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

/*Comments*/
.lcomm-hidden {
    position: absolute;
    margin-top: -20px;

    width: 350px;
    display: none;
    padding: 10px 14px;
    font-weight: normal;
    text-shadow: none;
    background: #fff;
    border: solid 2px #ff3535;
    border-radius: 4px 4px 4px 4px;
    z-index: 150;
    color: #444;
}

.iComm  li:hover .lcomm-hidden {
    display: block;
}


/*плейлист для аниме*/
.section { 
    margin: 0 auto; 
    width:100%; 
    padding-bottom:180px; 
    position:relative; 
}
ul.tabs { 
    position:absolute; 
    top:385px; 
    list-style:none; 
    width:100%; 
    height:180px; 
    overflow:auto; 
    margin-left: -3px
    
}
.tabs li {  
    padding: 7px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #ececec;
    font-size: 13px;
    color: #666;
    padding: 8px 0px;
    border-bottom: solid 1px #e7e7e7;
    cursor: pointer;
}

.tabs li:hover{ 
    background:#e74c3c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);    
}

.tabs li.current { 
    background-color: #e74c3c;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #ff2d2d; 
    
}

.box { display: none;}
.box.visible { display: block; height: 100%;}

.scroll-to-top-button {
    background: #fa3032 url(../images/up.png) center center no-repeat;
    width: 42px;
    height: 61px;
    color: #fff;
    font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    padding: 8px;
    margin: 25px;
}

/*---Комментарии---*/
.rcol {float: right;} .lcol{ float: left;}
.bcomment { border-top: solid 1px #e7e7e7; padding-left: 130px; padding-bottom: 15px; }
.bcomment .lcol { color: #707070; margin-left: -130px; padding: 14px 0 10px 15px; width: 115px; }
.bcomment .lcol ul { font-size: 0.85em; }
.bcomment .lcol .avatar { width: 100px; overflow: hidden; margin-bottom: 4px; }
.bcomment .lcol .avatar img { width: 100px; display: block; }

.bcomment .rcol { padding-top: 15px; width: 100%; float: right; }

.bcomment .dtop h3 a { color: #fb4506; }

.bcomment .dtop span { float: right; height: 16px; line-height: 16px; }
.bcomment .dtop h4 span {float: none;}


.cominfo { 
    position: relative; 
    margin-bottom: 12px; 
    height: 30px;    
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #e7e7e7;
}

.cominfo .dleft { width: 15px; height: 44px; position: absolute; top: -7px; left: -15px; background: url("./images/comileft.png") no-repeat; }

.cominfo ul { float: left; line-height: 29px; }
.cominfo ul li { padding-left: 12px; color: #707070; float: left; height: 30px; margin-right: 15px; }

.argreply a { 
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px 2px 0 0;
    padding: 2px 7px;
    font-size: 11px;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: auto;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #333333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    float: right; 
}



.signature, .slink { color: #707070; }

/*Статистика сайта*/

.statistics ul {
    margin: 10px;
}

/*PM*/

.pmMain h2 { text-align:center;}
.pmNav { font-weight:bold; font-size:14px; text-align:center;}
#pm p {	font-size: 13px; }

.pm td { outline: none; vertical-align: middle; white-space: nowrap; padding: 7px 6px 7px 10px;}
.pm .pm_head { font-weight:bold; font-size:14px; }
.pm tr:hover .pm_list {background:#e74c3c; }
.pm tr:hover .pm_list a {color:#fff;}
.bcomment { 
    border-top: 3px solid #484848;
    padding-left: 130px;
    padding-bottom: 15px;
}
.bcomment .avatar { margin-right: 10px;}
.bcomment h3 a { color:#333;}

.bcomment .pms a, .bcomment .pms h2 a { text-align:center; color:#333; }
.bcomment .pms a:hover, .bcomment .pms h2 a:hover { text-decoration:underline; }

.pmMain .tableform { margin:0 auto;}
.pmMain .tableform .label { font-weight:bold; font-size:14px;}
.bcomment .pms .quote { padding-left: 20px; }


.comedit ul { float: right; }
.comedit ul li, .comedit ul li a { float: left; }

.comedit ul li a { padding: 2px 2px;  }
.comedit ul li a .btn {
    padding: 5px 10px;
}

.pm_btn {padding: 5px 10px;}
.comedit ul li.selectmass { position: relative; background-color: #f1f0ed; width: 21px; }
.comedit ul li.selectmass input { position: absolute; top: 4px; left: 4px; margin: 0; }

.userinfo .avatar img{
    width:145px;
}

/*---Userinfo---*/
.userinfo { padding-left: 175px; }
.rateui { width: 85px; height: 17px; margin: 0 auto; padding-top: 4px; }
.userinfo .lcol { margin-left: -175px; width: 160px; padding-right: 15px; }
.userinfo .lcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #dfddd9; }
.userinfo .lcol .avatar img { width: 150px; }

.userinfo .rcol { width: 100%; }
.userinfo .rcol ul { list-style: none; margin-left: 0; }
.userinfo .rcol ul li { margin-bottom: 0.2em;  } 

.love_block {
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 5px;
    display: inline-block;
    width: 120px;
}    

/* DLE Friends v1.5 */
#no-friends { padding: 6px; border: 1px solid #C0D4DE; background-color: #F3F7F9; color: #507D98; margin: 10px 0; }

.friends { margin-bottom: 10px; }
.friends ul, .prof-list { margin-top: 10px; }
.friends li { width: 100px; text-align: center; float: left; margin-right: 10px; }
.friends img { display: block; margin: 0 auto; width: 100px; height: 100px; }

.friends_table h3 { margin-bottom: 6px; font-size: 14px; line-height: 14px; font-weight: bold; }
	.friends_table h3 a span { font-size: 12px; font-weight: normal; color: #6C838E; }
	.friends_table h3 a span:hover { text-decoration: underline; }
.friends_table ul { list-style: none; margin: 0; padding: 0; }
.friends_table td { padding: 10px; border-bottom: 1px solid #EEE; font-size:12px; vertical-align: top; }
.friends_table .active { background-color: #F8F8F8; }
.contact_friends { width: 140px; }
.contact_friends a, .contact_friends span { display: block; padding: 6px; margin-bottom: 4px; line-height: 11px; }
.contact_friends a:hover { background-color: #DAE7ED; text-decoration: none; }

#allfriends .rcol { margin-top: 4px; }
#allfriends h2.lcol a { text-decoration: underline; }
#allfriends h2.lcol a:hover { text-decoration: none; }

#friends_feed { margin: 0 15px; }
#friends_feed table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 25px; }
#friends_feed td { vertical-align: top; text-align: left; }
#friends_feed td.f_avatar, #friends_feed td.f_author { border: 1px solid; border-color: #ACCCDA #E2EDF2 #E2EDF2; vertical-align: middle; background-color: #F4F8FA; }
#friends_feed td.f_avatar { width: 50px; border-spacing: 10px; padding: 2px; border-right-width: 0; }
#friends_feed td.f_avatar img { width: 50px; height: 50px; }
#friends_feed td.f_author { padding: 0 10px; border-left-width: 0; border-style: solid; font-size: 11px; }
#friends_feed td.f_author h3 { fonst-size: 14px; font-weight: bold; margin-bottom: 4px; }
#friends_feed td.f_story { padding: 15px 0; }
#friends_feed .f_cover { width: 104px; max-height: 104px; overflow: hidden; margin-right: 10px; float: left; border: 1px solid #E2EDF2; background-color: #F4F8FA; }
	#friends_feed .f_cover img { width: 100px; padding: 2px; }
#friends_feed td.f_det { border-top: 1px solid #E2EDF2; padding: 5px 0; }

.feed_loader { padding: 10px; text-align: center; border-top: 1px solid #E2EDF2; color: #284B5A; margin-bottom: 20px; }
.f_active:hover { border-color: #ACCCDA; background-color: #F4F8FA; cursor: pointer; }

/*Мини чат*/
#mainContent { padding: 13px 10px 0 0; margin: -20px 0 45px 0;}

.nodechat_btn, iComm li {
    -webkit-transition-property: background color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: background color;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: background color;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease-out;
    transition-property: background-color;
    transition-duration: 30ms;
}

.nodechat_btn {
    font-size: 12px;
    border: 1px solid #f2f1f1;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    color: #000;
    display: inline-block;
    border-radius: 4px;
    float: left;
    padding: 4px 6px;
    margin: 5px 3px;
    font-weight: bold;
    background: #F3F3F3;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    cursor: pointer;
}



.nodechat_btn:hover {
    background-color: #ff6c6c;
    cursor: pointer;
}

.nodechat_btn a:hover {
    background-color: #ff6c6c;
    text-decoration: none;
}

.nodechat_indent{
    margin: 10px 0 0 45px;
}

#info{ width: 12%; 
       position: fixed; 
       bottom: 0; 
       left:0; 
       padding: 10px 10px;
       margin: 15px;
}


#sidebar #mainContent .ui-effects-wrapper {height: 0 !important;}

#rev_slider_2_1 .caption {

padding: 7px 5px !important;

color: #444444;

background: rgba(231, 76, 60, 0.8);
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

/*Кто онлайн*/


.online_progress img { margin-bottom: -25px;height:50px; }
.online_progres img { float:right;margin-top: -90px; height:50px; }

.online_progress_bar {
    border: 1px solid #d8d8d8;
    padding: 1px;
    margin-top: 10px;
    margin-bottom: 10px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; z-index:999;
    background-color:#FF3300;	
}

.online_progress_bar .vc_label {

}
.vc_bar_right {
    
    display: block;
    position: absolute;
    height: 100%;
    background-color: #e0e0e0;
    width: 0%;
    top: 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    right: 0 !important;
    
}

 

.vc_bar_right_text {
    margin-top: -35px;
}

.friendsEs { border: 10px solid #1abc9c;}
.online_robot{color:gray;cursor:pointer;margin-right:10px} /*настраиваем цвет поисковых роботов*/
.online_guest{color:blue;cursor:pointer;margin-right:10px}  /*настраиваем цвет гостей*/


#hintbox{width:170px; position:absolute; top:0; margin:10px 0 0 0; padding:3px 5px; font-size:10px; color:#000; border:1px solid #AAA; background-color:#fff; layer-background-color:#a396d9; visibility:hidden; z-index:1000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80; }

#hintbox img {
    max-width: 150px;
}

/*Поиск*/

.berrors { margin-bottom: 15px; }

/*---Вывод ошибок---*/
.berrors { color: #fff; padding: 15px 15px 15px 72px;  } 
.berrors a { color: #a85003; }



#rev_slider_2_1_wrapper{
    height: 350px;
}

/*playlist*/
#videoFrame .frame{
    margin-bottom: -6px;
}

#videoFrame .frame iframe, .tabContents iframe, #videoFrameSkorpik .frame video, #videoFrameSkorpik .frame {
    height: 385px ;
}

#playlist, #player-playlist, #playlist-skorpik{
    color: #999;
    background: #1a1a1a;

}

#playlist .playlist-header, #player-playlist .playlist-header, #playlist-skorpik .playlist-header {
    padding: 0 10px;

}
#playlist .playlist-header .playlist-info, #player-playlist .playlist-header .playlist-info, #playlist-skorpik  .playlist-header .playlist-info {
    font-size: 11px;
    line-height: 1.5;

}

#playlist .playlist-header .playlist-info h3, #player-playlist .playlist-info h3, #playlist-skorpik .playlist-header .playlist-info h3{
    line-height: 1.3;
    color: #fff;
    margin-bottom: 0;
}

#playlist .playlist-videos-container, #playlist-skorpik .playlist-videos-container {
    clear: both;
}
#playlist .playlist-videos-container ol, #player-playlist .playlist, #playlist-skorpik .playlist-videos-container ol{

    background-color: #222;
    counter-reset: playlist-video-section;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    max-height: 235px;
}
#playlist .playlist-videos-container ol li, #playlist-skorpik .playlist-videos-container ol li, #player-playlist .playlist li{
    overflow: hidden;
    padding: 10px 10px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.playlist-videos-list li:before {float: left; padding: 0 5px 0 0;}

#playlist .playlist-videos-container ol li:hover, #playlist-skorpik .playlist-videos-container ol li:hover, #playlist .playlist-videos-container ol li.active, #playlist-skorpik .playlist-videos-container ol li.active, #player-playlist .playlist li.active,#player-playlist .playlist li:hover {
    background-color: #525252
}

#playlist .playlist-videos-container ol li:hover, #playlist-skorpik .playlist-videos-container ol li:hover, #player-playlist .playlist li:hover{
    cursor: pointer;
}

#playlist .playlist-videos-container ol li h4, #playlist-skorpik .playlist-videos-container ol li h4, #player-playlist .playlist li h4 {
    color: #cacaca;
    font-size: 13px;
    line-height: 1.1em;
}


#playlist ::-webkit-scrollbar, #playlist-skorpik ::-webkit-scrollbar, #player-playlist ::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

#playlist ::-webkit-scrollbar-thumb, #playlist-skorpik ::-webkit-scrollbar-thumb, #player-playlist ::-webkit-scrollbar-thumb{
    background: #ccc
}

#playlist ::-webkit-scrollbar-thumb:hover, #playlist-skorpik ::-webkit-scrollbar-thumb:hover, #player-playlist ::-webkit-scrollbar-thumb:hover {
    background: #777
}

#playlist ::-webkit-scrollbar, #playlist-skorpik ::-webkit-scrollbar, #player-playlist ::-webkit-scrollbar {
    width: 10px;
    height: 9px
}

#playlist ::-webkit-scrollbar-track, #playlist-skorpik ::-webkit-scrollbar-track, #player-playlist ::-webkit-scrollbar-track {
    border-left-color: #434343;
    background: #434343;
    -webkit-box-shadow: inset 0 0 1px #434343
}

#playlist ::-webkit-scrollbar-thumb,#playlist-skorpik ::-webkit-scrollbar-thumb, #player-playlist ::-webkit-scrollbar-thumb{
    border-left-color: #8e8e8e;
    background: #8e8e8e
}

#playlist ::-webkit-scrollbar-track:hover, #playlist-skorpik ::-webkit-scrollbar-track:hover,  #player-playlist ::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 1px #000
}

#playlist ::-webkit-scrollbar-thumb:hover, #playlist-skorpik ::-webkit-scrollbar-thumb:hover,  #player-playlist ::-webkit-scrollbar-thumb:hover {
    background: #1b1b1b
}


/*playlist*/
videoplayer404734900 {

    display: block;
}
        
.fairy iframe{
    width: 600px !important; height: 300px !important; margin: 10px auto;
}

#ambn7172 {text-align: center;}

/* Рейтинг + и - */
#player_playlist{
    bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 979px) {
    .skorpik-news-box article:last-child{
        display: none;
    }

    .skorpik-news-box article .content {
        margin-bottom: 10px ;
    }

}