@charset "utf-8";

*::selection {
    color: #ffffff;
    background-color: #0dbff2;
}

*::-moz-selection {
    color: #ffffff;
    background-color: #0dbff2;
}

body {
    margin: 0;
    padding: 0;
    color: #696f78;
    background-color: #fff;
    font: 15px/24px "Roboto", sans-serif;
    font-weight: 300;
}

.body-background {
    overflow: hidden;
}

.body-wrapper {
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.body-wrapper.boxed {
    width: 1300px;
    margin: 0 auto;
}

a {
    color: #0dbff2;
    text-decoration: none;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color, background-color, border-color;
    -moz-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
}

a:focus,
a:hover,
a:active {
    color: #373a3f;
}

a.reverse {
    color: #373a3f;
}

a.reverse:hover {
    color: #0dbff2;
}

a.read-more {
    padding: 0 10px 0 0 !important;
    background: url(../../assets/images/read-more.png) 100% 50% no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

a.read-more:hover {
    background-position: -100% 50%;
    padding: 0 0 0 10px;
}

img {
    border: none;
    outline: 0;
}

div, p, span {
    vertical-align: baseline;
}

p {
    margin-bottom: 24px;
}

p:empty {
    display: none;
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

ol {
    padding: 0;
    margin: 0
}

ol > li {
    list-style: decimal;
    padding: 0 0 5px 0;
    margin: 0 0 0 20px;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: circle;
}

ul li {
    padding: 0 0 5px 0;
    margin: 0 0 0 20px;
}

dl dd {
    margin: 0 0 0 20px;
}

cite {
    float: right;
    padding: 0 0 5px 0
}

hr {
    background: #e6e6e6;
    border: 0;
    clear: both;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 20px 0;
    position: relative
}

pre {
}

sub {
    vertical-align: sub;
    font-size: small;
}

sup {
    vertical-align: super;
    font-size: small;
}

code {
    font-family: monospace;
}

iframe {
    max-width: 100%;
}

mark {
    padding: 3px 5px;
}

table {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 13px;
}

tr:first-child th,
tr:first-child td {
    border-top-style: solid;
    border-top-width: 1px;
}

tr th:first-child,
tr td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
}

th, td {
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-top: none;
    padding: 0 5px;
}

th {
    font-weight: bold;
    text-align: left;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border-color: #f0f0f0;
}

iframe, input, textarea, button {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
}

iframe {
    display: block;
}

input, select, textarea {
    font-family: Arial, sans-serif;
    vertical-align: middle;
    font-weight: normal;
    outline: none;
}

select {
    display: block;
    padding: 8px 5px;
    height: 36px;
    width: 100%;
    color: inherit;
    border: 1px solid #f0f0f0;
    background: #fff url(../../assets/images/select.png) center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #373a3f;
    font-family: "Roboto Condensed", serif;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 1px 1px 3px transparent;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 15px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #0dbff2;
}

h1.title,
h2.title,
h3.title {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.white-color {
    color: #fff !important;
}

.dark-color {
    color: #373a3f !important;
}

.skin-color {
    color: #0dbff2;
}

.gray-color {
    color: #969aa0;
}

.body-color {
    color: #696f78;
}

.h-wrapper {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    padding: 0 0 60px;
}

.h-wrapper .line {
    display: block;
    width: 100%;
    height: 10px;
    margin: 9px 0 15px;
    background: url(../../assets/images/title-bg.png) center top no-repeat;
    border-bottom: 1px solid #f0f0f0;
}

.h-wrapper .icon {
    width: 100%;
    height: 60px;
    color: #0dbff2;
    font-size: 48px;
}

.h-wrapper h1,
.h-wrapper h2,
.h-wrapper h3,
.h-wrapper h4,
.h-wrapper h5,
.h-wrapper h6 {
    position: relative;
    margin-bottom: 0;
    display: inline-block;
}

.sub-title {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    color: #696f78;
    padding: 21px 0 0;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}

.sub-title.left {
    text-align: left;
}

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

.container_1 {
    float: left;
    width: 100px;
}

.container_2 {
    float: left;
    width: 200px;
}

.container_3 {
    float: left;
    width: 300px;
}

.container_4 {
    float: left;
    width: 400px;
}

.container_5 {
    float: left;
    width: 500px;
}

.container_6 {
    float: left;
    width: 600px;
}

.container_7 {
    float: left;
    width: 700px;
}

.container_8 {
    float: left;
    width: 800px;
}

.container_9 {
    float: left;
    width: 900px;
}

.container_10 {
    float: left;
    width: 1000px;
}

.container_11 {
    float: left;
    width: 1100px;
}

.space0 {
    height: 0;
}

.space5 {
    height: 5px;
}

.space10 {
    height: 10px;
}

.space15 {
    height: 15px;
}

.space20 {
    height: 20px;
}

.space25 {
    height: 25px;
}

.space30 {
    height: 30px;
}

.space35 {
    height: 35px;
}

.space40 {
    height: 40px;
}

.space45 {
    height: 45px;
}

.space50 {
    height: 50px;
}

.space55 {
    height: 55px;
}

.space60 {
    height: 60px;
}

.space65 {
    height: 65px;
}

.space70 {
    height: 70px;
}

.space75 {
    height: 75px;
}

.space80 {
    height: 80px;
}

.space85 {
    height: 85px;
}

.space90 {
    height: 90px;
}

.space95 {
    height: 95px;
}

.space100 {
    height: 100px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.font8 {
    font-size: 8px;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font30 {
    font-size: 30px;
}

.font36 {
    font-size: 36px;
}

.font48 {
    font-size: 48px;
}

.font60 {
    font-size: 60px;
}

.fontlight {
    font-weight: 300;
}

.fontbold {
    font-weight: 700;
}

.fontblack {
    font-weight: 900;
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}

.hide,
.display-none {
    display: none;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.row {
    float: left;
    width: 100%;
    background-attachment: fixed !important;
}

.business-hours {
    padding: 0;
    margin: 0;
    list-style: none;
}

.business-hours li {
    background: url(../../assets/images/clock.png) 0 center no-repeat;
    padding: 0 0 0 20px;
    margin-bottom: 5px;
}

.business-hours li strong {
    font-size: 13px;
}

.welcome-text1 {
    font-size: 215px;
    line-height: 194px;
    margin-left: -10px;
}

.welcome-text2 {
    font-size: 30px;
    font-weight: 300;
}

.box1-text1 {
    float: left;
    color: #696f78;
    font-size: 60px;
    margin: 20px 0 0 40px;
}

.box1-text2 {
    float: left;
    color: #696f78;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-left: 40px;
}

.box4-text1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    text-transform: uppercase;
    color: #696f78;
    margin-bottom: 25px;
}

.box5-text1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 41px;
}

/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

#header {
    background-color: #fff;
}

#topbar-wrapper {
    background-color: #373a3f;
}

#topbar {
    font-size: 11px;
    padding: 10px 0;
}

#top-nav {
    padding: 0;
    list-style: none;
    display: block !important;
}

#top-nav a {
    color: inherit;
}

#top-nav a:hover {
    text-decoration: none;
    color: #fff;
}

#top-nav > li {
    display: inline-block;
}

#top-nav > li .separate {
    margin: 0 8px;
}

#top-nav > li:first-child .separate {
    display: none;
}

#logo-wrapper {
    float: left;
    margin-top: 30px;
    font-size:22px;
}

#logo-wrapper a {
    display: inline-block;
}
#logo-wrapper a small{
    display: block;
    font-size: 14px;
    color: #666;
    text-align: right;
}

#logo-wrapper img {
    float: left;
}

.social-icon {
    display: inline-block;
    margin: 0 8px 10px;
    position: relative;
}

.social-icon a {
    display: block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    padding: 0;
    color: #696f78;
    background-color: transparent;
    border: 2px solid #696f78;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.social-icon a:hover {
    color: #fff;
    border-color: #fff;
}

.social-icon a.dark {
    color: #373a3f;
    border-color: #373a3f;
}

.social-icon a.dark:hover {
    color: #696f78;
    border-color: #696f78;
}

.social-icon.delicious a:before {
    content: "\e90f";
}

.social-icon.deviantart a:before {
    content: "\e8f5";
}

.social-icon.digg a:before {
    content: "\eac7";
}

.social-icon.facebook a:before {
    content: "\e7a1";
}

.social-icon.flickr a:before {
    content: "\e8ea";
}

.social-icon.google a:before {
    content: "\e8d9";
}

.social-icon.lastfm a:before {
    content: "\e90d";
}

.social-icon.linkedin a:before {
    content: "\e6c6";
}

.social-icon.myspace a:before {
    content: "\eac8";
}

.social-icon.picasa a:before {
    content: "\eac1";
}

.social-icon.pinterest a:before {
    content: "\e6b8";
}

.social-icon.rss a:before {
    content: "\e694";
}

.social-icon.stumbleupon a:before {
    content: "\eaae";
}

.social-icon.tumblr a:before {
    content: "\e901";
}

.social-icon.twitter a:before {
    content: "\e8e0";
}

.social-icon.vimeo a:before {
    content: "\e8e8";
}

.social-icon.youtube a:before {
    content: "\e744";
}

.social-wrapper {
    margin: 20px 0 15px;
    position: relative;
    text-align: center;
}

.social-wrapper.left {
    text-align: left;
}

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

.social-wrapper ul {
    padding: 0;
    list-style: none;
    display: inline-block;
}

.social-wrapper .social-icon a {
    width: 40px;
    height: 40px;
}

.logo-info-wrapper {
    overflow: hidden;
}

.top-info {
    min-height: 20px;
    margin: 10px 0;
}

.top-info .phone {
    display: inline-block;
    text-align: right;
    margin-left: 15px;
    padding-left: 22px;
    background: url(../../assets/images/icons/info/phone.png) no-repeat;
}

.top-info .email {
    display: inline-block;
    text-align: right;
    padding-left: 22px;
    background: url(../../assets/images/icons/info/email.png) no-repeat;
}

#header-down {
    position: relative;
    margin: 0 auto;
}

#menu-wrap {
    position: relative;
}

.stuck {
    position: fixed;
    left: 0;
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    z-index: 999;
}

#menu-wrapper {
    position: relative;
    float: right;
    min-height: 80px;
    text-align: center;
    z-index: 999;
}

#menu-wrapper select {
    display: none;
    margin-top: 22px;
}

#slider-wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 39px;
    background-color: #373a3f;
}

#slogan-wrapper {
    margin: 0 auto;
    background-color: #f0f0f0;
}

#slogan {
    position: relative;
    height: 115px;
    padding: 20px 0 0;
    overflow: hidden;
    font-size: 24px;
    font-style: italic;
    line-height: 75px;
    color: #696f78;
    font-family: "PT Sans", sans-serif;
}

#slogan .slogan-control {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 60px;
    float: left;
    margin-top: -30px;
    z-index: 9;
}

#slogan .slogan-next {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../../assets/images/slogan-nav.png) 0 0 no-repeat;
}

#slogan .slogan-prev {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../../assets/images/slogan-nav.png) 0 -30px no-repeat;
}

#slogan .slogan-next:hover {
    background-position: -30px 0;
}

#slogan .slogan-prev:hover {
    background-position: -30px -30px;
}

#slogan ul {
    padding: 0;
}

#slogan ul li {
    list-style: none;
    text-align: center;
}

#breadcrumb-wrapper {
    min-height: 36px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.breadcrumbs {
    margin: 0 auto;
    padding: 6px 0;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
}

.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs > a,
.breadcrumbs > span {
    padding: 0 3px;
}

.breadcrumbs > span:first-child {
    padding: 0 3px 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Main
/*-----------------------------------------------------------------------------------*/

#main {
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0 0;
    margin: 0 auto;
    background-color: #fff;
}

.content {
    clear: both;
    min-height: 1px;
}

section.row > article {
    padding: 90px 0 0;
}

.sub-section {
    min-height: 480px;
    background-color: #f0f0f0;
    background-attachment: fixed !important;
    background-position: 50% 0;
}

.page-comment {
    margin-top: 40px;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

#footer-wrapper {
    float: left;
    width: 100%;
}

#footer-wrapper a {
    color: #686868;
}

#footer-wrapper a:hover {
    color: #0dbff2;
}

#footer-wrapper .footer-top-wrapper {
    overflow: hidden;
    padding: 40px 0 0;
    background-color: #f0f0f0;
}

#footer-wrapper .widget > h3 {
    margin-bottom: 30px
}

#footer-wrapper .footer-bot-wrapper {
    overflow: hidden;
    padding: 50px 0;
    background-color: #373a3f;
}

#footer-wrapper .footer-bot-wrapper a {
    color: inherit;
}

#footer-wrapper .footer-bot-wrapper a:hover {
    color: #fff;
}

#footer-wrapper .footer-contact {
    height: 280px;
}

#copyright img {
    vertical-align: middle;
}

#copyright .copmiddle {
    text-align: center;
    overflow: hidden;
    line-height: 30px;
}

#copyright .copleft {
    text-align: left;
    overflow: hidden;
    line-height: 30px;
    float: left;
    padding: 0 0 0 10px;
}

#copyright .copright {
    text-align: right;
    overflow: hidden;
    line-height: 30px;
    float: right;
    padding: 0 10px 0 0;
}

#footer-menu.menu {
    display: block !important;
    padding: 0;
    list-style: none;
}

#footer-menu li {
    display: inline-block;
}

#footer-menu li .separate {
    margin: 0 10px;
}

#footer-menu li:first-child .separate {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	Sidebar
/*-----------------------------------------------------------------------------------*/

.sidebar {
    min-height: 1px;
}

.sidebar a {
    color: #0dbff2;
}

.sidebar .widget > h3 {
    margin: 0 0 10px;
}

.sidebar .footer-item {
    margin-bottom: 30px;
}

.sidebar a:hover {
    text-decoration: underline;
}

.bothleft {
    left: -600px;
}

.bothright {
    left: 0;
}

.bothmiddle {
    left: 300px;
}

.sidebarleft.border {
    padding-right: 29px;
    border-right: 1px solid #e4e4e4;
}

.sidebarright.border {
    padding-left: 29px;
    border-left: 1px solid #e4e4e4;
}

/*-----------------------------------------------------------------------------------*/
/*	Post & Portfolio
/*-----------------------------------------------------------------------------------*/

.featured-thumbnail-wrapper {
    position: relative;
    -webkit-box-shadow: 0 0 5px transparent;
    -moz-box-shadow: 0 0 5px transparent;
    box-shadow: 0 0 5px transparent;
}

.posts .featured-thumbnail,
.ports .featured-thumbnail {
    position: relative;
}

/* Post
---------------------------------------- */

.post-item-wrapper {
    width: 100%;
    float: left;
    padding-left: 0;
    list-style: none;
}

.posts.fullstyle,
.posts.halfstyle {
    margin-bottom: 40px;
    overflow: hidden;
}

.date-wrap {
    overflow: hidden;
    font-size: 18px;
    font-style: italic;
    font-family: "PT Sans", sans-serif;
    text-align: center;
    color: #373a3f;
}

.posts .date-wrap {
    font-style: normal;
    text-align: left;
    margin-bottom: 24px;
}

.single-post .older-newer {
    border-top: 1px solid #f0f0f0;
}

.single-post .date-wrap {
}

.posts h1 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    line-height: 30px;
}

.posts .post-content {
    padding-top: 40px;
    margin-bottom: 30px;
    overflow: hidden;
}

.posts .pagelink {
    clear: both;
    padding-top: 15px;
}

.posts .pagelink a {
    padding: 0 2px;
}

.posts.fullstyle h2 {
    min-height: 30px;
    padding: 15px 0;
    margin-bottom: 0;
    clear: both;
    font-size: 40px
}

.grid_8 .posts.halfstyle h2,
.grid_6 .posts.halfstyle h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.posts.fullstyle .excerpt {
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}

.posts.halfstyle .excerpt {
    overflow: hidden;
}

.posts.halfstyle .featured-thumbnail-wrapper {
    margin-right: 20px;
}

.grid_12 .posts.halfstyle .featured-thumbnail-wrapper {
    float: left;
    width: 450px;
}

.grid_9 .posts.halfstyle .featured-thumbnail-wrapper {
    float: left;
    width: 300px;
}

.grid_6 .posts.halfstyle .featured-thumbnail-wrapper {
    float: left;
    width: 200px;
}


.post-info {
    position: relative;
    min-height: 34px;
    color: #373a3f;
    font-size: 11px;
    padding: 10px 0 10px;
    border: 1px solid #f0f0f0;
    border-width: 1px 0 0;
}

.post-info.tabove {
    margin-top: 30px;
}

.posts.fullstyle .post-info {
    margin-top: 0;
}

.posts.halfstyle .post-info-wrapper {
    margin-top: 25px;
    width: 100%;
    float: left;
}

.post-info a {
    color: inherit;
}

.post-info a:hover {
    text-decoration: underline;
}

.post-info span[class^="icon-"] {
    position: absolute;
    font-size: 13px;
    left: 0;
    top: 11px;
    color: #696F78;
}

.post-info .post-author {
    position: relative;
    min-height: 25px;
    padding: 6px 15px 0 20px;
    display: inline-block;
    float: left;
}

.post-info .post-tags {
    position: relative;
    min-height: 25px;
    padding: 6px 15px 0 20px;
    display: inline-block;
    float: left;
}

.post-info .post-tags span[class^="icon-"] {
}

.post-info .post-comment {
    position: relative;
    min-height: 25px;
    padding: 6px 15px 0 20px;
    display: inline-block;
    float: left;
}

.post-info .post-comment span[class^="icon-"] {
}

.author-info {
    position: relative;
    padding: 0 0 19px;
    margin-bottom: 60px;
    border-bottom: 1px solid #f0f0f0;
}

.author-info h3 {
    margin-bottom: 10px;
}

.author-info h3 a {
    color: #0dbff2;
}

.author-info .authorDescription {
    overflow: hidden;
}

.author-info img {
    float: left;
    display: block;
    margin: 0 20px 0 0;
    border: 1px solid #f0f0f0;
}

.posts-link a {
    font-size: 13px;
    float: right;
    padding: 7px 0 0 0;
}

#social-share {
    overflow: hidden;
    clear: both;
    margin-bottom: 60px;
    padding: 25px 20px;
    color: #373a3f;
    border: 1px solid #f0f0f0;
}

.social-share {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
}

.social-share a {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #373a3f;
    background-color: #f0f0f0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.social-share a:hover {
    background-color: #fff !important;
}

.social-share.delicious a:before {
    content: "\e90f";
}

.social-share.digg a:before {
    content: "\eac7";
}

.social-share.facebook a:before {
    content: "\e7a1";
}

.social-share.google a:before {
    content: "\e8d9";
}

.social-share.linkedin a:before {
    content: "\e6c6";
}

.social-share.myspace a:before {
    content: "\eac8";
}

.social-share.reddit a:before {
    content: "\e90b";
}

.social-share.stumbleupon a:before {
    content: "\eaae";
}

.social-share.twitter a:before {
    content: "\e8e0";
}

.older-newer {
    position: relative;
    min-height: 39px;
    clear: both;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    color: #afafaf;
    margin-bottom: 70px;
}

.older-newer a {
    color: inherit;
}

.older-newer a:hover {
    color: #0dbff2;
}

.older-newer .older {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 13px 10px 0 0;
    z-index: 2;
}

.older-newer .newer {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 13px 0 0 10px;
    text-align: right;
    z-index: 2;
}

.related {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.related .related-content ul {
    padding-left: 0;
    list-style: none;
}

.posts .related .related-content li {
    position: relative;
    padding: 7px 0 6px 20px;
    border-bottom: 1px dotted transparent;
}

.posts .related .related-content li:before {
    content: "\ea7b";
    position: absolute;
    left: 0;
    top: 13px;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.posts .related .related-content li a {
    color: inherit;
}

.posts .related .related-date {
    color: #0dbff2;
    font-size: 10px;
    font-weight: bold;
    padding: 0 0 0 15px;
}

#ajax-blog-wrapper .spinner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    font-size: 18px;
    color: #969aa0;
}

#ajax-blog-wrapper .spinner.spin {
    -webkit-animation: anim-rotate 1s infinite linear;
    animation: anim-rotate 1s infinite linear;
}

#ajax-blog {
    overflow: hidden;
}

/* Portfolio
---------------------------------------- */

.portfolio-filter {
    padding-left: 0;
    list-style: none;
}

#load-portfolio {
    margin: 0 10px 30px;
    text-align: center;
}

#load-portfolio li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#load-portfolio a {
    display: block;
    float: left;
    line-height: 36px;
    padding: 0 18px;
    margin: 0 8px;
    color: inherit;
    background-color: #e9e9e9;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#load-portfolio a:hover,
#load-portfolio a.active {
    color: #fff;
    background-color: #373a3f;
}

.portfolio-item-wrapper {
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.portfolio-item-wrapper .portfolio-item {
    margin-bottom: 30px;
}

.portfolio-item-wrapper .portfolio-item.inline {
    float: none;
    display: inline-block !important;
    margin-right: 7px !important;
    position: static;
}

.portfolio-item:hover .featured-thumbnail img {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.portfolio-item:hover .zoom-icon {
    background-color: #0dbff2;
    opacity: 0.8;
}

.portfolio-item:hover .zoom-icon:before {
    top: 50%;
}

.portfolio-item-wrapper .portfolio-item-context {
    width: auto;
    color: #969aa0;
    text-align: center;
    float: none;
    padding-bottom: 15px;
    border: 1px solid #f0f0f0;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.portfolio-item-wrapper li:hover .portfolio-item-context {
    border-color: #0dbff2;
}

.portfolio-item-wrapper .portfolio-item-context.left {
    text-align: left;
}

.portfolio-item-wrapper .portfolio-item-context.center {
    text-align: center;
}

.portfolio-item-wrapper .portfolio-item-context.right {
    text-align: right;
}

.portfolio-item-wrapper .portfolio-item-content-wrapper {
    overflow: hidden;
}

.portfolio-item-wrapper .grid_3 .featured-thumbnail {
    height: 140px;
}

.portfolio-item-wrapper .grid_4 .featured-thumbnail {
    height: 240px;
}

.portfolio-item-wrapper .grid_6 .featured-thumbnail {
    height: 300px;
}

.portfolio-item-wrapper .grid_12 .featured-thumbnail {
    height: 600px;
}

.portfolio-item-wrapper .grid_3.onesidebar .featured-thumbnail {
    height: 93px;
}

.portfolio-item-wrapper .grid_4.onesidebar .featured-thumbnail {
    height: 128px;
}

.portfolio-item-wrapper .grid_6.onesidebar .featured-thumbnail {
    height: 200px;
}

.portfolio-item-wrapper .grid_12.onesidebar .featured-thumbnail {
    height: 414px;
}

.portfolio-item-wrapper .grid_6.twosidebar .featured-thumbnail {
    height: 140px;
}

.portfolio-item-wrapper .grid_12.twosidebar .featured-thumbnail {
    height: 300px;
}

.portfolio-item-wrapper h2 {
    min-height: 20px;
    line-height: 20px;
    padding: 20px 0 10px !important;
    margin-bottom: 0 !important;
    font-size: 18px;
    font-weight: 300;
    color: #696f78;
}

.portfolio-item-wrapper .portfolio-item-icon-wrapper {
    overflow: hidden;
    text-align: center;
}

.portfolio-item-wrapper .portfolio-item-icon-wrapper > .icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
    color: #969aa0;
    border: 2px solid #969aa0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.portfolio-item-wrapper .portfolio-item-icon-wrapper > .icon:before,
.portfolio-item-wrapper .portfolio-item-icon-wrapper > .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 3000px;
    background-color: #f0f0f0;
}

.portfolio-item-wrapper .portfolio-item-icon-wrapper > .icon:before {
    right: 50px;
}

.portfolio-item-wrapper .portfolio-item-icon-wrapper > .icon:after {
    left: 50px;
}

.portfolio-item-wrapper .portfolio-item-content {
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 0;
    clear: both;
}

.portfolio-item-wrapper.inline .portfolio-item-content {
    padding-top: 0;
}

.portfolio-item-wrapper .portfolio-item-content a {
    display: inline-block;
    margin-top: 0;
}

.portfolio-item.grid_12.sidebar .portfolio-item-content h2 {
    margin-top: 10px;
}

.portfolio-item-wrapper .portfolio-item-category {
    font-size: 14px;
    font-weight: 300;
    font-family: "Roboto Condensed", serif;
    margin-top: 5px;
}

.portfolio-item-wrapper .portfolio-item-category a {
    color: inherit;
}

.portfolio-item-wrapper .portfolio-item-category a:hover {
    color: initial;
}

.portfolio-item-wrapper .normal-button {
    margin-top: 19px;
    margin-bottom: 0;
}

.portfolio-item-wrapper .left .normal-button {
    margin-left: 0;
    margin-right: 10px;
}

.portfolio-item-wrapper .right .normal-button {
    margin-left: 10px;
    margin-right: 0;
}

#port-content-wrapper {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
}

#port-content-wrapper.above {
    padding-top: 40px;
}

.ports.single {
    overflow: hidden;
}

.ports.single.titlebottom {
    margin-top: 60px;
}

#port-details {
    overflow: hidden;
}

#port-details.grid_4 {
    margin-top: 0;
    height: 410px;
}

#port-details span.detail {
    display: block;
    font-size: 13px;
    color: #373a3f;
    padding: 0 0 10px;
}

.single-portfolio .older-newer {
    border-top: 1px solid #f0f0f0;
    margin-bottom: 60px;
}

.single-portfolio .older-newer.above {
    margin-bottom: 40px;
}

/* Zoom Icon
---------------------------------------- */

.featured-thumbnail > a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.featured-thumbnail img {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.featured-thumbnail > a .zoom-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.featured-thumbnail:hover .zoom-icon {
    background-color: #0dbff2;
    opacity: 0.8;
}

.featured-thumbnail .zoom-icon:before {
    display: block;
    position: absolute;
    left: 50%;
    top: -50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
    border-radius: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.featured-thumbnail:hover .zoom-icon:before {
    top: 50%;
}

.portfolio-item .icon .none:before,
.featured-thumbnail > a .zoom-icon.none:before {
    content: "\e775";
}

.portfolio-item .icon .link:before,
.featured-thumbnail > a .zoom-icon.link:before {
    content: "\e685";
}

.portfolio-item .icon .magnify:before,
.featured-thumbnail > a .zoom-icon.magnify:before {
    content: "\e85b";
}

.portfolio-item .icon .picture:before,
.featured-thumbnail > a .zoom-icon.picture:before {
    content: "\e63a";
}

.portfolio-item .icon .video:before,
.featured-thumbnail > a .zoom-icon.video:before {
    content: "\e7af";
}

.portfolio-item .featured-thumbnail > a {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ports .related {
    margin: 0 0 80px;
}

.ports .related li {
    margin-bottom: 20px;
}

.ports .related li h3 {
    font-size: 18px;
    padding: 10px 0 0;
    margin-bottom: 0;
    overflow: hidden;
}

.ports .related .related-category {
    font-size: 11px;
}

.ports .related .related-date {
    color: #0dbff2;
    margin: 0 6px 0 0;
}

.ports .related .related-tag a {
    color: inherit;
}

.ports .related .related-tag a:hover {
    text-decoration: underline;
}

.ports .related .zoom-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.ports .related .featured-thumbnail {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.ports .related .featured-thumbnail:hover .zoom-icon {
    background-color: #373a3f;
}

.ports .related .zoom-icon.none:before {
    content: "\e614";
}

.ports .related .zoom-icon.slider:before {
    content: "\e832";
}

.ports .related .zoom-icon.video:before {
    content: "\ea48";
}

/*-----------------------------------------------------------------------------------*/
/*	Contact Page/Form
/*-----------------------------------------------------------------------------------*/

*::-webkit-input-placeholder {
    font-size: 14px;
    font-style: italic;
    font-family: "PT Sans", seruf;
    color: #696f78;
}

*::-moz-placeholder {
    font-size: 14px;
    font-style: italic;
    font-family: "PT Sans", seruf;
    color: #696f78;
}

.google-map {
    position: relative;
    float: left;
    width: 100%;
}

.google-map iframe {
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.google-map.close iframe {
    height: 0;
}

.google-map.top {
    margin: -90px 0 90px;
}

.google-map.grayfilter {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}

.google-map .sign-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -31px 0 0 -30px;
    cursor: pointer;
}

.google-map .sign-wrapper .sign {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 5px solid #f0f0f0;
    background-color: #fff;
    text-align: center;
}

.google-map .sign-wrapper .sign:before {
    color: #f0f0f0;
    font-size: 24px;
    line-height: 50px;
}

.google-map .sign-wrapper .sign:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    display: block;
    width: 200px;
    height: 1px;
    background-color: #f0f0f0;
}

#contact-form-wrapper {
    margin-bottom: 80px;
}

#contact-form-wrapper label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-family: "PT Sans", sans-serif;
    color: #373a3f;
}

#contact-form-wrapper form > div {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 0 transparent;
    -moz-box-shadow: 1px 1px 0 transparent;
    box-shadow: 1px 1px 0 transparent;
}

#contact-form-wrapper .textarea {
    max-width: 100%;
}

#contact-form-wrapper .recaptcha,
#contact-form-wrapper .buttons {
    max-width: none;
    padding: 0;
    border: none;
    margin-bottom: 20px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#contact-form-wrapper .recaptcha-error {
    color: #fff;
    background-color: #f00f00;
    padding: 2px 5px;
}

#contact-recaptcha input[type='text'] {
    border: 0 !important;
    margin: 0 !important;
    position: static !important;
}

#contact-form-wrapper input[type='text'] {
    width: 100%;
    height: 40px;
    padding: 9px;
    font-size: 13px;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#contact-form-wrapper input[type='text']:focus {
    border-color: #0dbff2;
}

#contact-form-wrapper textarea {
    width: 100%;
    height: 200px;
    padding: 9px;
    font-size: 13px;
    resize: none;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#contact-form-wrapper textarea:focus {
    border-color: #0dbff2;
}

#contact-form-wrapper .error-message {
    position: absolute;
    top: 0;
    left: 0;
    padding: 9px;
    font-size: 13px;
    line-height: 18px;
    color: red;
    background: pink;
    border: 1px solid pink;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#contact-form-wrapper .error-message.php-message {
    position: static;
    height: 18px;
    color: red;
    background: transparent;
    padding: 0;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#contact-form-wrapper .wait {
    width: 16px;
    height: 16px;
    background: url(../../assets/images/loading.gif);
}

#contact-form-wrapper input[id='recaptcha_response_field'] {
    height: 30px;
}

/*-----------------------------------------------------------------------------------*/
/*	Back To Top
/*-----------------------------------------------------------------------------------*/

#backtotop {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    border: 3px solid transparent;
    cursor: pointer;
    font-size: 24px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .15);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 999;
}

#backtotop:hover {
    background-color: rgba(0, 0, 0, .4);
}

#backtotop .icon {
    line-height: 44px;
}

/*-----------------------------------------------------------------------------------*/
/*	Short Codes
/*-----------------------------------------------------------------------------------*/

/* Accordion & Toggle 
---------------------------------------- */

.pa-accordion,
.pa-toggle {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.pa-accordion li,
.pa-toggle li {
    margin-bottom: 10px;
    padding: 0 !important;
    background: none !important;
}

.pa-accordion li:last-child,
.pa-toggle li:last-child {
    border-bottom: none;
}

.accordion-head,
.toggle-head {
    overflow: hidden;
    padding: 11px 0 0;
    min-height: 29px;
    font-size: 12px;
    cursor: pointer;
    color: #373a3f;
    background-color: #fff;
    border-left: 5px solid #f0f0f0;
    border-right: 5px solid #f0f0f0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.accordion-head:hover,
.toggle-head:hover {
    color: #fff;
    background-color: #0dbff2;
}

.active .accordion-head,
.active .toggle-head {
    border-color: #0dbff2;
    background-color: #f0f0f0;
}

.active .accordion-head:hover,
.active .toggle-head:hover {
    color: #fff;
    background-color: #0dbff2;
}

.accordion-content,
.toggle-content {
    padding: 15px 20px 0;
    overflow: hidden;
}

.accordion-head-sign,
.toggle-head-sign {
    width: 22px;
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer;
    color: #f0f0f0;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.active .accordion-head-sign,
.active .toggle-head-sign {
    color: #373a3f;
}

.active .accordion-head:hover .accordion-head-sign,
.active .toggle:hover .toggle-head-sign {
    color: #fff;
}

.accordion-head p,
.toggle-head p {
    margin: 0 10px 11px 32px;
}

/* Block Quote
---------------------------------------- */

blockquote,
.blockquote {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    text-align: center;
    text-shadow: 1px 1px 3px transparent;
    padding: 0 40px;
    margin: 0 0 20px;
    overflow: hidden;
    border-color: #f0f0f0;
}

.blockquote .sign-wrapper {
    position: relative;
    margin: 0 0 10px;
}

.blockquote .sign-wrapper .sign {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 5px solid #f0f0f0;
}

.blockquote .sign-wrapper .sign:before {
    color: #f0f0f0;
    font-size: 24px;
    line-height: 50px;
}

.blockquote .sign-wrapper .sign:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    display: block;
    width: 200px;
    height: 1px;
    background-color: #f0f0f0;
}

.blockquote.left {
    width: 33%;
    float: left;
}

.blockquote.right {
    width: 33%;
    float: right;
}

.blockquote.quote1 {
    padding: 15px;
    margin: 0;
    border-left: 0;
    background-image: url(../../assets/images/quote-t1.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
}

.blockquote.quote1 > .quote1 {
    padding: 20px;
    border-left: 0;
    background-image: url(../../assets/images/quote-b1.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.blockquote.quote2 {
    margin: 15px;
    border-left: 0;
    background-image: url(../../assets/images/quote-t2.png);
    background-repeat: no-repeat;
}

.blockquote.quote2 > .quote2 {
    padding: 20px;
    border-left: 0;
    background: url(../../assets/images/quote-b2.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.blockquote.quote3 {
    border-width: 1px 0;
    border-style: solid;
}

.quote3 {
    padding: 15px
}

.blockquote.quote4 {
    border-width: 0 3px;
    border-style: solid;
}

.quote4 {
    padding: 15px
}

/* Button
---------------------------------------- */

.normal-button,
input[type='submit'],
button {
    display: inline-block;
    min-width: 160px;
    height: 40px;
    padding: 0 24px;
    margin: 0 5px 24px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #373a3f;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

button {
    min-width: inherit;
}

input[type='submit'] {
    margin: 0;
}

.normal-button.small {
    min-width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 5px;
}

.normal-button.larg {
    min-width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    padding: 0 5px;
}

.normal-button.xlarg {
    min-width: 240px;
    height: 60px;
    line-height: 60px;
    font-size: 27px;
    padding: 0 5px;
}

.normal-button:hover,
.normal-button.small:hover,
.normal-button.larg:hover,
.normal-button.xlarg:hover,
input[type='submit']:hover,
button:hover {
    color: #fff;
    background-color: #0dbff2;
}

.normal-button.reverse,
.normal-button.small.reverse,
.normal-button.larg.reverse,
.normal-button.xlarg.reverse {
    color: #fff;
    background-color: #0dbff2;
}

.normal-button.reverse:hover,
.normal-button.reverse.small:hover,
.normal-button.reverse.larg:hover,
.normal-button.reverse.xlarg:hover {
    color: #fff;
    background-color: #373a3f;
}

/* Client
---------------------------------------- */

.clients-shortcode {
    position: relative;
}

.clients-wrapper {
    padding: 20px;
    overflow: hidden;
}

.clients-wrapper.dark {
    background: #373a3f;
}

.clients {
    height: 70px;
    list-style: none;
    padding-left: 0;
}

.clients li {
    display: block;
    float: left;
    width: 160px;
    height: 80px;
    padding: 0 10px;
}

.clients.border li {
    background: url(../../assets/images/divider.png) repeat-y;
}

.clients.border li:first-child {
    background: none;
}

.clients li img {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.clients li:hover img {
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
}

.clients-shortcode .client-direction {
    margin-top: 25px;
    text-align: center;
    float: left;
    width: 100%;
}

.clients-shortcode .prev,
.clients-shortcode .next {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 0 5px;
    background-image: url(../../assets/images/direction.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.clients-shortcode .prev {
    background-position: 0 0;
}

.clients-shortcode .next {
    background-position: -38px 0;
}

.clients-shortcode .prev:hover,
.clients-shortcode .next:hover {
    opacity: .8;
}

.clients-shortcode .pager {
    margin-top: 25px;
    text-align: center;
    float: left;
    width: 100%;
}

.clients-shortcode .pager a {
    width: 10px;
    height: 10px;
    background-color: #f0f0f0;
    display: inline-block;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.clients-shortcode .pager a:hover,
.clients-shortcode .pager a.selected {
    background-color: #373a3f;
}

.clients-shortcode .pager a span {
    display: none;
}

/* Contact Info
---------------------------------------- */

.contact-info {
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.contact-info > li {
    position: relative;
    display: block;
    color: #373a3f;
    padding: 0 0 10px 50px;
    float: left;
    width: 100%;
}

.contact-info > li > .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    border: 2px solid #696f78;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.contact-info h5 {
    margin-bottom: 0;
    font-weight: 400;
}

.contact-info > .col1 {
    width: 100%;
}

.contact-info > .col2 {
    width: 50%;
}

.contact-info > .col3 {
    width: 33%;
}

.contact-info > .col4 {
    width: 25%;
}

/* Counter
---------------------------------------- */

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

.counter-icon {
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 118px;
    font-size: 36px;
    text-align: center;
    color: #373a3f;
    border: 2px solid #969aa0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin: 0 auto 20px;
}

.counter-icon.bottomright {
    -webkit-border-radius: 60px 60px 20px 60px;
    -moz-border-radius: 60px 60px 20px 60px;
    border-radius: 60px 60px 20px 60px;
}

.counter-icon.bottomleft {
    -webkit-border-radius: 60px 60px 60px 20px;
    -moz-border-radius: 60px 60px 60px 20px;
    border-radius: 60px 60px 60px 20px;
}

.counter-icon.topleft {
    -webkit-border-radius: 20px 60px 60px 60px;
    -moz-border-radius: 20px 60px 60px 60px;
    border-radius: 20px 60px 60px 60px;
}

.counter-icon.topright {
    -webkit-border-radius: 60px 20px 60px 60px;
    -moz-border-radius: 60px 20px 60px 60px;
    border-radius: 60px 20px 60px 60px;
}

.counter-number {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #373a3f;
    margin: 0 0 15px;
}

.counter-text {
    font-size: 20px;
}

/* Divider
---------------------------------------- */

.divider-wrapper {
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
}

.divider {
    background-color: #f0f0f0;
    height: 1px;
    clear: both;
    overflow: hidden;
    position: relative;
}

.divider-gotop {
    cursor: pointer;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 5px
}

/* Dropcap
---------------------------------------- */

.dropcaps {
    text-align: center;
    font-size: 24px;
    width: 30px;
    line-height: 30px;
    padding: 1px 0 0;
    margin: 5px 10px 0 0;
    float: left;
}

.dropcaps.circle {
    width: 38px;
    line-height: 38px;
    margin-top: 6px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
}

.dropcaps.hbar {
    width: 50px;
    margin-top: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.dropcaps.vbar {
    height: 39px;
    line-height: 39px;
    margin-top: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.dropcaps.square {
    width: 38px;
    line-height: 38px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* FAQ
---------------------------------------- */

.faq_list dt {
    color: #373a3f;
    font-size: 14px;
    padding: 7px 0 7px 38px;
    position: relative;
    text-shadow: 1px 1px 3px transparent;
    background-color: #f0f0f0;
    -webkit-border-radius: 10px 0 0;
    -moz-border-radius: 10px 0 0;
    border-radius: 10px 0 0;
}

.faq_list span.marker {
    color: #373a3f;
    display: block;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: 0;
    padding: 0 10px;
    text-shadow: 1px 1px 3px transparent;
}

.faq_list dd {
    margin: 0 0 20px;
    padding: 10px 0 0 38px;
    position: relative;
}

/* Frame
---------------------------------------- */

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

.featured-thumbnail.image-frame {
    margin: 5px auto 15px;
    float: none;
    position: relative;
    width: 100%;
    height: auto;
    -moz-box-shadow: 0 0 5px transparent;
    -webkit-box-shadow: 0 0 5px transparent;
    box-shadow: 0 0 5px transparent;
}

.featured-thumbnail.image-frame .image-wrap {
    display: inline-block;
    margin-bottom: -5px;
    width: auto;
}

.featured-thumbnail.image-frame.border .image-wrap,
.featured-thumbnail.image-frame.border .image-wrap img,
.featured-thumbnail.image-frame.border .image-wrap .zoom-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.featured-thumbnail.image-frame.border:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -20px;
    top: -20px;
    padding: 10px;
    border: 10px solid transparent;
    border-color: transparent transparent #0dbff2 transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    box-sizing: initial;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.featured-thumbnail.image-frame.left {
    float: left;
    margin: 5px 20px 15px 0;
    width: auto;
}

.featured-thumbnail.image-frame.right {
    float: right;
    margin: 5px 0 15px 20px;
    width: auto;
}

.featured-thumbnail.image-frame.center {
    text-align: center;
}

/* Highlight
---------------------------------------- */

.highlight {
    padding: 1px 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* List
---------------------------------------- */

.list {
    float: left;
    width: 100%;
}

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

.list li {
    position: relative;
    padding: 0 0 1px 25px;
    margin: 0 0 8px;
    background-repeat: no-repeat;
}

.list li span {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 13px;
}

.list.bgcolor li {
    padding: 5px 0 5px 30px;
    margin-bottom: 5px;
    background-color: #f8f8f8;
    background-position: 5px 5px;
}

/* Message Box
---------------------------------------- */

.message-box {
    overflow: hidden;
    padding: 24px 24px 24px 70px;
    border: 1px solid #dbdbdb;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 50px 5px 5px;
    -moz-border-radius: 50px 5px 5px;
    border-radius: 50px 5px 5px;
}

.message-box.small-icon {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.message-box.no-icon {
    padding: 24px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.message-box.red {
    color: #733032;
    background: url(../../assets/images/icons/message/error.png) no-repeat 30px 50% #ffd7d7;
    border-color: #e9b9bb;
}

.message-box.yellow {
    color: #5c5c2d;
    background: url(../../assets/images/icons/message/warning.png) no-repeat 30px 50% #fffce1;
    border-color: #e1db8b;
}

.message-box.blue {
    color: #2d5667;
    background: url(../../assets/images/icons/message/info.png) no-repeat 30px 50% #c8e1f5;
    border-color: #8ec3d9;
}

.message-box.green {
    color: #274e37;
    background: url(../../assets/images/icons/message/approved.png) no-repeat 30px 50% #e1ffe1;
    border-color: #badeb1;
}

.message-box.small-icon.red {
    background: url(../../assets/images/icons/message/error-small.png) no-repeat 20px 50% #ffd7d7;
}

.message-box.small-icon.yellow {
    background: url(../../assets/images/icons/message/warning-small.png) no-repeat 20px 50% #fffce1;
}

.message-box.small-icon.blue {
    background: url(../../assets/images/icons/message/info-small.png) no-repeat 20px 50% #c8e1f5;
}

.message-box.small-icon.green {
    background: url(../../assets/images/icons/message/approved-small.png) no-repeat 20px 50% #e1ffe1;
}

.message-box.no-icon.red {
    background: #ffd7d7;
}

.message-box.no-icon.yellow {
    background: #fffce1;
}

.message-box.no-icon.blue {
    background: #c8e1f5;
}

.message-box.no-icon.green {
    background: #e1ffe1;
}

/* Personnel
---------------------------------------- */

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

.personnel-shortcode.dark {
    background: #373a3f;
}

.personnel-shortcode .personnel-image {
    text-align: center;
}

.personnel-shortcode .personnel-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.personnel-content {
    position: absolute;
    left: 0;
    top: 81.081081082%;
    height: 100%;
    text-align: center;
    background-color: #e6e6e6;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.personnel-shortcode:hover .personnel-content {
    top: 0;
}

.personnel-shortcode .personnel-name {
    display: inline-block;
    margin: 12px 0 0;
    color: #373a3f;
    font-size: 18px;
    font-weight: 700;
    font-family: "Roboto Condensed", serif;
    text-align: center;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.personnel-shortcode.dark .personnel-name {
    color: #fff;
    border-bottom: 1px solid #3f3f3f;
}

.personnel-shortcode:hover .personnel-name {
    font-size: 30px;
    color: #696f78;
    border-color: #fff;
    padding: 8px 20px;
    margin-top: 80px;
}

.personnel-shortcode .personnel-post {
    display: block;
    padding: 3px 0 17px;
    color: #373a3f;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.personnel-shortcode.dark .personnel-post {
    color: #efefef;
    text-shadow: none;
}

.personnel-shortcode:hover .personnel-post {
    font-size: 18px;
    font-weight: 700;
    color: #696f78;
    padding-top: 23px;
}

.personnel-shortcode .personnel-details {
    padding: 0 35px;
    line-height: 22px;
}

.personnel-shortcode.dark .personnel-details {
    display: block;
    color: #8b8b8b;
}

.personnel-shortcode.dark .personnel-details a:hover {
    color: #fff;
}

.personnel-shortcode .personnel-details strong {
    background: #a1a1a1;
    color: #fff;
    margin-left: -10px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 5px;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.personnel-shortcode .social-icon a {
    display: inline-block;
    float: none;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: none;
}

/* Posts & Portfolio
---------------------------------------- */

.posts.shortcode {
    position: relative;
    overflow: hidden;
}

.posts-shortcode-wrapper {
    position: relative;
    margin-bottom: 80px;
}

.posts-shortcode-wrapper ul {
    padding-left: 0;
    list-style: none;
}

.post-shortcode-item {
    margin-bottom: 30px;
}

.post-shortcode-item .post-context {
    position: relative;
}

.post-shortcode-item .details-wrap {
    background-color: rgba(255, 255, 255, 0.6);
}

.post-shortcode-item .details-wrap .normal-button {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 100px;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.post-shortcode-item .post-time {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 100px;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    color: #0dbff2;
}

.post-shortcode-item h3 {
    font-size: 18px;
    padding: 15px 20px 4px;
    text-transform: uppercase;
}

.post-shortcode-item .post-excerpt {
    min-height: 54px;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 118px 15px 20px;
    border-bottom: 5px solid #0dbff2;
}

.post-shortcode-item .post-link {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-style: normal;
}

.portfolio-shortcode-wrapper {
    margin-bottom: 80px;
}

.loadmore-wrapper {
    clear: both;
}

#loadmore-post,
#loadmore-portfolio {
    min-width: 180px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto Condensed", serif;
    padding: 0 17px;
    margin: 10px 0 0;
    color: #696f78;
    background-color: #fff;
    border: 2px solid #f0f0f0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#loadmore-post .spinner,
#loadmore-portfolio .spinner {
    display: inline-block;
    width: 70px;
    text-align: center;
    font-size: 18px;
    color: #969aa0;
}

#loadmore-post .spinner.spin,
#loadmore-portfolio .spinner.spin {
    -webkit-animation: anim-rotate 1s infinite linear;
    animation: anim-rotate 1s infinite linear;
}

@keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes anim-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Price Table
---------------------------------------- */

.pa-price-table {
    text-align: center;
}

.price-item-wrapper {
    display: inline-block;
}

.price-item {
    position: relative;
    float: left;
    margin: 20px 0;
    width: 154px;
    overflow: hidden;
    background-color: #fff;
}

.price-item:first-child {
    margin-left: 0;
}

.price-item.col3 {
    width: 313px;
}

.price-item.col4 {
    width: 235px;
}

.price-item.col5 {
    width: 188px;
}

.price-item.col6 {
    width: 156px;
}

.price-item.active {
    margin: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.price-item .top {
    text-align: center;
    padding: 20px 0;
    background-color: #e7e7e7;
    font-family: "PT Sans", sans-serif;
    color: #fff;
    border: 1px solid #fff;
}

.price-item.active .top {
    padding: 40px 0 20px;
    background-color: #0dbff2;
}

.price-title {
    margin: 0 auto;
    font-size: 24px;
}

.price-price {
    font-size: 48px;
    line-height: 48px;
    padding-top: 15px;
    text-align: center;
}

.price-pricetext {
    font-size: 14px;
    margin: 0 auto;
    padding-top: 10px;
    color: #686868;
}

.price-content-wrapper {
    border: 1px solid #f0f0f0;
    border-width: 0 1px;
}

.price-content {
    text-align: center;
    line-height: 20px;
    padding: 20px 0 10px;
    margin: 0 10px;
    border-bottom: 1px solid #f0f0f0;
}

.price-item .bottom {
    padding: 20px 0;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-width: 0 1px 1px;
}

.price-item.active .bottom {
    padding-bottom: 40px;
}

.price-button .normal-button {
    margin: 0;
}

/* Progress Bar
---------------------------------------- */

.progress-bar-wrapper {
    clear: both;
    margin-bottom: 36px;
    font-size: 12px;
}

.progress-bar-wrapper.inside {
    color: #fff;
    margin-bottom: 20px;
}

.progress-bar-title {
    display: inline-block;
    margin: 0 10px 0 0;
}

.progress-bar-title.inside {
    margin: 0 10px;
}

.progress-bar {
    background-color: #f0f0f0;
    height: 5px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.progress-bar.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.progress-bar.inside {
    height: 24px;
}

.progress-bar-meter {
    display: none;
    position: absolute;
    height: inherit;
    background-color: #0dbff2;
    line-height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.progress-bar-meter .icon {
    display: block;
    position: absolute;
    top: -50%;
    right: 0;
    width: 30px;
    height: 30px;
    margin-top: -11px;
    font-size: 10px;
    text-align: center;
    line-height: 26px;
    background-color: #fff;
    border: 3px solid #0dbff2;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.progress-bar-meter .icon:before {
    color: #0dbff2;
}

.progress-bar-meter .icon span {
    position: absolute;
    right: 0;
    display: block;
    font-size: 11px;
}

.progress-bar.radius .progress-bar-meter {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Services
---------------------------------------- */

.service-1 {
    text-align: center;
    color: #373a3f;
    background: #f0f0f0;
    padding: 50px 0;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.service-1:hover {
    color: #fff;
    background: #0dbff2;
}

.service-1.dark {
    color: #fff;
    background: #373a3f;
}

.service-1 .tilte {
    padding: 0 20px;
    margin-bottom: 35px;
}

.service-1 h2 {
    color: #373a3f;
    font-weight: bold;
}

.service-1:hover h2 {
    color: #fff;
}

.service-1.dark h2 {
    color: #fff;
}

.service-1 .icon-wrapper {
    font-size: 70px;
    text-align: center;
    margin: 0 auto 35px;
}

.service-1 .icon-wrapper img {
    display: block;
    margin: 0 auto;
}

.service-1 .text {
    padding: 0 30px;
    margin-bottom: 40px;
    overflow: hidden;
}

.service-1 .normal-button {
    margin: 0;
}

.service-2 {
    margin-bottom: 20px;
}

.service-2 .icon {
    float: left;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
    color: #373a3f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.service-2.type2 .icon {
    margin: 0 5px 0 0;
}

.service-2.type3 .icon,
.service-2.type4 .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f0f0f0;
}

.service-2 h3 {
    font-size: 24px;
    padding-top: 2px;
    margin-bottom: 10px;
}

.service-2.type2 h3 {
    padding: 5px 0 0 50px;
    margin-bottom: 15px;
}

.service-2.type4 h3 {
    padding: 15px 0 0 75px;
    margin-bottom: 30px;
}

.service-2.type3 h3 {
    padding-top: 0;
}

.service-2 .text {
    padding-left: 50px;
}

.service-2.type2 .text,
.service-2.type4 .text {
    padding-left: 0;
}

.service-2.type3 .text {
    padding-left: 75px;
}

.service-3 {
    position: relative;
    margin-bottom: 30px;
    border: 5px solid #f0f0f0;
    border-radius: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.service-3:hover {
    color: #fff;
    background-color: #0dbff2;
    border-color: #0dbff2;
}
.service-3:hover a {
    color: #fff;
    text-decoration: underline;
}

.service-3.bottomright,
.service-3.topright {
    padding: 25px 80px 25px 25px;
}

.service-3.bottomleft,
.service-3.topleft {
    padding: 25px 25px 25px 80px;
}

.service-3 .icon {
    position: absolute;
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #0dbff2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.service-3.bottomright .icon {
    right: -5px;
    bottom: -5px;
}

.service-3.bottomleft .icon {
    left: -5px;
    bottom: -5px;
}

.service-3.topleft .icon {
    left: -5px;
    top: -5px;
}

.service-3.topright .icon {
    right: -5px;
    top: -5px;
}

.service-3 h3 {
    font-size: 24px;
}

.service-3:hover h3 {
    color: #fff;
}

.service-3 .text {
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 15px;
}

.service-3 .normal-button {
    min-width: inherit;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    color: #969aa0;
    background-color: transparent;
    border-top: 1px solid #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.service-3:hover .normal-button {
    color: #fff;
    border-color: #fff;
}

/* Slider
---------------------------------------- */

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

.shortcodeslider.featured-thumbnail {
    width: 100%;
    margin: 5px auto 15px;
    float: none;
    position: relative;
    display: inline-block;
    background: #ffffff;
    -moz-box-shadow: 0 0 5px transparent;
    -webkit-box-shadow: 0 0 5px transparent;
    box-shadow: 0 0 5px transparent;
}

.shortcodeslider.featured-thumbnail.border {
    border: 1px solid #f0f0f0;
}

.shortcodeslider.featured-thumbnail.left {
    float: left;
    margin: 5px 20px 15px 0;
    width: auto;
}

.shortcodeslider.featured-thumbnail.right {
    float: right;
    margin: 5px 0 15px 20px;
    width: auto;
}

.shortcodeslider.featured-thumbnail.center {
    width: auto;
}

.shortcodeslider .nivo-directionNav a {
    margin-top: -15px;
}

.shortcodeslider .nivo-controlNav {
    position: absolute;
    top: 6px;
    left: 6px;
    padding-top: 0;
}

.shortcodeslider .nivo-controlNav a {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #373a3f;
    text-indent: -9999px;
    border: 0;
    margin-right: 6px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #e4e4e4;
    -moz-box-shadow: 0 0 5px #e4e4e4;
    box-shadow: 0 0 5px #e4e4e4;
}

.shortcodeslider .nivo-controlNav a.active {
    background-color: #f8f8f8;
}

.shortcodeslider .nivo-caption {
    background: #ffffff;
    background: rgba(255, 255, 255, .8);
}

/* Step
---------------------------------------- */

.step-item {
    text-align: center;
    color: #fff;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.step-item:hover {
    background-color: rgba(55, 58, 63, 0.25);
}

.step-icon {
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 48px;
    border: 1px solid #0dbff2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto 17px;
}

.step-item:hover .step-icon {
    border-color: #fff;
}

.step-number {
    position: absolute;
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-family: "PT Sans", serfif;
    line-height: 27px;
    color: #fff;
    background-color: #0dbff2;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.step-number.topleft {
    top: 0;
    left: 0;
}

.step-item:hover .step-number.topleft {
    top: 5px;
    left: 5px;
}

.step-number.topright {
    top: 0;
    right: 0;
}

.step-item:hover .step-number.topright {
    top: 5px;
    right: 5px;
}

.step-number.bottomright {
    bottom: 0;
    right: 0;
}

.step-item:hover .step-number.bottomright {
    bottom: 5px;
    right: 5px;
}

.step-number.bottomleft {
    bottom: 0;
    left: 0;
}

.step-item:hover .step-number.bottomleft {
    bottom: 5px;
    left: 5px;
}

.step-item:hover .step-number {
    width: 88px;
    height: 88px;
    font-size: 48px;
    line-height: 88px;
    color: #0dbff2;
    background-color: #fff;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    border-radius: 44px;
}

.step-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.step-item:hover .step-title {
    color: #fff;
}

.step-text {
    position: relative;
    overflow: hidden;
    display: none;
    font-size: 13px;
    line-height: 20px;
    padding: 13px 0 0;
    margin: 14px 0 0;
    -webkit-transition: all 1.5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 1.5s;
}

.step-item:hover .step-text {
    display: block;
}

.step-text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 1px;
    background-color: #0dbff2;
}

/* Stunning Text
---------------------------------------- */

.stunningtext {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    font-size: 14px;
    padding: 30px 30px 0;
    border-top: 1px solid #0dbff2;
    border-bottom: 5px solid #0dbff2;
}

.stunningtext.dark {
    color: #373a3f;
}

.stunningtext a {
    position: absolute;
    bottom: -5px;
    right: 0;
    margin: 0;
    color: #fff;
    background-color: #0dbff2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.stunningtext a:hover {
    color: #fff;
    background-color: #373a3f;
}

.stunningtext.dark a {
    color: #fff;
    background-color: #373a3f;
}

.stunningtext.dark .normal-button:hover,
.stunningtext.dark a:hover {
    color: #fff;
    background-color: #0dbff2;
}

/* Tab
---------------------------------------- */

.pa-tabs {
    display: block;
    padding: 0;
    list-style: none;
}

.pa-tabs li {
    display: block;
    float: left;
    padding: 0 !important;
    background-image: none !important;
}

.pa-tabs li a {
    display: block;
    width: auto;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    color: #373a3f;
    background: #fff;
    border-left: 0 solid #f0f0f0;
    border-right: 5px solid #f0f0f0;
}

.pa-tabs li a.active {
    position: relative;
    background: #f0f0f0;
    border-color: #0dbff2;
    margin-left: -5px;
    border-left-width: 5px;
}

.pa-tabs li a:hover {
    color: #fff;
    background-color: #0dbff2;
}

.pa-tabs li:first-child a {
    border-left-width: 5px;
}

.pa-tabs li:first-child a.active {
    margin-left: 0;
}

.pa-tabs-content {
    margin: 0 0 40px;
    padding: 20px 0 0;
    display: block;
    list-style: none;
}

.pa-tabs-content > li {
    display: none;
    padding: 0 !important;
    background-image: none !important;
}

.pa-tabs-content > li.active {
    display: block;
    overflow: hidden;
}

/* Clearfixing tabs for beautiful stacking */
.pa-tabs:before,
.pa-tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.pa-tabs:after {
    clear: both;
}

/* Table
---------------------------------------- */

.table {
    width: 100%;
}

.table th {
    font-size: 14px;
    font-weight: normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: center;
    padding: 17px 12px;
    border-right: none;
    color: #fff;
    background-color: #0dbff2;
}

.table tr th:first-child,
.table tr td:first-child {
    border-left-style: solid;
    border-left-width: 0;
}

.table tbody td {
    padding: 14px 7px;
    text-align: center;
    border-right: none;
    border-color: #fff;
}

.table tbody tr {
    background-color: #f8f8f8;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.table tbody tr {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.table tbody tr:nth-child(even) {
    background: #fdfdfd;
}

.table tbody tr:nth-child(odd) {
    background: #f8f8f8;
}

.table tbody tr:hover {
    background: #e8e8e8;
}

.table tfoot td {
    color: #fff;
    background: #0dbff2;
    font-size: 11px;
    padding: 10px 16px;
}

/* Testimonial
---------------------------------------- */

.testimonial-wrapper {
    float: left;
    width: 100%;
}

.testimonial-wrapper ol {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.testimonial-wrapper ol li {
    padding-top: 100px;
    display: block;
    float: left;
    position: relative;
    margin-left: 0;
}

.testimonial-wrapper.noimage ol li {
    padding-top: 0;
}

.testimonial-wrapper.nocar ol li {
    margin-bottom: 40px;
}

.testimonial {
    position: relative;
    padding: 21px 40px;
    background: #0dbff2;
    font-family: "Droid Serif", serif;
    color: #fff;
    font-style: italic;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    list-style: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
}

.testimonial p {
    margin: 0;
}

.testimonial .angle {
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    margin-bottom: -10px;
    border-style: solid;
    border-width: 5px 5px;
    border-color: #0dbff2 transparent transparent transparent;
}

.testimonial .testi-pic {
    position: absolute;
    left: 50%;
    top: -100px;
    margin-left: -60px;
    width: 118px;
    height: 118px;
    overflow: hidden;
    border: 1px solid #0dbff2;
    -webkit-border-radius: 59px;
    -moz-border-radius: 59px;
    border-radius: 59px;
}

.testimonial .testi-pic img {
    display: block;
    -webkit-border-radius: 59px;
    -moz-border-radius: 59px;
    border-radius: 59px;
}

.testi-name {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
    line-height: 22px;
    margin-top: 14px;
    font-style: normal;
}

.testi-name a {
    color: inherit;
}

.testi-user {
    font-size: 16px;
}

.elasti-testimonial {
    overflow: hidden;
}

.testimonial-wrapper.dark {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.testimonial-wrapper.bubble.dark {
    background: transparent;
}

.testimonial-wrapper.dark .testimonial {
    background-color: #373a3f;
    color: #8b8b8b;
}

.testimonial-wrapper.dark .testimonial .angle {
    border-color: #373a3f transparent transparent transparent;
}

.testimonial-wrapper.dark .testimonial .testi-pic {
    border-color: #373a3f;
}

.testimonial-wrapper.dark .testimonial a:hover {
    color: #fff;
}

.testimonial-wrapper.dark .testi-pic a {
    background-color: #5f5f5f;
}

.testimonial-shortcode {
    float: left;
}

.testimonial-wrapper .testimonial-direction {
    margin-top: 10px;
    text-align: center;
    float: left;
    width: 100%;
}

.testimonial-wrapper .prev,
.testimonial-wrapper .next {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, .8);
    background-image: url(../../assets/images/direction.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.testimonial-wrapper .prev {
    background-position: 0 0;
}

.testimonial-wrapper .next {
    background-position: -38px 0;
}

.testimonial-wrapper .prev:hover,
.testimonial-wrapper .next:hover {
    opacity: .8;
}

.testimonial-wrapper .pager {
    margin-top: 25px;
    text-align: center;
    float: left;
    width: 100%;
}

.testimonial-wrapper .pager a {
    width: 10px;
    height: 10px;
    background-color: #f0f0f0;
    display: inline-block;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.testimonial-wrapper .pager a:hover,
.testimonial-wrapper .pager a.selected {
    background-color: #373a3f;
}

.testimonial-wrapper .pager a span {
    display: none;
}

.testimonial-bubble {
    color: #373a3f;
    background-color: #f0f0f0;
    margin-bottom: 18px;
    padding: 20px 25px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.testimonial-bubble p {
    font-size: 14px;
    font-style: italic;
    font-family: 'Philosopher', serif;
    text-shadow: 1px 1px 3px #e4e4e4;
    margin: 0;
}

.testimonial-bubble-arrow {
    border-color: #f0f0f0 transparent transparent transparent;
    border-style: solid;
    border-width: 20px 20px 0 0;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -19px;
    left: 46px;
}

.testimonial-bubble.dark {
    color: #8b8b8b;
    background: #373a3f;
}

.testimonial-bubble.dark p {
    text-shadow: none;
}

.testimonial-bubble.dark .testimonial-bubble-arrow {
    border-color: #373a3f transparent transparent transparent;
}

.testimonial-shortcode strong {
    color: #232323;
}

.testimonial-shortcode .testimonial-bubble-details {
    margin-left: 5px;
    display: block;
    float: left;
}

/* Twitter
---------------------------------------- */

.twitter-shortcode-wrapper {
    float: left;
    width: 100%;
    font-size: 20px;
    font-style: italic;
    text-align: center;
    line-height: 24px;
}

.twitter-shortcode {
    position: relative;
    min-height: 90px;
    margin: 7px auto 0;
}

.twitter-shortcode .sign-wrapper {
    position: relative;
    margin: 0 0 7px;
}

.twitter-shortcode .sign-wrapper .sign {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 5px solid #f0f0f0;
}

.twitter-shortcode .sign-wrapper .sign:before {
    color: #f0f0f0;
    font-size: 24px;
    line-height: 50px;
}

.twitter-shortcode .sign-wrapper .sign:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -75px;
    display: block;
    width: 200px;
    height: 1px;
    background-color: #f0f0f0;
}

.twitter-shortcode ul {
    padding-left: 0;
    list-style: none;
}

.twitter-shortcode ul li {
    font-style: inherit;
    text-align: center;
    margin-bottom: 0;
    overflow: hidden;
    min-height: inherit;
    padding: 0 0 15px 0;
    background: none;
}

.twitter-shortcode ul li > div {
    font-style: italic;
    position: relative;
    display: block;
    padding: 0 15px 15px;
    margin-bottom: 7px;
}

.twitter-shortcode .twitter_time {
    font-size: 18px;
}

.twitter-shortcode .twitter-direction {
    text-align: center;
    float: left;
    width: 100%;
}

.twitter-shortcode .prev,
.twitter-shortcode .next {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 0 5px;
    background-image: url(../../assets/images/direction.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.twitter-shortcode .prev {
    background-position: 0 0;
}

.twitter-shortcode .next {
    background-position: -38px 0;
}

.twitter-shortcode .prev:hover,
.twitter-shortcode .next:hover {
    opacity: .8;
}

.twitter-shortcode .pager {
    text-align: center;
    float: left;
    width: 100%;
}

.twitter-shortcode .pager a {
    width: 10px;
    height: 10px;
    background-color: #f0f0f0;
    display: inline-block;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.twitter-shortcode .pager a:hover,
.twitter-shortcode .pager a.selected {
    background-color: #373a3f;
}

.twitter-shortcode .pager a span {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	Inline style
/*-----------------------------------------------------------------------------------*/

/* rev slider
---------------------------------------- */

.tp-caption.logoname {
    font-size: 72px;
    line-height: 80px;
    font-weight: 700;
    font-family: "PT Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px 25px 0px 23px;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
}

.tp-caption.slider-text1 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    font-family: "Roboto Condensed";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px 40px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption.slider-text2 {
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Roboto Condensed";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0px 40px;
    border-width: 0px;
    border-color: rgb(255, 255, 255);
    border-style: none;
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-caption a:hover {
    color: #ffa902;
}

.rev_slider_wrapper {
    margin: 0 auto;
    background-color: #e9e9e9;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 700px;
}

.rev_slider {
    display: none;
    max-height: 700px;
    height: 700px;
}

.zindex-2 {
    z-index: 2;
}

.zindex-3 {
    z-index: 3;
    white-space: nowrap;
}

.zindex-4 {
    z-index: 4;
    white-space: nowrap;
}

.zindex-5 {
    z-index: 5;
}

.zindex-6 {
    z-index: 6;
}

.zindex-7 {
    z-index: 7;
    max-width: auto;
    max-height: auto;
    white-space: nowrap;
}

/* index page
---------------------------------------- */

.paddingtop-10 {
    padding-top: 10;
}

.marginleft-80 {
    margin-left: 80px;
}

.row1 {
    text-align: center;
    background-color: #f8f8f8;
    padding: 56px 0 17px 0;
    margin: -16px 0 0 0;
}

.row2 {
    background-image: url(../../assets/images/parallax/parallax1.png);
    padding: 120px 0 100px 0;
}

.row3 {
    margin: 0 0 30px 0;
}

.row4 {
    background-image: url(../../assets/images/parallax/parallax2.png);
    padding: 120px 0 100px 0;
}

.row5 {
    background-image: url(../../assets/images/parallax/parallax3.png);
    padding: 120px 0 20px 0;
}

.row6 {
    text-align: center;
    background-image: url(../../assets/images/parallax/parallax4.png);
    padding: 100px 0 80px 0;
}

.row7 {
    background-image: url(../../assets/images/parallax/parallax5.png);
    padding: 95px 0 80px 0;
}

.clear1 {
    height: 13px;
}

.color1 {
    color: #f0f0f0;
}

/* shortcode page
---------------------------------------- */

.color2 {
    color: #fff;
    background-color: #cecece;
}

.quote1 {
    width: 50%;
    text-shadow: 1px 1px white;
}



/*-----------------------------------------------------------------------------

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*************************
	-	CAPTIONS	-
**************************/

.tp-static-layers	{	position:absolute; z-index:505; top:0px;left:0px}

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important}


.tp-caption { z-index:1; white-space:nowrap}

.tp-caption-demo .tp-caption	{	position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}


.tp-caption.whitedivider3px {

    color: #000000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #000000;
    border-style: none;
}


.tp-caption.finewide_large_white {
    color:#ffffff;
    text-shadow:none;
    font-size:60px;
    line-height:60px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:8px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.whitedivider3px {
    color:#000000;
    text-shadow:none;
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 1);
    text-decoration:none;
    font-size:0px;
    line-height:0;
    min-width:468px;
    min-height:3px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_medium_white {
    color:#ffffff;
    text-shadow:none;
    font-size:37px;
    line-height:37px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.boldwide_small_white {
    font-size:25px;
    line-height:25px;
    font-weight:800;
    font-family:"Open Sans", sans-serif;
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.whitedivider3px_vertical {
    color:#000000;
    text-shadow:none;
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 1);
    text-decoration:none;
    font-size:0px;
    line-height:0;
    min-width:3px;
    min-height:130px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_small_white {
    color:#ffffff;
    text-shadow:none;
    font-size:25px;
    line-height:25px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_verysmall_white_mw {
    font-size:13px;
    line-height:25px;
    font-weight:400;
    font-family:"Open Sans", sans-serif;
    color:#ffffff;
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    text-transform:uppercase;
    letter-spacing:5px;
    max-width:470px;
    white-space:normal !important;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.lightgrey_divider {
    text-decoration:none;
    background-color:rgb(235, 235, 235);
    background-color:rgba(235, 235, 235, 1);
    width:370px;
    height:3px;
    background-position:initial initial;
    background-repeat:initial initial;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.finewide_large_white {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.huge_red {
    position:absolute;
    color:rgb(223,75,107);
    font-weight:400;
    font-size:150px;
    line-height:130px;
    font-family: 'Oswald', sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    background-color:rgb(45,49,54);
    padding:0px;
}

.tp-caption.middle_yellow {
    position:absolute;
    color:rgb(251,213,114);
    font-weight:600;
    font-size:50px;
    line-height:50px;
    font-family: 'Open Sans', sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.huge_thin_yellow {
    position:absolute;
    color:rgb(251,213,114);
    font-weight:300;
    font-size:90px;
    line-height:90px;
    font-family: 'Open Sans', sans-serif;
    margin:0px;
    letter-spacing: 20px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.big_dark {
    position:absolute;
    color:#333;
    font-weight:700;
    font-size:70px;
    line-height:70px;
    font-family:"Open Sans";
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_dark {
    position:absolute;
    color:#333;
    font-weight:300;
    font-size:40px;
    line-height:40px;
    font-family:"Open Sans";
    margin:0px;
    letter-spacing: 5px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}


.tp-caption.medium_grey {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:20px;
    line-height:20px;
    font-family:Arial;
    padding:2px 4px;
    margin:0px;
    border-width:0px;
    border-style:none;
    background-color:#888;
    white-space:nowrap;
}

.tp-caption.small_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:14px;
    line-height:20px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:20px;
    line-height:20px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}


.tp-caption.large_bold_white_25 {
    font-size:55px;
    line-height:65px;
    font-weight:700;
    font-family:"Open Sans";
    color:#fff;
    text-decoration:none;
    background-color:transparent;
    text-align:center;
    text-shadow:#000 0px 5px 10px;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.medium_text_shadow {
    font-size:25px;
    line-height:25px;
    font-weight:600;
    font-family:"Open Sans";
    color:#fff;
    text-decoration:none;
    background-color:transparent;
    text-align:center;
    text-shadow:#000 0px 5px 10px;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.large_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:40px;
    line-height:40px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_bold_grey {
    font-size:30px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    margin:0px;
    padding:1px 4px 0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.very_large_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:60px;
    line-height:60px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    letter-spacing:-2px;
}

.tp-caption.very_big_white {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    font-size:60px;
    line-height:60px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    padding:0px 4px;
    padding-top:1px;
    background-color:#000;
}

.tp-caption.very_big_black {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:700;
    font-size:60px;
    line-height:60px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    padding:0px 4px;
    padding-top:1px;
    background-color:#fff;
}

.tp-caption.modern_medium_fat {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:800;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_medium_fat_white {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_medium_light {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:300;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_big_bluebg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    font-size:30px;
    line-height:36px;
    font-family:"Open Sans", sans-serif;
    padding:3px 10px;
    margin:0px;
    border-width:0px;
    border-style:none;
    background-color:#4e5b6c;
    letter-spacing:0;
}

.tp-caption.modern_big_redbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:30px;
    line-height:36px;
    font-family:"Open Sans", sans-serif;
    padding:3px 10px;
    padding-top:1px;
    margin:0px;
    border-width:0px;
    border-style:none;
    background-color:#de543e;
    letter-spacing:0;
}

.tp-caption.modern_small_text_dark {
    position:absolute;
    color:#555;
    text-shadow:none;
    font-size:14px;
    line-height:22px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.boxshadow {
    -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
    color:#000;
    text-shadow:none;
}

.tp-caption.noshadow {
    text-shadow:none;
}

.tp-caption a {
    color:#ff7302;
    text-shadow:none;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
    color:#ffa902;
}

.tp-caption.thinheadline_dark {
    position:absolute;
    color:rgba(0,0,0,0.85);
    text-shadow:none;
    font-weight:300;
    font-size:30px;
    line-height:30px;
    font-family:"Open Sans";
    background-color:transparent;
}

.tp-caption.thintext_dark {
    position:absolute;
    color:rgba(0,0,0,0.85);
    text-shadow:none;
    font-weight:300;
    font-size:16px;
    line-height:26px;
    font-family:"Open Sans";
    background-color:transparent;
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
    font-size:30px;
    line-height:75px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    background-color:rgba(0, 0, 0, 0.498039);
    padding:50px 25px;
    text-align:center;
    border-radius:500px 500px 500px 500px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.largeblackbg {
    font-size:50px;
    line-height:70px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    padding:0px 20px 5px;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.largepinkbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#db4360;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.largewhitebg {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#fff;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.largegreenbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#67ae73;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.excerpt {
    font-size:36px;
    line-height:36px;
    font-weight:700;
    font-family:Arial;
    color:#ffffff;
    text-decoration:none;
    background-color:rgba(0, 0, 0, 1);
    text-shadow:none;
    margin:0px;
    letter-spacing:-1.5px;
    padding:1px 4px 0px 4px;
    width:150px;
    white-space:normal !important;
    height:auto;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.large_bold_grey {
    font-size:60px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    margin:0px;
    padding:1px 4px 0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_thin_grey {
    font-size:34px;
    line-height:30px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    padding:1px 4px 0px;
    text-shadow:none;
    margin:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.small_thin_grey {
    font-size:18px;
    line-height:26px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(117, 117, 117);
    text-decoration:none;
    background-color:transparent;
    padding:1px 4px 0px;
    text-shadow:none;
    margin:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.lightgrey_divider {
    text-decoration:none;
    background-color:rgba(235, 235, 235, 1);
    width:370px;
    height:3px;
    background-position:initial initial;
    background-repeat:initial initial;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bold_darkblue {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(52, 73, 94);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_darkblue {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(52, 73, 94);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bold_red {
    font-size:24px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(227, 58, 12);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_red {
    font-size:21px;
    line-height:26px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(227, 58, 12);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_red {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(227, 58, 12);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bold_orange {
    font-size:24px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(243, 156, 18);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_orange {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(243, 156, 18);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.grassfloor {
    text-decoration:none;
    background-color:rgba(160, 179, 151, 1);
    width:4000px;
    height:150px;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bold_white {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_white {
    font-size:30px;
    line-height:36px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_white {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_white_center {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:#ffffff;
    text-decoration:none;
    background-color:transparent;
    padding:0px 0px 0px 0px;
    text-align:center;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_asbestos {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(127, 140, 141);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_black {
    font-size:30px;
    line-height:36px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.large_bold_black {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_darkblue {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(52, 73, 94);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.small_light_white {
    font-size:17px;
    line-height:28px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.roundedimage {
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bg_black {
    font-size:40px;
    line-height:40px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    padding:10px 20px 15px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumwhitebg {
    font-size:30px;
    line-height:30px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:rgb(255, 255, 255);
    padding:5px 15px 10px;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.medium_bg_orange_new1 {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(243, 156, 18);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}



.tp-caption.boxshadow{
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black{
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans', sans;
}

.tp-caption.noshadow {
    text-shadow: none;
}


.tp_inner_padding	{	box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    max-height:none !important;	}


/*.tp-caption			{	transform:none !important}*/


/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner		{
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;right:0px;top:0px;
}


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	width:100%; height:auto;}

/******************************
	-	BUTTONS	-
*******************************/

.tp-simpleresponsive .button				{	padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
    cursor:pointer;
    color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
    background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}

.tp-simpleresponsive  .button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top}


.tp-simpleresponsive  .purchase:hover,
.tp-simpleresponsive  .button:hover,
.tp-simpleresponsive  .button.big:hover		{	background-position:bottom, 15px 11px}



@media only screen and (min-width: 768px) and (max-width: 959px) {

}



@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive  .button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
    .tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }


}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-simpleresponsive  .button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
    .tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
}





/*	BUTTON COLORS	*/



.tp-simpleresponsive  .button.green, .tp-simpleresponsive  .button:hover.green,
.tp-simpleresponsive  .purchase.green, .tp-simpleresponsive  .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.tp-simpleresponsive  .button.blue, .tp-simpleresponsive  .button:hover.blue,
.tp-simpleresponsive  .purchase.blue, .tp-simpleresponsive  .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68}


.tp-simpleresponsive  .button.red, .tp-simpleresponsive  .button:hover.red,
.tp-simpleresponsive  .purchase.red, .tp-simpleresponsive  .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212}

.tp-simpleresponsive  .button.orange, .tp-simpleresponsive  .button:hover.orange,
.tp-simpleresponsive  .purchase.orange, .tp-simpleresponsive  .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00}

.tp-simpleresponsive  .button.darkgrey, .tp-simpleresponsive  .button.grey,
.tp-simpleresponsive  .button:hover.darkgrey, .tp-simpleresponsive  .button:hover.grey,
.tp-simpleresponsive  .purchase.darkgrey, .tp-simpleresponsive  .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222}

.tp-simpleresponsive  .button.lightgrey, .tp-simpleresponsive  .button:hover.lightgrey,
.tp-simpleresponsive  .purchase.lightgrey, .tp-simpleresponsive  .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555}



/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/




/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}



.fullwidthbanner-container{
    width:100%;
    position:relative;
    padding:0;
    overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
    width:100%;
    position:relative;
}



/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
    position:absolute;visibility: hidden;
    -webkit-font-smoothing: antialiased !important;
}


.tp-simpleresponsive img	{	max-width:none}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
    filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
    position:absolute;

    margin-left:auto;
    margin-right:auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-bannershadow.tp-shadow1 {	background:url(../assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px}
.tp-bannershadow.tp-shadow2 {	background:url(../assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 {	background:url(../assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo	{	left:0px; top:0px; position:absolute;width:100%;height:100%}


.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}


.fullcoveredvideo video,
.fullscreenvideo video					{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}

.html5vid.videoisplaying .tp-poster	{	display: none}

.tp-video-play-button		{	background:#000;
    background:rgba(0,0,0,0.3);
    padding:5px;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer;
}

.html5vid .tp-revstop		{	width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop	{	display:none}
.html5vid.videoisplaying .revicon-right-dir	{	display:none}
.html5vid.videoisplaying .tp-revstop	{	display:block}

.html5vid.videoisplaying .tp-video-play-button	{	display:none}
.html5vid:hover .tp-video-play-button { display:block}

.fullcoveredvideo .tp-video-play-button	{	display:none !important}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.13, rgb(0,0,0)),
            color-stop(1, rgb(50,50,50))
    );

    display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {
    opacity: .9;
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    line-height:12px;
    font-size:12px;
    color:#fff;
    padding:0px;
    margin:0px;
    outline: none;
}
.tp-video-button:hover {
    cursor: pointer;
}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 	{ padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap	{	width:80%}
.tp-video-vol-bar-wrap	{	width:20%}

.tp-volume-bar,
.tp-seek-bar		{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tp-dottedoverlay.twoxtwo				{	background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(../assets/gridtile_3x3_white.png)}
/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/


/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both}


.tp-bullets									{	z-index:1000; position:absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets					{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(../assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(../assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(../assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(../assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(../assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(../assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(../assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:0px}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(../assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left}



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index:600;
    position: relative;

}
.tparrows.hidearrows									{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px}
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px}

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;

}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(../../assets/images/large_right.png) no-Repeat 0 0;	width:40px;	height:40px;

}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left}






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
    width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
    margin-top:-50px;
}


.fullwidthbanner-container .tp-thumbs		{  padding:3px}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
    overflow:hidden; position:relative}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
    cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.tp-thumbs img								{	width:100%}


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(../../assets/images/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/




@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets	{	display:none}
    .responsive .tparrows	{	display:none}
}





/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none}

.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
    list-style:none;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image:none
}


.tp-simpleresponsive >ul >li{
    list-style:none;
    position:absolute;
    visibility:hidden
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(../../assets/images/coloredbg.png) repeat}

.tp-caption.slidelink a span	{	background:url(../../assets/images/coloredbg.png) repeat}



/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

.tparrows .tp-arr-imgholder								{ display: none}
.tparrows .tp-arr-titleholder							{ display: none}



/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 							{	width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after					{	position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after				{	content: '\e825';  }
.tp-leftarrow.preview1:after				{	content: '\e824';  }

.tparrows.preview1:hover:after 				{	background:rgba(255,255,255,1); color:#aaa}

.tparrows.preview1 .tp-arr-imgholder 		{	background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper			{	  -webkit-transition: all 0.3s;transition: all 0.3s;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper	{	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}


.tp-rightarrow.preview1 .tp-arr-imgholder	{	right:100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



}
.tp-leftarrow.preview1 .tp-arr-imgholder	{	left:100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



}


.tparrows.preview1:hover .tp-arr-imgholder	{	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:80px; height:80px;line-height:80px; font-size:24px}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:60px; height:60px;line-height:60px;font-size:20px}

}



@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:40px; height:40px;line-height:40px; font-size:12px}
}

/* PREVIEW 1 BULLETS */

.tp-bullets.preview1 						{ 	height: 21px}
.tp-bullets.preview1 .bullet 				{	cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.15) !important;
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected 		{	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #aaa !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(255, 255, 255, 1) !important;
}




/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 							{	min-width:60px; min-height:60px; background:#fff; ;

    border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
    overflow:hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    backface-visibility: hidden;
}
.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after				{	content: '\e81e';  right:18px}
.tp-leftarrow.preview2:after				{	content: '\e81f';  left:18px}


.tparrows.preview2 .tp-arr-titleholder 		{	background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding:0px 10px;
}

.tp-rightarrow.preview2 .tp-arr-titleholder	{	 right:50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tparrows.preview2.hovered					{	width:300px}
.tparrows.preview2:hover					{	background:#fff}
.tparrows.preview2:hover:after				{	color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{	-webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    position: absolute;
}

/* PREVIEW 2 BULLETS */

.tp-bullets.preview2 						{ 	height: 17px}
.tp-bullets.preview2 .bullet 				{	cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected 		{	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}

.tp-arr-titleholder.alwayshidden			{	display:none !important}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {	min-width:40px; min-height:40px; width:40px;height:40px;
        border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\e81e';  right:11px}
    .tp-leftarrow.preview2:after				{	content: '\e81f';  left:11px}
    .tparrows.preview2 .tp-arr-titleholder		{	font-size:12px; line-height:40px; letter-spacing: 0px}
    .tp-rightarrow.preview2 .tp-arr-titleholder	{	right:35px}
    .tp-leftarrow.preview2 .tp-arr-titleholder	{	left:35px}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 						{	min-width:30px; min-height:30px; width:30px;height:30px;
        border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
    .tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
    .tparrows.preview2 .tp-arr-titleholder		{	font-size:10px; line-height:30px; letter-spacing: 0px}
    .tp-rightarrow.preview2 .tp-arr-titleholder	{	right:25px}
    .tp-leftarrow.preview2 .tp-arr-titleholder	{	left:25px}
    .tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}


}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview2 							{	min-width:30px; min-height:30px; width:30px;height:30px;
        border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
    .tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
    .tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}
    .tparrows.preview2:hover					{	width:30px !important; height:30px !important}
}



/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 							{	width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after					{	position:absolute;  line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after					{	color:#000}
.tp-rightarrow.preview3:after				{	content: '\e825';  }
.tp-leftarrow.preview3:after				{	content: '\e824';  }


.tparrows.preview3 .tp-arr-iwrapper			{
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
    display: table;min-height:90px;top:-10px}

.tp-leftarrow.preview3 .tp-arr-iwrapper		{	 -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.tparrows.preview3 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
    position:relative;top:0px}

.tp-rightarrow.preview3 .tp-arr-iwrapper	{	right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper		{	left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder		{	display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}

.tparrows.preview3:hover .tp-arr-iwrapper	{
    -webkit-transform: scale(1,1);
    transform: scale(1,1);

}

/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 						{ 	height: 17px}
.tp-bullets.preview3 .bullet 				{	cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected 		{	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3:after,
    .tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
    .tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
    .tparrows.preview3 .tp-arr-imgholder 		{	min-width:70px;height:70px}
    .tp-rightarrow.preview3 .tp-arr-iwrapper	{	padding-right:50px}
    .tp-leftarrow.preview3 .tp-arr-iwrapper		{	padding-left:50px}
    .tparrows.preview3 .tp-arr-titleholder		{	padding:10px;font-size:16px}



}

@media only screen  and (max-width: 767px) {

    .tparrows.preview3:after,
    .tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
    .tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
}





/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 							{	width:30px; height:110px;  background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after					{	position:absolute;  line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

}

.tp-rightarrow.preview4:after				{	content: '\e825';  }
.tp-leftarrow.preview4:after				{	content: '\e824';  }


.tparrows.preview4 .tp-arr-allwrapper		{	visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}

.tp-leftarrow.preview4 .tp-arr-allwrapper	{	left:0px}
.tparrows.preview4 .tp-arr-iwrapper			{	position: relative}

.tparrows.preview4 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center;width:180px;height:110px;
    position:relative;top:0px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;



}


.tparrows.preview4 .tp-arr-imgholder2 		{	display:block;background-size:cover; background-position:center center; width:180px;height:110px;
    position:absolute;top:0px; left:180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.tp-leftarrow.preview4 .tp-arr-imgholder2 	{	left:-180px}




.tparrows.preview4 .tp-arr-titleholder		{	display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;


}



.tparrows.preview4:after				{	transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after			{	transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}




@media only screen and (min-width: 768px)  {
    .tparrows.preview4:hover:after				{	-webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
    .tp-leftarrow.preview4:hover:after			{	-webkit-transform: rotateY(90deg); transform:rotateY(90deg)}


    .tparrows.preview4:hover .tp-arr-titleholder	{	-webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

    }
}

/* PREVIEW 4 BULLETS */

.tp-bullets.preview4 						{ 	height: 17px}
.tp-bullets.preview4 .bullet 				{	cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected 		{	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important;
}


@media only screen  and (max-width: 767px) {
    .tparrows.preview4 						{	width:20px; height:80px}
    .tparrows.preview4:after					{	width:20px; height:80px; line-height:80px; font-size:14px}

    .tparrows.preview1 .tp-arr-allwrapper,
    .tparrows.preview2 .tp-arr-allwrapper,
    .tparrows.preview3 .tp-arr-allwrapper,
    .tparrows.preview4 .tp-arr-allwrapper		{	display: none !important}
}



/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
    top:50%; left:50%;
    z-index:10000;
    position:absolute;


}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background:url(../../assets/images/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top:-20px;
    margin-left:-20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top:-20px;
    margin-left:-20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(../../assets/images/loader.gif) no-repeat 10px 10px;
    background-color:#fff;
    margin:-22px -22px;
    width:44px;height:44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


@-webkit-keyframes tp-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}


.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top:-20px;margin-left:-20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
}




.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}




.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}



.tp-transparentimg {	content:"url(../../assets/images/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}



.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
}


@font-face {
    font-family: 'revicons';
    src: url('../font/revicons.eot?5510888');
    src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
    url('../font/revicons.woff?5510888') format('woff'),
    url('../font/revicons.ttf?5510888') format('truetype'),
    url('../font/revicons.svg?5510888#revicons') 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: 'revicons';
    src: url('../font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    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%; */

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

.revicon-search-1:before { content: '\e802'} /* '' */
.revicon-pencil-1:before { content: '\e831'} /* '' */
.revicon-picture-1:before { content: '\e803'} /* '' */
.revicon-cancel:before { content: '\e80a'} /* '' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* '' */
.revicon-right-dir:before { content: '\e818'} /* '' */
.revicon-down-open:before { content: '\e83b'} /* '' */
.revicon-left-open:before { content: '\e819'} /* '' */
.revicon-right-open:before { content: '\e81a'} /* '' */
.revicon-angle-left:before { content: '\e820'} /* '' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* '' */
.revicon-right-big:before { content: '\e81e'} /* '' */
.revicon-magic:before { content: '\e807'} /* '' */
.revicon-picture:before { content: '\e800'} /* '' */
.revicon-export:before { content: '\e80b'} /* '' */
.revicon-cog:before { content: '\e832'} /* '' */
.revicon-login:before { content: '\e833'} /* '' */
.revicon-logout:before { content: '\e834'} /* '' */
.revicon-video:before { content: '\e805'} /* '' */
.revicon-arrow-combo:before { content: '\e827'} /* '' */
.revicon-left-open-1:before { content: '\e82a'} /* '' */
.revicon-right-open-1:before { content: '\e82b'} /* '' */
.revicon-left-open-mini:before { content: '\e822'} /* '' */
.revicon-right-open-mini:before { content: '\e823'} /* '' */
.revicon-left-open-big:before { content: '\e824'} /* '' */
.revicon-right-open-big:before { content: '\e825'} /* '' */
.revicon-left:before { content: '\e836'} /* '' */
.revicon-right:before { content: '\e826'} /* '' */
.revicon-ccw:before { content: '\e808'} /* '' */
.revicon-arrows-ccw:before { content: '\e806'} /* '' */
.revicon-palette:before { content: '\e829'} /* '' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* '' */
.revicon-left-open-outline:before { content: '\e82e'} /* '' */
.revicon-left-open-2:before { content: '\e82c'} /* '' */
.revicon-right-open-outline:before { content: '\e82f'} /* '' */
.revicon-right-open-2:before { content: '\e82d'} /* '' */
.revicon-equalizer:before { content: '\e83a'} /* '' */
.revicon-layers-alt:before { content: '\e804'} /* '' */
.revicon-popup:before { content: '\e828'} /* '' */

.tel-header {
    position: absolute;
    top: 0;
    padding: 0 15px 2px 10px;
    background-color: #0dbff2;
    right: 0;
    border-radius: 0px 0px 33px 32px;
    color: #fff;
}
.tel-header i{
    float: left;
    margin: 6px 5px 0;
}

.jquery-modal {
    z-index: 1000 !important;
}
.modal {
    display: none;
    width: 50%;
    max-width: 800px;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    z-index: 1001 !important;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../assets/images/js/jquery-modal/close.png) no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url(../../assets/images/jquery-modal/spinner.gif) #111 no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}